.round-button{position:relative;background:linear-gradient(180deg,#544f8b 0%,#3a356f 100%);width:50px;height:50px;border-radius:50px;cursor:pointer;flex-shrink:0}.round-button:hover{background:linear-gradient(180deg,#5a5494 0%,#3f3a79 100%)}.round-button,.round-button--user>span,.round-button__item span{display:flex;align-items:center;justify-content:center}.round-button--user>span{text-transform:uppercase;width:100%;height:100%}.round-button--user>img{border-radius:50%;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.round-button--search{background:#dde5fa}.round-button__submenu{position:absolute;min-width:200px;background-color:#7481a3;bottom:-10px;right:0;transform:translateY(100%);display:flex;flex-direction:column;text-decoration:none;padding:20px 0;border-radius:5px;box-shadow:0 0 15px rgba(0,0,0,.2);list-style:none}.round-button__item{text-decoration:none;color:#fff;padding:0 20px;white-space:nowrap;position:relative;display:flex;justify-content:space-between;font-size:15px;line-height:20px;font-weight:700}.round-button__item a{text-decoration:none;color:inherit;display:flex;align-items:center;fill:#fff}.round-button__item a+a{opacity:.5;font-weight:400;margin-left:10px}.round-button__item a+a:hover{opacity:1;font-weight:700}.round-button__item span{width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.1);margin-right:5px}.round-button__item:hover span{background:rgba(255,255,255,.3)}.round-button__item:not(:first-child):not(:last-child):not(:nth-last-child(2)){margin-bottom:15px}.round-button__item--thin{font-weight:400;color:rgba(255,255,255,.5)}.round-button__item--thin:hover{color:#fff}.round-button__item--separator-bottom::before,.round-button__item--separator-top::before{position:absolute;content:"";height:1px;background-color:rgba(255,255,255,.2);left:15px;width:calc(100% - 30px)}.round-button__item--separator-bottom{margin-bottom:32px}.round-button__item--separator-bottom::before{bottom:-16px}.round-button__item--separator-top{margin-top:32px}.round-button__item--separator-top::before{top:-16px}.burger-menu{position:relative;width:28px;height:20px;flex-shrink:0;transition:width .4s ease-out,padding .4s ease-out,margin .4s ease-out,opacity .4s ease-out;cursor:pointer}.burger-menu--hidden{width:0;opacity:0;margin:0}.burger-menu__icon{position:absolute;background:#7481a2;width:100%;height:3px;top:50%;right:0;margin-top:-1px;opacity:1}.burger-menu__icon::after,.burger-menu__icon::before{position:absolute;background:#7481a2;width:28px;height:3px;content:"";display:block}.burger-menu__icon::before{top:8px}.burger-menu__icon::after{bottom:8px}.burger-menu__icon,.burger-menu__icon::after,.burger-menu__icon::before{transition:all .3s ease-in-out}.burger-menu--active .burger-menu__icon::after{transform:rotate(-45deg);bottom:0}.burger-menu--active .burger-menu__icon::before{transform:rotate(45deg);top:0}.burger-menu--active .burger-menu__icon{background:0 0}.chip{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;justify-content:center;background-color:#2c2953;color:#fff;border-radius:5px;padding:0 10px;min-height:26px;outline:0;box-shadow:none;border:0;text-decoration:none;margin:0 2px 4px;cursor:pointer}.chip--active{background-color:#4c4d7b}.chip:hover{text-decoration:none;background-color:#353163}.button,.chip{font-size:11px;line-height:13px}.button{display:flex;align-items:center;justify-content:center;background-color:transparent;color:#fff;border:1px solid #2f2f2f;border-radius:5px;padding:0 10px;min-height:26px;outline:0;box-shadow:none;cursor:pointer}.button,.button:hover{text-decoration:none}.button--gradient{background:linear-gradient(180deg,#544f8b 0%,#3a356f 100%);border:0}.button--gradient:hover{background:linear-gradient(180deg,#5a5494 0%,#3f3a79 100%)}.button--filled{background-color:#2c2953;border:0;min-height:40px;min-width:40px}.button--filled:hover{background-color:#353163}.button--disabled{cursor:default}.button--disabled,.button--disabled:hover,.button--primary-light{background-color:#151515}.button--primary-light{border:0;min-height:40px;min-width:40px}.button--primary-light:hover{background-color:#1f1f1f}.page-header,.page-header__filter-button{display:flex;align-items:center;margin:0 0 15px}.channel-page .page-header{margin-right:20px;margin-left:20px}.page-header__filter-button{background-color:#2c2953;border-radius:5px;min-height:26px;cursor:pointer;font-size:12px;line-height:14px;margin:0 2px 0 auto;padding:0 15px 0 17px}.page-header__filter-button:hover{background-color:#353163}.page-header__filter-button svg{margin-right:5px}.channel-header+.page-header{margin-left:20px;margin-right:20px}.channel{text-decoration:none;color:#fff}.channel__preview{position:relative;width:100%}.channel__preview::before{content:"";display:block;padding-top:56.25%}.channel__preview-img{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#191919}.channel__preview-img:after,.channel__text-logo{display:flex;justify-content:center;color:#fff;background-color:#191919}.channel__preview-img:after{position:absolute;top:0;left:0;width:100%;height:100%;align-items:center;text-align:center;content:attr(alt);font-size:11px}.channel__preview-logo,.channel__text-logo{width:60px;height:60px;position:absolute;bottom:-10px;left:20px;border-radius:5px;border:1px solid #fff}.channel__text-logo{align-self:center;line-height:60px;font-weight:700}.channel__type,.channel__uploaded-videos{position:absolute;top:10px;border-radius:2px;padding:4px 5px;font-size:10px;line-height:12px}.channel__uploaded-videos{left:10px;background-color:rgba(0,0,0,.5);color:#fff}.channel__type{right:10px;background:#fdcb0a;color:#303030}.channel__info-block{padding:20px 20px 16px;background-color:#191919}.channel__title{font-weight:700;font-size:15px;line-height:140%;white-space:nowrap;text-overflow:ellipsis;margin-top:0;margin-bottom:0}.channel__content{font-size:12px;line-height:14px;opacity:.7}.pagination{display:flex;margin:0 5px 20px}.pagination__button-next,.pagination__button-prev{background-color:transparent;min-height:26px;text-decoration:none}.pagination__button,.pagination__button-next,.pagination__button-prev{margin-right:4px;display:flex;align-items:center;justify-content:center;color:#fff;border-radius:5px;padding:0 10px;outline:0;box-shadow:none;cursor:pointer;font-size:11px;line-height:13px}.pagination__button,.pagination__button-next:hover,.pagination__button-prev:hover,.pagination__button:hover{text-decoration:none}.pagination__button-next,.pagination__button-prev{background:linear-gradient(180deg,#544f8b 0%,#3a356f 100%);border:0;min-width:80px}.pagination__button-next:hover,.pagination__button-prev:hover{background:linear-gradient(180deg,#5a5494 0%,#3f3a79 100%)}.pagination__button{background-color:#2c2953;border:0;min-height:40px;min-width:40px}.pagination__button:hover{background-color:#353163}.pagination__button--disabled{background-color:#151515;cursor:default}.pagination__button--disabled:hover{background-color:#151515}.pagination__separator{padding:0 4px;margin-right:4px;color:#838383;align-self:flex-end;font-size:15px;line-height:18px}.order-filter{padding:16px 20px;border-bottom:1px solid #2f2f2f}.order-filter:last-child{border-bottom:none}.order-filter__link{display:flex;align-items:center;text-decoration:none;color:#7481a2;margin-bottom:15px;font-size:.824em;fill:#7481a2}.order-filter__link:last-child{margin-bottom:0}.order-filter__link--active{cursor:default;color:#fff;fill:#f80}.order-filter__link svg{margin-right:8px}.app-slider{display:flex;flex-direction:column;padding:16px 20px;border-bottom:1px solid #2f2f2f;min-height:93px}.app-slider:last-child,.categories-filter:last-child,.models-filter:last-child{border-bottom:none}.app-slider__label{font-size:12px;line-height:14px;color:#838383;margin-bottom:15px}.app-slider__selected{color:#fff}.categories-filter{display:flex;flex-direction:column;padding:16px 20px;border-bottom:1px solid #2f2f2f}.categories-filter__label{font-size:12px;line-height:14px;color:#838383;margin-bottom:7px}.categories-filter__checkbox-wrapper{display:flex;flex-wrap:wrap;position:relative;left:-2px;width:calc(100% + 4px)}.models-filter{display:flex;flex-direction:column;padding:16px 20px;border-bottom:1px solid #2f2f2f}.models-filter__label{font-size:12px;line-height:14px;color:#838383;margin-bottom:7px}.models-filter__chips-wrapper{display:flex;flex-wrap:wrap;position:relative;left:-2px;width:calc(100% + 4px)}.history-item{position:relative;display:flex;width:100%;height:62px;margin-bottom:10px;text-decoration:none}.history-item:last-child{margin-bottom:0}.history-item--not-active::before{content:"";display:block;position:absolute;z-index:1;top:0;left:0;right:0;bottom:0;background-color:rgba(21,21,21,.4)}.history-item__preview{position:relative;width:90px;height:62px;background-size:cover;margin-right:10px;flex-shrink:0}.history-item__info{display:flex;flex-direction:column;justify-content:space-between;max-width:calc(100% - 100px)}.history-item__title{font-size:12px;line-height:14px;color:#fff;max-height:42px;overflow:hidden}.history-item__duration{font-size:11px;line-height:13px;position:absolute;top:5px;left:5px;color:#fff;padding:2px 4px;border-radius:4px;background-color:rgba(0,0,0,.7019607843)}.history-item__likes,.history-item__views{display:flex;align-items:center;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;line-height:13px}.history-item__views-svg{margin-right:4px}.history-item__views{color:#7481a2}.history-item__likes::before{margin-right:4px;width:10px}.history-item__likes--thumb-up{color:#36bd20}.history-item__likes--thumb-down::before,.history-item__likes--thumb-up::before{content:url(/static/img/sprite/sprite.svg#thumb-up)}.history-item__likes--thumb-down{color:red}.app-history__label{font-weight:700;display:flex;align-items:center;text-decoration:none;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:17px;line-height:20px;margin:16px 20px;padding-left:0!important}.app-history__label:last-child{margin-right:0}.app-history__label svg{margin-right:10px}.app-history__list{display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;padding:0 20px 16px}.app-history__separator{position:relative;display:flex;justify-content:center;margin-bottom:10px}.app-history__separator::before{position:absolute;z-index:1;top:6px;left:0;content:"";display:block;height:1px;width:100%;background:#2f2f2f}.app-history__separator-date{position:relative;z-index:2;font-size:11px;line-height:13px;color:#838383;background:#151515;padding:0 3px}.app-history__empty{font-size:12px;line-height:14px;color:#838383;padding:0 20px}.drawer-history{position:absolute;width:230px;top:0;left:0;flex-direction:column;flex-shrink:0;background:#151515;margin:0;transition:transform .2s,width .2s,opacity .2s;height:100%}.drawer-overlay{display:flex}.drawer-menu,.menus-wrapper{width:230px;background:#151515}.menus-wrapper{overflow-x:hidden;overflow-y:auto;position:relative}.drawer-menu{position:absolute;top:0;left:0;flex-direction:column;flex-shrink:0;margin:0;transition:transform .2s,width .2s,opacity .2s}.menu-enter-active{transition:all .3s ease}.menu-leave-active{transition:all .3s cubic-bezier(1,.5,.8,1)}.menu-enter,.menu-leave-to{transform:translateX(-300px);opacity:0}.channels-page{flex-grow:1;padding:30px 30px 25px}.channels{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:20px;margin-bottom:10px}.channels>*{min-width:0}.outstream-adv{width:100%;display:flex;justify-content:center;grid-column-start:1;grid-column-end:-1}.outstream-adv__inner{position:relative;width:100%;max-width:600px}@media (min-width:600px) and (max-width:959px){.round-button{width:40px;height:40px}.round-button--user .round-button__icon{width:14px;height:16px}.round-button--notification .round-button__icon{width:16px;height:20px}.round-button--upload .round-button__icon{width:22px;height:16px}.pagination__button-next,.pagination__button-prev{min-width:60px}.pagination__button--sm-hidden{display:none}.drawer-history,.drawer-menu{position:absolute;min-height:calc(100% - 50px)}.channels-page{padding:20px 20px 25px}}@media (min-width:768px){.chip--upper{font-size:14px}}@media (min-width:768px) and (max-width:1023px){.channels{grid-template-columns:repeat(4,1fr)}}@media (min-width:960px) and (max-width:1279px){.app-history__label{margin-right:20px}.app-history__label:last-child{margin-right:20px}}@media (min-width:960px){.drawer-overlay{width:230px;flex-shrink:0;overflow:hidden;position:sticky;top:0;height:100vh}.drawer-overlay>*{scrollbar-width:none;-ms-overflow-style:none}.drawer-overlay>::-webkit-scrollbar-track{-webkit-box-shadow:none!important;background-color:transparent}.drawer-overlay>::-webkit-scrollbar{width:7px!important;background-color:transparent}.drawer-overlay>::-webkit-scrollbar-thumb{background-color:transparent}.drawer-overlay>.scroll{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.drawer-overlay>.scroll::-webkit-scrollbar-track{background:0 0}.drawer-overlay>.scroll::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.1);border-radius:20px;border:2px solid #151515}.menus-wrapper{top:0;bottom:0}.menu-space-reserve{width:230px;flex-shrink:0}}@media (max-width:599px){.round-button{width:36px;height:36px}.round-button+.round-button{margin-left:5px}.round-button--search .round-button__icon{width:16px;height:16px}.round-button--user .round-button__icon{width:17px;height:20px}.round-button--notification .round-button__icon{width:16px;height:20px}.round-button--upload .round-button__icon{width:22px;height:16px}.button,.chip,.pagination__button{font-size:12px;line-height:14px}.pagination__button-next,.pagination__button-prev{line-height:14px;min-width:30px;font-size:0}.pagination__button-prev::before{content:"<";font-size:11px;line-height:13px}.pagination__button-next::before{content:">";font-size:11px;line-height:13px}.pagination__button{min-width:30px}.pagination__button--sm-hidden{display:none}.history-item__duration,.history-item__likes,.history-item__views{font-size:12px;line-height:14px}.app-history__label{font-size:15px;line-height:18px}.app-history__separator-date{font-size:12px;line-height:14px}.drawer-history,.drawer-menu{position:absolute;min-height:calc(100% - 50px)}.channels-page{padding:15px 10px}.outstream-adv__inner{max-width:calc(100% - 20px)}}@media (max-width:767px){.channel-page .page-header{margin-left:10px;margin-right:10px}.channels{grid-template-columns:repeat(1,1fr)}}@media (max-width:599px) and (max-width:599px){.pagination__button-next::before,.pagination__button-prev::before{font-size:12px;line-height:14px}}@media (max-width:719px){.pagination__button--mobile-hidden{display:none}}@media (max-width:959px){.app-history__label{margin-right:0;margin-bottom:15px;padding-left:20px;width:100%}.app-history__label:first-child{margin-top:15px}.app-history__label:last-child{margin-bottom:0}.drawer-overlay{position:fixed;overflow:auto;top:50px;left:0;right:0;bottom:0;background:rgba(0,0,0,.7019607843);z-index:9999999}}