kit-how-to-use{display:block;padding-top:var(--khtu-section-pad-top, 0px);padding-bottom:var(--khtu-section-pad-bottom, 0px)}.khtu{--khtu-accent: #5F3EF2;--khtu-bg: #5F3EF2;--khtu-radius: 16px;--khtu-title-color: #FFFFFF;--khtu-title-size: 24px;--khtu-name-color: #FFFFFF;--khtu-name-size: 15px;--khtu-label-color: #FFFFFF;--khtu-num-bg: #C8FD6F;--khtu-num-text: #1A1A1A;--khtu-ring-color: #C8FD6F;--khtu-connector: rgba(255,255,255,.35);--khtu-node-bg: #FFFFFF;--khtu-node-sz: 80px;--khtu-ring-gap: 10px;--khtu-pad-v: 32px;--khtu-pad-h: 20px;--khtu-ease: cubic-bezier(.4, 0, .2, 1);display:block;background:var(--khtu-bg);border-radius:var(--khtu-radius);padding:var(--khtu-pad-v) var(--khtu-pad-h);max-width:100%;margin:0;box-sizing:border-box}.khtu *{box-sizing:border-box}.khtu__inner{display:flex;flex-direction:column}.khtu__title{font-family:var(--font-primary-family, sans-serif);font-size:var(--khtu-title-size);font-weight:800;color:var(--khtu-title-color);margin:0 0 24px;line-height:1.1;letter-spacing:-.02em}.khtu__timeline{display:flex;flex-direction:column}.khtu__step{display:flex;flex-direction:column;position:relative;opacity:0;transform:translate(-14px);transition:opacity .45s var(--khtu-ease),transform .45s var(--khtu-ease)}.khtu__step.is-visible{opacity:1;transform:translate(0)}.khtu__step:nth-child(1){transition-delay:.05s}.khtu__step:nth-child(2){transition-delay:.18s}.khtu__step:nth-child(3){transition-delay:.31s}.khtu__step:nth-child(4){transition-delay:.44s}.khtu__step:nth-child(5){transition-delay:.57s}.khtu__connector{width:2px;min-height:16px;background:var(--khtu-connector);margin-left:calc((var(--khtu-node-sz) + var(--khtu-ring-gap) * 2) / 2 - 1px);border-radius:2px;flex-shrink:0}.khtu__step-row{display:flex;align-items:center;gap:16px}.khtu__node-wrap{flex-shrink:0;position:relative;width:calc(var(--khtu-node-sz) + var(--khtu-ring-gap) * 2);height:calc(var(--khtu-node-sz) + var(--khtu-ring-gap) * 2)}.khtu__ring-svg{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(-90deg);pointer-events:none;overflow:visible}.khtu__ring-track{stroke:#ffffff2e;stroke-width:3;fill:none}.khtu__ring-fill{stroke:var(--khtu-ring-color);stroke-width:2;fill:none;stroke-linecap:round;stroke-dasharray:283;stroke-dashoffset:283}.khtu__node{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--khtu-node-sz);height:var(--khtu-node-sz);border-radius:50%;background:var(--khtu-node-bg);display:flex;align-items:center;justify-content:center;overflow:hidden}.khtu__node-img{width:110%;height:110%;object-fit:contain;display:block;border-radius:0}.khtu__node-empty{color:#fff6;display:flex;align-items:center;justify-content:center;width:55%}.khtu__step-content{flex:1;display:flex;flex-direction:column;gap:3px}.khtu__step-meta{display:flex;align-items:center;gap:8px;margin-bottom:2px}.khtu__step-num{background:var(--khtu-num-bg);color:var(--khtu-num-text);font-family:var(--font-primary-family, sans-serif);font-size:.62rem;font-weight:800;padding:3px 6px;border-radius:4px;line-height:1;letter-spacing:.03em;flex-shrink:0}.khtu__step-label{font-family:var(--font-primary-family, sans-serif);font-size:.9rem;font-weight:700;color:var(--khtu-label-color);text-transform:lowercase;letter-spacing:.01em}.khtu__step-title{font-family:var(--font-primary-family, sans-serif);font-size:var(--khtu-name-size);font-weight:400;color:var(--khtu-name-color);margin:0;line-height:1.25;letter-spacing:-.01em}.khtu__step-desc{font-family:var(--font-primary-family, sans-serif);font-size:.78rem;color:var(--khtu-name-color);opacity:.75;line-height:1.4;margin:3px 0 0}.khtu__step-link{font-family:var(--font-primary-family, sans-serif);font-size:.78rem;font-weight:600;color:var(--khtu-num-bg);text-decoration:underline;text-underline-offset:3px;margin-top:6px;display:inline-block;transition:opacity .2s ease}.khtu__step-link:hover{opacity:.75}@media(max-width:400px){.khtu{--khtu-node-sz: 64px}}.khtu__collapsible{max-height:0;overflow:hidden;opacity:0;visibility:hidden;padding-left:calc(var(--khtu-node-sz) + var(--khtu-ring-gap) * 2 + 16px);transition:max-height .38s cubic-bezier(.4,0,.2,1),opacity .26s ease,visibility 0s linear .38s}.khtu__step--open .khtu__collapsible{transition:max-height .38s cubic-bezier(.4,0,.2,1),opacity .26s ease .06s}.khtu__step-desc{font-family:var(--font-primary-family, sans-serif);font-size:.78rem;color:var(--khtu-name-color);opacity:.82;line-height:1.5;margin:4px 0 6px}.khtu__toggle{display:inline-flex;align-items:center;gap:4px;margin-top:8px;padding:4px 10px 4px 12px;border:1.5px solid rgba(255,255,255,.28);border-radius:999px;background:#ffffff14;color:#fff;font-family:var(--font-primary-family, sans-serif);font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:lowercase;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .15s ease;-webkit-tap-highlight-color:transparent}.khtu__toggle:hover{background:#ffffff2e;border-color:#ffffff8c}.khtu__toggle:active{transform:scale(.95)}.khtu__toggle-label-close,.khtu__toggle[aria-expanded=true] .khtu__toggle-label-open{display:none}.khtu__toggle[aria-expanded=true] .khtu__toggle-label-close{display:inline}.khtu__toggle-icon{width:13px;height:13px;flex-shrink:0;transition:transform .3s cubic-bezier(.4,0,.2,1)}.khtu__toggle[aria-expanded=true] .khtu__toggle-icon{transform:rotate(180deg)}
/*# sourceMappingURL=/cdn/shop/t/28/assets/kit-how-to-use.css.map */