.section-fonzies-grid .fonzies-grid__list{display:grid;grid-template-columns:repeat(var(--desktop-columns, 4),1fr);grid-auto-rows:auto;gap:1rem}.section-fonzies-grid .fonzies-grid__item{position:relative;border-radius:var(--medium-radius);overflow:hidden;aspect-ratio:var(--grid-aspect-ratio, 16 / 9);--alpha-overlay: 0}.section-fonzies-grid .fonzies-grid__item .media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.section-fonzies-grid .fonzies-grid__item .media img,.section-fonzies-grid .fonzies-grid__item .media svg{width:100%;height:100%;object-fit:cover;transition:transform .3s cubic-bezier(0,0,.3,1)}.section-fonzies-grid .fonzies-grid__item .media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(var(--color-foreground),var(--alpha-overlay))}.section-fonzies-grid .fonzies-grid__item:hover .media img{transform:scale(1.05)}.section-fonzies-grid .fonzies-grid__content{position:relative;z-index:1;padding:2rem;height:100%}.section-fonzies-grid .fonzies-grid__content h3{color:var(--color-text);margin-bottom:0}.section-fonzies-grid .fonzies-grid__content h3.title-size--small{font-size:1rem}.section-fonzies-grid .fonzies-grid__content h3.title-size--medium{font-size:1.5rem}.section-fonzies-grid .fonzies-grid__content h3.title-size--large{font-size:2rem}.section-fonzies-grid .fonzies-grid--adapt .fonzies-grid__item{aspect-ratio:unset}.section-fonzies-grid .fonzies-grid--adapt .fonzies-grid__item .media{position:relative;inset:unset;width:100%;height:auto}.section-fonzies-grid .fonzies-grid--adapt .fonzies-grid__item .media>img,.section-fonzies-grid .fonzies-grid--adapt .fonzies-grid__item .media>svg,.section-fonzies-grid .fonzies-grid--adapt .fonzies-grid__item .media>picture,.section-fonzies-grid .fonzies-grid--adapt .fonzies-grid__item .media>.image-lazy-loading{position:relative!important;left:unset;top:unset;width:100%;height:auto!important;display:block;object-fit:contain}.section-fonzies-grid .fonzies-grid--adapt .fonzies-grid__item .media picture img{height:auto!important;object-fit:contain}.section-fonzies-grid .fonzies-grid--adapt .fonzies-grid__item .fonzies-grid__content{position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.section-fonzies-grid .fonzies-grid__item.item-columns--1{grid-column:span 1}.section-fonzies-grid .fonzies-grid__item.item-columns--2{grid-column:span 2}.section-fonzies-grid .fonzies-grid__item.item-columns--3{grid-column:span 3}.section-fonzies-grid .fonzies-grid__item.item-columns--4{grid-column:span 4}.section-fonzies-grid .fonzies-grid__item.item-rows--1{grid-row:span 1}.section-fonzies-grid .fonzies-grid__item.item-rows--2{grid-row:span 2}.fonzies-grid__dots{display:none}@media screen and (max-width: 749px){.section-fonzies-grid .fonzies-grid__wrapper.page-width{padding-left:14px;padding-right:14px}.section-fonzies-grid .fonzies-grid__list{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:12px}.section-fonzies-grid .fonzies-grid__list::-webkit-scrollbar{display:none}.section-fonzies-grid .fonzies-grid__item{flex:0 0 100%;scroll-snap-align:center;aspect-ratio:var(--grid-aspect-ratio, 16 / 9);border-radius:8px;grid-column:unset;grid-row:unset}.section-fonzies-grid .fonzies-grid--adapt .fonzies-grid__item{aspect-ratio:unset}.section-fonzies-grid .fonzies-grid__content{padding:1rem}.section-fonzies-grid .fonzies-grid__content h3{color:var(--color-text-mobile)}.section-fonzies-grid .fonzies-grid__content h3.title-size-mobile--small{font-size:.875rem}.section-fonzies-grid .fonzies-grid__content h3.title-size-mobile--medium{font-size:1rem}.section-fonzies-grid .fonzies-grid__content h3.title-size-mobile--large{font-size:1.25rem}.fonzies-grid__dots{display:flex;justify-content:center;align-items:center;gap:.625rem;padding:1rem 0 .25rem}.fonzies-grid__dot{width:8px;height:8px;border-radius:4px;border:none;background:rgba(var(--color-foreground),.25);padding:0;cursor:pointer;transition:width .4s ease,background .3s ease;position:relative;overflow:hidden}.fonzies-grid__dot.active{width:24px;background:rgba(var(--color-foreground),.2)}.fonzies-grid__dot .fonzies-grid__dot-fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:4px;background:rgba(var(--color-foreground),1);transform:scaleX(0);transform-origin:left}.fonzies-grid__dot.active .fonzies-grid__dot-fill{animation:fonziesDotFill var(--autoplay-speed, 5s) linear forwards}@keyframes fonziesDotPing{0%{box-shadow:0 0 rgba(var(--color-foreground),.5)}70%{box-shadow:0 0 0 6px rgba(var(--color-foreground),0)}to{box-shadow:0 0 rgba(var(--color-foreground),0)}}.fonzies-grid__dot.ping{animation:fonziesDotPing .6s ease-out}@keyframes fonziesDotFill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}}
/*# sourceMappingURL=/cdn/shop/t/287/assets/section-fonzies-grid.css.map */