.shop-by-collection{position:relative}.shop-by-collection--full-width .page-width{max-width:none;padding:0}.shop-by-collection .collage-wrapper-title{text-align:center;margin-bottom:2rem}@media screen and (min-width: 991px){.shop-by-collection .collage-wrapper-title{margin-bottom:3rem}}.shop-by-collection__filters{display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:1rem;padding:.3rem 1.5rem;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;position:relative}.shop-by-collection__filters:not(.is-scrollable):before,.shop-by-collection__filters:not(.is-scrollable):after{content:"";flex:1 1 0%}.shop-by-collection__filters.scroll-trigger{transform:none!important;opacity:1!important}.shop-by-collection__filters::-webkit-scrollbar{display:none}@media screen and (min-width: 991px){.shop-by-collection__filters{gap:1.5rem;margin-bottom:2.5rem;overflow-x:visible;scroll-snap-type:none}.shop-by-collection__filters.scroll-trigger{transform:none!important;opacity:1!important}}.shop-by-collection__filter-input{clip:rect(0,0,0,0);overflow:hidden;position:absolute;height:1px;width:1px;pointer-events:none}.shop-by-collection__filter-label{position:relative;font-size:1.4rem;padding:1rem 2rem;min-width:auto;transition:all .3s ease;white-space:nowrap;cursor:pointer;margin:0;scroll-snap-align:start;flex-shrink:0}.shop-by-collection__filter-input:not(:checked)+.shop-by-collection__filter-label.button{--alpha-button-background: 1}.shop-by-collection__filter-input:not(:checked)+.shop-by-collection__filter-label.button--secondary{--alpha-button-background: 0}@media screen and (min-width: 991px){.shop-by-collection__filter-label{font-size:1.5rem;padding:1.2rem 3rem}}.shop-by-collection__filter-input:checked+.shop-by-collection__filter-label[data-active-class*=link]{font-weight:700;text-decoration:underline;text-underline-offset:.3rem;text-decoration-thickness:.1rem;background:transparent;background-color:transparent;border:none;box-shadow:none;padding:1rem .5rem}.shop-by-collection__filter-input:checked+.shop-by-collection__filter-label[data-active-class*=link]:before,.shop-by-collection__filter-input:checked+.shop-by-collection__filter-label[data-active-class*=link]:after{display:none}.shop-by-collection__filter-input:checked+.shop-by-collection__filter-label[data-active-class=button]{--alpha-button-background: 1 !important}.shop-by-collection__filter-input:checked+.shop-by-collection__filter-label[data-active-class=button].button--secondary{--color-button: unset !important;--color-button-text: unset !important}.shop-by-collection__filter-input:checked+.shop-by-collection__filter-label[data-active-class=button]:after{box-shadow:0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text),0),0 0 0 var(--buttons-border-width) rgba(var(--color-button),1)!important}.shop-by-collection__filter-input:checked+.shop-by-collection__filter-label[data-active-class*=button--secondary]{--alpha-button-background: 1 !important;background:rgba(var(--color-button),var(--alpha-button-background))!important;background-color:rgba(var(--color-button),var(--alpha-button-background))!important;color:rgb(var(--color-button-text))!important}.shop-by-collection__filter-input:checked+.shop-by-collection__filter-label[data-active-class*=button--secondary]:before{box-shadow:var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow),var(--shadow-opacity))!important}.shop-by-collection__filter-input:checked+.shop-by-collection__filter-label[data-active-class*=button--secondary]:after{box-shadow:0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text),var(--buttons-border-opacity)),0 0 0 var(--buttons-border-width) rgba(var(--color-button),var(--alpha-button-background))!important}.shop-by-collection__filter-input:checked+.shop-by-collection__filter-label{cursor:default}.shop-by-collection__filter-input:checked+.shop-by-collection__filter-label:hover:before,.shop-by-collection__filter-input:checked+.shop-by-collection__filter-label:hover:after{--border-offset: 0 !important}.shop-by-collection__filter-input:checked+.shop-by-collection__filter-label[data-active-class=button]:hover:after{box-shadow:0 0 0 calc(var(--buttons-border-width) + 0px) rgba(var(--color-button-text),0),0 0 0 var(--buttons-border-width) rgba(var(--color-button),1)!important}.shop-by-collection__filter-input:checked+.shop-by-collection__filter-label[data-active-class*=button--secondary]:hover:after{box-shadow:0 0 0 calc(var(--buttons-border-width) + 0px) rgba(var(--color-button-text),var(--buttons-border-opacity)),0 0 0 var(--buttons-border-width) rgba(var(--color-button),var(--alpha-button-background))!important}.shop-by-collection__filter-input:not(:checked)+.shop-by-collection__filter-label.button:hover:after,.shop-by-collection__filter-input:not(:checked)+.shop-by-collection__filter-label.button--secondary:hover:after{--border-offset: 1.3px;box-shadow:0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text),var(--border-opacity)),0 0 0 calc(var(--buttons-border-width) + 1px) rgba(var(--color-button),var(--alpha-button-background))}.shop-by-collection__filter-input:not(:checked)+.shop-by-collection__filter-label.link:hover{text-decoration:underline;text-underline-offset:.3rem}.shop-by-collection__filter-input:focus-visible+.shop-by-collection__filter-label{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.3rem;box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.5)}.shop-by-collection__collection-container{position:relative}.shop-by-collection__collection-container .slider-counter,.shop-by-collection__collection-container .slider-buttons,.shop-by-collection__collection-container.hidden{display:none}.shop-by-collection__products{--grid-desktop-vertical-spacing: .3rem;--grid-desktop-horizontal-spacing: .3rem;--grid-mobile-vertical-spacing: .2rem;--grid-mobile-horizontal-spacing: .2rem}.shop-by-collection__products .card__inner{padding:0}.shop-by-collection__products .card__media,.shop-by-collection__products .card__media img,.shop-by-collection__products .media{margin-left:auto;margin-right:auto}.shop-by-collection__products .card__content{padding:.8rem .5rem}@media screen and (min-width: 991px){.shop-by-collection__products .card__content{padding:1rem .8rem}}@media screen and (max-width: 990px){.shop-by-collection__products.slider--tablet{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,1fr);gap:var(--grid-mobile-vertical-spacing) var(--grid-mobile-horizontal-spacing);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.shop-by-collection__products.slider--tablet .grid__item{width:40vw;min-width:40vw;scroll-snap-align:start}.shop-by-collection__products.slider--tablet .grid__item:nth-child(odd){grid-row:1}.shop-by-collection__products.slider--tablet .grid__item:nth-child(2n){grid-row:2}.shop-by-collection__products.slider--tablet .grid__item:first-child,.shop-by-collection__products.slider--tablet .grid__item:nth-child(2){margin-left:1.5rem}}.shop-by-collection__loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.shop-by-collection__loading.hidden{display:none}.loading__spinner{width:5rem;height:5rem}.spinner{animation:rotator 1.4s linear infinite}@keyframes rotator{0%{transform:rotate(0)}to{transform:rotate(270deg)}}.spinner .path{stroke-dasharray:187;stroke-dashoffset:0;transform-origin:center;stroke:rgb(var(--color-foreground));animation:dash 1.4s ease-in-out infinite}@keyframes dash{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75;transform:rotate(135deg)}to{stroke-dashoffset:187;transform:rotate(450deg)}}shop-by-collection-component[data-loading] .shop-by-collection__products{opacity:.5;pointer-events:none;transition:opacity .3s ease}@media screen and (max-width: 990px){.shop-by-collection__filters{position:relative;padding:.3rem 1.5rem;scroll-behavior:auto}.shop-by-collection__filters.scroll-trigger{transform:none!important;opacity:1!important}.shop-by-collection__filter-label{font-size:1.2rem;padding:.8rem 1.5rem}}@media screen and (min-width: 990px){.shop-by-collection .slider-buttons{margin-top:2rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.shop-by-collection__products .grid__item{animation:fadeInUp .5s ease forwards}.shop-by-collection__products .grid__item:nth-child(1){animation-delay:.05s}.shop-by-collection__products .grid__item:nth-child(2){animation-delay:.1s}.shop-by-collection__products .grid__item:nth-child(3){animation-delay:.15s}.shop-by-collection__products .grid__item:nth-child(4){animation-delay:.2s}.shop-by-collection__products .grid__item:nth-child(5){animation-delay:.25s}.shop-by-collection__products .grid__item:nth-child(6){animation-delay:.3s}.shop-by-collection__products .grid__item:nth-child(7){animation-delay:.35s}.shop-by-collection__products .grid__item:nth-child(8){animation-delay:.4s}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-shop-by-collection.css.map */