.zk-how{overflow:hidden;background:var(--zk-background);color:var(--zk-text)}.zk-how__header{display:grid;gap:var(--zk-space-5);margin-bottom:var(--zk-space-7)}.zk-how__eyebrow{margin:0 0 var(--zk-space-4);color:var(--zk-blue);font-family:var(--font-body-family);font-size:11px;font-weight:600;line-height:1.2;letter-spacing:.14em;text-transform:uppercase}.zk-how__heading{max-width:760px;margin:0;color:var(--zk-text);font-family:var(--font-heading-family);font-size:clamp(36px,9vw,54px);font-weight:700;line-height:.98;letter-spacing:-.045em}.zk-how__body{max-width:560px;color:var(--zk-text-muted);font-size:15px;line-height:1.65}.zk-how__body p{margin:0}.zk-how__layout{display:grid;gap:var(--zk-space-7)}.zk-how__steps{border-top:1px solid var(--zk-border)}.zk-how__step{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);gap:var(--zk-space-4);padding-block:var(--zk-space-6);border-bottom:1px solid var(--zk-border);transition:background-color var(--zk-duration-base) var(--zk-ease-standard),padding-left var(--zk-duration-base) var(--zk-ease-standard)}.zk-how__number{color:var(--zk-blue);font-size:11px;font-weight:600;line-height:1.4;letter-spacing:.08em;transition:color var(--zk-duration-fast) var(--zk-ease-standard)}.zk-how__step-title{margin:0;color:var(--zk-text);font-family:var(--font-heading-family);font-size:20px;font-weight:700;line-height:1.15}.zk-how__step-text{max-width:500px;margin:var(--zk-space-3) 0 0;color:var(--zk-text-muted);font-size:14px;line-height:1.6}.zk-how__media{position:relative;overflow:hidden;min-width:0;min-height:380px;border:1px solid var(--zk-border);border-radius:var(--zk-radius-lg);background:var(--zk-surface)}.zk-how-slider{position:relative;width:100%;height:100%;min-height:380px;overflow:hidden;touch-action:pan-y pinch-zoom;cursor:grab;user-select:none;-webkit-user-select:none}.zk-how-slider.is-dragging{cursor:grabbing}.zk-how-slider__viewport{position:relative;width:100%;height:100%;min-height:inherit;overflow:hidden}.zk-how-slider__track{display:flex;width:100%;min-height:inherit;will-change:transform;transition:transform .52s var(--zk-ease-standard)}.zk-how-slider.is-dragging .zk-how-slider__track{transition:none}.zk-how-slider__slide{position:relative;flex:0 0 100%;width:100%;min-width:100%;min-height:380px;overflow:hidden}.zk-how-slider__image{display:block;width:100%;height:100%;min-height:380px;aspect-ratio:4 / 5;object-fit:cover;pointer-events:none;transition:transform .9s var(--zk-ease-out)}.zk-how-slider__slide.is-active .zk-how-slider__image{transform:scale(1.01)}.zk-how-slider__placeholder,.zk-how__placeholder{display:grid;width:100%;min-height:380px;place-items:center;color:#ffffff40;background:var(--zk-surface)}.zk-how-slider__placeholder svg,.zk-how__placeholder svg{width:60%;height:auto}.zk-how-slider__pagination{position:absolute;z-index:4;right:0;bottom:18px;left:0;display:flex;align-items:center;justify-content:center;gap:7px;width:max-content;max-width:calc(100% - 32px);margin-inline:auto;padding:9px 12px;border:1px solid rgba(255,255,255,.14);border-radius:var(--zk-radius-pill);background:#0b0d12a3;box-shadow:0 8px 28px #0000002e;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.zk-how-slider__dot{position:relative;width:7px;height:7px;padding:0;border:0;border-radius:var(--zk-radius-pill);background:#ffffff6b;cursor:pointer;transition:width .32s var(--zk-ease-standard),background-color .32s var(--zk-ease-standard),opacity .32s var(--zk-ease-standard),transform .32s var(--zk-ease-standard)}.zk-how-slider__dot:hover{background:#ffffffb8}.zk-how-slider__dot.is-active{width:28px;background:var(--zk-accent-gradient)}.zk-how-slider__dot:focus-visible{outline:2px solid var(--zk-white);outline-offset:3px}@media(hover:hover)and (pointer:fine){.zk-how__step:hover{padding-left:var(--zk-space-4);background:#4169ff0b}.zk-how__step:hover .zk-how__number{color:var(--zk-violet)}.zk-how-slider__slide.is-active .zk-how-slider__image{transform:scale(1.015)}}@media screen and (min-width:750px){.zk-how__heading{font-size:clamp(48px,6.5vw,72px)}.zk-how__body{font-size:16px}.zk-how__step{grid-template-columns:52px minmax(0,1fr);padding-block:var(--zk-space-7)}.zk-how__step-title{font-size:22px}.zk-how__media,.zk-how-slider,.zk-how-slider__viewport,.zk-how-slider__slide,.zk-how-slider__image,.zk-how-slider__placeholder,.zk-how__placeholder{min-height:520px}.zk-how-slider__image{aspect-ratio:4 / 3}.zk-how-slider__pagination{bottom:22px}}@media screen and (min-width:990px){.zk-how__header{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:end;gap:var(--zk-space-8);margin-bottom:var(--zk-space-9)}.zk-how__heading{font-size:clamp(58px,5vw,80px)}.zk-how__body{justify-self:end;padding-bottom:6px}.zk-how__layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:stretch;gap:clamp(48px,6vw,88px)}.zk-how__steps{align-self:center}.zk-how__media,.zk-how-slider,.zk-how-slider__viewport,.zk-how-slider__slide,.zk-how-slider__image,.zk-how-slider__placeholder,.zk-how__placeholder{min-height:600px}.zk-how-slider__image{aspect-ratio:auto}}@media(prefers-reduced-motion:reduce){.zk-how__step,.zk-how__number,.zk-how-slider__track,.zk-how-slider__image,.zk-how-slider__dot{transition:none}.zk-how__step:hover{padding-left:0}.zk-how-slider__slide.is-active .zk-how-slider__image{transform:none}}.zk-how-slider img{-webkit-user-drag:none}
/*# sourceMappingURL=/cdn/shop/t/4/assets/zerokit-how-it-works.css.map */