.kqr.kh{--kqr-band-pad: clamp(40px, 3.57vw + 28.6px, 80px);--kqr-hero-pad: clamp(18px, 1.07vw + 14.6px, 30px);--kqr-title: clamp(22px, 1.61vw + 16.9px, 40px);--kqr-h2: clamp(26px, 1.61vw + 20.9px, 44px);--kqr-lede: clamp(16px, .45vw + 14.6px, 21px);--kqr-body: clamp(15px, .18vw + 14.4px, 17px);--kqr-panel-title:clamp(16px, .27vw + 15.1px, 19px);--kqr-label: clamp(11px, .09vw + 10.7px, 12px);--kqr-gap: clamp(16px, 1.07vw + 12.6px, 28px);--kqr-card-pad: clamp(18px, .54vw + 16.3px, 24px);--kqr-disc: clamp(30px, .89vw + 27.1px, 40px);background:var(--color-white)}.kqr .kqr__crumb{padding-top:var(--space-4);padding-bottom:var(--space-4)}.kqr .kqr__band{padding-block:var(--kqr-band-pad)}.kqr .kqr__hero{background:var(--color-yellow);border-block:var(--border-w) solid var(--color-black);padding-block:var(--kqr-hero-pad);text-align:center}.kqr .kqr__hero-inner{max-width:720px;margin-inline:auto}.kqr .kqr__eyebrow{box-shadow:3px 3px 0 var(--color-black);margin-bottom:var(--space-3);animation:kqr-wiggle 2.4s var(--ease-spring) .4s 2}.kqr .kqr__title{font-family:var(--font-display);font-size:var(--kqr-title);line-height:var(--lh-display);letter-spacing:var(--tracking-display);text-transform:uppercase;color:var(--color-black);margin:0;text-wrap:balance}.kqr .kqr__lede{font-family:var(--font-body);font-size:var(--kqr-body);line-height:var(--lh-body);color:var(--color-black);margin:var(--space-2) auto 0;max-width:52ch}@keyframes kqr-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.kqr .kqr__video{background:var(--color-black);scroll-margin-top:90px}.kqr .kqr__vhead{margin-bottom:var(--space-5);text-align:center}.kqr .kqr__vtitle{font-family:var(--font-display);font-size:var(--kqr-h2);line-height:var(--lh-display);letter-spacing:var(--tracking-display);text-transform:uppercase;color:var(--color-white);margin:0 0 var(--space-2)}.kqr .kqr__vtitle .kqr__accent{color:var(--color-pink)}.kqr .kqr__player{max-width:1000px;margin-inline:auto;border:var(--border-w) solid var(--color-white);border-radius:var(--radius-card);box-shadow:6px 6px 0 var(--color-yellow);overflow:hidden;background:var(--color-black)}.kqr .kqr__player-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-indigo);color:var(--color-white);border-bottom:var(--border-w) solid var(--color-white)}.kqr .kqr__player-label{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--kqr-label);font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-label);line-height:1;white-space:nowrap}.kqr .kqr__player-label i{font-size:1.5em}.kqr .kqr__player-kit{font-family:var(--font-body);font-size:var(--kqr-label);font-weight:600;color:#ffffffbf;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kqr .kqr__player-stage{position:relative;background:var(--color-black)}.kqr .kqr__player-stage .kqr__embed{display:block;width:100%;height:auto;aspect-ratio:16 / 9;border:0}.kqr .kqr__player-body{display:block}.kqr .kqr__player-body iframe,.kqr .kqr__player-body video{border:0;max-width:100%}.kqr .kqr__player-body p,.kqr .kqr__player-body li{font-family:var(--font-body);font-size:var(--kqr-body);line-height:var(--lh-body);color:#ffffffd9}.kqr .kqr__player-body a{color:var(--color-yellow)}.kqr .kqr__player-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-3);min-height:clamp(240px,22vw + 170px,400px);padding:var(--kqr-card-pad)}.kqr .kqr__player-empty i{font-size:clamp(32px,1.79vw + 26.3px,52px);color:var(--color-yellow)}.kqr .kqr__player-empty-title{font-family:var(--font-body);font-size:var(--kqr-panel-title);font-weight:700;letter-spacing:-.3px;color:var(--color-white);margin:0}.kqr .kqr__player-empty-sub{font-family:var(--font-body);font-size:var(--kqr-body);line-height:var(--lh-body);color:#ffffffb8;margin:0;max-width:40ch}.kqr .kqr__vtip{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin:var(--space-5) auto 0;font-family:var(--font-body);font-size:var(--kqr-body);color:#ffffffb8}.kqr .kqr__vtip i{font-size:1.3em;color:var(--color-yellow);flex-shrink:0}.kqr .kqr__steps{background:var(--color-white)}.kqr .kqr__head{margin-bottom:var(--kqr-gap)}.kqr .kqr__h2{font-family:var(--font-display);font-size:var(--kqr-h2);line-height:var(--lh-display);letter-spacing:var(--tracking-display);text-transform:uppercase;color:var(--color-black);margin:0}.kqr .kqr__h2 .kqr__accent{color:var(--color-indigo)}.kqr .kqr__panels{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;column-gap:var(--kqr-gap);row-gap:calc(var(--kqr-gap) + var(--kqr-disc) / 2)}@media(min-width:768px){.kqr .kqr__panels{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.kqr .kqr__panels{grid-template-columns:repeat(3,minmax(0,1fr))}}.kqr .kqr__panel-item{display:flex}.kqr button.kqr__panel{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);width:100%;min-height:48px;text-align:left;padding:var(--kqr-card-pad);padding-top:calc(var(--kqr-card-pad) + var(--kqr-disc) * .55);background:var(--color-white);border:var(--border-tier2);border-radius:var(--radius-card);box-shadow:var(--shadow-tier2);cursor:pointer;font-family:var(--font-body);transition:transform var(--dur-normal) var(--ease-out-soft),box-shadow var(--dur-normal) var(--ease-out-soft),border-color var(--dur-normal) var(--ease-out-soft)}.kqr button.kqr__panel:hover{transform:translateY(-2px);box-shadow:var(--shadow-tier2-hover)}.kqr button.kqr__panel:focus-visible{outline:3px solid var(--color-indigo);outline-offset:3px}.kqr .kqr__panel-num{position:absolute;top:calc(var(--kqr-disc) / -2);left:var(--kqr-card-pad);width:var(--kqr-disc);height:var(--kqr-disc);display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-yellow);border:var(--border-w) solid var(--color-black);font-family:var(--font-display);font-size:calc(var(--kqr-disc) * .44);line-height:1;color:var(--color-black)}.kqr .kqr__panel-media{display:block;width:100%;border-radius:10px;overflow:hidden;background:var(--color-grey-light)}.kqr .kqr__panel-media .kqr__panel-img{display:block;width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover}.kqr .kqr__panel-body{display:flex;flex-direction:column;gap:var(--space-2)}.kqr .kqr__panel-title{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--kqr-panel-title);font-weight:700;letter-spacing:-.3px;line-height:var(--lh-heading);color:var(--color-black)}.kqr .kqr__panel-title i{font-size:1.2em;color:var(--color-indigo);flex-shrink:0}.kqr .kqr__panel-text{font-family:var(--font-body);font-size:var(--kqr-body);font-weight:400;line-height:var(--lh-body);color:var(--color-grey-mid)}.kqr .kqr__panel-tick{position:absolute;top:var(--space-3);right:var(--space-3);width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(10,10,10,.2);background:var(--color-white);color:transparent;font-size:15px;transition:background-color var(--dur-fast) var(--ease-out-soft),color var(--dur-fast) var(--ease-out-soft),border-color var(--dur-fast) var(--ease-out-soft)}.kqr .kqr__panel-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.kqr button.kqr__panel[aria-pressed=true]{border-color:var(--color-success);background:#f3faf4}.kqr button.kqr__panel[aria-pressed=true] .kqr__panel-tick{background:var(--color-success);border-color:var(--color-success);color:var(--color-white)}.kqr button.kqr__panel[aria-pressed=true] .kqr__panel-title{text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:#0a0a0a59}.kqr .kqr__progress[hidden],.kqr .kqr__progress-done[hidden]{display:none}.kqr .kqr__progress{margin-top:var(--kqr-gap);max-width:420px}.kqr .kqr__progress-text{font-family:var(--font-body);font-size:var(--kqr-label);font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--color-grey-mid);margin:0 0 var(--space-2)}.kqr .kqr__progress-track{height:8px;border-radius:var(--radius-button);background:var(--color-grey-light);overflow:hidden}.kqr .kqr__progress-fill{display:block;height:100%;width:0%;border-radius:var(--radius-button);background:var(--color-indigo);transform-origin:left center;transition:width var(--dur-medium) var(--ease-out-soft)}.kqr .kqr__progress-done{display:flex;align-items:center;gap:var(--space-2);margin:var(--space-3) 0 0;font-family:var(--font-body);font-size:var(--kqr-body);font-weight:700;color:var(--color-success)}.kqr .kqr__progress-done i{font-size:1.35em;animation:kqr-pop var(--dur-medium) var(--ease-spring)}@keyframes kqr-pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.kqr .kqr__prose{max-width:68ch}.kqr .kqr__prose h2,.kqr .kqr__prose h3{font-family:var(--font-body);font-weight:800;letter-spacing:-.5px;line-height:var(--lh-heading);color:var(--color-black);margin:var(--space-8) 0 var(--space-3)}.kqr .kqr__prose h2{font-size:clamp(20px,.71vw + 17.7px,28px)}.kqr .kqr__prose h3{font-size:clamp(17px,.45vw + 15.6px,22px)}.kqr .kqr__prose p,.kqr .kqr__prose li{font-family:var(--font-body);font-size:var(--kqr-body);line-height:var(--lh-body);color:var(--color-grey-mid);margin:0 0 var(--space-3)}.kqr .kqr__prose a{color:var(--color-indigo)}.kqr .kqr__prose img,.kqr .kqr__prose iframe{max-width:100%}.kqr .kqr__shop{background:var(--color-indigo)}.kqr .kqr__shop-inner{display:grid;grid-template-columns:1fr;gap:clamp(24px,1.79vw + 18.3px,44px);align-items:center}@media(min-width:1024px){.kqr .kqr__shop-inner{grid-template-columns:minmax(0,1fr) minmax(0,340px)}}.kqr .kqr__h2--on-dark{color:var(--color-white)}.kqr .kqr__h2--on-dark .kqr__accent-y{color:var(--color-yellow)}.kqr .kqr__shop-lede{font-family:var(--font-body);font-size:var(--kqr-lede);line-height:var(--lh-body);color:#ffffffe6;margin:var(--space-4) 0 var(--space-6);max-width:46ch}.kqr .kqr__shop-ctas{display:flex;flex-wrap:wrap;gap:var(--space-3)}.kqr a.kqr__btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:48px;padding:0 26px;border-radius:var(--radius-button);font-family:var(--font-body);font-size:15px;font-weight:700;letter-spacing:var(--tracking-button);line-height:var(--lh-ui);text-decoration:none;transition:transform var(--dur-fast) var(--ease-out-snap),box-shadow var(--dur-fast) var(--ease-out-snap)}.kqr a.kqr__btn i{font-size:1.25em}.kqr a.kqr__btn--yellow{background:var(--color-yellow);color:var(--color-black);border:var(--border-w) solid var(--color-black);box-shadow:var(--shadow-button)}.kqr a.kqr__btn--yellow:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-button-hover)}.kqr a.kqr__btn--yellow:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--color-black)}.kqr a.kqr__btn--outline{background:transparent;color:var(--color-white);border:var(--border-w) solid var(--color-white)}.kqr a.kqr__btn--outline:hover{transform:translateY(-2px);background:#ffffff1f}.kqr a.kqr__btn--wa{background:var(--color-whatsapp);color:var(--color-white);border:0;box-shadow:var(--shadow-whatsapp)}.kqr a.kqr__btn--wa:hover{transform:translateY(-2px)}.kqr .kqr__shop-card{min-width:0}.kqr .kqr__shop-card--generic{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);text-align:center;padding:var(--space-8) var(--kqr-card-pad);border-radius:var(--radius-card-lg);background:#ffffff1a;border:1px solid rgba(255,255,255,.25)}.kqr .kqr__shop-card--generic i{font-size:clamp(36px,1.61vw + 30.9px,54px);color:var(--color-yellow)}.kqr .kqr__shop-card-line{font-family:var(--font-display);font-size:var(--kqr-h2);line-height:var(--lh-display);text-transform:uppercase;color:var(--color-white);margin:0}.kqr .kqr__shop-card-sub{font-family:var(--font-body);font-size:var(--kqr-body);color:#fffc;margin:0}.kqr .kqr__help{background:var(--color-blush)}.kqr .kqr__help-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:var(--kqr-gap)}@media(min-width:768px){.kqr .kqr__help-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.kqr .kqr__help-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.kqr .kqr__card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);padding:var(--kqr-card-pad);background:var(--color-white);border:var(--border-tier2);border-radius:var(--radius-card);box-shadow:var(--shadow-tier2);transition:transform var(--dur-normal) var(--ease-out-soft),box-shadow var(--dur-normal) var(--ease-out-soft)}.kqr .kqr__card:hover{transform:translateY(-2px);box-shadow:var(--shadow-tier2-hover)}.kqr .kqr__card-icon{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;margin-bottom:var(--space-2);font-size:22px;color:var(--color-white)}.kqr .kqr__card-icon--wa{background:var(--color-whatsapp)}.kqr .kqr__card-icon--mail{background:var(--color-indigo)}.kqr .kqr__card-icon--ig{background:var(--color-pink);color:var(--color-black)}.kqr .kqr__card-title{font-family:var(--font-body);font-size:var(--kqr-panel-title);font-weight:700;letter-spacing:-.3px;line-height:var(--lh-heading);color:var(--color-black);margin:0}.kqr .kqr__card-text{font-family:var(--font-body);font-size:var(--kqr-body);line-height:var(--lh-body);color:var(--color-grey-mid);margin:0 0 var(--space-2)}.kqr a.kqr__card-link{display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;font-family:var(--font-body);font-size:var(--kqr-body);font-weight:700;color:var(--color-indigo);text-decoration:underline;text-underline-offset:3px;word-break:break-word}.kqr a.kqr__card-link:hover{text-decoration-thickness:2px}.kqr .kqr__card-link i{font-size:1.1em;flex-shrink:0}.kqr--anim .kqr__reveal{opacity:0;transform:translateY(24px);transition:opacity var(--dur-medium) var(--ease-out-soft),transform var(--dur-medium) var(--ease-out-soft)}.kqr--anim .kqr__reveal.is-in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.kqr .kqr__eyebrow{animation:none}.kqr--anim .kqr__reveal,.kqr--anim .kqr__reveal.is-in{opacity:1;transform:none;transition:none}.kqr .kqr__progress-done i{animation:none}}@media(max-width:480px){.kqr .kqr__shop-ctas>.kqr__btn{width:100%}.kqr .kqr__player-kit{display:none}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/kitsters-qr-tutorial.css.map */