.homepage-collection-hover{overflow-x:clip}.homepage-collection-hover__wrapper{padding:0 var(--outer)}.homepage-collection-hover__title{margin:0 0 20px}.homepage-collection-hover__mobile{display:block;position:relative;padding-bottom:20px}.homepage-collection-hover__mobile-slider{overflow-y:hidden}@media only screen and (max-width:960px){.homepage-collection-hover__wrapper{padding:0 20px}}.homepage-collection-hover__mobile-slider .grid-item{width:min(78vw,30rem);margin-right:1.6rem}.homepage-collection-hover__mobile-slider .grid-item:last-child{margin-right:0}.homepage-collection-hover__mobile .related-slider-progress{position:absolute;left:50%;bottom:0;transform:translate(-50%);width:200px;height:1px;background:#1113;z-index:2;overflow:hidden;pointer-events:none}.homepage-collection-hover__mobile .related-slider-progress.hidden{display:none}.homepage-collection-hover__mobile .related-slider-progress__line{display:block;width:var(--related-slider-progress, 0%);height:100%;background:#111;transition:width .2s ease}.homepage-collection-hover__card{display:block;color:inherit;text-decoration:none}.homepage-collection-hover__card-media{position:relative;overflow:hidden;aspect-ratio:.76;background:#0000000a}.homepage-collection-hover__card-title{text-align:center}.homepage-collection-hover__card-image,.homepage-collection-hover__preview-image{display:block;width:100%;height:100%;object-fit:cover}.homepage-collection-hover__card-placeholder,.homepage-collection-hover__preview-placeholder{display:flex;width:100%;height:100%;align-items:center;justify-content:center;background:#0000000a}.homepage-collection-hover__card-placeholder .placeholder-svg,.homepage-collection-hover__preview-placeholder .placeholder-svg{width:100%;height:100%}.homepage-collection-hover__desktop{display:none}@media only screen and (min-width:750px)and (max-width:1219px){.homepage-collection-hover__mobile-slider{display:flex;flex-flow:row nowrap;justify-content:flex-start;gap:0;margin-left:var(--outer-offset);margin-right:var(--outer-offset);padding-left:var(--outer);padding-right:0;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:var(--outer);scrollbar-width:none;-ms-overflow-style:none}.homepage-collection-hover__mobile-slider::-webkit-scrollbar{display:none}.homepage-collection-hover__mobile-slider.is-enabled{cursor:grab}.homepage-collection-hover__mobile-slider.is-dragging:active{cursor:grabbing}.homepage-collection-hover__mobile-slider.is-dragging a{pointer-events:none}.homepage-collection-hover__mobile-slider.is-scrolling{scroll-snap-type:none}body.grid-compact.has-line-design .homepage-collection-hover__mobile-slider{padding-left:1px}body.grid-classic.has-line-design .homepage-collection-hover__mobile-slider{padding-left:var(--outer)}.homepage-collection-hover__mobile-slider:after{content:"";min-height:1px;display:block;position:relative;padding-right:var(--outer)}.homepage-collection-hover__mobile-slider .grid-item{flex:0 0 auto;scroll-snap-align:start}}@media only screen and (min-width:1220px){.homepage-collection-hover__mobile{display:none}.homepage-collection-hover__desktop{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:start;column-gap:clamp(10px,1.5vw,18px);row-gap:32px}.homepage-collection-hover__desktop-copy{grid-column:2 / span 2;width:100%;max-width:none;display:flex;flex-direction:column;align-self:center}.homepage-collection-hover__title{margin-bottom:2.2rem}.homepage-collection-hover__links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(2rem,4vw,5rem);row-gap:10px;align-items:start}.homepage-collection-hover__link{display:block;color:var(--text);text-decoration:none;opacity:.58;transition:opacity .2s ease;margin:0}.homepage-collection-hover__link:hover,.homepage-collection-hover__link:focus-visible,.homepage-collection-hover__link.is-selected{opacity:1}.homepage-collection-hover__desktop-media{position:relative;grid-column:5 / span 2;width:100%;max-width:none;aspect-ratio:1;justify-self:stretch}.homepage-collection-hover__preview{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;opacity:0;visibility:hidden;transition:opacity .24s ease,visibility .24s ease}.homepage-collection-hover__preview.is-visible{opacity:1;visibility:visible}}@media only screen and (min-width:1220px)and (max-width:1800px){.homepage-collection-hover__links{row-gap:0}.homepage-collection-hover__link{font-size:22px}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/homepage-collection-hover.css.map */