.shade-showcase,.shade-showcase *,.shade-showcase *:before,.shade-showcase *:after{box-sizing:border-box}.shade-showcase__buy-pill{display:flex!important;justify-content:center!important;flex-direction:unset!important}.shade-showcase{--ss-pink: #ff2f8a;--ss-red: #ef3349;--ss-ink: #1a1a1a;--ss-grey: #767676;--ss-border: #e4e4e4;--ss-radius: 16px;--ss-slide: .3s;--ss-ease: cubic-bezier(.4, 0, .2, 1);--ss-slide-w: 195px;--ss-slide-h: 278px;--ss-active-w: 266px;--ss-active-h: 380px;--ss-card-ratio: 1.4286;--ss-card-gap: 20px;--ss-arrow-gutter: 60px;width:100%;padding:34px 20px 50px;background:linear-gradient(180deg,#fff 0% 30%,#ffd9e4)}.shade-showcase__heading{text-align:center;font-size:26px;margin:0 0 22px;color:var(--ss-ink)}.shade-showcase__empty{text-align:center;color:var(--ss-grey);padding:40px 0}.shade-showcase__tabs-wrap{display:flex;align-items:center;gap:14px;max-width:1200px;margin:0 auto 30px}.shade-showcase__tabs{display:flex;min-width:0;gap:20px;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;padding:8px 8px 12px;scrollbar-width:none;margin:0 auto;max-width:100%}.shade-showcase__tabs::-webkit-scrollbar{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;text-align:center;overflow:hidden;text-overflow:ellipsis;border-radius:50px;border:2px solid transparent;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:poppins-Regular,sans-serif;font-size:15px;font-weight:400;line-height:22px;letter-spacing:0;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.12);cursor:pointer;white-space:nowrap;transform:translateY(0) scale(1);transition:box-shadow .15s var(--ss-ease),border-color .15s var(--ss-ease),color .15s var(--ss-ease),letter-spacing .15s var(--ss-ease),transform .15s var(--ss-ease)}.shade-showcase__tab:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;opacity:0;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;transition:opacity var(--ss-slide) var(--ss-ease)}.shade-showcase__tab:hover,.shade-showcase__tab:focus-visible,.shade-showcase__tab.is-active{color:#fff;font-family:poppins-bold,sans-serif!important;font-weight:700;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;border-radius:50%;background:#fff;color:var(--ss-pink);font-size:10px;font-weight:600;box-shadow:0 2px 12px #0000001f;-webkit-user-select:none;user-select:none;cursor:pointer;font-family:poppins-Regular!important}.shade-showcase__swipe[hidden]{display:none!important}span.shade-showcase__swipe.shade-showcase__swipe--left{width:unset;height:unset}.shade-showcase__swipe-arrow svg{width:5px}span.shade-showcase__swipe.shade-showcase__swipe--left svg{width:8px}.shade-showcase__swipe-arrow{font-size:11px;line-height:1}@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));padding:0 var(--ss-arrow-gutter);margin:0 auto}.shade-showcase__slider{visibility:hidden;opacity:0;transition:opacity var(--ss-slide) var(--ss-ease)}.shade-showcase__slider.slick-initialized{visibility:visible;opacity:1}.shade-showcase__slider .slick-track{will-change:transform;display:flex;align-items:center}.shade-showcase__slider .slick-list{cursor:grab}.shade-showcase__slider .slick-list.dragging{cursor:grabbing}.shade-showcase__slider-wrap .slider-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;border:none;background:none;padding:0;cursor:pointer;line-height:0;transition:opacity .2s var(--ss-ease),transform .2s var(--ss-ease)}.shade-showcase__slider-wrap .slider-arrow:hover:not(.slick-disabled){transform:translateY(-50%) scale(1.08)}.shade-showcase__slider-wrap .slider-arrow:active{transform:translateY(-50%) scale(.94)}.shade-showcase__slider-wrap .slider-arrow.slick-disabled{opacity:.35;cursor:not-allowed}.shade-showcase__slider-wrap .prev-arrow{left:8px}.shade-showcase__slider-wrap .next-arrow{right:8px}.shade-showcase__slide{position:relative;z-index:1;flex-shrink:0;width:var(--ss-slide-w);height:var(--ss-slide-h);margin:0 calc(var(--ss-card-gap) / 2);border-radius:var(--ss-radius);overflow:hidden;background:#fdf1f6;cursor:pointer;user-select:none;-webkit-user-select:none;transition:box-shadow var(--ss-slide) var(--ss-ease)}.shade-showcase__slide:not(.is-active):hover{box-shadow:0 10px 24px #00000024}.shade-showcase__slide.is-active:not(.slick-cloned){cursor:default;width:var(--ss-active-w);height:var(--ss-active-h)}.shade-showcase__slide.is-active:not(.slick-cloned),.shade-showcase__slide.is-zooming{z-index:2}.shade-showcase__card-link{display:block;width:100%;height:100%}.shade-showcase__card-picture{display:block;width:100%;height:100%;pointer-events:none}.shade-showcase__card-img{width:100%;height:100%;display:block;object-fit:contain;-webkit-user-drag:none}.shade-showcase__buy-pill{position:absolute;left:0;right:0;margin:0 auto;bottom:18px;width:max-content;max-width:calc(100% - 32px);z-index:2;display:inline-flex;align-items:center;gap:12px;padding:10px 18px;background:#fff;border-radius:12px;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:not(.slick-cloned) .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-size:11px;font-weight:700;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{border:none;background:none;color:var(--ss-pink);font-size:11px;font-weight:700;letter-spacing:.05em;cursor:pointer;padding:0;white-space:nowrap;transition:opacity .15s ease,transform .12s ease,color .15s 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-form{margin:0;padding:0;display:inline-flex}@media(prefers-reduced-motion:reduce){.shade-showcase__slide,.shade-showcase__slider,.shade-showcase__tab,.shade-showcase__tab:before,.shade-showcase__buy-pill,.shade-showcase__card-img,.shade-showcase__slider-wrap .slider-arrow{transition:none!important;transition-delay:3s!important}.shade-showcase__swipe{animation:none!important}}@media(max-width:749px){.shade-showcase{--ss-slide-w: 46vw;--ss-slide-h: calc(var(--ss-slide-w) * var(--ss-card-ratio));--ss-active-w: 64vw;--ss-active-h: calc(var(--ss-active-w) * var(--ss-card-ratio));--ss-card-gap: 4vw;--ss-arrow-gutter: 0px;padding:20px 12px 34px}.shade-showcase__tab.is-active{transform:scale(1.18)}.shade-showcase__heading{font-size:20px;margin-bottom:14px}.shade-showcase__tabs-wrap{gap:8px;margin-bottom:18px}.shade-showcase__tabs{margin:0;gap:16px;padding:8px 8px 12px}.shade-showcase__tab{width:108px;height:38px;padding:0 10px;font-size:11px;border-radius:50px}.shade-showcase__swipe,.shade-showcase__slider-wrap .slider-arrow{display:none!important}.shade-showcase__slide{border-radius:14px}.shade-showcase__buy-pill{left:10px;right:10px;bottom:12px;width:auto;justify-content:center;gap:8px;padding:9px 10px;border-radius:999px;border:1.5px solid #ffc3dc}.shade-showcase__price,.shade-showcase__atc{font-size:11px}}
/*# sourceMappingURL=/cdn/shop/t/2272/assets/section-shade-showcase.css.map */