.mobile .topchannels__title{position:relative}.mobile .topchannels__title .h1{padding:5px 10px;color:#000;font-weight:700}.mobile .topchannels__title .h1 a{text-decoration:none;color:#000}.mobile .topchannels__title .btn-link{position:absolute;top:50%;right:10px;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);margin:0}.mobile .topchannels__title .btn-link span{display:inline-block;vertical-align:middle}.mobile .topchannels__title .btn-link .icon{font-size:16px}.mobile .topchannels__wrapper{overflow-x:scroll;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch}.mobile .topchannels__channel-box{position:relative;display:inline-block;vertical-align:top;width:21%;margin:0 0 0 25px;font-size:0;box-sizing:border-box}.mobile .topchannels__channel-box:first-child{margin:0 0 0 10px}.mobile .topchannels__channel-box .icon{font-size:16px;color:#c01b27}.mobile .topchannels__channel-box .icon:last-child{margin:0 10px 0 15px}.mobile .topchannels__channel>a{position:relative;display:block;width:100%;height:100%;border-radius:12px;overflow:hidden}.mobile .topchannels__channel img{width:100%;height:auto}.mobile .topchannels__channel-info{font-size:12px;text-align:center;list-style:none}.mobile .topchannels__channel-info a{display:block;width:100%;padding-top:8px;color:#656565;line-height:1.2;text-decoration:none;white-space:normal}.ipad .channel-box{overflow:hidden;position:relative;background-color:#f2f2f2;margin:0 0 10px 10px;padding:15px 10px 15px 12px}.ipad .rank-badge-wrapper{width:0;height:0;border-style:solid;border-width:0 74px 74px 0;border-color:transparent #dfdfdf transparent transparent;float:right;color:#646464;font-size:12px;right:0;position:absolute;top:0;text-align:center}.ipad .rank-box{width:40px;height:40px;position:relative;right:-33px}.ipad .rank-box span{margin-top:5px;display:block}.ipad .rank-box span.rank-number{width:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;margin-top:0}.ipad .channel{height:100%;overflow:hidden;margin:10px}.ipad .channel a{height:100%;display:block;overflow:hidden;float:left}.ipad .channel img{width:98px;height:98px;border:1px solid #000;margin-right:9px;float:left}.ipad .channel-infos{list-style:none;width:50%;float:left;text-align:left}.ipad .channel-infos li{text-align:left;font-size:11px;float:left;width:100%;margin-top:8px}.ipad .channel-infos li.channel-title{font-weight:700;font-size:15px;margin-top:0}.ipad .channel-infos li span{font-weight:700;margin-left:3px}.ipad .channel-title a{color:#731d1e;font-weight:700}.ipad .channel-follow-btn-wrapper{position:relative;top:8px}.ipad .gridList.top-channels{margin-right:10px}.ipad .gridList .channel-box{max-height:none!important;height:auto!important}.pc .channel-box .channelbox-inner{overflow:hidden;position:relative;background-color:#f2f2f2;margin:0 1rem 1.2rem 0;padding:2.5rem 1rem 2.5rem 1.9rem}.pc .channel-box .rank-badge-wrapper{width:0;height:0;border-style:solid;border-width:0 7.4rem 7.4rem 0;border-color:transparent #dfdfdf transparent transparent;right:0;color:#646464;font-size:1.2rem;position:absolute;top:0;text-align:center}.pc .channel-box .rank-badge-wrapper .rank-box{width:4rem;height:4rem;position:relative;right:-3.3rem}.pc .channel-box .rank-badge-wrapper .rank-box span{margin-top:.5rem;display:block}.pc .channel-box .rank-badge-wrapper .rank-box span.rank-number{width:4rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;margin-top:0}.pc .channel-box .channel{height:100%;overflow:hidden;margin:1rem}.pc .channel-box .channel a{height:100%;display:block;overflow:hidden;float:left}.pc .channel-box .channel img{width:9.8rem;height:9.8rem;border:1px solid #000;margin-right:.9rem;float:left}.pc .channel-box .channel-infos{list-style:none;width:15.5rem;float:left}.pc .channel-box .channel-infos li{text-align:left;font-size:1.1rem;float:left;width:17rem;margin-top:.8rem}.pc .channel-box .channel-infos li.channel-title{font-weight:700;margin-top:0;font-size:1.5rem}.pc .channel-box .channel-infos li.channel-title a{color:#731d1e;font-weight:700;text-decoration:none;width:14.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pc .channel-box .channel-infos li span{font-weight:700;margin-left:.3rem}.pc .channel-box .channel .channel-follow-btn-wrapper{width:9rem;height:2.2rem;float:left;position:absolute;bottom:3.5rem;left:13.5rem}.pc .gridList .channel-box{max-height:none!important;height:auto!important}#top-channels-wrapper{font-size:1.2rem}.top-channels-header-wrapper{background-color:#eee;height:4.3rem;margin-bottom:2rem;width:100%}.top-channels-header-wrapper .channels-filters{float:left}.top-channels-header-wrapper .channels-filters li{border-right:.1rem solid #fff;display:block;float:left;line-height:4.3rem;position:relative}.top-channels-header-wrapper .channels-filters li a{color:#656565;display:block;padding:0 1rem}.top-channels-header-wrapper .channels-filters li .tricon{background:#fff;bottom:0;left:0;position:absolute;width:100%}.top-channels-header-wrapper .channels-filters li .tricon:after{border:.8rem solid rgba(255,255,255,0);border-bottom-color:#fff;bottom:100%;content:" ";height:0;left:50%;margin-left:-.8rem;pointer-events:none;position:absolute;width:0}.top-channels-header-wrapper .channels-filters .active{background-color:#e0e0e0;color:#000}.alphabetically-sorted-box{overflow:hidden;margin-bottom:2rem;text-align:left}.alphabetically-sorted-box h2{color:#656565;font-size:1.7rem;font-weight:400;height:3.1rem;line-height:3.1rem;overflow:hidden;border-bottom:.1rem solid #b2b2b2;margin-left:5px}.alphabetical-letter-box{float:left;padding:5px 0}.alphabetical-letter-box a{text-decoration:none;width:2.8rem;height:2.8rem;display:inline-block;padding:0;margin:.5rem;border-radius:.2rem;text-align:center;line-height:2.8rem;box-sizing:border-box;font-size:1.4rem;background-color:#f2f2f2;color:#656565}.alphabetical-letter-box a:hover{background-color:#e0e0e0;color:#000}.alphabetical-letter-box a.active{background-color:#bebebe}.channel-follow-box{display:block;height:3rem;margin:0 auto;overflow:hidden;width:18rem}.user-channels-wrapper .channel-follow-box{width:14rem}.follow-channel,.following-channel,.unfollow-channel{border:none;display:block;float:left;height:100%;width:100%}.channel-follow-box a.js-channel-follow-btn{border:none;display:block;float:left;height:2.9rem;overflow:hidden}.channel-follow-box a i{color:#fff;display:block;float:left;font-size:2rem;left:.5rem;position:relative;top:.4rem;width:1.7rem}.channel-follow-box a i.icon-check-alt{font-size:1.7rem;top:.6rem}.follow-channel{background-color:#c01b27}.follow-channel:hover{background-color:#73b7db}.following-channel{background-color:#3aa904}.unfollow-channel:hover{background-color:#a70000}.button-text{color:#fff;float:left;left:1rem;position:relative;top:.3rem;font-size:1.6rem}.is-subscribed .follow-channel{display:none}.is-subscribed .following-channel,.is-subscribed .unfollow-channel,.not-subscribed .follow-channel{display:block}.not-subscribed .following-channel,.not-subscribed .unfollow-channel{display:none}.top-channels .channel-follow-box{height:2.2rem}.top-channels .channel-follow-box a{height:2.2rem;width:9rem}#lang_fr .top-channels .channel-follow-box a{width:12rem}#lang_de .top-channels .channel-follow-box a{width:11rem}.top-channels .channel-follow-box a i{font-size:1.5rem;width:1.2rem}.top-channels .button-text{left:1rem;top:.2rem;font-size:1.3rem}.top-channels .channel-follow-box a i.icon-check-alt{font-size:1.3rem;top:.5rem}.channel-count-bubble-wrap{background-color:#fff;border:.1rem solid #d5d5d5;color:#777;float:left;font-size:1.2rem;height:2rem;line-height:2rem;margin:0 .5rem 0 .4rem;padding:0 .6rem;position:absolute;left:9.2rem;z-index:4}#lang_fr .channel-count-bubble-wrap{left:12.2rem}#lang_de .channel-count-bubble-wrap{left:11.2rem}.channel-count-bubble{max-width:5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-count-bubble-wrap:before{border-color:rgba(255,255,255,0) #fff rgba(255,255,255,0) rgba(255,255,255,0);border-style:solid;border-width:.5rem .5rem .5rem 0;content:'';display:block;left:-.4rem;margin-top:-.5rem;overflow:hidden;position:absolute;top:50%;width:0;z-index:2}.channel-count-bubble-wrap:after{border-color:rgba(213,213,213,0) #d5d5d5 rgba(213,213,213,0) rgba(213,213,213,0);border-style:solid;border-width:.5rem .5rem .5rem 0;content:'';display:block;left:-.6rem;margin-top:-.5rem;overflow:hidden;position:absolute;top:50%;width:0;z-index:1}