.cinoton-color-showcase{display:block;box-sizing:border-box;overflow:clip;padding:clamp(36px,6vw,88px) 0;background:var(--color-story-background, #000);color:var(--color-story-text, #fff)}.cinoton-color-showcase *,.cinoton-color-showcase *:before,.cinoton-color-showcase *:after{box-sizing:border-box}.cinoton-color-showcase__inner{width:min(calc(100% - 32px),var(--color-story-width, 1200px));margin-inline:auto}.cinoton-color-showcase__heading{margin:0 auto clamp(24px,3vw,38px);color:inherit;font-size:clamp(26px,3vw,40px);font-weight:700;line-height:1.14;text-align:center;text-wrap:balance}.cinoton-color-showcase__stage{position:relative;height:var(--color-story-height, 560px);overflow:hidden}.cinoton-color-showcase__panel{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:minmax(0,var(--color-story-product-width, 27%)) minmax(0,1fr);gap:var(--color-story-gap, 12px);height:100%;visibility:visible;will-change:transform}.cinoton-color-showcase__panel[hidden]{display:none!important}.cinoton-color-showcase__media{min-width:0;overflow:hidden;border-radius:var(--color-story-radius, 12px);background:#222226}.cinoton-color-showcase__media picture,.cinoton-color-showcase__media img,.cinoton-color-showcase__placeholder{display:block;width:100%;height:100%}.cinoton-color-showcase__media--product img,.cinoton-color-showcase__media--product .cinoton-color-showcase__placeholder{object-fit:var(--color-story-product-fit, cover)}.cinoton-color-showcase__media--scene img,.cinoton-color-showcase__media--scene .cinoton-color-showcase__placeholder{object-fit:cover}.cinoton-color-showcase__arrow{position:absolute;z-index:3;top:50%;display:grid;width:38px;height:38px;padding:0;border:1px solid rgba(255,255,255,.26);border-radius:50%;background:#0e0e1073;color:#fff;place-items:center;transform:translateY(-50%);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cinoton-color-showcase__arrow svg{width:20px;height:20px}.cinoton-color-showcase__arrow--previous{left:12px}.cinoton-color-showcase__arrow--next{right:12px}.cinoton-color-showcase__arrow:focus-visible,.cinoton-color-showcase__swatch:focus-visible{outline:2px solid var(--color-story-accent, #18a2e4);outline-offset:3px}.cinoton-color-showcase__current{min-height:1.5em;margin:18px 0 8px;color:inherit;font-size:14px;line-height:1.5;text-align:center}.cinoton-color-showcase__swatches{display:flex;width:max-content;max-width:100%;margin-inline:auto;padding:6px 14px;gap:9px;overflow-x:auto;border-radius:999px;background:#242428;scrollbar-width:none}.cinoton-color-showcase__swatches::-webkit-scrollbar{display:none}.cinoton-color-showcase__swatch{position:relative;flex:0 0 auto;width:36px;height:36px;padding:5px;overflow:hidden;border:2px solid transparent;border-radius:50%;background:transparent;cursor:pointer}.cinoton-color-showcase__swatch:after{position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px solid rgba(255,255,255,.36);border-radius:inherit;background:var(--swatch-color, #111);content:""}.cinoton-color-showcase__swatch img{position:relative;z-index:1;display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}.cinoton-color-showcase__swatch[aria-selected=true]{border-color:var(--color-story-accent, #18a2e4)}.cinoton-color-showcase__empty{margin:0;padding:100px 24px;border:1px dashed rgba(255,255,255,.25);text-align:center}@media(max-width:749px){.cinoton-color-showcase__inner{width:min(calc(100% - 24px),var(--color-story-width, 1200px))}.cinoton-color-showcase__heading{margin-bottom:22px;font-size:clamp(24px,7vw,30px)}.cinoton-color-showcase__panel{grid-template-columns:minmax(0,30%) minmax(0,70%)}.cinoton-color-showcase__stage{height:var(--color-story-mobile-height, 320px)}.cinoton-color-showcase__arrow{width:34px;height:34px}.cinoton-color-showcase__arrow--previous{left:7px}.cinoton-color-showcase__arrow--next{right:7px}}@media(prefers-reduced-motion:reduce){.cinoton-color-showcase__panel{will-change:auto}}
/*# sourceMappingURL=/cdn/shop/t/185/assets/cinoton-color-showcase.css.map */