.section-collection-slider{--cs-text: #111111;--cs-text-muted: #767676;--cs-bg: #f4eee6;--cs-arrow-bg: #c9c1b6;--cs-arrow-bg-active: #111111;--cs-arrow-fg: #ffffff;--cs-radius-card: 16px;--cs-content-max: 1320px;--cs-margin-m: 16px;--cs-margin-d: 60px;--cs-card-w: 75vw;--cs-card-gap: 16px;--cs-pad-top-d: 64px;--cs-pad-bot-d: 64px;--cs-pad-top-m: 40px;--cs-pad-bot-m: 40px;--cs-edge: var(--cs-margin-m);background-color:var(--cs-bg);color:var(--cs-text);padding:var(--cs-pad-top-m) 0 var(--cs-pad-bot-m)}@media screen and (min-width:750px){.section-collection-slider{--cs-card-w: 280px;--cs-card-gap: 24px;--cs-edge: 32px;padding:var(--cs-pad-top-d) 0 var(--cs-pad-bot-d)}}@media screen and (min-width:990px){.section-collection-slider{--cs-card-w: clamp(260px, 23vw, 308px);--cs-edge: 40px}}@media screen and (min-width:1280px){.section-collection-slider{--cs-edge: var(--cs-margin-d)}}.collection-slider{display:block}.collection-slider__inner{max-width:calc(var(--cs-content-max) + var(--cs-margin-d) * 2);margin:0 auto;padding-inline:var(--cs-edge)}.collection-slider__header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}@media screen and (max-width:989px){.collection-slider__header{justify-content:center;text-align:center;margin-bottom:24px}.collection-slider__header .collection-slider__subheading{margin-inline:auto}}.collection-slider__header-text{flex:1 1 auto;min-width:0}.collection-slider__heading{font-family:var(--font-heading-family, "Playfair Display", Georgia, serif);font-style:var(--font-heading-style, normal);font-weight:var(--font-heading-weight, 400);letter-spacing:0;margin:0;font-size:32px;line-height:1.1}@media screen and (min-width:750px){.collection-slider__heading{font-size:48px}}.collection-slider__subheading{font-family:var(--font-body-family, "Work Sans", sans-serif);font-weight:400;font-size:14px;line-height:1.5;letter-spacing:0;margin:12px 0 0;color:var(--cs-text-muted);max-width:60ch;text-wrap:balance}@media screen and (min-width:750px){.collection-slider__subheading{font-size:16px;margin-top:16px}}.collection-slider__arrows{display:none;flex-shrink:0;gap:12px}@media screen and (min-width:990px){.collection-slider__arrows{display:inline-flex}.collection-slider--no-overflow .collection-slider__arrows{display:none}}.collection-slider__arrow{width:44px;height:44px;border-radius:50%;border:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;background-color:var(--cs-arrow-bg);color:var(--cs-arrow-fg);transition:background-color .2s ease,opacity .2s ease,transform .2s ease;padding:0}.collection-slider__arrow.is-active{background-color:var(--cs-arrow-bg-active)}.collection-slider__arrow[disabled]{cursor:default;opacity:.55}.collection-slider__arrow:not([disabled]):hover{transform:translateY(-1px)}.collection-slider__arrow:focus-visible{outline:2px solid var(--cs-text);outline-offset:3px}.collection-slider__track--desktop{display:flex;gap:var(--cs-card-gap);list-style:none;margin:0;padding-inline-start:var(--cs-edge);padding-inline-end:var(--cs-edge);padding-block:0 4px;scroll-padding-inline-start:var(--cs-edge);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab}.collection-slider__track--desktop::-webkit-scrollbar{display:none}@media screen and (max-width:749px){.collection-slider__track--desktop{display:none}}@media screen and (min-width:1561px){.collection-slider__track--desktop{padding-inline-start:calc((100vw - var(--cs-content-max)) / 2);padding-inline-end:calc((100vw - var(--cs-content-max)) / 2);scroll-padding-inline-start:calc((100vw - var(--cs-content-max)) / 2)}}.collection-slider__card{flex:0 0 var(--cs-card-w);scroll-snap-align:start}.collection-slider__card--empty{flex:1 1 auto;text-align:center;font-family:var(--font-body-family, "Work Sans", sans-serif);color:var(--cs-text-muted);padding:48px 16px}.collection-slider__card-link{display:flex;flex-direction:column;text-decoration:none;color:var(--cs-text)}.collection-slider__card-media{position:relative;width:100%;aspect-ratio:var(--cs-card-ratio, 1 / 1);border-top-left-radius:50%;border-top-right-radius:50%;overflow:hidden;background-color:#d6cdc1;margin-bottom:16px}.collection-slider__card-image{width:100%;height:100%;object-fit:cover;display:block}.collection-slider__card-image--hover{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .35s ease;pointer-events:none}@media(hover:hover){.collection-slider__card--has-hover:hover .collection-slider__card-image--hover,.collection-slider__card--has-hover:focus-within .collection-slider__card-image--hover{opacity:1}}.collection-slider__card-placeholder{display:flex;align-items:center;justify-content:center}.collection-slider__card-placeholder .placeholder-svg{width:70%;height:70%;fill:#1111112e}.collection-slider__card-title{font-family:var(--font-heading-family, "Playfair Display", Georgia, serif);font-style:var(--font-heading-style, normal);font-weight:var(--font-heading-weight, 400);letter-spacing:0;font-size:24px;line-height:1.2;margin:0}@media screen and (min-width:990px){.collection-slider__card-title{font-size:28px}}.collection-slider__card-desc{font-family:var(--font-body-family, "Work Sans", sans-serif);font-weight:400;font-size:16px;line-height:1.5;letter-spacing:0;margin:8px 0 0;color:var(--cs-text-muted)}.collection-slider__card-link-label{font-family:var(--font-body-family, "Work Sans", sans-serif);font-weight:400;font-size:16px;line-height:1.5;letter-spacing:0;margin-top:16px;display:inline-block;align-self:flex-start}.collection-slider__card-link-label{transition:var(--link-hover-transition)}@media(hover:hover)and (pointer:fine){.collection-slider__card-link:hover .collection-slider__card-link-label{-webkit-text-stroke:var(--link-hover-stroke)}}.collection-slider__card-link:focus-visible{outline:2px solid var(--cs-text);outline-offset:4px;border-radius:var(--cs-radius-card)}.collection-slider__track--mobile{display:none;list-style:none;margin:0;padding:0}@media screen and (max-width:749px){.collection-slider__track--mobile{--cs-pill-gap: 16px;--cs-pill-peek: 0px;--cs-pills-per-view: 3.2;--cs-pill-max: 140px;--cs-pill-size: min( calc( (100% - var(--cs-pill-peek) - var(--cs-pills-per-view) * var(--cs-pill-gap)) / var(--cs-pills-per-view) ), var(--cs-pill-max) );display:flex;gap:var(--cs-pill-gap);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:x proximity;justify-content:flex-start;padding-block-end:4px;padding-inline:var(--cs-edge);scroll-padding-inline:var(--cs-edge)}.collection-slider__track--mobile::-webkit-scrollbar{display:none}.collection-slider__track--mobile .collection-slider__pill{width:var(--cs-pill-size);scroll-snap-align:start}.collection-slider__track--mobile .collection-slider__pill-image{width:100%;height:auto;aspect-ratio:1 / 1}.collection-slider__track--mobile .collection-slider__pill-label{max-width:100%}}@media screen and (max-width:349px){.collection-slider__track--mobile{--cs-pills-per-view: 2.2}}.collection-slider__pill{flex:0 0 auto;width:110px;scroll-snap-align:center}.collection-slider__pill-link{display:flex;flex-direction:column;align-items:center;gap:12px;text-decoration:none;color:var(--cs-text)}.collection-slider__pill-image{width:110px;height:110px;border-radius:50%;overflow:hidden;background-color:#d6cdc1;display:flex;align-items:center;justify-content:center}.collection-slider__pill-image--placeholder{background-color:#f0f0f0}.collection-slider__pill-img{width:100%;height:100%;object-fit:cover;display:block}.collection-slider__pill-label{font-family:var(--font-body-family, "Work Sans", sans-serif);font-weight:400;font-size:14px;line-height:1.5;letter-spacing:0;text-align:center;color:var(--cs-text);max-width:110px}.collection-slider__track--desktop[data-dragging=true]{cursor:grabbing;scroll-behavior:auto}.collection-slider__track--desktop[data-dragging=true] .collection-slider__card-link{pointer-events:none}@media(prefers-reduced-motion:reduce){.collection-slider__track--desktop,.collection-slider__track--mobile{scroll-behavior:auto}.collection-slider__arrow{transition-duration:0ms}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-collection-slider.css.map */