.ez-h-colour{--cc-bg: var(--ezh-g);overflow:hidden}.ez-h-colour.ezh-sec--white{--cc-bg: var(--ezh-white)}.ez-h-colour__grid{display:grid;gap:18px}.ez-h-colour__stage{position:relative;display:grid;place-items:center;aspect-ratio:1 / .92;background:var(--cc-bg);container-type:inline-size}.ez-h-colour__words{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none}.ez-h-colour__word{grid-area:1 / 1;margin-top:18%;font-family:var(--ezh-serif);font-style:italic;font-weight:400;line-height:1;font-size:min(30vw,calc(155vw / var(--len, 5)));font-size:min(31cqi,calc(172cqi / var(--len, 5)),210px);letter-spacing:-.04em;color:#dcdcdc;white-space:nowrap;opacity:0;visibility:hidden;transform:translate(12%);transition:none}.ez-h-colour__word.is-on{opacity:1;visibility:visible;transform:none;transition:opacity .9s ease .2s,transform 1.4s var(--ezh-ease)}.ez-h-colour__word.is-out{opacity:0;visibility:hidden;transform:translate(-12%);transition:opacity .4s ease,transform 1.4s var(--ezh-ease),visibility 0s linear .45s}.ez-h-colour__imgs{position:relative;width:74%;aspect-ratio:1}.ez-h-colour__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:darken;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;opacity:0;visibility:hidden;transform:translate(26px) scale(var(--s, 1));transition:none}.ez-h-colour__img.is-on{opacity:1;visibility:visible;transform:scale(var(--s, 1));transition:opacity .8s ease,transform .8s var(--ezh-ease)}.ez-h-colour__img.is-out{opacity:0;visibility:hidden;transform:translate(-26px) scale(var(--s, 1));transition:opacity .8s ease,transform .8s var(--ezh-ease),visibility 0s linear .8s}.ez-h-colour__model{margin-top:14px;font-size:15px;line-height:1.5;color:var(--ezh-muted)}.ez-h-colour__names{display:grid;height:1.15em;margin-top:2px;font:italic 300 clamp(40px,6vw,72px)/1.1 var(--ezh-serif);letter-spacing:-.03em;color:var(--ezh-ink);clip-path:inset(-.02em -1em -.14em -.3em)}.ez-h-colour__name{grid-area:1 / 1;white-space:nowrap;opacity:0;visibility:hidden;transform:translateY(70%);transition:none}.ez-h-colour__name.is-on{opacity:1;visibility:visible;transform:none;transition:transform .6s var(--ezh-ease) .2s,opacity .3s linear .2s,visibility 0s linear .2s}.ez-h-colour__name.is-out{opacity:0;visibility:hidden;transform:translateY(-45%);transition:transform .2s ease-in,opacity .16s linear,visibility 0s linear .2s}.ez-h-colour__sws{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.ez-h-colour__sw{position:relative;flex:none;width:32px;height:32px;border-radius:50%;background:var(--c);background-image:var(--ci, none);background-size:cover;box-shadow:inset 0 0 0 1px #11111124;transition:transform .3s var(--ezh-ease)}.ez-h-colour__sw:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;border:1.5px solid var(--ezh-ink);opacity:0;transform:scale(.85);transition:opacity .3s,transform .3s var(--ezh-ease)}.ez-h-colour__sw.is-on:after{opacity:1;transform:none}.ez-h-colour__sw:hover{transform:scale(1.08)}.ez-h-colour .ez-h-colour__sw:focus-visible{outline-offset:6px}.ez-h-colour__prog{max-width:420px;height:2px;margin-top:18px;background:#dcdcdc;overflow:hidden}.ez-h-colour__prog span{display:block;height:100%;background:var(--ezh-red);transform:scaleX(0);transform-origin:left}.ez-h-colour__prog span.is-run{animation:ez-h-colour-fill var(--ezh-step, 2.4s) linear forwards}.ez-h-colour.is-paused .ez-h-colour__prog span{animation-play-state:paused}@keyframes ez-h-colour-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.ez-h-colour__ladders{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;margin-top:18px}.ez-h-colour__ladder li{display:flex;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid #dedede;font-size:12.5px;line-height:1.55;color:var(--ezh-body);white-space:nowrap}.ez-h-colour__ladder b{font-weight:600;color:var(--ezh-ink)}.ez-h-colour__cta{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:22px}@media(min-width:750px){.ez-h-colour__ladders{gap:0 28px}.ez-h-colour__ladder li{padding:9px 0;font-size:14px}}@media(min-width:990px){.ez-h-colour__grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:56px;align-items:center}.ez-h-colour__stage{aspect-ratio:1 / .9}.ez-h-colour__word{font-size:min(14vw,calc(79vw / var(--len, 5)),210px);font-size:min(31cqi,calc(172cqi / var(--len, 5)),210px)}}@media(prefers-reduced-motion:reduce){.ez-h-colour__img,.ez-h-colour__img.is-on,.ez-h-colour__img.is-out{transform:scale(var(--s, 1))}.ez-h-colour__word,.ez-h-colour__word.is-on,.ez-h-colour__word.is-out,.ez-h-colour__name,.ez-h-colour__name.is-on,.ez-h-colour__name.is-out{transform:none}.ez-h-colour__img.is-on,.ez-h-colour__word.is-on,.ez-h-colour__name.is-on{transition:opacity .2s linear}.ez-h-colour__img.is-out,.ez-h-colour__word.is-out,.ez-h-colour__name.is-out{transition:opacity .12s linear,visibility 0s linear .12s}.ez-h-colour__sw,.ez-h-colour__sw:after{transition-duration:.01s}.ez-h-colour__sw:hover{transform:none}.ez-h-colour__prog span,.ez-h-colour__prog span.is-run{animation:none;transform:scaleX(0)}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/ez-h-colour.css.map */