html{min-height:100%;height:100%}body{min-height:100%;background:#000;color:#fff;background-attachment:fixed;font-family:"JetBrains Mono",monospace;font-optical-sizing:auto;font-style:normal}h1,h2,h3,h4,h5,h6{color:#fff;text-align:center}*{outline:0}:root{--accent-color:#0052AA}#waveforms div{position:absolute;width:100%}#waveforms div{position:absolute;width:100%}#waveforms ::part(region-handle-left),#waveforms ::part(region-handle-right){border-color:#aaa}#waveforms ::part(region){background-color:#77777744}#volume{display:flex;margin-top:20px;height:30px;padding:0;border-radius:5px;background-color:transparent}#volume>div{padding:0;height:100%;aspect-ratio:1;background-size:24px;background-repeat:no-repeat;background-position:center;user-select:none;background-image:url(../icon/volume.svg)}#volumeSlider{display:flex;width:100%;margin:0;padding:0;appearance:none;background-color:#333;outline:0;overflow:hidden;border-radius:5px}#volumeSlider::-moz-range-thumb{appearance:none;height:100%;width:5px;cursor:pointer;background:0 0;border:0;border-radius:0 5px 5px 0}#volumeSlider::-webkit-slider-thumb{appearance:none;height:100%;width:5px;cursor:pointer;background:var(--accent-color)!important;border:0;border-radius:0 5px 5px 0;box-shadow:-803px 0 0 800px var(--accent-color)}#volumeSlider::-moz-range-progress{appearance:none;height:100%;background-color:var(--accent-color)!important}#volumeSlider::-webkit-slider-runnable-track{appearance:none;height:100%;background-color:transparent!important}#volume>*{margin:0;margin-right:5px}#volume>:last-child{margin-right:0}#addbar{display:flex;margin-top:5px;height:70px;padding:0;border-radius:5px;background-color:#333}#addbar>input{background-color:transparent;margin:0;padding:10px;border:0;height:100%;width:100%;font-size:30px;margin-right:5px}#addbar>button{height:100%;background-color:transparent;aspect-ratio:1;margin-left:5px;border:0;border-radius:5px;background-size:24px;background-repeat:no-repeat;background-position:center;user-select:none}#addbar>button.inactive{filter:opacity(.25)}#addbar>button.inactive:hover{background-color:#444}#addbar>button:hover{background-color:var(--accent-color)}#addbar>#addButton{background-image:url(../icon/add.svg)}#addbar>#playButton{background-image:url(../icon/play.svg)}#addbar>:first-child{margin-left:0}#rows div{display:flex;height:50px;margin:10px 0;border-radius:5px;transition-duration:.1s;transform:scale(.975)}#rows div.active{transform:scale(1)}#rows div.active h5{background-color:var(--accent-color)}#rows>div>*{background-color:#333;border-radius:5px;padding:0;margin:0;margin-right:5px;height:100%}#rows>div>:last-child{margin-right:0}#rows>div h5{display:flex;flex:1;padding-left:5px;align-items:center;transition-duration:.1s;user-select:none;cursor:grab}#rows>div button{display:flex;padding:0;aspect-ratio:1;margin:0;margin-right:5px;border:0;background-size:24px;background-repeat:no-repeat;background-position:center;user-select:none}#rows>div button.delete{background-image:url(../icon/delete.svg)}#rows>div button.delete:hover{background-color:#bf451a}#rows>div button.toggleBackwards{background-image:url(../icon/backwards.svg)}#rows>div button.active{background-color:var(--accent-color)}#dropGhost{display:flex;height:48px!important;background-color:transparent;cursor:grabbing;border-radius:5ox;border:1px solid var(--accent-color);align-items:center;justify-content:center;transform:scale(1)!important;background-image:linear-gradient(45deg,var(--accent-color) 25%,transparent 25%,transparent 50%,var(--accent-color) 50%,var(--accent-color) 75%,transparent 75%,transparent 100%);background-size:15px 15px}#commandResult{position:fixed;bottom:0;left:0;right:0;height:80px;padding:5px;border-radius:5px;background-color:#333}#commandResultToast{position:fixed;bottom:90px;left:0;right:0;height:40px;padding:5px;border-radius:5px;background-color:#0000;transition-duration:.1s;transform:translateY(calc(50% + 10px)) scale(0);align-items:center;justify-content:center;display:flex}#commandResultToast.visible{transform:translateY(0) scale(1);background-color:#333}#soundboard{top:0;left:0;width:100%;height:100%;position:fixed;background-color:#222;display:none;opacity:0;transition-duration:.2s;flex-direction:column;z-index:200}#soundboard>div:first-child{display:flex;height:50px}#soundboardSearch{flex:1;height:40px;padding:5px;margin:5px;width:40%;background:#444;border:0;font-size:20px}#soundboardSounds{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));width:100%;overflow-y:scroll;overflow-x:hidden}#soundboardSounds::-webkit-scrollbar{background-color:transparent;width:8px}#soundboardSounds::-webkit-scrollbar-thumb{background-color:#333;border-radius:5px}#soundboardSounds::-webkit-scrollbar-thumb:hover{background-color:#444}#soundboardSounds>button{float:left;background-color:#333;border:0;padding:0;margin:5px;color:#fff}#soundboardSounds>button:hover{background-color:var(--accent-color)}#openSoundboard{width:250px;height:40px;right:0;top:50%;border:0;padding:0;margin:0;margin-top:-20px;margin-right:-105px;position:fixed;background-color:#333;color:#fff;font-size:20px;border-radius:5px 5px 0 0;transform:rotate(270deg)}#closeSoundboard{margin:5px;height:40px;width:40px;padding:0;border:0;background-color:#444;background-size:24px;background-repeat:no-repeat;background-position:center;user-select:none;background-image:url(../icon/close.svg)}#closeSoundboard:hover{background-color:#bf451a}#soundboardOverlapToggle{appearance:none;-webkit-appearance:none;margin:5px;height:40px;width:40px;border:0;background-color:#444;border-radius:5px;background-size:24px;background-repeat:no-repeat;background-position:center;user-select:none;background-image:url(../icon/overlap.svg)}#soundboardOverlapToggle:checked{background-color:var(--accent-color)}#tooltipText{background-color:#444C;position:absolute;margin-top:-32px;padding:5px;border-radius:5px;z-index:300;pointer-events:none;backdrop-filter:blur(5px)}