.kk-hiw{--kk-hiw-display: "Bungee", "Impact", sans-serif;--kk-hiw-font: "Poppins", system-ui, sans-serif;--kk-hiw-mono: var(--kk-mono, ui-monospace, "JetBrains Mono", monospace);position:relative;overflow:hidden;padding:var(--kk-hiw-pad-top, 80px) 24px var(--kk-hiw-pad-bottom, 80px);background-color:var(--kk-hiw-bg, var(--kk-paper));background-image:radial-gradient(circle,var(--kk-hiw-dot, #d9d6d2) 1px,transparent 1px);background-size:22px 22px;font-family:var(--kk-hiw-font);font-weight:500;letter-spacing:.06rem;color:var(--kk-hiw-heading, var(--kk-text-dark));font-synthesis:none;-webkit-font-smoothing:antialiased}.kk-hiw--flat{background-image:none}.kk-hiw__shape{position:absolute;z-index:0;pointer-events:none;border-radius:999px}.kk-hiw__shape--circle{width:420px;height:420px;top:-140px;right:-160px;background:radial-gradient(circle at 30% 30%,var(--kk-pink-soft),transparent 72%);opacity:.55}.kk-hiw__shape--ring{width:280px;height:280px;bottom:-120px;left:-90px;border:14px solid var(--kk-hiw-shape, var(--kk-pink-blush));opacity:.18}.kk-hiw__in{position:relative;z-index:1;max-width:1080px;margin:0 auto;display:flex;flex-direction:column;gap:40px}.kk-hiw__head{display:flex;flex-direction:column;align-items:center;gap:16px;padding-bottom:8px;text-align:center}.kk-hiw__eyebrow{margin:0}.kk-hiw__h{margin:0;font-family:var(--kk-hiw-display);font-weight:400;font-size:clamp(34px,4.4vw,58px);line-height:1.05;letter-spacing:.01em;text-transform:uppercase;text-wrap:balance;color:var(--kk-hiw-heading, var(--kk-text-dark))}.kk-hiw__h em{font-style:normal;color:var(--kk-hiw-accent, var(--kk-primary-fill))}.kk-hiw__card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);background:var(--kk-hiw-card, #fff);border:1px solid var(--kk-hiw-line, var(--kk-grey-line));border-radius:16px;box-shadow:4px 5px #0000002e;overflow:hidden}.kk-hiw__stage{position:relative;min-height:480px;background:var(--kk-hiw-stage, var(--kk-pink-paper));border-right:1px solid var(--kk-hiw-line, var(--kk-grey-line))}.kk-hiw__shot{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;pointer-events:none;transition:opacity .18s ease}.kk-hiw__shot.is-active{opacity:1;pointer-events:auto}.kk-hiw__shot.is-active:has(.kk-hiw__vid){cursor:pointer}.kk-hiw__img,.kk-hiw__ph{display:block;width:100%;height:100%;object-fit:cover}.kk-hiw__vid{pointer-events:none}.kk-hiw__vid.is-controls{pointer-events:auto}.kk-hiw__vid:not([controls])::-webkit-media-controls{display:none!important}.kk-hiw__vid:not([controls])::-webkit-media-controls-start-playback-button{display:none!important}.kk-hiw__ph{fill:var(--kk-hiw-line, var(--kk-grey-line));background:var(--kk-hiw-stage, var(--kk-pink-paper))}.kk-hiw__tag{position:absolute;left:16px;top:16px;z-index:2;pointer-events:none;padding:6px 10px;border-radius:8px;background:var(--kk-hiw-tag-bg, var(--kk-ink));color:var(--kk-hiw-tag-text, #fff);font-family:var(--kk-hiw-mono);font-size:10px;font-weight:700;line-height:1.4;letter-spacing:.1em;text-transform:uppercase}.kk-hiw__side{display:flex;flex-direction:column;gap:16px;padding-bottom:24px}.kk-hiw__list{list-style:none;margin:0;padding:24px;display:flex;flex-direction:column;gap:4px}.kk-hiw-step{display:grid;grid-template-columns:36px minmax(0,1fr);gap:16px;align-items:start;width:100%;padding:14px 16px;border:1px solid transparent;border-radius:12px;background:none;font:inherit;letter-spacing:inherit;color:inherit;text-align:left;cursor:pointer;transition:background-color .15s,border-color .15s}.kk-hiw-step:hover{background:var(--kk-hiw-hover, var(--kk-grey-bg))}.kk-hiw-step:focus-visible{outline:2px solid var(--kk-hiw-accent, var(--kk-primary-fill));outline-offset:2px}.kk-hiw-step[aria-pressed=true]{background:var(--kk-hiw-active-bg, var(--kk-pink-paper));border-color:var(--kk-hiw-active-border, #f5bbcf)}.kk-hiw-step__n{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:var(--kk-hiw-num-bg, #fce4ee);border:1px solid var(--kk-hiw-num-border, #f5bbcf);color:var(--kk-hiw-num-text, #a4607f);font-family:var(--kk-hiw-mono);font-size:12px;font-weight:700;letter-spacing:0}.kk-hiw-step[aria-pressed=true] .kk-hiw-step__n{background:var(--kk-hiw-accent, var(--kk-primary-fill));border-color:var(--kk-hiw-num-active-border, var(--kk-primary-border));color:#fff;box-shadow:2px 3px #0000002e}.kk-hiw-step__copy{display:block;min-width:0}.kk-hiw-step__t{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-top:6px;font-family:var(--kk-hiw-display);font-weight:400;font-size:15px;line-height:1.3;letter-spacing:.04em;text-transform:uppercase;color:var(--kk-hiw-heading, var(--kk-text-dark))}.kk-hiw-step[aria-pressed=true] .kk-hiw-step__t{color:var(--kk-hiw-accent, var(--kk-primary-fill))}.kk-hiw-step__tip{padding:2px 8px;border-radius:8px;background:var(--kk-hiw-tip-bg, var(--kk-ink));color:var(--kk-hiw-tip-text, #fff);font-family:var(--kk-hiw-font);font-size:10px;font-weight:600;line-height:1.6;letter-spacing:.08em;text-transform:none;white-space:nowrap}.kk-hiw-step__d{display:block;margin-top:4px;font-size:13px;line-height:1.6;color:var(--kk-hiw-body, var(--kk-ink-soft));text-wrap:pretty}.kk-hiw__clip{margin:0 24px;padding:16px;border-radius:12px;background:var(--kk-hiw-clip-bg, var(--kk-grey-bg));display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}.kk-hiw__clip-label{flex:none;white-space:nowrap;font-family:var(--kk-hiw-display);font-weight:400;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--kk-hiw-accent, var(--kk-primary-fill))}.kk-hiw__chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.kk-hiw__chips li{padding:6px 14px;border-radius:999px;background:var(--kk-hiw-chip-bg, #fff);border:1px solid var(--kk-hiw-line, var(--kk-grey-line));color:var(--kk-hiw-chip-text, var(--kk-text-dark));font-size:12px;font-weight:600;line-height:1.4}.kk-hiw__bundle{margin:0 24px;font-size:12px;line-height:1.6;color:var(--kk-hiw-muted, var(--kk-ink-mute))}.kk-hiw__bundle b,.kk-hiw__bundle strong{font-weight:600;color:var(--kk-hiw-heading, var(--kk-text-dark))}@media(max-width:820px){.kk-hiw{padding:var(--kk-hiw-pad-top-m, 64px) 16px var(--kk-hiw-pad-bottom-m, 64px)}.kk-hiw__card{grid-template-columns:minmax(0,1fr)}.kk-hiw__stage{min-height:0;aspect-ratio:4 / 3;border-right:0;border-bottom:1px solid var(--kk-hiw-line, var(--kk-grey-line))}.kk-hiw__list,.kk-hiw-step{padding:12px}.kk-hiw__clip,.kk-hiw__bundle{margin:0 12px}.kk-hiw__side{padding-bottom:16px}}@media(max-width:749px){.kk-hiw__stage{aspect-ratio:9 / 16;width:100%;max-height:70svh}}@media(prefers-reduced-motion:reduce){.kk-hiw__shot,.kk-hiw__shot.is-active,.kk-hiw-step{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-kkumi-cpk-how-it-works.css.map */