*{box-sizing:border-box;font-family:"Work Sans",sans-serif;color:#ddd}body,html{margin:0;padding:0;width:100%;height:100%}body{background-image:radial-gradient(circle farthest-corner at -4% -12.9%,#373c3e .3%,#1f2024 90.2%)}body,body #radio,body #radio .App{display:flex;flex:1 1}body #radio .App .loading{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;background-color:rgba(33,37,40,.75);align-items:center;justify-content:center;z-index:1000}body #radio .App .spinner{margin:100px auto;width:40px;height:40px;position:relative;text-align:center;-webkit-animation:sk-rotate 2s linear infinite;animation:sk-rotate 2s linear infinite}body #radio .App .dot1,body #radio .App .dot2{width:60%;height:60%;display:inline-block;position:absolute;top:0;background-color:#ffd400;border-radius:100%;-webkit-animation:sk-bounce 2s ease-in-out infinite;animation:sk-bounce 2s ease-in-out infinite}body #radio .App .dot2{top:auto;bottom:0;-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes sk-rotate{to{-webkit-transform:rotate(1turn)}}@keyframes sk-rotate{to{transform:rotate(1turn);-webkit-transform:rotate(1turn)}}@-webkit-keyframes sk-bounce{0%,to{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}@keyframes sk-bounce{0%,to{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}body #radio .App .pattern-checks-sm{background-position:0 0,10px 10px;background-size:20px 20px}body #radio .App .pattern-checks-md,body #radio .App .pattern-checks-sm{background-image:repeating-linear-gradient(45deg,currentColor 25%,transparent 0,transparent 75%,currentColor 0,currentColor),repeating-linear-gradient(45deg,currentColor 25%,transparent 0,transparent 75%,currentColor 0,currentColor)}body #radio .App .pattern-checks-md{background-position:0 0,25px 25px;background-size:50px 50px}body #radio .App .pattern-checks-lg{background-position:0 0,50px 50px;background-size:100px 100px}body #radio .App .pattern-checks-lg,body #radio .App .pattern-checks-xl{background-image:repeating-linear-gradient(45deg,currentColor 25%,transparent 0,transparent 75%,currentColor 0,currentColor),repeating-linear-gradient(45deg,currentColor 25%,transparent 0,transparent 75%,currentColor 0,currentColor)}body #radio .App .pattern-checks-xl{background-position:0 0,100px 100px;background-size:200px 200px}body #radio .App .pattern-grid-sm{background-size:10px 10px}body #radio .App .pattern-grid-md,body #radio .App .pattern-grid-sm{background-image:linear-gradient(currentColor 1px,transparent 0),linear-gradient(90deg,currentColor 1px,transparent 0)}body #radio .App .pattern-grid-md{background-size:25px 25px}body #radio .App .pattern-grid-lg{background-size:50px 50px}body #radio .App .pattern-grid-lg,body #radio .App .pattern-grid-xl{background-image:linear-gradient(currentColor 1px,transparent 0),linear-gradient(90deg,currentColor 1px,transparent 0)}body #radio .App .pattern-grid-xl{background-size:100px 100px}body #radio .App .pattern-dots-sm{background-image:radial-gradient(currentColor .5px,transparent 0);background-size:5px 5px}body #radio .App .pattern-dots-md{background-image:radial-gradient(currentColor 1px,transparent 0);background-size:10px 10px}body #radio .App .pattern-dots-lg{background-image:radial-gradient(currentColor 1.5px,transparent 0);background-size:15px 15px}body #radio .App .pattern-dots-xl{background-image:radial-gradient(currentColor 2px,transparent 0);background-size:20px 20px}body #radio .App .pattern-cross-dots-sm{background-image:radial-gradient(currentColor .5px,transparent 0),radial-gradient(currentColor .5px,transparent 0);background-size:10px 10px;background-position:0 0,5px 5px}body #radio .App .pattern-cross-dots-md{background-image:radial-gradient(currentColor 1px,transparent 0),radial-gradient(currentColor 1px,transparent 0);background-size:20px 20px;background-position:0 0,10px 10px}body #radio .App .pattern-cross-dots-lg{background-image:radial-gradient(currentColor 1.5px,transparent 0),radial-gradient(currentColor 1.5px,transparent 0);background-size:30px 30px;background-position:0 0,15px 15px}body #radio .App .pattern-cross-dots-xl{background-image:radial-gradient(currentColor 2px,transparent 0),radial-gradient(currentColor 2px,transparent 0);background-size:40px 40px;background-position:0 0,20px 20px}body #radio .App .pattern-vertical-lines-sm{background-image:repeating-linear-gradient(90deg,currentColor,currentColor 1px,transparent 0,transparent);background-size:10px 10px}body #radio .App .pattern-horizontal-lines-sm{background-image:repeating-linear-gradient(0deg,currentColor,currentColor 1px,transparent 0,transparent);background-size:10px 10px}body #radio .App .pattern-diagonal-lines-sm{background-image:repeating-linear-gradient(45deg,currentColor,currentColor 1px,transparent 0,transparent 50%);background-size:10px 10px}body #radio .App .pattern-vertical-lines-md{background-image:repeating-linear-gradient(90deg,currentColor,currentColor 1px,transparent 0,transparent);background-size:25px 25px}body #radio .App .pattern-horizontal-lines-md{background-image:repeating-linear-gradient(0deg,currentColor,currentColor 1px,transparent 0,transparent);background-size:25px 25px}body #radio .App .pattern-diagonal-lines-md{background-image:repeating-linear-gradient(45deg,currentColor,currentColor 1px,transparent 0,transparent 50%);background-size:25px 25px}body #radio .App .pattern-vertical-lines-lg{background-image:repeating-linear-gradient(90deg,currentColor,currentColor 1px,transparent 0,transparent);background-size:50px 50px}body #radio .App .pattern-horizontal-lines-lg{background-image:repeating-linear-gradient(0deg,currentColor,currentColor 1px,transparent 0,transparent);background-size:50px 50px}body #radio .App .pattern-diagonal-lines-lg{background-image:repeating-linear-gradient(45deg,currentColor,currentColor 1px,transparent 0,transparent 50%);background-size:50px 50px}body #radio .App .pattern-vertical-lines-xl{background-image:repeating-linear-gradient(90deg,currentColor,currentColor 1px,transparent 0,transparent);background-size:100px 100px}body #radio .App .pattern-horizontal-lines-xl{background-image:repeating-linear-gradient(0deg,currentColor,currentColor 1px,transparent 0,transparent);background-size:100px 100px}body #radio .App .pattern-diagonal-lines-xl{background-image:repeating-linear-gradient(45deg,currentColor,currentColor 1px,transparent 0,transparent 50%);background-size:100px 100px}body #radio .App .pattern-vertical-stripes-sm{background-image:linear-gradient(90deg,transparent 50%,currentColor 0);background-size:10px 10px}body #radio .App .pattern-horizontal-stripes-sm{background-image:linear-gradient(0deg,transparent 50%,currentColor 0);background-size:10px 10px}body #radio .App .pattern-diagonal-stripes-sm{background:repeating-linear-gradient(45deg,transparent,transparent 10px,currentColor 0,currentColor 20px)}body #radio .App .pattern-vertical-stripes-md{background-image:linear-gradient(90deg,transparent 50%,currentColor 0);background-size:25px 25px}body #radio .App .pattern-horizontal-stripes-md{background-image:linear-gradient(0deg,transparent 50%,currentColor 0);background-size:25px 25px}body #radio .App .pattern-diagonal-stripes-md{background:repeating-linear-gradient(45deg,transparent,transparent 25px,currentColor 0,currentColor 50px)}body #radio .App .pattern-vertical-stripes-lg{background-image:linear-gradient(90deg,transparent 50%,currentColor 0);background-size:50px 50px}body #radio .App .pattern-horizontal-stripes-lg{background-image:linear-gradient(0deg,transparent 50%,currentColor 0);background-size:50px 50px}body #radio .App .pattern-diagonal-stripes-lg{background:repeating-linear-gradient(45deg,transparent,transparent 50px,currentColor 0,currentColor 100px)}body #radio .App .pattern-vertical-stripes-xl{background-image:linear-gradient(90deg,transparent 50%,currentColor 0);background-size:100px 100px}body #radio .App .pattern-horizontal-stripes-xl{background-image:linear-gradient(0deg,transparent 50%,currentColor 0);background-size:100px 100px}body #radio .App .pattern-diagonal-stripes-xl{background:repeating-linear-gradient(45deg,transparent,transparent 100px,currentColor 0,currentColor 200px)}body #radio .App .pattern-zigzag-sm{background:linear-gradient(135deg,currentColor 25%,transparent 0) -10px 0,linear-gradient(225deg,currentColor 25%,transparent 0) -10px 0,linear-gradient(315deg,currentColor 25%,transparent 0),linear-gradient(45deg,currentColor 25%,transparent 0);background-size:20px 20px}body #radio .App .pattern-zigzag-md{background:linear-gradient(135deg,currentColor 25%,transparent 0) -25px 0,linear-gradient(225deg,currentColor 25%,transparent 0) -25px 0,linear-gradient(315deg,currentColor 25%,transparent 0),linear-gradient(45deg,currentColor 25%,transparent 0);background-size:50px 50px}body #radio .App .pattern-zigzag-lg{background:linear-gradient(135deg,currentColor 25%,transparent 0) -50px 0,linear-gradient(225deg,currentColor 25%,transparent 0) -50px 0,linear-gradient(315deg,currentColor 25%,transparent 0),linear-gradient(45deg,currentColor 25%,transparent 0);background-size:100px 100px}body #radio .App .pattern-zigzag-xl{background:linear-gradient(135deg,currentColor 25%,transparent 0) -100px 0,linear-gradient(225deg,currentColor 25%,transparent 0) -100px 0,linear-gradient(315deg,currentColor 25%,transparent 0),linear-gradient(45deg,currentColor 25%,transparent 0);background-size:200px 200px}body #radio .App .pattern-triangles-sm{background-image:linear-gradient(45deg,currentColor 50%,transparent 0);background-size:10px 10px}body #radio .App .pattern-triangles-md{background-image:linear-gradient(45deg,currentColor 50%,transparent 0);background-size:25px 25px}body #radio .App .pattern-triangles-lg{background-image:linear-gradient(45deg,currentColor 50%,transparent 0);background-size:50px 50px}body #radio .App .pattern-triangles-xl{background-image:linear-gradient(45deg,currentColor 50%,transparent 0);background-size:100px 100px}body #radio .App .text-pattern{-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}body #radio .App .pattern-w-sm{width:10px}body #radio .App .pattern-h-sm{height:10px}body #radio .App .pattern-w-md{width:25px}body #radio .App .pattern-h-md{height:25px}body #radio .App .pattern-w-lg{width:50px}body #radio .App .pattern-h-lg{height:50px}body #radio .App .pattern-w-xl{width:100px}body #radio .App .pattern-h-xl{height:100px}body #radio .App .hidden{display:none!important}body #radio .App .scroll-wrapper{display:flex;flex:1 1}body #radio .App .random-pattern{display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:.15}body #radio .App .random-pattern,body #radio .App .shine{position:absolute;height:100%;width:100%;mix-blend-mode:overlay}body #radio .App .shine{top:0;left:0;background-image:linear-gradient(109.6deg,#fff 11.2%,hsla(0,0%,100%,0) 91.1%);opacity:.5}body #radio .App .stations{display:flex;flex:1 1;padding:1rem 1rem 12rem;flex-wrap:wrap}body #radio .App .stations .station{position:relative;margin:1rem;width:calc(25% - 2rem);height:12vw;background-color:#2a2e31;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-direction:column;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);transition:all .3s cubic-bezier(.25,.8,.25,1)}body #radio .App .stations .station img{width:70%;max-height:50%;position:relative}body #radio .App .stations .station h3{font-size:1.8rem;margin:0 0 1rem;font-weight:700;position:relative;color:#fff;text-shadow:0 .25rem .5rem rgba(0,0,0,.4)}body #radio .App .stations .station h3+img{width:25%}body #radio .App .stations .station:hover{box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}body #radio .App .player{position:absolute;bottom:0;left:0;height:10rem;width:100%;display:flex;align-items:center;justify-content:center}body #radio .App .player canvas{position:absolute;bottom:0;left:0;z-index:0}body #radio .App .player .controls{z-index:1;display:flex;align-items:center;position:relative;justify-content:center;flex:1 1;height:100%;background-color:rgba(10,11,12,.5)}body #radio .App .player .controls .playing{position:absolute;height:8rem;top:1rem;left:1rem;display:flex;align-items:flex-start;width:45%}body #radio .App .player .controls .playing .station{height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;width:8rem;background-color:#2a2e31}body #radio .App .player .controls .playing .station img{width:80%}body #radio .App .player .controls .playing p{margin:0 0 0 1rem;font-size:2rem;width:40%;text-transform:uppercase;line-height:2rem}body #radio .App .player .controls .play-pause{font-size:4rem;display:flex;padding:1rem;border-radius:10rem;border:1px solid hsla(0,0%,100%,.05);cursor:pointer;transition:all .35s}body #radio .App .player .controls .play-pause:hover{background-color:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.2)}@media (max-width:1000px){body #radio .App .stations .station{width:calc(33.3333% - 2rem);height:20vw}}@media (max-width:600px){body #radio .App .stations .station{width:calc(50% - 2rem);height:30vw}}
/*# sourceMappingURL=main.fe875f86.chunk.css.map */