.qw-charging-demo{--qw-text:#263c42;--qw-muted:#263c42;--qw-line:rgba(38,60,66,.14);--qw-panel:#fff;--qw-stage:#071010;--qw-yellow:#f3d233;--qw-green:#38d947;--qw-blue:#2287f5;--qw-red:#ff2929;background:#f7f9f8;padding:clamp(2.75rem,5.8vw,5.25rem) 0}.qw-charging-demo__inner{display:flex;flex-direction:column;margin-inline:auto;width:min(1180px,calc(100% - 2rem))}.qw-charging-demo__head-wrap{margin-inline:auto;text-align:center;width:100%}.qw-charging-demo__head{margin-inline:auto;text-align:center;width:min(760px,100%)}.qw-charging-demo__eyebrow,.qw-charging-demo__intro,.qw-charging-demo__intro p,.qw-charging-demo__title{text-align:center}.qw-charging-demo__eyebrow,.qw-charging-demo__intro,.qw-charging-demo__title{margin-left:auto;margin-right:auto}.qw-charging-demo__intro{display:block}.qw-charging-demo__intro p{margin:0}.qw-charging-demo__stage{background:var(--qw-stage);border:1px solid hsla(0,0%,100%,.08);border-radius:8px;box-shadow:0 18px 52px rgba(19,39,44,.14);margin:clamp(1.65rem,3.6vw,3rem) auto .95rem;max-width:860px;order:2;overflow:hidden;width:100%}.qw-charging-demo__image-stack{aspect-ratio:16/7.6;display:grid;place-items:center;position:relative;width:100%}.qw-charging-demo__image{height:112%;max-width:none;object-fit:contain;object-position:right center;opacity:0;position:absolute;right:50%;top:50%;transform:translate(55%,-50%) scale(.985);transition:opacity .26s ease,transform .36s ease;width:auto}.qw-charging-demo__image.is-active{opacity:1;transform:translate(55%,-50%) scale(1)}.qw-charging-demo__empty{color:hsla(0,0%,100%,.72);display:grid;min-height:320px;padding:2rem;place-items:center;text-align:center}.qw-charging-demo__empty.has-image{display:none}.qw-charging-demo__status-wrap{display:grid;gap:.8rem;justify-items:center;order:3}.qw-charging-demo__status-controls{display:flex;flex-wrap:wrap;gap:.65rem;justify-content:center}.qw-charging-demo__status{--status-color:var(--qw-green);--status-soft:rgba(56,217,71,.16);--status-border:rgba(56,217,71,.7);align-items:center;appearance:none;background:#fff;border:1px solid var(--status-border);border-radius:999px;color:var(--qw-text);cursor:pointer;display:inline-flex;font:inherit;font-size:.84rem;font-weight:700;gap:.45rem;line-height:1;min-height:40px;padding:.38rem .78rem;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.qw-charging-demo__status--yellow{--status-color:var(--qw-yellow);--status-soft:rgba(243,210,51,.22);--status-border:rgba(198,168,12,.8)}.qw-charging-demo__status--blue{--status-color:var(--qw-blue);--status-soft:rgba(34,135,245,.14);--status-border:rgba(34,135,245,.72)}.qw-charging-demo__status--red{--status-color:var(--qw-red);--status-soft:rgba(255,41,41,.13);--status-border:rgba(255,41,41,.72)}.qw-charging-demo__status-dot{background:var(--status-color);border-radius:999px;box-shadow:0 0 0 3px var(--status-soft);height:.72rem;width:.72rem}.qw-charging-demo__status.is-active,.qw-charging-demo__status:focus-visible,.qw-charging-demo__status:hover{background:var(--status-soft);border-color:var(--status-color);box-shadow:0 0 0 4px var(--status-soft)}.qw-charging-demo__cta:focus-visible,.qw-charging-demo__status:focus-visible,.qw-charging-demo__tab:focus-visible{outline:2px solid var(--qw-text);outline-offset:3px}.qw-charging-demo__status.is-active{transform:translateY(-1px)}.qw-charging-demo__status-texts{align-items:center;color:var(--qw-text);display:flex;font-size:.9rem;justify-content:center;line-height:1.55;max-width:680px;min-height:clamp(2.5rem,4vw,3.35rem);text-align:center}.qw-charging-demo__status-text{color:var(--qw-text);margin:0}.qw-charging-demo__payment{margin:.35rem auto 0;max-width:860px;order:4;width:100%}.qw-charging-demo__tabs{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr))}.qw-charging-demo__tab{align-items:center;appearance:none;background:transparent;border:0;border-bottom:2px solid var(--qw-line);color:var(--qw-text);cursor:pointer;display:inline-flex;font:inherit;font-size:.9rem;font-weight:700;gap:.65rem;justify-content:center;line-height:1.2;min-height:48px;padding:.7rem .75rem;transition:border-color .18s ease,color .18s ease,background-color .18s ease}.qw-charging-demo__panel-icon,.qw-charging-demo__tab-icon{align-items:center;display:inline-flex;flex:0 0 auto;justify-content:center}.qw-charging-demo__tab-icon svg{fill:currentColor;height:23px;width:23px}.qw-charging-demo__tab-icon img{display:block;height:23px;object-fit:contain;width:23px}.qw-charging-demo__tab.is-active,.qw-charging-demo__tab:hover{border-color:var(--qw-yellow)}.qw-charging-demo__instruction{margin-top:1rem}.qw-charging-demo__panel{align-items:start;background:var(--qw-panel);border:1px solid var(--qw-line);border-radius:8px;box-shadow:0 18px 42px rgba(19,39,44,.08);display:grid;gap:1.1rem;grid-template-columns:auto minmax(0,1fr);min-height:116px;padding:clamp(1rem,2vw,1.35rem)}.qw-charging-demo__panel[hidden],.qw-charging-demo__status-text[hidden]{display:none}.qw-charging-demo__panel-icon{background:#ffdf22;border-radius:8px;color:var(--qw-text);height:50px;width:50px}.qw-charging-demo__panel-icon svg{fill:currentColor;height:25px;width:25px}.qw-charging-demo__panel-icon img{display:block;height:25px;object-fit:contain;width:25px}.qw-charging-demo__panel-copy h3{color:var(--qw-text);font-size:1rem;line-height:1.25;margin:0}.qw-charging-demo__panel-copy div{color:var(--qw-text);font-size:.95rem;line-height:1.6;margin-top:.38rem}.qw-charging-demo__panel-copy p{margin:0}.qw-charging-demo__cta-wrap{margin-top:1.6rem;text-align:center}.qw-charging-demo__cta{align-items:center;background:var(--qw-text);border-radius:8px;color:#fff;display:inline-flex;font-weight:700;justify-content:center;line-height:1;min-height:46px;padding:.78rem 1.15rem;text-decoration:none;transition:background-color .18s ease,transform .18s ease}.qw-charging-demo__cta:hover{background:#13272c;color:#fff;transform:translateY(-1px)}@media (max-width:760px){.qw-charging-demo{padding:clamp(2.25rem,10vw,3.5rem) 0}.qw-charging-demo__inner{width:min(100% - 1.25rem,1180px)}.qw-charging-demo__stage{margin-bottom:0;margin-top:.95rem;max-width:520px;order:3}.qw-charging-demo__image-stack{aspect-ratio:1/1}.qw-charging-demo__image{height:100%;right:0;top:0;transform:scale(.985);width:100%}.qw-charging-demo__image.is-active{transform:scale(1)}.qw-charging-demo__status-wrap{gap:.55rem;margin-top:1.35rem;order:2}.qw-charging-demo__status-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.qw-charging-demo__status{font-size:.8rem;justify-content:center;min-height:38px;min-width:0;padding-inline:.62rem}.qw-charging-demo__status-texts{font-size:.86rem}.qw-charging-demo__payment{margin-top:.5rem;order:4}.qw-charging-demo__tabs{gap:.35rem;grid-template-columns:1fr}.qw-charging-demo__tab{background:#fff;border:1px solid var(--qw-line);border-radius:8px;justify-content:flex-start;min-height:46px}.qw-charging-demo__tab.is-active{background:rgba(243,210,51,.18);border-color:var(--qw-yellow)}.qw-charging-demo__panel{gap:.85rem;grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.qw-charging-demo__cta,.qw-charging-demo__image,.qw-charging-demo__status,.qw-charging-demo__tab{transition:none}}