#shell-sonos-alarm{display:inline-flex;align-items:center;border:1px solid var(--pc-line,#8295ad35);border-radius:9px;min-height:32px;flex:none;overflow:hidden;background:transparent}
#shell-sonos-alarm[hidden]{display:none!important}
html.pc-ui #shell-sonos-alarm button{display:flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:0;background:transparent;color:var(--pc-muted,#a4b1bf);padding:5px 8px;min-height:30px;font-size:11px;white-space:nowrap}
#shell-sonos-alarm [data-alarm-compact]{display:none}
#shell-sonos-alarm svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#shell-sonos-alarm [data-alarm-state]{font-size:10px;font-variant-numeric:tabular-nums}
html.pc-ui #shell-sonos-alarm [data-alarm-off]{border-left:1px solid var(--pc-line,#8295ad35);width:30px;padding:4px;font-size:16px;flex:none}
html.pc-ui #shell-sonos-alarm[data-state=on] button,html.pc-ui #shell-sonos-alarm[data-state=running] button{color:var(--pc-accent,#a5e5be)}
#shell-sonos-alarm[data-state=running]{background:#a5e5be14;border-color:#a5e5be60}
html.pc-ui #shell-sonos-alarm[data-state=error] button{color:#f0b49b}
#shell-sonos-alarm button:focus-visible{outline:2px solid var(--pc-accent,#a5e5be);outline-offset:-3px}
#shell-sonos-alarm button:disabled{opacity:.5;cursor:wait}
@media(min-width:761px) and (max-width:1250px){#shell-sonos-alarm .shell-alarm-label{display:none}html.pc-ui #shell-sonos-alarm button{gap:4px;padding-inline:5px}#shell-sonos-alarm [data-alarm-state]{max-width:130px;overflow:hidden;text-overflow:ellipsis}}
@media(max-width:760px){
 #shell-mobile-utilities:has(#shell-sonos-alarm:not([hidden])){flex:1 1 0%;width:0;max-width:220px;flex-wrap:wrap;justify-content:flex-end;gap:4px;min-width:0}
 html.pc-ui.pc-mobile-shell .shell-header:has(#shell-sonos-alarm:not([hidden])){height:80px;align-content:center;align-items:center}
 html.pc-ui.pc-mobile-shell:has(#shell-sonos-alarm:not([hidden])){--mobile-head:80px;--shell-head:120px;--mobile-chrome:120px}
 html.pc-ui.pc-mobile-shell:has(#shell-sonos-alarm:not([hidden])) #mobile-quick-nav{top:80px}
 html.pc-ui.pc-mobile-shell .shell-header:has(#shell-sonos-alarm:not([hidden])) .brand{flex:0 0 auto;min-width:64px}
 #shell-mobile-utilities #shell-sonos-alarm{order:5;flex-basis:auto;min-width:0;max-width:100%}
 #shell-mobile-utilities #shell-sonos-alarm [data-alarm-open]{flex:1;min-width:0}
 #shell-mobile-utilities #shell-sonos-alarm [data-alarm-state]{display:none}
 #shell-mobile-utilities #shell-sonos-alarm [data-alarm-compact]{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 #shell-mobile-utilities #shell-sonos-alarm .shell-alarm-label{display:none}
 html.pc-ui #shell-mobile-utilities #shell-sonos-alarm button{min-height:28px;gap:4px;font-size:11px;padding:4px 6px}
 #shell-mobile-utilities #shell-sonos-alarm [data-alarm-state]{font-size:10px;max-width:158px;overflow:hidden;text-overflow:ellipsis}
 html.pc-ui.pc-mobile-shell:has(#shell-sonos-alarm:not([hidden])) .module-menu,html.pc-ui.pc-mobile-shell:has(#shell-sonos-alarm:not([hidden])) body.menu-open .module-menu{top:80px}
 html.pc-ui.pc-mobile-shell:has(#shell-sonos-alarm:not([hidden])) .menu-backdrop{top:80px}
}