body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:.9rem;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.filterWrap{align-items:center;display:flex;justify-content:flex-end;margin-bottom:1rem}.filterWrap .filterClickable{border:none;border:2px solid var(--black-01);border-radius:5px;color:var(--black-01);cursor:pointer;font-size:.8rem;padding:.3rem 1rem;z-index:0}.filterWrap .filterClickable span{margin-left:.5rem}.filterWrap .filterClickable.applied{background-color:var(--purple-01);border:none;color:#fff}.filterWrap .filterGroupWrap{z-index:2}.filterWrap .filterGroupWrap.hideFilter{height:0;overflow:hidden;transition:all 0s;width:0}.filterWrap .filterGroupWrap.hideFilter .filterIcon{display:block}.filterWrap .filterGroupWrap.showFilter{background-color:#fff;height:100vh;max-width:90%;overflow-y:auto;padding:2.3rem 1rem 1rem;position:fixed;right:0;top:0;transition:width .1s ease-in;width:20rem}.filterWrap .filterGroupWrap.showFilter .filterIcon{display:none}.filterWrap .filterGroupWrap.showFilter .filterGroup{margin-bottom:1.5rem}.filterWrap .filterGroupWrap.showFilter .filterTitle{color:var(--black-01);font-weight:600}.filterWrap .filterGroupWrap.showFilter .filterGroupContent{display:flex;flex-wrap:wrap;margin-top:.5rem}.filterWrap .filterGroupWrap.showFilter .filterGroupContent .checkboxWrap{align-items:center;display:flex;font-size:12px}.filterWrap .filterGroupWrap.showFilter .filterGroupContent .checkboxWrap .checkBox{align-items:center;background-color:var(--grey-03);border-radius:5px;color:#000;cursor:pointer;display:flex;justify-content:center;margin:.2rem .4rem .2rem 0;padding:.5rem}.filterWrap .filterGroupWrap.showFilter .filterGroupContent .checkboxWrap .checkBox.active{background-color:var(--black-01);color:#fff}.filterWrap .filterGroupWrap.showFilter .buttonsWrap{grid-column-gap:.5rem;display:grid;grid-template-columns:1fr 1fr}.filterWrap .filterGroupWrap.showFilter .buttonsWrap .apply,.filterWrap .filterGroupWrap.showFilter .buttonsWrap .reset{border:none;border-radius:5px;cursor:pointer;font-weight:600;padding:.5rem 1rem;width:100%}.filterWrap .filterGroupWrap.showFilter .buttonsWrap .apply{background-color:var(--purple-01);color:#fff}.filterWrap .filterGroupWrap.showFilter .buttonsWrap .reset{background-color:transparent;border:2px solid var(--black-01);color:var(--black-01)}.filterWrap .filterGroupWrap.showFilter .closeFilter{background-color:transparent;border:none;color:var(--black-01);cursor:pointer;font-size:1.5rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:0;position:absolute;right:1rem;top:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.blackScreen{background-color:rgba(0,0,0,.8);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1}.favouritesWrap{background-color:transparent;border:none;color:var(--purple-01);cursor:pointer;font-size:1.2rem;grid-area:c;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.favouritesWrap .unliked{color:var(--grey-02)}.channelBox{grid-column-gap:1rem;grid-row-gap:2rem;box-shadow:0 0 5px #eee;cursor:pointer;display:grid;grid-template-areas:"a b c" "d e e";grid-template-columns:-webkit-max-content 1fr auto;grid-template-columns:max-content 1fr auto;padding:1rem;width:100%}.channelBox .channelImg{grid-area:a;height:2.5rem;width:4.5rem}.channelBox .channelImg img{height:100%;object-fit:cover;width:100%}.channelBox .channelTitle{grid-area:b}.channelBox .channelTitle span{display:block}.channelBox .channelTitle span:last-child{font-weight:600}.channelBox .channelTime{grid-area:d}.channelBox .channelProgramme{grid-area:e;overflow:hidden;width:100%}.channelBox .channelProgramme div{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channelBox .channelProgramme div,.channelBox .channelTime div{color:var(--grey-01)}.channelBox .channelProgramme div:first-child,.channelBox .channelTime div:first-child{color:var(--black-01)}.onlyFavouritesWrap{align-items:center;display:flex;justify-content:flex-end}.onlyFavouritesWrap span{align-items:center;color:var(--grey-01);display:flex;font-size:.8rem}.onlyFavouritesWrap .switchBox{background-color:var(--grey-01);border-radius:1rem;cursor:pointer;height:1.5rem;margin-right:.5rem;position:relative;width:3rem}.onlyFavouritesWrap .switchBox:before{background-color:var(--black-01);border-radius:1rem;bottom:0;content:"";height:75%;margin:auto;position:absolute;top:0;transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out,-webkit-transform .2s ease-out;width:50%}.onlyFavouritesWrap .switchBox.on{background-color:var(--purple-01)}.onlyFavouritesWrap .switchBox.on:before{background-color:#fff;-webkit-transform:translateX(90%);transform:translateX(90%)}.onlyFavouritesWrap .switchBox.off:before{-webkit-transform:translateX(10%);transform:translateX(10%)}.sortWrap{align-items:center;display:flex;margin-bottom:1rem;margin-right:2rem}.sortWrap span{color:var(--grey-01);margin-right:.5rem}.sortWrap button{align-items:center;background-color:var(--grey-03);border:none;border-radius:10px;color:#000;cursor:pointer;display:flex;font-size:.7rem;justify-content:center;padding:.5rem}.sortWrap button:not(:last-child){margin-right:.8rem}.sortWrap button.active{background-color:var(--purple-01);color:#fff}.topBarWrap{margin-bottom:2rem}.topBarWrap .upper{display:flex;flex-wrap:wrap;justify-content:space-between}.topBarWrap .lower{display:flex;justify-content:flex-start}.channelsPage{width:100%}.channelsPage .loadingIconWrap{color:var(--purple-01);display:flex;font-size:2rem;justify-content:center;margin-top:2.5rem;width:100%}.channelsPage .loadingIconWrap .loadingIcon{-webkit-animation:loadRotate 1s infinite;animation:loadRotate 1s infinite;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@-webkit-keyframes loadRotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(2turn);transform:rotate(2turn)}}@keyframes loadRotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(2turn);transform:rotate(2turn)}}.channelsPage .channelsWrap{grid-gap:1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr))}.channelsPage .scrollTopWrap{align-items:center;background-color:var(--black-01);border-radius:50%;bottom:1.5rem;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:3rem;justify-content:center;position:fixed;right:1.5rem;width:3rem}@media screen and (max-width:500px){.channelsPage .channelsWrap{grid-column-gap:1rem;display:grid;grid-template-columns:100%}}.channelPageWrap{padding:0 1rem 1rem;width:100%}.channelPageWrap .errorWrap button{background-color:transparent;border:2px solid var(--black-01);border-radius:5px;color:var(--black-01);cursor:pointer;font-weight:600;margin-top:1rem;padding:.5rem 1rem}.channelPageWrap .channelMainInfo{align-items:center;display:flex;flex-wrap:wrap}.channelPageWrap .channelMainInfo>div{margin-bottom:1.5rem}.channelPageWrap .channelMainInfo .imageWrap{height:2.5rem;margin-right:1rem;width:4.5rem}.channelPageWrap .channelMainInfo .imageWrap img{height:100%;object-fit:cover;width:100%}.channelPageWrap .channelMainInfo .channelName{margin-right:2rem}.channelPageWrap .channelMainInfo .channelName span{display:block}.channelPageWrap .channelMainInfo .channelName span:last-child{font-weight:600}.channelPageWrap .channelSubInfo{margin-bottom:2rem}.channelPageWrap .channelSubInfo .infoGrid{grid-row-gap:.5rem;display:grid;grid-template-columns:-webkit-max-content auto;grid-template-columns:max-content auto;margin-bottom:1.5rem}.channelPageWrap .channelSubInfo .infoGrid .infoTitle{font-weight:600;margin-right:1.5rem}.channelPageWrap .channelSubInfo .channelDescription{line-height:1.7rem;text-align:justify}.channelPageWrap .channelDaysBar{display:flex;font-size:.8rem;margin-bottom:.5rem;max-width:100%;overflow-x:auto;padding-bottom:1rem;position:relative}.channelPageWrap .channelDaysBar .animateBar{background-color:var(--purple-01);bottom:28%;content:"";height:.15rem;left:var(--leftCalc);position:absolute;transition:all .5s ease-in;width:var(--barLength)}.channelPageWrap .channelDaysBar div{cursor:pointer}.channelPageWrap .channelDaysBar div.active{font-weight:700}.channelPageWrap .channelDaysBar div:not(:last-child){margin-right:1rem}.channelPageWrap .channelSchedule{color:var(--grey-01)}.channelPageWrap .channelSchedule div{display:grid;grid-template-columns:6rem auto;margin-bottom:.8rem}.channelPageWrap .channelSchedule div.onNow{color:var(--black-01)}.header{align-items:center;background-color:#333;display:flex;justify-content:space-between;left:0;margin-bottom:1rem;padding:1.5rem;position:fixed;top:0;width:100%;z-index:1}.header .logoWrap{margin-right:1.5rem;width:5rem}.header .logoWrap img{cursor:pointer;object-fit:contain;width:100%}.header .searchWrap{display:flex;height:2rem;max-width:90vw;overflow:hidden}.header .searchWrap .iconButtonWrap{background-color:var(--purple-01);border:none;border-radius:0 1rem 1rem 0;cursor:pointer;height:100%;width:2rem}.header .searchWrap .iconButtonWrap .iconWrap{align-items:center;color:#fff;display:flex;font-size:1rem;height:100%;justify-content:center;width:100%}.header .searchWrap .inputWrap{height:100%;max-width:calc(100% - 2rem);position:relative;width:20rem}.header .searchWrap .inputWrap input{background:hsla(0,0%,100%,.1);border:none;border-radius:1rem 0 0 1rem;color:#fff;height:100%;outline:none;padding:.5rem 2rem .5rem 1rem;width:100%}.header .searchWrap .inputWrap .cancel{align-items:center;background-color:transparent;border:none;bottom:0;color:var(--purple-01);cursor:pointer;display:flex;font-size:1rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;margin:auto;padding:0;position:absolute;right:.8rem;top:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.header .searchWrap .inputWrap .cancel:before{background-color:#fff;border-radius:50%;content:"";height:70%;position:absolute;width:70%;z-index:-1}.wrapper{padding:var(--header-height) 1rem 1rem 1rem}*,:after,:before,:root{--black-01:#333;--grey-01:#888;--grey-02:#bcbcbc;--grey-03:#eee;--purple-01:#e6007d;--header-height:7rem;box-sizing:border-box}
/*# sourceMappingURL=main.b8eea285.css.map*/