.demo-panel[data-astro-cid-k4vtmuxs]{--shell:min(100%, var(--media-product-width,378px));width:var(--shell);aspect-ratio:1.04;min-height:0;padding:calc(5.2 * var(--shell) / 100);user-select:none;background:linear-gradient(165deg,#fff,#f0f0f1 62%,#e4e4e6);border-radius:4.6%;margin:0 auto;position:relative;box-shadow:inset 0 1px #fffffff2,0 1px 1px #0000000d,0 5px 12px #00000017,0 14px 30px #0000001f;container-type:inline-size}.face[data-astro-cid-k4vtmuxs]{color:#fff;background:radial-gradient(120% 100% at 24% 6%,#242427 0%,#141416 38%,#0a0a0b 100%);border-radius:2.2%;flex-direction:column;width:100%;height:100%;padding:6% 6.5% 4%;transition:filter .5s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff12,inset 0 2px 8px #000c}.face[data-astro-cid-k4vtmuxs]:after{content:"";pointer-events:none;background:linear-gradient(150deg,#ffffff24 0%,#ffffff08 15%,#fff0 34%);position:absolute;inset:0}.demo-panel[data-astro-cid-k4vtmuxs].off .face[data-astro-cid-k4vtmuxs]{filter:brightness(.42)saturate(.3)}.row[data-astro-cid-k4vtmuxs]{justify-content:space-between;align-items:flex-end;gap:1.5%;display:flex}.row[data-astro-cid-k4vtmuxs] .it{cursor:pointer;color:inherit;background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:.16em;padding:0;font-family:inherit;transition:transform .1s;display:flex}.row[data-astro-cid-k4vtmuxs] .it:active{transform:scale(.92)}.row[data-astro-cid-k4vtmuxs] .bar{opacity:0;background:#fff;border-radius:.5px;width:74%;height:1.3228cqw;transition:opacity .18s}.row[data-astro-cid-k4vtmuxs] .it.is-on .bar{opacity:1}.row[data-astro-cid-k4vtmuxs] .it svg{width:7.672cqw;height:auto;display:block;overflow:visible}.row[data-astro-cid-k4vtmuxs] .it .l{letter-spacing:.02em;white-space:nowrap;opacity:.9;font-size:2.381cqw;font-weight:500}.row[data-astro-cid-k4vtmuxs] .it.boxed svg{box-sizing:content-box;border:1.5px solid;border-radius:14%;padding:.16em .3em}.rule[data-astro-cid-k4vtmuxs]{background:#ffffff8c;height:1.5px;margin:3.6% 0}.mid[data-astro-cid-k4vtmuxs]{flex:1;justify-content:center;align-items:center;gap:6%;display:flex}.tb[data-astro-cid-k4vtmuxs]{cursor:pointer;color:#fff;background:0 0;border:1.5px solid #ffffffd9;border-radius:16%/24%;padding:.42em .62em;line-height:0;transition:transform .1s,background .15s}.tb[data-astro-cid-k4vtmuxs]:active{background:#ffffff24;transform:scale(.9)}.tb[data-astro-cid-k4vtmuxs] svg[data-astro-cid-k4vtmuxs]{fill:currentColor;width:5.5556cqw;height:auto;display:block}.num[data-astro-cid-k4vtmuxs]{align-items:flex-start;gap:.12em;display:flex}.num[data-astro-cid-k4vtmuxs] .u[data-astro-cid-k4vtmuxs]{margin-top:.32em;font-size:3.9683cqw;font-weight:600}.face[data-astro-cid-k4vtmuxs] .seg-off{opacity:.055}.bot[data-astro-cid-k4vtmuxs]{justify-content:space-between;align-items:center;gap:3%;padding-top:1%;display:flex}.lock[data-astro-cid-k4vtmuxs]{cursor:pointer;color:inherit;opacity:.5;background:0 0;border:0;flex-direction:column;align-items:center;gap:.16em;padding:0;font-family:inherit;transition:transform .1s;display:flex}.lock[data-astro-cid-k4vtmuxs].is-on{opacity:1}.lock[data-astro-cid-k4vtmuxs]:active{transform:scale(.9)}.lock[data-astro-cid-k4vtmuxs] svg[data-astro-cid-k4vtmuxs]{width:5.291cqw;height:auto;display:block}.lock[data-astro-cid-k4vtmuxs] .l[data-astro-cid-k4vtmuxs]{font-size:2.381cqw;font-weight:500}.pwr[data-astro-cid-k4vtmuxs]{cursor:pointer;color:#e8332a;background:0 0;border:1.8px solid #e8332a;border-radius:16%/22%;padding:.3em .58em;line-height:0;transition:transform .1s,box-shadow .3s}.pwr[data-astro-cid-k4vtmuxs]:active{transform:scale(.9)}.pwr[data-astro-cid-k4vtmuxs].is-on{color:#ff4a40;border-color:#ff4a40;box-shadow:0 0 12px #e8332a80}.pwr[data-astro-cid-k4vtmuxs] svg[data-astro-cid-k4vtmuxs]{width:6.8783cqw;height:auto;display:block}.night[data-astro-cid-k4vtmuxs]{align-items:center;gap:.34em;display:flex}.night[data-astro-cid-k4vtmuxs] button[data-astro-cid-k4vtmuxs]{cursor:pointer;color:#fff;opacity:.38;background:0 0;border:0;padding:0;font-family:inherit;font-size:5.5556cqw;font-weight:500;line-height:0;transition:opacity .25s,transform .1s}.night[data-astro-cid-k4vtmuxs] button[data-astro-cid-k4vtmuxs].is-on{opacity:1}.night[data-astro-cid-k4vtmuxs] button[data-astro-cid-k4vtmuxs]:active{transform:scale(.9)}.night[data-astro-cid-k4vtmuxs] svg[data-astro-cid-k4vtmuxs]{width:5.8201cqw;height:auto;display:block}.led[data-astro-cid-k4vtmuxs]{aspect-ratio:1;background:#28c93f;border-radius:50%;width:2.381cqw;min-height:0;transition:background .4s,box-shadow .4s;position:absolute;bottom:1.6%;left:50%;transform:translate(-50%);box-shadow:0 0 7px #28c93fd9}.demo-panel[data-astro-cid-k4vtmuxs].off .led[data-astro-cid-k4vtmuxs]{box-shadow:none;background:#1d3f22}