.collection-tiles{display:block;position:relative;--ctile-gutter: var(--px-mobile)}@media screen and (min-width:750px){.collection-tiles{--ctile-gutter: max(5rem, calc((100vw - var(--page-width)) / 2 + 5rem))}}.collection-tiles--w-full,.collection-tiles--w-bleed{max-width:none;padding:0}.collection-tiles--w-bleed .collection-tiles__list{padding-inline:var(--ctile-gutter)}.collection-tiles--w-bleed .collection-tiles__arrow--prev{left:calc(var(--ctile-gutter) - 1.8rem)}.collection-tiles--w-bleed .collection-tiles__arrow--next{right:calc(var(--ctile-gutter) - 1.8rem)}.collection-tiles__viewport{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none}.collection-tiles__viewport::-webkit-scrollbar{display:none}.collection-tiles__list{display:flex;align-items:stretch;gap:var(--ctile-gap);margin:0;padding:0;list-style:none}.collection-tiles__item{flex:0 0 var(--ctile-w);max-width:var(--ctile-w);scroll-snap-align:start}.collection-tiles--grid-mobile .collection-tiles__viewport{overflow:visible}.collection-tiles--grid-mobile .collection-tiles__list{flex-wrap:wrap;row-gap:var(--ctile-gap)}@media screen and (min-width:750px){.collection-tiles--grid-desktop .collection-tiles__viewport{overflow:visible}.collection-tiles--grid-desktop .collection-tiles__list{flex-wrap:wrap;row-gap:var(--ctile-gap)}.collection-tiles--row-desktop .collection-tiles__viewport{overflow-x:auto}.collection-tiles--row-desktop .collection-tiles__list{flex-wrap:nowrap}}.ctile{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:.8rem;height:100%;padding:var(--ctile-pad);border-radius:var(--ctile-radius);background-color:var(--ctile-bg);color:var(--ctile-label-color);text-decoration:none;transition:background-color .2s ease,transform .2s ease}.ctile:hover,.ctile:focus-visible{background-color:var(--ctile-bg-hover);text-decoration:none}.ctile:focus-visible{outline:.2rem solid currentColor;outline-offset:.2rem}.ctile__media{display:flex;align-items:center;justify-content:center;width:100%;height:var(--ctile-media-h)}.ctile__image{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.collection-tiles--blend .ctile__image{mix-blend-mode:multiply}.ctile__label{display:block;width:100%;margin-top:auto;font-size:var(--ctile-label-size);line-height:1.25;text-align:var(--ctile-align);color:var(--ctile-label-color);word-break:break-word}.ctile__circle{display:flex;align-items:center;justify-content:center;width:var(--ctile-media-h);height:var(--ctile-media-h);border-radius:50%;background-color:var(--ctile-circle-bg)}.ctile__circle svg{width:40%;height:40%;display:block}.ctile__circle--image{overflow:hidden}.ctile__circle--image img{width:100%;height:100%;object-fit:cover;display:block}.collection-tiles__arrow{position:absolute;top:50%;z-index:2;display:none;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;padding:0;transform:translateY(-50%);border:.1rem solid rgba(0,0,0,.12);border-radius:50%;background-color:#fff;box-shadow:0 .1rem .5rem #00000024;cursor:pointer}.collection-tiles__arrow[data-visible=true]{display:flex}.collection-tiles__arrow svg{width:1.2rem;height:1.2rem;display:block}.collection-tiles__arrow--prev{left:-.8rem}.collection-tiles__arrow--prev svg{transform:rotate(180deg)}.collection-tiles__arrow--next{right:-.8rem}@media screen and (max-width:749px){.collection-tiles__arrow{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/component-collection-tiles.css.map */