.settings-menu-container{z-index:100;background-color:transparent;background-image:linear-gradient(217deg,rgba(16,44,94,.6),rgba(255,0,0,0) 70.71%),linear-gradient(127deg,rgba(16,44,94,.6),rgba(0,255,0,0) 70.71%),linear-gradient(336deg,rgba(16,44,94,.6),rgba(0,0,255,0) 70.71%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:cover;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:fixed}.settings-menu-close{display:none}.settings-left-menu{background:linear-gradient(217deg,var(--color-theme-900),#000 70.71%),linear-gradient(127deg,var(--color-theme-900),#000 70.71%),linear-gradient(336deg,var(--color-theme-900),#000 70.71%);border:inset #eac700;border-radius:15px 0 0 15px;flex-direction:column;width:200px;height:80vh;padding:10px;display:flex}.settings-right-menu{background:linear-gradient(217deg,var(--color-theme-900),#000 70.71%),linear-gradient(127deg,var(--color-theme-900),#000 70.71%),linear-gradient(336deg,var(--color-theme-900),#000 70.71%);border:inset #eac700;border-radius:0 15px 15px 0;flex-direction:column;width:750px;height:80vh;margin-left:5px;padding:10px;display:flex}.sound-container{width:100%}.settings-left-menu h1{color:#eac700;text-transform:uppercase;justify-content:center;align-items:center;font-family:monospace;font-size:1.5rem;font-weight:700;display:flex}.settings-right-menu h1{color:#eac700;text-transform:uppercase;justify-content:start;align-items:center;font-family:monospace;font-size:1.3rem;font-weight:700;display:flex}.settings-left-menu button{background:linear-gradient(to right,var(--color-theme-900),#000,var(--color-theme-900));color:#eac700;text-transform:uppercase;cursor:pointer;border:.1rem inset #eac700;border-radius:8px;justify-content:center;align-items:center;width:100%;height:50px;margin-bottom:10px;padding:10px;font-family:monospace;font-size:.8rem;font-weight:700;display:flex}.settings-left-menu hr,.settings-right-menu hr{border-top:1px solid #eac700}.settings-left-menu button:hover{background:linear-gradient(90deg,#102c5e,#070707,#0d2651)}.settings-left-menu button.selected{color:#0a1f44;background:linear-gradient(90deg,#eac700,#e9af00,#eac700)}@media (min-width:768px){.settings-left-menu button:hover{color:#0a1f44;background:linear-gradient(90deg,#eac700,#e9af00,#eac700)}}.sound-bar{gap:10px;width:50%;display:flex}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;width:100%}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,#eac700 var(--progress),rgba(16,44,94,.6) var(--progress));border-radius:4px;height:8px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:#eac700;border-radius:50%;width:16px;height:16px;margin-top:-4px}input[type=range]::-moz-range-track{background:#eac700;border-radius:4px;height:8px}input[type=range]::-moz-range-thumb{cursor:pointer;background:#eac700;border-radius:50%;width:16px;height:16px}