#hotel-sound{display:flex;align-items:center;gap:10px;min-width:118px;justify-content:center}
.sound-bars{display:flex;gap:2px;align-items:center;height:14px;width:17px;flex:none}.sound-bars i{display:block;width:2px;height:3px;background:currentColor;transform-origin:center}
#hotel-sound[data-playing="true"]{color:#ff7541;border-color:#ff754166}
#hotel-sound[data-playing="true"] .sound-bars i{animation:hh-frequency 1.2s ease-in-out infinite alternate}
.sound-bars i:nth-child(2){animation-delay:-.65s!important}.sound-bars i:nth-child(3){animation-delay:-.25s!important}.sound-bars i:nth-child(4){animation-delay:-.85s!important}
@keyframes hh-frequency{to{transform:scaleY(4)}}
.sound-mix{position:relative;font:10px monospace;letter-spacing:.6px}.sound-mix summary{cursor:pointer;padding:14px 10px;list-style:none;color:#c8c1b2}.sound-mix summary::-webkit-details-marker{display:none}.sound-mix summary:focus-visible{outline:2px solid #ff7541;outline-offset:2px}.sound-mix[open] summary{color:#ff7541}
.sound-panel{position:absolute;right:0;top:calc(100% + 12px);width:250px;padding:20px;background:#111311f5;border:1px solid #796c57;box-shadow:0 16px 50px #0008;z-index:20}.sound-panel label{display:flex;justify-content:space-between;color:#e8e1d1;font-size:10px}.sound-panel input{display:block;width:100%;margin:18px 0;accent-color:#ff5900;height:22px;cursor:pointer}.sound-panel p{font:8px/1.5 monospace;letter-spacing:.8px;color:#a69d8c;margin:0}
@media(max-width:600px){#hotel-sound{min-width:106px;gap:7px}.sound-mix summary{font-size:9px;padding:12px 7px}.sound-panel{right:-48px;width:230px}.hotel-controls{gap:0}}
@media(prefers-reduced-motion:reduce){#hotel-sound[data-playing="true"] .sound-bars i{animation:none;transform:scaleY(2)}}