.collection-grid{display:grid;grid-template-columns:repeat(var(--columns-mobile),minmax(0,1fr));column-gap:var(--s0);row-gap:var(--s5)}.collection-grid>.marquee-block{grid-column:1 / -1;margin-inline:calc(50% - 50vw)}.collection-marketing-tile{position:relative;grid-column:span var(--column-span-mobile);grid-row:span var(--row-span-mobile);text-decoration:none}.collection-marketing-tile[hidden]{display:none}.collection-tile-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:color-mix(in srgb,var(--color-1) 10%,transparent);fill:color-mix(in srgb,var(--color-1) 25%,transparent)}@media(min-width:768px){.collection-grid{grid-template-columns:repeat(var(--columns-tablet),minmax(0,1fr));column-gap:var(--s1);row-gap:var(--s6)}.collection-marketing-tile{grid-column:span var(--column-span-tablet);grid-row:span var(--row-span)}}@media(min-width:1024px){.collection-grid{grid-template-columns:repeat(var(--columns),minmax(0,1fr))}.collection-marketing-tile{grid-column:span var(--column-span)}}component-infinite-scroll{display:block}component-infinite-scroll [data-elements=sentinel]{position:relative}component-infinite-scroll[aria-busy=true] [data-elements=sentinel]:after{content:"";position:absolute;top:50%;left:50%;width:22px;height:22px;margin:-11px 0 0 -11px;border:2px solid var(--color-1);border-right-color:transparent;border-radius:50%;opacity:0;animation:spin .6s linear infinite,fade-in .2s ease .3s forwards}@keyframes fade-in{to{opacity:1}}@supports not selector(::-webkit-scrollbar){.collection-navigation,.collection-related,.featured-collections-grid{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}}.collection-navigation::-webkit-scrollbar,.collection-related::-webkit-scrollbar,.featured-collections-grid::-webkit-scrollbar{height:2px}.collection-navigation::-webkit-scrollbar-thumb,.collection-related::-webkit-scrollbar-thumb,.featured-collections-grid::-webkit-scrollbar-thumb{border-radius:2px;background:#0003}.collection-navigation::-webkit-scrollbar-track,.collection-related::-webkit-scrollbar-track,.featured-collections-grid::-webkit-scrollbar-track{background:transparent}.collection-navigation,.collection-related{overflow-x:auto;overflow-y:hidden;padding-bottom:var(--s-4)}.collection-navigation-tile{flex:0 0 calc((100% - 5 * var(--s1)) / 6);text-transform:capitalize}.collection-navigation-scroll .scroll-button{color:var(--color-1)}.collection-navigation-scroll .scroll-button svg{width:18px;height:auto}.collection-navigation-scroll .scroll-button-left svg{transform:rotate(180deg)}.collection-navigation-tile-media{aspect-ratio:1}.collection-navigation-tile-media img,.collection-navigation-tile-media svg{width:100%;height:100%;object-fit:cover}.collection-related-card{position:relative;flex:0 0 calc((100% - 2 * var(--s1)) / 3);aspect-ratio:443 / 586;color:var(--color-3)}.collection-related-card-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.collection-related-card:before,.feature-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:url(texture-paper.jpg) center / cover;opacity:.1;pointer-events:none}.collection-related-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(rgba(0,0,0,.52),transparent 17.5%,transparent 82.5%,rgba(0,0,0,.52))}.collection-related-card-content{position:relative;z-index:1;align-self:start}@media(max-width:767px){.collection-navigation,.collection-related{padding-inline:var(--s2)}.collection-navigation-scroll{--container-gutter: var(--s2)}.collection-navigation-scroll .scroll-track{padding-inline:var(--container-gutter)}.collection-navigation-tile{flex:0 0 125px}.collection-navigation-tile-media{border-radius:2px}.collection-related-card{flex-basis:64%}}.featured-collections-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s2) var(--s1)}.featured-collections-grid>*{grid-column:span var(--column-span)}.feature-card{position:relative;aspect-ratio:902 / 500;color:var(--color-3)}.feature-card:before{content:"";position:absolute;inset:auto 0 0;height:32%;background:linear-gradient(to top,rgba(0,0,0,.52),transparent);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);-webkit-mask-image:linear-gradient(to top,#000,transparent);mask-image:linear-gradient(to top,#000,transparent)}.feature-card-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}@media(max-width:767px){.featured-collections-grid{display:flex;gap:var(--s0);padding-inline:var(--s2);overflow-x:auto}.collection-card{flex:0 0 64%}.collection-card .collection-related-card{aspect-ratio:215 / 322;padding:12px;border-radius:5px}.collection-card .collection-related-card:after{background:linear-gradient(rgba(0,0,0,.32),transparent 60px,transparent calc(100% - 60px),rgba(0,0,0,.32));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);-webkit-mask-image:linear-gradient(#000,transparent 60px,transparent calc(100% - 60px),#000);mask-image:linear-gradient(#000,transparent 60px,transparent calc(100% - 60px),#000)}}.collection-rows{overflow-x:clip}.collection-row{--row-bleed: max(var(--container-gutter), (100vw - var(--container-width, 1240px)) / 2)}.collection-row+.collection-row{padding-top:var(--s2);border-top:1px solid rgba(0,0,0,.1)}.collection-row-scroll{visibility:visible}.collection-row .collection-row-scroll .collection-row-track{margin-inline:calc(var(--row-bleed) * -1);padding-inline:var(--row-bleed);scroll-padding-inline:var(--row-bleed)}.collection-row-item,.collection-row-tile--desktop{flex:0 0 calc((100% - 3 * var(--s1)) / 4);min-width:0}.collection-rows:not(.state--filtered) .collection-row-item--extra,.collection-rows.state--filtered .collection-row:not(.state--active),.collection-rows.state--filtered .collection-row>header .button,.collection-rows.state--filtered .collection-row-tile,.collection-rows.state--filtered .collection-row .scroll-button,.collection-rows.state--filtered .collection-row-item.state--duplicate{display:none}.collection-rows.state--filtered .collection-row.state--active,.collection-rows.state--filtered .collection-row.state--active .collection-row-scroll,.collection-rows.state--filtered .collection-row.state--active .collection-row-track{display:contents}.collection-row:has(.collection-row-scroll:not(.state--scrollable))>header .button{display:none}.collection-rows.state--filtered .collection-row>header{grid-column:1 / -1}@media(min-width:768px){.collection-rows.state--filtered .collection-row>header{display:none}}.collection-row-tile{position:relative;text-decoration:none;background-color:#0000000f}.collection-row component-scroll.state--scrollable .collection-row-button{top:0;bottom:0;width:240px;height:auto;align-items:center;border-radius:0;transform:none;opacity:0;transition:opacity .3s ease-out;background:radial-gradient(145px 114px at 100% 40%,#a5dcfb99,#a5dcfb00);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);-webkit-mask-image:radial-gradient(145px 114px at 100% 40%,#000 40%,transparent);mask-image:radial-gradient(145px 114px at 100% 40%,#000 40%,transparent)}.collection-row component-scroll.state--scrollable .scroll-button-right{right:calc(var(--row-bleed) * -1)}.collection-row component-scroll.state--scrollable .scroll-button-left{left:calc(var(--row-bleed) * -1);transform:scaleX(-1)}.collection-row-button svg{position:absolute;top:40%;right:45px;width:34px;height:12px;color:var(--color-1);transform:translateY(-50%)}.collection-row-scroll:hover .collection-row-button:not(.state--hidden),.collection-row component-scroll.state--scrollable .collection-row-button:focus-visible{opacity:1}@media(prefers-reduced-motion:reduce){.collection-row component-scroll.state--scrollable .collection-row-button{transition:none}}@media(hover:none){.collection-row .collection-row-scroll .scroll-button{display:none}.collection-row component-scroll.state--scrollable:has(>.scroll-button-right:not(.state--hidden)) .collection-row-track{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - var(--s5)),transparent);mask-image:linear-gradient(to right,#000 calc(100% - var(--s5)),transparent)}.collection-row component-scroll.state--scrollable:has(>.scroll-button-left:not(.state--hidden)) .collection-row-track{-webkit-mask-image:linear-gradient(to right,transparent,#000 var(--s5));mask-image:linear-gradient(to right,transparent,#000 var(--s5))}.collection-row component-scroll.state--scrollable:has(>.scroll-button-left:not(.state--hidden)):has(>.scroll-button-right:not(.state--hidden)) .collection-row-track{-webkit-mask-image:linear-gradient(to right,transparent,#000 var(--s5),#000 calc(100% - var(--s5)),transparent);mask-image:linear-gradient(to right,transparent,#000 var(--s5),#000 calc(100% - var(--s5)),transparent)}}@media(max-width:1023px){.collection-row-item,.collection-row-tile--desktop{flex-basis:calc((100% - 2 * var(--s1)) / 3)}}@media(max-width:767px){.collection-row-item{flex-basis:calc((100% - 2 * var(--s0)) / 2.15)}.collection-row-tile--mobile{aspect-ratio:350 / 200}}
/*# sourceMappingURL=/cdn/shop/t/90/assets/section-collection.css.map */