*,:after,:before{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word;text-wrap:balance}figcaption,li,p{max-width:65ch;text-wrap:pretty}#__next,#root{isolation:isolate}button{all:unset}button:focus{outline:revert}input{background:transparent;border:0;border-bottom:var(--seperator-line);color:inherit;font-size:16px;outline:0;padding:7px 0;transition:border-color var(--animate-200,.2s) linear;width:100%}input[list]::-webkit-calendar-picker-indicator,input[list]::-webkit-list-button{display:none!important}input[disabled],input[disabled]~label{color:var(--disabled-color)}input::placeholder{color:transparent}input:placeholder-shown~label{cursor:text;font-size:16px;top:1.25em}input:focus~label,label{color:inherit;display:block;font-size:12px;position:absolute;top:0;transition:var(--animate-200,.2s)}input:focus~label{color:var(--pop-color)}input:focus{border-bottom:2px solid var(--pop-color);padding-bottom:6px}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 20px var(--main-color) inset!important}input:-webkit-autofill{-webkit-text-fill-color:var(--text-color)!important}input[type=range]{-webkit-appearance:none;appearance:none;border-bottom:none;border-radius:5px;height:10px;opacity:.7;outline:none;transition:opacity .2s;width:100%}input[type=range]:hover{opacity:1}input[type=range]::-webkit-slider-runnable-track{background:var(--selected-color);border-radius:5px;height:10px;width:100%}input[type=range]::-moz-range-track{background:var(--pop-color);border-radius:5px;height:10px;width:100%}input[type=range]::-ms-track{background:transparent;border-color:transparent;color:transparent;height:10px;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--pop-color);border:2px solid var(--pop-color);border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);cursor:pointer;height:20px;transform:translateY(-25%);transition:background .3s;width:20px}input[type=range]::-moz-range-thumb{background:#fff;border:2px solid var(--pop-color);border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);cursor:pointer;height:20px;transition:background .3s;width:20px}input[type=range]::-ms-thumb{background:#fff;border:2px solid var(--pop-color);border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);cursor:pointer;height:20px;transition:background .3s;width:20px}input[type=range]:focus::-webkit-slider-thumb{background:var(--pop-color)}input[type=range]:focus::-moz-range-thumb{background:var(--pop-color)}input[type=range]:focus::-ms-thumb{background:var(--pop-color)}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:transparent}dialog{align-items:center;background:var(--main-color);border:none;border-radius:1.25em;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2);box-sizing:border-box;color:inherit;display:flex;flex-direction:column;justify-content:center;left:50%;max-width:600px;min-width:280px;opacity:0;overflow:visible;padding:1.5em;pointer-events:none;position:fixed;top:50%;transform:translate3d(0,300%,0) translate(-50%,-50%);transition:all var(--animate-200,.2s) linear allow-discrete;user-select:none}dialog[open]{opacity:1;pointer-events:all;transform:translateZ(0) translate(-50%,-50%);z-index:2}dialog::backdrop{animation:fade-out var(--animate-200,.2s) linear forwards;background:rgba(0,0,0,.4);inset:0;position:fixed;z-index:1}dialog[open]::backdrop{animation:fade-in var(--animate-200,.2s) linear forwards}dialog>.small-button.close{position:absolute;right:10px;top:10px}.attention{animation:get-attention .25s ease-in-out 2}.button-attention{animation:get-button-attention .25s ease-in-out 2}.dialog-attention{animation:get-dialog-attention .5s ease-in-out}#matomo-opt-out>input{margin-right:8px;width:auto}#matomo-opt-out>label{display:inline-block;font-size:inherit;position:inherit}.scrollable{height:400px;margin-bottom:16px;min-width:300px;overflow-x:hidden;overflow-y:auto;padding:8px}.scrollable>*>ul{margin:0 0 24px;padding:0}.scrollable>*>ul>li{padding:0 16px}.scrollable>*>ul>li>ul{margin:0;padding:0}#greeting>p>a{margin-left:2px}.loading{align-items:center;display:flex;flex-direction:row;justify-content:center;margin:0 auto;padding:4px}.circle{animation:dots var(--animation-duration,.8s) var(--animation-timing,linear) infinite;background:var(--text-color,#000);border-radius:50%;height:16px;margin:0 4px;transform:scale3d(0,0,0);width:16px}.loading>.circle:first-child{animation-delay:0s}.loading>.circle:nth-child(2){animation-delay:.16s}.loading>.circle:nth-child(3){animation-delay:.32s}.loading>.circle:nth-child(4){animation-delay:.48s}.loading>.circle:nth-child(5){animation-delay:.64s}.button{appearance:none;background-color:var(--pop-color,#333);border-radius:5px;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2);box-sizing:border-box;color:var(--contrast-color,#fff);cursor:pointer;display:inline-flex;margin:.29em;min-width:5.14em;outline-width:0;padding:.7em .57em;position:relative;text-align:center;text-transform:uppercase;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;align-items:center;border:none;flex-direction:row;justify-content:center;overflow:visible;pointer-events:all;transform:translateZ(0);transition:background var(--animate-150,.15s) linear;user-select:none}.button:after{border-radius:5px;box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.4);content:" ";display:inline-block;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity var(--animate-150,.15s) cubic-bezier(.33,.17,.85,1.1);width:100%}.button:hover:after{opacity:1}.button:hover:active:after{opacity:0}.button[disabled]{background:rgba(84,84,84,.4);box-shadow:none;color:#fff;cursor:none;pointer-events:none}.button[disabled]:active,.button[disabled]:active:hover,.button[disabled]:hover,.button[noshadow],.button[noshadow]:after,.button[noshadow]:hover,.button[noshadow]:hover:after{box-shadow:none}.button[noshadow]:active{box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2)}.button>*{pointer-events:none}.button :first-child{margin-right:1em}.button :nth-child(2){align-items:center;display:flex;margin-right:1em}.small-button{background:none;border:none;border-radius:50%;color:inherit;cursor:pointer;padding:.5em;position:relative;transform:translateZ(0);-webkit-user-select:none;width:24px;-webkit-tap-highlight-color:transparent;user-select:none}.small-button[disabled]{color:var(--disabled-color);cursor:default}.small-button>*{pointer-events:none}.fab{align-items:center;appearance:none;background-color:var(--pop-color,#333);border:none;border-radius:50%;bottom:1.25em;box-sizing:border-box;color:var(--contrast-color,#fff);cursor:pointer;display:flex;flex-direction:column;height:56px;justify-content:center;min-width:0;outline:none;padding:1em;position:fixed;right:.8em;width:56px;-webkit-tap-highlight-color:transparent;box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.4);z-index:1}.fab>*{pointer-events:none}.fab:after{border-radius:50%;box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.4);content:" ";display:inline-block;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity var(--animate-150,.15s) cubic-bezier(.33,.17,.85,1.1);width:100%;z-index:-1}.fab:hover:after{opacity:1}.fab:hover:active:after,.toast{opacity:0}.toast{background:#323232;border-radius:3px;bottom:8px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);color:#fff;cursor:pointer;display:inline-block;font-size:14px;left:8px;min-width:200px;overflow:visible;padding:16px;position:absolute;text-align:left;transform:translateY(80px) translateZ(0);transition:all var(--animate-150,.15s) cubic-bezier(.33,.17,.85,1.1);z-index:10}.toast[opened]{opacity:1;transform:translateY(0)}.player[playing]~.toast{bottom:80px}.toast:after{border-radius:5px;box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.4);content:" ";display:inline-block;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity var(--animate-150,.15s) cubic-bezier(.33,.17,.85,1.1);width:100%}.toast:hover:after{opacity:1}.toast>*{pointer-events:none}.toast-wrapper{align-items:center;display:flex;justify-content:space-between;overflow:hidden}.toast-wrapper>div:first-child{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toast .yellow-text{color:#ff0;margin-left:24px}.player{align-items:center;background:var(--main-color,#fff);border-top:var(--seperator-line,1px solid rgba(51,51,51,.2));bottom:0;color:inherit;display:flex;flex-direction:row;height:72px;justify-content:center;left:0;overflow:hidden;position:fixed;right:0;transform:translateY(100%);transition:transform var(--animate-150,.15s) linear;will-change:transform}.player[playing]{transform:translateY(0)}.player>.small-button>svg{height:2.25em;width:2.25em}.player>.small-button{left:36px;position:fixed;top:50%;transform:translate(-50%,-50%)}.player>label{position:absolute;right:180px;top:13px}.player[playing]~.to-top{transform:translateY(-70px) translateX(-50%)}.player-big{width:fit-content}#name{left:90px;max-width:var(--max-width-large);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#bitrate,#name{position:fixed;top:50%;transform:translateY(-50%)}#bitrate{align-items:center;background:rgba(var(--pop-rgb),.8);border-radius:7px;color:var(--contrast-color);display:flex;font-size:.8em;justify-content:center;margin:0 8px;max-height:32px;min-height:32px;min-width:62px;padding:.5em;right:90px}.spin{animation:spin 1.5s linear infinite}@media screen and (max-width:767px){#name{max-width:var(--max-width-small)}#vol{display:none}}@media screen and (max-width:450px){#name{max-width:var(--max-width-xsmall)}#bitrate{display:none}.toast-wrapper>div:first-child{max-width:200px}}.alert{background:#323232;border-radius:8px;box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.4);color:#fff;display:flex;flex-direction:row;font-size:14px;left:50%;margin:auto;max-width:600px;min-width:200px;opacity:0;padding:16px;position:absolute;text-align:left;top:8px;transform:translateY(-120%) translateX(-50%);transition-duration:.5s;transition-property:transform,opacity;transition-timing-function:linear;z-index:4}.alert[open]{opacity:1;transform:translateY(0) translateX(-50%)}.alert>.yellow-text{color:#ff0;cursor:pointer;margin:auto;min-width:135px;padding:16px}@media screen and (max-width:600px){.alert{display:inline-block}}#stations{color:inherit;height:fit-content;margin:0;overflow:hidden;padding:0;width:100%}#stations>li{align-items:center;background:var(--station-background);border-radius:10px;box-shadow:inset 0 1px 3px rgba(0,0,0,.1);display:flex;justify-content:center;margin:8px auto;max-width:500px;padding:.5em}#stations>li>span{display:block;margin-left:.5em;overflow:hidden;pointer-events:none;text-overflow:ellipsis;white-space:nowrap;width:100%}#stations>li>div{align-items:center;background:var(--pop-color,#333);border-radius:7px;color:var(--contrast-color,#fff);display:flex;font-size:.8em;justify-content:center;margin:0 8px;max-height:32px;min-height:32px;min-width:62px;padding:.5em;pointer-events:none;transition:background-color var(--animate-500,.5s) linear}#stations>li[playing][selected]>div{background:var(--main-color);color:var(--text-color)}#stations>li:first-child{margin-top:0}#stations>li:last-child{margin-bottom:11.25em}#stations>li[selected]{background:var(--main-color)}#stations>li>.remove{display:none}#stations>li[playing]{background:rgba(var(--pop-rgb),.4);box-shadow:inset 0 1px 3px rgba(0,0,0,.1)}#stations>li[playing]>.play{cursor:auto;opacity:0;pointer-events:none}#stations>li[selected]>.remove{display:block}#stations>li[selected][playing]{background:var(--pop-color);color:var(--contrast-color)}#stations>li[selected]>.add{display:none}.context-menu{background-color:var(--main-color);border-radius:5px;box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.4);color:var(--text-color);margin:0;min-width:240px;padding:0;position:fixed;transform:scale3d(0,0,0);transition:transform .1s cubic-bezier(.33,.17,.85,1.1);z-index:2}.context-menu[open]{transform:scaleX(1)}.context-menu[open]:after{box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.4);content:" ";display:inline-block;height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity var(--animate-150,.15s) cubic-bezier(.33,.17,.85,1.1);width:100%}.context-menu[open]:hover:after{opacity:1}.context-menu[open]:hover:active:after{opacity:0}.context-menu>li{align-items:center;border-bottom:var(--seperator-line);cursor:pointer;display:flex;flex-direction:row;justify-content:center;padding:8px;text-transform:uppercase;transition:var(--button-bg-animation)}.context-menu>li:last-child{border-bottom:none}.context-menu>li>svg{height:24px;margin-right:8px;width:24px}.context-menu>li>span{align-items:center;display:flex;justify-content:center;width:100%}.context-menu>li:hover{color:var(--pop-color)}header{align-items:center;background:var(--main-color,#fff);box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.4);display:flex;flex-direction:column;height:128px;justify-content:center;left:0;margin:0;padding:0;position:fixed;right:0;top:0;transition:transform .2s ease-out;will-change:transform;z-index:2}.reset{right:-15px;top:15px}#info,.reset{position:absolute}#info{display:flex;opacity:1;right:0;top:34px;transition:all .2s ease-out;will-change:transform;z-index:1}.w93{width:93%}.form-group{display:flex;flex-direction:column;margin:10px auto .3em;min-width:19em;padding:10px 0 0;position:relative;transition:opacity .2s ease-out;will-change:opacity}.form-group>.button{margin:auto}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:url(5107f918ea4d5d49498b.eot);src:local("Roboto"),local("Roboto-Regular"),url(5107f918ea4d5d49498b.eot?#iefix) format("embedded-opentype"),url(e46177b21b27cd6643c5.woff2) format("woff2"),url(79019f47c4489bfcb239.woff) format("woff"),url(81dc9b21d2ced318e9ae.ttf) format("truetype"),url(bcf2ba9ef2bd549116a9.svg#Roboto) format("svg")}:root{--font-family:"Roboto","Noto",sans-serif;--pop-rgb:166,136,250;--main-color:rgb(var(--main-rgb));--pop-color:rgb(var(--pop-rgb));--text-color:#333;--main-rgb:255,255,255;--disabled-color:#c1bebe;--background-color:#b9b9b9;--selected-color:hsla(0,0%,39%,.4);--seperator-line:1px solid rgba(51,51,51,.2);--station-background:#c8c8c8;--contrast-color:#121212;--animate-150:150ms;--animate-200:200ms;--animate-300:300ms;--animate-500:500ms;--animation-duration:800ms;--animation-timing:linear(0 0%,0 1.8%,0.01 3.6%,0.03 6.35%,0.07 9.1%,0.13 11.4%,0.19 13.4%,0.27 15%,0.34 16.1%,0.54 18.35%,0.66 20.6%,0.72 22.4%,0.77 24.6%,0.81 27.3%,0.85 30.4%,0.88 35.1%,0.92 40.6%,0.94 47.2%,0.96 55%,0.98 64%,0.99 74.4%,1 86.4%,1 100%);--max-width-large:calc(100vw - 470px);--max-width-small:calc(100vw - 270px);--max-width-xsmall:calc(100vw - 160px)}@media (prefers-color-scheme:dark){:root{--text-color:#dfdfdf;--main-rgb:58,58,58;--disabled-color:#868686;--background-color:#161616;--selected-color:hsla(0,0%,53%,.6);--seperator-line:1px solid hsla(0,0%,88%,.1);--station-background:#212121}}@media (prefers-reduced-motion){:root{--animate-150:0ms;--animate-200:0ms;--animate-300:0ms;--animate-500:0ms}}body{background:var(--background-color);bottom:0;font-family:var(--font-family);top:0;-webkit-tap-highlight-color:rgba(0,0,0,0);color:var(--text-color);flex-direction:column;margin:0;overflow-y:hidden;padding:0;-webkit-user-select:none;user-select:none}body,main{left:0;overflow-x:hidden;position:fixed;right:0}main{bottom:-64px;overflow-y:auto;top:128px;transition:transform .2s ease-out;will-change:transform}a{color:inherit}h1{font-size:1.7em;margin-bottom:8px;text-transform:uppercase}h1,h2{font-weight:700}h2{font-size:1.25em}h3{font-size:1em;font-weight:700}p{margin:.5em auto;min-width:300px}svg{height:1.5em;min-width:1.5em;width:1.5em}.backdrop{background:rgba(0,0,0,.2);inset:0;opacity:0;position:absolute;transition:opacity .1s linear;z-index:1}.backdrop[visable]{opacity:1}ul{list-style-type:none}#station-count{text-align:center}#response{align-items:center;display:flex;height:4em;justify-content:center;padding:.5em}.flex-row{display:flex;flex-direction:row}.to-top{animation:show-it var(--animate-150,.15s) linear forwards;bottom:10px;left:50%;position:fixed;transform:translateX(-50%);transition:transform var(--animate-150,.15s) linear;width:auto}.hidden{animation:hide-it var(--animate-150,.15s) linear forwards}.margin-right-8{margin-right:8px}.margin-bottom-24{margin-bottom:24px}.margin-top-24{margin-top:24px}@media screen and (max-width:450px){#info{display:none;opacity:0}}@keyframes hide-it{0%{display:block;opacity:1}to{display:none;opacity:0}}@keyframes show-it{0%{display:none;opacity:0}to{display:block;opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes dots{0%{transform:scale3d(0,0,0)}15%{transform:scaleX(1)}to{transform:scale3d(0,0,0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes get-attention{0%{color:inherit;transform:scale(1)}50%{color:var(--pop-color);transform:scale(1.5)}to{color:inherit;transform:scale(1)}}@keyframes get-button-attention{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes get-dialog-attention{0%{transform:scale(1) translateX(-50%) translateY(-50%)}50%{transform:scale(1.05) translateX(-48%) translateY(-48%)}to{transform:scale(1) translateX(-50%) translateY(-50%)}}