@charset "UTF-8";.playlist-header{align-items:center;background-color:#141414;display:flex;padding:15px 4%;position:relative}@media (max-width:1024px){.playlist-header{flex-direction:column;padding:15px 20px}}.playlist-header__info{display:flex;margin-right:30px}@media (max-width:1024px){.playlist-header__info{align-items:center;flex-direction:column;margin-bottom:10px;margin-right:0}}.playlist-header__title{display:flex;flex-direction:column;flex-grow:1;justify-content:center}@media (max-width:1024px){.playlist-header__title{align-items:center}}.playlist-header__title h1{font-size:20px;margin-bottom:20px}@media (max-width:1024px){.playlist-header__title h1{margin-bottom:10px}}.playlist-header__title span:first-of-type{margin-bottom:5px}.playlist-header__title a{color:#757575;font-weight:700}.playlist-header__logo{border:1px solid #fff;border-radius:15px;display:flex;height:125px;justify-content:center;margin-right:15px;overflow:hidden;width:125px}@media (max-width:1024px){.playlist-header__logo{margin-right:0}}.playlist-header__logo img,.playlist-header__logo picture{height:125px;-o-object-fit:cover;object-fit:cover}.playlist-header__button{align-items:center;background:#f68425;color:#fff;display:flex;font-weight:700;justify-content:center;padding:10px 20px;transition:background-color .3s ease-out}.playlist-header__button:hover{background:#f8a056}.playlist-header__button svg{fill:#fff;height:15px;margin-right:5px;width:15px}.playlist-tags{display:flex;flex-wrap:wrap;margin:-5px -10px;padding:15px 4%}@media (max-width:1024px){.playlist-tags{padding:15px 20px}}.playlist-tags__tag{align-items:center;border-radius:5px;color:#fff;display:flex;justify-content:center;margin:5px 10px;text-decoration:underline}.playlist-tags__tag:hover{color:#f68425}.playlist-videos{display:flex;flex-direction:column;padding:0 4%;width:100%}@media (max-width:1024px){.playlist-videos{padding:0 20px}}.playlist-video-item{display:flex;margin-bottom:10px;overflow:hidden;width:100%}@media (max-width:1024px){.playlist-video-item{width:calc(100vw - 20px)}}.playlist-video-item__image{align-items:center;display:flex;flex-shrink:0;justify-content:center;width:150px}@media (max-width:1024px){.playlist-video-item__image{width:100px}}.playlist-video-item__image img,.playlist-video-item__image picture{height:100%;-o-object-fit:cover;object-fit:cover}.playlist-video-item__info{display:flex;flex-direction:column;flex-grow:1;overflow:hidden;padding:10px}.playlist-video-item__title{color:#fff;font-size:15px;line-height:1;margin-bottom:10px;scrollbar-width:0;text-decoration:underline;width:100%}.playlist-video-item__title::-webkit-scrollbar{display:none;padding:0;width:0}.playlist-video-item__title{overflow:hidden;text-overflow:ellipsis;transition:50ms ease-out;transition-property:all;transition-property:color;white-space:nowrap}@media (max-width:1024px){.playlist-video-item__title{font-size:12px}}.playlist-video-item__title:hover{color:#f68425}.playlist-video-item__stats{display:flex;margin:-10px -10px 0;padding:10px;width:100%}@media (max-width:1024px){.playlist-video-item__stats{overflow:auto;scrollbar-width:0}.playlist-video-item__stats::-webkit-scrollbar{display:none;padding:0;width:0}}.playlist-video-item__stat{align-items:center;color:hsla(0,0%,100%,.7);display:flex;flex-shrink:0;font-size:12px;justify-content:flex-start;margin-right:10px;padding:3px 5px}.playlist-video-item__stat:last-child{margin-right:0}.playlist-video-item__stat svg{fill:hsla(0,0%,100%,.7);height:12px;margin-right:5px;width:12px}.playlist-video-item__stat--green{color:#228b22}.playlist-video-item__stat--green>svg{fill:#228b22}.playlist-video-item__stat--red{color:crimson}.playlist-video-item__stat--red>svg{fill:crimson;transform:rotate(180deg)}.playlist-video-item__stat--quality{background:#e22200;border-radius:3px;color:#fff;font-weight:700}.playlist-video-item__button{align-items:center;align-self:flex-start;background:#f68425;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:5px 15px}.playlist-video-item__button:hover{background:#f8a056}.overlay{align-items:center;background-color:rgba(0,0,0,.3);bottom:0;display:flex;height:100%;justify-content:center;left:0;position:fixed;right:0;top:0;width:100%;z-index:9999999}.popup-wrapper{background-color:#2e2e2e;border:1px solid #f68425;border-radius:3px;box-shadow:0 0 10px hsla(0,0%,8%,.7);max-height:calc(100vh - 20px);max-width:520px;overflow:auto;position:fixed;right:50%;transform:translateX(50%)}@media (max-width:767px){.popup-wrapper{bottom:0;left:0;max-height:100%;right:0;top:0;transform:none}}.popup{align-items:flex-start;background:#2e2e2e;border-radius:3px;display:flex;flex-direction:column;padding:15px}.popup,.popup__header{position:relative;width:100%}.popup__header{border-bottom:1px solid #f68425;color:#eee;font-size:15px;justify-content:center;margin-bottom:10px;padding:5px 0 10px;text-align:center}.popup__close{align-items:center;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;position:absolute;right:8px;top:8px;transition:50ms ease-out;transition-property:all;width:32px;z-index:2}.popup__close svg{fill:#eee;height:50%;padding:0;transition:.3s ease-out;transition-property:fill;width:50%}.popup__close:hover{opacity:.5}@media (max-width:767px){.popup__close{height:30px;width:30px}}.popup__preview{align-items:center;display:flex;margin-bottom:15px;width:100%}.popup__preview>img{margin-right:15px;width:160px}.popup__preview>span{color:#eee;font-size:15px}.popup__form{color:#eee;display:flex;flex-direction:column;width:100%}.popup__form--expanded .popup__form-header svg{transform:rotate(0)}.popup__form--expanded .popup__form-content{display:flex}.popup__form-header{align-items:center;cursor:pointer;display:flex;padding:5px 0;width:100%}@media (min-width:1025px){.popup__form-header{text-align:left}}@media (min-width:768px) and (max-width:1024px){.popup__form-header{text-align:left}}@media (max-width:767px){.popup__form-header{font-size:1px;text-align:left}}.popup__form-header>svg{fill:#f68425;margin-right:10px;padding:0;transform:rotate(-90deg);transition:50ms ease-out;transition-property:all;width:15px}.popup__form-header>h2{font-size:15px;margin:0}div.popup__form-content{display:none;flex-wrap:wrap;justify-content:space-between;padding:0 25px;width:100%}div.popup__form-content>span{color:#eee;margin-bottom:5px;text-align:left;width:100%}div.popup__form-content>.malware-question{color:#eee;font-style:italic}div.popup__form-content>.malware-question:before{content:" – "}div.popup__form-field{align-items:flex-start;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:10px;width:100%}div.popup__form-field:last-child{margin-bottom:0}.popup__form-field--invalid{border-color:crimson!important;color:crimson!important}.popup__form-field--invalid *{border-color:inherit!important;color:inherit!important}.popup__form-field--invalid iframe{outline:2px solid crimson}div.popup__form-field--half{width:calc(50% - 10px)}div.popup__form-field--half~div.popup__form-field--half{margin-bottom:10px}.popup__label{line-height:14px;margin-bottom:5px}.popup__input{border:1px solid #212121;border-radius:5px;min-height:32px;padding:0 10px;transition:50ms ease-out;transition-property:all;width:100%}@media (max-width:1024px){.popup__input{font-size:16px}}.popup__input:focus{border:1px solid #141414;outline:none}.popup__input:invalid{box-shadow:none;outline:none}.popup__input:hover{border:1px solid #141414}.popup__form-field textarea{border:1px solid #141414;border-radius:5px;min-height:90px;padding:10px 20px;resize:vertical;transition:50ms ease-out;transition-property:all;width:100%}@media (max-width:1024px){.popup__form-field textarea{font-size:16px}}.popup__form-field textarea:focus{border:1px solid #141414;outline:none}.popup__form-field textarea:invalid{box-shadow:none;outline:none}.popup__form-field textarea:hover{border:1px solid #141414}.popup__checkbox{display:flex;justify-content:flex-start}.popup__checkbox input{display:none}.popup__checkbox span{display:block;padding-left:30px;position:relative;text-align:left}.popup__checkbox input+span:before{background-color:#fff;border:1px solid #141414;border-radius:3px;content:"";height:20px;left:0;position:absolute;top:2px;width:20px}.popup__checkbox input:checked+span:after{border-bottom:2px solid #141414;border-right:2px solid #141414;content:"";height:16px;left:6px;position:absolute;top:2px;transform:rotate(45deg);width:8px}.popup__radio{align-items:center;align-self:flex-start;cursor:pointer;margin-bottom:10px;position:relative;width:100%}.popup__radio:first-child{margin-top:5px}.popup__radio input{display:none}.popup__radio span{display:block;min-height:20px;padding-left:30px;position:relative;text-align:left}.popup__radio input+span:before{background-color:#fff;border:1px solid #141414;border-radius:50%;content:"";height:20px;left:0;position:absolute;width:20px}.popup__radio input:checked+span:after{background:#141414;border-radius:50%;content:"";height:10px;left:5px;position:absolute;top:5px;transform:rotate(45deg);width:10px}.popup__submit-block{align-items:center;display:flex;flex-direction:column;padding:0 25px;width:100%}.popup__recaptcha{margin:10px auto;min-height:78px}.popup__button{align-items:center;background-color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:700;justify-content:center;padding:5px 15px}.popup__button[disabled]{cursor:no-drop}.popup__button{border:none;margin-right:15px;outline:none;padding-bottom:10px;padding-top:10px}.popup__button:hover{border-color:#fff}.popup__button[disabled]{opacity:.5}.popup__button{background:linear-gradient(0deg,#f68425 0,#f7923d);color:#eee;transition:50ms ease-out;transition-property:all;width:100%}.popup__button:hover{background:linear-gradient(180deg,#f68425 0,#f7923d)}.popup__button:disabled{cursor:default;opacity:.5}.popup__button:active,.popup__button:focus{outline:none}.popup__status{border-radius:5px;color:#eee;font-size:12px;margin:0 auto;max-width:480px;padding:30px;text-align:center}.popup__text{margin-bottom:20px}.popup__text--failure{color:crimson}.popup__text--success{color:#228b22}.popup__sign{align-items:flex-start!important;height:100px;margin:0 auto 20px;padding-bottom:100px;position:relative;width:100px}.popup__sign--success:before{border-bottom:20px solid #228b22;border-right:20px solid #228b22;content:"";height:100px;left:50%;position:absolute;transform:rotate(45deg) translateX(-50%);width:50px}.popup__sign--failure:after,.popup__sign--failure:before{background-color:crimson;content:"";height:100px;left:47%;position:absolute;top:-7%;transform:rotate(-45deg) translateX(-50%);width:20px}.popup__sign--failure:after{top:6%;transform:rotate(45deg) translateX(-50%)}.overlay{display:none}.overlay--show{display:flex}.add-to-playlist-modal{background-color:#353535;box-shadow:0 0 10px rgba(244,115,33,.1);max-height:calc(100vh - 20px);max-width:520px;overflow:auto;position:fixed;right:50%;transform:translateX(50%)}@media (max-width:767px){.add-to-playlist-modal{bottom:0;left:0;max-height:100%;right:0;top:0;transform:none}}.add-to-playlist-modal{min-width:500px;padding:15px}@media (max-width:767px){.add-to-playlist-modal{min-width:100%}}.add-to-playlist-modal__title{border-bottom:1px solid #f68425;color:#eee;display:flex;font-size:15px;justify-content:center;justify-content:flex-start;margin-bottom:10px;padding:5px 0 10px;position:relative;text-align:center;text-align:left;width:100%}.add-to-playlist-modal__title h2{margin:0}.add-to-playlist-modal__close{cursor:pointer;height:45px;padding:15px;position:absolute;right:-15px;top:-15px;transition:50ms ease-out;transition-property:all;transition-property:opacity;width:45px}.add-to-playlist-modal__close svg{fill:#fff;height:15px;width:15px}.add-to-playlist-modal__close:hover{opacity:.5}.add-to-playlist-modal__playlists{border-bottom:1px solid #f68425;display:flex;flex-direction:column;min-height:40px;padding-bottom:10px;position:relative}.add-to-playlist-modal__playlists--loading{min-height:100px}.add-to-playlist-modal__playlists--loading>.loading{align-items:center;content:"";display:flex;height:100%;justify-content:center;left:0;min-height:40px;position:absolute;top:0;width:100%;z-index:100}.add-to-playlist-modal__controls{align-items:center;display:flex;justify-content:space-between;padding:10px 0 0}.add-to-playlist-modal__button{color:#fff;cursor:pointer;font-weight:700;padding:10px 15px}.add-to-playlist-modal__button--disabled{filter:grayscale(1);pointer-events:none}.add-to-playlist-modal__button--orange{background:#f68425}.add-to-playlist-modal__button--orange:hover{background:#f8a056}.add-to-playlist-modal__button--gray{background:#757575}.add-to-playlist-modal__button--gray:hover{background:#8f8f8f}.add-to-playlist-modal__create{border-bottom:1px solid #f68425;display:flex;flex-direction:column;padding:10px 0}.add-to-playlist-modal__playlist-name{display:flex;flex-direction:column;margin-bottom:10px}.add-to-playlist-modal__playlist-name input{border:1px solid #d7d7d7;margin-top:5px;padding:10px;transition:border-color .3s ease-out;width:100%}.add-to-playlist-modal__playlist-name input:hover:not(:focus){border-color:#333}.add-to-playlist-modal__playlist-name input:focus{border-color:#f68425;outline:none}.add-to-playlist-modal__radio-item{cursor:pointer;display:flex;margin-bottom:10px}.add-to-playlist-modal__radio-item input{display:none!important}.add-to-playlist-modal__radio-item:last-child{margin-bottom:0}.add-to-playlist-modal__radio-item-title{align-items:center;display:flex;padding-left:35px;position:relative;transition:color .3s ease-out}.add-to-playlist-modal__radio-item-title:before{background-color:#757575;border-radius:50%;content:"";display:block;height:24px;position:absolute;transform:translateX(-35px);transition:background-color .3s ease-out;width:24px}input:checked~.add-to-playlist-modal__radio-item-title:before{background-color:#f68425}input:checked~.add-to-playlist-modal__radio-item-title:after{background-color:#fff;border-radius:50%;content:"";display:block;height:12px;left:6px;position:absolute;top:9px;transition:background-color .3s ease-out;width:12px;z-index:1}.add-to-playlist-modal__radio-item-title svg{height:30px;margin-right:5px;width:30px}.playlist{align-items:center;border-radius:5px;display:flex;justify-content:space-between;margin-bottom:5px;min-width:0;padding:5px;text-overflow:ellipsis;white-space:nowrap;width:100%}.playlist:last-child{margin-bottom:0}.playlist__name{align-items:center;display:flex;margin-right:10px;overflow:hidden;padding-right:5px;white-space:nowrap;width:100%}.playlist__name span{overflow:hidden;text-overflow:ellipsis;width:100%}.playlist__name:before{background-position:50%;background-repeat:no-repeat;background-size:35px;content:"";display:flex;flex-shrink:0;height:25px;margin-right:5px;min-width:0;width:25px}.playlist--public .playlist__name:before{background-image:url(../img/sprite/sprite.svg#public)}.playlist--private .playlist__name:before{background-image:url(../img/sprite/sprite.svg#private)}.playlist__add-button{background:#f68425;color:#fff;cursor:pointer;flex-shrink:0;padding:5px 15px;transition:background-color .3s ease-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}.playlist__add-button:hover{background:#f8a056}.playlist__add-button--done,.playlist__add-button--done:hover{background:#228b22;pointer-events:none}.hidden{display:none!important}.page-header{align-items:center;display:flex;justify-content:space-between;margin:3vw 0 .8vw;padding:0 4%}@media (max-width:1024px){.page-header{align-items:flex-start;flex-direction:column;margin:20px 0 10px;padding:0 20px}}.page-header+.page-header{margin-top:1.5vw}.page-header__title{align-items:center;display:flex}@media (max-width:1024px){.page-header__title{margin-bottom:10px;width:100%}}.page-header__title h1,.page-header__title h2{align-items:center;display:flex;flex-wrap:wrap;font-size:1.4vw;line-height:1.25vw;margin:0;padding-right:15px}@media (min-width:1024px){.page-header__title h1,.page-header__title h2{white-space:nowrap}}@media (max-width:1024px){.page-header__title h1,.page-header__title h2{align-self:stretch;font-size:18px;line-height:18px;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}}.page-header__title h1 span,.page-header__title h2 span{color:#909090;font-size:14px;padding-left:3px;white-space:nowrap}.page-header__title h1 b,.page-header__title h2 b{padding-left:10px;position:relative;white-space:nowrap}.page-header__title h1 b:before,.page-header__title h2 b:before{background-color:#fff;content:"";height:100%;left:0;position:absolute;top:0;width:2px}@media (min-width:1025px){.page-header__title-arrow{display:none}}.page-header__title-arrow{fill:#fff;height:15px;margin-left:20px;position:relative;transition:50ms ease-out;transition-property:all;width:10px}input:checked~label .page-header__title-arrow{transform:rotate(180deg)}.page-header__title>span{color:#909090;margin-left:25px;white-space:nowrap}@media (max-width:1024px){.page-header__title>span{margin-left:auto}}.page-header__sort-type{color:#909090;display:flex;font-size:14px;font-weight:700;justify-content:space-between;margin:-10px 0 3px;width:100%}@media (max-width:1024px){.page-header__sort-type{margin:0 0 5px}}*+.tab-items{margin-top:20px}.tab-items{margin-left:-5px;padding:0 4%}@media (max-width:1024px){.tab-items{padding:0 20px}}.tab-items__title{color:#fff;margin-bottom:5px;margin-left:5px}.tab-items__link{align-items:center;background-color:#303036;border-radius:5px;color:#fff;display:inline-flex;justify-content:center;margin:5px;min-height:38px;padding:5px 10px}.tab-items__link:hover{background-color:#f68425;background-image:linear-gradient(150deg,#f68425,#d7006c)}