@layer base{@scope(.media-skin){:scope{text-align:start;text-transform:none;letter-spacing:normal;font-style:normal;font-weight:400}:scope,*,:before,:after{box-sizing:border-box;border:0 solid;margin:0;padding:0}button{font:inherit;color:inherit;text-transform:none;letter-spacing:inherit;appearance:none;background:0 0}img,svg,media-icon{max-width:100%;display:block}svg[fill=currentColor]{fill:currentColor}svg[fill=none]{fill:none}svg[stroke=currentColor]{stroke:currentColor}video{border-radius:inherit;object-fit:var(--media-object-fit,contain);object-position:var(--media-object-position,center);width:100%;max-width:100%;height:100%;display:block}media-icon>svg{width:100%;height:100%}media-tooltip-group,media-dialog,media-alert-dialog,media-error-dialog,media-controls{display:contents}[hidden][hidden]{display:none!important}}@media (prefers-reduced-motion:no-preference){.media-skin{interpolate-size:allow-keywords}}@supports not selector(:popover-open){:where(.media-skin) [popover]:not([data-open],[data-ending-style]){display:none!important}.media-skin:is([data-preset=audio],[data-preset=live-audio]){overflow:visible!important}}}@layer components{@scope(.media-skin){:scope{--media-caption-track-duration:var(--media-duration-controls);--media-caption-track-delay:25ms;--media-caption-track-y:calc(var(--media-spacing) * -3)}video::-webkit-media-text-track-container{z-index:20;scale:.98;translate:0 var(--media-caption-track-y);transition:translate var(--media-caption-track-duration) ease-out;transition-delay:var(--media-caption-track-delay);font-family:inherit}:scope[data-controls-visible]{--media-caption-track-y:var(--media-caption-controls-y)}:scope[data-theme=compat] video::-webkit-media-text-track-container{translate:none;scale:none;transform:translateY(var(--media-caption-track-y,0px)) scale(.98);transition-property:transform}@container media-root (width<42rem){:scope[data-theme=default][data-controls-visible] video{--media-caption-track-y:calc(var(--media-spacing) * -14)}:scope[data-theme=neutral][data-controls-visible] video{--media-caption-track-y:calc(var(--media-spacing) * -17)}}}@font-face{font-family:Kon Doto;font-style:normal;font-display:swap;font-weight:100 900;src:url(./doto-Cy2ndtyN.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kon Doto;font-style:normal;font-display:swap;font-weight:100 900;src:url(./doto-ext-sLBPzHsa.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}.kon{--kon-shell:#e9e5e0;--kon-shell-light:#f0ede8;--kon-shell-shade:#ddd8d2;--kon-shell-edge:#8f8780;--kon-ink:#3d3a38;--kon-ink-soft:#5c5752;--kon-metal:#3f3c3c;--kon-metal-light:#565252;--kon-metal-dark:#211f20;--kon-glass:#1e1c1c;--kon-glass-line:#ffffff80;--kon-glass-text:#f1efe9;--kon-glass-soft:#b4b1aa;--kon-veil:#1a181680;--kon-veil-blur:blur(24px) saturate(1.6);--kon-veil-line:#ffffff2e;--kon-veil-hover:#ffffff1a;--kon-veil-shadow:inset 0 1px 0 #ffffff24, 0 18px 44px #00000052;--kon-panel-fill:var(--kon-glass);--kon-panel-text:#e9e6e4;--kon-panel-title:#ece8e5;--kon-panel-soft:#e9e6e499;--kon-panel-row:#fffaf70f;--kon-panel-row-hover:#fffaf71c;--kon-panel-row-on:#0d0c0c;--kon-ring:22px;--kon-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");--kon-screen-radius:max(8px, calc(var(--kon-unit) * 12));--kon-row-height:var(--kon-tap);--kon-accent:var(--media-accent-color,#ff6410);--kon-accent-light:color-mix(in oklab, var(--kon-accent), white 12%);--kon-accent-dark:color-mix(in oklab, var(--kon-accent), black 12%);--kon-accent-shade:color-mix(in oklab, var(--kon-accent), black 60%);--kon-accent-text:var(--media-accent-text-color,#fff);--kon-accent-ink:color-mix(in oklab, var(--kon-accent), black 78%);--kon-accent-fill:linear-gradient(180deg, var(--kon-accent-light), var(--kon-accent) 70%, var(--kon-accent-dark));--kon-dome-fill:linear-gradient(170deg, color-mix(in oklab, var(--kon-accent), #e8e0da 12%), color-mix(in oklab, var(--kon-accent), #9a8a80 14%));--kon-dome-ring:#2c1812;--kon-violet:#6b59bb;--kon-blue:#4677b8;--kon-amber:#f4b41f;--kon-sage:#5c9a6b;--kon-focus-halo:var(--kon-shell-light);--kon-focus:0 0 0 2px var(--kon-glass), 0 0 0 4px var(--kon-focus-halo);--kon-lip:#fffcfa;--kon-lip-soft:#fffcfad9;--kon-slot-lip:#fff9;--kon-groove-shade:#3c302a73;--kon-groove-shade-soft:#3c302a4d;--kon-dial-fill:var(--kon-grain), radial-gradient(circle at 34% 26%, #f6f2ee, var(--kon-shell) 58%, var(--kon-shell-shade));--kon-dial-shadow:inset 0 2px 1px #ffffffd9, inset 0 -4px 6px #786e642e, 0 0 0 max(.75px, calc(var(--kon-unit) * 1)) #24201dbf, 1.5px 2px 0 #24201d;--kon-dial-rim:conic-gradient(#f2eee9 0deg, #c6bfb9 45deg, #918a84 90deg, #7a736d 135deg, #78716b 180deg, #a39c96 225deg, #e2ddd8 270deg, #fbf8f5 315deg, #f2eee9 360deg);--kon-dial-crease:linear-gradient(to bottom right, #fffefc 15%, #fffefc80 40%, #fffefc00 55%);--kon-dimple-fill:linear-gradient(135deg, #bdb8b0, #dedad4 45%, #f6f4f0);--kon-dimple-lip:#ffffff80;--kon-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .075 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");--kon-shell-fill:var(--kon-grain), radial-gradient(130% 110% at 15% 0%, #fffdfa38, transparent 60%), linear-gradient(180deg, #ede8e4, #e9e4e0 60%, #e4ded9);--kon-tile-shadow:inset 0 1.5px 0 #ffffffb3, inset 1.5px 0 0 #ffffff59, inset 0 -1.5px 0 #6e645c59, 0 1px 1px #28221e73, var(--kon-module-shadow);--kon-chamfer-top:max(2.5px, calc(var(--kon-unit) * 6.5));--kon-chamfer-right:max(3px, calc(var(--kon-unit) * 7.5));--kon-chamfer-bottom:max(2.5px, calc(var(--kon-unit) * 6.5));--kon-chamfer-left:max(3px, calc(var(--kon-unit) * 8.5));--kon-chamfer:var(--kon-chamfer-left);--kon-chamfer-fill:linear-gradient(to bottom, #fffdfa 0, #f7f3f0 1px, #f7f3f0 var(--kon-chamfer-top), #f7f3f000 var(--kon-chamfer-reach,calc(var(--kon-unit) * 38)), #a0968f00 calc(100% - var(--kon-chamfer-reach,calc(var(--kon-unit) * 38))), #b0a7a1 calc(100% - var(--kon-chamfer-bottom)), #8e857f calc(100% - 2px), #7c746e), linear-gradient(to right, #e8e2dd 0, #f1ece8 var(--kon-chamfer-left), #e2dbd6 var(--kon-chamfer-reach,calc(var(--kon-unit) * 38)), #d5ccc6 calc(100% - var(--kon-chamfer-reach,calc(var(--kon-unit) * 38))), #bfb6b0 calc(100% - var(--kon-chamfer-right)), #9a918b calc(100% - 2px), #8a827c);--kon-crease-width:1.5px;--kon-crease:linear-gradient(to bottom right, #fffefc 0, #fffefcd9 20%, #fffdfb73 34%, #fffdfb00 47%, #fffdfb00 60%, #fffdfb1a 78%, #fffdfb47);--kon-bevel:inset 0 0 0 1.5px #837a74, inset 1.5px 2px 3px var(--kon-chamfer-top) #fffcf940;--kon-device-shadow:0 calc(var(--kon-unit) * 3) calc(var(--kon-unit) * 4) #0f0a06b3, calc(var(--kon-unit) * 6) calc(var(--kon-unit) * 18) calc(var(--kon-unit) * 30) #19120c9e, calc(var(--kon-unit) * 18) calc(var(--kon-unit) * 60) calc(var(--kon-unit) * 130) #231a12c7;--kon-module-shadow:0 calc(var(--kon-unit) * 3) calc(var(--kon-unit) * 4) #0f0a06a6, calc(var(--kon-unit) * 6) calc(var(--kon-unit) * 16) calc(var(--kon-unit) * 28) #19120c99, calc(var(--kon-unit) * 16) calc(var(--kon-unit) * 54) calc(var(--kon-unit) * 120) #231a12b8;--kon-key-fill:var(--kon-grain), linear-gradient(180deg, #ebe6e2, #e4dfdb);--kon-key-shadow:inset 0 1.5px 1px #fffcf9f2, inset 1.5px 0 2px #fffcf966, inset -2px -3px 4px #5a4c4429, 0 0 0 1px #786e664d, 1px 2px 1.5px #3c322cb3, calc(var(--kon-unit) * 3) calc(var(--kon-unit) * 6) calc(var(--kon-unit) * 10) #281e1838;--kon-key-shadow-pressed:inset 0 2px 4px #3c322a5c, 0 0 0 1px #6e645c99;--kon-ease:cubic-bezier(.2, .8, .2, 1);--kon-fast:var(--media-duration-fast,.1s);--kon-medium:var(--media-duration,.15s);--kon-slow:var(--media-duration-slower,.25s);--kon-dial-glide:.3s;--kon-tap:44px;--kon-font:var(--media-font-family,"Helvetica Neue", Helvetica, Arial, system-ui, sans-serif);--kon-font-dots:"Kon Doto", var(--kon-font)}:is(video-player,.kon)[color-scheme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:is(video-player,.kon)[color-scheme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@supports (color:light-dark(red, red)){.kon{--kon-shell:var(--lightningcss-light,#e9e5e0)var(--lightningcss-dark,#3b3836);--kon-shell-light:var(--lightningcss-light,#f0ede8)var(--lightningcss-dark,#45423f);--kon-shell-shade:var(--lightningcss-light,#ddd8d2)var(--lightningcss-dark,#322f2d);--kon-shell-edge:var(--lightningcss-light,#8f8780)var(--lightningcss-dark,#1c1a19);--kon-ink:var(--lightningcss-light,#3d3a38)var(--lightningcss-dark,#ece7e1);--kon-ink-soft:var(--lightningcss-light,#5c5752)var(--lightningcss-dark,#b5aea7);--kon-metal:var(--lightningcss-light,#3f3c3c)var(--lightningcss-dark,#262423);--kon-metal-light:var(--lightningcss-light,#565252)var(--lightningcss-dark,#34312f);--kon-metal-dark:var(--lightningcss-light,#211f20)var(--lightningcss-dark,#121111);--kon-glass:var(--lightningcss-light,#1e1c1c)var(--lightningcss-dark,#0a0909);--kon-focus-halo:var(--lightningcss-light,var(--kon-shell-light))var(--lightningcss-dark,#f1efe9);--kon-lip:var(--lightningcss-light,#fffcfa)var(--lightningcss-dark,#fffcfa29);--kon-lip-soft:var(--lightningcss-light,#fffcfad9)var(--lightningcss-dark,#fffcfa1a);--kon-slot-lip:var(--lightningcss-light,#fff9)var(--lightningcss-dark,#ffffff1f);--kon-groove-shade:var(--lightningcss-light,#3c302a73)var(--lightningcss-dark,#0009);--kon-groove-shade-soft:var(--lightningcss-light,#3c302a4d)var(--lightningcss-dark,#00000073);--kon-shell-fill:var(--kon-grain), radial-gradient(130% 110% at 15% 0%, var(--lightningcss-light,#fffdfa38)var(--lightningcss-dark,#fffdfa0f), transparent 60%), linear-gradient(180deg, var(--lightningcss-light,#ede8e4)var(--lightningcss-dark,#423f3d), var(--lightningcss-light,#e9e4e0)var(--lightningcss-dark,#3c3937) 60%, var(--lightningcss-light,#e4ded9)var(--lightningcss-dark,#363331));--kon-tile-shadow:inset 0 1.5px 0 var(--lightningcss-light,#ffffffb3)var(--lightningcss-dark,#ffffff29), inset 1.5px 0 0 var(--lightningcss-light,#ffffff59)var(--lightningcss-dark,#ffffff12), inset 0 -1.5px 0 var(--lightningcss-light,#6e645c59)var(--lightningcss-dark,#0006), 0 1px 1px var(--lightningcss-light,#28221e73)var(--lightningcss-dark,#0009), var(--kon-module-shadow);--kon-chamfer-fill:linear-gradient(to bottom, var(--lightningcss-light,#fffdfa)var(--lightningcss-dark,#6a6562) 0, var(--lightningcss-light,#f7f3f0)var(--lightningcss-dark,#5a5653) 1px, var(--lightningcss-light,#f7f3f0)var(--lightningcss-dark,#5a5653) var(--kon-chamfer-top), var(--lightningcss-light,#f7f3f000)var(--lightningcss-dark,#5a565300) var(--kon-chamfer-reach,calc(var(--kon-unit) * 38)), var(--lightningcss-light,#a0968f00)var(--lightningcss-dark,#1e1c1b00) calc(100% - var(--kon-chamfer-reach,calc(var(--kon-unit) * 38))), var(--lightningcss-light,#b0a7a1)var(--lightningcss-dark,#262423) calc(100% - var(--kon-chamfer-bottom)), var(--lightningcss-light,#8e857f)var(--lightningcss-dark,#1d1b1a) calc(100% - 2px), var(--lightningcss-light,#7c746e)var(--lightningcss-dark,#151413)), linear-gradient(to right, var(--lightningcss-light,#e8e2dd)var(--lightningcss-dark,#4a4643) 0, var(--lightningcss-light,#f1ece8)var(--lightningcss-dark,#55514e) var(--kon-chamfer-left), var(--lightningcss-light,#e2dbd6)var(--lightningcss-dark,#45413f) var(--kon-chamfer-reach,calc(var(--kon-unit) * 38)), var(--lightningcss-light,#d5ccc6)var(--lightningcss-dark,#363331) calc(100% - var(--kon-chamfer-reach,calc(var(--kon-unit) * 38))), var(--lightningcss-light,#bfb6b0)var(--lightningcss-dark,#2b2826) calc(100% - var(--kon-chamfer-right)), var(--lightningcss-light,#9a918b)var(--lightningcss-dark,#211f1e) calc(100% - 2px), var(--lightningcss-light,#8a827c)var(--lightningcss-dark,#1a1817));--kon-crease:linear-gradient(to bottom right, var(--lightningcss-light,#fffefc)var(--lightningcss-dark,#fffefc66) 0, var(--lightningcss-light,#fffefcd9)var(--lightningcss-dark,#fffefc52) 20%, var(--lightningcss-light,#fffdfb73)var(--lightningcss-dark,#fffdfb29) 34%, #fffdfb00 47%, #fffdfb00 60%, var(--lightningcss-light,#fffdfb1a)var(--lightningcss-dark,#fffdfb08) 78%, var(--lightningcss-light,#fffdfb47)var(--lightningcss-dark,#fffdfb14));--kon-bevel:inset 0 0 0 1.5px var(--lightningcss-light,#837a74)var(--lightningcss-dark,#141312), inset 1.5px 2px 3px var(--kon-chamfer-top) var(--lightningcss-light,#fffcf940)var(--lightningcss-dark,#fffcf90f);--kon-key-fill:var(--kon-grain), linear-gradient(180deg, var(--lightningcss-light,#ebe6e2)var(--lightningcss-dark,#46423f), var(--lightningcss-light,#e4dfdb)var(--lightningcss-dark,#3f3b39));--kon-key-shadow:inset 0 1.5px 1px var(--lightningcss-light,#fffcf9f2)var(--lightningcss-dark,#fffcf933), inset 1.5px 0 2px var(--lightningcss-light,#fffcf966)var(--lightningcss-dark,#fffcf914), inset -2px -3px 4px var(--lightningcss-light,#5a4c4429)var(--lightningcss-dark,#0000004d), 0 0 0 1px var(--lightningcss-light,#786e664d)var(--lightningcss-dark,#0000008c), 1px 2px 1.5px var(--lightningcss-light,#3c322cb3)var(--lightningcss-dark,#000000bf), calc(var(--kon-unit) * 3) calc(var(--kon-unit) * 6) calc(var(--kon-unit) * 10) var(--lightningcss-light,#281e1838)var(--lightningcss-dark,#00000059);--kon-key-shadow-pressed:inset 0 2px 4px var(--lightningcss-light,#3c322a5c)var(--lightningcss-dark,#0000008c), 0 0 0 1px var(--lightningcss-light,#6e645c99)var(--lightningcss-dark,#000000b3);--kon-dial-fill:var(--kon-grain), radial-gradient(circle at 34% 26%, var(--lightningcss-light,#f6f2ee)var(--lightningcss-dark,#4c4845), var(--kon-shell) 58%, var(--kon-shell-shade));--kon-dial-shadow:inset 0 2px 1px var(--lightningcss-light,#ffffffd9)var(--lightningcss-dark,#ffffff2e), inset 0 -4px 6px var(--lightningcss-light,#786e642e)var(--lightningcss-dark,#0000004d), 0 0 0 max(.75px, calc(var(--kon-unit) * 1)) var(--lightningcss-light,#24201dbf)var(--lightningcss-dark,#000c), 1.5px 2px 0 var(--lightningcss-light,#24201d)var(--lightningcss-dark,#0e0d0c);--kon-dial-rim:conic-gradient(var(--lightningcss-light,#f2eee9)var(--lightningcss-dark,#6b6663) 0deg, var(--lightningcss-light,#c6bfb9)var(--lightningcss-dark,#504c49) 45deg, var(--lightningcss-light,#918a84)var(--lightningcss-dark,#2e2b29) 90deg, var(--lightningcss-light,#7a736d)var(--lightningcss-dark,#232120) 135deg, var(--lightningcss-light,#78716b)var(--lightningcss-dark,#222020) 180deg, var(--lightningcss-light,#a39c96)var(--lightningcss-dark,#3a3735) 225deg, var(--lightningcss-light,#e2ddd8)var(--lightningcss-dark,#5f5a57) 270deg, var(--lightningcss-light,#fbf8f5)var(--lightningcss-dark,#76716d) 315deg, var(--lightningcss-light,#f2eee9)var(--lightningcss-dark,#6b6663) 360deg);--kon-dial-crease:linear-gradient(to bottom right, var(--lightningcss-light,#fffefc)var(--lightningcss-dark,#fffefc59) 15%, var(--lightningcss-light,#fffefc80)var(--lightningcss-dark,#fffefc26) 40%, #fffefc00 55%);--kon-dimple-fill:linear-gradient(135deg, var(--lightningcss-light,#bdb8b0)var(--lightningcss-dark,#2c2a28), var(--lightningcss-light,#dedad4)var(--lightningcss-dark,#3a3735) 45%, var(--lightningcss-light,#f6f4f0)var(--lightningcss-dark,#4a4643));--kon-dimple-lip:var(--lightningcss-light,#ffffff80)var(--lightningcss-dark,#ffffff1a)}}.kon{width:100%;aspect-ratio:var(--kon-ratio,16 / 9);anchor-scope:--kon-screen;color:var(--kon-ink);font-family:var(--kon-font);-webkit-font-smoothing:antialiased;font-size:13px;line-height:1.2;display:block;position:relative;container-type:inline-size}.kon:fullscreen{aspect-ratio:auto;background:#000;width:100%;height:100%}.kon media-controls-content{display:contents}.kon-deck{isolation:isolate;min-width:0;min-height:0;display:grid;position:absolute;inset:0}.kon-icon{width:1em;height:1em;transition:opacity var(--kon-fast) linear, scale var(--kon-fast) var(--kon-ease);grid-area:1/1;display:block}.kon-play-restart,.kon-play-play,.kon-play-pause,.kon-mute-off,.kon-mute-low,.kon-mute-high,.kon-pip-exit,.kon-airplay-exit,.kon-cast-exit,.kon-fullscreen-exit{opacity:0;scale:.8}media-play-button:not([data-paused]):not([data-ended]) .kon-play-pause,media-play-button[data-paused]:not([data-ended]) .kon-play-play,media-play-button[data-ended] .kon-play-restart,media-mute-button[data-muted] .kon-mute-off,media-mute-button[data-volume-level=off] .kon-mute-off,media-mute-button[data-volume-level=low]:not([data-muted]) .kon-mute-low,media-mute-button:is([data-volume-level=high],[data-volume-level=medium]):not([data-muted]) .kon-mute-high,media-pip-button[data-pip] .kon-pip-exit,media-airplay-button[data-airplay-state=connected] .kon-airplay-exit,media-cast-button[data-cast-state=connected] .kon-cast-exit,media-fullscreen-button[data-fullscreen] .kon-fullscreen-exit{opacity:1;scale:1}media-pip-button[data-pip] .kon-pip-enter,media-airplay-button[data-airplay-state=connected] .kon-airplay-enter,media-cast-button[data-cast-state=connected] .kon-cast-enter,media-fullscreen-button[data-fullscreen] .kon-fullscreen-enter{opacity:0;scale:.8}.kon-key{min-width:var(--kon-tap);max-width:calc(var(--kon-unit) * 88);height:max(var(--kon-tap), calc(var(--kon-unit) * 88));aspect-ratio:1;border-radius:max(12px, calc(var(--kon-unit) * 24));background:var(--kon-key-fill);box-shadow:var(--kon-key-shadow);color:var(--kon-ink);font-size:max(20px, calc(var(--kon-unit) * 38));cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:box-shadow var(--kon-fast) linear, translate var(--kon-fast) var(--kon-ease);flex:1 1 0;place-items:center;display:grid;position:relative}.kon-key-speed:before{content:attr(data-rate) "×";font-variant-numeric:tabular-nums;font-size:.7em;font-weight:500}.kon-key-text{letter-spacing:.01em;font-size:.8em;font-weight:500}.kon-key .kon-icon{stroke-width:2.4px}@media (hover:hover){.kon-key:not([aria-disabled=true]):hover{color:var(--kon-accent-dark)}}.kon-key:active,.kon-key[aria-expanded=true]{box-shadow:var(--kon-key-shadow-pressed);translate:0 1px}.kon-key-captions[data-active],.kon-key-mute[data-muted]{box-shadow:var(--kon-key-shadow-pressed);color:var(--kon-accent-dark)}.kon-key[aria-disabled=true]{color:var(--kon-shell-edge);cursor:default}.kon :is([data-hidden],[hidden]){display:none!important}.kon :is(.kon-key,.kon-latch,.kon-power,.kon-play,.kon-start,.kon-time,.kon-playhead,.kon-fader-thumb,.kon-filmstrip-frame):focus-visible,.kon-menu-item:focus-visible,.kon-sheet-x:focus-visible{box-shadow:var(--kon-focus);outline:none}.kon:focus,.kon:focus-visible{outline:none}.kon-visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.kon-display{z-index:3;min-width:0;min-height:0;padding:calc(var(--kon-unit) * 20);border-radius:calc(var(--kon-unit) * 54) calc(var(--kon-unit) * 54) calc(var(--kon-unit) * 44) calc(var(--kon-unit) * 44);--kon-chamfer-reach:calc(var(--kon-unit) * 50);background:var(--kon-shell-fill);box-shadow:var(--kon-bevel);display:grid;position:relative}.kon-deck:not([data-dock=overlay]) .kon-display{grid-area:1/1}.kon-deck:not([data-dock=overlay]):before{content:"";z-index:0;border-radius:calc(var(--kon-unit) * 54) calc(var(--kon-unit) * 54) calc(var(--kon-unit) * 44) calc(var(--kon-unit) * 44);box-shadow:var(--kon-device-shadow);pointer-events:none;grid-area:1/1}.kon-deck:not([data-dock=overlay]) :is(.kon-display,.kon-strip,.kon-tile):after{content:"";border:solid #0000;border-width:var(--kon-chamfer-top) var(--kon-chamfer-right) var(--kon-chamfer-bottom) var(--kon-chamfer-left);padding:var(--kon-crease-width);border-radius:inherit;background:var(--kon-crease), var(--kon-shell-fill), var(--kon-chamfer-fill);pointer-events:none;background-origin:padding-box,border-box,border-box,border-box,border-box,border-box;background-clip:padding-box,padding-box,padding-box,padding-box,border-box,border-box;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.kon-panel{grid-template-rows:minmax(0, auto) max(28px, calc(var(--kon-unit) * 48)) minmax(auto, 1fr);gap:calc(var(--kon-unit) * 14);min-width:0;min-height:0;padding:calc(var(--kon-unit) * 35) calc(var(--kon-unit) * 35) calc(var(--kon-unit) * 30);border-radius:calc(var(--kon-unit) * 38) calc(var(--kon-unit) * 38) calc(var(--kon-unit) * 28) calc(var(--kon-unit) * 28);background:var(--kon-glass);box-shadow:inset 0 0 0 calc(var(--kon-unit) * 4) #000, inset 0 calc(var(--kon-unit) * 6) calc(var(--kon-unit) * 8) #000000b3, 0 max(1px, calc(var(--kon-unit) * 2)) 0 var(--kon-lip), max(1px, calc(var(--kon-unit) * 1.5)) 0 0 var(--kon-lip-soft), 0 calc(var(--kon-unit) * -2) calc(var(--kon-unit) * 3) var(--kon-groove-shade), calc(var(--kon-unit) * -2) 0 calc(var(--kon-unit) * 3) var(--kon-groove-shade-soft);color:var(--kon-glass-text);display:grid}.kon-deck .kon-corner-play{display:none}.kon-deck[play=notch]:is([data-dock=rail],[data-dock=bottom]){--kon-corner-rim:calc(var(--kon-unit) * 20);--kon-corner-lip:calc(var(--kon-unit) * 5)}.kon-deck[play=notch]:is([data-dock=rail],[data-dock=bottom]) .kon-corner-play{--kon-play-size:var(--kon-corner-key,var(--kon-k,var(--kon-tap)));z-index:4;margin:calc(var(--kon-corner-rim) + var(--kon-corner-inset,0px));grid-area:1/1;place-self:end start;display:grid}.kon-deck[play=notch]:is([data-dock=rail],[data-dock=bottom]) :is(.kon-timeline,.kon-readout){margin-inline-start:var(--kon-corner-notch,0px)}@supports (clip-path:shape(from 0 0, hline to 1px)){.kon-deck[play=notch]:is([data-dock=rail],[data-dock=bottom]) .kon-panel{clip-path:shape(from calc(var(--kon-unit) * 38) calc(0px - var(--kon-corner-lip)), hline to calc(100% - var(--kon-unit) * 38), arc to calc(100% + var(--kon-corner-lip)) calc(var(--kon-unit) * 38) of calc(var(--kon-unit) * 38 + var(--kon-corner-lip)) cw, vline to calc(100% - var(--kon-unit) * 28), arc to calc(100% - var(--kon-unit) * 28) calc(100% + var(--kon-corner-lip)) of calc(var(--kon-unit) * 28 + var(--kon-corner-lip)) cw, hline to calc(var(--kon-corner-notch) + var(--kon-corner-round)), vline to 100%, arc to var(--kon-corner-notch) calc(100% - var(--kon-corner-round)) of var(--kon-corner-round) cw, vline to calc(100% - var(--kon-corner-centre)), arc to var(--kon-corner-centre) calc(100% - var(--kon-corner-notch)) of var(--kon-corner-bite) ccw, hline to var(--kon-corner-round), arc to 0 calc(100% - var(--kon-corner-notch) - var(--kon-corner-round)) of var(--kon-corner-round) cw, hline to calc(0px - var(--kon-corner-lip)), vline to calc(var(--kon-unit) * 38), arc to calc(var(--kon-unit) * 38) calc(0px - var(--kon-corner-lip)) of calc(var(--kon-unit) * 38 + var(--kon-corner-lip)) cw, close)}.kon-deck[play=notch]:is([data-dock=rail],[data-dock=bottom]) .kon-panel:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){clip-path:shape(from calc(100% - var(--kon-unit) * 38) calc(0px - var(--kon-corner-lip)), hline to calc(var(--kon-unit) * 38), arc to calc(0px - var(--kon-corner-lip)) calc(var(--kon-unit) * 38) of calc(var(--kon-unit) * 38 + var(--kon-corner-lip)) ccw, vline to calc(100% - var(--kon-unit) * 28), arc to calc(var(--kon-unit) * 28) calc(100% + var(--kon-corner-lip)) of calc(var(--kon-unit) * 28 + var(--kon-corner-lip)) ccw, hline to calc(100% - var(--kon-corner-notch) - var(--kon-corner-round)), vline to 100%, arc to calc(100% - var(--kon-corner-notch)) calc(100% - var(--kon-corner-round)) of var(--kon-corner-round) ccw, vline to calc(100% - var(--kon-corner-centre)), arc to calc(100% - var(--kon-corner-centre)) calc(100% - var(--kon-corner-notch)) of var(--kon-corner-bite) cw, hline to calc(100% - var(--kon-corner-round)), arc to 100% calc(100% - var(--kon-corner-notch) - var(--kon-corner-round)) of var(--kon-corner-round) ccw, hline to calc(100% + var(--kon-corner-lip)), vline to calc(var(--kon-unit) * 38), arc to calc(100% - var(--kon-unit) * 38) calc(0px - var(--kon-corner-lip)) of calc(var(--kon-unit) * 38 + var(--kon-corner-lip)) ccw, close)}}.kon-glass{display:none}.kon-deck[play=notch]:is([data-dock=rail],[data-dock=bottom]) .kon-glass{pointer-events:none;filter:drop-shadow(max(1px, calc(var(--kon-unit) * 1.5)) 0 0 var(--kon-lip-soft)) drop-shadow(0 calc(var(--kon-unit) * -2) calc(var(--kon-unit) * 3) var(--kon-groove-shade)) drop-shadow(calc(var(--kon-unit) * -2) 0 calc(var(--kon-unit) * 3) var(--kon-groove-shade-soft));grid-area:1/1;display:block;position:relative}.kon-deck[play=notch]:is([data-dock=rail],[data-dock=bottom]) .kon-glass:before,.kon-deck[play=notch]:is([data-dock=rail],[data-dock=bottom]) .kon-glass:after{content:"";border-radius:calc(var(--kon-unit) * 38) calc(var(--kon-unit) * 38) calc(var(--kon-unit) * 28) calc(var(--kon-unit) * 28);position:absolute;inset:0}.kon-deck[play=notch]:is([data-dock=rail],[data-dock=bottom]) .kon-glass-lip{--kon-glass-inset:0px;z-index:-1;border-radius:calc(var(--kon-unit) * 38) calc(var(--kon-unit) * 38) calc(var(--kon-unit) * 28) calc(var(--kon-unit) * 28);translate:0 max(1px, calc(var(--kon-unit) * 2));background:var(--kon-lip);-webkit-mask:linear-gradient(to top, #000 calc(max(var(--kon-unit) * 28, var(--kon-corner-round,0px)) + var(--kon-unit) * 4), transparent 0);mask:linear-gradient(to top, #000 calc(max(var(--kon-unit) * 28, var(--kon-corner-round,0px)) + var(--kon-unit) * 4), transparent 0);position:absolute;inset:0}.kon-deck[play=notch]:is([data-dock=rail],[data-dock=bottom]) .kon-glass:before{--kon-glass-inset:0px;background:#000}.kon-deck[play=notch]:is([data-dock=rail],[data-dock=bottom]) .kon-glass:after{--kon-glass-inset:calc(var(--kon-unit) * 4);inset:var(--kon-glass-inset);background:var(--kon-glass);box-shadow:inset 0 calc(var(--kon-unit) * 6) calc(var(--kon-unit) * 8) #000000b3}.kon-deck[play=notch]:is([data-dock=rail],[data-dock=bottom]) .kon-panel{box-shadow:none;background:0 0;grid-area:1/1}@supports (clip-path:shape(from 0 0, hline to 1px)){.kon-deck[play=notch]:is([data-dock=rail],[data-dock=bottom]) .kon-glass:after{inset:0}.kon-deck[play=notch]:is([data-dock=rail],[data-dock=bottom]) .kon-glass:before,.kon-deck[play=notch]:is([data-dock=rail],[data-dock=bottom]) .kon-glass:after,.kon-deck[play=notch]:is([data-dock=rail],[data-dock=bottom]) .kon-glass-lip{clip-path:shape(from calc(var(--kon-unit) * 38) var(--kon-glass-inset), hline to calc(100% - (var(--kon-unit) * 38)), arc to calc(100% - var(--kon-glass-inset)) calc(var(--kon-unit) * 38) of calc(var(--kon-unit) * 38 - var(--kon-glass-inset)) cw, vline to calc(100% - var(--kon-unit) * 28), arc to calc(100% - (var(--kon-unit) * 28)) calc(100% - var(--kon-glass-inset)) of calc(var(--kon-unit) * 28 - var(--kon-glass-inset)) cw, hline to calc(var(--kon-corner-notch) + var(--kon-corner-round)), arc to calc(var(--kon-corner-notch) + var(--kon-glass-inset)) calc(100% - var(--kon-corner-round)) of max(0px, var(--kon-corner-round) - var(--kon-glass-inset)) cw, vline to calc(100% - var(--kon-corner-centre)), arc to calc(var(--kon-corner-centre)) calc(100% - var(--kon-corner-notch) - var(--kon-glass-inset)) of calc(var(--kon-corner-bite) + var(--kon-glass-inset)) ccw, hline to calc(var(--kon-corner-round)), arc to calc(var(--kon-glass-inset)) calc(100% - var(--kon-corner-notch) - var(--kon-corner-round)) of max(0px, var(--kon-corner-round) - var(--kon-glass-inset)) cw, vline to calc(var(--kon-unit) * 38), arc to calc(var(--kon-unit) * 38) var(--kon-glass-inset) of calc(var(--kon-unit) * 38 - var(--kon-glass-inset)) cw, close);border-radius:0}.kon-deck[play=notch]:is([data-dock=rail],[data-dock=bottom]) .kon-glass:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{clip-path:shape(from calc(100% - (var(--kon-unit) * 38)) var(--kon-glass-inset), hline to calc(100% - (100% - (var(--kon-unit) * 38))), arc to calc(100% - (100% - var(--kon-glass-inset))) calc(var(--kon-unit) * 38) of calc(var(--kon-unit) * 38 - var(--kon-glass-inset)) ccw, vline to calc(100% - var(--kon-unit) * 28), arc to calc(100% - (100% - (var(--kon-unit) * 28))) calc(100% - var(--kon-glass-inset)) of calc(var(--kon-unit) * 28 - var(--kon-glass-inset)) ccw, hline to calc(100% - (var(--kon-corner-notch) + var(--kon-corner-round))), arc to calc(100% - (var(--kon-corner-notch) + var(--kon-glass-inset))) calc(100% - var(--kon-corner-round)) of max(0px, var(--kon-corner-round) - var(--kon-glass-inset)) ccw, vline to calc(100% - var(--kon-corner-centre)), arc to calc(100% - (var(--kon-corner-centre))) calc(100% - var(--kon-corner-notch) - var(--kon-glass-inset)) of calc(var(--kon-corner-bite) + var(--kon-glass-inset)) cw, hline to calc(100% - (var(--kon-corner-round))), arc to calc(100% - (var(--kon-glass-inset))) calc(100% - var(--kon-corner-notch) - var(--kon-corner-round)) of max(0px, var(--kon-corner-round) - var(--kon-glass-inset)) ccw, vline to calc(var(--kon-unit) * 38), arc to calc(100% - (var(--kon-unit) * 38)) var(--kon-glass-inset) of calc(var(--kon-unit) * 38 - var(--kon-glass-inset)) ccw, close)}.kon-deck[play=notch]:is([data-dock=rail],[data-dock=bottom]) .kon-glass:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{clip-path:shape(from calc(100% - (var(--kon-unit) * 38)) var(--kon-glass-inset), hline to calc(100% - (100% - (var(--kon-unit) * 38))), arc to calc(100% - (100% - var(--kon-glass-inset))) calc(var(--kon-unit) * 38) of calc(var(--kon-unit) * 38 - var(--kon-glass-inset)) ccw, vline to calc(100% - var(--kon-unit) * 28), arc to calc(100% - (100% - (var(--kon-unit) * 28))) calc(100% - var(--kon-glass-inset)) of calc(var(--kon-unit) * 28 - var(--kon-glass-inset)) ccw, hline to calc(100% - (var(--kon-corner-notch) + var(--kon-corner-round))), arc to calc(100% - (var(--kon-corner-notch) + var(--kon-glass-inset))) calc(100% - var(--kon-corner-round)) of max(0px, var(--kon-corner-round) - var(--kon-glass-inset)) ccw, vline to calc(100% - var(--kon-corner-centre)), arc to calc(100% - (var(--kon-corner-centre))) calc(100% - var(--kon-corner-notch) - var(--kon-glass-inset)) of calc(var(--kon-corner-bite) + var(--kon-glass-inset)) cw, hline to calc(100% - (var(--kon-corner-round))), arc to calc(100% - (var(--kon-glass-inset))) calc(100% - var(--kon-corner-notch) - var(--kon-corner-round)) of max(0px, var(--kon-corner-round) - var(--kon-glass-inset)) ccw, vline to calc(var(--kon-unit) * 38), arc to calc(100% - (var(--kon-unit) * 38)) var(--kon-glass-inset) of calc(var(--kon-unit) * 38 - var(--kon-glass-inset)) ccw, close)}.kon-deck[play=notch]:is([data-dock=rail],[data-dock=bottom]) .kon-glass-lip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){clip-path:shape(from calc(100% - (var(--kon-unit) * 38)) var(--kon-glass-inset), hline to calc(100% - (100% - (var(--kon-unit) * 38))), arc to calc(100% - (100% - var(--kon-glass-inset))) calc(var(--kon-unit) * 38) of calc(var(--kon-unit) * 38 - var(--kon-glass-inset)) ccw, vline to calc(100% - var(--kon-unit) * 28), arc to calc(100% - (100% - (var(--kon-unit) * 28))) calc(100% - var(--kon-glass-inset)) of calc(var(--kon-unit) * 28 - var(--kon-glass-inset)) ccw, hline to calc(100% - (var(--kon-corner-notch) + var(--kon-corner-round))), arc to calc(100% - (var(--kon-corner-notch) + var(--kon-glass-inset))) calc(100% - var(--kon-corner-round)) of max(0px, var(--kon-corner-round) - var(--kon-glass-inset)) ccw, vline to calc(100% - var(--kon-corner-centre)), arc to calc(100% - (var(--kon-corner-centre))) calc(100% - var(--kon-corner-notch) - var(--kon-glass-inset)) of calc(var(--kon-corner-bite) + var(--kon-glass-inset)) cw, hline to calc(100% - (var(--kon-corner-round))), arc to calc(100% - (var(--kon-glass-inset))) calc(100% - var(--kon-corner-notch) - var(--kon-corner-round)) of max(0px, var(--kon-corner-round) - var(--kon-glass-inset)) ccw, vline to calc(var(--kon-unit) * 38), arc to calc(100% - (var(--kon-unit) * 38)) var(--kon-glass-inset) of calc(var(--kon-unit) * 38 - var(--kon-glass-inset)) ccw, close)}}.kon-picture{width:100%;aspect-ratio:var(--kon-picture-ratio,16 / 9);place-items:center;min-width:0;min-height:0;max-height:100%;display:grid;container-type:size}.kon-frame{anchor-name:--kon-screen;width:min(100cqw, calc(100cqh * (var(--kon-picture-ratio,16 / 9))));aspect-ratio:var(--kon-picture-ratio,16 / 9);border-radius:var(--kon-screen-radius);--media-video-border-radius:var(--kon-screen-radius);background:var(--kon-glass);position:relative;overflow:hidden}.kon-frame :is(video,mux-video,hls-video,hlsjs-video,dash-video){object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.kon{--kon-cue-size:100%;--kon-cue-backing:#000c}.kon[data-caption-size=small]{--kon-cue-size:80%}.kon[data-caption-size=large]{--kon-cue-size:135%}.kon[data-caption-backing=faint]{--kon-cue-backing:#00000073}.kon[data-caption-backing=none]{--kon-cue-backing:transparent}.kon-frame video::cue,.kon-frame ::part(video)::cue{background:var(--kon-cue-backing);color:#fff;font-family:var(--kon-font);font-size:var(--kon-cue-size)}.kon-poster{opacity:0;transition:opacity var(--kon-slow) linear;display:block;position:absolute;inset:0}.kon-poster[data-visible]{opacity:1}.kon-poster img{object-fit:cover;width:100%;height:100%}.kon-center{z-index:1;gap:var(--kon-center-gap,0);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.kon-center>*{pointer-events:auto}.kon-center .kon-center-seek{display:none}.kon-start{width:max(64px, calc(var(--kon-unit) * 132));height:max(64px, calc(var(--kon-unit) * 132));background:var(--kon-veil);-webkit-backdrop-filter:var(--kon-veil-blur);backdrop-filter:var(--kon-veil-blur);box-shadow:var(--kon-veil-shadow);color:var(--kon-glass-text);font-size:max(22px, calc(var(--kon-unit) * 40));cursor:pointer;transition:background-color var(--kon-fast) linear, scale var(--kon-fast) var(--kon-ease);border:1px solid #ffffff80;border-radius:50%;flex:none;place-items:center;display:none;position:relative}@media (hover:hover){.kon-start:hover{background-color:#3c383480}}.kon-start:active{scale:.96}.kon-start[data-paused]:not([data-started]),.kon-start[data-ended]{display:grid}.kon-start .kon-play-play{translate:6%}.kon-deck:is([data-dock=rail],[data-dock=bottom]) .kon-start{display:none}.kon-buffering{z-index:1;border:1px solid var(--kon-veil-line);background:var(--kon-veil);width:48px;height:48px;-webkit-backdrop-filter:var(--kon-veil-blur);backdrop-filter:var(--kon-veil-blur);color:var(--kon-glass-text);opacity:0;pointer-events:none;transition:opacity var(--kon-medium) linear;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}.kon-buffering[data-visible]{opacity:1}.kon-buffering media-icon{width:24px;height:24px}.kon-titlebar{--kon-title-fade:max(28px, calc(var(--kon-unit) * 64));z-index:1;gap:max(2px, calc(var(--kon-unit) * 6));padding:max(10px, calc(var(--kon-unit) * 22)) max(12px, calc(var(--kon-unit) * 26)) var(--kon-title-fade);border-radius:inherit;background:linear-gradient(#000000c7, #000000b8 calc(100% - var(--kon-title-fade)), transparent);color:var(--kon-glass-text);text-shadow:0 1px 2px #00000080;pointer-events:none;transition:opacity var(--kon-medium) linear;flex-direction:column;display:flex;position:absolute;inset:0 0 auto}.kon-titlebar[data-empty],media-controls-content:not([data-visible]) .kon-titlebar{opacity:0}@media (hover:hover){.kon-deck:is([data-dock=rail],[data-dock=bottom]) .kon-display:not(:hover,:has(:focus-visible)) .kon-titlebar{opacity:0}}.kon-titlebar-title{font-size:max(14px, calc(var(--kon-unit) * 28));text-overflow:ellipsis;white-space:nowrap;font-weight:600;line-height:1.2;overflow:hidden}.kon-titlebar-title:empty{display:none}.kon-titlebar-chapter{color:#ffffffdb;min-width:0;font-size:max(10px, calc(var(--kon-unit) * 16));font-variant-numeric:tabular-nums;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;gap:.8em;display:flex}.kon-titlebar-chapter[hidden]{display:none}.kon-titlebar-index{direction:ltr;unicode-bidi:isolate;flex:none}.kon-titlebar-name{text-overflow:ellipsis;overflow:hidden}.kon-feedback{z-index:1;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.kon-pill{border:1px solid var(--kon-veil-line);background:var(--kon-veil);min-height:36px;-webkit-backdrop-filter:var(--kon-veil-blur);backdrop-filter:var(--kon-veil-blur);box-shadow:var(--kon-veil-shadow);color:var(--kon-glass-text);font-variant-numeric:tabular-nums;opacity:0;transition:opacity var(--kon-medium) linear;border-radius:999px;grid-area:1/1;align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:500;display:flex}.kon-pill[data-open]{opacity:1}.kon-pill-row{align-items:center;gap:6px;display:flex}.kon-pill-icon{width:18px;height:18px}.kon-pill[data-direction=backward] .kon-pill-chevron{rotate:180deg}.kon-pill:not([data-level=off]) .kon-volume-off,.kon-pill:not([data-level=low]) .kon-volume-low,.kon-pill:not([data-level=high]) .kon-volume-high{display:none}.kon-readout{min-width:0;min-height:max(24px, calc(var(--kon-unit) * 50));font-size:max(12px, calc(var(--kon-unit) * 17));font-variant-numeric:tabular-nums;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-content:center;align-items:baseline;display:grid;container-type:inline-size}.kon-time{color:var(--kon-accent);font-size:max(20px, calc(var(--kon-unit) * 44));letter-spacing:0;cursor:pointer;border-radius:4px;grid-area:1/1;justify-self:start;font-weight:700;line-height:1}.kon-readout>.kon-time-play{--kon-play-size:max(28px, calc(var(--kon-unit) * 50));width:auto;padding-inline:calc(var(--kon-play-size) * .36) calc(var(--kon-play-size) * .48);border-radius:calc(var(--kon-play-size) / 2);font-size:calc(var(--kon-play-size) * .36);letter-spacing:.08em;background:var(--kon-accent);grid-area:1/1;grid-auto-flow:column;place-self:center start;gap:.45em;font-weight:700;line-height:1;display:none}.kon-time-play-icon,.kon-time-play-label{place-items:center;display:inline-grid}.kon-time-play-icon .kon-play-play{translate:6%}.kon-time-play-word{grid-area:1/1}.kon-time-play:not([data-ended]) [data-word=replay],.kon-time-play[data-ended] [data-word=play]{visibility:hidden}.kon-readout>.kon-time-play[data-paused]:not([data-started]),.kon-readout>.kon-time-play[data-ended]{display:inline-grid}.kon-deck[play=notch]:is([data-dock=rail],[data-dock=bottom]) .kon-readout>.kon-time-play.kon-time-play{display:none}.kon-deck:not([play=notch][data-dock=rail],[play=notch][data-dock=bottom]) .kon-readout:has(>.kon-time-play:is([data-paused]:not([data-started]),[data-ended]))>.kon-time{display:none}.kon-read{align-items:baseline;gap:.6em;min-width:0;display:flex;overflow:hidden}.kon-read-total{color:var(--kon-glass-text);grid-area:1/3;justify-self:end}.kon-read-total .kon-read-label{color:var(--kon-glass-soft)}.kon-read-status{padding-inline:calc(var(--kon-unit) * 16);color:var(--kon-glass-text);grid-area:1/2;justify-self:center;font-weight:600}.kon-read-state{justify-items:center;display:inline-grid}.kon-read-state>media-text{grid-area:1/1}.kon-read-status:not([data-status=paused]) [token=kon\.paused],.kon-read-status:not([data-status=loading]) [token=kon\.loading],.kon-read-status:not([data-status=ended]) [token=kon\.ended],.kon-read-status:not([data-status=live]) [token=kon\.live],.kon-read-status:not([data-status=behind]) [token=kon\.behindLive]{visibility:hidden}.kon-read-status[data-status=""] .kon-read-state,.kon-read-status:not([data-rate]) [data-part=rate],.kon-read-status:not([data-loop]) [data-part=loop]{display:none}.kon-read-status[data-status=live] [token=kon\.live]{color:var(--kon-accent)}.kon-read-slash{display:none}@container (width<=380px){.kon-read-total .kon-read-label{display:none}.kon-read-slash{display:inline}}@container (width<=240px){.kon-read-total{display:none}.kon-read-status{grid-column:2/-1;justify-self:end;padding-inline:0}}.kon-panel{position:relative}.kon-crt{z-index:5;border-radius:inherit;pointer-events:none;place-items:center;display:none;position:absolute;inset:0;overflow:hidden}.kon-deck:not([data-dock=overlay])[data-screen] .kon-crt{display:grid}.kon-crt-beam{width:100%;height:100%;box-shadow:0 0 0 200vmax var(--kon-glass);border-radius:2px}.kon-deck[data-screen=off] .kon-crt-beam{animation:.52s cubic-bezier(.55,0,.75,.2) forwards kon-crt-off}.kon-deck[data-screen=on] .kon-crt-beam{animation:.42s cubic-bezier(.25,.8,.45,1) forwards kon-crt-on}@keyframes kon-crt-off{0%{width:100%;height:100%;box-shadow:0 0 0 0 #fff0, 0 0 0 200vmax var(--kon-glass);background:#fff0}45%{width:100%;height:2px;box-shadow:0 0 14px 3px #dcebffcc, 0 0 0 200vmax var(--kon-glass);background:#fffffff2}75%{width:6px;height:4px;box-shadow:0 0 12px 4px #dcebffe6, 0 0 0 200vmax var(--kon-glass);background:#fff}to{width:0;height:0;box-shadow:0 0 6px 1px #dcebff00, 0 0 0 200vmax var(--kon-glass);background:#fff0}}@keyframes kon-crt-on{0%{width:0;height:2px;box-shadow:0 0 12px 4px #dcebffe6, 0 0 0 200vmax var(--kon-glass);background:#fff}40%{width:100%;height:2px;box-shadow:0 0 14px 3px #dcebffb3, 0 0 0 200vmax var(--kon-glass);background:#ffffffe6}to{width:100%;height:100%;box-shadow:0 0 0 0 #fff0, 0 0 0 200vmax var(--kon-glass);background:#fff0}}@media (prefers-reduced-motion:reduce){.kon-deck[data-screen] .kon-crt-beam{animation-duration:1ms}}.kon-deck[data-screen=off] :is(.kon-tiles,.kon-strip){filter:saturate(.35)brightness(.97)}.kon-deck :is(.kon-tiles,.kon-strip){transition:filter var(--kon-slow) linear}.kon-timeline{min-width:0;min-height:max(28px, calc(var(--kon-unit) * 48));cursor:pointer;touch-action:none;direction:ltr;display:block;position:relative}.kon-timeline-track{inset-inline:0;z-index:2;background:#79756f;border-radius:3px;height:4px;display:block;position:absolute;top:50%;translate:0 -50%}.kon-timeline-buffer{width:var(--media-slider-buffer);background:#ffffff38;border-radius:3px;position:absolute;inset-block:0;inset-inline-start:0}.kon-timeline-fill{width:var(--media-slider-fill);background:var(--kon-accent);border-radius:3px;position:absolute;inset-block:0;inset-inline-start:0}.kon-playhead{top:50%;z-index:3;width:max(3px, calc(var(--kon-unit) * 5));height:max(14px, calc(var(--kon-unit) * 28));background:#f2ede4;border-radius:999px;position:absolute;inset-inline-start:var(--media-slider-fill);translate:-50% -50%;box-shadow:0 0 0 .5px #000000a6}.kon-timeline[data-dragging] .kon-playhead{inset-inline-start:var(--media-slider-pointer)}.kon-preview{z-index:4;background:var(--kon-shell-fill);width:188px;box-shadow:var(--kon-tile-shadow);color:var(--kon-ink);opacity:0;pointer-events:none;transition:opacity var(--kon-fast) linear;border-radius:14px;gap:4px;padding:6px;display:grid;position:absolute;bottom:calc(100% + 8px)}.kon-preview[data-pointing]{opacity:1}.kon-preview-frame{border-radius:9px;max-width:176px;max-height:99px;display:block;overflow:hidden}.kon-preview-text{font-variant-numeric:tabular-nums;justify-content:space-between;gap:8px;padding:2px 4px;font-size:11px;font-weight:600;display:flex}.kon-preview-text:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){direction:rtl}.kon-preview-chapter{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.kon-preview-time{color:var(--kon-accent-dark);flex:none}.kon-timeline-loop{height:max(12px, calc(var(--kon-unit) * 24));top:50%;width:calc(var(--kon-loop-end,0%) - var(--kon-loop-start,0%));z-index:1;border:2px solid var(--kon-accent);background:color-mix(in oklab, var(--kon-accent), transparent 82%);pointer-events:none;border-block-width:0;display:none;position:absolute;inset-inline-start:var(--kon-loop-start,0%);translate:0 -50%}.kon-timeline-loop[data-on]{display:block}.kon-strip{--kon-latch-fill:linear-gradient(180deg, #ecdcaa, #d3be7f 70%, #ab975a);--kon-chamfer-reach:calc(var(--kon-unit) * 30);z-index:2;min-width:0;padding:max(6px, calc(var(--kon-unit) * 14));border-radius:calc(var(--kon-unit) * 30);background:var(--kon-shell-fill);box-shadow:var(--kon-bevel);display:grid;position:relative}.kon-strip[hidden]{display:none}.kon-deck:not([data-dock=overlay]) .kon-strip{z-index:0;grid-area:3/1}.kon-strip-well{min-width:0;padding:max(3px, calc(var(--kon-unit) * 6)) max(6px, calc(var(--kon-unit) * 14)) max(6px, calc(var(--kon-unit) * 14));border-radius:calc(var(--kon-unit) * 18);background:var(--kon-glass);box-shadow:inset 0 0 0 calc(var(--kon-unit) * 3) #000, inset 0 calc(var(--kon-unit) * 5) calc(var(--kon-unit) * 7) #000000b3, 0 max(1px, calc(var(--kon-unit) * 2)) 0 var(--kon-lip);display:grid}.kon-filmstrip{grid-template-rows:max(8px, calc(var(--kon-unit) * 18)) max(30px, calc(var(--kon-unit) * 68));direction:ltr;min-width:0;display:grid}.kon-filmstrip-markers{position:relative}.kon-filmstrip-marker{border-inline:max(4px, calc(var(--kon-unit) * 8)) solid transparent;border-top:max(5px, calc(var(--kon-unit) * 11)) solid var(--kon-accent);width:0;height:0;position:absolute;bottom:2px;translate:-50%}.kon-filmstrip-frames{gap:max(3px, calc(var(--kon-unit) * 6));min-height:0;transition:opacity var(--kon-slow) linear;display:flex}.kon-filmstrip-frame{border-radius:max(4px, calc(var(--kon-unit) * 10));min-width:0;color:inherit;font:inherit;cursor:pointer;transition:filter var(--kon-fast) linear, scale var(--kon-fast) var(--kon-ease);background:#1e1d1b;border:0;flex:1 1 0;place-items:center;padding:0;display:grid;position:relative;overflow:hidden;container-type:size}.kon-filmstrip-frame:before{content:"";z-index:1;border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff29}.kon-filmstrip-frame media-thumbnail{min-height:100cqh;max-height:100cqh;transition:opacity var(--kon-medium) linear;display:block}.kon-filmstrip-frame[data-active]~.kon-filmstrip-frame media-thumbnail{opacity:.6}@media (hover:hover){.kon-filmstrip-frame:hover{filter:brightness(1.15)}}.kon-filmstrip-frame:active{scale:.97}.kon-filmstrip-frame[data-active]{z-index:1;scale:1.04}.kon-filmstrip-frame[data-active]:after{content:"";z-index:1;border:2px solid var(--kon-accent);border-radius:inherit;position:absolute;inset:0;box-shadow:0 0 0 1px #000}media-controls-content:not([data-visible]) .kon-filmstrip-frames{opacity:.55}.kon-deck:not([data-dock=overlay]) .kon-tile:before{content:"";z-index:-1;background:linear-gradient(var(--kon-mount-angle,90deg), var(--kon-metal-dark), var(--kon-metal) 35%, var(--kon-metal-light) 70%, var(--kon-metal-dark));box-shadow:inset 0 1px 0 #ffffff24, inset 0 -1px 0 #00000080, var(--kon-module-shadow);position:absolute}.kon-deck:not([data-dock=overlay]) .kon-strip:before{content:"";z-index:-1;inset-inline:calc(var(--kon-unit) * 4);top:calc(-1 * (var(--kon-mount-gap) + var(--kon-unit) * 3));height:calc(var(--kon-mount-gap) + var(--kon-unit) * 38);background:linear-gradient(180deg, var(--kon-metal-dark), var(--kon-metal) 35%, var(--kon-metal-light) 70%, var(--kon-metal-dark));box-shadow:inset 0 1px 0 #ffffff24, inset 0 -1px 0 #00000080, var(--kon-module-shadow);border-start-start-radius:calc(var(--kon-unit) * 12);border-start-end-radius:calc(var(--kon-unit) * 12);position:absolute}.kon-deck:not([data-dock=overlay]) .kon-strip .kon-latch{top:calc(var(--kon-mount-gap) / -2);width:24px;height:max(4px, calc(var(--kon-unit) * 6));left:50%;translate:-50% -50%}.kon-tile-transport{--kon-latch-fill:var(--kon-accent-fill)}.kon-tile-jog{--kon-latch-fill:linear-gradient(180deg, #7fa6dc, var(--kon-blue) 70%, #2f5a96)}.kon-tile-dial{--kon-latch-fill:linear-gradient(180deg, #8c7bd8, var(--kon-violet) 70%, #4f3f9a)}.kon-tile-sound{--kon-latch-fill:linear-gradient(180deg, #86bd94, var(--kon-sage) 70%, #3f7a50)}.kon-tile-keys{--kon-latch-fill:linear-gradient(180deg, #f9cc5a, var(--kon-amber) 70%, #d39513)}.kon-tile-chapters{--kon-latch-fill:linear-gradient(180deg, #a9d3d3, #7fb5b5 70%, #5d9393)}.kon-tile-live{--kon-latch-fill:linear-gradient(180deg, #ec7a72, #d6453d 70%, #a92e27)}.kon-tile-out{--kon-latch-fill:linear-gradient(180deg, #c3c9d6, #9ea6b8 70%, #7c8497)}.kon-tile-cue{--kon-latch-fill:linear-gradient(180deg, #efbccf, #dc93ae 70%, #b86f8a)}.kon-latch,.kon-display-latch{z-index:1;border-radius:max(3px, calc(var(--kon-unit) * 6));background:var(--kon-latch-fill,var(--kon-accent-fill));display:block;position:absolute;box-shadow:inset 0 1px #fff6,inset 0 -1px 1px #00000047,0 1px 2px #00000073}.kon-latch{cursor:grab;touch-action:none;transition:translate var(--kon-fast) var(--kon-ease), filter var(--kon-fast) linear}.kon-latch:after{content:"";width:max(100%, var(--kon-tap));height:max(100%, var(--kon-tap));position:absolute;top:50%;left:50%;translate:-50% -50%}@media (hover:hover){.kon-latch:hover{filter:brightness(1.08)}}.kon-latch:active{cursor:grabbing;filter:brightness(.92)}.kon-surface{display:none}.kon-deck:not([data-dock=overlay]) :is(.kon-tile[data-lifted],.kon-strip){isolation:isolate;box-shadow:none;background:0 0}.kon-deck:not([data-dock=overlay]) :is(.kon-tile[data-lifted],.kon-strip)>.kon-surface{z-index:-1;border-radius:inherit;background:var(--kon-shell-fill);box-shadow:var(--kon-bevel), var(--kon-module-shadow);pointer-events:none;display:block;position:absolute;inset:0}.kon-deck:not([data-dock=overlay]) :is(.kon-tile,.kon-strip)[data-pulling]{z-index:3;transform:translate(var(--kon-pull-x,0px), var(--kon-pull-y,0px));transition:opacity var(--kon-fast) var(--kon-ease)}.kon-deck:not([data-dock=overlay]) :is(.kon-tile,.kon-strip)[data-loose]{opacity:.4}.kon-deck:not([data-dock=overlay]) :is(.kon-tile,.kon-strip)[data-gone]{opacity:0;transition:none}:is(.kon-tile,.kon-strip)[data-pulling] .kon-latch{cursor:grabbing}.kon-fader{min-width:max(48px, calc(var(--kon-unit) * 60));height:var(--kon-tap);cursor:pointer;touch-action:none;direction:ltr;flex:1 1 0;display:block;position:relative}.kon-fader-slot{--kon-fill-inset:4px;inset-inline:0;height:max(8px, calc(var(--kon-unit) * 14));background:var(--kon-metal-dark);box-shadow:inset 0 2px 3px #000000a6, 0 1px 0 var(--kon-slot-lip);border-radius:999px;display:block;position:absolute;top:50%;overflow:hidden;translate:0 -50%}.kon-fader-fill{width:max(0px, calc(var(--media-slider-fill) - var(--kon-fill-inset)));background:var(--kon-accent);border-radius:999px;display:block;position:absolute;inset-block:calc(50% - 1.5px);inset-inline-start:var(--kon-fill-inset)}.kon-fader-thumb{top:50%;z-index:1;width:max(14px, calc(var(--kon-unit) * 26));height:max(26px, calc(var(--kon-unit) * 54));border-radius:max(4px, calc(var(--kon-unit) * 8));background:linear-gradient(var(--kon-shell-edge), var(--kon-shell-edge)) center / 1px 46% no-repeat, var(--kon-shell-fill);box-shadow:var(--kon-key-shadow);cursor:grab;display:block;position:absolute;inset-inline-start:var(--media-slider-fill);translate:-50% -50%}.kon-fader[data-dragging] .kon-fader-thumb{cursor:grabbing}.kon-power{cursor:pointer;border:0;padding:0}.kon-power:after{content:"";min-width:var(--kon-tap);position:absolute;inset:-6px;inset-inline-end:0}@media (hover:hover){.kon-power:hover{filter:brightness(1.08)}}.kon-power{--kon-press:max(2px, calc(var(--kon-unit) * 6));transition:translate .22s cubic-bezier(.34, 1.56, .64, 1), box-shadow .12s linear, filter var(--kon-fast) linear}.kon-power:active{filter:brightness(.92);transition-duration:70ms, 70ms, var(--kon-fast);transition-timing-function:ease-out,linear,linear;box-shadow:inset 0 1px 2px #00000059,0 0 1px #0006}.kon-deck[data-dock=rail] .kon-power:active{translate:var(--kon-press) 0}.kon-deck[data-dock=bottom] .kon-power:active{translate:0 var(--kon-press)}.kon-deck[data-screen=off] .kon-power{filter:saturate(.4)brightness(.8)}.kon-deck:not([data-dock=overlay]) .kon-tile[data-pulling]:not([data-loose]){scale:1.03}.kon-deck:not([data-dock=overlay]) .kon-tile[data-pulling]{transition:opacity var(--kon-fast) var(--kon-ease), scale var(--kon-fast) var(--kon-ease)}.kon-slot{display:none}.kon-deck:not([data-dock=overlay]) .kon-slot[data-on]{grid-area:var(--kon-area);margin:calc(-1 * var(--kon-reach-top)) calc(-1 * var(--kon-reach-right)) calc(-1 * var(--kon-reach-bottom)) calc(-1 * var(--kon-reach-left));border-radius:calc(var(--kon-k,44px) * .27 + var(--kon-p) + var(--kon-chamfer,0px));box-shadow:inset 0 max(1px, calc(var(--kon-unit) * 3)) max(2px, calc(var(--kon-unit) * 6)) #00000047;pointer-events:none;background:#00000012;display:block}.kon-tiles{z-index:1;min-width:0;min-height:0;display:flex;position:relative}.kon-tile{--kon-key-radius:calc(var(--kon-k,44px) * .27);--kon-chamfer-top:max(2px, calc(var(--kon-unit) * 4.25));--kon-chamfer-right:max(2.5px, calc(var(--kon-unit) * 5));--kon-chamfer-bottom:max(2px, calc(var(--kon-unit) * 4.25));--kon-chamfer-left:max(2.5px, calc(var(--kon-unit) * 5.5));--kon-chamfer:var(--kon-chamfer-left);background:var(--kon-shell-fill);min-width:0;min-height:0;box-shadow:var(--kon-bevel), var(--kon-module-shadow);display:flex;position:relative}.kon-deck:not([data-dock=overlay]) .kon-tile{grid-area:var(--kon-area);margin:calc(-1 * var(--kon-reach-top)) calc(-1 * var(--kon-reach-right)) calc(-1 * var(--kon-reach-bottom)) calc(-1 * var(--kon-reach-left));padding:var(--kon-reach-top) var(--kon-reach-right) var(--kon-reach-bottom) var(--kon-reach-left);border-radius:calc(var(--kon-key-radius) + var(--kon-p) + var(--kon-chamfer))}.kon-tiles>.kon-tile[hidden]{display:none}.kon-face{flex:auto;min-width:0;min-height:0;display:flex}.kon-deck:not([data-dock=overlay]) .kon-face{grid-template-columns:repeat(var(--kon-cols,1), var(--kon-k));grid-template-rows:repeat(var(--kon-rows,1), var(--kon-k));gap:var(--kon-gy) var(--kon-gx);display:grid}.kon-deck:not([data-dock=overlay]) .kon-face>[data-cell]{grid-area:var(--kon-area)}.kon-deck:not([data-dock=overlay]) .kon-face>[data-unplaced]{display:none}.kon-deck:not([data-dock=overlay]) .kon-face>.kon-key{border-radius:var(--kon-key-radius);width:100%;min-width:0;max-width:none;height:100%;font-size:calc(var(--kon-k) * .43)}.kon-deck:not([data-dock=overlay]) .kon-face>.kon-key:after{content:"";inset:calc(var(--kon-gy) / -2) calc(var(--kon-gx) / -2);position:absolute}.kon-deck[data-dock=overlay] .kon-extra{display:none}.kon-wordmark{min-width:0;color:var(--kon-ink);font-size:max(10px, calc(var(--kon-k,44px) * .3));letter-spacing:.2em;white-space:nowrap;text-align:center;text-indent:.2em;font-weight:500;overflow:hidden}.kon-deck:not([data-dock=overlay]) .kon-wordmark{align-self:center}.kon-play{--kon-play-size:var(--kon-k,var(--kon-tap));width:var(--kon-play-size);height:var(--kon-play-size);background:var(--kon-dome-fill);box-shadow:inset calc(var(--kon-unit) * 1) calc(var(--kon-unit) * 1.5) calc(var(--kon-unit) * 1) color-mix(in oklab, var(--kon-accent), white 30%), inset calc(var(--kon-unit) * -1) calc(var(--kon-unit) * -3) calc(var(--kon-unit) * .75) color-mix(in oklab, var(--kon-accent), black 38%), inset 0 calc(var(--kon-unit) * -5) calc(var(--kon-unit) * 4) color-mix(in oklab, var(--kon-accent), black 8%), 0 0 0 max(.75px, calc(var(--kon-unit) * .8)) var(--kon-dome-ring), calc(var(--kon-unit) * 2) calc(var(--kon-unit) * 4) calc(var(--kon-unit) * 6) #28180e59;color:var(--kon-accent-text);font-size:calc(var(--kon-play-size) * .38);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:translate var(--kon-fast) var(--kon-ease), filter var(--kon-fast) linear;border-radius:50%;flex:none;place-items:center;display:grid;position:relative}@media (hover:hover){.kon-play:hover{filter:brightness(1.05)}}.kon-play:active{filter:brightness(.94);translate:0 1px}.kon-play-play{translate:6%}.kon-play svg{filter:drop-shadow(0 calc(var(--kon-unit) * .5) calc(var(--kon-unit) * .5) color-mix(in oklab, var(--kon-accent), black 30%))}.kon-key-back .kon-key-text,.kon-key-forward .kon-key-text{font-variant-numeric:tabular-nums;font-size:.62em}.kon-key-captions[data-active],.kon-key[aria-pressed=true]{box-shadow:var(--kon-key-shadow-pressed);color:var(--kon-accent-dark)}.kon-deck:not([data-dock=overlay]) .kon-face>.kon-dial{width:100%;height:100%}.kon-deck:not([data-dock=overlay]) .kon-face>.kon-fader{width:calc(100% - var(--kon-k) * .34);place-self:center;min-width:0;height:100%}.kon-deck:not([data-dock=overlay]) .kon-face>.kon-fader[data-orientation=vertical]{width:100%;height:calc(100% - var(--kon-k) * .34)}.kon-deck:not([data-dock=overlay]) .kon-fader-slot{height:max(6px, calc(var(--kon-k) * .18))}.kon-deck:not([data-dock=overlay]) .kon-fader-thumb{width:calc(var(--kon-k) * .34);height:calc(var(--kon-k) * .78)}.kon-fader[data-orientation=vertical] .kon-fader-slot{inset-block:0;inset-inline:auto;width:max(6px, calc(var(--kon-k) * .18));height:auto;left:50%;translate:-50%}.kon-fader[data-orientation=vertical] .kon-fader-fill{inset-block:auto var(--kon-fill-inset);width:auto;height:max(0px, calc(var(--media-slider-fill) - var(--kon-fill-inset)));inset-inline:calc(50% - 1.5px)}.kon-fader[data-orientation=vertical] .kon-fader-thumb{top:auto;bottom:var(--media-slider-fill);width:calc(var(--kon-k) * .78);height:calc(var(--kon-k) * .34);background:linear-gradient(var(--kon-shell-edge), var(--kon-shell-edge)) center / 46% 1px no-repeat, var(--kon-shell-fill);inset-inline-start:50%;translate:-50% 50%}.kon-deck[data-dock=overlay] .kon-key-mute-folded{display:none}.kon-key-plate{min-width:0;color:var(--kon-ink-soft);font-size:max(10px, calc(var(--kon-k,32px) * .3));font-variant-numeric:tabular-nums;letter-spacing:.08em;white-space:nowrap;font-weight:500;overflow:hidden}.kon-deck:not([data-dock=overlay]) .kon-face>.kon-key-plate{text-align:center;align-self:center}.kon-deck[data-dock=overlay] .kon-key-remote:not([data-availability=available]){display:none}.kon-tile-cue .kon-key-text{letter-spacing:.02em;font-size:.56em}.kon-key-live{gap:.25em;display:flex}.kon-key-live .kon-key-text{letter-spacing:.06em;font-size:.48em}.kon-live-dot{background:var(--kon-shell-edge);border-radius:50%;width:.3em;height:.3em}.kon-key-live[data-live-edge] .kon-live-dot{background:#d6453d;box-shadow:0 0 0 .12em #d6453d40}.kon-channel media-text{letter-spacing:.04em;opacity:.8;margin-inline-end:.25em;font-size:.8em}.kon-dial{aspect-ratio:1;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50%;flex:none;width:min(92cqw,92cqh);display:block;position:relative}.kon-dial[data-turning]{cursor:grabbing}.kon-dial-face{background:var(--kon-dial-fill);box-shadow:var(--kon-dial-shadow);border-radius:50%;position:absolute;inset:0}.kon-dial-face:before,.kon-dial-face:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0}.kon-dial-face:before{background:var(--kon-dial-rim);-webkit-mask:radial-gradient(closest-side,#0000 93.6%,#000 94.1%);mask:radial-gradient(closest-side,#0000 93.6%,#000 94.1%)}.kon-dial-face:after{background:var(--kon-dial-crease);-webkit-mask:radial-gradient(closest-side,#0000 93%,#000 93.4% 94%,#0000 94.4%);mask:radial-gradient(closest-side,#0000 93%,#000 93.4% 94%,#0000 94.4%)}.kon-dial-marks{rotate:var(--kon-dial-angle,0deg);transition:rotate var(--kon-dial-glide) linear;position:absolute;inset:0}.kon-dial-ticks{width:100%;height:100%;stroke:var(--kon-ink);stroke-width:.55px;stroke-linecap:round;position:absolute;inset:0}.kon-dial-dimple{width:24%;height:24%;rotate:calc(var(--kon-dial-angle,0deg) * -1);transition:rotate var(--kon-dial-glide) linear;background:var(--kon-dimple-fill);box-shadow:inset 3px 3px 6px #00000038, 1px 1px 2px var(--kon-dimple-lip);border-radius:50%;position:absolute;top:60.6%;left:60.6%}.kon-dial[data-turning] .kon-dial-dimple{box-shadow:inset 3px 3px 6px #00000038, 0 0 0 max(1.5px, calc(var(--kon-unit) * 2)) var(--kon-accent)}.kon-dial[data-turning] :is(.kon-dial-marks,.kon-dial-dimple){transition:none}.kon-tooltip:not([data-open],[data-ending-style]){display:none}.kon-tooltip{--media-tooltip-side-offset:8px;background:var(--kon-glass);color:var(--kon-glass-text);font-family:var(--kon-font);white-space:nowrap;opacity:0;transition:opacity var(--kon-fast) linear;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:8px;padding:5px 9px;font-size:12px;line-height:1.2;display:flex}.kon-tooltip[data-open]{opacity:1}.kon-tooltip[data-starting-style],.kon-tooltip[data-ending-style]{opacity:0}.kon-tooltip-key{color:var(--kon-glass-text);background:#ffffff29;border-radius:4px;padding:0 5px;font-size:11px}.kon-menu{--kon-gap:6px;--kon-control:44px;--kon-r-control:22px;--kon-r-shell:28px;--kon-notch:calc(var(--kon-control) + var(--kon-gap));--kon-head:calc(var(--kon-notch) + var(--kon-gap));--kon-r-corner:var(--kon-screen-radius);box-sizing:border-box;--media-popover-side-offset:10px;width:300px;min-width:0;height:min(380px,80dvh);padding:0 var(--kon-gap) var(--kon-gap);color:var(--kon-panel-text);font-family:var(--kon-font);font-variant-numeric:tabular-nums;text-align:start;transition:opacity var(--kon-medium) linear, transform var(--kon-medium) var(--kon-ease);background:0 0;flex-direction:column;font-size:15px;font-weight:300;display:flex;overflow:visible}.kon-menu:not([data-open],[data-ending-style]){display:none}.kon-menu:before{content:"";z-index:-1;border-radius:var(--kon-r-shell) var(--kon-r-shell) var(--kon-r-corner) var(--kon-r-shell);background:var(--kon-noise), var(--kon-panel-fill);position:absolute;inset:0;box-shadow:inset 0 1px #ffffff12}.kon-menu:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{border-radius:var(--kon-r-shell) var(--kon-r-shell) var(--kon-r-shell) var(--kon-r-corner)}@supports (clip-path:shape(from 0 0, hline to 1px)){.kon-menu:before{clip-path:shape(from var(--kon-r-shell) 0, hline to calc(100% - var(--kon-notch) - var(--kon-r-control)), arc to calc(100% - var(--kon-notch)) var(--kon-r-control) of var(--kon-r-control) cw, arc to calc(100% - var(--kon-r-control)) var(--kon-notch) of var(--kon-r-shell) ccw, arc to 100% calc(var(--kon-notch) + var(--kon-r-control)) of var(--kon-r-control) cw, vline to calc(100% - var(--kon-r-corner)), arc to calc(100% - var(--kon-r-corner)) 100% of var(--kon-r-corner) cw, hline to var(--kon-r-shell), arc to 0 calc(100% - var(--kon-r-shell)) of var(--kon-r-shell) cw, vline to var(--kon-r-shell), arc to var(--kon-r-shell) 0 of var(--kon-r-shell) cw, close)}.kon-menu:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{clip-path:shape(from calc(100% - var(--kon-r-shell)) 0, hline to calc(var(--kon-notch) + var(--kon-r-control)), arc to var(--kon-notch) var(--kon-r-control) of var(--kon-r-control) ccw, arc to var(--kon-r-control) var(--kon-notch) of var(--kon-r-shell) cw, arc to 0 calc(var(--kon-notch) + var(--kon-r-control)) of var(--kon-r-control) ccw, vline to calc(100% - var(--kon-r-corner)), arc to var(--kon-r-corner) 100% of var(--kon-r-corner) ccw, hline to calc(100% - var(--kon-r-shell)), arc to 100% calc(100% - var(--kon-r-shell)) of var(--kon-r-shell) ccw, vline to var(--kon-r-shell), arc to calc(100% - var(--kon-r-shell)) 0 of var(--kon-r-shell) ccw, close)}}.kon-menu[data-starting-style],.kon-menu[data-ending-style]{opacity:0;transform:translate(16px)}:is(.kon-menu:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))[data-starting-style],.kon-menu:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))[data-ending-style]){transform:translate(-16px)}@supports (anchor-name:--kon-screen){.kon-menu{width:min(300px, calc(anchor-size(width) - var(--kon-gap) * 2));height:auto;container:kon-sheet/size;position-anchor:--kon-screen!important;inset:calc(anchor(top) + var(--kon-gap)) calc(anchor(right) + var(--kon-gap)) calc(anchor(bottom) + var(--kon-gap)) auto!important;translate:none!important}.kon-menu:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){inset:calc(anchor(top) + var(--kon-gap)) auto calc(anchor(bottom) + var(--kon-gap)) calc(anchor(left) + var(--kon-gap))!important}}.kon-menu-page{min-height:0;margin:calc(var(--kon-head) - 4px) -4px 0;scrollbar-width:none;flex-direction:column;flex:1;gap:4px;padding:4px;display:flex;overflow-y:auto}.kon-menu-page[data-submenu]{overflow:visible}.kon-menu-group{overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:none;flex-direction:column;flex:1;gap:4px;min-height:0;margin:-8px -4px;padding:8px 4px;scroll-padding-block:8px;display:flex;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0,#000 8px calc(100% - 8px),#0000 100%);mask-image:linear-gradient(#0000 0,#000 8px calc(100% - 8px),#0000 100%)}.kon-menu-group>.kon-menu-item{scroll-snap-align:start}.kon-menu-page[data-child-open],.kon-menu-page[data-submenu]:not([data-open]){display:none}.kon-menu-item{box-sizing:border-box;min-width:0;min-height:var(--kon-row-height);border-radius:var(--kon-r-control);background:var(--kon-panel-row);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:background-color var(--kon-fast) linear;flex:none;align-items:center;gap:11px;padding-inline:11px 18px;display:flex}.kon-menu-item[data-highlighted]{background:var(--kon-panel-row-hover)}.kon-menu-item[data-highlighted=""]{transition-duration:0s}.kon-sheet-title{top:0;inset-inline:calc(var(--kon-gap) + 18px) var(--kon-notch);height:var(--kon-control);box-sizing:border-box;color:var(--kon-panel-title);font-family:var(--kon-font-dots);font-variation-settings:"ROND" 100;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;align-items:center;padding-top:6px;font-size:30px;font-weight:900;line-height:1;display:flex;position:absolute;overflow:hidden}.kon-menu-item:is([commandfor],[data-command]){padding-inline-start:18px}.kon-menu-hint{min-width:0;color:var(--kon-panel-soft);flex:1;justify-content:flex-end;align-items:center;gap:8px;font-size:13px;display:flex}.kon-menu-hint [data-part=value]{color:#fff;text-overflow:ellipsis;min-width:0;font-weight:700;overflow:hidden}.kon-menu-chevron{flex:none;width:14px;height:14px}.kon-menu-chevron:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){rotate:180deg}.kon-menu-check,.kon-menu-back .kon-menu-chevron{box-sizing:border-box;width:var(--kon-ring);height:var(--kon-ring);color:var(--kon-panel-text);border:1.5px solid #ffffffd9;border-radius:50%;flex:none;place-items:center;padding:4px;display:grid}.kon-menu-check media-icon{opacity:0;width:12px;height:12px}.kon-menu-check svg{stroke-width:3.5px}:is([aria-checked=true],[aria-current]).kon-menu-item{background:var(--kon-panel-row-on)}:is([aria-checked=true],[aria-current]).kon-menu-item>.kon-menu-check{background:var(--kon-accent-light);color:#1a1210;border-color:#0000}:is([aria-checked=true],[aria-current]).kon-menu-item>.kon-menu-check media-icon{opacity:1}.kon-menu-group .kon-menu-item>.kon-menu-check+*{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.kon-menu-tier{color:var(--kon-panel-soft);letter-spacing:.04em;font-size:10px;font-weight:600}.kon-menu-back{top:0;inset-inline:var(--kon-gap) var(--kon-notch);min-height:var(--kon-control);background:0 0;font-size:18px;font-weight:400;position:absolute}.kon-menu-back[data-highlighted]{background:var(--kon-panel-row)}.kon-menu-back .kon-menu-chevron{padding:3px;rotate:180deg}.kon-menu-back .kon-menu-chevron:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){rotate:none}.kon-sheet-close{top:0;width:var(--kon-control);min-height:0;height:var(--kon-control);background:var(--kon-accent-light);color:#1a1210;justify-content:center;padding:0;position:absolute;inset-inline-end:0}.kon-sheet-close[data-highlighted]{background:var(--kon-accent);color:var(--kon-accent-text)}.kon-sheet-close .kon-icon{width:18px;height:18px}@supports not (clip-path:shape(from 0 0, hline to 1px)){.kon-sheet-close{top:var(--kon-gap);inset-inline-end:var(--kon-gap)}}@container kon-sheet (height<=260px){.kon-menu-page{--kon-row-height:min(var(--kon-control), max(26px, calc((100cqh - var(--kon-head) + 4px - 8px - 9px) / 4)));--kon-ring:20px;gap:3px}.kon-menu-item{font-size:14px}}.kon-dialog-backdrop{z-index:3;opacity:0;pointer-events:none;transition:opacity var(--kon-medium) linear;background:#0000008c;position:absolute;inset:0}.kon-dialog-backdrop[data-open]{opacity:1;pointer-events:auto}.kon-dialog:not([data-open],[data-ending-style]){display:none}.kon-dialog{z-index:4;box-sizing:border-box;background:var(--kon-noise), var(--kon-panel-fill);width:max-content;max-width:min(320px,100% - 12px);height:fit-content;color:var(--kon-panel-text);font-family:var(--kon-font);border-radius:28px;flex-direction:column;margin:auto;padding:18px 6px 6px;font-weight:300;display:flex;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff12,0 16px 36px #0006}.kon-dialog-title{color:var(--kon-panel-title);font-family:var(--kon-font-dots);font-variation-settings:"ROND" 100;letter-spacing:.02em;text-transform:uppercase;margin:0 12px 10px;font-size:24px;font-weight:900;line-height:1.1}.kon-dialog-text{color:var(--kon-panel-soft);margin:0 12px 16px;font-size:14px;line-height:1.45}.kon-dialog-close{aspect-ratio:auto;width:100%;max-width:none;height:var(--kon-tap);background:var(--kon-accent-light);box-shadow:none;color:#1a1210;border-radius:22px;flex:none;place-items:center;font-size:14px;font-weight:600;display:grid;translate:none}@media (hover:hover){.kon-dialog-close:hover{background:var(--kon-accent);color:var(--kon-accent-text)}}.kon-dialog-close:active{box-shadow:none;background:var(--kon-accent);color:var(--kon-accent-text);translate:none}.kon-menu-toggle{padding-inline-start:18px}.kon-menu-toggle>media-text{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.kon-menu-group[data-setting]{flex:none;margin-block:0;padding-block:0;overflow:visible;-webkit-mask-image:none;mask-image:none}.kon-menu-label{color:var(--kon-panel-soft);letter-spacing:.08em;text-transform:uppercase;padding:8px 18px 2px;font-size:11px;font-weight:600;display:block}.kon-menu-chapter{text-overflow:ellipsis;overflow:hidden}.kon :is(.kon-menu-hint,.kon-shortcuts-list) kbd{background:var(--kon-panel-row);min-width:1.8em;box-shadow:none;color:var(--kon-panel-text);font:inherit;border:1px solid #ffffff59;border-radius:5px;place-items:center;padding:.15em .4em;font-size:.92em;font-weight:600;display:inline-grid}.kon-shortcuts-sheet{--kon-gap:6px;--kon-control:44px;--kon-r-control:22px;--kon-r-shell:28px;--kon-notch:calc(var(--kon-control) + var(--kon-gap));--kon-head:calc(var(--kon-notch) + var(--kon-gap));--kon-r-corner:var(--kon-screen-radius);inset:var(--kon-gap);width:auto;max-width:none;height:auto;max-height:none;padding:var(--kon-head) var(--kon-gap) var(--kon-gap);border-radius:var(--kon-r-corner);box-shadow:none;background:0 0;margin:0;container:kon-keys/size}.kon-shortcuts-sheet:before{content:"";z-index:-1;border-radius:inherit;background:var(--kon-noise), var(--kon-panel-fill);position:absolute;inset:0;box-shadow:inset 0 1px #ffffff12}@supports (clip-path:shape(from 0 0, hline to 1px)){.kon-shortcuts-sheet:before{clip-path:shape(from var(--kon-r-corner) 0, hline to calc(100% - var(--kon-notch) - var(--kon-r-control)), arc to calc(100% - var(--kon-notch)) var(--kon-r-control) of var(--kon-r-control) cw, arc to calc(100% - var(--kon-r-control)) var(--kon-notch) of var(--kon-r-shell) ccw, arc to 100% calc(var(--kon-notch) + var(--kon-r-control)) of var(--kon-r-control) cw, vline to calc(100% - var(--kon-r-corner)), arc to calc(100% - var(--kon-r-corner)) 100% of var(--kon-r-corner) cw, hline to var(--kon-r-corner), arc to 0 calc(100% - var(--kon-r-corner)) of var(--kon-r-corner) cw, vline to var(--kon-r-corner), arc to var(--kon-r-corner) 0 of var(--kon-r-corner) cw, close)}.kon-shortcuts-sheet:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{clip-path:shape(from calc(100% - var(--kon-r-corner)) 0, hline to calc(var(--kon-notch) + var(--kon-r-control)), arc to var(--kon-notch) var(--kon-r-control) of var(--kon-r-control) ccw, arc to var(--kon-r-control) var(--kon-notch) of var(--kon-r-shell) cw, arc to 0 calc(var(--kon-notch) + var(--kon-r-control)) of var(--kon-r-control) ccw, vline to calc(100% - var(--kon-r-corner)), arc to var(--kon-r-corner) 100% of var(--kon-r-corner) ccw, hline to calc(100% - var(--kon-r-corner)), arc to 100% calc(100% - var(--kon-r-corner)) of var(--kon-r-corner) ccw, vline to var(--kon-r-corner), arc to calc(100% - var(--kon-r-corner)) 0 of var(--kon-r-corner) ccw, close)}}.kon-sheet-x{top:0;width:var(--kon-control);height:var(--kon-control);background:var(--kon-accent-light);color:#1a1210;cursor:pointer;transition:background-color var(--kon-fast) linear;border-radius:50%;place-items:center;display:grid;position:absolute;inset-inline-end:0}@media (hover:hover){.kon-sheet-x:hover{background:var(--kon-accent);color:var(--kon-accent-text)}}.kon-sheet-x .kon-icon{width:18px;height:18px}@supports not (clip-path:shape(from 0 0, hline to 1px)){.kon-sheet-x{top:var(--kon-gap);inset-inline-end:var(--kon-gap)}}.kon-shortcuts-sheet .kon-sheet-title{white-space:nowrap;font-size:clamp(15px,6.5cqw,30px)}.kon-shortcuts-list{grid-template-columns:repeat(auto-fit,minmax(max(190px,34%),1fr));grid-auto-rows:minmax(min-content, var(--kon-control));overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff40 transparent;flex:1;align-content:start;gap:4px;min-height:0;margin:0;font-size:13px;line-height:1.15;display:grid;overflow-y:auto}.kon-shortcuts-list>div{border-radius:var(--kon-r-control);background:var(--kon-panel-row);align-items:center;gap:12px;min-width:0;padding:5px 16px 5px 12px;display:flex}.kon-shortcuts-list dt{color:var(--kon-panel-soft);flex-wrap:wrap;flex:0 0 42%;align-items:center;gap:3px;display:flex}.kon-shortcuts-list dd{flex:1;min-width:0;margin:0}@container kon-keys (height<=300px){.kon-shortcuts-list{gap:3px;font-size:11px}.kon-shortcuts-list kbd{border-radius:4px;min-width:1.6em;padding:.05em .3em}}.kon{--media-caption-controls-y:0px}.kon-deck:not([data-dock=overlay]) .kon-display-latch{z-index:1}.kon-deck:not([data-dock=overlay]) .kon-tiles{grid-template-columns:repeat(var(--kon-band-columns,1), var(--kon-k,0));grid-template-rows:repeat(var(--kon-band-rows,1), var(--kon-k,0));gap:var(--kon-gy,0) var(--kon-gx,0);padding:var(--kon-reach-top) var(--kon-reach-right) var(--kon-reach-bottom) var(--kon-reach-left);place-content:start;display:grid}.kon-deck[data-dock=rail]{--kon-mount-gap:max(8px, calc(var(--kon-unit) * 22));grid-template-columns:minmax(0, 1fr) var(--kon-mount-gap) var(--kon-band,160px);padding-inline-start:max(11px, calc(var(--kon-unit) * 17))}.kon-deck[data-dock=rail] .kon-display-latch{top:12%;width:max(20px, calc(var(--kon-unit) * 32));height:max(44px, calc(var(--kon-unit) * 118));inset-inline-start:0}.kon-deck[data-dock=rail] .kon-tiles{grid-area:1/3}.kon-deck[data-dock=rail]:has(>.kon-strip:not([hidden])){grid-template-rows:minmax(0, 1fr) var(--kon-mount-gap) auto}.kon-deck[data-dock=rail] .kon-tile:not([data-chained]):before{inset-block:calc(var(--kon-unit) * 18);width:calc(var(--kon-mount-gap) + var(--kon-unit) * 38);border-start-start-radius:calc(var(--kon-unit) * 12);border-end-start-radius:calc(var(--kon-unit) * 12);inset-inline-start:calc(-1 * (var(--kon-mount-gap) + var(--kon-unit) * 10))}.kon-deck[data-dock=rail] .kon-tile:not([data-chained]) .kon-latch{top:50%;width:max(4px, calc(var(--kon-unit) * 6));height:24px;inset-inline-start:calc(var(--kon-mount-gap) / -2);translate:-50% -50%}.kon-deck[data-dock=bottom]{--kon-mount-gap:max(8px, calc(var(--kon-unit) * 28));grid-template-rows:minmax(0, 1fr) var(--kon-mount-gap) var(--kon-band,96px);padding-block-start:max(8px, calc(var(--kon-unit) * 18));padding-inline-start:max(11px, calc(var(--kon-unit) * 17))}.kon-deck[data-dock=bottom] .kon-display-latch{top:0;width:max(44px, calc(var(--kon-unit) * 88));height:max(12px, calc(var(--kon-unit) * 20));inset-inline-start:8%}.kon-deck[data-dock=bottom] .kon-tiles{grid-row:3}.kon-deck[data-dock=bottom]:has(>.kon-strip:not([hidden])){grid-template-rows:minmax(0, 1fr) var(--kon-mount-gap) auto var(--kon-mount-gap) var(--kon-band,96px)}.kon-deck[data-dock=bottom]:has(>.kon-strip:not([hidden])) .kon-tiles{grid-row:5}.kon-deck[data-dock=bottom] .kon-tile:not([data-chained]):before{--kon-mount-angle:180deg;inset-inline:calc(var(--kon-unit) * 4);top:calc(-1 * (var(--kon-mount-gap) + var(--kon-unit) * 3));height:calc(var(--kon-mount-gap) + var(--kon-unit) * 38);border-start-start-radius:calc(var(--kon-unit) * 12);border-start-end-radius:calc(var(--kon-unit) * 12)}.kon-deck[data-dock=bottom]:has(>.kon-strip:not([hidden])) .kon-tile:not([data-chained]):before{top:calc(-1 * var(--kon-mount-gap));height:calc(var(--kon-mount-gap) + var(--kon-unit) * 35)}.kon-deck[data-dock=bottom] .kon-tile:not([data-chained]) .kon-latch{top:calc(var(--kon-mount-gap) / -2);width:24px;height:max(4px, calc(var(--kon-unit) * 6));left:50%;translate:-50% -50%}.kon-deck:not([data-dock=overlay]) .kon-tile[data-chained]:before{border-radius:calc(var(--kon-unit) * 6)}.kon-deck:not([data-dock=overlay]) .kon-tile[data-chained] .kon-latch{--kon-latch-length:24px;--kon-latch-thickness:max(3px, min(var(--kon-m), calc(var(--kon-unit) * 6)))}.kon-deck[data-dock=bottom] .kon-tile[data-chained]:before{--kon-mount-angle:180deg;top:calc(-1 * var(--kon-m) - var(--kon-p) / 2);inset-inline:calc(var(--kon-unit) * 4);height:calc(var(--kon-m) + var(--kon-p))}.kon-deck[data-dock=bottom] .kon-tile[data-chained] .kon-latch{top:calc(var(--kon-m) / -2);width:var(--kon-latch-length);height:var(--kon-latch-thickness);left:50%;translate:-50% -50%}.kon-deck[data-dock=rail] .kon-tile[data-chained]:before{inset-inline-start:calc(-1 * var(--kon-m) - var(--kon-p) / 2);inset-block:calc(var(--kon-unit) * 18);width:calc(var(--kon-m) + var(--kon-p))}.kon-deck[data-dock=rail] .kon-tile[data-chained] .kon-latch{top:50%;width:var(--kon-latch-thickness);height:var(--kon-latch-length);inset-inline-start:calc(var(--kon-m) / -2);translate:-50% -50%}.kon-deck[data-dock=bottom] .kon-wordmark{letter-spacing:.34em}.kon-deck[data-dock=bottom][data-tall] .kon-panel{grid-template-rows:auto max(28px, calc(var(--kon-unit) * 48)) auto}.kon-push{display:none}.kon-deck[data-dock=overlay]{--k:32px;--i:18px;--kr:9px;--g:6px;--p:12px;--pb:8px;--ra:24px;--tr:4px;--trh:6px;--th:12px;--ts:13px;--c:56px;--ci:22px;--cs:40px;--cg:18px;--scrim:112px;--rim:3px;--fw:64px;--gg:6px;--kon-screen-radius:10px;--kon-key-glass:#1c1a186b;--kon-key-glass-hover:#46423ea8;--kon-key-glass-press:#0c0b0aa8;--kon-key-lit:#f1efe9;--kon-key-lit-ink:#2a2725;column-gap:var(--g);padding:0 calc(var(--p) + var(--rim)) calc(var(--pb) + var(--rim));border-radius:calc(var(--kon-screen-radius) + var(--rim));background:var(--kon-shell-fill);flex-wrap:wrap;align-content:flex-end;align-items:center;row-gap:0;display:flex;box-shadow:0 2px 8px #00000040}.kon-deck[data-tier=xxs]{--k:24px;--i:14px;--kr:6px;--g:8px;--p:6px;--pb:2px;--ra:28px;--tr:2px;--trh:4px;--th:0px;--c:28px;--ci:12px;--scrim:48px;--rim:2px;--kon-screen-radius:6px}.kon-deck[data-tier=xs]{--k:24px;--i:16px;--kr:7px;--g:8px;--p:8px;--pb:2px;--ra:32px;--tr:3px;--trh:5px;--th:8px;--c:36px;--ci:15px;--scrim:60px;--rim:2px;--kon-screen-radius:7px}.kon-deck[data-tier=s]{--k:28px;--i:16px;--kr:8px;--p:10px;--pb:6px;--tr:3px;--trh:5px;--th:10px;--ts:12px;--c:48px;--ci:19px;--scrim:96px}.kon-deck[data-tier=wide]{--p:16px;--fw:72px;--gg:8px}.kon-deck[data-tier=tall]{--ra:28px;--tr:3px;--trh:5px;--ts:12px;--c:52px;--ci:20px;--cs:38px;--scrim:120px}.kon-deck[data-tier=tall][data-narrow]{--k:28px;--i:16px;--kr:8px;--p:10px;--c:44px;--ci:18px;--cs:32px;--cg:14px}.kon-deck:is([data-tier=phone],[data-tier=fs],[data-tier=fsxl]){--rim:0px;--kon-screen-radius:0px;box-shadow:none;background:0 0}.kon-deck[data-tier=phone]{--k:36px;--i:20px;--kr:11px;--g:8px;--p:16px;--pb:calc(12px + env(safe-area-inset-bottom,0px));--ra:32px;--th:14px;--ts:14px;--c:72px;--ci:28px;--cs:52px;--cg:28px;--scrim:180px}.kon-deck[data-tier=fs]{--k:40px;--i:22px;--kr:12px;--g:8px;--p:24px;--pb:16px;--ra:32px;--trh:7px;--th:14px;--ts:15px;--c:80px;--ci:30px;--scrim:180px;--fw:96px;--gg:16px}.kon-deck[data-tier=fsxl]{--k:48px;--i:24px;--kr:14px;--g:10px;--p:36px;--pb:24px;--ra:36px;--tr:5px;--trh:8px;--th:16px;--ts:18px;--c:96px;--ci:36px;--scrim:240px;--fw:120px;--gg:20px}.kon:has(.kon-deck[data-tier=xxs]){--media-caption-controls-y:-34px}.kon:has(.kon-deck[data-tier=xs]){--media-caption-controls-y:-40px}.kon:has(.kon-deck[data-tier=s]){--media-caption-controls-y:-70px}.kon:has(.kon-deck:is([data-tier=m],[data-tier=wide])){--media-caption-controls-y:-76px}.kon:has(.kon-deck[data-tier=tall]){--media-caption-controls-y:-80px}.kon:has(.kon-deck[data-tier=phone]){--media-caption-controls-y:-94px}.kon:has(.kon-deck[data-tier=fs]){--media-caption-controls-y:-104px}.kon:has(.kon-deck[data-tier=fsxl]){--media-caption-controls-y:-128px}.kon-deck[data-dock=overlay] :is(.kon-display,.kon-tiles,.kon-tile:not([hidden],.kon-tile-dial),.kon-face){display:contents}.kon-deck[data-dock=overlay] .kon-face{container-type:normal}.kon-deck[data-dock=overlay] :is(.kon-display-latch,.kon-latch,.kon-wordmark,.kon-tile-dial,.kon-tile-cue,.kon-key-mute-folded,.kon-key-plate,.kon-read-status,.kon-crt){display:none}.kon-deck[data-dock=overlay] .kon-picture{inset:var(--rim);aspect-ratio:auto;width:auto;max-height:none;position:absolute;container-type:normal}.kon-deck[data-dock=overlay] .kon-frame{aspect-ratio:auto;width:100%;height:100%}.kon-deck[data-dock=overlay]:after{content:"";inset:auto var(--rim) var(--rim);height:var(--scrim);border-radius:0 0 var(--kon-screen-radius) var(--kon-screen-radius);pointer-events:none;transition:opacity var(--kon-medium) linear;background:linear-gradient(#0e0c0b00,#0e0c0b80 58%,#0e0c0bc7);position:absolute}.kon-deck[data-dock=overlay] .kon-panel{min-width:0;height:var(--ra);box-shadow:none;background:0 0;border-radius:0;flex:1 0 100%;align-items:center;gap:10px;padding:0;display:flex;position:static}.kon-deck[data-dock=overlay] :is(.kon-timeline,.kon-readout,.kon-tiles .kon-key,.kon-tiles .kon-play,.kon-fader){z-index:1;transition:opacity var(--kon-medium) linear;position:relative}.kon-deck[data-dock=overlay] .kon-timeline{min-width:40px;min-height:0;height:var(--ra);flex:1 1 0}.kon-deck[data-dock=overlay] .kon-timeline-track{height:var(--tr);box-shadow:0 0 0 1px var(--kon-glass);transition:height var(--kon-fast) var(--kon-ease);background:#aaa49b;border-radius:99px}.kon-deck[data-dock=overlay] .kon-timeline:focus-visible .kon-timeline-track{height:var(--trh)}@media (hover:hover){.kon-deck[data-dock=overlay] .kon-timeline:hover .kon-timeline-track{height:var(--trh)}}.kon-deck[data-dock=overlay] .kon-playhead{width:var(--th);height:var(--th);background:var(--kon-glass-text);border-radius:50%;box-shadow:0 0 0 .5px #00000059,0 1px 3px #0006}.kon-deck[data-tier=xxs] .kon-playhead:not(:focus-visible),.kon-deck[data-tier=xs] .kon-timeline:not(:hover,[data-dragging]) .kon-playhead:not(:focus-visible){opacity:0}.kon-deck[data-dock=overlay] .kon-readout{min-height:0;font-size:var(--ts);letter-spacing:0;text-shadow:0 1px 2px #0000008c;background:#0e0c0bd9;border-radius:4px;flex:none;align-items:baseline;gap:.3em;padding-inline:4px;display:flex;container-type:normal}.kon-deck[data-dock=overlay] .kon-time{min-height:24px;color:var(--kon-glass-text);font-size:var(--ts);align-items:center;padding:2px 3px;font-weight:700;display:inline-flex}.kon-deck[data-dock=overlay] .kon-read-total{color:var(--kon-glass-text);gap:.3em;font-weight:600;overflow:visible}.kon-deck[data-dock=overlay] .kon-read-label{display:none}.kon-deck[data-dock=overlay] .kon-read-slash{display:inline}.kon-deck:is([data-tier=s],[data-tier=tall][data-narrow]) .kon-read-total,.kon-deck:is([data-tier=xxs],[data-tier=xs]) .kon-read-total{display:none}.kon-deck:is([data-tier=xxs],[data-tier=xs]) .kon-panel{flex:1 1 0}.kon-deck[data-dock=overlay]:is([data-tier=xxs],[data-tier=xs]) .kon-push{display:none}.kon-deck[data-dock=overlay] .kon-tiles :is(.kon-key,.kon-play){width:var(--k);min-width:var(--k);max-width:var(--k);height:var(--k);margin-block:calc(var(--g) / 2);border-radius:var(--kr);background:var(--kon-key-glass);-webkit-backdrop-filter:blur(10px)saturate(1.3);backdrop-filter:blur(10px)saturate(1.3);color:var(--kon-glass-text);font-size:var(--i);transition:background-color var(--kon-fast) linear, scale var(--kon-fast) var(--kon-ease), opacity var(--kon-medium) linear;flex:none;box-shadow:inset 0 .5px #ffffff38,inset 0 0 0 .5px #ffffff1a}.kon-deck:is([data-tier=xxs],[data-tier=xs]) .kon-tiles :is(.kon-key,.kon-play){margin-block:calc((var(--ra) - var(--k)) / 2)}.kon-deck[data-dock=overlay] .kon-tiles :is(.kon-key,.kon-play):after{content:"";inset:calc(var(--g) / -2);position:absolute}.kon-deck[data-dock=overlay] .kon-key .kon-icon{stroke-width:2px}@media (hover:hover){.kon-deck[data-dock=overlay] .kon-tiles .kon-key:not([aria-disabled=true]):hover{background-color:var(--kon-key-glass-hover);color:var(--kon-glass-text)}}.kon-deck[data-dock=overlay] .kon-tiles .kon-key:is(:active,[aria-expanded=true]){background-color:var(--kon-key-glass-press);translate:none;scale:.92;box-shadow:inset 0 .5px #ffffff38,inset 0 0 0 .5px #ffffff1a}.kon-deck[data-dock=overlay] .kon-tiles :is(.kon-key-captions[data-active],.kon-key[aria-pressed=true]){background:var(--kon-key-lit);color:var(--kon-key-lit-ink);box-shadow:inset 0 -1px #00000029}.kon-deck[data-dock=overlay] .kon-tiles :is(.kon-key,.kon-play):focus-visible{box-shadow:var(--kon-focus)}.kon-deck[data-dock=overlay] .kon-key-text{font:600 max(12px, calc(var(--k) * .4)) / 1 var(--kon-font);letter-spacing:.01em}.kon-deck[data-dock=overlay] .kon-key-live .kon-key-text{font-size:max(10px, calc(var(--k) * .3))}.kon-deck[data-dock=overlay] .kon-tiles .kon-play{background:var(--kon-accent);-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--kon-accent-text);border-radius:50%;box-shadow:inset 0 1px #ffffff57,inset 0 -1.5px #6e240052,0 0 0 .5px #3c140080,0 2px 8px #00000047}.kon-deck[data-dock=overlay] .kon-tiles .kon-play:active{translate:none;scale:.92}.kon-deck[data-dock=overlay] .kon-tiles .kon-play:focus-visible{box-shadow:var(--kon-focus), 0 2px 8px #00000047}.kon-deck[data-dock=overlay] .kon-play svg{filter:none}.kon-deck[data-dock=overlay] :is(.kon-key-back,[data-command=chapter-previous],.kon-tile-sound .kon-key-mute){margin-inline-start:var(--gg)}.kon-deck[data-dock=overlay] .kon-push{flex:1 1 0;min-width:0;display:block}.kon-deck[data-dock=overlay] .kon-fader{width:var(--fw);min-width:0;height:var(--k);margin-block:calc(var(--g) / 2);flex:none}.kon-deck[data-dock=overlay] .kon-fader-slot{--kon-fill-inset:0px;height:3px;box-shadow:none;background:#ffffff47;inset-inline:6px;overflow:visible}.kon-deck[data-dock=overlay] .kon-fader-fill{background:var(--kon-glass-text);inset-block:0}.kon-deck[data-dock=overlay] .kon-fader-thumb{background:var(--kon-glass-text);border-radius:50%;width:12px;height:12px;inset-inline-start:calc(6px + (100% - 12px) * var(--media-slider-fill) / 100%);box-shadow:0 1px 3px #0006}.kon-deck[data-tier=m] .kon-fader{width:0;transition:width var(--kon-fast) var(--kon-ease), margin var(--kon-fast) var(--kon-ease), opacity var(--kon-medium) linear;margin-inline-start:calc(var(--g) * -1);overflow:hidden}.kon-deck[data-tier=m] .kon-tile-sound:is(:hover,:focus-within) .kon-fader{width:var(--fw);margin-inline-start:0;overflow:visible}@media (any-pointer:coarse){.kon-deck[data-dock=overlay]:is([data-tier=xs],[data-tier=s],[data-tier=m],[data-tier=tall]){--k:36px;--g:8px;--ra:44px}.kon-deck[data-dock=overlay]:is([data-tier=xs],[data-tier=s],[data-tier=m],[data-tier=tall]) .kon-time{min-height:44px}.kon:has(.kon-deck[data-tier=xs]){--media-caption-controls-y:-52px}}.kon-deck:is([data-tier=wide],[data-tier=phone],[data-tier=fs],[data-tier=fsxl]) .kon-tile-out[hidden]~.kon-tile-keys .kon-key-pip{display:grid}.kon-deck:is([data-tier=xxs],[data-tier=xs],[data-tier=tall],[data-tier=phone]) .kon-tiles>:is(.kon-tile-transport,.kon-tile-jog),.kon-deck:is([data-tier=xxs],[data-tier=xs],[data-tier=s],[data-tier=m],[data-tier=tall],[data-tier=phone]) .kon-tiles>.kon-tile-chapters,.kon-deck:is([data-tier=xxs],[data-tier=xs],[data-tier=s]) .kon-tiles>:is(.kon-tile-live,.kon-tile-out),.kon-deck:is([data-tier=s],[data-tier=m],[data-tier=tall]) .kon-tiles>.kon-tile-out,.kon-deck:is([data-tier=xxs],[data-tier=xs],[data-tier=s],[data-tier=tall],[data-tier=phone]) .kon-fader,.kon-deck:is([data-tier=s],[data-tier=m],[data-tier=tall],[data-tier=phone]) .kon-key-speed,.kon-deck[data-tier=s] :is(.kon-key-back,.kon-key-forward),.kon-deck[data-tier=xxs] :is(.kon-key-captions,[data-cell=settings]),.kon-deck[data-tier=xs] [data-cell=settings]{display:none}@container (width<=959px){.kon-deck[data-tier=wide] .kon-key-speed{display:none}}.kon-deck[data-dock=overlay]{--kon-center-gap:var(--cg)}.kon-deck[data-dock=overlay] .kon-start{width:var(--c);height:var(--c);background:var(--kon-accent);-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--kon-accent-text);font-size:var(--ci);transition:opacity var(--kon-medium) linear, scale var(--kon-fast) var(--kon-ease), filter var(--kon-fast) linear;border:0;box-shadow:inset 0 1.5px #ffffff5c,inset 0 -2px #6e24004d,0 0 0 .5px #3c140080,0 8px 28px #0000005c}@media (hover:hover){.kon-deck[data-dock=overlay] .kon-start:hover{background-color:var(--kon-accent);filter:brightness(1.07)}}.kon-deck[data-dock=overlay] .kon-start:active{scale:.92}.kon-deck[data-dock=overlay] .kon-start:focus-visible{box-shadow:var(--kon-focus), 0 8px 28px #0000005c}.kon-deck:is([data-tier=xxs],[data-tier=xs],[data-tier=tall],[data-tier=phone]) .kon-start{display:grid}.kon-deck:is([data-tier=tall],[data-tier=phone]) .kon-center:has(>.kon-start[data-started]) .kon-center-seek{width:var(--cs);min-width:0;max-width:none;height:var(--cs);-webkit-backdrop-filter:blur(10px)saturate(1.3);backdrop-filter:blur(10px)saturate(1.3);color:var(--kon-glass-text);transition:opacity var(--kon-medium) linear, scale var(--kon-fast) var(--kon-ease);background:#1c1a1880;border-radius:50%;flex:none;display:grid;box-shadow:inset 0 .5px #ffffff38,inset 0 0 0 .5px #ffffff1a}.kon-deck[data-dock=overlay] .kon-center-seek .kon-key-text{font-size:max(12px, calc(var(--cs) * .34))}.kon-deck[data-dock=overlay] .kon-center-seek:active{translate:none;scale:.92}.kon-deck[data-dock=overlay] .kon-center-seek:after{content:"";position:absolute;inset:-6px}.kon-deck[data-dock=overlay]:has(.kon-start[data-paused]:not([data-started])):after{opacity:0;pointer-events:none}.kon-deck[data-dock=overlay]:has(.kon-start[data-paused]:not([data-started])) :is(.kon-timeline,.kon-readout){opacity:0;pointer-events:none}.kon-deck[data-dock=overlay]:has(.kon-start[data-paused]:not([data-started])) .kon-tiles :is(.kon-key,.kon-play,.kon-fader){opacity:0;pointer-events:none}media-controls-content:not([data-visible]) .kon-deck[data-dock=overlay]:after,media-controls-content:not([data-visible]) .kon-deck[data-dock=overlay] :is(.kon-timeline,.kon-readout,.kon-tiles .kon-key,.kon-tiles .kon-play,.kon-fader,.kon-center-seek),media-controls-content:not([data-visible]) .kon-deck[data-dock=overlay] .kon-start[data-started]:not([data-paused],[data-ended]){opacity:0;pointer-events:none}:is(.kon-deck[data-tier=xxs] .kon-titlebar,.kon-deck[data-tier=xs]:has(.kon-start[data-started]) .kon-titlebar){display:none}.kon-deck .kon-titlebar{--tt:14px;--tc:10px}.kon-deck[data-dock=overlay] .kon-titlebar{padding:var(--tpy,12px) var(--tpx,14px) 28px}.kon-deck[data-dock=overlay] .kon-titlebar-title{font-size:var(--tt)}.kon-deck[data-dock=overlay] .kon-titlebar-chapter{font-size:var(--tc)}.kon-deck:is([data-tier=xs],[data-tier=s]) .kon-titlebar-chapter{display:none}.kon-deck[data-tier=xs] .kon-titlebar{--tt:12px;--tpx:10px;--tpy:8px}.kon-deck[data-tier=s] .kon-titlebar{--tt:13px;--tpx:12px;--tpy:10px}.kon-deck[data-tier=wide] .kon-titlebar{--tpx:16px;--tpy:10px}.kon-deck[data-tier=tall] .kon-titlebar{--tt:13px}.kon-deck[data-tier=tall][data-narrow] .kon-titlebar{--tt:12px;--tpx:12px;--tpy:10px}.kon-deck[data-tier=phone] .kon-titlebar{--tt:17px;--tc:12px;--tpx:20px;--tpy:calc(16px + env(safe-area-inset-top,0px))}.kon-deck[data-tier=fs] .kon-titlebar{--tt:20px;--tc:13px;--tpx:32px;--tpy:24px}.kon-deck[data-tier=fsxl] .kon-titlebar{--tt:26px;--tc:15px;--tpx:40px;--tpy:32px}.kon-deck:is([data-tier=tall],[data-tier=phone]) .kon-titlebar-title{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}@media (prefers-reduced-motion:reduce){.kon{--kon-fast:0s;--kon-medium:0s;--kon-slow:0s;--kon-dial-glide:0s}.kon-filmstrip-frame[data-active]{scale:1}.kon-dial:not([data-turning]) :is(.kon-dial-marks,.kon-dial-dimple){rotate:none}.kon-dial :is(.kon-dial-marks,.kon-dial-dimple){transition:none}}@media (prefers-reduced-transparency:reduce){.kon,.kon-menu{--kon-veil:#181715f5;--kon-veil-blur:none}}@media (prefers-contrast:more){.kon{--kon-ink-soft:var(--kon-ink);--kon-glass-soft:var(--kon-glass-text);--kon-glass-line:var(--kon-glass-text)}}@media (forced-colors:active){.kon :is(.kon-key,.kon-play,.kon-latch,.kon-start,.kon-tile,.kon-display,.kon-menu,.kon-fader-slot,.kon-fader-thumb){forced-color-adjust:auto;border:1px solid buttontext}.kon :is(.kon-key,.kon-play,.kon-latch,.kon-start,.kon-time,.kon-playhead,.kon-fader-thumb):focus-visible,.kon-menu-item:focus-visible{outline-offset:2px;outline:2px solid highlight}.kon-dial-face{border:1px solid canvastext}.kon :is(.kon-display,.kon-tile):after,.kon-dial-face:before,.kon-dial-face:after{display:none}}}@layer utilities;@layer base.theme{.media-skin{--media-background:#000;--media-foreground:#fff;--media-controls:#00000059;--media-controls-foreground:var(--media-foreground);--media-popover:#ffffff1a;--media-popover-foreground:var(--media-foreground);--media-primary:var(--media-accent-color,var(--media-default-accent-color));--media-primary-foreground:var(--media-accent-text-color,var(--media-default-accent-text-color));--media-accent:var(--media-accent-color,#ffffff1a);--media-accent-foreground:var(--media-accent-text-color,currentColor);--media-muted:#ffffff26;--media-muted-foreground:#ffffffa6;--media-border:#0000001a;--media-ring:#fff;--media-backdrop:#000;--media-live-color:#f9423d;--media-shadow-surface:0 1px 3px 0 #00000026, 0 1px 2px -1px #00000026;--media-shadow-surface-inset:inset 0 1px 0 0 #ffffff1a, inset 0 0 0 1px #ffffff0d;--media-shadow-thumb:0 0 0 1px #0000001a, 0 1px 3px 0 #00000059, 0 1px 2px -1px #00000059;--media-shadow-tooltip:0 0 0 1px var(--media-border), var(--media-shadow-surface);--media-shadow-separator:0 1px 0 0 #ffffff13;--media-shadow-current-color:oklch(from currentColor 0 0 0 / clamp(0, calc((l - .5) * .5), .15));--media-shadow-subtle-current-color:transparent;--media-text-shadow-dialog:0 1px 0 #00000040;--media-backdrop-filter-surface:blur(16px) saturate(125%);--media-backdrop-filter-indicator:blur(8px);--media-backdrop-filter-dialog:blur(16px) saturate(125%);--media-control-corner-shape:round;--media-control-radius:99px;--media-control-size:calc(var(--media-spacing) * 9);--media-controls-radius:var(--media-control-radius);--media-default-accent-color:#fff;--media-default-accent-text-color:#000;--media-duration-instant:50ms;--media-duration-fast:.1s;--media-duration:.15s;--media-duration-slow:.2s;--media-duration-slower:.25s;--media-duration-controls:.1s;--media-duration-dialog:.35s;--media-duration-indicator:var(--media-duration-slower);--media-duration-menu:.25s;--media-duration-slider:var(--media-duration-fast);--media-delay-dialog:.1s;--media-hidden-scale:.95;--media-hidden-blur:8px;--media-hidden-offset:calc(var(--media-spacing) * 1);--media-hidden-icon-scale:0;--media-hidden-indicator-scale:.9;--media-hidden-indicator-offset:-25%;--media-hidden-playback-scale:.85;--media-hidden-popup-scale:.95;--media-hidden-popup-blur:4px;--media-hidden-preview-scale:.8;--media-hidden-preview-offset:calc(var(--media-spacing) * 2);--media-hidden-seek-offset:60%;--media-menu-item-radius:calc(var(--media-spacing) * 2);--media-popover-boundary-offset:calc(var(--media-spacing) * 3);--media-popover-side-offset:calc(var(--media-spacing) * 3);--media-popup-radius:calc(var(--media-spacing) * 3);--media-popup-translate-distance:calc(var(--media-spacing) * 2);--media-tooltip-boundary-offset:var(--media-popover-boundary-offset);--media-tooltip-side-offset:var(--media-popover-side-offset);--media-dialog-radius:calc(var(--media-spacing) * 7);--media-dialog-width:calc(100% - var(--media-spacing) * 6);--media-dialog-max-width:calc(var(--media-spacing) * 72);--media-slider-preview-label-offset:calc(var(--media-spacing) * 10.5);--media-video-border-radius:var(--media-border-radius,28px);--media-scale:1;--media-scrollbar-thumb-color:#80808080;--media-spacing:calc(var(--media-scale-unit,16px) * var(--media-scale) / 4);scrollbar-color:var(--media-scrollbar-thumb-color) transparent;scrollbar-width:thin}@supports (color:color-mix(in oklab, red, red)){.media-skin{--media-accent:var(--media-accent-color,color-mix(in oklab, var(--media-default-accent-color) 10%, transparent));--media-muted-foreground:color-mix(in oklab, var(--media-foreground) 65%, transparent);--media-shadow-subtle-current-color:color-mix(in oklab, var(--media-shadow-current-color) 40%, transparent);--media-scrollbar-thumb-color:color-mix(in oklab, currentColor 30%, transparent)}}@supports (color:oklch(0 0 0)){.media-skin{--media-live-color:oklch(65% .22 27)}}@supports (color:contrast-color(red)){.media-skin{--media-primary-foreground:var(--media-accent-text-color,contrast-color(var(--media-primary)));--media-accent-foreground:var(--media-accent-text-color,contrast-color(var(--media-accent-color,var(--media-internal-accent-text-fallback,#000))))}}@supports (color:oklch(from red l c h)){.media-skin{--media-shadow-subtle-current-color:oklch(from var(--media-shadow-current-color) l c h / calc(alpha * .4))}}@supports (color:oklch(from currentColor l c h)){.media-skin{--media-scrollbar-thumb-color:oklch(from currentColor l c h / .3)}}.media-skin::-webkit-scrollbar-thumb{background:var(--media-scrollbar-thumb-color);border-radius:9999px}.media-skin:fullscreen{--media-object-fit:contain;--media-video-border-radius:0}@media (width>=1280px){.media-skin:fullscreen{--media-scale:1.25}}@media (width>=1536px){.media-skin:fullscreen{--media-scale:1.5}}@media (width>=1920px){.media-skin:fullscreen{--media-scale:1.75}}}@layer base.preset{.media-skin:is([data-preset=video],[data-preset=live-video]){--media-frame-border:var(--media-border-color,#0000001a);--media-controls-gradient-height:max(40%, calc(var(--media-spacing) * 40));--media-controls-bottom-gradient-height:max(50%, calc(var(--media-spacing) * 60));--media-caption-controls-y:calc(var(--media-spacing) * -16);--media-slider-preview-offset:calc(var(--media-spacing) * 9)}@supports (color:color-mix(in oklab, red, red)){.media-skin:is([data-preset=video],[data-preset=live-video]){--media-controls-gradient:linear-gradient(to top, color-mix(in oklab, var(--media-backdrop) 60%, transparent), color-mix(in oklab, var(--media-backdrop) 50.7%, transparent) 25%, color-mix(in oklab, var(--media-backdrop) 30%, transparent) 50%, color-mix(in oklab, var(--media-backdrop) 9.3%, transparent) 75%, transparent);--media-controls-top-gradient:linear-gradient(to bottom, color-mix(in oklab, var(--media-backdrop) 55%, transparent), color-mix(in oklab, var(--media-backdrop) 46.48%, transparent) 25%, color-mix(in oklab, var(--media-backdrop) 27.5%, transparent) 50%, color-mix(in oklab, var(--media-backdrop) 8.53%, transparent) 75%, transparent);--media-thumbnail-gradient:linear-gradient(to top, color-mix(in oklab, var(--media-backdrop) 50%, transparent), color-mix(in oklab, var(--media-backdrop) 10%, transparent), transparent)}.media-skin:is([data-preset=video],[data-preset=live-video])[data-theme=neutral]{--media-controls-gradient:linear-gradient(to top, color-mix(in oklab, var(--media-backdrop) 50%, transparent), color-mix(in oklab, var(--media-backdrop) 42.2%, transparent) 25%, color-mix(in oklab, var(--media-backdrop) 25%, transparent) 50%, color-mix(in oklab, var(--media-backdrop) 7.8%, transparent) 75%, transparent);--media-controls-top-gradient:linear-gradient(to bottom, color-mix(in oklab, var(--media-backdrop) 50%, transparent), color-mix(in oklab, var(--media-backdrop) 42.2%, transparent) 25%, color-mix(in oklab, var(--media-backdrop) 25%, transparent) 50%, color-mix(in oklab, var(--media-backdrop) 7.8%, transparent) 75%, transparent);--media-indicator-gradient:linear-gradient(to bottom, color-mix(in oklab, var(--media-backdrop) 35%, transparent), color-mix(in oklab, var(--media-backdrop) 20%, transparent) calc(var(--media-spacing) * 12), transparent)}}@supports (color:oklch(from red l c h)) and (background-image:linear-gradient(in oklab, red, red)){.media-skin:is([data-preset=video],[data-preset=live-video]){--media-controls-gradient:linear-gradient(to top in oklab, oklch(from var(--media-backdrop) l c h / .6), oklch(from var(--media-backdrop) l c h / .507) 25%, oklch(from var(--media-backdrop) l c h / .3) 50%, oklch(from var(--media-backdrop) l c h / .093) 75%, transparent);--media-controls-top-gradient:linear-gradient(to bottom in oklab, oklch(from var(--media-backdrop) l c h / .55), oklch(from var(--media-backdrop) l c h / .4647) 25%, oklch(from var(--media-backdrop) l c h / .275) 50%, oklch(from var(--media-backdrop) l c h / .0853) 75%, transparent)}}@supports (color:oklch(from red l c h)){.media-skin:is([data-preset=video],[data-preset=live-video]){--media-thumbnail-gradient:linear-gradient(to top, oklch(from var(--media-backdrop) l c h / .5), oklch(from var(--media-backdrop) l c h / .1), transparent)}}.media-skin:is([data-preset=video],[data-preset=live-video])[data-theme=neutral]{--media-frame-border:var(--media-border-color,#00000026);--media-controls-gradient-height:40%;--media-controls-bottom-gradient-height:40%;--media-caption-controls-y:calc(var(--media-spacing) * -14);--media-slider-preview-offset:calc(var(--media-spacing) * 11)}.media-skin:is([data-preset=video],[data-preset=live-video])[data-theme=compat]{--media-controls-gradient:linear-gradient(to top, #00000080, transparent 40% 60%, #0006);--media-caption-controls-y:calc(var(--media-spacing) * -18)}.media-skin:is([data-preset=video],[data-preset=live-video])[data-theme=scaffold]{--media-caption-controls-y:calc(var(--media-spacing) * -20)}@supports (color:oklch(from red l c h)) and (background-image:linear-gradient(in oklab, red, red)){.media-skin:is([data-preset=video],[data-preset=live-video])[data-theme=neutral]{--media-controls-gradient:linear-gradient(to top in oklab, oklch(from var(--media-backdrop) l c h / .5), oklch(from var(--media-backdrop) l c h / .422) 25%, oklch(from var(--media-backdrop) l c h / .25) 50%, oklch(from var(--media-backdrop) l c h / .078) 75%, transparent);--media-controls-top-gradient:linear-gradient(to bottom in oklab, oklch(from var(--media-backdrop) l c h / .5), oklch(from var(--media-backdrop) l c h / .422) 25%, oklch(from var(--media-backdrop) l c h / .25) 50%, oklch(from var(--media-backdrop) l c h / .078) 75%, transparent)}}@supports (color:oklch(from red l c h)){.media-skin:is([data-preset=video],[data-preset=live-video])[data-theme=neutral]{--media-indicator-gradient:linear-gradient(to bottom, oklch(from var(--media-backdrop) l c h / .35), oklch(from var(--media-backdrop) l c h / .2) calc(var(--media-spacing) * 12), transparent)}}@supports (color:light-dark(red, red)){.media-skin:is([data-preset=video],[data-preset=live-video]){--media-frame-border:var(--media-border-color,var(--lightningcss-light,#0000001a)var(--lightningcss-dark,#ffffff26))}.media-skin:is([data-preset=video],[data-preset=live-video])[data-theme=neutral]{--media-frame-border:var(--media-border-color,var(--lightningcss-light,#00000026)var(--lightningcss-dark,#ffffff26))}}}@layer base.preferences{@media (pointer:fine) and (prefers-reduced-motion:no-preference){.media-skin:not([data-controls-visible]){--media-duration-controls:.3s}}@media (pointer:coarse) and (prefers-reduced-motion:no-preference){.media-skin:not([data-controls-visible]){--media-duration-controls:.15s}}@media (prefers-reduced-motion:reduce){.media-skin{--media-duration-fast:var(--media-duration-instant);--media-duration:var(--media-duration-instant);--media-duration-slow:var(--media-duration-instant);--media-duration-slower:var(--media-duration-instant);--media-duration-controls:var(--media-duration-instant);--media-duration-dialog:var(--media-duration-instant);--media-duration-indicator:var(--media-duration-instant);--media-duration-menu:0s;--media-duration-slider:0s;--media-delay-dialog:0s;--media-hidden-scale:1;--media-hidden-blur:0px;--media-hidden-offset:0px;--media-hidden-icon-scale:1;--media-hidden-indicator-scale:1;--media-hidden-indicator-offset:0px;--media-hidden-playback-scale:1;--media-hidden-popup-scale:1;--media-hidden-popup-blur:0px;--media-hidden-preview-scale:1;--media-hidden-preview-offset:0px;--media-hidden-seek-offset:0px;--media-popup-translate-distance:0px;--media-spinner-animation:none;--media-icon-airplay-fill-animation:none;--media-icon-airplay-triangle-animation:none}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.media-skin{--media-popover:var(--media-background);--media-scrollbar-thumb-color:currentColor;--media-backdrop-filter-surface:none;--media-backdrop-filter-indicator:none;--media-backdrop-filter-dialog:none;--media-shadow-surface-inset:inset 0 1px 0 0 #ffffff40, inset 0 0 0 1px #ffffff20;scrollbar-width:auto}@supports (color:color-mix(in oklab, red, red)){.media-skin{--media-scrollbar-thumb-color:color-mix(in oklab, currentColor 80%, transparent)}}@supports (color:oklch(from currentColor l c h)){.media-skin{--media-scrollbar-thumb-color:oklch(from currentColor l c h / .8)}}}@media (forced-colors:active){.media-skin{--media-border:CanvasText;--media-frame-border:CanvasText;--media-popover:Canvas;--media-popover-foreground:CanvasText;--media-ring:CanvasText;--media-shadow-surface-inset:inset 0 1px 0 0 CanvasText, inset 0 0 0 1px CanvasText}}}@property --media-slider-fill{syntax:"<percentage>";inherits:true;initial-value:0%}@property --media-slider-buffer{syntax:"<percentage>";inherits:true;initial-value:0%}