.component-grid{display:grid;gap:var(--grid-gap, 16px);width:100vw;height:100vh;box-sizing:border-box;overflow:visible;padding-top:96px;padding-bottom:96px}.component-grid--height-auto{height:auto;padding-top:96px;padding-bottom:96px}.component-grid--height-fill{height:100vh}.component-grid-item{box-sizing:border-box;display:grid}@media screen and (max-width: 734px){.component-grid{gap:16px;padding:72px 32px;height:calc(100vh - 112px);overflow:visible;grid-template-columns:repeat(4,1fr);width:calc(100vw - 64px)}.component-grid.component-grid--height-auto{height:auto}.component-grid.component-grid--height-fill{height:100vh}.component-grid .component-grid-item{grid-column:var(--mobile-start, 1) / var(--mobile-end, 5)!important}.component-grid .component-grid-item[data-mobile-start][data-mobile-end]{grid-column:var(--mobile-start) / var(--mobile-end)!important}.grid-item-mobile{display:block}.grid-item-desktop{display:none}}@media screen and (min-width: 735px) and (max-width: 1068px){.component-grid{display:grid!important;gap:24px;padding-top:84px;padding-bottom:84px;padding-left:clamp(48px,calc(48px + (100vw - 744px) * .0571428571),64px);padding-right:clamp(48px,calc(48px + (100vw - 744px) * .0571428571),64px);grid-template-columns:repeat(8,1fr);width:calc(100vw - clamp(96px,calc(96px + (100vw - 744px) * .1142857142),128px));width:100%;box-sizing:border-box}.component-grid .component-grid-item{grid-column:var(--tablet-start, 2) / var(--tablet-end, 8)!important}.component-grid .component-grid-item[data-tablet-start][data-tablet-end]{grid-column:var(--tablet-start) / var(--tablet-end)!important}.grid-item-mobile{display:none}.grid-item-desktop{display:block}}@media screen and (min-width: 1069px) and (max-width: 1439px){.component-grid{gap:24px;padding-top:96px;padding-bottom:96px;padding-left:clamp(71.2px,calc(71.2px + (100vw - 1069px)*.0667),96px);padding-right:clamp(71.2px,calc(71.2px + (100vw - 1069px)*.0667),96px);grid-template-columns:repeat(12,1fr);width:100vw;max-width:none;margin:0;box-sizing:border-box!important}.component-grid .component-grid-item{grid-column:var(--desktop-start, 4) / var(--desktop-end, 10)!important}.component-grid .component-grid-item[data-desktop-start][data-desktop-end]{grid-column:var(--desktop-start) / var(--desktop-end)!important}.grid-item-mobile{display:none}.grid-item-desktop{display:block}}@media screen and (min-width: 1440px){.component-grid{gap:24px;padding:96px;grid-template-columns:repeat(12,1fr);width:calc(100vw - 192px);width:100vw;max-width:none;margin:0;box-sizing:border-box}.component-grid .component-grid-item{grid-column:var(--desktop-start, 4) / var(--desktop-end, 10)!important}.component-grid .component-grid-item[data-desktop-start][data-desktop-end]{grid-column:var(--desktop-start) / var(--desktop-end)!important}.grid-item-mobile{display:none}.grid-item-desktop{display:block}}.component-grid--auto-fit{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.component-grid--auto-fill{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.component-grid--masonry{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-auto-rows:0;grid-template-rows:masonry}.component-grid--center{justify-items:center}.component-grid--start{justify-items:start}.component-grid--end{justify-items:end}.component-grid--stretch{justify-items:stretch}.component-grid--align-center{align-items:center}.component-grid--align-start{align-items:start}.component-grid--align-end{align-items:end}.component-grid--align-stretch{align-items:stretch}.component-grid--content-center{justify-content:center}.component-grid--content-start{justify-content:start}.component-grid--content-end{justify-content:end}.component-grid--content-space-between{justify-content:space-between}.component-grid--content-space-around{justify-content:space-around}.component-grid--content-space-evenly{justify-content:space-evenly}@media screen and (max-width: 734px){.component-grid__mobile-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:8px 4px}}@media screen and (min-width: 735px){.component-grid__mobile-header{display:none!important}}.component-grid__mobile-sticky-topbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--surface-surface, #0c0c0e);border-bottom:1px solid var(--outline-outline-variant, #3a3a3c);display:flex;align-items:center;justify-content:space-between;padding:12px 16px;height:112px;box-sizing:border-box}.component-grid__mobile-sticky-back{flex:0 0 auto}.component-grid__mobile-sticky-title{flex:1;text-align:center;color:var(--surface-on-surface, #FFF);font-family:"STRUTT Modena 420";font-size:18px;font-weight:400;line-height:1.5}@media screen and (min-width: 735px){.component-grid__mobile-sticky-topbar{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/component-grid-auto.css.map */