:root{--primary-color:#0d5eaf;--primary-color-active:#0e4f26;--primary-color-hover:#76db9b}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Comfortaa,cursive;margin:0}#app,body,html{height:100%}:focus-visible{outline:none}.page-layout-wrapper{display:grid;grid-template-areas:"head head head" "side content shortcut";grid-template-columns:240px calc(100% - 490px) 250px;grid-template-rows:70px calc(100% - 70px);height:100%}@media (max-width:1700px){.page-layout-wrapper{grid-template-areas:"head" "side content";grid-template-columns:240px 1fr;grid-template-rows:70px auto}}@media (max-width:1300px){.page-layout-wrapper{grid-template-areas:"head" "side content";grid-template-columns:70px 1fr;grid-template-rows:70px auto}}@media (max-width:600px){.page-layout-wrapper{grid-template-areas:"head" "content";grid-template-columns:1fr;grid-template-rows:70px auto}}.page-layout{background-color:#fff;height:calc(100% - 70px);padding-top:70px}.main{box-sizing:border-box;grid-area:content;overflow-x:hidden;overflow-y:auto;padding:30px 35px 100px;position:relative}@media (max-width:600px){.main{padding:20px 10px 100px 25px}.main.mob{padding:20px 25px 100px}}.main-inner{-webkit-animation:backgroundAnimation .3s ease-in;animation:backgroundAnimation .3s ease-in;background-color:#393939;bottom:0;height:100%;left:0;opacity:.8;position:fixed;right:0;top:0;width:100%;z-index:1400}@-webkit-keyframes backgroundAnimation{0%{background-color:initial}to{background-color:#393939}}@keyframes backgroundAnimation{0%{background-color:initial}to{background-color:#393939}}.main::-webkit-scrollbar{border-left:1px solid #cdcaca;border-right:1px solid #cdcaca;width:15px}.main::-webkit-scrollbar-thumb{background-clip:content-box;background-color:#cdcaca;border-color:transparent;border-radius:10px;border-style:solid;border-width:3px 4px;cursor:pointer}.main::-webkit-scrollbar-track{background-color:#fffbfb}.page-layout .main{box-sizing:border-box;float:left;grid-area:content;height:100%;padding:30px 35px 25px;width:100%}.page-layout .shortcut-wrapper{background-color:#fff;float:left;grid-area:shortcut;height:100%;overflow-x:hidden;width:250px;z-index:1}.grid-container{height:100%}.grid-item{float:left;width:12.5%}.grid-item-inner{margin:30px 25px}.skeleton-wrapper{display:block;overflow:hidden;position:relative;width:120px}.scrollable-content .skeleton-wrapper{width:auto}.scrollable-content .skeleton-image{height:80px;width:80px}.skeleton{background-color:#dddbdd;display:block;overflow:hidden;position:relative}.skeleton-sm{height:100px;width:100px}.skeleton-xs{height:50px;width:50px}.skeleton-circle{border-radius:50%}.skeleton-row{border-radius:3px;height:12px;margin:5px 10px}@-webkit-keyframes shimmer{to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes shimmer{to{-webkit-transform:translateX(100%);transform:translateX(100%)}}.skeleton-item{align-items:center;background-color:#f5f5f5;border-radius:5px;display:flex;flex-direction:column;padding:10px 0}.skeleton-image{border-radius:4px;height:90px;margin:0 10px 6px;width:90px}.skeleton:after{-webkit-animation:shimmer 2s infinite;animation:shimmer 2s infinite;background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.2) 20%,hsla(0,0%,100%,.5) 60%,hsla(0,0%,100%,0));bottom:0;content:"";left:0;position:absolute;right:0;top:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.skeleton-item .skeleton-row:last-child{margin:6px 10px 0 12px}.category-items-wrapper{-webkit-column-gap:12px;column-gap:12px;display:flex;flex-direction:row;flex-wrap:wrap;padding:3px 0 40px;row-gap:14px}.category-items-wrapper .category-item{display:grid;place-items:center}.category-items-wrapper .category-item a{background-color:#d0e5f8;border-radius:5px;color:inherit;color:#0d5eaf;color:var(--primary-color);font-size:13px;font-weight:400;padding:9px 14px;text-decoration:none;-webkit-user-select:none;user-select:none}.category-items-wrapper .category-item a.active,.category-items-wrapper .category-item a:hover{background-color:#0d5eaf;background-color:var(--primary-color);color:#fff;cursor:pointer;font-weight:500}.skeleton-link-item{background-color:#ededed;border-radius:5px;display:block;height:14px;padding:9px 14px;width:100px}.location-items-wrapper{-webkit-column-gap:12px;column-gap:12px;display:flex;flex-direction:row;flex-wrap:wrap;padding:3px 0 40px;row-gap:14px}.location-items-wrapper .location-item{display:grid;place-items:center}.location-items-wrapper .location-item a{background-color:#d0e5f8;border-radius:5px;color:inherit;color:#0d5eaf;color:var(--primary-color);font-size:13px;font-weight:400;padding:9px 14px;text-decoration:none;-webkit-user-select:none;user-select:none}.location-items-wrapper .location-item a.active,.location-items-wrapper .location-item a:hover{background-color:#0d5eaf;background-color:var(--primary-color);color:#fff;cursor:pointer;font-weight:500}.toast{background-color:#fff!important;border-radius:3px!important;font-size:13px;font-weight:600!important;padding:6px 10px!important}.page-title{color:#393939;font-size:14px;font-weight:800;padding:10px 0 20px}.navigation-bar{background-color:#fffbfb;border-right:1px solid#cdcaca;grid-area:side;overflow-x:hidden;overflow-y:auto}@media (max-width:600px){.navigation-bar{height:100%;left:0;position:fixed;top:70px;-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:-webkit-transform .3s ease-in .2s;transition:transform .3s ease-in .2s;transition:transform .3s ease-in .2s,-webkit-transform .3s ease-in .2s;width:240px;z-index:2000}.navigation-bar.active{-webkit-transform:translateY(0);transform:translateY(0)}}.navigation-bar::-webkit-scrollbar{border-left:1px solid #cdcaca;border-right:1px solid #cdcaca;width:15px}.navigation-bar::-webkit-scrollbar-thumb{background-clip:content-box;background-color:#cdcaca;border-color:transparent;border-radius:10px;border-style:solid;border-width:3px 4px;cursor:pointer}.navigation-bar::-webkit-scrollbar-track{background-color:#fffbfb}.nav{padding:30px 0}@media (max-width:1300px){.nav{padding:25px 0}}.nav-section{padding:0 0 60px}.nav-item,.nav-section-title{font-weight:500}.nav-section-title{color:#393939;font-size:14px;font-weight:800;padding:10px 25px}@media (max-width:1300px){.nav-section-title{display:none}}@media (max-width:600px){.nav-section-title{display:block}}.nav-item{align-items:center;display:flex;font-size:14px}.nav-item a{color:#787878;display:flex;line-height:20px;margin:3px 15px;padding:9px 10px;text-decoration:none;width:100%}.nav-item a.active,.nav-item a:hover{background-color:var(--primary-color);border-radius:5px;color:#fff}.nav-icon{height:22px;width:22px}.nav-icon>img{display:block;height:100%;object-fit:cover;width:100%}.nav-label{line-height:22px;padding-left:10px;z-index:2}@media (max-width:1300px){.nav-label{display:none}}@media (max-width:600px){.nav-label{display:block}}.nav-icon svg{height:100%;width:100%}.categories-icon .c1,.heart-icon path,.home-icon g,.location-icon g,.music-icon path,.trending-icon g{fill:var(--primary-color)}.categories-icon .c2{fill:#d0e5f8}.nav-item a.active .nav-icon .categories-icon g .c1,.nav-item a.active .nav-icon .categories-icon g .c2,.nav-item a.active .nav-icon .heart-icon path,.nav-item a.active .nav-icon .home-icon g,.nav-item a.active .nav-icon .location-icon g,.nav-item a.active .nav-icon .music-icon path,.nav-item a.active .nav-icon .trending-icon g,.nav-item a:hover .nav-icon .categories-icon g .c1,.nav-item a:hover .nav-icon .categories-icon g .c2,.nav-item a:hover .nav-icon .heart-icon path,.nav-item a:hover .nav-icon .home-icon g,.nav-item a:hover .nav-icon .location-icon g,.nav-item a:hover .nav-icon .music-icon path,.nav-item a:hover .nav-icon .trending-icon g{fill:#fff}.shortcut-wrapper{background-color:#fffbfb;border-left:1px solid#cdcaca;grid-area:shortcut;z-index:101}@media (max-width:1700px){.shortcut-wrapper{display:none}}.shortcuts{padding:30px 20px}.shortcuts .shortcuts-title{color:#393939;font-size:14px;font-weight:800;padding:10px 0}.shortcuts .shortcuts-body{-webkit-column-gap:12px;column-gap:12px;display:flex;flex-direction:row;flex-wrap:wrap;padding-top:3px;row-gap:14px}.shortcuts .shortcuts-body a{text-decoration:none}.shortcuts .shortcut-item{background-color:#fffbfb;border-radius:5px;box-shadow:0 4px 6px rgba(0,0,0,.05),0 1px 3px rgba(0,0,0,.05);color:#787878;display:grid;font-size:13px;font-weight:500;padding:9px 10px;place-items:center}.shortcuts .shortcut-item:hover{background-color:var(--primary-color);color:#fff}.input-search{background-color:#fff;background-image:none;border:1px solid #d9d9d9;border-radius:6px;box-sizing:border-box;color:rgba(0,0,0,.88);display:inline-block;font-family:Comfortaa,cursive;font-size:14px;line-height:1.5714285714285714;line-height:24px;min-width:0;padding:4px 11px;position:relative;transition:all .2s;width:420px;z-index:5}@media (max-width:900px){.input-search{width:360px}}.input-search.focus,.input-search:focus{border-radius:0 0 0 0}.input-search::-webkit-input-placeholder{color:rgba(0,0,0,.25)}.input-search::placeholder{color:rgba(0,0,0,.25)}.search-wrapper{display:flex;flex-direction:column;position:relative;width:420px}@media (max-width:900px){.search-wrapper{width:360px}}@media (max-width:600px){.search-wrapper{display:none}}.search-results{-webkit-animation:opacityAnimation .4s ease-in,visibilityAnimation .4s ease-in;animation:opacityAnimation .4s ease-in,visibilityAnimation .4s ease-in;background-color:#fff;box-shadow:0 4px 7px rgba(0,0,0,.1),0 1px 7px rgba(0,0,0,.1);box-sizing:border-box;flex:1 1;max-height:300px;opacity:0;overflow-x:hidden;overflow-y:auto;position:relative;visibility:hidden;width:100%;z-index:10}@-webkit-keyframes visibilityAnimation{0%{visibility:hidden}to{visibility:visible}}@keyframes visibilityAnimation{0%{visibility:hidden}to{visibility:visible}}@-webkit-keyframes opacityAnimation{0%{opacity:0}to{opacity:1}}@keyframes opacityAnimation{0%{opacity:0}to{opacity:1}}.search-results.active{opacity:1;visibility:visible}.search-results::-webkit-scrollbar{border-left:1px solid #cdcaca;border-right:1px solid #cdcaca;width:15px}.search-results::-webkit-scrollbar-thumb{background-clip:content-box;background-color:#cdcaca;border-color:transparent;border-radius:10px;border-style:solid;border-width:3px 4px;cursor:pointer}.search-results::-webkit-scrollbar-track{background-color:#fffbfb;border-left:1px solid #cdcaca;border-right:1px solid #cdcaca}.radios .result{align-items:center;cursor:pointer;display:flex;flex-direction:row;padding:8px 12px}.radios .result:hover{background-color:#f6fbff}.radios .result .radio-icon{height:32px;width:32px}.radios .result .radio-icon img{border-radius:4px;height:100%;width:100%}.radios .result .radio-name{padding:0 15px;width:25%}.radios .result .radio-meta,.radios .result .radio-name{color:#787878;font-size:12px;font-weight:600;line-height:23px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.radios .result .radio-meta{padding:0 20px;width:40%}.radios .result .radio-meta a{color:inherit;font-size:inherit;text-decoration:none}.radios .result .radio-meta a:hover{color:var(--primary-color);font-weight:800}.categories,.locations{padding:15px 12px 10px}.categories .title,.locations .title{align-items:center;display:flex;flex-direction:row;padding:0 0 15px}.categories .title .icon,.locations .title .icon{height:32px;width:32px}.categories .title .icon svg,.locations .title .icon svg{height:100%;width:100%}.categories .title .icon svg .c1,.locations .title .icon svg g{fill:var(--primary-color)}.categories .title .icon svg .c2{fill:#d0e5f8}.categories .title .text,.locations .title .text{color:#787878;font-size:12px;font-weight:600;padding:8px 15px}.categories .result,.locations .result{background-color:#d0e5f8;border-radius:5px;color:var(--primary-color);display:inline-block;font-size:12px;font-weight:500;line-height:20px;margin:0 10px 7px 0;overflow:hidden;padding:3px 10px;text-overflow:ellipsis;white-space:nowrap}.categories .result a,.locations .result a{color:inherit;font-size:inherit;text-decoration:none}.categories .result:hover,.locations .result:hover{background-color:var(--primary-color);color:#fff;cursor:pointer;font-weight:500}.overlay{background-color:#393939;bottom:0;left:0;opacity:0;position:static;right:0;top:0;transition:opacity .2s ease-in;z-index:4}.overlay.active{opacity:.8;position:fixed}.header{background-color:var(--primary-color);grid-area:head;position:-webkit-sticky;position:sticky;top:0;z-index:1600}.header .header-inner{display:flex;height:auto;justify-content:center;padding:18px 20px}@media (max-width:900px){.header .header-inner{justify-content:end}}.header .logo{color:#fff;font-size:19px;font-weight:600;left:25px;line-height:34px;position:absolute;text-align:left;top:18px}.header .logo a{color:inherit;font:inherit;text-decoration:none}.header .menu-icon{background-color:#fff;border-radius:5px;cursor:pointer;display:none;height:28px;padding:3px 5px;position:absolute;right:25px;top:18px;width:28px}.header .menu-icon svg{height:100%;width:100%}.header .menu-icon svg path{stroke:var(--primary-color);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}@media (max-width:600px){.header .menu-icon{display:block}}.volume-slider{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:0 20px;width:158px}@media (max-width:480px){.volume-slider{padding:0 0 0 12px;width:112px}}input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;background:linear-gradient(to right,var(--primary-color) 0,var(--primary-color) 50%,#fff 50%,#fff 100%);border-radius:5px;cursor:pointer;height:6px;outline:none;width:120px}@media (max-width:480px){input[type=range]{width:80px}}input[type=range]::-webkit-slider-runnable-track{height:6px}input[type=range]::-moz-range-track{height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#fff;border:3px solid var(--primary-color);border-radius:50%;height:16px;margin-top:-5px;width:16px}input[type=range]::-moz-range-thumb{background-color:#fff;border:3px solid var(--primary-color);border-radius:50%;height:10px;width:10px}input[type=range]:focus{outline:none}.volume-slider .mute{cursor:pointer;height:32px;width:32px}@media (max-width:480px){.volume-slider .mute{height:28px;width:28px}}.volume-slider .mute svg{height:32px;width:32px}@media (max-width:480px){.volume-slider .mute svg{height:28px;width:28px}}.volume-slider .mute svg path{stroke:var(--primary-color);stroke-width:1.5}.player-widget{bottom:0;left:240px;position:fixed;width:calc(100% - 490px);z-index:4}@media (max-width:1700px){.player-widget{width:calc(100% - 240px)}}@media (max-width:1300px){.player-widget{left:0;width:100%}}.player-widget-inner{align-items:center;background-color:#e5f3ff;border-radius:0;display:flex;flex-direction:row;justify-content:center;padding:7.5px 35px;-webkit-transform:translateY(100%);transform:translateY(100%);transition:all .7s ease-out;visibility:hidden}@media (max-width:767px){.player-widget-inner{justify-content:center;padding:7.5px 15px}}.player-widget-inner .radio-icon{height:45px;margin:0 20px;width:45px}@media (max-width:480px){.player-widget-inner .radio-icon{margin:0 12px}}.player-widget-inner .radio-icon>img{border-radius:5px;height:45px;width:45px}.player-widget-inner .action{cursor:pointer;height:45px;position:relative;width:45px}@media (max-width:480px){.player-widget-inner .action{height:40px;width:40px}}.player-widget-inner .action .icon{height:45px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:45px}@media (max-width:480px){.player-widget-inner .action .icon{height:40px;width:40px}}.player-widget-inner .action .play-pause{height:32px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:32px}@media (max-width:480px){.player-widget-inner .action .play-pause{height:27px;width:27px}}.player-widget-inner .action .icon.is-playing{-webkit-animation:Rotate 4s linear infinite;animation:Rotate 4s linear infinite}.player-widget-inner .action svg>*{stroke:var(--primary-color);stroke-width:1.5;fill:var(--primary-color)}.player-widget-inner .action svg.play-pause path{fill:#fff}.player-widget-inner.active{-webkit-transform:translateY(0);transform:translateY(0);visibility:visible}@-webkit-keyframes Rotate{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg)}to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}@keyframes Rotate{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg)}to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}.radio.is-favourite{background-color:var(--primary-color);border-radius:5px;cursor:pointer;height:26px;margin-right:10px;padding:4px;width:26px}@media (max-width:480px){.radio.is-favourite{height:22px;margin-right:6px;padding:3px;width:22px}}.radio.is-favourite svg{height:26px;width:26px}@media (max-width:480px){.radio.is-favourite svg{height:22px;width:22px}}.radio.is-favourite:not(.selected) svg path{fill:transparent;stroke:#fff;stroke-width:1.8}.radio.is-favourite.selected svg>*{stroke:#fff;stroke-width:1;fill:var(--primary-color)}.radio.is-favourite.selected svg path{fill:#fff;stroke-width:0}.radio-broken{background-color:var(--primary-color);border-radius:5px;cursor:pointer;height:24px;padding:5px;width:24px}@media (max-width:480px){.radio-broken{align-items:center;display:flex;height:22px;justify-content:center;padding:3px;width:22px}.radio-broken img{height:19px;width:19px}}.popular-widget{padding:0 0 50px;position:relative}.popular-widget .widget-header{align-items:center;display:flex;justify-content:space-between;padding:10px 0;position:relative;width:100%}.popular-widget .widget-title{color:#393939;display:block;font-size:14px;font-weight:800;height:25px;line-height:15px}@media (max-width:600px){.popular-widget .widget-title{line-height:25px}}.popular-widget .navigation-icons{-webkit-column-gap:8px;column-gap:8px;display:flex}.scrollable-component{overflow:hidden}.scrollable-content{align-items:center;-webkit-column-gap:10px;column-gap:10px;display:flex;height:100%;scroll-snap-type:x mandatory;touch-action:none;-webkit-transform:translateX(0);transform:translateX(0);transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:-webkit-max-content;width:max-content}.scrollable-content:hover{cursor:grab}.scrollable-content.dragging{cursor:grabbing}.popular-item{height:100%;position:relative;scroll-snap-align:center;width:100px;z-index:1}.popular-item .image{height:90px;padding:5px;position:relative;width:90px;z-index:2}.popular-item .is-favourite{cursor:pointer;height:24px;opacity:0;position:absolute;right:8px;top:8px;transition:opacity .5s ease-in;visibility:hidden;width:24px;z-index:3}.popular-item:hover .action{opacity:1;visibility:visible}.popular-item .action svg{height:100%;width:100%}.popular-item .action svg path{stroke:var(--primary-color);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.popular-item .action svg>*{stroke:#fff;stroke-width:1;fill:var(--primary-color)}.popular-item .action svg path{fill:#fff;stroke-width:0}.popular-item .is-favourite svg path{fill:#fff}.popular-item:hover .is-favourite{opacity:1;visibility:visible}.popular-item .is-favourite.selected svg>*{stroke:#fff;stroke-width:1;fill:var(--primary-color)}.popular-item .is-favourite.selected svg path{fill:#fff;stroke-width:0}.popular-item .is-favourite:not(.selected) svg path{fill:transparent;stroke:#fff;stroke-width:1.8}.popular-item.active .cover,.popular-item:hover .cover{background-color:rgba(57,57,57,.75);border-radius:10px;height:calc(100% - 10px);left:5px;position:absolute;top:5px;transition:background-color .5s ease-in;width:calc(100% - 10px);z-index:2}.popular-item img{border-radius:10px;font-size:13px;height:100%;width:100%}.popular-item .name{color:#787878;font-size:13px;font-weight:500;overflow:hidden;padding:0 0 4px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.popular-item .category{color:gray;font-size:13px;font-weight:400;padding:0 4px;text-align:left}.scrollable-arrows{background-color:#f6fbff;border-radius:4px;box-shadow:0 4px 7px rgba(0,0,0,.1),0 1px 7px rgba(0,0,0,.1);color:var(--primary-color);cursor:pointer;display:grid;font-size:14px;font-weight:800;height:25px;opacity:1;place-items:center;transition:opacity .3s ease;width:32px}.scrollable-arrows.disabled{cursor:not-allowed;opacity:.35}.popular-item .action{cursor:pointer;height:36px;left:50%;opacity:0;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:opacity .5s ease-in;visibility:hidden;width:36px;z-index:3}.popular-item .action.active{opacity:1;right:10px;visibility:visible}.popular-item:hover .action:not(.playing){-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-name:positionYAnimation;animation-name:positionYAnimation;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.music-bars{display:block;height:14px;position:relative;width:16px}.bar{background-color:var(--primary-color);display:inline-block;height:0;margin:0 .5px;width:3px}.bar1{-webkit-animation:musicAnimation .4s 0s infinite alternate;animation:musicAnimation .4s 0s infinite alternate}.bar2{-webkit-animation:musicAnimation .4s .3s infinite alternate;animation:musicAnimation .4s .3s infinite alternate}.bar3{-webkit-animation:musicAnimation .4s .6s infinite alternate;animation:musicAnimation .4s .6s infinite alternate}.bar4{-webkit-animation:musicAnimation .4s .9s infinite alternate;animation:musicAnimation .4s .9s infinite alternate}@-webkit-keyframes musicAnimation{0%{height:0}to{height:12px}}@keyframes musicAnimation{0%{height:0}to{height:12px}}.widget-wrapper{float:left;padding:0 0 50px;width:50%}@media (max-width:900px){.widget-wrapper{float:none;padding:0;width:100%}}.widget{padding:20px 0}.widget.odd{padding-right:20px}@media (max-width:900px){.widget.odd{padding-right:0}}.widget.even{padding-left:20px}@media (max-width:900px){.widget.even{padding-left:0}}.widget .widget-header{display:block;padding:6px 0;width:100%}.widget .widget-title{color:#393939;float:left}.widget .see-all-link,.widget .widget-title{display:block;font-size:14px;font-weight:800}.widget .see-all-link{color:#909090;float:right}.widget .see-all-link>a{color:inherit;font-size:inherit;text-decoration:none}.clearfix:after{clear:both;content:"";display:table}.widget-item{align-items:center;background-color:#f6fbff;border-radius:5px;box-shadow:0 4px 7px rgba(0,0,0,.1),0 1px 7px rgba(0,0,0,.1);display:flex;flex-direction:row;margin:10px 0;opacity:1;padding:10px 0;position:relative}.widget-item.fade-in{-webkit-animation:fadeInAnimation 1s ease-in forwards;animation:fadeInAnimation 1s ease-in forwards;opacity:0}@-webkit-keyframes fadeInAnimation{to{opacity:1}}@keyframes fadeInAnimation{to{opacity:1}}.widget-item.fade-out{-webkit-animation:fadeOutAnimation .75s ease-in forwards;animation:fadeOutAnimation .75s ease-in forwards;opacity:1;pointer-events:none}@-webkit-keyframes fadeOutAnimation{to{opacity:0}}@keyframes fadeOutAnimation{to{opacity:0}}.widget-item .number{color:#787878;font-size:14px;font-weight:600;text-align:center;width:50px}.widget-item .image{cursor:pointer;height:36px;position:relative;width:36px}.widget-item .image .cover{background-color:rgba(57,57,57,.65);border-radius:5px;height:100%;left:0;position:absolute;top:0;transition:background-color .3s ease-in;visibility:hidden;width:100%;z-index:2}.widget-item.active .image .cover,.widget-item:hover .image .cover{visibility:visible}.widget-item .image .action{cursor:pointer;height:36px;left:50%;opacity:0;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:opacity .5s ease-in;visibility:hidden;width:36px;z-index:3}.widget-item.active .image .action{display:none}.widget-item.active:hover .image .action{display:block}.widget-item .image .action svg>*{stroke:transparent;stroke-width:0}.widget-item .image .action svg>circle{fill:transparent}.widget-item .image .music-bar-wrapper{height:36px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:36px;z-index:20}.widget-item.active:hover .image .music-bar-wrapper{display:none}.widget-item .image .music-bar-wrapper .music-bars{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.widget-item .image .music-bar-wrapper .music-bars>.bar{background-color:#fff}.widget-item .image>img{border-radius:4px;height:100%;width:100%}.widget-item .name{color:#787878;cursor:pointer;font-size:13px;font-weight:600;line-height:23px;padding:0 20px;width:30%}@media (max-width:1500px){.widget-item .name{font-size:14px;width:20%}}@media (max-width:1300px){.widget-item .name{width:30%}}@media (max-width:1024px){.widget-item .name{width:35%}}.widget-item .category{background-color:#7ec0fc;border-radius:5px;color:#fff;font-size:12px;font-weight:600;line-height:23px;opacity:1;padding:4px 8px}@media (max-width:1200px){.widget-item .category{display:none}}@media (max-width:900px){.widget-item .category{display:block}}@media (max-width:767px){.widget-item .category{display:none}}.widget .category>a{color:inherit;font-size:inherit;text-decoration:none}.widget .action{cursor:pointer;height:30px;opacity:0;position:absolute;right:15px;transition:opacity .5s ease-in;visibility:hidden;width:30px}.widget .action svg{fill:var(--primary-color)}.widget .action svg,.widget .is-favourite svg{height:100%;width:100%}.widget-item .is-favourite{cursor:pointer;height:26px;opacity:0;position:absolute;right:15px;transition:opacity .5s ease-in;visibility:hidden;width:26px;z-index:3}@media (max-width:480px){.widget-item .is-favourite{display:none}}.widget-item:hover .is-favourite{opacity:1;visibility:visible}.widget-item .is-favourite.selected svg>*{stroke:var(--primary-color);fill:var(--primary-color)}.widget-item .is-favourite.selected svg path{fill:var(--primary-color)}.widget-item .is-favourite:not(.selected) svg path{fill:transparent;stroke:var(--primary-color);stroke-width:1.4}.widget-item .action.active,.widget-item:hover .action{opacity:1;visibility:visible}.widget-item .action{height:30px;right:50px;width:30px}.widget-item.mob .action{right:15px}@media (max-width:480px){.widget-item .action{right:15px}}.widget-item .action svg>*{fill:var(--primary-color)}.widget-item .action svg path{fill:#fff}.widget-item .music-bar-wrapper{padding:0 15px;position:absolute;right:75px}.skeleton-widget-item{align-items:center;background-color:#f5f5f5;border-radius:5px;box-shadow:0 4px 7px rgba(0,0,0,.1),0 1px 7px rgba(0,0,0,.1);display:flex;flex-direction:row;height:36px;margin:10px 0;opacity:1;padding:10px 0;position:relative}.skeleton-widget-item:after{-webkit-animation:shimmer 2s infinite;animation:shimmer 2s infinite;background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.2) 20%,hsla(0,0%,100%,.5) 60%,hsla(0,0%,100%,0));bottom:0;content:"";left:0;position:absolute;right:0;top:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.skeleton-widget-item .skeleton-number{color:#787878;font-size:14px;font-weight:600;text-align:center;width:50px}.skeleton-widget-item .skeleton-icon{background-color:#dddbdd;border-radius:3px;height:36px;width:36px}.skeleton-widget-item .skeleton-name{background-color:#dddbdd;border-radius:3px;height:23px;margin:0 20px;width:30%}.skeleton-widget-item .skeleton-category{background-color:#dddbdd;border-radius:3px;height:23px;margin:0 20px;width:20%}.category-widgets{display:flex;flex-direction:row;flex-wrap:wrap}.category-widgets .category-widget{box-sizing:border-box;flex:25% 1;margin-bottom:40px;padding:0 15px}.category-widgets .category-widget:nth-child(4n+1){padding-left:0}.category-widgets .category-widget:nth-child(4n+4){padding-right:0}@media screen and (max-width:1550px){.category-widgets .category-widget{flex:33.3% 1}.category-widgets .category-widget:nth-child(4n+1),.category-widgets .category-widget:nth-child(4n+4){padding:0 15px}.category-widgets .category-widget:nth-child(3n+1){padding-left:0}.category-widgets .category-widget:nth-child(3n+3){padding-right:0}}@media screen and (max-width:1100px){.category-widgets .category-widget{flex:50% 1}.category-widgets .category-widget:nth-child(3n+1),.category-widgets .category-widget:nth-child(3n+3){padding:0 15px}.category-widgets .category-widget:nth-child(odd){padding-left:0}.category-widgets .category-widget:nth-child(2n+2){padding-right:0}}@media screen and (max-width:800px){.category-widgets .category-widget{flex:100% 1;flex-direction:column}.category-widgets .category-widget:nth-child(2n+2),.category-widgets .category-widget:nth-child(odd){padding:0}}.category-widget .category-widget-title{color:#393939;display:block;font-size:14px;font-weight:800;height:25px;line-height:25px;padding:7px 0}.category-widget-list{background-color:#f6fbff;border-radius:3px;box-shadow:0 4px 7px rgba(0,0,0,.1),0 1px 7px rgba(0,0,0,.1);display:flex;flex-direction:row;flex-wrap:wrap;padding:7px 0;text-align:center;width:100%}.category-widget-list.not-loading{background-color:#f5f5f5}.category-widget-list .radio-item{align-items:center;cursor:pointer;display:flex;flex-direction:column;float:left;position:relative;width:25%}.category-widget .radio-item .radio-icon{height:50px;padding:5px;position:relative;width:50px}.category-widget .radio-item .name{word-wrap:normal;color:#787878;font-size:12px;font-weight:500;line-height:16px;overflow:hidden;padding:5px;text-align:center;text-overflow:ellipsis;width:calc(100% - 10px)}.category-widget .radio-item .cover{background-color:rgba(57,57,57,.65);border-radius:5px;height:100%;left:0;position:absolute;top:0;transition:background-color .3s ease-in;visibility:hidden;width:100%;z-index:2}.category-widget .radio-item.active .cover,.category-widget .radio-item:hover .cover{visibility:visible}.category-widget .radio-item .action svg>*{stroke:transparent;stroke-width:0}.category-widget .radio-item .action svg>circle{fill:transparent}.skeleton-category-widget-item{align-items:center;background-color:#f5f5f5;border-radius:5px;display:flex;flex-direction:column;float:left;height:110px;opacity:1;position:relative;width:25%}.skeleton-category-widget-item:after{-webkit-animation:shimmer 2s infinite;animation:shimmer 2s infinite;background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.2) 20%,hsla(0,0%,100%,.5) 60%,hsla(0,0%,100%,0));bottom:0;content:"";left:0;position:absolute;right:0;top:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.skeleton-category-widget-item .skeleton-icon{background-color:#dddbdd;border-radius:3px;height:50px;padding:5px;width:50px}.skeleton-category-widget-item .skeleton-name{background-color:#dddbdd;border-radius:3px;height:16px;margin:7px 20px;width:75%}.radio-station-list{-webkit-column-gap:25px;column-gap:25px;display:flex;flex-direction:row;flex-wrap:wrap;row-gap:25px}.radio-station-list .radio-item{background-color:#f6fbff;border-radius:5px;box-shadow:0 4px 7px rgba(0,0,0,.1),0 1px 7px rgba(0,0,0,.1);display:flex;flex-direction:column;flex-wrap:wrap;padding:10px 15px;position:relative;width:90px;z-index:1}.radio-item .radio-icon{height:90px;position:relative;width:90px}.radio-item .radio-icon img{height:100%;width:100%}.radio-item .radio-name{color:#787878;font-size:13px;padding:10px 0 5px;width:100%}.radio-item .radio-category,.radio-item .radio-name{font-weight:500;line-height:24px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.radio-item .radio-category{background-color:#7ec0fc;border-radius:5px;color:#fff;font-size:12px;padding:0 10px;width:calc(100% - 20px)}.radio-item .radio-location{color:#787878;font-size:12px;font-weight:400;line-height:16px;overflow:hidden;padding:7px 0 0;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.radio-item .radio-category a,.radio-item .radio-location a{color:inherit;font-size:inherit;text-decoration:none}.radio-item .cover,.radio-item .cover-icon{background-color:rgba(57,57,57,.65);border-radius:5px;height:100%;left:0;position:absolute;top:0;transition:background-color .3s ease-in;visibility:hidden;width:100%;z-index:2}.radio-item .cover-icon{border-radius:0}.radio-item .cover{border-radius:5px 5px 0 0;height:110px}.radio-item .cover-icon.active,.radio-item:hover .cover{visibility:visible}.radio-item:hover .cover-icon{visibility:hidden}.radio-item .action{cursor:pointer;height:42px;left:50%;opacity:0;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:opacity .5s ease-in;visibility:hidden;width:42px;z-index:3}.radio-item .action.active{right:10px}.radio-item .action.active,.radio-item:hover .action{opacity:1;visibility:visible}.radio-item .action svg{height:100%;width:100%}.radio-item .action svg path{stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.radio-item .action.is-favourite svg path{fill:#fff}.radio-item:hover .action:not(.playing){-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-name:positionYAnimation;animation-name:positionYAnimation;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes positionYAnimation{0%{top:65%}to{top:50%}}@keyframes positionYAnimation{0%{top:65%}to{top:50%}}.radio-item .action svg>*{stroke:#fff;stroke-width:1;fill:var(--primary-color)}.radio-item .action svg path{fill:#fff;stroke-width:0}.radio-item .is-favourite{cursor:pointer;height:26px;opacity:0;position:absolute;right:5px;top:5px;transition:opacity .5s ease-in;visibility:hidden;width:26px;z-index:3}.radio-item:hover .is-favourite{opacity:1;visibility:visible}.radio-item .is-favourite.selected svg>*{stroke:#fff;stroke-width:1;fill:var(--primary-color)}.radio-item .is-favourite.selected svg path{fill:#fff;stroke-width:0}.radio-item .is-favourite:not(.selected) svg path{fill:transparent;stroke:#fff;stroke-width:1.8}
/*# sourceMappingURL=main.2d07eaac.css.map*/