.section-ss25_collection-list .ss25_cl{position:relative;display:block;max-width:100vw;overflow:hidden}.section-ss25_collection-list .ss25_cl__container{--columns:var(--desktop_columns);--movement_columns:1;position:relative;z-index:2;display:flex;gap:var(--spacing-gutter);padding-inline:var(--spacing-offset);scroll-padding-inline:var(--spacing-offset);overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;scroll-snap-type:x mandatory;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none}.section-ss25_collection-list .ss25_cl__container::-webkit-scrollbar{display:none}.section-ss25_collection-list .ss25_cl .ss25_cl__item{position:relative;width:calc((100vw - var(--spacing-offset) * var(--offsets, 2) - var(--spacing-gutter) * (var(--columns, 12) - 1)) / var(--columns, 12));flex-shrink:0;scroll-snap-align:start;color:var(--text-color)}.section-ss25_collection-list .ss25_cl .ss25_cl__link{display:block}.section-ss25_collection-list .ss25_cl.ss25_cl--absolute .ss25_cl__link{height:100%}.section-ss25_collection-list .ss25_cl .ss25_cl__media{position:relative;display:flex;height:100%}.section-ss25_collection-list .ss25_cl .ss25_cl__media:after{content:"";position:absolute;z-index:2;top:0;left:0;right:0;bottom:0;display:block;width:100%;height:100%;background-color:rgba(var(--overlay-color),var(--overlay-opacity));transition:opacity .3s ease-in-out}.section-ss25_collection-list .ss25_cl a.ss25_cl__link:hover .ss25_cl__media:after{opacity:0}.section-ss25_collection-list .ss25_cl .ss25_cl__image{width:100%;height:100%;object-fit:cover;object-position:center;background-color:#0000001a}.section-ss25_collection-list .ss25_cl .ss25_cl__media.ss25_cl__media--natural .ss25_cl__image{height:auto}.section-ss25_collection-list .ss25_cl .ss25_cl__media.ss25_cl__media--square .ss25_cl__image{aspect-ratio:1/1}.section-ss25_collection-list .ss25_cl .ss25_cl__media.ss25_cl__media--landscape .ss25_cl__image{aspect-ratio:4/3}.section-ss25_collection-list .ss25_cl .ss25_cl__media.ss25_cl__media--portrait .ss25_cl__image{aspect-ratio:4/5}.section-ss25_collection-list .ss25_cl .ss25_cl__content{position:relative;margin-top:2rem;display:flex;flex-direction:column;align-items:start}.section-ss25_collection-list .ss25_cl.ss25_cl--absolute .ss25_cl__content{position:absolute;z-index:3;bottom:0;left:0;margin:2rem}.section-ss25_collection-list .ss25_cl .ss25_cl__heading{font-family:var(--font-heading);font-size:3rem;line-height:1.2em}.section-ss25_collection-list .ss25_cl .ss25_cl__na{--translate-y: -50%;--translate-x: 0;position:absolute;z-index:3;top:50%;transform:translateY(var(--translate-y)) translate(var(--translate-x));width:4rem;height:4rem;background-color:var(--color-bg);border:none;padding:1.2rem;box-shadow:0 2px 3px #00000040;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease-in-out,transform .3s ease-in-out;opacity:0;pointer-events:none}.section-ss25_collection-list .ss25_cl .ss25_cl__na svg{width:100%;height:auto;transition:opacity .3s ease-in-out}.section-ss25_collection-list .ss25_cl .ss25_cl__na:hover svg{opacity:.5}.section-ss25_collection-list .ss25_cl .ss25_cl__na--prev{--translate-x: -100%;left:0}.section-ss25_collection-list .ss25_cl .ss25_cl__na--prev svg{transform:rotate(180deg)}.section-ss25_collection-list .ss25_cl .ss25_cl__na--next{--translate-x: 100%;right:0}.section-ss25_collection-list .ss25_cl:hover .ss25_cl__na{--translate-x: 0;opacity:1;pointer-events:auto}.section-ss25_collection-list .ss25_cl:hover .ss25_cl__na[aria-hidden=true]{opacity:0;pointer-events:none}.section-ss25_collection-list .ss25_cl .ss25_cl__na--prev[aria-hidden=true]{--translate-x: -100%}.section-ss25_collection-list .ss25_cl .ss25_cl__na--next[aria-hidden=true]{--translate-x: 100%}@media screen and (max-width: 1024px){.section-ss25_collection-list .ss25_cl__container{--columns:var(--tablet_columns);--movement_columns:1}.section-ss25_collection-list .ss25_cl .ss25_cl__controls{display:none}}@media screen and (max-width: 720px){.section-ss25_collection-list .ss25_cl__container{--columns:var(--mobile_columns);--movement_columns:var(--mobile_columns)}}
/*# sourceMappingURL=/cdn/shop/t/50/assets/ss25-collection-list.css.map */