.ui-settings-speaker{width:44px;height:44px;color:var(--color-green);background:0 0;border:0;border-radius:8px;flex:none;place-items:center;transition:color .22s,background-color .22s;display:grid}.ui-settings-speaker:hover{color:var(--color-ink);background:#2d4535}.ui-settings-speaker:focus-visible,.ui-settings-volume:focus-visible{outline:2px solid var(--color-green);outline-offset:2px}.ui-settings-volume{appearance:none;cursor:pointer;background:0 0;border:0;outline:none;width:100%;height:24px;margin:0}.ui-settings-volume::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--color-green) 0 calc(var(--p) * 100%), #0d1b12 calc(var(--p) * 100%) 100%);height:8px;box-shadow:none;border:0;border-radius:8px}.ui-settings-volume::-moz-range-track{height:8px;box-shadow:none;background:#0d1b12;border:0;border-radius:8px}.ui-settings-volume::-moz-range-progress{background:var(--color-green);border:0;border-radius:8px;height:8px}.ui-settings-volume::-webkit-slider-thumb{appearance:none;width:18px;height:18px;box-shadow:none;background:#c5dccb;border:2px solid #0d1b12;border-radius:50%;margin-top:-5px}.ui-settings-volume::-moz-range-thumb{width:14px;height:14px;box-shadow:none;background:#c5dccb;border:2px solid #0d1b12;border-radius:50%}@media (prefers-reduced-motion:reduce){.ui-settings-speaker{transition:none}}