.settings-modal-content{padding:42px 20px 30px;border-radius:30px;width:min(90vw,520px);max-width:100%;max-height:88vh;background:rgba(15,13,12,.9);box-shadow:0 0 129px 10px rgba(0,0,0,.9);position:relative;justify-content:flex-start;overflow:hidden}.modal-title,.settings-modal-content{border:3px solid rgba(255,227,203,1);display:flex;flex-direction:column;align-items:center}.modal-title{width:min(70vw,232px);height:48px;text-align:center;font-size:18px;font-weight:400;color:rgba(255,195,147,1);margin-bottom:-8px;background-color:rgba(10,82,191,1);box-shadow:inset 0 0 129px 10px rgba(0,0,0,.9);justify-content:center;border-radius:24px;z-index:50}.close-settings-modal-button{position:absolute;width:62px;top:12px;right:12px}.settings-container{width:100%;max-width:420px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:20px;padding-top:40px}.settings-container .button{width:100%;max-width:100%;height:50px;font-size:18px}.settings-container .tertiary-button{height:48px;font-size:18px}@media (max-width:768px){.settings-modal-content{padding:34px 16px 24px;border-radius:22px}.modal-title{height:44px;font-size:17px;margin-bottom:-4px;border-radius:20px}.close-settings-modal-button{width:58px;top:10px;right:10px}.settings-container{max-width:100%;gap:16px;padding-top:32px}.settings-container .button,.settings-container .tertiary-button{height:48px;font-size:17px}}.volume-slider-container{display:flex;align-items:center;gap:12px;width:100%;max-width:427px;height:36px;margin:0 auto}.volume-label{font-size:20px;font-weight:400;letter-spacing:.05em;color:rgba(255,195,147,1)}.volume-slider{flex-grow:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:332px;height:15px;background:linear-gradient(to right,rgba(255,195,147,1) 0,rgba(255,195,147,1) var(--slider-fill),rgba(217,217,217,.01) var(--slider-fill),rgba(217,217,217,.01) 100%);box-shadow:inset 0 0 15px rgba(255,255,255,.9);border-radius:7.5px;outline:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:36px;border-radius:5px;background:rgba(111,29,1,1);border:2px solid rgba(255,191,139,1);cursor:pointer;-webkit-transition:transform .2s ease-in-out;transition:transform .2s ease-in-out}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.volume-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#007bff;border:2px solid #fff;box-shadow:0 2px 4px rgba(0,0,0,.2);cursor:pointer;-moz-transition:transform .2s ease-in-out;transition:transform .2s ease-in-out}.volume-slider::-moz-range-thumb:hover{transform:scale(1.2)}.mute-button{width:36px;height:36px;border:none;border-radius:18px;background:rgba(255,195,147,.1);border:3px solid rgba(255,191,139,1);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .2s ease-in-out;margin-left:12px}.mute-button:hover{background:rgba(255,195,147,.2);transform:scale(1.05)}.mute-button.muted{background:rgba(255,100,100,.2);border-color:rgba(255,100,100,1);border-width:3px}.mute-button.muted:hover{background:rgba(255,100,100,.3)}