.ac-showcase{--ac-ink:#1b2534;--ac-muted:#65758c;--ac-line:#dfe6f1;--ac-panel:#f6f8fc;color:var(--ac-ink);min-width:0;scroll-margin-top:110px}.ac-intro{max-width:740px;text-align:center;margin:0 auto 42px}.ac-intro h2{font-size:clamp(30px,4vw,52px);line-height:1.12;letter-spacing:-.045em;margin:18px 0 24px}.ac-intro>p{font-size:17px;line-height:1.8;color:var(--ac-muted)}.ac-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.8fr);gap:48px;align-items:center}.ac-demo{--ac-glass:#ffffff8c;--ac-edge:#ffffffde;--ac-mark:#27394b;position:relative;overflow:hidden;border:1px solid var(--ac-line);border-radius:30px;background:radial-gradient(ellipse at 0 5%,#c6dff1,transparent 65%),radial-gradient(ellipse at 100% 100%,#f6d3d0,transparent 65%),#e6e5f7;box-shadow:0 22px 65px #34496815;min-width:0;color:var(--ac-mark)}.ac-demo-header{display:flex;align-items:center;gap:12px;padding:20px 22px 13px;font-size:10px;font-weight:600;letter-spacing:.08em}.ac-demo-header>span{flex:1}.ac-demo-header kbd{font:inherit;letter-spacing:0;padding:5px 8px;border-radius:7px;border:1px solid var(--ac-edge);background:var(--ac-glass)}.ac-demo-header button,.ac-demo-footer button{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--ac-glass);border:1px solid var(--ac-edge);color:inherit;cursor:pointer;font-size:14px}.ac-profile-tabs{display:flex;gap:5px;justify-content:center;margin:3px 16px 0}.ac-profile-tabs button{border:1px solid transparent;border-radius:9px;color:inherit;background:transparent;font:inherit;font-size:11px;padding:8px 13px;cursor:pointer}.ac-profile-tabs button[aria-pressed=true]{border-color:var(--ac-edge);background:var(--ac-glass);box-shadow:0 2px 8px #30445b12}.ac-scene{position:relative;direction:ltr;touch-action:pan-y;min-width:0}.ac-wheel-frame{margin:8px auto 0;width:100%;transition:opacity .3s,transform .3s}.ac-wheel-frame svg{display:block;width:100%;overflow:visible}.ac-app{outline:none;cursor:pointer;transform-origin:300px 300px}.ac-glass{fill:var(--ac-glass);stroke:var(--ac-edge);stroke-width:1.2}.ac-app.is-selected .ac-glass,.ac-app:hover .ac-glass,.ac-app:focus-visible .ac-glass{fill:#80b5ff75;stroke:#fff;stroke-width:2.4}.ac-app image{pointer-events:none;filter:drop-shadow(0 3px 3px #263a5226)}.ac-running{fill:var(--ac-mark)}.ac-halo{fill:none;stroke:var(--ac-glass);stroke-width:110}.ac-center-surface{fill:var(--ac-glass);stroke:var(--ac-edge);stroke-width:1.3}.ac-tools circle{fill:var(--ac-glass);stroke:var(--ac-edge);stroke-width:1}.ac-tools path,.ac-group-toggle path{fill:none;stroke:var(--ac-mark);stroke-width:2.1;stroke-linejoin:round;stroke-linecap:round}.ac-group-toggle,.ac-tools [role=button],.ac-group [role=button]{cursor:pointer;outline:none}.ac-group-toggle:hover circle,.ac-group-toggle:focus-visible circle{stroke:#2783ff;stroke-width:2}.ac-group text{text-anchor:middle;fill:var(--ac-mark);font-size:15px;font-weight:600}.ac-group .ac-group-name{font-size:12px;font-weight:400}.ac-group-launch{fill:#2783ff}.ac-group [role=button] text{fill:white;font-size:12px}.ac-arc{cursor:ns-resize;outline:none}.ac-arc path{fill:none;stroke-linecap:round}.ac-arc-track{stroke:var(--ac-glass);stroke-width:24}.ac-arc-fill{stroke:#2379eb;stroke-width:8;transition:d .45s ease}.ac-arc.volume .ac-arc-fill{stroke:#6765da}.ac-arc-hit{stroke:transparent;stroke-width:40;touch-action:none}.ac-arc-thumb{fill:#fff;stroke:#d8e4f1;stroke-width:1;pointer-events:none;filter:drop-shadow(0 1px 3px #18283a36)}.ac-arc text{fill:var(--ac-mark);text-anchor:middle;font-size:23px;pointer-events:none}.ac-arc text.ac-arc-value{font-size:13px;font-weight:600}.ac-arc:focus-visible .ac-arc-track{stroke:#4a96f1;stroke-width:27}.ac-recent{display:flex;align-items:center;flex-direction:column;gap:8px;margin:-28px 0 12px;font-size:10px;font-weight:500}.ac-recent>div{display:flex;gap:10px;direction:ltr;position:relative}.ac-recent button{display:grid;place-items:center;border:1px solid var(--ac-edge);background:var(--ac-glass);border-radius:50%;padding:9px;cursor:pointer}.ac-recent img{object-fit:contain}.ac-demo-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 22px 8px;border-top:1px solid #fff8;font-size:12px;line-height:1.5}.ac-demo-disclosure{font-size:10px;line-height:1.7;color:inherit;opacity:.85;padding:0 22px 17px;margin:0}.ac-launch-note{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%) scale(.95);max-width:80%;font-size:20px;font-weight:600;line-height:1.5;opacity:0;background:var(--ac-glass);border:1px solid var(--ac-edge);border-radius:20px;padding:25px;text-align:center;pointer-events:none;transition:opacity .3s,transform .3s}.ac-scene[data-phase=launch] .ac-launch-note{opacity:1;transform:translate(-50%,-50%) scale(1)}.ac-scene[data-phase=launch] .ac-wheel-frame{opacity:.15;transform:scale(.92)}.ac-theme-options{display:flex;gap:7px;flex-wrap:wrap}.ac-theme-options button{font:inherit;font-size:12px;line-height:1.3;padding:10px 13px;border-radius:11px;background:var(--ac-panel);border:1px solid var(--ac-line);color:var(--ac-ink);cursor:pointer}.ac-theme-options button[aria-pressed=true]{border-color:#2379eb;color:#2379eb;box-shadow:inset 0 0 0 1px #2379eb}.ac-brightness-note{font-size:12px;line-height:1.75;color:var(--ac-muted);margin:20px 0 30px}.ac-feature-list{display:grid;gap:20px}.ac-feature-list article{border-top:1px solid var(--ac-line);padding-top:18px}.ac-feature-list h3{font-size:17px;letter-spacing:-.02em;margin:0 0 8px}.ac-feature-list p{font-size:13px;line-height:1.8;color:var(--ac-muted);margin:0}.ac-showcase button:focus-visible{outline:3px solid #3b91ff;outline-offset:3px}.ac-hero{padding:0!important}.ac-hero .ac-theme-options{margin-top:18px}.ac-hero .ac-brightness-note{margin-bottom:0}.product-page>.ac-showcase,.product-page main>.ac-showcase{margin-block:70px}.ac-hero .ac-demo-disclosure{font-size:9px}
@media(prefers-color-scheme:dark){.product-page .ac-showcase{--ac-ink:#e8edf7;--ac-muted:#a2b1c9;--ac-line:#354050;--ac-panel:#222a35}.ac-demo{--ac-glass:#283744b8;--ac-edge:#bed8ee55;--ac-mark:#f0f7ff;background:radial-gradient(ellipse at 0 10%,#204c65,transparent 65%),radial-gradient(ellipse at 100% 100%,#523b5a,transparent 70%),#1a2535}.ac-demo-footer{border-color:#b5cde42b}.ac-arc-track{stroke:#b8d4e540}.ac-arc-fill{stroke:#59a8ff}.ac-arc.volume .ac-arc-fill{stroke:#b3a4ff}.ac-app.is-selected .ac-glass,.ac-app:hover .ac-glass,.ac-app:focus-visible .ac-glass{fill:#548ac475}}
@media(max-width:950px){.ac-layout{gap:30px;grid-template-columns:minmax(0,1fr) minmax(250px,.8fr)}.ac-demo-header{padding:16px}.ac-recent{margin-top:-20px}.ac-demo-footer{padding-inline:16px}.ac-demo-disclosure{padding-inline:16px}.ac-profile-tabs button{font-size:10px;padding:7px 10px}}
@media(max-width:700px){.ac-layout{grid-template-columns:1fr;gap:25px}.ac-intro{margin-bottom:28px}.ac-intro>p{font-size:15px}.ac-demo{border-radius:23px}.ac-theme-options{justify-content:center}.ac-feature-list{grid-template-columns:1fr 1fr;gap:20px}.ac-feature-list h3{font-size:15px}.ac-feature-list p{font-size:12px}.ac-demo-header{font-size:9px}.ac-demo-footer{font-size:11px}.ac-recent button{padding:7px}.ac-recent img{width:29px;height:29px}.ac-recent{margin-top:-16px}.ac-arc-hit{stroke-width:46}.ac-group text{font-size:15px}}
@media(max-width:390px){.ac-feature-list{grid-template-columns:1fr}.ac-theme-options button{font-size:11px;padding:9px}.ac-demo-header kbd{padding-inline:5px}.ac-profile-tabs{gap:2px}.ac-profile-tabs button{padding-inline:8px}}
@media(prefers-reduced-motion:reduce){.ac-showcase *{animation:none!important;transition:none!important}}

@keyframes ac-open{from{opacity:0;transform:translate(calc(var(--dx)*-.85),calc(var(--dy)*-.85)) rotate(-18deg) scale(.25)}to{opacity:1;transform:none}}
.ac-scene[data-phase=opening] .ac-app{animation:ac-open .6s cubic-bezier(.18,.8,.25,1) both;animation-delay:calc(var(--slot)*22ms)}
@media(prefers-reduced-motion:reduce){.ac-scene[data-phase=opening] .ac-app{animation:none!important}}

.ac-demo[data-appearance=dark]{--ac-glass:#283744b8;--ac-edge:#bed8ee55;--ac-mark:#f0f7ff;background:radial-gradient(ellipse at 0 10%,#204c65,transparent 65%),radial-gradient(ellipse at 100% 100%,#523b5a,transparent 70%),#1a2535}.ac-demo[data-appearance=dark] .ac-demo-footer{border-color:#b5cde42b}.ac-demo[data-appearance=dark] .ac-arc-track{stroke:#b8d4e540}.ac-demo[data-appearance=dark] .ac-arc-fill{stroke:#59a8ff}.ac-demo[data-appearance=dark] .ac-arc.volume .ac-arc-fill{stroke:#b3a4ff}.ac-demo[data-appearance=dark] .ac-app.is-selected .ac-glass,.ac-demo[data-appearance=dark] .ac-app:hover .ac-glass{fill:#548ac475}
.ac-demo[data-appearance=light]{--ac-glass:#ffffff8c;--ac-edge:#ffffffde;--ac-mark:#27394b;background:radial-gradient(ellipse at 0 5%,#c6dff1,transparent 65%),radial-gradient(ellipse at 100% 100%,#f6d3d0,transparent 65%),#e6e5f7}.ac-demo[data-appearance=light] .ac-demo-footer{border-color:#fff8}.ac-demo[data-appearance=light] .ac-arc-track{stroke:var(--ac-glass)}.ac-demo[data-appearance=light] .ac-arc-fill{stroke:#2379eb}.ac-demo[data-appearance=light] .ac-arc.volume .ac-arc-fill{stroke:#6765da}.ac-demo[data-appearance=light] .ac-app.is-selected .ac-glass,.ac-demo[data-appearance=light] .ac-app:hover .ac-glass{fill:#80b5ff75}.ac-demo-header [data-ac-appearance]{font-size:16px;width:27px;height:27px}.ac-demo-header [aria-pressed=true]{box-shadow:0 0 0 2px #2783ff80}.ac-demo-header{gap:8px}