.gmk-steps{font-family:var(--font-body-family);font-style:var(--font-body-style);background:var(--gmk-paper);color:var(--gmk-ink)}.gmk-steps *,.gmk-steps *:before,.gmk-steps *:after{box-sizing:border-box}.gmk-steps__wrap{max-width:680px;margin:0 auto;padding:0 20px}.gmk-steps__heading{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:clamp(24px,4.5vw,30px);letter-spacing:-.015em;margin:0 0 6px;color:var(--gmk-ink)}.gmk-steps__sub{margin:0 0 22px;color:var(--gmk-ink-soft)}.gmk-steps__progress{position:sticky;top:var(--gmk-sticky-offset, 0px);z-index:3;background:var(--gmk-paper);border-bottom:1px solid var(--gmk-line);padding:10px 0;margin-bottom:8px}.gmk-steps__progress[hidden]{display:none}.gmk-steps__progress-inner{max-width:680px;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:12px}.gmk-steps__bar{flex:1;height:8px;background:var(--gmk-wash);border-radius:99px;overflow:hidden}.gmk-steps .gmk-steps__fill{display:block;height:100%;width:0%;background:var(--gmk-green);border-radius:99px;transition:width .25s ease}.gmk-steps__progress-label{font-size:13px;font-weight:600;color:var(--gmk-green-deep);font-variant-numeric:tabular-nums;white-space:nowrap}.gmk-steps__list{list-style:none;margin:0;padding:0}.gmk-step{display:grid;grid-template-columns:64px 1fr 52px;gap:14px;padding:22px 0;border-bottom:1px solid var(--gmk-line);align-items:start;scroll-margin-top:calc(var(--gmk-sticky-offset, 0px) + 72px)}.gmk-step__num{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:40px;line-height:1;color:var(--gmk-green);padding-top:2px}.gmk-step.is-done .gmk-step__num{color:var(--gmk-line)}.gmk-step__title{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:21px;letter-spacing:-.01em;margin:0 0 6px;color:var(--gmk-ink)}.gmk-step.is-done .gmk-step__title{text-decoration:line-through;text-decoration-thickness:2px;color:var(--gmk-ink-soft)}.gmk-step__body{color:var(--gmk-ink-soft)}.gmk-step__body p{margin:0}.gmk-step__body strong{color:var(--gmk-ink)}.gmk-step__why{display:block;margin-top:8px;font-size:15px;line-height:1.55;padding-left:12px;border-left:3px solid var(--gmk-wash);color:var(--gmk-ink-soft)}.gmk-step__check{width:44px;height:44px;border:2px solid var(--gmk-line);border-radius:12px;background:#fff;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:background .15s ease,border-color .15s ease;justify-self:end}.gmk-step__check:focus-visible{outline:3px solid var(--gmk-green);outline-offset:2px}.gmk-step__check svg{opacity:0;transition:opacity .15s ease}.gmk-step.is-done .gmk-step__check{background:var(--gmk-green);border-color:var(--gmk-green)}.gmk-step.is-done .gmk-step__check svg{opacity:1}@media screen and (max-width:520px){.gmk-step{grid-template-columns:44px 1fr 48px;gap:10px}.gmk-step__num{font-size:30px}}.gmk-timer{margin-top:14px;background:var(--gmk-wash);border-radius:var(--gmk-radius);padding:18px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.gmk-timer__display{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:44px;line-height:1.1;letter-spacing:.01em;color:var(--gmk-green-deep);min-width:130px;font-variant-numeric:tabular-nums}.gmk-timer__btns{display:flex;gap:10px;flex-wrap:wrap}.gmk-btn{font-family:var(--font-body-family);font-weight:600;font-size:16px;line-height:1.3;padding:12px 22px;border-radius:10px;border:none;cursor:pointer;min-height:44px}.gmk-btn:focus-visible{outline:3px solid var(--gmk-green-deep);outline-offset:2px}.gmk-btn--primary{background:var(--gmk-green);color:#fff}.gmk-btn--primary:hover{background:var(--gmk-green-deep)}.gmk-btn--ghost{background:transparent;color:var(--gmk-green-deep);border:2px solid var(--gmk-line)}.gmk-btn[disabled]{opacity:.5;cursor:not-allowed}.gmk-steps .gmk-timer__msg{display:block;width:100%;margin-top:-18px;font-weight:600;color:var(--gmk-green-deep)}.gmk-steps .gmk-timer__msg:not(:empty){margin-top:0}@media(prefers-reduced-motion:reduce){.gmk-steps *,.gmk-steps *:before,.gmk-steps *:after{transition:none!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/gmk-steps.css.map */