*{box-sizing:border-box}body{margin:0;font-family:Roboto,Arial,Helvetica,sans-serif;background:#231f20}a{text-decoration:none;color:#fff}.world{max-width:100vw;overflow:hidden}.material-icons{font-size:1em}.main{transition:-webkit-filter 1s;transition:filter 1s;transition:filter 1s,-webkit-filter 1s}.client{z-index:1;height:calc(100vh - 110px)}@media (max-width:599px){.client{height:calc(100vh - 85px)}}.client.client_video{height:100vh}@media (max-width:599px){.client.client_video{height:100vh}}.client,.loading{position:absolute;top:0;right:0;left:0;bottom:0;background:#231f20;overflow:hidden}.client img,.loading img{position:relative;width:100%;max-width:800px;top:50%;display:block;margin:0 auto;transform:translateY(-50%)}.loading{background:#231f20;z-index:6}.loading img{width:200px}.counter{position:absolute;left:0;bottom:15px;font-weight:700;background:#fff;color:#231f20;padding:3px 8px 3px 20px}.counter i{position:relative;top:2px}.clientButton,.likeButton,.menuButton,.muteButton,.nextButton{width:1em;height:1em;text-align:center;cursor:pointer;color:#231f20;border-radius:50%;background:#fff;font-size:2.5em;z-index:1}.clientButton i,.likeButton i,.menuButton i,.muteButton i,.nextButton i{font-size:0.6em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.muteButton{left:10px}.muteButton,.nextButton{position:absolute;top:10px}.nextButton{left:110px}.likes{position:absolute;right:10px;bottom:15px}.likeButton{position:relative;display:inline-block;margin-left:5px;transition:all 0.5s}.likeButton i{font-size:0.45em}.likeButton.selected{background:#231f20}.like.selected{color:#adff2f}.dislike.selected{color:#cd5c5c}.playbar{position:fixed;bottom:0;left:0;right:0;height:110px;padding:10px 156px 0 75px;color:#231f20;background:#f2f2f2;z-index:2}@media (max-width:599px){.playbar{height:85px;padding:7px 106px 0 57.49999999999999px;font-size:0.7em}}.icon{position:absolute;top:0;left:0;width:55px;height:89px;line-height:103px;background:#231f20;font-size:2.5em;color:#fff;text-align:center}@media (max-width:599px){.icon{width:37.49999999999999px;height:64px;line-height:78px}}.title{font-weight:700;font-size:1.9em}.artist{font-size:1.5em}.artist,.title{height:1.15em;overflow:hidden}.medioLogo,.vybrooLogo{position:absolute;top:10px;right:10px;height:68px;cursor:pointer}@media (max-width:599px){.medioLogo,.vybrooLogo{height:43px}}.medioLogo{right:78px}@media (max-width:599px){.medioLogo{right:53px}}.playbarFooter{position:absolute;bottom:0;left:0;right:0;background:#231f20;text-align:center;color:#fff;font-size:0.8em;line-height:22px;height:22px}.buffer,.progress{height:5px;background:#f2f2f2;top:-5px;transform-origin:left;transition:transform 0.5s}.buffer,.progress,.progress:after{position:absolute;width:100%;left:0}.progress:after{display:block;top:0;height:100%;background:rgba(0,0,0,0.15);content:" "}.messageBox{position:fixed;width:100%;background:#fff;transform:translateY(-50%);text-align:center;padding:15px 5px;font-size:1.6em;opacity:0.8;top:50%;z-index:6}.blur .client,.blur .playbar{-webkit-filter:blur(5px);filter:blur(5px)}.menuButton{position:fixed;top:10px;right:10px;z-index:2}.menuHolder{width:250px;background:#231f20;color:#fff;height:100%;position:fixed;top:0;right:0;bottom:0;transition:transform 0.5s;transform:translateX(250px);z-index:5;padding-top:62px}.menuHolder.lightMode{transition:none}.menuHolder.active{transform:translateX(0)}.menuLogo{position:absolute;top:17px;left:17px;width:60%}.menuHolderToggle{position:absolute;top:19px;right:10px;font-size:2.4em;color:#fff;cursor:pointer}.menuTitle{padding:8px 8px 8px 15px;font-size:1.2em}.menuItems{overflow-y:auto;height:calc(100vh - 62px);padding-bottom:20px}.menuItem{cursor:pointer;padding:8px 8px 8px 15px;font-size:0.8em;transition:background 0.5s;background:$mainDark}.menuItem i{margin-right:10px}.menuItem:hover{background:#2b2627}.menuItem:active{transition:none;background:#3e3739}.menuSeparator{width:100%;height:1px;background:#2b2627;margin:10px 0}.oaudioBox{position:absolute;bottom:130px;left:0;right:0;width:250px;margin:0 auto;background:#fff;padding:10px 5px 15px;text-align:center;font-weight:400;line-height:1.4em}.oaudioBox span{font-weight:700}.oaudioBox div{width:90%;margin:5px auto 0;background:#231f20;color:#fff;padding:6px;cursor:pointer;line-height:1em}.menuHolder input{width:100%;padding:10px 20px;background:#3e3739;color:#fff;text-align:left;font-family:Roboto;outline:none;border:none}.contestBox{position:fixed;z-index:3;width:100%;top:50%;left:0;right:0;transform:translateY(-50%);margin:0 auto;padding-bottom:2%}.contestTitle{background:#231f20;padding:10px;text-align:center;font-size:1.3em;color:#fff}.contestOptions{display:flex;width:100%;max-width:600px;margin:0 auto;justify-content:space-between}.contestOption{flex-basis:48%;cursor:pointer;text-align:center;padding:2%;margin-top:4%;font-size:1.3em;background:#231f20;color:#fff}.contestOption img{width:100%}.contentItem,.modeItem{font-size:1em;padding:10px 15px;transition:background 0.5s;background:#231f20;cursor:pointer}.contentItem span,.modeItem span{position:relative;top:-4px}.contentItem i,.modeItem i{font-size:1.4em;margin-right:10px;position:relative;top:2px}.contentItem:hover,.modeItem:hover{background:#282425}.contentItem.active,.modeItem.active{background:green}.contentItem{padding:5px 10px;font-size:1em}.vvideo{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:4}.vvideo,.vvideo video{width:100%;height:100%}.mobilePlay{position:fixed;width:40px;height:40px;top:10px;left:60px;background:rgba(0,0,0,0.8);color:#fff;cursor:pointer;z-index:4;border-radius:50%}.mobilePlay i.material-icons{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2em}@media (max-width:599px){.mobilePlay{width:100%;height:100vh;top:0;left:0;bottom:0;right:0;border-radius:0}.mobilePlay i.material-icons{font-size:12em}}.brandsHolder{position:fixed;top:0;right:0;bottom:0;left:0;height:100%;align-items:center;overflow-y:auto;color:#231f20;background:#fff;z-index:4}.brands,.brandsHolder{width:100%;display:flex;justify-content:center}.brands{flex-wrap:wrap;height:calc(100vh - 101px);max-width:840px}@media (max-width:599px){.brands{height:calc(100vh - 160px)}}.brandsLogo{position:absolute;top:0;left:0;width:700px;height:130px;background:#231f20;text-align:center;align-items:flex-end;justify-content:center;display:flex;transform:rotate(-15deg) translate(-160px,-90px);padding-bottom:10px;transition:all 0.5s;z-index:1}.brandsLogo img{width:200px}@media (max-width:599px){.brandsLogo{width:100%;height:80px;transform:rotate(0);padding-bottom:0;align-items:center}}.brand{position:relative;width:120px;height:140px;cursor:pointer}.brand img{width:100%;display:block}@media (max-width:599px){.brand{width:100px;height:120px}}.brandName{overflow:hidden;color:mainColor;font-size:0.7em;padding:0 5px;height:20px;line-height:20px;width:100%;text-align:center;font-weight:700}.brandsMedioLogo{position:absolute;top:50px;right:10px;z-index:1;pointer-events:none}.brandsMedioLogo img{width:80%;max-width:300px;transform:rotate(10deg);opacity:0.1}@media (max-width:599px){.brandsMedioLogo{top:130px}}