metta-tile-carousel{display:block;width:100%;min-width:0}.metta-tile-carousel__viewport{overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.metta-tile-carousel__viewport::-webkit-scrollbar{display:none}.metta-tile-carousel-grid .metta-tile-carousel__track{display:flex;flex-wrap:nowrap;gap:var(--grid-spacing);margin:0}.metta-tile-carousel-grid .metta-tile-carousel__track>.grid-item{flex:0 0 calc((100% - var(--grid-spacing) * (var(--tiles-across, 4) - 1)) / var(--tiles-across, 4));min-width:0;margin:0;scroll-snap-align:start}.metta-tile-carousel-grid :focus-visible{outline:2px solid currentColor;outline-offset:-3px}.metta-tile-carousel__nav .carousel__navigation-button{background:none;border:0;color:inherit;cursor:pointer}.metta-tile-carousel__nav .carousel__navigation-button:disabled{cursor:default}@media(max-width:719px){.metta-tile-carousel-grid .metta-tile-carousel__track>.grid-item{flex-basis:calc((100% - var(--grid-spacing) * .5) / 1.5)}}.metta-tile-carousel-grid{--tile-caption: calc(var(--space-xs) + var(--type-heading) * 1.1)}.metta-tile-carousel-grid .metta-tile-carousel__track>.grid-item{min-height:0;padding-bottom:var(--tile-caption);color:var(--c-ink)}.metta-tile-carousel-grid .grid-item__inner{height:var(--mobile-height);overflow:visible}@media(min-width:960px){.metta-tile-carousel-grid .grid-item__inner{height:var(--height)}}.metta-tile-carousel-grid .grid-item__image{overflow:hidden}.metta-tile-carousel-grid .grid-item__overlay{display:none}.metta-tile-carousel-grid .grid-item__link-overlay{bottom:calc(var(--tile-caption) * -1)}.metta-tile-carousel-grid .grid-item__text-container-wrapper{position:absolute;top:100%;left:0;right:0;height:var(--tile-caption);padding:var(--space-xs) 0 0;align-items:flex-start;justify-content:flex-start}.metta-tile-carousel-grid .grid-item__heading{color:var(--c-ink);font-weight:var(--w-regular)}.metta-tile-carousel-grid.grid--no-spacing .grid-item__text-container-wrapper{padding-left:var(--space-xs)}.metta-tile-carousel-grid .grid-item__inner{height:auto;aspect-ratio:4 / 5}@media(max-width:719px){.metta-tile-carousel-grid .metta-tile-carousel__track>.grid-item{flex-basis:calc((100% - var(--grid-spacing) * 1.1) / 2.1)}}@media(min-width:720px)and (max-width:959px){.metta-tile-carousel-grid .metta-tile-carousel__track>.grid-item{flex-basis:calc((100% - var(--grid-spacing) * 2) / 3)}}
/*# sourceMappingURL=/cdn/shop/t/104/assets/metta-tile-carousel.css.map */