.ui-sound-toggle{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:33px;height:30px;padding:5px!important;border:1px solid transparent!important;border-radius:18px!important;color:#71869a;background:transparent;cursor:pointer;transition:color .18s,background .18s,border-color .18s}
.ui-sound-toggle>svg{width:18px;height:18px;display:block;pointer-events:none}.ui-sound-toggle[aria-pressed=true]{color:#426d91;background:#dbe8f48c;border-color:#a6c1d77a!important}.ui-sound-toggle:hover{color:#315572;background:#dceaf5;border-color:#729abe!important}.ui-sound-toggle:focus-visible{outline:2px solid #426d91;outline-offset:4px}.ui-sound-toggle .ui-sound-tooltip{position:absolute;top:calc(100% + 9px);left:50%;transform:translate(-50%,-3px);padding:6px 9px;border-radius:6px;font:500 10px/1.3 Arial,sans-serif;white-space:nowrap;color:#fcfaf2;background:#344e68;box-shadow:0 4px 12px #344e6820;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s,transform .15s;z-index:20}.ui-sound-toggle:hover .ui-sound-tooltip,.ui-sound-toggle:focus-visible .ui-sound-tooltip{opacity:1;visibility:visible;transform:translate(-50%,0)}
.ui-sound-toggle .sound-off,.ui-sound-toggle[aria-pressed=false] .sound-on{display:none}.ui-sound-toggle[aria-pressed=false] .sound-off{display:block}
@media(max-width:640px){.ui-sound-toggle{width:29px;height:28px}.ui-sound-toggle>svg{width:17px;height:17px}.ui-sound-tooltip{display:none}}
@media(prefers-reduced-motion:reduce){.ui-sound-toggle,.ui-sound-toggle .ui-sound-tooltip{transition:none}}