.shade-showcase{--ss-pink: #ff2f8a;--ss-red: #ef3349;--ss-ink: #1a1a1a;--ss-grey: #767676;--ss-card-bg: #fdf1f6;--ss-radius: 16px;--ss-ease: cubic-bezier(.4, 0, .2, 1);--ss-slide: .45s;--ss-slide-w: var(--ss-dt-slide-w, 195px);--ss-slide-h: var(--ss-dt-slide-h, 278px);--ss-active-w: var(--ss-dt-active-w, 266px);--ss-active-h: var(--ss-dt-active-h, 380px);--ss-card-gap: var(--ss-dt-card-gap, 20px);--ss-arrow-gutter: 60px;display:block;width:100%;padding:34px 20px 50px;background:linear-gradient(180deg,#fff 0% 30%,#ffd9e4)}.shade-showcase *,.shade-showcase *:before,.shade-showcase *:after{box-sizing:border-box}.shade-showcase__heading{margin:0 0 22px;font-family:var(--font-poppins-semibold);font-size:26px;color:var(--ss-ink);text-align:center}.shade-showcase__empty{padding:40px 0;color:var(--ss-grey);text-align:center}.shade-showcase__tabs-wrap{display:flex;align-items:center;gap:14px;max-width:1200px;margin:0 auto 30px}.shade-showcase__tabs{display:flex;flex-wrap:nowrap;gap:20px;min-width:0;max-width:100%;margin:0 auto;padding:8px 8px 12px;overflow-x:auto;overflow-y:hidden}.shade-showcase__tabs.is-single .shade-showcase__tab[data-shade-tab-clone]{display:none}.shade-showcase__tab{--shade-swatch: #f0d5bd;--shade-tab-bg-image: none;position:relative;z-index:0;flex:0 0 auto;width:160px;height:48px;padding:0 12px;display:flex;align-items:center;justify-content:center;border:2px solid transparent;border-radius:50px;background-color:var(--shade-swatch);background-image:var(--shade-tab-bg-image),linear-gradient(180deg,#ffffff47,#fff0 45%,#0000000d);background-size:cover,cover;background-position:center,center;background-repeat:no-repeat,no-repeat;font-family:var(--font-poppins-medium);font-size:15px;line-height:22px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.12);cursor:pointer;overflow:hidden;transition:color .15s var(--ss-ease),letter-spacing .15s var(--ss-ease),transform .15s var(--ss-ease)}.shade-showcase__tab-label{display:block;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.shade-showcase__tab:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;background-color:var(--shade-swatch);background-image:var(--shade-tab-bg-image),linear-gradient(180deg,#fff8ef,#fdeedd);background-size:cover,cover;background-position:center,center;background-repeat:no-repeat,no-repeat;opacity:0;transition:opacity var(--ss-slide) var(--ss-ease)}.shade-showcase__tab:hover,.shade-showcase__tab:focus-visible,.shade-showcase__tab.is-active{font-family:var(--font-poppins-bold);font-size:15px;letter-spacing:.03em;text-shadow:none;transform:scale(1.1)}.shade-showcase__tab:hover:before,.shade-showcase__tab:focus-visible:before,.shade-showcase__tab.is-active:before{opacity:1}.shade-showcase__swipe{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:2px;width:50px;height:50px;padding:0;border:none;border-radius:50%;background:#fff;font-family:var(--font-poppins-regular);font-size:10px;font-weight:600;color:var(--ss-pink);box-shadow:0 2px 12px #0000001f;cursor:pointer;-webkit-user-select:none;user-select:none}.shade-showcase__swipe--left{width:auto;height:auto}.shade-showcase__swipe--left .shade-showcase__swipe-arrow svg{width:8px}.shade-showcase__swipe[hidden]{display:none}.shade-showcase__swipe-arrow{display:inline-flex;line-height:1;color:var(--ss-ink)}.shade-showcase__swipe-arrow svg{width:5px}@keyframes shade-showcase-swipe-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.shade-showcase__swipe:not([hidden]){animation:shade-showcase-swipe-pulse 1.8s var(--ss-ease) infinite}.shade-showcase__slider-wrap{position:relative;max-width:calc((var(--ss-slide-w) * 4) + var(--ss-active-w) + (var(--ss-card-gap) * 5) + (var(--ss-arrow-gutter) * 2));margin:0 auto;padding:0 var(--ss-arrow-gutter)}.shade-showcase__slider{position:relative;display:flex;align-items:center;gap:var(--ss-card-gap);min-height:var(--ss-active-h);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;cursor:grab;touch-action:pan-y;opacity:0}.shade-showcase__slider.is-ready{opacity:1;transition:opacity .24s var(--ss-ease)}.shade-showcase__slider.is-dragging{scroll-snap-type:none;cursor:grabbing}.shade-showcase__slider.is-settling{scroll-snap-type:none}.shade-showcase__slider.is-jumping{scroll-snap-type:none;scroll-behavior:auto}.shade-showcase .shade-showcase__slider.is-jumping .shade-showcase__slide,.shade-showcase .shade-showcase__slider.is-jumping .shade-showcase__buy-pill{transition:none;transition-delay:0s}.shade-showcase__arrow{position:absolute;top:50%;z-index:3;padding:0;border:none;background:none;line-height:0;cursor:pointer;transform:translateY(-50%);transition:opacity .2s var(--ss-ease),transform .2s var(--ss-ease)}.shade-showcase__arrow--prev{left:8px}.shade-showcase__arrow--next{right:8px}.shade-showcase__arrow:hover:not([disabled]){transform:translateY(-50%) scale(1.08)}.shade-showcase__arrow:active:not([disabled]){transform:translateY(-50%) scale(.94)}.shade-showcase__slide{position:relative;z-index:1;flex:0 0 auto;width:var(--ss-slide-w);height:var(--ss-slide-h);border-radius:var(--ss-radius);background:transparent;overflow:hidden;scroll-snap-align:center;scroll-snap-stop:always;cursor:pointer;user-select:none;-webkit-user-select:none;transition:width var(--ss-slide) var(--ss-ease),height var(--ss-slide) var(--ss-ease),box-shadow var(--ss-slide) var(--ss-ease)}.shade-showcase__slide.is-active{z-index:2;width:var(--ss-active-w);height:var(--ss-active-h);cursor:default}.shade-showcase__slide:not(.is-active):hover{box-shadow:0 10px 24px #00000024}.shade-showcase__card-link{display:block;width:100%;height:100%;-webkit-user-drag:none}.shade-showcase__card-media{display:block;width:100%;height:100%}.shade-showcase picture.shade-showcase__card-media{pointer-events:none}.shade-showcase img.shade-showcase__card-media{object-fit:contain;-webkit-user-drag:none}.shade-showcase__buy-pill{position:absolute;left:0;right:0;bottom:18px;z-index:2;width:max-content;max-width:calc(100% - 32px);margin:0 auto;display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 18px;border-radius:12px;background:#fff;box-shadow:0 4px 16px #00000029;opacity:0;transform:translateY(10px) scale(.94);pointer-events:none;transition:opacity var(--ss-slide) var(--ss-ease),transform var(--ss-slide) var(--ss-ease)}.shade-showcase__slide.is-active .shade-showcase__buy-pill{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;transition-delay:calc(var(--ss-slide) * .35)}.shade-showcase__price{font-family:var(--font-poppins-bold);font-size:11px;color:var(--ss-ink);white-space:nowrap}.shade-showcase__buy-divider{width:1.5px;align-self:stretch;background:var(--ss-pink);opacity:.5}.shade-showcase__atc-form{display:inline-flex;margin:0;padding:0}.shade-showcase__atc{padding:0;border:none;background:none;font-family:var(--font-poppins-bold);font-size:11px;letter-spacing:.05em;color:var(--ss-pink);white-space:nowrap;cursor:pointer;transition:opacity .15s var(--ss-ease),color .15s var(--ss-ease),transform .12s var(--ss-ease)}.shade-showcase__atc:hover{opacity:.75}.shade-showcase__atc:active{transform:scale(.96)}.shade-showcase__atc[disabled]{color:var(--ss-grey);cursor:not-allowed}.shade-showcase__atc.is-adding{opacity:.6;cursor:progress}.shade-showcase__atc.is-added{color:#1a8f4a}.shade-showcase__atc.is-incart{color:var(--ss-grey)}.shade-showcase__atc.is-error{color:var(--ss-red)}@media(prefers-reduced-motion:reduce){.shade-showcase__slide,.shade-showcase__tab,.shade-showcase__tab:before,.shade-showcase__buy-pill,.shade-showcase__arrow,.shade-showcase__atc{transition-duration:1ms;transition-delay:0s}.shade-showcase__swipe:not([hidden]){animation:none}}@media(max-width:749px){.shade-showcase{--ss-slide-w: var(--ss-mb-slide-w, 46vw);--ss-slide-h: var(--ss-mb-slide-h, 66vw);--ss-active-w: var(--ss-mb-active-w, 64vw);--ss-active-h: var(--ss-mb-active-h, 91vw);--ss-card-gap: var(--ss-mb-card-gap, 4vw);--ss-arrow-gutter: 0px;padding:20px 12px 34px}.shade-showcase__heading{margin-bottom:14px;font-size:20px}.shade-showcase__tabs-wrap{gap:8px;margin-bottom:18px}.shade-showcase__tabs{gap:16px;margin:0}.shade-showcase__tab{width:132px;height:38px;padding:0 8px;font-size:11px}.shade-showcase__tab.is-active{transform:scale(1.18)}.shade-showcase__swipe,.shade-showcase__arrow{display:none}.shade-showcase__slide{border-radius:14px}.shade-showcase__buy-pill{left:10px;right:10px;bottom:12px;width:auto;gap:8px;padding:9px 10px;border:1.5px solid #ffc3dc;border-radius:999px}}
/*# sourceMappingURL=/cdn/shop/t/2264/assets/shade-showcase.css.map */