/* V3 audio-settings.css, with the shared V4 original-HF texture variables. */
.v4-options-launcher{position:fixed;right:18px;bottom:108px;z-index:110;width:36px;height:36px;padding:0;border:0;background:var(--options) center/36px no-repeat;cursor:pointer}
.v4-options-launcher:hover{background-image:var(--options_Over)}.v4-options-launcher:active{background-image:var(--options_Down)}
.v4-options-launcher:focus-visible{outline:1px solid #d4c49e;outline-offset:2px}
/* HF LoginMenuWnd: active Button_DF artwork is29x27, split13/2/14. */
.v4-login-menu{position:fixed;z-index:110;display:flex;flex-direction:column;width:max-content;border:0 solid transparent;border-image:var(--login-menu-back) 16 fill / 16px stretch}
.v4-login-menu:has(.v4-options-launcher[hidden]),body:has(#preworld.throne) .v4-login-menu{display:none}
.v4-login-menu>button{position:static;box-sizing:border-box;width:auto;min-width:var(--login-menu-width);height:var(--login-menu-height);padding:0;margin:0;border:solid transparent;border-width:0 14px 0 13px;border-image:var(--login-menu-normal) 0 14 0 13 fill / 0 14px 0 13px stretch;background:none;color:#dedbd3;font:11px/13px Tahoma,Arial,sans-serif;white-space:nowrap;display:flex;align-items:center;justify-content:center;cursor:pointer}
.v4-login-menu>button+button{margin-top:-1px}
.v4-login-menu>button:hover{background:none}
.v4-login-menu>button:active:not(:disabled){border-image-source:var(--login-menu-pushed);background:none}
.v4-login-menu>button:disabled{border-image-source:var(--login-menu-disabled);color:#898681;cursor:default}
@media(max-height:480px){.v4-login-menu{bottom:8px!important}}
dialog.v4-audio-settings{inset:0;margin:auto;width:400px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);height:max-content;padding:0;overflow:hidden;color:#dcdcdc;background:none;isolation:isolate}
dialog.v4-audio-settings:not([open]){display:none}
.v4-audio-settings::backdrop{background:transparent}
.v4-audio-settings header{cursor:default}
.v4-audio-settings .v4-audio-body{max-height:calc(100dvh - 90px);overflow:auto;padding:8px 14px 16px;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#827965 #25251f}
.v4-audio-settings fieldset{margin:8px 0;padding:8px;border:1px solid transparent;border-image:var(--hf-group) 1 fill / 1px stretch}
.v4-audio-settings legend{padding:0 5px;color:#d4c49e}
.v4-audio-settings label{display:flex;align-items:center;gap:7px}
.v4-audio-settings input[type=range]{height:12px;accent-color:#ad9b69;width:100%;min-width:0}
.v4-audio-settings .v4-audio-slider{display:flex;align-items:center;gap:12px;margin-top:8px}
.v4-audio-slider output{min-width:36px;text-align:right;font-variant-numeric:tabular-nums}
.v4-audio-settings .v4-audio-body button{height:auto;margin:0;border:4px solid transparent;border-image:var(--hf-button) 4 fill / 4px stretch;background:none;padding:1px 8px}
.v4-audio-settings .v4-audio-body button:hover:not(:disabled){border-image-source:var(--hf-buttonOver)}
.v4-audio-settings p{color:#a8b6ad;line-height:1.4;margin-bottom:0}
.v4-audio-settings .v4-audio-hint{margin:0 0 8px}
.v4-audio-settings [role=alert]:empty{display:none}
.v4-audio-settings select{font:inherit;color:inherit;background:#171c1c;border:1px solid #59594b}
.v4-options-system-menu{width:164px;left:calc(100vw - 180px);top:calc(100vh - 270px)}
.v4-options-system-menu .v4-panel-content{padding:6px 7px 12px}
.v4-options-system-menu .v4-panel-content button{display:flex;align-items:center;gap:4px;width:100%;height:51px;padding:0;text-align:left;border-image:none;background:none}
.v4-options-system-menu .v4-panel-content i{flex:0 0 36px;height:36px;background:var(--system-icon) center/36px no-repeat}
.v4-options-system-menu .v4-panel-content button:hover i{background-image:var(--system-icon_Over)}
.v4-options-system-menu .v4-panel-content button:active i{background-image:var(--system-icon_Down)}
.v4-options-system-menu .v4-inventory-status{display:none}
