.qrs{--qrs-t: 11s}.qrs__head{max-width:68rem;margin:0 auto .8rem;text-align:center}.qrs__title{margin:0 0 1.2rem}.qrs__text{color:rgba(var(--color-foreground),.78)}.qrs__text p{margin:0 0 1rem}.qrs__buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:1.2rem;margin-top:2.4rem}.qrs-fig{position:relative;margin:1.6rem 0 0}.qrs-fig svg.qrs-scene{display:block;width:100%;height:auto}.qrs-fig text{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}.qrs-pause{position:absolute;right:0;top:0;width:36px;height:36px;border-radius:50%;padding:0;border:1px solid #e3e8f0;background:#fff;color:var(--cobo-ink);cursor:pointer;display:grid;place-items:center;box-shadow:0 1px 2px #14213d14}.qrs-pause:focus-visible{outline:2px solid var(--cobo-blue);outline-offset:2px}.qrs-pause svg{width:14px;height:14px}.qrs-steps{list-style:none;padding:0;margin:2.4rem 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem}.qrs-steps li{background:#fff;border:1px solid #e3e8f0;border-radius:14px;padding:1.8rem 2rem;color:var(--cobo-ink)}.qrs-steps h3{display:flex;align-items:center;gap:1rem;margin:0 0 .6rem;font-size:1.6rem;color:var(--cobo-ink)}.qrs-steps h3 span{width:24px;height:24px;border-radius:50%;background:var(--cobo-navy, #062b68);color:#fff;font-size:1.2rem;display:grid;place-items:center;flex:none}.qrs-steps p{margin:0;color:#5b6573;font-size:1.4rem;line-height:1.5}@media screen and (max-width:749px){.qrs-steps{grid-template-columns:1fr;gap:1rem}}.qrs .cone,.qrs .brackets,.qrs .scanline,.qrs .cam,.qrs .packet,.qrs .pulse{opacity:0}.qrs .trail{stroke-dasharray:100 100;stroke-dashoffset:0}.qrs .packet{stroke-dasharray:4 200}.qrs .gauge-fg{stroke-dasharray:150.8;stroke-dashoffset:12}.qrs .check{stroke-dasharray:30}.qrs .bar{transform-box:fill-box;transform-origin:left center}.qrs .brackets,.qrs .pulse{transform-box:fill-box;transform-origin:center}.qrs.anim .phone-in{animation:qrs-phoneIn var(--qrs-t) ease-in-out infinite both}.qrs.anim .cone{animation:qrs-cone var(--qrs-t) linear infinite both}.qrs.anim .brackets{animation:qrs-brackets var(--qrs-t) ease-out infinite both}.qrs.anim .scanline{animation:qrs-scanline var(--qrs-t) ease-in-out infinite both}.qrs.anim .cam{animation:qrs-cam var(--qrs-t) linear infinite both}.qrs.anim .linked{animation:qrs-linked var(--qrs-t) linear infinite both}.qrs.anim .check{animation:qrs-check var(--qrs-t) ease-out infinite both}.qrs.anim .bar{animation:qrs-bar var(--qrs-t) ease-in-out infinite both}.qrs.anim .trail{animation:qrs-trail var(--qrs-t) ease-in-out infinite both}.qrs.anim .packet{animation:qrs-packet var(--qrs-t) ease-in-out infinite both}.qrs.anim .packet.p2{animation-name:qrs-packet2}.qrs.anim .pulse{animation:qrs-pulse var(--qrs-t) ease-out infinite both}.qrs.anim .hub-core{animation:qrs-hubCore var(--qrs-t) linear infinite both}.qrs.anim .app{animation:qrs-appOn var(--qrs-t) ease-out infinite both}.qrs.anim .row1{animation:qrs-row1 var(--qrs-t) ease-out infinite both}.qrs.anim .row2{animation:qrs-row2 var(--qrs-t) ease-out infinite both}.qrs.anim .row3{animation:qrs-row3 var(--qrs-t) ease-out infinite both}.qrs.anim .row4{animation:qrs-row4 var(--qrs-t) ease-out infinite both}.qrs.anim .gauge-fg{animation:qrs-gauge var(--qrs-t) ease-out infinite both}.qrs.anim .gauge-txt{animation:qrs-gaugeTxt var(--qrs-t) linear infinite both}.qrs.anim .flag{animation:qrs-flag var(--qrs-t) linear infinite both}.qrs.anim .note{animation:qrs-note var(--qrs-t) ease-out infinite both}.qrs.anim .lab1{animation:qrs-lab1 var(--qrs-t) ease-out infinite both}.qrs.anim .lab2{animation:qrs-lab2 var(--qrs-t) ease-out infinite both}.qrs.anim .lab3{animation:qrs-lab3 var(--qrs-t) ease-out infinite both}.qrs.anim .qrs-steps li:nth-child(1){animation:qrs-step1 var(--qrs-t) linear infinite both}.qrs.anim .qrs-steps li:nth-child(2){animation:qrs-step2 var(--qrs-t) linear infinite both}.qrs.anim .qrs-steps li:nth-child(3){animation:qrs-step3 var(--qrs-t) linear infinite both}.qrs.paused *{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){.qrs.anim *{animation:none!important}.qrs-pause{display:none}}@keyframes qrs-phoneIn{0%{opacity:0;transform:translate(40px,24px)}7%,90%{opacity:1;transform:none}97%,to{opacity:0;transform:translate(40px,24px)}}@keyframes qrs-cone{0%,9%{opacity:0}12%{opacity:1}16%{opacity:.4}20%{opacity:1}24%{opacity:.4}29%{opacity:1}33%,to{opacity:0}}@keyframes qrs-brackets{0%,8%{opacity:0;transform:scale(1.3)}12%,31%{opacity:1;transform:scale(1)}34%{opacity:1;transform:scale(.94)}40%,to{opacity:0;transform:scale(.94)}}@keyframes qrs-scanline{0%,9%{opacity:0;transform:translateY(0)}10%{opacity:1;transform:translateY(0)}17%{transform:translateY(74px)}24%{transform:translateY(0)}31%{opacity:1;transform:translateY(74px)}32%,to{opacity:0;transform:translateY(74px)}}@keyframes qrs-cam{0%,32%{opacity:1}35%,to{opacity:0}}@keyframes qrs-linked{0%,32%{opacity:0}35%,to{opacity:1}}@keyframes qrs-check{0%,34%{stroke-dashoffset:30}40%,to{stroke-dashoffset:0}}@keyframes qrs-bar{0%,36%{transform:scaleX(0)}52%,to{transform:scaleX(1)}}@keyframes qrs-trail{0%,34%{stroke-dashoffset:100;opacity:1}52%,90%{stroke-dashoffset:0;opacity:1}97%,to{stroke-dashoffset:0;opacity:0}}@keyframes qrs-packet{0%,34%{stroke-dashoffset:4;opacity:0}35%,51%{opacity:1}52%,to{stroke-dashoffset:-100;opacity:0}}@keyframes qrs-packet2{0%,38%{stroke-dashoffset:4;opacity:0}39%,55%{opacity:1}56%,to{stroke-dashoffset:-100;opacity:0}}@keyframes qrs-pulse{0%,41%{opacity:0;transform:scale(1)}43%{opacity:.9;transform:scale(1)}52%,to{opacity:0;transform:scale(1.9)}}@keyframes qrs-hubCore{0%,40%{fill:var(--cobo-navy)}44%{fill:var(--cobo-blue)}54%,to{fill:var(--cobo-navy)}}@keyframes qrs-appOn{0%,50%{opacity:.38}55%,92%{opacity:1}98%,to{opacity:.38}}@keyframes qrs-row1{0%,54%{opacity:0;translate:0 8px}58%,92%{opacity:1;translate:0 0}97%,to{opacity:0}}@keyframes qrs-row2{0%,57%{opacity:0;translate:0 8px}61%,92%{opacity:1;translate:0 0}97%,to{opacity:0}}@keyframes qrs-row3{0%,60%{opacity:0;translate:0 8px}64%,92%{opacity:1;translate:0 0}97%,to{opacity:0}}@keyframes qrs-row4{0%,63%{opacity:0;translate:0 8px}67%,92%{opacity:1;translate:0 0}97%,to{opacity:0}}@keyframes qrs-gauge{0%,56%{stroke-dashoffset:150.8}72%,92%{stroke-dashoffset:12}98%,to{stroke-dashoffset:150.8}}@keyframes qrs-gaugeTxt{0%,66%{opacity:0}72%,92%{opacity:1}97%,to{opacity:0}}@keyframes qrs-flag{0%,70%{opacity:0}73%{opacity:1}76%{opacity:.25}79%,92%{opacity:1}97%,to{opacity:0}}@keyframes qrs-note{0%,78%{opacity:0;translate:0 6px}82%,92%{opacity:1;translate:0 0}97%,to{opacity:0}}@keyframes qrs-lab1{0%,9%{opacity:0}13%,92%{opacity:1}97%,to{opacity:0}}@keyframes qrs-lab2{0%,38%{opacity:0}43%,92%{opacity:1}97%,to{opacity:0}}@keyframes qrs-lab3{0%,52%{opacity:0}57%,92%{opacity:1}97%,to{opacity:0}}@keyframes qrs-step1{0%,6%{opacity:.5;border-color:#e3e8f0}9%,33%{opacity:1;border-color:var(--cobo-blue)}36%,to{opacity:.5;border-color:#e3e8f0}}@keyframes qrs-step2{0%,33%{opacity:.5;border-color:#e3e8f0}36%,53%{opacity:1;border-color:var(--cobo-blue)}56%,to{opacity:.5;border-color:#e3e8f0}}@keyframes qrs-step3{0%,53%{opacity:.5;border-color:#e3e8f0}56%,93%{opacity:1;border-color:var(--cobo-blue)}97%,to{opacity:.5;border-color:#e3e8f0}}.cobo-2p__grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 20rem minmax(0,1fr);align-items:stretch;margin-top:3.2rem}.cobo-2p .qrs-pause{top:-4.8rem}.cobo-2p__part{display:flex;flex-direction:column;border-radius:20px;background:var(--c2p-card, var(--cobo-paper));border:1px solid var(--c2p-line, #e9e4d8);overflow:hidden;color:var(--cobo-ink)}.cobo-2p--cards-paper{--c2p-card: var(--cobo-paper, #f6f4ef);--c2p-line: #e9e4d8}.cobo-2p--cards-mist{--c2p-card: #f5f7fb;--c2p-line: #e3e8f0}.cobo-2p--cards-sky{--c2p-card: #edf6fd;--c2p-line: #d6e9f8}.cobo-2p--cards-white{--c2p-card: #ffffff;--c2p-line: #e3e8f0}.cobo-2p--cards-off{--c2p-card: transparent;--c2p-line: transparent}.cobo-2p--cards-off .cobo-2p__part{border-radius:0}.cobo-2p__art-wrap{padding:2rem 2rem 0}.cobo-2p__art{display:block;width:100%;height:34rem}.cobo-2p__art text,.cobo-2p__wire text{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}.cobo-2p__copy{display:flex;flex-direction:column;align-items:flex-start;gap:1.2rem;padding:2rem 3.2rem 3.2rem;flex:1}.cobo-2p__label{display:inline-flex;align-items:center;gap:.8rem;margin:0;font-size:1.2rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#5b6573}.cobo-2p__label span{display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--cobo-navy, #062b68);color:#fff;font-size:1.2rem;letter-spacing:0}.cobo-2p__title{margin:0;color:var(--cobo-ink)}.cobo-2p__text{color:#3b4656}.cobo-2p__text p{margin:0}.cobo-2p__link{display:flex;align-items:center;justify-content:center}.cobo-2p__wire{display:block;width:100%;height:auto;overflow:visible}.cobo-2p__wire--tall{display:none}.qrs.anim.cobo-2p .phone-in{animation:none;opacity:1;transform:none}.cobo-2p__halo-pulse{opacity:0;transform-box:fill-box;transform-origin:center}.qrs.anim .cobo-2p__halo-pulse{animation:qrs-halo 2.2s ease-out infinite}@keyframes qrs-halo{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.45)}}@media screen and (max-width:989px){.cobo-2p__grid{grid-template-columns:minmax(0,1fr)}.cobo-2p__art{height:auto}.cobo-2p__wire--wide{display:none}.cobo-2p__wire--tall{display:block;width:24rem;margin:0 auto}.cobo-2p__copy{padding:1.6rem 2rem 2.4rem}.cobo-2p__part--board .cobo-2p__copy{order:-1;padding:2.4rem 2rem .4rem}.cobo-2p__part--board .cobo-2p__art-wrap{padding-bottom:2rem}.cobo-2p .qrs-pause{top:-4.4rem}}.qrs-pause [hidden]{display:none}
/*# sourceMappingURL=/cdn/shop/t/6/assets/cobo-qr-scan.css.map */