.desktop-volume{position:relative;display:inline-flex;flex:0 0 auto}.volume-trigger{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:transparent;color:inherit;border:0;cursor:pointer}.volume-trigger svg{width:20px;height:20px}.volume-trigger:hover,.volume-trigger[aria-expanded=true]{background:#ffffff12}.volume-popup{position:absolute;z-index:30;bottom:calc(100% + 12px);left:50%;transform:translateX(-50%);padding:14px 10px;width:48px;height:148px;border:1px solid #ffffff24;border-radius:12px;background:#252b2a;box-shadow:0 8px 25px #0006}.volume-popup[hidden]{display:none!important}.volume-popup input{writing-mode:vertical-lr;direction:rtl;appearance:auto;width:24px!important;height:116px!important;min-height:0;padding:0;margin:0;accent-color:#c3e6ce;cursor:pointer}.volume-trigger:focus-visible{outline:2px solid #c3e6ce;outline-offset:3px}@media(max-width:720px),(pointer:coarse){.desktop-volume{display:none!important}}