@keyframes blink-button-animation{0%,49%{opacity:1}50%,to{opacity:.2}}.playing-button{position:relative;padding:.25rem .5rem .25rem 1.12rem}.playing-button:before{position:absolute;top:50%;left:0;display:block;width:16px;height:16px;content:"";transform:translateY(-50%)}.playing-button:disabled:before{opacity:.4}.playing-button:before{background-color:#ffffffde;mask:url(/examples-js-web/examples-web/icons/sound_sampler.svg) 0 0/contain no-repeat}.playing-button[data-playing=true]:before{background-color:#0a8cdc;animation:blink-button-animation 2s infinite}.replay-button{position:relative;padding:.25rem .5rem .25rem 1.12rem}.replay-button:before{position:absolute;top:50%;left:0;display:block;width:16px;height:16px;content:"";transform:translateY(-50%)}.replay-button:disabled:before{opacity:.4}.replay-button:before{background-color:#ffffffde;mask:url(/examples-js-web/examples-web/icons/replay.svg) 0 0/contain no-repeat}.muting-button{position:relative;padding:.25rem .5rem .25rem 1.12rem}.muting-button:before{position:absolute;top:50%;left:0;display:block;width:16px;height:16px;content:"";transform:translateY(-50%)}.muting-button:disabled:before{opacity:.4}.muting-button:before{background-color:#ffffffde;mask:url(/examples-js-web/examples-web/icons/mic_off.svg) 0 0/contain no-repeat}.muting-button[data-mute=true]:before{background-color:#dc0000;animation:blink-button-animation 1s infinite}.search-location-button{position:relative;padding:.25rem .5rem .25rem 1.12rem}.search-location-button:before{position:absolute;top:50%;left:0;display:block;width:16px;height:16px;content:"";transform:translateY(-50%)}.search-location-button:disabled:before{opacity:.4}.search-location-button:before{background-color:#ffffffde;mask:url(/examples-js-web/examples-web/icons/location_searching.svg) 0 0/contain no-repeat}.watching-location-button{position:relative;padding:.25rem .5rem .25rem 1.12rem}.watching-location-button:before{position:absolute;top:50%;left:0;display:block;width:16px;height:16px;content:"";transform:translateY(-50%)}.watching-location-button:disabled:before{opacity:.4}.watching-location-button:before{background-color:#ffffffde;mask:url(/examples-js-web/examples-web/icons/location_off.svg) 0 0/contain no-repeat}.watching-location-button[data-watching=true]:before{background-color:#0adc8c;mask:url(/examples-js-web/examples-web/icons/location_on.svg) 0 0/contain no-repeat;animation:blink-button-animation 2s infinite}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;font-synthesis:none;line-height:1.5;color:#ffffffde;color-scheme:light dark;background-color:#242424;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-width:320px;min-height:100vh;margin:0}h1{margin-top:0;font-size:2em;line-height:1.1}nav{display:inline-block}nav ul>li{line-height:2}#app{max-width:1280px;padding:2rem}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}.before-icon-button:before{background-color:#464646}}