.button-soundboard.control-button{border-radius:8px;background:linear-gradient(180deg,#525252,#3d3d3d);box-shadow:inset 0 1px 1px 0 rgba(255,255,255,.24),inset 0 -2px 0 0 rgba(0,0,0,.1),0 2px 3px 0 rgba(0,0,0,.09)}.button-soundboard.control-button:active{box-shadow:inset 0 0 1px 0 rgba(255,255,255,.24),inset 0 0 0 0 rgba(0,0,0,.1),0 0 1px 0 rgba(0,0,0,.09)}.button-soundboard.selected{background:linear-gradient(180deg,#ff7c2b,#f55e00);box-shadow:inset 0 1px 1px 0 rgba(255,255,255,.24),inset 0 -2px 0 0 rgba(0,0,0,.1),0 2px 3px 0 rgba(0,0,0,.09)}.button-soundboard.selected:active{box-shadow:inset 0 0 1px 0 rgba(255,255,255,.24),inset 0 0 0 0 rgba(0,0,0,.1),0 0 1px 0 rgba(0,0,0,.09)}.button-soundboard.create-button{background:linear-gradient(180deg,#2ba3ff,#008dfa);box-shadow:inset 0 1px 1px 0 rgba(255,255,255,.24),inset 0 -2px 0 0 rgba(0,0,0,.1),0 2px 3px 0 rgba(0,0,0,.09)}.button-soundboard.create-button:active{border-radius:8px;box-shadow:inset 0 0 1px 0 rgba(255,255,255,.24),inset 0 0 0 0 rgba(0,0,0,.1),0 0 1px 0 rgba(0,0,0,.09)}.button-soundboard.sound-button{background:linear-gradient(180deg,#e5e5e5,#d6d6d6);box-shadow:inset 0 1px 1px 0 rgba(255,255,255,.24),inset 0 -2px 0 0 rgba(0,0,0,.06),0 2px 3px 0 rgba(0,0,0,.06)}.button-soundboard.sound-button:active{background:linear-gradient(180deg,#e5e5e5,#d6d6d6);box-shadow:inset 0 0 1px 0 rgba(255,255,255,.24),inset 0 0 0 0 rgba(0,0,0,.06),0 0 3px 0 rgba(0,0,0,.06)}.font-soundboard{font-family:var(--font-jetbrains-mono)}.sb-bg-red{background:rgba(255,25,0,.2)}.sb-bg-orange{background-color:#ff7c2b}.sb-bg-orange-light{background:rgba(255,123,41,.2)}.sb-bg-darkest{background-color:#525252}.sb-bg-blue{background-color:#2ba3ff}.sb-bg-yellow{background-color:#f5f8a5}.sb-bg-gray{background:rgba(0,0,0,.06)}.sb-glow{filter:drop-shadow(0 0 8px rgba(239,62,35,.48))}.sb-volume-slider{--slider-bg-color:rgba(0,0,0,0.06);position:absolute;width:100%;-webkit-appearance:slider-vertical;-moz-appearance:slider-vertical;appearance:slider-vertical;height:100%;writing-mode:vertical-lr;direction:rtl;accent-color:var(--slider-bg-color);background:black}.sb-volume-slider::-webkit-slider-thumb{opacity:0;-webkit-appearance:none;appearance:none;width:0;height:0}.sb-volume-slider::-moz-range-thumb{width:0;height:0;border:0}.sb-volume-slider::-webkit-slider-runnable-track{background:linear-gradient(to top,gray var(--volume),black var(--volume));width:100%;height:100%}.sb-volume-slider::-moz-range-track{background:linear-gradient(to top,gray var(--volume),black var(--volume));width:100%;height:100%}.sb-inactive-track{position:absolute;top:0;height:calc(100% - var(--volume));width:100%;z-index:2;border-bottom:2px solid white}.sb-bg-progress,.sb-inactive-track{background:rgba(255,255,255,.2)}.sb-color-red{color:#ff2500}.sb-color-orange{color:#ff7c2b}.sb-color-transparent{color:rgba(0,0,0,.3)}.sb-text-shadow-white{--text-shadow-color:rgba(255,255,255,0.5)}.sb-text-shadow-red{--text-shadow-color:rgba(255,25,0,0.5)}.sb-text-shadow-orange{--text-shadow-color:rgba(255,124,42,0.5)}.sb-text-shadow-yellow{--text-shadow-color:rgba(255,248,165,0.5)}.sb-text-shadow{text-shadow:0 0 8px var(--text-shadow-color)}.sb-border-inverse{border-color:rgba(255,255,255,.1)}.soundboard{border:1px solid #f1f1f1;background:linear-gradient(180deg,#fff,#f7f7f7)}.sb-display-panel{background:linear-gradient(180deg,#1c1c1c,#121212);box-shadow:inset 0 -2px 0 0 rgba(255,255,255,.16),inset 0 2px 1px 0 rgba(255,255,255,.32)}.sb-logo-text{font-size:10px;line-height:12px}