/*! 
 * OverlayScrollbars
 * Version: 2.14.0
 * 
 * Copyright (c) Rene Haas | KingSora.
 * https://github.com/KingSora
 * 
 * Released under the MIT license.
 */.os-size-observer,.os-size-observer-listener{scroll-behavior:auto!important;direction:inherit;pointer-events:none;overflow:hidden;visibility:hidden;box-sizing:border-box}.os-size-observer,.os-size-observer-listener,.os-size-observer-listener-item,.os-size-observer-listener-item-final{writing-mode:horizontal-tb;position:absolute;left:0;top:0}.os-size-observer{z-index:-1;contain:strict;display:flex;flex-direction:row;flex-wrap:nowrap;padding:inherit;border:inherit;box-sizing:inherit;margin:-133px;top:0;right:0;bottom:0;left:0;transform:scale(.1)}.os-size-observer:before{content:"";flex:none;box-sizing:inherit;padding:10px;width:10px;height:10px}.os-size-observer-appear{animation:os-size-observer-appear-animation 1ms forwards}.os-size-observer-listener{box-sizing:border-box;position:relative;flex:auto;padding:inherit;border:inherit;margin:-133px;transform:scale(10)}.os-size-observer-listener.ltr{margin-right:-266px;margin-left:0}.os-size-observer-listener.rtl{margin-left:-266px;margin-right:0}.os-size-observer-listener:empty:before{content:"";width:100%;height:100%}.os-size-observer-listener:empty:before,.os-size-observer-listener>.os-size-observer-listener-item{display:block;position:relative;padding:inherit;border:inherit;box-sizing:content-box;flex:auto}.os-size-observer-listener-scroll{box-sizing:border-box;display:flex}.os-size-observer-listener-item{right:0;bottom:0;overflow:hidden;direction:ltr;flex:none}.os-size-observer-listener-item-final{transition:none}@keyframes os-size-observer-appear-animation{0%{cursor:auto}to{cursor:none}}.os-trinsic-observer{flex:none;box-sizing:border-box;position:relative;max-width:0px;max-height:1px;padding:0;margin:0;border:none;overflow:hidden;z-index:-1;height:0;top:calc(100% + 1px);contain:strict}.os-trinsic-observer:not(:empty){height:calc(100% + 1px);top:-1px}.os-trinsic-observer:not(:empty)>.os-size-observer{width:1000%;height:1000%;min-height:1px;min-width:1px}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport]),[data-overlayscrollbars-viewport~=scrollbarHidden],html[data-overlayscrollbars-viewport~=scrollbarHidden]>body{scrollbar-width:none!important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar,[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar-corner,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner,html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar,html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar-corner{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;display:none!important;width:0!important;height:0!important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body){overflow:auto}html[data-overlayscrollbars-body]{overflow:hidden}html[data-overlayscrollbars-body],html[data-overlayscrollbars-body]>body{width:100%;height:100%;margin:0}html[data-overlayscrollbars-body]>body{overflow:visible;margin:0}[data-overlayscrollbars]{position:relative}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{display:flex;align-items:stretch!important;flex-direction:row!important;flex-wrap:nowrap!important;scroll-behavior:auto!important}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){box-sizing:inherit;position:relative;flex:auto;height:auto;width:100%;min-width:0;padding:0;margin:0;border:none;z-index:0}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){--os-vaw: 0;--os-vah: 0;outline:none}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]):focus{outline:none}[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]:before{content:"";position:absolute;pointer-events:none;z-index:-1;min-width:1px;min-height:1px;width:var(--os-vaw);height:var(--os-vah)}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{overflow:hidden!important}[data-overlayscrollbars~=host][data-overlayscrollbars~=noClipping],[data-overlayscrollbars-padding~=noClipping]{overflow:visible!important}[data-overlayscrollbars-viewport]{--os-viewport-overflow-x: hidden;--os-viewport-overflow-y: hidden;overflow-x:var(--os-viewport-overflow-x);overflow-y:var(--os-viewport-overflow-y)}[data-overlayscrollbars-viewport~=overflowXVisible]{--os-viewport-overflow-x: visible}[data-overlayscrollbars-viewport~=overflowXHidden]{--os-viewport-overflow-x: hidden}[data-overlayscrollbars-viewport~=overflowXScroll]{--os-viewport-overflow-x: scroll}[data-overlayscrollbars-viewport~=overflowYVisible]{--os-viewport-overflow-y: visible}[data-overlayscrollbars-viewport~=overflowYHidden]{--os-viewport-overflow-y: hidden}[data-overlayscrollbars-viewport~=overflowYScroll]{--os-viewport-overflow-y: scroll}[data-overlayscrollbars-viewport~=overflowImportant]{overflow-x:var(--os-viewport-overflow-x)!important;overflow-y:var(--os-viewport-overflow-y)!important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId){font-size:0!important;line-height:0!important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId):before,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId):after,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)>*:not(#osFakeId){display:none!important;position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border-width:0!important}[data-overlayscrollbars-viewport~=measuring],[data-overlayscrollbars-viewport~=scrolling]{scroll-behavior:auto!important;scroll-snap-type:none!important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowXVisible]{overflow-x:hidden!important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowYVisible]{overflow-y:hidden!important}[data-overlayscrollbars-content]{box-sizing:inherit}[data-overlayscrollbars-contents]:not(#osFakeId):not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]){display:contents}[data-overlayscrollbars-grid],[data-overlayscrollbars-grid] [data-overlayscrollbars-padding]{display:grid;grid-template:1fr/1fr}[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding],[data-overlayscrollbars-grid]>[data-overlayscrollbars-viewport],[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding]>[data-overlayscrollbars-viewport]{height:auto!important;width:auto!important}@property --os-scroll-percent{syntax: "<number>"; inherits: true; initial-value: 0;}@property --os-viewport-percent{syntax: "<number>"; inherits: true; initial-value: 0;}.os-scrollbar{--os-viewport-percent: 0;--os-scroll-percent: 0;--os-scroll-direction: 0;--os-scroll-percent-directional: calc( var(--os-scroll-percent) - (var(--os-scroll-percent) + (1 - var(--os-scroll-percent)) * -1) * var(--os-scroll-direction) )}.os-scrollbar{contain:size layout;contain:size layout style;transition:opacity .15s,visibility .15s,top .15s,right .15s,bottom .15s,left .15s;pointer-events:none;position:absolute;opacity:0;visibility:hidden}body>.os-scrollbar{position:fixed;z-index:99999}.os-scrollbar-transitionless{transition:none!important}.os-scrollbar-track{position:relative;padding:0!important;border:none!important}.os-scrollbar-handle{position:absolute}.os-scrollbar-track,.os-scrollbar-handle{pointer-events:none;width:100%;height:100%}.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle{pointer-events:auto;touch-action:none}.os-scrollbar-horizontal{bottom:0;left:0}.os-scrollbar-vertical{top:0;right:0}.os-scrollbar-rtl.os-scrollbar-horizontal{right:0}.os-scrollbar-rtl.os-scrollbar-vertical{right:auto;left:0}.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden{opacity:0;visibility:hidden}.os-scrollbar-interaction.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-unusable,.os-scrollbar-unusable *,.os-scrollbar-wheel,.os-scrollbar-wheel *{pointer-events:none!important}.os-scrollbar-unusable .os-scrollbar-handle{opacity:0!important;transition:none!important}.os-scrollbar-horizontal .os-scrollbar-handle{bottom:0;left:calc(var(--os-scroll-percent-directional) * 100%);transform:translate(calc(var(--os-scroll-percent-directional) * -100%));width:calc(var(--os-viewport-percent) * 100%)}.os-scrollbar-vertical .os-scrollbar-handle{right:0;top:calc(var(--os-scroll-percent-directional) * 100%);transform:translateY(calc(var(--os-scroll-percent-directional) * -100%));height:calc(var(--os-viewport-percent) * 100%)}@supports (container-type: size){.os-scrollbar-track{container-type:size}.os-scrollbar-horizontal .os-scrollbar-handle{left:auto;transform:translate(calc(var(--os-scroll-percent-directional) * 100cqw + var(--os-scroll-percent-directional) * -100%))}.os-scrollbar-vertical .os-scrollbar-handle{top:auto;transform:translateY(calc(var(--os-scroll-percent-directional) * 100cqh + var(--os-scroll-percent-directional) * -100%))}.os-scrollbar-rtl.os-scrollbar-horizontal .os-scrollbar-handle{right:auto;left:0}}.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle{right:auto;left:0}.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl{left:0;right:0}.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl{top:0;bottom:0}@media print{.os-scrollbar{display:none}}.os-scrollbar{--os-size: 0;--os-padding-perpendicular: 0;--os-padding-axis: 0;--os-track-border-radius: 0;--os-track-bg: none;--os-track-bg-hover: none;--os-track-bg-active: none;--os-track-border: none;--os-track-border-hover: none;--os-track-border-active: none;--os-handle-border-radius: 0;--os-handle-bg: none;--os-handle-bg-hover: none;--os-handle-bg-active: none;--os-handle-border: none;--os-handle-border-hover: none;--os-handle-border-active: none;--os-handle-min-size: 33px;--os-handle-max-size: none;--os-handle-perpendicular-size: 100%;--os-handle-perpendicular-size-hover: 100%;--os-handle-perpendicular-size-active: 100%;--os-handle-interactive-area-offset: 0}.os-scrollbar-track{border:var(--os-track-border);border-radius:var(--os-track-border-radius);background:var(--os-track-bg);transition:opacity .15s,background-color .15s,border-color .15s}.os-scrollbar-track:hover{border:var(--os-track-border-hover);background:var(--os-track-bg-hover)}.os-scrollbar-track:active{border:var(--os-track-border-active);background:var(--os-track-bg-active)}.os-scrollbar-handle{border:var(--os-handle-border);border-radius:var(--os-handle-border-radius);background:var(--os-handle-bg)}.os-scrollbar-handle:hover{border:var(--os-handle-border-hover);background:var(--os-handle-bg-hover)}.os-scrollbar-handle:active{border:var(--os-handle-border-active);background:var(--os-handle-bg-active)}.os-scrollbar-track:before,.os-scrollbar-handle:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;display:block}.os-scrollbar-horizontal{padding:var(--os-padding-perpendicular) var(--os-padding-axis);right:var(--os-size);height:var(--os-size)}.os-scrollbar-horizontal.os-scrollbar-rtl{left:var(--os-size);right:0}.os-scrollbar-horizontal .os-scrollbar-track:before{top:calc(var(--os-padding-perpendicular) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal .os-scrollbar-handle{min-width:var(--os-handle-min-size);max-width:var(--os-handle-max-size);height:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,height .15s}.os-scrollbar-horizontal .os-scrollbar-handle:before{top:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal:hover .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-horizontal:active .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-active)}.os-scrollbar-vertical{padding:var(--os-padding-axis) var(--os-padding-perpendicular);bottom:var(--os-size);width:var(--os-size)}.os-scrollbar-vertical .os-scrollbar-track:before{left:calc(var(--os-padding-perpendicular) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical .os-scrollbar-handle{min-height:var(--os-handle-min-size);max-height:var(--os-handle-max-size);width:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,width .15s}.os-scrollbar-vertical .os-scrollbar-handle:before{left:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before{right:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);left:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical:hover .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-vertical:active .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-active)}[data-overlayscrollbars-viewport~=measuring]>.os-scrollbar,.os-theme-none.os-scrollbar{display:none!important}.os-theme-dark,.os-theme-light{box-sizing:border-box;--os-size: 10px;--os-padding-perpendicular: 2px;--os-padding-axis: 2px;--os-track-border-radius: 10px;--os-handle-interactive-area-offset: 4px;--os-handle-border-radius: 10px}.os-theme-dark{--os-handle-bg: rgba(0, 0, 0, .44);--os-handle-bg-hover: rgba(0, 0, 0, .55);--os-handle-bg-active: rgba(0, 0, 0, .66)}.os-theme-light{--os-handle-bg: rgba(255, 255, 255, .44);--os-handle-bg-hover: rgba(255, 255, 255, .55);--os-handle-bg-active: rgba(255, 255, 255, .66)}:root{--ss-primary-color: #5897fb;--ss-bg-color: #ffffff;--ss-font-color: #4d4d4d;--ss-placeholder-color: #8d8d8d;--ss-disabled-color: #dcdee2;--ss-border-color: #dcdee2;--ss-highlight-color: #fffb8c;--ss-focus-color: var(--ss-primary-color);--ss-success-color: #00b755;--ss-error-color: #dc3545;--ss-main-height: 40px;--ss-content-height: 300px;--ss-search-height: 40px;--ss-option-height: auto;--ss-spacing-l: 9px;--ss-spacing-m: 7px;--ss-spacing-s: 5px;--ss-animation-timing: .2s;--ss-border-radius: 4px}@keyframes ss-valueIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes ss-valueOut{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}.ss-hide{display:none!important}.ss-main{display:flex;flex-direction:row;position:relative;-webkit-user-select:none;user-select:none;color:var(--ss-font-color);min-height:var(--ss-main-height);width:100%;padding:var(--ss-spacing-s);cursor:pointer;border:1px solid var(--ss-border-color);border-radius:var(--ss-border-radius);background-color:var(--ss-bg-color);outline:0;box-sizing:border-box;transition:background-color var(--ss-animation-timing);overflow:hidden}.ss-main:focus{box-shadow:0 0 5px var(--ss-focus-color)}.ss-main.ss-disabled{background-color:var(--ss-disabled-color);cursor:not-allowed}.ss-main.ss-disabled .ss-values .ss-disabled{color:var(--ss-font-color)}.ss-main.ss-disabled .ss-values .ss-value .ss-value-delete{cursor:not-allowed}.ss-main.ss-dir-above{border-top-left-radius:0;border-top-right-radius:0}.ss-main.ss-dir-below{border-bottom-left-radius:0;border-bottom-right-radius:0}.ss-main .ss-values{display:inline-flex;flex-wrap:wrap;gap:var(--ss-spacing-m);flex:1 1 100%;min-width:0;max-width:100%;overflow:hidden}.ss-main .ss-values .ss-placeholder{display:block;width:100%;min-width:0;padding:var(--ss-spacing-s) var(--ss-spacing-m) var(--ss-spacing-s) var(--ss-spacing-m);margin:auto 0;line-height:1em;color:var(--ss-placeholder-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-main .ss-values .ss-max{display:flex;-webkit-user-select:none;user-select:none;align-items:center;width:fit-content;font-size:12px;color:var(--ss-bg-color);line-height:1;padding:var(--ss-spacing-s) var(--ss-spacing-m);background-color:var(--ss-primary-color);border-radius:var(--ss-border-radius)}.ss-main .ss-values .ss-single{display:block;margin:auto 0px auto var(--ss-spacing-s);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto;max-width:calc(100% - 20px)}.ss-main .ss-values .ss-value{display:flex;-webkit-user-select:none;user-select:none;align-items:center;width:fit-content;max-width:100%;background-color:var(--ss-primary-color);border-radius:var(--ss-border-radius);animation-name:ss-valueIn;animation-duration:var(--ss-animation-timing);animation-timing-function:ease-out;animation-fill-mode:both}.ss-main .ss-values .ss-value.ss-value-out{animation-name:ss-valueOut;animation-duration:var(--ss-animation-timing);animation-timing-function:ease-out}.ss-main .ss-values .ss-value .ss-value-text{flex:1;min-width:0;font-size:12px;line-height:1;color:var(--ss-bg-color);padding:var(--ss-spacing-s) var(--ss-spacing-m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-main .ss-values .ss-value .ss-value-delete{display:flex;align-items:center;height:var(--ss-spacing-l);width:var(--ss-spacing-l);padding:var(--ss-spacing-s) var(--ss-spacing-m);cursor:pointer;border-left:solid 1px var(--ss-bg-color);box-sizing:content-box}.ss-main .ss-values .ss-value .ss-value-delete svg{height:var(--ss-spacing-l);width:var(--ss-spacing-l)}.ss-main .ss-values .ss-value .ss-value-delete svg path{fill:none;stroke:var(--ss-bg-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round}.ss-main .ss-deselect{flex:0 1 auto;display:flex;align-items:center;justify-content:center;width:fit-content;height:auto;padding:0 var(--ss-spacing-m) 0 var(--ss-spacing-m)}.ss-main .ss-deselect svg{width:8px;height:8px}.ss-main .ss-deselect svg path{fill:none;stroke:var(--ss-font-color);stroke-width:20;stroke-linecap:round;stroke-linejoin:round}.ss-main .ss-arrow{flex:0 1 auto;display:flex;align-items:center;justify-content:flex-end;width:12px;height:12px;margin:auto var(--ss-spacing-m) auto var(--ss-spacing-m)}.ss-main .ss-arrow path{fill:none;stroke:var(--ss-font-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round;transition-timing-function:ease-out;transition:var(--ss-animation-timing)}.ss-content{position:absolute;display:flex;height:auto;flex-direction:column;width:auto;max-height:var(--ss-content-height);box-sizing:border-box;border:solid 1px var(--ss-border-color);background-color:var(--ss-bg-color);transition:transform var(--ss-animation-timing),opacity var(--ss-animation-timing);opacity:0;transform:scaleY(0);overflow:hidden;z-index:10000}.ss-content.ss-relative{position:relative;height:100%}.ss-content.ss-fixed{position:fixed}.ss-content.ss-dir-above{transform-origin:center bottom;flex-direction:column-reverse;border-top-left-radius:var(--ss-border-radius);border-top-right-radius:var(--ss-border-radius)}.ss-content.ss-dir-below{transform-origin:center top;border-bottom-left-radius:var(--ss-border-radius);border-bottom-right-radius:var(--ss-border-radius)}.ss-content.ss-open{opacity:1;transform:scaleY(1)}.ss-content .ss-search{flex:0 1 auto;display:flex;flex-direction:row;border-bottom:1px solid var(--ss-border-color)}.ss-content .ss-search input{display:inline-flex;font-size:inherit;line-height:inherit;flex:1 1 auto;width:100%;min-width:0px;height:var(--ss-search-height);padding:var(--ss-spacing-m) var(--ss-spacing-l);margin:0;border:none;background-color:var(--ss-bg-color);outline:0;text-align:left;box-sizing:border-box}.ss-content .ss-search input::placeholder{color:var(--ss-placeholder-color);vertical-align:middle}.ss-content .ss-search input:focus{box-shadow:none}.ss-content .ss-search .ss-addable{display:inline-flex;justify-content:center;align-items:center;cursor:pointer;flex:0 0 auto;height:auto;margin:0 0 0 var(--ss-spacing-m);border:1px solid var(--ss-border-color);border-radius:var(--ss-border-radius)}.ss-content .ss-search .ss-addable svg{display:flex;align-items:center;justify-content:flex-end;flex:0 1 auto;width:12px;height:12px;margin:auto var(--ss-spacing-m) auto var(--ss-spacing-m)}.ss-content .ss-search .ss-addable svg path{fill:none;stroke:var(--ss-font-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round}.ss-content.ss-dir-above .ss-search{border-bottom:none;border-top:1px solid var(--ss-border-color)}.ss-content .ss-list{flex:1 1 auto;height:auto;overflow-x:hidden;overflow-y:auto}.ss-content .ss-list .ss-error{color:var(--ss-error-color);padding:var(--ss-spacing-l)}.ss-content .ss-list .ss-searching{color:var(--ss-font-color);padding:var(--ss-spacing-l)}.ss-content .ss-list .ss-optgroup .ss-option{transition:max-height var(--ss-animation-timing) ease,opacity var(--ss-animation-timing) ease,padding-top var(--ss-animation-timing) ease,padding-bottom var(--ss-animation-timing) ease,margin-top var(--ss-animation-timing) ease,margin-bottom var(--ss-animation-timing) ease}.ss-content .ss-list .ss-optgroup.ss-open .ss-option{max-height:100px;opacity:1;overflow:visible}.ss-content .ss-list .ss-optgroup.ss-close .ss-option{padding-top:0!important;padding-bottom:0!important;margin-top:0!important;margin-bottom:0!important;max-height:0;opacity:0;overflow:hidden}.ss-content .ss-list .ss-optgroup .ss-optgroup-label{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-label-text{flex:1 1 auto;font-weight:700;color:var(--ss-font-color)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label:has(.ss-arrow){cursor:pointer}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions{flex:0 1 auto;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--ss-spacing-m)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall{flex:0 0 auto;display:flex;flex-direction:row;cursor:pointer}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall:hover{opacity:.5}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall.ss-selected svg path{stroke:var(--ss-error-color)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall span{flex:0 1 auto;display:flex;align-items:center;justify-content:center;font-size:60%;text-align:center;padding:0 var(--ss-spacing-s) 0 0}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg{flex:0 1 auto;width:13px;height:13px}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg path{fill:none;stroke:var(--ss-success-color);stroke-linecap:round;stroke-linejoin:round}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:first-child{stroke-width:5}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:last-child{stroke-width:11}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable{flex:0 1 auto;display:flex;flex-direction:row;cursor:pointer}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow{flex:1 1 auto;width:10px;height:10px}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow path{fill:none;stroke:var(--ss-font-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round;transition-timing-function:ease-out;transition:var(--ss-animation-timing)}.ss-content .ss-list .ss-optgroup .ss-option{padding:var(--ss-spacing-s) var(--ss-spacing-s) var(--ss-spacing-s) calc(var(--ss-spacing-l)*3)}.ss-content .ss-list .ss-option{display:flex;align-items:center;min-height:var(--ss-option-height);padding:var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l);white-space:normal;color:var(--ss-font-color);cursor:pointer;-webkit-user-select:none;user-select:none}.ss-content .ss-list .ss-option:hover:not(.ss-disabled){color:var(--ss-bg-color);background-color:var(--ss-primary-color);border-left:5px solid var(--ss-primary-color);transition:border-left var(--ss-animation-timing) ease}.ss-content .ss-list .ss-option.ss-highlighted,.ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected{color:var(--ss-bg-color);background-color:var(--ss-primary-color)}.ss-content .ss-list .ss-option.ss-disabled{cursor:not-allowed;background-color:var(--ss-disabled-color)}.ss-content .ss-list .ss-option.ss-disabled:hover{color:var(--ss-font-color)}.ss-content .ss-list .ss-option .ss-search-highlight{display:inline-block;background-color:var(--ss-highlight-color)}.ss-content .ss-list .ss-search{display:flex;flex-direction:row;align-items:center;padding:var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l)}:root{--ss-bg-color: #000;--ss-font-color: #fff;--ss-font-size: 12px;--ss-border-color: #333;--ss-primary-color: #333;--ss-main-height: 26px;--ss-content-height: 200px;--ss-border-radius: 0px;--ss-disabled-color: #111;--ss-placeholder-color: #666;--ss-focus-color: #888;--ss-highlight-color: #333;--ss-spacing-l: 6px;--ss-spacing-m: 4px;--ss-spacing-s: 2px;--ss-animation-timing: .1s}.ss-main{font-family:JetBrains Mono,Courier New,monospace;font-size:12px;flex:1;min-width:0}.ss-main .ss-values .ss-single{font-size:12px;line-height:1.4}.ss-main .ss-arrow path{stroke:#666}.ss-main:focus{box-shadow:none}.ss-main.ss-open-below,.ss-main.ss-open-above{border-color:#888}.ss-content{font-family:JetBrains Mono,Courier New,monospace;font-size:12px;box-shadow:0 4px 12px #0009;border-color:#888;z-index:9999!important}.ss-main{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.ss-content .ss-list .ss-option{font-size:12px;padding:4px 8px}.ss-content .ss-list .ss-option:hover:not(.ss-disabled){color:#fff;background-color:#222;border-left:none}.ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected{color:#fff;background-color:#333}.ss-main.ss-disabled{background-color:#111;cursor:not-allowed;opacity:.5}.os-scrollbar.gi-scrollbar{--os-size: 12px;--os-handle-bg: #888;--os-handle-bg-hover: #fff;--os-handle-bg-active: #fff;padding:0;z-index:10}.os-scrollbar.gi-scrollbar .os-scrollbar-handle{min-height:40px}dialog{position:relative}#grid-overlay{padding:0;position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important}#grid-overlay [data-overlayscrollbars-viewport]{padding:40px 12px 12px 40px!important;overflow-y:auto!important;overflow-x:hidden!important;touch-action:auto!important}.tuning-slider-area{position:relative}.tuning-slider-area .ctrl-group{display:flex;align-items:center;gap:5px}.tuning-slider-area .ctrl-group .slider-row{flex:1;min-width:0}.tuning-slider-area .slider-row{width:100%}dialog{background:var(--bg);color:var(--fg);border:1px solid var(--border);padding:24px;max-width:560px;width:90%;max-height:80vh;overflow-y:auto;font-family:var(--font)}dialog::backdrop{background:#000000b3}#info-dialog,#about-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:min(90vw,600px);max-height:80vh;overflow-y:auto;border:1px solid var(--border)}#about-close,#info-close{float:right;background:none;color:var(--dim);width:28px;height:28px;border:1px solid var(--border);font-size:16px;font-family:var(--font);cursor:pointer}#about-close:hover,#info-close:hover{color:var(--fg);border-color:var(--accent)}.about-content h2{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent, #4af);margin:24px 0 8px;border-bottom:1px solid #222;padding-bottom:4px}.about-content h3{font-size:12px;color:#aaa;margin:16px 0 4px}.about-content p{font-size:12px;line-height:1.6;color:#ccc;margin:8px 0}.about-content ul{margin:8px 0;padding-left:16px}.about-content li{font-size:12px;line-height:1.6;color:#ccc;margin:2px 0}.about-content a{color:var(--accent, #4af);text-decoration:none}.about-content a:hover{text-decoration:underline}.about-content code{font-size:11px;color:#f9a;background:#1a1a1a;padding:1px 4px}.about-content table{width:100%;border-collapse:collapse;margin:8px 0}.about-content td{padding:4px 8px;border-bottom:1px solid #222;font-size:11px;color:#ccc}.about-content td:first-child{white-space:nowrap}#game-score-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--font);color:#fff}#game-score-overlay .score-heading{font-size:48px;font-weight:700;margin-bottom:16px}#game-score-overlay .score-time{font-size:24px;color:#888;margin-bottom:32px}#game-score-overlay .score-btn{font-family:var(--font);font-size:14px;color:#fff;background:#000;border:1px solid #333;padding:12px 24px;cursor:pointer}#game-score-overlay .score-btn:hover{border-color:var(--fg)}#game-tuning-warning{position:fixed;top:0;left:0;right:0;z-index:50;background:#000;color:#fff;font-family:var(--font);font-size:12px;padding:8px 16px;text-align:center;border-bottom:1px solid #333;cursor:pointer}.graffiti-overlay{position:absolute;pointer-events:none;mix-blend-mode:screen;z-index:5;transition:opacity 1.5s ease}.graffiti-label{font-family:var(--font);font-size:14px;font-style:italic;fill:gold;opacity:.9}.graffiti-svg{position:absolute;top:0;left:0;pointer-events:none;overflow:visible}.slider-row{position:relative;margin-top:8px;width:100%}.slider-row [data-orientation=horizontal]{position:relative;overflow:visible}.slider-input-area{flex:1;min-width:0;position:relative;overflow:visible}.slider-track-el{position:relative;display:flex;align-items:center;height:18px;width:100%;background:#111;cursor:pointer;overflow:hidden}.slider-fill-el{position:absolute!important;top:0;bottom:0;background:var(--fg);pointer-events:none}.slider-thumb-el{width:6px;height:18px;background:var(--dim);cursor:grab;display:block;outline:none}.slider-thumb-el:active{cursor:grabbing}.slider-thumb-el:focus-visible{outline:1px solid var(--accent)}.slider-label-overlay{position:absolute;left:4px;top:50%;transform:translateY(-50%);font-size:9px;color:#fff;mix-blend-mode:difference;text-transform:uppercase;letter-spacing:.06em;pointer-events:none;z-index:1;white-space:nowrap;line-height:1;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 30px)}input.badge-input{position:absolute;bottom:100%;transform:translate(-50%);font-size:9px;color:#fff;background:none;padding:0 3px;white-space:nowrap;z-index:2;line-height:14px;height:14px;text-align:center;font-family:var(--font);border:1px solid var(--border);width:50px;pointer-events:auto;cursor:text;outline:none}input.badge-input:focus{border-color:var(--accent);background:var(--subtle)}input.badge-input:invalid{border-color:#c33}.slider-reset{color:var(--dim);background:var(--bg);border:1px solid var(--border);width:22px;height:18px;padding:0;flex-shrink:0;box-sizing:border-box}.slider-reset:hover{color:var(--fg);border-color:var(--accent)}.slider-row-flex{display:flex;align-items:center;gap:0;width:100%}.slider-presets{position:absolute;left:0;right:0;top:100%;pointer-events:none;overflow:visible;min-height:32px;padding-bottom:4px}.slider-preset-mark{position:absolute;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none;top:0}.slider-tick{width:1px;background:#666}.slider-tick-long{height:14px}.slider-tick-staggered{height:24px}.slider-tick-staggered+.slider-preset-btn{margin-top:1px}.slider-preset-btn{font-family:var(--font);font-size:8px;color:var(--dim);background:none;border:none;cursor:pointer;pointer-events:auto;padding:2px;line-height:1}.slider-preset-btn:hover{color:var(--fg)}.slider-preset-btn.active{color:#4f4;text-decoration:underline}.slider-preset-mark.active .slider-tick{background:#4f4}.slider-preset-mark.active .slider-preset-btn{color:#4f4}.settings-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#1e1e20c7;z-index:12;padding:40px 12px 12px 40px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--dim) transparent;touch-action:auto!important;-webkit-overflow-scrolling:touch}.settings-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,#ffffff0a 20%,#ffffff1a 40%,#ffffff24,#ffffff1a 60%,#ffffff0a 80%);box-shadow:inset 0 0 40px #ffffff0a;background-size:300% 100%;animation:shimmer 60s linear infinite;pointer-events:none;z-index:0}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-100% 0}}.hidden{display:none!important;pointer-events:none!important}.show-flex{display:flex!important}.show-inline{display:inline-flex!important}.faded{opacity:0}.visible-full{opacity:1}.overlay-section{display:flex;flex-wrap:wrap;gap:4px;margin-left:0;margin-bottom:8px}.overlay-section>*{flex:0 1 100%;min-width:0}.overlay-section>.info-box{flex:1 1 200px}.overlay-section .tuning-slider-area{flex:0 0 100%}.overlay-section .info-box{min-width:0}.overlay-section .ctrl-label{color:#fff}.overlay-section .tuning-slider-area{position:relative;width:100%;margin-bottom:40px;grid-column:1 / -1}.overlay-section .tuning-slider-area .slider-row{width:100%}.overlay-section>.slider-track{grid-column:1 / -1}.overlay-section .midi-panel-row{min-width:0}.overlay-section-title{font-size:11px;color:var(--dim);text-transform:uppercase;letter-spacing:.08em;font-family:var(--font);font-weight:700;display:flex;align-items:center;gap:6px}.overlay-section-title:hover{color:var(--fg)}.dimmed{opacity:.3;pointer-events:none;transition:opacity .3s ease}.slider-row-track{margin-top:8px}.slider-badge-edit{width:50px;text-align:center;font-family:var(--font);font-size:10px;background:var(--bg);color:var(--fg);border:1px solid var(--border);padding:1px 3px}.overlay-btn{font-family:var(--font);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;background:#000;color:#fff;border:1px solid var(--dim);padding:6px 12px;cursor:pointer;-webkit-user-select:none;user-select:none}.overlay-btn:hover{border-color:var(--fg)}.overlay-btn:active{background:var(--subtle)}.gi-checkbox{position:relative;display:inline-block;width:14px;height:14px;cursor:pointer;vertical-align:middle}.gi-checkbox input{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;border:none;z-index:1}.gi-checkbox .gi-check{display:block;width:14px;height:14px;border:1px solid var(--border);background:var(--bg);pointer-events:none}.gi-checkbox input:checked+.gi-check{background:var(--fg);border-color:var(--fg)}.gi-checkbox input:checked+.gi-check:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid var(--bg);border-width:0 2px 2px 0;transform:rotate(45deg)}.gi-checkbox input:focus-visible+.gi-check{border-color:var(--accent)}.settings-cog{width:32px;height:32px;font-size:16px;background:var(--bg);color:var(--dim);border:1px solid var(--border);cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:var(--font);flex-shrink:0}.settings-cog:hover{color:var(--fg);border-color:var(--accent)}.settings-cog.active{color:var(--bg);background:var(--fg);border-color:var(--fg)}.slider-info-btn{position:relative;transform:none;z-index:3;color:var(--dim);width:14px;height:14px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid #555;background:var(--bg);opacity:1;outline:none;cursor:pointer;flex-shrink:0;vertical-align:middle;margin:0;font-family:var(--font);font-size:9px;font-style:italic;line-height:1}.slider-info-btn svg{display:none}.slider-info-btn:hover{opacity:1;color:var(--accent, #4af)}.slider-info-btn.active{color:var(--bg);background:var(--fg);border-color:var(--fg)}.info-box{display:flex;align-items:stretch;gap:0;border:1px solid var(--border);width:100%}.info-box>.slider-info-btn{border:none;border-right:1px solid var(--border);margin:0;height:auto;width:14px}.info-box>.info-box-content{flex:1;min-width:0;display:flex;align-items:center}.info-box>.slider-reset{border:none;border-left:1px solid var(--border);height:auto}#vis-overlay{padding:8px 40px 8px 12px}#mpe-output-select{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;overflow:hidden!important;pointer-events:none!important;margin:0!important;padding:0!important;border-width:0!important}.midi-panel-row{display:flex;align-items:center;gap:2px;font-size:11px;flex-wrap:wrap}.mt-18{margin-top:18px}.expr-label{display:inline-flex;align-items:center;gap:4px;cursor:pointer;font-size:12px}.ctrl-group{display:flex;align-items:center;gap:5px;flex-shrink:0}.ctrl-label{font-size:9px;text-transform:uppercase;white-space:nowrap;color:#fff;flex-shrink:0;font-weight:700;letter-spacing:.06em}.text-white{color:#fff}.text-white-12{color:#fff;font-size:12px}.text-dim{color:var(--dim);font-size:9px}.text-dim-sm{color:var(--dim);font-size:10px}.text-dim-plain{color:var(--dim)}.expr-label-sm{display:inline-flex;align-items:center;gap:3px;cursor:pointer;font-size:10px}.expr-label-lg{display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-size:12px}.numeric-input{width:6ch;text-align:center;font-family:var(--font);font-size:10px;background:var(--bg);color:var(--fg);border:1px solid var(--border);padding:2px 3px}.select-slot{min-width:120px;display:inline-block}#d-ref-input{width:80px;text-transform:none}#pedals-panel{flex-shrink:0;display:flex;gap:0;background:var(--bg);height:44px;overflow:visible;position:relative;z-index:1;border-top:1px solid var(--border)}#pedals-mount{display:contents}#pedals-panel.collapsed{height:0!important;overflow:visible}.pedal-btn{flex:1;padding:8px 0;font-family:var(--font);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--dim);background:var(--bg);border:none;border-right:1px solid var(--border);cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}@media (hover:hover){.pedal-btn:hover{color:var(--fg);background:var(--subtle)}}.pedal-btn:last-child{border-right:none}.pedal-btn.active{color:var(--bg);background:var(--fg)}.top-bar-left{display:flex;align-items:center;gap:8px;min-width:0}.top-bar-group{display:inline-flex;align-items:center;border:1px solid var(--border);font-size:10px;height:24px}.top-bar-group>*{padding:0 8px;border-right:1px solid var(--border);height:100%;display:inline-flex;align-items:center}.top-bar-group>*:last-child{border-right:none}.about-trigger{width:14px;height:14px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font);font-size:9px;font-style:italic;color:var(--dim);background:none;border:1px solid var(--border);cursor:pointer;flex-shrink:0}.about-trigger:hover{color:var(--fg);border-color:var(--accent)}.site-title{font-weight:700;font-size:11px;color:#fff;letter-spacing:.04em}.gh-actions{display:inline-flex;align-items:center;border:1px solid var(--border);font-size:10px}.gh-mark{padding:2px 6px;border-right:1px solid var(--border);background:var(--subtle)}.gh-mark svg{flex:0 0 auto;width:1em;height:1em;fill:#fff}.gh-btn{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-family:var(--font);font-size:10px;color:#fff;text-decoration:none}.gh-btn+.gh-btn{border-left:1px solid var(--border)}.gh-btn:hover{color:var(--fg);background:var(--subtle)}.gh-btn svg{fill:currentColor}.gh-btn .star-icon{color:gold}.gh-suggest{color:#4caf50}.gh-suggest svg{fill:#4caf50}.gh-suggest:hover{color:#66bb6a;background:var(--subtle)}#top-bar{display:flex;justify-content:space-between;align-items:center;padding:2px 6px;border-bottom:1px solid var(--border);flex-shrink:0;position:relative;z-index:30;flex-wrap:wrap}#about-btn{font-size:11px;color:var(--dim);padding:0 2px}#about-btn:hover{color:var(--fg)}#fullscreen-btn{font-family:var(--font);font-size:9px;color:var(--dim);background:none;border:none;padding:2px 6px;cursor:pointer}#fullscreen-btn:hover{color:var(--fg)}#fullscreen-btn.active{color:var(--bg);background:var(--fg)}#reset-layout{font-family:var(--font);font-size:9px;color:var(--dim);background:none;border:none;padding:2px 6px;cursor:pointer}#reset-layout:hover{color:var(--fg)}#song-bar{display:inline-flex;align-items:center;gap:8px;padding:2px 0;font-size:11px;flex-wrap:wrap;margin-left:auto;max-width:700px}#song-bar-search,#song-bar-status{display:inline-flex;align-items:center;gap:6px}#calibrate-btn.active{color:var(--bg);background:var(--fg);border-color:var(--accent, #4af);cursor:default}#song-bar.dropping{outline:2px solid rgba(255,255,255,.7);outline-offset:-2px}.search-result{display:flex;justify-content:space-between;align-items:center;padding:4px 6px;cursor:pointer;font-family:var(--font);font-size:11px;color:var(--fg);border-bottom:1px solid var(--border)}.search-result:hover{background:var(--subtle)}.search-result .result-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.search-result .result-source{color:var(--dim);font-size:10px;margin-left:8px;flex-shrink:0}#midi-search-input{width:200px;box-sizing:border-box;font-family:var(--font);font-size:10px;background:var(--bg);color:var(--fg);border:1px solid var(--border);padding:2px 6px 2px 22px}#midi-search-results{position:absolute;top:100%;left:0;min-width:280px;max-height:300px;overflow-y:auto;background:var(--bg);border:1px solid var(--border);z-index:25;display:none}#max-keys-input{width:3ch;font-family:var(--font);font-size:9px;background:var(--bg);color:var(--fg);border:1px solid var(--border);padding:1px 2px;text-align:center}#song-bar-search{position:relative;flex-direction:column;gap:2px}#game-status{display:none;align-items:center;gap:8px}#game-song-title{font-family:var(--font);font-size:10px;color:var(--fg);text-transform:uppercase;letter-spacing:.06em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}#game-progress{width:80px;height:2px;background:var(--border);position:relative;display:inline-block;vertical-align:middle}#game-quantization-badge{font-family:var(--font);font-size:9px;color:var(--dim);text-transform:uppercase;letter-spacing:.06em}#song-bar-status{gap:8px}#song-bar-hint{display:none;margin-left:auto;transition:opacity 2s ease-in}#calibrate-btn{font-family:var(--font);font-size:9px;background:none;color:var(--dim);border:1px solid var(--border);padding:2px 8px;cursor:pointer;white-space:nowrap}#calibration-banner{display:none;font-family:var(--font);font-size:9px;gap:4px;align-items:center;white-space:nowrap;position:absolute;left:0;top:0;right:0;bottom:0;justify-content:center;background:var(--bg);z-index:1}#calibration-warning{display:none;position:absolute;left:50%;top:-14px;transform:translate(-50%);font-size:8px;color:var(--dim);white-space:nowrap;pointer-events:none}#calibration-msg{color:var(--fg)}#calibrate-confirm{font-family:var(--font);font-size:11px;background:none;color:#4f4;border:1px solid #4f4;padding:2px 8px;cursor:pointer;line-height:1}#calibrate-cancel{font-family:var(--font);font-size:11px;background:none;color:#f44;border:1px solid #f44;padding:2px 8px;cursor:pointer;line-height:1}.calibrate-wrap{position:relative;display:inline-flex;align-items:center;flex-shrink:0}.maxkeys-label{display:inline-flex;align-items:center;gap:2px;font-family:var(--font);font-size:9px;color:var(--dim)}.search-row{display:inline-flex;align-items:center;gap:4px}.search-input-wrap{position:relative;display:inline-flex;align-items:center}.search-icon{position:absolute;left:6px;width:12px;height:12px;color:var(--dim);pointer-events:none}#midi-file-input{display:none}.game-controls{display:flex;gap:6px;align-items:center}#game-reset-btn{flex-shrink:0}#game-settings-btn{position:relative;flex-shrink:0}.game-settings-popup{position:absolute;top:100%;right:0;z-index:25;background:var(--bg);border:1px solid var(--border);padding:8px;display:flex;flex-direction:column;gap:6px;min-width:180px}.game-settings-popup.hidden{display:none}.upload-btn{flex-shrink:0;min-width:28px;min-height:28px;display:inline-flex;align-items:center;justify-content:center}#game-progress-fill{height:100%;background:#fff;width:0%;transition:width .1s linear}#game-elapsed-timer{font-size:10px;color:var(--dim);font-family:var(--font);min-width:3ch;text-align:right}