:root{--litterly-spacing-base: var(--spacing-sections, 40px);--litterly-spacing-xs: calc(var(--litterly-spacing-base) * .25);--litterly-spacing-sm: calc(var(--litterly-spacing-base) * .5);--litterly-spacing-md: var(--litterly-spacing-base);--litterly-spacing-lg: calc(var(--litterly-spacing-base) * 1.5);--litterly-spacing-xl: calc(var(--litterly-spacing-base) * 2);--litterly-spacing-xxl: calc(var(--litterly-spacing-base) * 2.5);--litterly-spacing-hero: var(--litterly-spacing-xl);--litterly-spacing-featured: var(--litterly-spacing-lg);--litterly-spacing-content: var(--litterly-spacing-md);--litterly-spacing-utility: var(--litterly-spacing-sm);--litterly-section-top-mobile: var(--litterly-spacing-content);--litterly-section-bottom-mobile: var(--litterly-spacing-content);--litterly-section-top-desktop: var(--litterly-spacing-content);--litterly-section-bottom-desktop: var(--litterly-spacing-content);--litterly-header-height: 80px;--litterly-announcement-height: 40px}.litterly-section{--section-top-mobile: var(--litterly-section-top-mobile, 40px);--section-bottom-mobile: var(--litterly-section-bottom-mobile, 40px);--section-top-desktop: var(--litterly-section-top-desktop, 60px);--section-bottom-desktop: var(--litterly-section-bottom-desktop, 60px);padding-top:var(--section-top-mobile);padding-bottom:var(--section-bottom-mobile);box-sizing:border-box;position:relative}@media(min-width:751px){.litterly-section{padding-top:var(--section-top-desktop);padding-bottom:var(--section-bottom-desktop)}}@media(min-width:751px){.litterly-section:first-of-type:not(.litterly-header){--section-top-desktop: calc( var(--litterly-section-top-desktop, 60px) + var(--litterly-header-height, 80px) )}}@media(max-width:750px){.litterly-section:first-of-type:not(.litterly-header){--section-top-mobile: calc( var(--litterly-section-top-mobile, 40px) + var(--litterly-header-height, 80px) )}}@media(min-width:751px){body:not(.is-scrolled) .litterly-section:first-of-type:not(.litterly-header){--section-top-desktop: calc( var(--litterly-section-top-desktop, 60px) + var(--litterly-header-height, 80px) + var(--litterly-announcement-height, 40px) )}}@media(max-width:750px){body:not(.is-scrolled) .litterly-section:first-of-type:not(.litterly-header){--section-top-mobile: calc( var(--litterly-section-top-mobile, 40px) + var(--litterly-header-height, 80px) + var(--litterly-announcement-height, 40px) )}}.litterly-mt-xs{margin-top:var(--litterly-spacing-xs)}.litterly-mt-sm{margin-top:var(--litterly-spacing-sm)}.litterly-mt-md{margin-top:var(--litterly-spacing-md)}.litterly-mt-lg{margin-top:var(--litterly-spacing-lg)}.litterly-mt-xl{margin-top:var(--litterly-spacing-xl)}.litterly-mt-xxl{margin-top:var(--litterly-spacing-xxl)}.litterly-mb-xs{margin-bottom:var(--litterly-spacing-xs)}.litterly-mb-sm{margin-bottom:var(--litterly-spacing-sm)}.litterly-mb-md{margin-bottom:var(--litterly-spacing-md)}.litterly-mb-lg{margin-bottom:var(--litterly-spacing-lg)}.litterly-mb-xl{margin-bottom:var(--litterly-spacing-xl)}.litterly-mb-xxl{margin-bottom:var(--litterly-spacing-xxl)}.litterly-pt-xs{padding-top:var(--litterly-spacing-xs)}.litterly-pt-sm{padding-top:var(--litterly-spacing-sm)}.litterly-pt-md{padding-top:var(--litterly-spacing-md)}.litterly-pt-lg{padding-top:var(--litterly-spacing-lg)}.litterly-pt-xl{padding-top:var(--litterly-spacing-xl)}.litterly-pt-xxl{padding-top:var(--litterly-spacing-xxl)}.litterly-pb-xs{padding-bottom:var(--litterly-spacing-xs)}.litterly-pb-sm{padding-bottom:var(--litterly-spacing-sm)}.litterly-pb-md{padding-bottom:var(--litterly-spacing-md)}.litterly-pb-lg{padding-bottom:var(--litterly-spacing-lg)}.litterly-pb-xl{padding-bottom:var(--litterly-spacing-xl)}.litterly-pb-xxl{padding-bottom:var(--litterly-spacing-xxl)}.litterly-container{width:100%;max-width:1400px;margin:0 auto;padding:0 20px;box-sizing:border-box}.litterly-container-narrow{max-width:800px}.litterly-container-wide{max-width:1600px}.litterly-grid{display:grid;gap:var(--litterly-spacing-md);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.litterly-grid-2{grid-template-columns:repeat(2,1fr)}.litterly-grid-3{grid-template-columns:repeat(3,1fr)}.litterly-grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:750px){.litterly-grid-2,.litterly-grid-3,.litterly-grid-4{grid-template-columns:1fr}.litterly-container{padding:0 16px}}@media(max-width:480px){.litterly-container{padding:0 12px}}body.dark{--litterly-spacing-md: 28px}@media print{.litterly-section{padding-top:20px;padding-bottom:20px}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/litterly-spacing.css.map */