.ktq-fold{--kf-ink: rgb(var(--color-foreground, 237, 230, 220));--kf-muted: rgba(var(--color-foreground, 237, 230, 220), .72);--kf-line: rgba(var(--color-foreground, 237, 230, 220), .14);--kf-surface: rgb(var(--color-background-secondary, 57, 53, 50));--kf-accent: #9dbba6;--kf-accent-soft: rgba(157, 187, 166, .14);--kf-on-accent: #191715;--kf-radius: 14px;--kf-fade: .6s;--kf-ar-desktop: 4 / 3;color:var(--kf-ink)}.ktq-fold *,.ktq-fold *:before,.ktq-fold *:after{box-sizing:border-box}.ktq-fold__head{max-width:620px;margin:0 0 24px}.ktq-fold__heading{margin:0 0 8px}.ktq-fold__sub{margin:0;color:var(--kf-muted)}.ktq-fold__grid{display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}.ktq-fold__media{position:relative;aspect-ratio:1 / 1;border-radius:var(--kf-radius);overflow:hidden;background:var(--kf-surface);touch-action:pan-y}.ktq-fold__panel{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;visibility:hidden;transition:opacity var(--kf-fade) ease,visibility 0s linear var(--kf-fade)}.ktq-fold__panel.is-active{opacity:1;visibility:visible;transition:opacity var(--kf-fade) ease,visibility 0s linear 0s}.ktq-fold__panel:focus-visible{outline:3px solid var(--kf-accent);outline-offset:-3px}.ktq-fold__panel img,.ktq-fold__panel video,.ktq-fold__panel svg{width:100%;height:100%;object-fit:cover;display:block}.ktq-fold__tabs{display:grid;grid-template-columns:repeat(var(--kf-n, 3),minmax(0,1fr));gap:6px;align-content:start}.ktq-fold__step{display:contents}.ktq-fold__tab{-webkit-appearance:none;appearance:none;position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-height:48px;margin:0;padding:10px 10px 13px;border:1.5px solid var(--kf-line);border-radius:12px;background:transparent;color:var(--kf-ink);font:inherit;font-size:13px;font-weight:500;line-height:1.25;text-align:left;cursor:pointer;overflow:hidden;transition:background-color .25s ease,border-color .25s ease}.ktq-fold__tab:hover{background:var(--kf-surface)}.ktq-fold__tab:focus-visible{outline:3px solid var(--kf-accent);outline-offset:2px}.ktq-fold__tab[aria-selected=true]{background:var(--kf-accent-soft);border-color:var(--kf-accent);font-weight:600}.ktq-fold__num{display:inline-grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;background:var(--kf-surface);color:var(--kf-ink);font-size:12px;font-weight:600;line-height:1}.ktq-fold__tab[aria-selected=true] .ktq-fold__num{background:var(--kf-accent);color:var(--kf-on-accent)}.ktq-fold__label{min-width:0;overflow-wrap:anywhere}.ktq-fold__bar{position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--kf-line);pointer-events:none;visibility:hidden}.ktq-fold__tab[aria-selected=true] .ktq-fold__bar{visibility:visible}.ktq-fold__bar i{display:block;width:100%;height:100%;background:var(--kf-accent);transform:scaleX(0);transform-origin:left center}.ktq-fold.is-static .ktq-fold__bar i{transform:scaleX(1)!important}.ktq-fold__cap{grid-column:1 / -1;grid-row:2;margin:4px 0 0;color:var(--kf-muted);font-size:15px;line-height:1.45;opacity:0;visibility:hidden;transition:opacity .35s ease}.ktq-fold__step.is-active .ktq-fold__cap{opacity:1;visibility:visible}@media screen and (min-width:750px){.ktq-fold__grid{grid-template-columns:minmax(0,6fr) minmax(0,4fr);gap:32px;align-items:center}.ktq-fold__media{aspect-ratio:var(--kf-ar-desktop)}.ktq-fold__tabs{display:flex;flex-direction:column;gap:10px}.ktq-fold__step{display:block;position:relative;overflow:hidden;border:1.5px solid var(--kf-line);border-radius:12px;transition:background-color .25s ease,border-color .25s ease}.ktq-fold__step.is-active{background:var(--kf-accent-soft);border-color:var(--kf-accent)}.ktq-fold__tab{position:static;flex-direction:row;align-items:center;gap:12px;width:100%;min-height:0;padding:16px 18px 4px;border:0;border-radius:0;background:transparent!important;font-size:17px;overflow:visible}.ktq-fold__tab:focus-visible{outline-offset:-3px}.ktq-fold__num{width:30px;height:30px;font-size:14px}.ktq-fold__cap{margin:0;padding:2px 18px 18px 60px;opacity:1;visibility:visible;transition:color .25s ease}.ktq-fold__step.is-active .ktq-fold__cap{color:var(--kf-ink)}}@media screen and (max-width:749px){.ktq-fold[data-count="4"] .ktq-fold__tab,.ktq-fold[data-count="5"] .ktq-fold__tab{font-size:11.5px;padding:8px 7px 11px}}@media(prefers-reduced-motion:reduce){.ktq-fold__panel,.ktq-fold__panel.is-active,.ktq-fold__tab,.ktq-fold__step,.ktq-fold__cap{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/ktq-how-it-folds.css.map */