*{box-sizing:border-box}body{font-family:Avenir Next;font-size:.8125rem;font-weight:400;line-height:1.125rem;margin:0}@media(min-width:768px){body{font-size:.875rem;line-height:1.375rem}}h1{font-size:1.5rem;font-weight:700;line-height:2rem;margin-bottom:1rem;margin-top:1.5rem}@media(min-width:768px){h1{font-size:2.0625rem;line-height:2.75rem;margin-bottom:1.5rem;margin-top:2.25rem}}h2{margin-bottom:1rem;margin-top:1.5rem}@media(min-width:768px){h2{margin-bottom:1.5rem;margin-top:2.25rem}}h3{font-size:.8125rem;font-weight:700;line-height:1.125rem;margin-bottom:1rem;margin-top:1.5rem}@media(min-width:768px){h3{font-size:.875rem;line-height:1.375rem;margin-bottom:1.5rem;margin-top:2.25rem}}button,h2{font-family:Avenir Next;font-size:.75rem;font-weight:700;line-height:1.25rem}a:active,a:hover,a:link,a:visited{color:#000;text-decoration:none}.input{background-color:#fafafa;background-repeat:no-repeat;border:1px solid #e1e1e1;border-radius:4px;font-family:Avenir Next;height:40px;outline:none;overflow:hidden;resize:none}.input:focus{border:2px solid #0095ff}.input::-webkit-input-placeholder{color:#323232}.input::placeholder{color:#323232}@media(min-width:1280px){.home-page__container{margin:0 auto;max-width:1280px}.home-page__flex{display:flex;margin:0 auto;padding-left:5rem;padding-right:5rem}.home-page__box{border-right:1px solid #e1e1e1;color:#000;width:768px}}.main-infor{padding:0 1rem 1rem}.main-infor__heading{border-bottom:1px solid #e1e1e1;margin-bottom:0;padding-bottom:1rem}@media(min-width:768px){.main-infor__heading{border:none;padding-bottom:0}}.main-infor__wrap{border-bottom:1px solid #e1e1e1;color:#afafaf;display:flex;flex-wrap:wrap;padding:1rem 0}.main-infor__wrap p{margin-bottom:0;width:50%}@media(min-width:768px){.main-infor__wrap{flex-wrap:nowrap;gap:1.5rem;padding:1.5rem 0 1rem}.main-infor__wrap p{margin-top:0;width:auto}}@media(min-width:1280px){.main-infor__wrap{padding-right:1.5rem}}.main-infor__channel{color:#000;font-weight:600;margin-top:0}@media(min-width:1280px){.main-infor__channel{order:-1}}.main-infor__views{background-image:url(/static/media/views.8b6d21c6dac0adba201d.svg);background-position:0 60%;background-repeat:no-repeat;margin-top:0;padding-left:2rem}@media(min-width:768px){.main-infor__views{margin-right:auto}}@media(min-width:1280px){.main-infor__views{margin-right:0;order:1}}.main-infor__likes{background-color:#0095ff;background-image:url(/static/media/likes.246cd8f4356b27c4d0cb.svg);background-position:10% 60%;background-repeat:no-repeat;border:none;border-radius:4px;color:#fff;font-family:Avenir Next;font-size:.8125rem;font-weight:400;min-width:70px;padding-left:2rem;padding-right:1rem}@media(min-width:768px){.main-infor__likes{font-size:.875rem}}@media(min-width:1280px){.main-infor__likes{order:2}}.main-infor__text{margin-bottom:0}@media(min-width:768px){.main-infor__text{margin-top:0;padding:1.5rem 0 2.25rem}}@media(min-width:1280px){.main-infor__text{padding-right:1.5rem}.main-infor__time{margin-right:auto;order:0}}@media(min-width:768px){.main-infor{padding:0 2.25rem}}@media(min-width:1280px){.main-infor{padding-left:0;padding-right:0}}.video-list{padding:0 1rem}.video-list__list{list-style:none;margin:0;padding:0}.video-list__heading{color:#afafaf;font-weight:600;text-transform:uppercase}@media(min-width:768px){.video-list{padding:0 2.25rem}}@media(min-width:1280px){.video-list{flex:auto;padding:0 0 0 1.5rem}}.video-list__item{align-items:center;display:flex;gap:1rem;padding-bottom:1rem;width:20.5rem}@media(min-width:768px){.video-list__item{gap:1.5rem;padding-bottom:1.5rem}}.video-list__wrap{max-width:175px;width:100%}.video-list__title{font-weight:700;margin-bottom:1rem;margin-top:0}.video-list__channel{margin:0}.video-list__img{background-color:#e1e1e1;border-radius:4px;height:4.3rem;object-fit:cover;width:7rem}@media(min-width:768px){.video-list__img{height:5.1rem;width:8rem}}.conversation__form{flex-grow:1}@media(min-width:768px){.conversation__form{display:flex;gap:1.5rem;width:100%}.conversation__label-input{flex-grow:1}}.conversation__label{color:#afafaf;font-weight:600;margin:0;text-transform:uppercase}.conversation__input{height:110px;margin-bottom:1rem;padding:.625rem;width:100%}@media(min-width:768px){.conversation__input{height:40px;margin-bottom:0}}.conversation__input--error:focus{border:1px solid #d22d2d}.btn{background-color:#0095ff;background-image:url(/static/media/upload.5883ade39f5afef46cae.svg);background-position:.7rem;background-repeat:no-repeat;background-size:1.2rem;border:none;border-radius:4px;color:#fff;cursor:pointer;height:40px;text-transform:uppercase;width:100%}.btn:hover{background-color:#0065ad}@media(min-width:768px){.btn--header{width:150px}}.btn--form{background-image:url(/static/media/add_comment.26bc7a200a77fd1eb3c8.svg)}@media(min-width:768px){.btn--form{align-self:flex-end;margin-bottom:.3rem;width:150px}}.btn--upload{background-image:url(/static/media/publish.9004aa72e162afad77af.svg)}@media(min-width:768px){.btn--upload{width:150px}.btn{padding:0 2rem}}.avatar{border-radius:50%;height:36px;object-fit:cover;object-position:30% 50%;width:36px}.avatar:hover{-webkit-transform:scale(1.3);transform:scale(1.3)}@media(min-width:768px){.avatar--form{margin-top:1.4rem}.avatar--mobile{display:none}}.avatar--tablet{display:none}@media(min-width:768px){.avatar--tablet{display:inline-block;margin-left:1.5rem}}@media(min-width:1280px){.avatar--tablet{display:inline-block;margin-left:2.25rem}}@media(min-width:768px){.avatar{height:40px;width:40px}}.conversation{padding:0 1rem}.conversation__wrap{border-bottom:1px solid #e1e1e1;display:flex;gap:1rem;padding-bottom:1rem}@media(min-width:768px){.conversation__wrap{gap:1.5rem;padding-bottom:1.5rem}}@media(min-width:1280px){.conversation__wrap{border-bottom:none;gap:2.25rem;padding:1.5rem}}.conversation__comment-num{font-weight:700;margin-top:0}@media(min-width:1280px){.conversation__comment-num{margin-bottom:0}}@media(min-width:768px){.conversation{padding:0 2.25rem}}@media(min-width:1280px){.conversation{padding-left:0;padding-right:0}}.conversation__comment-list{list-style:none;margin:0;padding:0}.conversation__comment-item{border-bottom:1px solid #e1e1e1;display:flex;gap:1rem;padding:1rem 0}@media(min-width:768px){.conversation__comment-item{gap:1.5rem;padding:1.5rem 0}}@media(min-width:1280px){.conversation__comment-item{border-bottom:none;border-top:1px solid #e1e1e1;gap:2.25rem;padding:1.5rem}}.conversation__comment-infor{width:100%}.conversation__comment-name{font-weight:700;margin:0}.conversation__comment-text{margin-bottom:0;margin-top:1rem}.conversation__comment-wrap{display:flex;justify-content:space-between}.conversation__comment-time{color:#afafaf;margin:0}.conversation__comment-btn{background-color:#323232;border:none;border-radius:4px;color:#fff;display:block;height:30px;margin-left:auto;padding:.3rem;width:50px}.conversation__comment-btn:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.main-video{background-color:#000;height:45vh}.main-video__container{height:45vh}@media(min-width:768px){.main-video__container{height:70vh}}@media(min-width:1280px){.main-video__container{height:65vh;margin:0 auto;max-width:968px}}.main-video__clip{height:45vh;object-fit:cover;width:100%}@media(min-width:768px){.main-video__clip{height:70vh}}@media(min-width:1280px){.main-video__clip{height:65vh;max-width:968px}}@media(min-width:768px){.main-video{height:70vh;padding:0 2.25rem}}@media(min-width:1280px){.main-video{height:65vh}}.upload__form{border-top:1px solid #e1e1e1;padding:0 1rem}@media(min-width:768px){.upload__form{padding:0 2.25rem}}@media(min-width:1280px){.upload__form{padding:0 80px}.upload__container{margin:0 auto;max-width:1120px}.upload__big-wrap{display:flex;gap:1.5rem}}.upload__wrapper{display:flex;flex-direction:column}@media(min-width:1280px){.upload__wrapper{width:100%}.upload__thumbnail-infor{padding-bottom:.1rem}}.upload__file-input{display:block;margin-bottom:1.5rem}@media(min-width:768px){.upload__file-input{margin-bottom:0}}@media(min-width:1280px){.upload__file-input{margin-bottom:1.5rem}}.upload__thumbnail{border-radius:4px;margin-bottom:.5rem;width:100%}.upload__thumbnail--display-none{display:none}@media(min-width:768px){.upload__thumbnail{width:50%}}@media(min-width:1280px){.upload__thumbnail{height:172.891px;width:auto}}.upload__heading{margin-top:0;padding-top:1.5rem}@media(min-width:768px){.upload__heading{border-bottom:1px solid #e1e1e1;margin:0;padding-bottom:1.5rem;padding-top:2.25rem}}.upload__text{color:#afafaf;display:block;font-weight:600;margin-bottom:.3rem;text-transform:uppercase}@media(min-width:768px){.upload__text{margin-bottom:.5rem;margin-top:1.5rem}}.upload__descript-input,.upload__title-input{margin-bottom:1rem;padding:.625rem;width:100%}@media(min-width:768px){.upload__title-input{margin-bottom:0}}.upload__descript-input{height:110px;margin-bottom:1rem}@media(min-width:768px){.upload__descript-input{height:80px;margin-bottom:1.5rem}}@media(min-width:1280px){.upload__descript-input{margin-bottom:4.1rem}}.upload__descript-input--error:focus,.upload__title-input--error:focus{border:1px solid #d22d2d}.upload__ending{align-items:center;display:flex;flex-direction:column}@media(min-width:768px){.upload__ending{border-top:1px solid #e1e1e1;flex-direction:row;gap:5rem;justify-content:flex-end;padding:1.5rem 0}}.upload__cancel{background-color:#fff;border:none;color:#0095ff;cursor:pointer;font-weight:600;margin:2rem 0;text-transform:uppercase}@media(min-width:768px){.upload__cancel{margin:0;order:-1;padding:0;width:auto}}.header{padding:1rem}.header__container{align-items:center;display:flex;flex-direction:column}@media(min-width:768px){.header__container{flex-direction:row}}@media(min-width:1280px){.header__container{margin:0 auto;max-width:1120px}}.header__wrap{display:flex;gap:1rem;margin-bottom:1rem;width:100%}@media(min-width:768px){.header__wrap{margin-bottom:0;margin-right:1.5rem;width:270px}}.header__input{background-image:url(/static/media/search.b2de04bd644372446a50.svg);background-position:1rem;background-size:1rem;padding:.625rem 3rem;width:100%}@media(min-width:768px){.header{padding:1.5rem 2.25rem}}@media(min-width:1280px){.header{padding:1.5rem 5rem}}@font-face{font-family:Avenir Next;font-weight:700;src:url(/static/media/AvenirNextLTPro-Bold.abfbc7167526a2d9f205.otf),url(/static/media/AvenirNextLTProBold.3c6bf152ce9d23ec3657.ttf) format("truetype")}@font-face{font-family:Avenir Next;font-weight:400;src:url(/static/media/AvenirNextLTPro-Regular.75d8c490a81ae1a6be46.otf),url(/static/media/AvenirNextLTPro.3f6c730b0f59f3838d71.ttf) format("truetype")}.logo{margin-bottom:1rem}@media(min-width:768px){.logo{margin-bottom:0;margin-right:auto;padding-top:.4rem}}
/*# sourceMappingURL=main.0df9dee9.css.map*/