.qs-demo[data-astro-cid-y4kyfnbh]{--cycle:12s;aspect-ratio:4/3.3;width:min(100%,480px);line-height:1.3;position:relative;container-type:inline-size}.qs-demo[data-astro-cid-y4kyfnbh]>[data-astro-cid-y4kyfnbh]{font-size:2.6cqw}.qs-browser[data-astro-cid-y4kyfnbh]{border:1px solid var(--color-line-light-strong);background-color:var(--color-primary);border-radius:2.5cqw;position:absolute;inset:0;overflow:hidden;box-shadow:0 30px 60px -20px #0000008c}.qs-bar[data-astro-cid-y4kyfnbh]{background-color:color-mix(in srgb, var(--color-primary) 45%, #000);align-items:center;gap:2.5cqw;height:9cqw;padding-inline:3cqw;display:flex}.qs-dots[data-astro-cid-y4kyfnbh]{gap:1.2cqw;display:flex}.qs-dots[data-astro-cid-y4kyfnbh] i[data-astro-cid-y4kyfnbh]{background-color:#ffffff40;border-radius:999px;width:1.8cqw;height:1.8cqw}.qs-url[data-astro-cid-y4kyfnbh]{color:#ffffffb3;background-color:#ffffff14;border-radius:999px;flex:1;padding:1.1cqw 3cqw;font-size:2.3cqw}.qs-dl-icon[data-astro-cid-y4kyfnbh]{color:#fff;border-radius:1cqw;padding:1cqw;display:inline-flex}.qs-dl-icon[data-astro-cid-y4kyfnbh] svg[data-astro-cid-y4kyfnbh]{width:3cqw;height:3cqw}.qs-page[data-astro-cid-y4kyfnbh]{opacity:.3;flex-direction:column;gap:2.5cqw;padding:7cqw 6cqw;display:flex}.qs-line[data-astro-cid-y4kyfnbh]{background-color:#ffffff24;border-radius:999px;height:2cqw}.qs-line-s[data-astro-cid-y4kyfnbh]{background-color:#e2f97599;width:22cqw;height:1.4cqw}.qs-line-l[data-astro-cid-y4kyfnbh]{background-color:#ffffffd9;width:55cqw;height:4.5cqw}.qs-line-m[data-astro-cid-y4kyfnbh]{width:40cqw}.qs-btn[data-astro-cid-y4kyfnbh]{background-color:var(--color-accent);color:var(--color-primary);border-radius:999px;align-self:flex-start;align-items:center;gap:1.2cqw;margin-top:2.5cqw;padding:1.8cqw 4cqw;font-weight:600;display:inline-flex}.qs-btn[data-astro-cid-y4kyfnbh] svg[data-astro-cid-y4kyfnbh]{width:2.6cqw;height:2.6cqw}.qs-flyout[data-astro-cid-y4kyfnbh]{color:#fff;opacity:0;background-color:#2b2b2b;border:1px solid #ffffff1f;border-radius:2cqw;width:52cqw;padding:2.5cqw 3cqw 3cqw;position:absolute;top:10cqw;right:3cqw;box-shadow:0 12px 30px #0006}.qs-flyout-title[data-astro-cid-y4kyfnbh]{font-weight:600}.qs-file[data-astro-cid-y4kyfnbh]{gap:2.5cqw;margin-top:2.5cqw;display:flex}.qs-file-icon[data-astro-cid-y4kyfnbh]{background:linear-gradient(#3b82f6 0 35%,#e5e7eb 35%);border-radius:.6cqw;flex:none;width:4.5cqw;height:5.5cqw}.qs-file-text[data-astro-cid-y4kyfnbh]{flex:1;font-size:2.4cqw;display:grid}.qs-progress[data-astro-cid-y4kyfnbh],.qs-open[data-astro-cid-y4kyfnbh]{grid-area:2/1;margin-top:1.2cqw}.qs-progress[data-astro-cid-y4kyfnbh]{opacity:0;background-color:#ffffff26;border-radius:999px;align-self:center;height:.9cqw;overflow:hidden}.qs-progress[data-astro-cid-y4kyfnbh] span[data-astro-cid-y4kyfnbh]{background-color:var(--color-accent);width:100%;height:100%;display:block}.qs-open[data-astro-cid-y4kyfnbh]{text-underline-offset:.4cqw;border-radius:.6cqw;justify-self:start;padding:0 .6cqw;text-decoration:underline}.qs-app[data-astro-cid-y4kyfnbh]{color:#fff;background-color:#202020;border:1px solid #ffffff1f;border-radius:2cqw;width:44cqw;padding:0 3.5cqw 3cqw;position:absolute;top:13cqw;right:5cqw;box-shadow:0 20px 40px #00000080}.qs-app-bar[data-astro-cid-y4kyfnbh]{justify-content:space-between;align-items:center;height:6cqw;display:flex}.qs-app-m[data-astro-cid-y4kyfnbh]{background-color:#1f8a5b;border-radius:.6cqw;justify-content:center;align-items:center;width:3.2cqw;height:3.2cqw;font-size:2cqw;font-weight:800;display:inline-flex}.qs-app-ctrls[data-astro-cid-y4kyfnbh]{color:#fff9;font-size:2.2cqw}.qs-app-logo[data-astro-cid-y4kyfnbh]{width:30cqw;height:auto;margin-top:2cqw}.qs-app-h[data-astro-cid-y4kyfnbh]{margin-top:3.5cqw;font-size:3.4cqw;font-weight:600}.qs-field[data-astro-cid-y4kyfnbh]{border-left:.6cqw solid var(--color-accent);border-radius:.6cqw;flex-direction:column;margin-top:2.5cqw;padding:.5cqw 0 .5cqw 2cqw;display:flex}.qs-field-label[data-astro-cid-y4kyfnbh]{color:#fff9;font-size:2.2cqw}.qs-field-value[data-astro-cid-y4kyfnbh]{font-variant-numeric:tabular-nums;font-size:3.2cqw}.qs-id[data-astro-cid-y4kyfnbh]{outline:.5cqw solid var(--color-accent);outline-offset:.6cqw}.qs-status[data-astro-cid-y4kyfnbh]{align-items:center;gap:1.5cqw;margin-top:4cqw;font-size:2.4cqw;display:flex}.qs-status[data-astro-cid-y4kyfnbh] i[data-astro-cid-y4kyfnbh]{background-color:#2dd4a7;border-radius:999px;width:1.6cqw;height:1.6cqw}.qs-callout[data-astro-cid-y4kyfnbh]{background-color:var(--color-accent);color:var(--color-primary);white-space:nowrap;border-radius:999px;padding:1.6cqw 3cqw;font-weight:600;position:absolute;top:38cqw;right:51.5cqw}.qs-callout[data-astro-cid-y4kyfnbh]:after{content:"";border:1.8cqw solid #0000;border-right:0;border-left-color:var(--color-accent);position:absolute;top:50%;right:-1.6cqw;transform:translateY(-50%)}.qs-cursor[data-astro-cid-y4kyfnbh]{opacity:0;filter:drop-shadow(0 1px 2px #0006);width:4.5cqw;height:4.5cqw;position:absolute;top:0;left:0}@media (prefers-reduced-motion:no-preference){.qs-cursor[data-astro-cid-y4kyfnbh]{animation:qs-cursor var(--cycle) ease-in-out infinite}.qs-btn[data-astro-cid-y4kyfnbh]{animation:qs-click-btn var(--cycle) ease-out infinite}.qs-page[data-astro-cid-y4kyfnbh]{animation:qs-page var(--cycle) ease-out infinite}.qs-dl-icon[data-astro-cid-y4kyfnbh]{animation:qs-dl-icon var(--cycle) ease-out infinite}.qs-flyout[data-astro-cid-y4kyfnbh]{animation:qs-flyout var(--cycle) ease-out infinite}.qs-progress[data-astro-cid-y4kyfnbh]{animation:qs-progress-show var(--cycle) linear infinite}.qs-progress[data-astro-cid-y4kyfnbh] span[data-astro-cid-y4kyfnbh]{animation:qs-progress-fill var(--cycle) ease-in-out infinite}.qs-open[data-astro-cid-y4kyfnbh]{animation:qs-open var(--cycle) ease-out infinite}.qs-app[data-astro-cid-y4kyfnbh]{animation:qs-app var(--cycle) ease-out infinite}.qs-id[data-astro-cid-y4kyfnbh]{animation:qs-id var(--cycle) ease-out infinite}.qs-callout[data-astro-cid-y4kyfnbh]{animation:qs-callout var(--cycle) ease-out infinite}}@keyframes qs-cursor{0%,3%{opacity:0;transform:translate(80cqw,72cqw)}6%{opacity:1;transform:translate(80cqw,72cqw)}13%{transform:translate(20cqw,36cqw)}15%{transform:translate(20cqw,36cqw)scale(.85)}17%,30%{opacity:1;transform:translate(20cqw,36cqw)}37%{transform:translate(56cqw,23.8cqw)}39%{transform:translate(56cqw,23.8cqw)scale(.85)}41%{opacity:1;transform:translate(56cqw,23.8cqw)}50%{opacity:1;transform:translate(90cqw,76cqw)}54%,to{opacity:0;transform:translate(90cqw,76cqw)}}@keyframes qs-page{0%,44%,97%,to{opacity:1}48%,92%{opacity:.3}}@keyframes qs-click-btn{0%,14%,17%,to{filter:none;transform:none}15%{filter:brightness(1.1);transform:scale(.94)}}@keyframes qs-dl-icon{0%,16%,46%,to{background-color:#0000}18%,44%{background-color:#ffffff26}}@keyframes qs-flyout{0%,16%{opacity:0;transform:translateY(-1.5cqw)}19%,44%{opacity:1;transform:none}47%,to{opacity:0;transform:none}}@keyframes qs-progress-show{0%,33%{opacity:1}34%,to{opacity:0}}@keyframes qs-progress-fill{0%,19%{width:0}33%,to{width:100%}}@keyframes qs-open{0%,33%{opacity:0;box-shadow:none}35%{opacity:1;box-shadow:none}37%,42%{opacity:1;box-shadow:0 0 0 .5cqw var(--color-accent)}44%,to{opacity:1;box-shadow:none}}@keyframes qs-app{0%,44%{opacity:0;transform:scale(.9)}48%,92%{opacity:1;transform:none}97%,to{opacity:0;transform:none}}@keyframes qs-id{0%,52%{outline-color:#0000}56%,90%{outline-color:var(--color-accent)}94%,to{outline-color:#0000}}@keyframes qs-callout{0%,54%{opacity:0;transform:translate(-2cqw)}58%,90%{opacity:1;transform:none}95%,to{opacity:0;transform:none}}