.sk-lit{--sk-angle:90deg;--sk-altitude:30deg;--sk-intensity:1;--sk-lx:cos(var(--sk-angle));--sk-ly:calc(-1 * sin(var(--sk-angle)));--sk-len:calc(cos(var(--sk-altitude)) / .866);--sk-away:calc(270deg - var(--sk-angle));--sk-ground:#afafaf;--sk-accent:#01ffdd}.sk-knob{--sk-cap:#d4d4d4;--sk-rim:#121212;--sk-rim-w:.092em;--sk-sheen:48%;--sk-shade:9%;--sk-edge:.95;--sk-bloom:1;--sk-lift:1;--sk-mark-top:.065em;--sk-mark-len:.085em;--sk-mark-w:.024em;--sk-flip:1;--sk-cast:1;touch-action:none;cursor:grab;border-radius:50%;outline:none;width:1em;height:1em;position:relative}.sk-knob:active{cursor:grabbing}.sk-knob[data-preset=dark]{--sk-cap:#4f4f4f;--sk-rim:#1b1b1b;--sk-rim-w:.083em;--sk-sheen:9%;--sk-shade:22%;--sk-edge:.12;--sk-bloom:0;--sk-lift:.75;--sk-mark-top:.067em;--sk-mark-len:.1em;--sk-mark-w:.025em}.sk-knob[data-preset=small-silver],.sk-knob[data-preset=small-dark]{--sk-rim-w:.092em;--sk-edge:.12;--sk-bloom:0;--sk-lift:1;--sk-flip:-1;--sk-mark-top:.08em;--sk-mark-len:.13em;--sk-mark-w:.04em}.sk-knob[data-preset=small-silver]{--sk-cap:#999;--sk-sheen:78%;--sk-shade:37%;--sk-mark:#101010;--sk-ring:#787878;--sk-ring-hi:#a3a3a3;--sk-ring-lo:#555}.sk-knob[data-preset=small-dark]{--sk-cap:#535353;--sk-sheen:26%;--sk-shade:28%;--sk-ring:#404040;--sk-ring-hi:#585858;--sk-ring-lo:#303030}.sk-knob>*{pointer-events:none;border-radius:50%;position:absolute}.sk-knob__ambient{background:linear-gradient(var(--sk-away), rgb(255 255 255/calc(.6 * var(--sk-intensity) * var(--sk-bloom))) 10%, #fff0 50%, rgb(0 0 0/calc(.2 * var(--sk-intensity) * var(--sk-bloom))) 85%);inset:-.42em;-webkit-mask-image:radial-gradient(closest-side,#000 52%,#0000 100%);mask-image:radial-gradient(closest-side,#000 52%,#0000 100%)}.sk-knob__rim{background:linear-gradient(var(--sk-away), color-mix(in srgb, var(--sk-rim), #fff 6%), var(--sk-rim) 50%, color-mix(in srgb, var(--sk-rim), #000 40%));box-shadow: calc(var(--sk-lx) * .012em) calc(var(--sk-ly) * .012em) .004em rgb(255 255 255/calc(.75 * var(--sk-intensity))),  calc(var(--sk-lx) * -.05em * var(--sk-len) * var(--sk-lift)) calc(var(--sk-ly) * -.05em * var(--sk-len) * var(--sk-lift)) calc(.06em * var(--sk-lift)) -.01em rgb(0 0 0/calc(.45 * var(--sk-intensity) * var(--sk-cast))),  calc(var(--sk-lx) * -.12em * var(--sk-len) * var(--sk-lift)) calc(var(--sk-ly) * -.12em * var(--sk-len) * var(--sk-lift)) calc(.2em * var(--sk-lift)) calc(-.06em * var(--sk-lift)) rgb(0 0 0/calc(.3 * var(--sk-intensity) * var(--sk-cast)));transition:box-shadow .12s ease-out;inset:0}.sk-knob__cap{inset:var(--sk-rim-w);background:linear-gradient(calc(var(--sk-away) + (1 - var(--sk-flip)) * 90deg), color-mix(in srgb, var(--sk-cap), #fff calc(var(--sk-sheen) * var(--sk-intensity))), var(--sk-cap), color-mix(in srgb, var(--sk-cap), #000 calc(var(--sk-shade) * var(--sk-intensity))));box-shadow:inset calc(var(--sk-lx) * -.05em * var(--sk-flip)) calc(var(--sk-ly) * -.05em * var(--sk-flip)) .02em rgb(255 255 255/calc(var(--sk-edge) * var(--sk-intensity))), inset calc(var(--sk-lx) * .015em * var(--sk-flip)) calc(var(--sk-ly) * .015em * var(--sk-flip)) .03em rgb(0 0 0/calc(.2 * var(--sk-intensity))), 0 0 0 .006em color-mix(in srgb, var(--sk-rim), #fff 18%)}.sk-knob__socket{inset:calc(-1 * var(--sk-socket-w,.079em));background:linear-gradient(var(--sk-away), color-mix(in srgb, var(--sk-ground), #000 calc(20% * var(--sk-intensity))), color-mix(in srgb, var(--sk-ground), #fff calc(50% * var(--sk-intensity))));box-shadow:calc(var(--sk-lx) * .012em) calc(var(--sk-ly) * .012em) 0 rgb(255 255 255/calc(.12 * var(--sk-intensity)))}.sk-knob[data-socket] .sk-knob__rim{background:var(--sk-ring-lo);box-shadow:inset 0 0 .006em .035em var(--sk-ring-lo), inset 0 0 .006em .048em var(--sk-ring), inset 0 0 .006em .085em var(--sk-ring-hi), calc(var(--sk-lx) * -.08em * var(--sk-len) * var(--sk-lift)) calc(var(--sk-ly) * -.08em * var(--sk-len) * var(--sk-lift)) calc(.1em * var(--sk-lift)) 0 rgb(0 0 0/calc(.2 * var(--sk-intensity))), calc(var(--sk-lx) * -.26em * var(--sk-len) * var(--sk-lift)) calc(var(--sk-ly) * -.26em * var(--sk-len) * var(--sk-lift)) calc(.22em * var(--sk-lift)) calc(-.07em * var(--sk-lift)) rgb(0 0 0/calc(.7 * var(--sk-intensity)))}.sk-knob[data-socket] .sk-knob__rim:after{content:"";border-radius:inherit;background:linear-gradient(var(--sk-away), rgb(255 255 255/calc(.12 * var(--sk-intensity))), rgb(0 0 0/calc(.1 * var(--sk-intensity))));position:absolute;inset:0}.sk-knob__dial{inset:var(--sk-rim-w);transform:rotate(var(--sk-turn,0deg))}.sk-knob__mark{left:50%;top:var(--sk-mark-top);width:var(--sk-mark-w);height:var(--sk-mark-len);margin-left:calc(var(--sk-mark-w) / -2);border-radius:calc(var(--sk-mark-w) / 2);background:var(--sk-mark,color-mix(in srgb, var(--sk-cap), #000 52%));box-shadow:0 .006em 0 rgb(255 255 255/calc(.5 * var(--sk-intensity)));position:absolute}.sk-knob[data-mark=accent] .sk-knob__mark{background:var(--sk-accent);box-shadow:0 0 .03em var(--sk-accent), 0 0 .07em color-mix(in srgb, var(--sk-accent), var(--sk-cap) 45%)}.sk-knob:focus-visible .sk-knob__rim{outline:2px solid var(--sk-accent);outline-offset:.05em}.sk-knob__scale{border:.0125em solid var(--sk-print,color-mix(in srgb, var(--sk-ground), #000 38%));box-shadow:0 0 0 .005em rgb(255 255 255/calc(.22 * var(--sk-intensity))), inset 0 0 0 .005em rgb(255 255 255/calc(.22 * var(--sk-intensity)));-webkit-mask-image:conic-gradient(#000 0 var(--sk-sweep), #0000 var(--sk-sweep) calc(360deg - var(--sk-sweep)), #000 0);mask-image:conic-gradient(#000 0 var(--sk-sweep), #0000 var(--sk-sweep) calc(360deg - var(--sk-sweep)), #000 0);inset:-.098em}.sk-knob>.sk-knob__label{font-family:var(--font-sans);letter-spacing:.01em;color:var(--sk-print,color-mix(in srgb, var(--sk-ground), #000 58%));text-shadow:calc(var(--sk-lx) * -.08em) calc(var(--sk-ly) * -.08em) 0 rgb(255 255 255/calc(.3 * var(--sk-intensity)));white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:0;font-size:.085em;line-height:1;transform:translate(-50%,-50%)}.sk-button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.sk-button:active{cursor:pointer}.sk-button[aria-pressed=true]{--sk-lift:0}.sk-knob[data-shape=pill]{--sk-cap:#949494;--sk-rim-w:.088em;--sk-socket-w:.088em;--sk-led-top:-.272em;--sk-lift:1.2;height:1.544em}.sk-button[data-shape=pill][aria-pressed=true]{--sk-lift:0}.sk-knob[data-shape=pill],.sk-knob[data-shape=pill]>*{border-radius:9999px}.sk-knob[data-shape=pill]>.sk-led{--sk-led-size:.123em}.sk-knob>.sk-led,.sk-switch>.sk-led{--sk-led-size:.095em;left:var(--sk-led-left,50%);top:var(--sk-led-top,-.243em);width:var(--sk-led-size);height:var(--sk-led-size);margin:calc(var(--sk-led-size) / -2) 0 0 calc(var(--sk-led-size) / -2);box-shadow:calc(var(--sk-lx) * -.015em) calc(var(--sk-ly) * -.015em) 0 rgb(255 255 255/calc(.6 * var(--sk-intensity)));background:radial-gradient(closest-side,#4a4a4a,#333);border-radius:50%}.sk-knob>.sk-led[data-on],.sk-switch>.sk-led[data-on]{background:var(--sk-accent);box-shadow:0 0 .03em var(--sk-accent), 0 0 .13em color-mix(in srgb, var(--sk-accent), var(--sk-ground) 50%)}.sk-switch{width:2.055em;height:1em;color:inherit;font-family:var(--font-sans);cursor:pointer;touch-action:manipulation;background:0 0;border:0;outline:none;padding:0;position:relative}.sk-switch>*{pointer-events:none;position:absolute}.sk-switch__bezel{background:linear-gradient(var(--sk-away), color-mix(in srgb, var(--sk-ground), #000 calc(37% * var(--sk-intensity))) 40%, color-mix(in srgb, var(--sk-ground), #fff calc(39% * var(--sk-intensity))) 60%);border-radius:9999px;inset:0}.sk-switch:focus-visible .sk-switch__bezel{outline:2px solid var(--sk-accent);outline-offset:.05em}.sk-switch__track{box-shadow:0 0 0 .02em #4c4c4c, inset calc(var(--sk-lx) * -.04em) calc(var(--sk-ly) * -.04em) .05em rgb(0 0 0/calc(.35 * var(--sk-intensity)));background:#5c5c5c;border-radius:9999px;inset:.14em}.sk-slide[aria-checked=true] .sk-switch__track{background:radial-gradient(ellipse .75em .5em at 64% 50%, color-mix(in srgb, var(--sk-accent) 18%, #0000), #0000), #575757}.sk-slide[aria-checked=true] .sk-switch__bezel{background:radial-gradient(ellipse 1.1em .8em at 62% 55%, color-mix(in srgb, var(--sk-accent) 18%, #0000), #0000), linear-gradient(var(--sk-away), color-mix(in srgb, var(--sk-ground), #000 calc(37% * var(--sk-intensity))) 40%, color-mix(in srgb, var(--sk-ground), #fff calc(39% * var(--sk-intensity))) 60%)}.sk-switch__label{top:50%;left:var(--sk-label-x);letter-spacing:.01em;white-space:nowrap;-webkit-user-select:none;user-select:none;color:#2d2d2d;text-shadow:calc(var(--sk-lx) * -.05em) calc(var(--sk-ly) * -.05em) 0 rgb(255 255 255/calc(.12 * var(--sk-intensity)));font-size:.33em;font-weight:700;line-height:1;transform:translate(-50%,-50%)}.sk-switch__label[data-lit]{color:var(--sk-accent);text-shadow:0 0 .15em var(--sk-accent), 0 0 .5em color-mix(in srgb, var(--sk-accent) 60%, #0000)}.sk-switch__thumb{--sk-cap:#c6c6c6;background:linear-gradient(calc(var(--sk-away) + 180deg), color-mix(in srgb, var(--sk-cap), #fff calc(45% * var(--sk-intensity))), var(--sk-cap), color-mix(in srgb, var(--sk-cap), #000 calc(15% * var(--sk-intensity))));width:.58em;height:.58em;box-shadow:inset calc(var(--sk-lx) * -.03em) calc(var(--sk-ly) * -.03em) .005em rgb(255 255 255/calc(1 * var(--sk-intensity))), 0 0 0 .018em #3a3a3a, calc(var(--sk-lx) * -.08em * var(--sk-len)) calc(var(--sk-ly) * -.08em * var(--sk-len)) .09em rgb(0 0 0/calc(.55 * var(--sk-intensity)));transform:translateX(var(--sk-thumb-x,0em));border-radius:50%;margin-top:-.29em;transition:transform .16s cubic-bezier(.3,.7,.4,1);top:50%;left:.21em}.sk-slide[aria-checked=false] .sk-switch__thumb{--sk-thumb-x:1.055em}.sk-rocker__body{background:#e0e0e0;border-radius:9999px;inset:.14em;box-shadow:0 0 0 .02em #3a3a3a}.sk-rocker__half{--sk-rocker:#e0e0e0;background:linear-gradient(var(--sk-hinge), var(--sk-rocker), color-mix(in srgb, var(--sk-rocker), #000 3%));width:.8875em;box-shadow:calc(var(--sk-lx) * -.05em * var(--sk-len)) calc(var(--sk-ly) * -.05em * var(--sk-len)) .05em rgb(0 0 0/calc(.6 * var(--sk-intensity))), calc(var(--sk-lx) * -.28em * var(--sk-len)) calc(var(--sk-ly) * -.28em * var(--sk-len)) .24em -.05em rgb(0 0 0/calc(.5 * var(--sk-intensity)));z-index:1;top:.14em;bottom:.14em}.sk-rocker__half[data-side=off]{--sk-hinge:to right;--sk-outer:to left;border-radius:9999px 0 0 9999px;left:.14em}.sk-rocker__half[data-side=on]{--sk-hinge:to left;--sk-outer:to right;border-radius:0 9999px 9999px 0;right:.14em}.sk-rocker__half[data-pressed]{background:linear-gradient(var(--sk-outer), #0000 15%, rgb(0 0 0/calc(.3 * var(--sk-intensity)))), linear-gradient(calc(var(--sk-away) + 180deg), color-mix(in srgb, var(--sk-rocker), #fff calc(15% * var(--sk-intensity))), var(--sk-rocker), color-mix(in srgb, var(--sk-rocker), #000 calc(15% * var(--sk-intensity))));box-shadow:none;z-index:2}.sk-rocker__sheen{box-shadow:inset calc(var(--sk-lx) * -.03em) calc(var(--sk-ly) * -.03em) .01em rgb(255 255 255/calc(.75 * var(--sk-intensity))), inset calc(var(--sk-lx) * .02em) calc(var(--sk-ly) * .02em) .01em rgb(255 255 255/calc(.6 * var(--sk-intensity)));z-index:3;border-radius:9999px;inset:.14em}.sk-rocker__divider{width:.02em;height:.44em;box-shadow:-.02em 0 0 rgb(255 255 255/calc(.6 * var(--sk-intensity)));z-index:4;background:#5c5c5c;margin:-.22em 0 0 -.01em;top:50%;left:50%}.sk-switch>.sk-rocker__label{z-index:4;color:#555;text-shadow:calc(var(--sk-lx) * -.05em) calc(var(--sk-ly) * -.05em) 0 rgb(255 255 255/calc(.5 * var(--sk-intensity)));font-size:.3em}.sk-switch>.sk-led{--sk-led-left:2.4em;--sk-led-top:50%;--sk-led-size:.127em}@media (prefers-reduced-motion:reduce){.sk-switch__thumb{transition:none}}.sk-power{--sk-cap:#b80719;--sk-seam:#2a4440;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:50%;outline:none;width:1em;height:1em;padding:0;position:relative}.sk-power>*,.sk-power__press>*{pointer-events:none;border-radius:50%;position:absolute}.sk-power__plate{background:linear-gradient(var(--sk-away), color-mix(in srgb, var(--sk-ground), #000 calc(12% * var(--sk-intensity))) 20%, color-mix(in srgb, var(--sk-ground), #fff calc(12% * var(--sk-intensity))) 80%);box-shadow:inset calc(var(--sk-lx) * .015em) calc(var(--sk-ly) * .015em) .006em rgb(255 255 255/calc(.55 * var(--sk-intensity)));inset:-.358em}.sk-power__well{background:linear-gradient(var(--sk-away), #0000 30%, rgb(0 0 0/calc(.85 * var(--sk-intensity))) 70%), radial-gradient(closest-side, #9a9a9a 80%, #1a1a1a 100%);inset:-.111em}.sk-power__press{transition:transform .11s ease-out,filter .11s ease-out;inset:0}.sk-power[aria-pressed=true] .sk-power__press{filter:brightness(.9);transform:scale(.965)}.sk-power__cap{background:linear-gradient(var(--sk-away), rgb(from var(--sk-cap) calc(r * (1 + .17 * var(--sk-intensity))) calc(g * (1 + .17 * var(--sk-intensity))) calc(b * (1 + .17 * var(--sk-intensity)))), var(--sk-cap), rgb(from var(--sk-cap) calc(r * (1 - .2 * var(--sk-intensity))) calc(g * (1 - .2 * var(--sk-intensity))) calc(b * (1 - .2 * var(--sk-intensity)))));box-shadow:0 0 0 .015em var(--sk-seam);inset:0}.sk-power__dish{background:linear-gradient(calc(var(--sk-away) + 180deg), rgb(from var(--sk-cap) calc(r * (1 + .2 * var(--sk-intensity))) calc(g * (1 + .2 * var(--sk-intensity))) calc(b * (1 + .2 * var(--sk-intensity)))), rgb(from var(--sk-cap) calc(r * .9) calc(g * .9) calc(b * .9)), rgb(from var(--sk-cap) calc(r * (1 - .38 * var(--sk-intensity))) calc(g * (1 - .38 * var(--sk-intensity))) calc(b * (1 - .38 * var(--sk-intensity)))));box-shadow:inset calc(var(--sk-lx) * .02em) calc(var(--sk-ly) * .02em) .01em rgb(from var(--sk-cap) calc(r * 1.3) calc(g * 1.3) calc(b * 1.3) / calc(.7 * var(--sk-intensity))), inset calc(var(--sk-lx) * -.02em) calc(var(--sk-ly) * -.02em) .02em rgb(0 0 0/calc(.25 * var(--sk-intensity)));inset:.105em}.sk-power__press>.sk-power__glyph,.sk-power__press>.sk-power__lamp{border-radius:0;inset:.327em}.sk-power__lamp>.sk-power__glyph{position:absolute;inset:0}.sk-power__glyph{background:rgb(from var(--sk-cap) calc(r * .38) calc(g * .38) calc(b * .38));-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cg fill='none' stroke='%23000' stroke-width='4.2' stroke-linecap='round'%3E%3Cpath d='M7.01 10.01A9.4 9.4 0 1 0 20.99 10.01'/%3E%3Cpath d='M14 2.1V9.9'/%3E%3C/g%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cg fill='none' stroke='%23000' stroke-width='4.2' stroke-linecap='round'%3E%3Cpath d='M7.01 10.01A9.4 9.4 0 1 0 20.99 10.01'/%3E%3Cpath d='M14 2.1V9.9'/%3E%3C/g%3E%3C/svg%3E") 50%/contain no-repeat}.sk-power__press>.sk-power__glyph[data-lip]{background:rgb(from var(--sk-cap) calc(r * 1.39) calc(g * 1.39) calc(b * 1.39));transform:translate(calc(var(--sk-lx) * -.018em), calc(var(--sk-ly) * -.018em))}.sk-power[aria-pressed=true] .sk-power__lamp>.sk-power__glyph{background:var(--sk-power-glow,var(--sk-accent))}.sk-power[aria-pressed=true] .sk-power__lamp{filter:drop-shadow(0 0 .03em var(--sk-power-glow,var(--sk-accent))) drop-shadow(0 0 .08em color-mix(in srgb, var(--sk-power-glow,var(--sk-accent)) 60%, #0000))}.sk-power[aria-pressed=true] .sk-power__press>.sk-power__glyph[data-lip]{background:0 0}.sk-power:focus-visible .sk-power__plate{outline:2px solid var(--sk-accent);outline-offset:.04em}@media (prefers-reduced-motion:reduce){.sk-power__press{transition:none}}.sk-transport{box-shadow:0 0 0 .016em color-mix(in srgb, var(--sk-ground), #fff calc(35% * var(--sk-intensity))), inset calc(var(--sk-lx) * -.03em) calc(var(--sk-ly) * -.03em) .04em rgb(0 0 0/calc(.6 * var(--sk-intensity)));background:#161616;border-radius:.117em;gap:.073em;padding:.067em .067em .05em;display:flex;position:relative}.sk-key{--sk-key:#a0a0a0;--sk-dish-lit:.85;--sk-dish-mid:1;--sk-dish-far:1.18;--sk-ink:var(--sk-print,color-mix(in srgb, var(--sk-ground), #000 75%));cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:.08em;outline:none;flex:none;width:1em;height:1em;padding:0;position:relative}.sk-key[data-key=record]{--sk-key:#cc3232;--sk-dish-lit:.69;--sk-dish-mid:.81;--sk-dish-far:1;--sk-ink:#ca3131}.sk-key>*,.sk-key__top>*{pointer-events:none;position:absolute}.sk-key__base{background:var(--sk-key);border-radius:.08em;inset:0;box-shadow:0 0 0 .012em #0c0c0c}.sk-key__top{inset:0}.sk-key__face{background:var(--sk-key);box-shadow:inset calc(var(--sk-lx) * -.017em) calc(var(--sk-ly) * -.017em) 0 rgb(from var(--sk-key) calc(r * 1.12) calc(g * 1.12) calc(b * 1.12) / var(--sk-intensity)), inset calc(var(--sk-lx) * .012em) calc(var(--sk-ly) * .012em) 0 rgb(0 0 0/calc(.12 * var(--sk-intensity)));border-radius:.08em;inset:0}.sk-key__face,.sk-key__dish{transition:filter 90ms ease-out}.sk-key[aria-pressed=true] .sk-key__face,.sk-key[data-held] .sk-key__face{filter:brightness(.9);box-shadow:inset calc(var(--sk-lx) * -.05em) calc(var(--sk-ly) * -.05em) .06em rgb(0 0 0/calc(.35 * var(--sk-intensity))), inset calc(var(--sk-lx) * .012em) calc(var(--sk-ly) * .012em) 0 rgb(0 0 0/calc(.12 * var(--sk-intensity)))}.sk-key[aria-pressed=true] .sk-key__dish,.sk-key[data-held] .sk-key__dish{filter:brightness(.9)}.sk-key__dish{background:linear-gradient(calc(var(--sk-away) + 180deg), rgb(from var(--sk-key) calc(r * var(--sk-dish-far)) calc(g * var(--sk-dish-far)) calc(b * var(--sk-dish-far))), rgb(from var(--sk-key) calc(r * var(--sk-dish-mid)) calc(g * var(--sk-dish-mid)) calc(b * var(--sk-dish-mid))), rgb(from var(--sk-key) calc(r * var(--sk-dish-lit)) calc(g * var(--sk-dish-lit)) calc(b * var(--sk-dish-lit))));width:.87em;height:.87em;box-shadow:inset calc(var(--sk-lx) * .017em) calc(var(--sk-ly) * .017em) .008em rgb(255 255 255/calc(.3 * var(--sk-intensity))), calc(var(--sk-lx) * .01em) calc(var(--sk-ly) * .01em) 0 rgb(255 255 255/calc(.15 * var(--sk-intensity)));border-radius:50%;margin:-.435em 0 0 -.435em;top:50%;left:50%}.sk-key>.sk-key__glyph{width:.2em;height:.2em;-webkit-mask:var(--sk-glyph) center / contain no-repeat;mask:var(--sk-glyph) center / contain no-repeat;background:var(--sk-ink);margin-left:-.1em;top:1.158em;left:50%}.sk-key>.sk-key__glyph[data-lip]{background:rgb(255 255 255/calc(.35 * var(--sk-intensity)));transform:translate(calc(var(--sk-lx) * -.017em), calc(var(--sk-ly) * -.017em))}.sk-key[data-key=pause]>.sk-key__glyph{--sk-glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Crect x='3.6' y='3' width='1.9' height='6'/%3E%3Crect x='6.5' y='3' width='1.9' height='6'/%3E%3C/svg%3E")}.sk-key[data-key=play]>.sk-key__glyph{--sk-glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M4 3L9 6L4 9Z'/%3E%3C/svg%3E")}.sk-key[data-key=rewind]>.sk-key__glyph{--sk-glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M6 3L1 6L6 9ZM11 3L6 6L11 9Z'/%3E%3C/svg%3E")}.sk-key[data-key=forward]>.sk-key__glyph{--sk-glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M1 3L6 6L1 9ZM6 3L11 6L6 9Z'/%3E%3C/svg%3E")}.sk-key[data-key=stop]>.sk-key__glyph{--sk-glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Crect x='3' y='3' width='6' height='6'/%3E%3C/svg%3E")}.sk-key[data-key=record]>.sk-key__glyph{--sk-glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Ccircle cx='6' cy='6' r='3'/%3E%3C/svg%3E")}.sk-key:focus-visible .sk-key__base{outline:2px solid var(--sk-accent);outline-offset:.03em}@media (prefers-reduced-motion:reduce){.sk-key__face,.sk-key__dish{transition:none}}.sk-joystick{--sk-jx:0;--sk-jy:0;cursor:grab;touch-action:none;border-radius:50%;outline:none;width:1em;height:1em;position:relative}.sk-joystick[data-dragging]{cursor:grabbing}.sk-joystick>*{pointer-events:none;border-radius:50%;position:absolute}.sk-joystick__plate{background:linear-gradient(var(--sk-away), color-mix(in srgb, var(--sk-ground), #000 calc(12% * var(--sk-intensity))) 20%, color-mix(in srgb, var(--sk-ground), #fff calc(12% * var(--sk-intensity))) 80%);box-shadow:inset calc(var(--sk-lx) * .015em) calc(var(--sk-ly) * .015em) .006em rgb(255 255 255/calc(.3 * var(--sk-intensity)));inset:-.19em}.sk-joystick__boot{background:linear-gradient(var(--sk-away), color-mix(in srgb, #1c1c1c, #d2d2d2 calc(min(100%, 100% * var(--sk-intensity)))) 12%, #1c1c1c 85%);box-shadow:inset 0 0 0 .02em #222, inset calc(var(--sk-lx) * -.06em) calc(var(--sk-ly) * -.06em) .04em rgb(0 0 0/calc(.75 * var(--sk-intensity))), inset 0 0 .05em #00000080;inset:0}.sk-joystick__stick{--sk-throw:.4em;background:linear-gradient(var(--sk-away), #313131, #161616);width:.57em;height:.57em;box-shadow:inset calc(var(--sk-jx) * -.045em) calc(var(--sk-jy) * -.045em) .025em -.012em color-mix(in srgb, var(--sk-accent) calc(var(--sk-jmag,0) * 40%), #0000), inset calc(var(--sk-lx) * -.012em) calc(var(--sk-ly) * -.012em) 0 rgb(255 255 255/calc(.25 * var(--sk-intensity))),  calc(var(--sk-lx) * -.05em * var(--sk-len)) calc(var(--sk-ly) * -.05em * var(--sk-len)) .07em rgb(0 0 0/calc(.55 * var(--sk-intensity))), calc(var(--sk-lx) * -.19em * var(--sk-len)) calc(var(--sk-ly) * -.19em * var(--sk-len)) .32em -.02em rgb(0 0 0/calc(.75 * var(--sk-intensity)));transform:translate(calc(var(--sk-jx) * var(--sk-throw)), calc(var(--sk-jy) * var(--sk-throw)));filter:brightness(calc(1 + .35 * (var(--sk-jx) * var(--sk-lx) + var(--sk-jy) * var(--sk-ly)) * var(--sk-intensity)));margin:-.28em 0 0 -.285em;transition:transform .26s cubic-bezier(.34,1.56,.64,1),filter .26s ease-out;top:50%;left:50%}.sk-joystick[data-dragging] .sk-joystick__stick{transition:none}.sk-joystick>.sk-joystick__arrow{--sk-on:0;width:.1em;height:.1em;filter:drop-shadow(0 0 .03em color-mix(in srgb, var(--sk-accent) calc(var(--sk-on) * 100%), #0000)) drop-shadow(0 0 .08em color-mix(in srgb, var(--sk-accent) calc(var(--sk-on) * 60%), #0000));transform:rotate(var(--sk-arrow-turn)) translateY(-.835em);border-radius:0;margin:-.05em 0 0 -.05em;top:50%;left:50%}.sk-joystick__arrow:before,.sk-joystick__arrow:after{content:"";position:absolute;inset:0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M5 1.5L9.5 8.5L0.5 8.5Z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M5 1.5L9.5 8.5L0.5 8.5Z'/%3E%3C/svg%3E") 50%/contain no-repeat}.sk-joystick__arrow:before{background:rgb(255 255 255/calc(.3 * var(--sk-intensity) * (1 - var(--sk-on))));transform:rotate(calc(-1 * var(--sk-arrow-turn))) translate(calc(var(--sk-lx) * -.012em), calc(var(--sk-ly) * -.012em)) rotate(var(--sk-arrow-turn))}.sk-joystick__arrow:after{background:color-mix(in srgb, var(--sk-accent) calc(var(--sk-on) * 100%), color-mix(in srgb, var(--sk-ground), #000 55%))}.sk-joystick__arrow[data-dir=up]{--sk-arrow-turn:0deg}.sk-joystick__arrow[data-dir=right]{--sk-arrow-turn:90deg}.sk-joystick__arrow[data-dir=down]{--sk-arrow-turn:180deg}.sk-joystick__arrow[data-dir=left]{--sk-arrow-turn:270deg}.sk-joystick:focus-visible .sk-joystick__plate{outline:2px solid var(--sk-accent);outline-offset:.03em}@media (prefers-reduced-motion:reduce){.sk-joystick__stick{transition:none}}.sk-transport[data-variant=selector]{gap:.066em;padding:.05em}.sk-key[data-material=dark]{--sk-key:#6e6e6e;--sk-dish-lit:.59;--sk-dish-mid:.85;--sk-dish-far:1.32;--sk-ink:var(--sk-print,color-mix(in srgb, var(--sk-ground), #000 42%))}.sk-key__top>.sk-key__lamp{width:.245em;height:.245em;box-shadow:inset calc(var(--sk-lx) * -.02em) calc(var(--sk-ly) * -.02em) .015em rgb(0 0 0/calc(.6 * var(--sk-intensity))), calc(var(--sk-lx) * -.012em) calc(var(--sk-ly) * -.012em) 0 rgb(255 255 255/calc(.35 * var(--sk-intensity)));background:#404040;border-radius:50%;margin:-.1225em 0 0 -.1225em;top:50%;left:50%}.sk-key[aria-checked=true] .sk-key__lamp{background:var(--sk-accent);box-shadow:0 0 .08em var(--sk-accent), 0 0 .28em color-mix(in srgb, var(--sk-accent) 45%, #0000)}.sk-key>.sk-key__label{font-family:var(--font-sans);letter-spacing:.01em;white-space:nowrap;color:var(--sk-ink);text-shadow:calc(var(--sk-lx) * -.06em) calc(var(--sk-ly) * -.06em) 0 rgb(255 255 255/calc(.35 * var(--sk-intensity)));-webkit-user-select:none;user-select:none;font-size:.17em;line-height:1;top:7.37647em;left:50%;transform:translate(-50%,-50%)}.sk-grille{flex-direction:column;align-items:center;gap:.187em;display:flex;position:relative}.sk-grille__row{gap:.346em;display:flex}.sk-grille__hole{background:radial-gradient(circle at calc(50% - var(--sk-lx) * 12%) calc(50% - var(--sk-ly) * 12%), #444 30%, #2a2a2a 80%);width:.654em;height:.654em;box-shadow:inset calc(var(--sk-lx) * -.1em) calc(var(--sk-ly) * -.1em) .05em rgb(0 0 0/calc(.8 * var(--sk-intensity))), 0 0 0 .08em rgb(255 255 255/calc(.4 * var(--sk-intensity))), calc(var(--sk-lx) * -.08em) calc(var(--sk-ly) * -.08em) 0 .02em rgb(255 255 255/calc(.3 * var(--sk-intensity)));border-radius:50%;flex:none;transition:background .12s ease-out,box-shadow .12s ease-out}.sk-grille__hole[data-lit]{z-index:1;background:var(--sk-accent);box-shadow:0 0 .4em var(--sk-accent), 0 0 1.1em color-mix(in srgb, var(--sk-accent) 55%, #0000);position:relative}@media (prefers-reduced-motion:reduce){.sk-grille__hole,.sk-knob__rim{transition:none}}