.h2cs{display:block;background:var(--h2cs-bg,#fff);font-family:var(--font-body-family,inherit)}.h2cs,.h2cs *{box-sizing:border-box}.h2cs__section{padding:var(--h2cs-pad-top,0) 0 var(--h2cs-pad-bottom,0);overflow:hidden;background:var(--h2cs-bg,#fff)}.h2cs__stage{position:relative;min-height:var(--h2cs-stage-h,52rem);isolation:isolate;overflow:hidden;background:var(--h2cs-bg,#fff)}.h2cs__media{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0}.h2cs__panel{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--h2cs-panel-bg,#fff);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--h2cs-transition,.45s) cubic-bezier(.2,.65,.2,1),visibility var(--h2cs-transition,.45s) ease}.h2cs__panel.is-active{opacity:1;visibility:visible;pointer-events:auto}.h2cs__panel-base{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 76%,color-mix(in srgb,var(--h2cs-ambient,#dce3e9) var(--h2cs-ambient-strength,20%),transparent) 0%,transparent 58%),linear-gradient(180deg,color-mix(in srgb,var(--h2cs-panel-bg,#fff) 96%,#eef2f5 4%) 0%,var(--h2cs-panel-bg,#fff) 72%)}.h2cs__panel-base:after{content:"";position:absolute;inset:auto 15% 5.5rem 15%;height:9rem;background:radial-gradient(ellipse at center,#1f272d16,#1f272d00 68%);filter:blur(.9rem);opacity:.55;pointer-events:none}.h2cs__scene-picture{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;display:block;opacity:var(--h2cs-scene-opacity,1);transform:scale(1.018);transition:opacity var(--h2cs-transition,.45s) ease,transform calc(var(--h2cs-transition,.45s) + .18s) cubic-bezier(.2,.7,.2,1)}.h2cs__panel.is-active .h2cs__scene-picture{transform:scale(1)}.h2cs__scene-image{width:100%;height:100%;object-fit:cover;object-position:var(--h2cs-scene-position,center center);display:block}.h2cs__scene-wash{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#ffffff2e,#fff0 25% 75%,#ffffff24),linear-gradient(180deg,#ffffff0d,#fff0 55%,#ffffff14);pointer-events:none}.h2cs__ghost{position:absolute;z-index:3;top:1.15rem;left:50%;width:max-content;max-width:95vw;transform:translate(-50%);color:var(--h2cs-ghost);opacity:var(--h2cs-ghost-opacity,.78);font-family:var(--font-heading-family,inherit);font-size:var(--h2cs-ghost-size);font-weight:850;line-height:.84;letter-spacing:-.075em;text-transform:uppercase;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none}.h2cs__product-picture{position:absolute;z-index:4;top:50%;left:50%;width:var(--h2cs-product-w,70%);height:83%;display:block;transform:translate(-50%,calc(-50% + var(--h2cs-product-y,0rem)));pointer-events:none}.h2cs__product-image{width:100%;height:100%;display:block;object-fit:contain;object-position:var(--h2cs-product-position,center center);mix-blend-mode:var(--h2cs-product-blend,darken);transform:scale(var(--h2cs-product-scale,1.2));transform-origin:center;filter:brightness(1.02) contrast(1.035) saturate(.98);transition:transform var(--h2cs-transition,.45s) cubic-bezier(.2,.7,.2,1),opacity var(--h2cs-transition,.45s) ease}.h2cs__panel:not(.is-active) .h2cs__product-image{opacity:.35;transform:scale(calc(var(--h2cs-product-scale,1.2) - .035))}.h2cs__inner{position:relative;z-index:8;width:min(calc(100% - 4rem),var(--h2cs-max,96rem));min-height:var(--h2cs-stage-h,52rem);margin:0 auto;pointer-events:none}.h2cs__specs{position:absolute;top:50%;left:var(--h2cs-specs-x,9%);display:grid;gap:1.18rem;width:12rem;transform:translateY(-46%);pointer-events:auto}.h2cs__spec{position:relative;display:grid;gap:.1rem;padding-left:.85rem}.h2cs__spec:before{content:"";position:absolute;left:0;top:.22rem;width:.22rem;height:.22rem;border-radius:50%;background:var(--h2cs-accent);opacity:.9}.h2cs__spec strong{color:var(--h2cs-value);font-family:var(--font-heading-family,inherit);font-size:var(--h2cs-spec-value-size);font-weight:820;line-height:1;letter-spacing:-.03em}.h2cs__spec span{color:var(--h2cs-label);font-size:var(--h2cs-spec-label-size);font-weight:520;line-height:1.3}.h2cs__certification{position:absolute;top:51%;right:7.5%;display:grid;justify-items:center;gap:.5rem;width:9rem;transform:translateY(-22%);color:var(--h2cs-cert-text,var(--h2cs-label));font-size:var(--h2cs-badge-text-size,.8rem);font-weight:650;line-height:1.2;text-align:center;pointer-events:auto}.h2cs__cert-picture{display:block;line-height:0}.h2cs__cert-image{display:block;width:var(--h2cs-badge-size,4rem);height:var(--h2cs-badge-size,4rem);object-fit:contain}.h2cs__bottom{position:absolute;right:16%;bottom:1.65rem;left:16%;display:grid;justify-items:center;gap:.62rem;pointer-events:auto}.h2cs__swatches{display:flex;align-items:center;justify-content:center;gap:.55rem;min-height:2.45rem;padding:.2rem .35rem;border-radius:999rem;background:#ffffffa3;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem)}.h2cs__swatch{position:relative;width:var(--h2cs-swatch-size,1.8rem);height:var(--h2cs-swatch-size,1.8rem);padding:0;border:.1rem solid transparent;border-radius:50%;background:transparent;cursor:pointer;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.h2cs__swatch>span{position:absolute;top:.18rem;right:.18rem;bottom:.18rem;left:.18rem;border:.06rem solid rgba(17,19,21,.15);border-radius:50%;background:var(--h2cs-swatch)}.h2cs__swatch:hover{transform:scale(1.06)}.h2cs__swatch.is-active{border-color:var(--h2cs-accent);transform:scale(1.08);box-shadow:0 0 0 .15rem #ffffffe0}.h2cs__color-name{min-width:4.2rem;margin-left:.2rem;color:var(--h2cs-color-name,var(--h2cs-title));font-size:var(--h2cs-color-size);font-weight:720;letter-spacing:-.01em}.h2cs__description{max-width:43rem;color:var(--h2cs-copy);font-size:var(--h2cs-copy-size);line-height:1.5;text-align:center}.h2cs__description p{margin:0}@media(hover:hover)and (pointer:fine){.h2cs__stage:hover .h2cs__panel.is-active .h2cs__product-image{transform:scale(calc(var(--h2cs-product-scale,1.2) + .008))}}@media(max-width:1180px){.h2cs__specs{left:4.5%}.h2cs__certification{right:4%}.h2cs__product-picture{width:min(72%,var(--h2cs-product-w,70%))}}@media(max-width:989px){.h2cs__inner{width:min(calc(100% - 2.5rem),var(--h2cs-max,96rem))}.h2cs__specs{left:1.5%;width:9.5rem}.h2cs__certification{right:1.2%;width:7rem}.h2cs__cert-image{width:min(var(--h2cs-badge-size,4rem),3.6rem);height:min(var(--h2cs-badge-size,4rem),3.6rem)}.h2cs__bottom{right:10%;left:10%}}@media(max-width:749px){.h2cs__stage,.h2cs__inner{min-height:min(var(--h2cs-stage-h-m,58rem),48rem)}.h2cs__inner{width:94vw}.h2cs__panel-base:after{right:4%;bottom:11.25rem;left:4%;height:4.5rem}.h2cs__ghost{top:.45rem;max-width:94vw;font-size:min(var(--h2cs-ghost-size-m,5.5rem),4.65rem);line-height:.86;letter-spacing:-.065em;white-space:nowrap;text-align:center;opacity:calc(var(--h2cs-ghost-opacity,.78) * .72)}.h2cs__product-picture{top:38%;width:min(var(--h2cs-product-w-m,92%),96%);height:53%;transform:translate(-50%,-50%)}.h2cs__product-image{transform:scale(calc(var(--h2cs-product-scale,1.2) * 1.035));transform-origin:center center}.h2cs__certification{top:6.9rem;right:auto;bottom:auto;left:1.15rem;width:7.4rem;gap:.22rem;transform:none;justify-items:start;text-align:left;z-index:3}.h2cs__cert-image{width:min(var(--h2cs-badge-size-m,3rem),2.35rem);height:min(var(--h2cs-badge-size-m,3rem),2.35rem)}.h2cs__certification span{max-width:7.4rem;font-size:min(var(--h2cs-badge-text-size-m,.7rem),.66rem);line-height:1.18}.h2cs__specs{top:auto;right:0;bottom:7.35rem;left:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:.62rem .55rem;width:100%;transform:none;padding:.72rem .15rem .78rem;border-top:.055rem solid var(--h2cs-line);border-bottom:.055rem solid var(--h2cs-line);background:#ffffff42;-webkit-backdrop-filter:blur(.18rem);backdrop-filter:blur(.18rem)}.h2cs__spec{gap:.06rem;padding-left:0;text-align:center}.h2cs__spec:before{display:none}.h2cs__spec strong{font-size:var(--h2cs-spec-value-size-m,1.1rem);line-height:1.05}.h2cs__spec span{font-size:var(--h2cs-spec-label-size-m,.7rem);line-height:1.18}.h2cs__bottom{right:0;bottom:.7rem;left:0;gap:.34rem}.h2cs__swatches{min-height:2.25rem;padding:.1rem .25rem;gap:.42rem;background:#ffffff75}.h2cs__swatch{width:min(var(--h2cs-swatch-size,1.8rem),1.65rem);height:min(var(--h2cs-swatch-size,1.8rem),1.65rem)}.h2cs__color-name{min-width:auto;margin-left:.15rem;font-size:var(--h2cs-color-size-m,.9rem)}.h2cs__description{max-width:92%;color:var(--h2cs-copy);font-size:var(--h2cs-copy-size-m,.8rem);line-height:1.38;text-wrap:balance}}@media(prefers-reduced-motion:reduce){.h2cs__panel,.h2cs__scene-picture,.h2cs__product-image,.h2cs__swatch{transition:none!important}}@media(max-width:749px){.h2cs__stage,.h2cs__inner{min-height:min(var(--h2cs-stage-h-m,58rem),36.75rem)!important}.h2cs__inner{width:96vw!important}.h2cs__ghost{top:.18rem!important;font-size:min(var(--h2cs-ghost-size-m,5.5rem),4rem)!important;line-height:.82!important}.h2cs__product-picture{top:31.8%!important;width:min(var(--h2cs-product-w-m,92%),101%)!important;height:61.5%!important;transform:translate(-50%,-50%)!important}.h2cs__product-image{transform:scale(calc(var(--h2cs-product-scale,1.2) * 1.055))!important}.h2cs__certification{top:4.75rem!important;left:.45rem!important;width:6.55rem!important;gap:.1rem!important}.h2cs__cert-image{width:min(var(--h2cs-badge-size-m,3rem),1.95rem)!important;height:min(var(--h2cs-badge-size-m,3rem),1.95rem)!important}.h2cs__certification span{max-width:6.55rem!important;font-size:min(var(--h2cs-badge-text-size-m,.7rem),.59rem)!important;line-height:1.12!important}.h2cs__specs{bottom:4.55rem!important;gap:.3rem .4rem!important;padding:.42rem .05rem .46rem!important;background:#ffffff2e!important}.h2cs__spec strong{font-size:min(var(--h2cs-spec-value-size-m,1.1rem),1.02rem)!important}.h2cs__spec span{font-size:min(var(--h2cs-spec-label-size-m,.7rem),.62rem)!important}.h2cs__bottom{right:0!important;bottom:.08rem!important;left:0!important;gap:.08rem!important}.h2cs__swatches{min-height:1.75rem!important;padding:0 .12rem!important;gap:.22rem!important}.h2cs__swatch{width:min(var(--h2cs-swatch-size,1.8rem),1.36rem)!important;height:min(var(--h2cs-swatch-size,1.8rem),1.36rem)!important}.h2cs__swatch>span{top:.14rem!important;right:.14rem!important;bottom:.14rem!important;left:.14rem!important}.h2cs__color-name{min-width:auto!important;margin-left:.03rem!important;font-size:min(var(--h2cs-color-size-m,.9rem),.8rem)!important}.h2cs__description{max-width:92%!important;font-size:min(var(--h2cs-copy-size-m,.8rem),.69rem)!important;line-height:1.18!important}.h2cs__panel-base:after{right:4%!important;bottom:7.35rem!important;left:4%!important;height:2.2rem!important}}@media(max-width:420px){.h2cs__stage,.h2cs__inner{min-height:min(var(--h2cs-stage-h-m,58rem),35.25rem)!important}.h2cs__ghost{font-size:min(var(--h2cs-ghost-size-m,5.5rem),3.72rem)!important}.h2cs__product-picture{top:31.2%!important;width:min(var(--h2cs-product-w-m,92%),102%)!important;height:61%!important}.h2cs__certification{top:4.45rem!important}.h2cs__specs{bottom:4.4rem!important;padding:.38rem .02rem .42rem!important}}@media(max-width:749px){.h2cs__stage{min-height:0!important;height:auto!important;overflow:hidden!important}.h2cs__inner{min-height:0!important;width:100%!important;padding-top:clamp(18.6rem,78vw,23.8rem)!important}.h2cs__media{position:absolute!important;top:0!important;right:0!important;bottom:auto!important;left:0!important;height:clamp(18.6rem,78vw,23.8rem)!important}.h2cs__panel{top:0!important;right:0!important;bottom:0!important;left:0!important}.h2cs__ghost{top:.35rem!important;font-size:min(var(--h2cs-ghost-size-m,5.5rem),4rem)!important}.h2cs__product-picture{top:54%!important;width:min(var(--h2cs-product-w-m,92%),102%)!important;height:82%!important;transform:translate(-50%,-50%)!important}.h2cs__product-image{transform:scale(calc(var(--h2cs-product-scale,1.2) * 1.035))!important}.h2cs__certification{top:5.55rem!important;left:.85rem!important;width:6.7rem!important}.h2cs__specs{position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;width:calc(100% - 1.5rem)!important;margin:.15rem auto 0!important;padding:.7rem .15rem .72rem!important;gap:.5rem .45rem!important;transform:none!important;background:transparent!important}.h2cs__spec strong{font-size:var(--h2cs-spec-value-size-m,1.1rem)!important}.h2cs__spec span{font-size:var(--h2cs-spec-label-size-m,.7rem)!important}.h2cs__bottom{position:relative!important;right:auto!important;bottom:auto!important;left:auto!important;width:100%!important;margin:.35rem auto .45rem!important;padding:0 .65rem!important;gap:.28rem!important}.h2cs__swatches{min-height:2.05rem!important;padding:.08rem .22rem!important;gap:.34rem!important}.h2cs__swatch{width:min(var(--h2cs-swatch-size,1.8rem),1.55rem)!important;height:min(var(--h2cs-swatch-size,1.8rem),1.55rem)!important}.h2cs__color-name{font-size:var(--h2cs-color-size-m,.9rem)!important}.h2cs__description{max-width:94%!important;font-size:var(--h2cs-copy-size-m,.8rem)!important;line-height:1.3!important}.h2cs__panel-base:after{bottom:.15rem!important;height:2.1rem!important}}@media(max-width:420px){.h2cs__inner{padding-top:clamp(18rem,80vw,21.5rem)!important}.h2cs__media{height:clamp(18rem,80vw,21.5rem)!important}.h2cs__product-picture{top:54.5%!important;width:min(var(--h2cs-product-w-m,92%),103%)!important;height:83%!important}.h2cs__certification{top:5.15rem!important;left:.65rem!important}.h2cs__specs{margin:.05rem auto 0!important;padding:.62rem .08rem .65rem!important;gap:.42rem .3rem!important}.h2cs__bottom{margin:.25rem auto .35rem!important}}@media(min-width:750px){.h2cs__stage,.h2cs__inner{min-height:var(--h2cs-visual-h-d,52rem)!important}}@media(max-width:749px){.h2cs__stage{min-height:0!important;height:auto!important}.h2cs__inner{min-height:0!important;padding-top:var(--h2cs-visual-h-m,31rem)!important}.h2cs__media{height:var(--h2cs-visual-h-m,31rem)!important}.h2cs__product-picture{top:54%!important;height:82%!important}.h2cs__specs{margin:.12rem auto 0!important}}@media(max-width:420px){.h2cs__inner{padding-top:var(--h2cs-visual-h-m,31rem)!important}.h2cs__media{height:var(--h2cs-visual-h-m,31rem)!important}.h2cs__specs{margin:.06rem auto 0!important}}
/*# sourceMappingURL=/cdn/shop/t/75/assets/hiknight-h2-color-showcase.css.map */