.app__wrapper{align-items:center;display:flex;flex-direction:row;height:80vw;justify-content:center;margin:0 1rem}@media(min-width:48rem){.app__wrapper{margin:0 2.25rem}}@media(min-width:80rem){.app__wrapper{margin:0 auto;width:63.75rem}}.comment{border-top:.0625rem solid #e1e1e1;display:flex;flex-direction:row;gap:1rem;padding:1rem 0}@media(min-width:48rem){.comment{padding:1.5rem 0}}@media(min-width:80rem){.comment{padding:1.5rem 0;padding-right:1.5rem}}.comment:last-of-type{border-bottom:.0625rem solid #e1e1e1}@media(min-width:80rem){.comment:last-of-type{border-bottom:none}.comment__avatar{padding:0 1rem}}.comment__body{display:flex;flex-basis:100%;flex-direction:row;flex-wrap:wrap;gap:.5rem;justify-content:space-between;position:relative}.comment__name{font-weight:700}.comment__timestamp{color:#e1e1e1}.comment__text{flex-basis:100%}.comment__delete{margin-left:calc(100% - 1rem)}.avatar{background:#e1e1e1;border-radius:50%;height:2.25rem;object-fit:cover;width:2.25rem}@media(min-width:48rem){.avatar{height:2.5rem;width:2.5rem}}.form{display:flex;flex-direction:row;gap:1rem;padding-bottom:1rem}@media(min-width:48rem){.form{padding-bottom:1.5rem}}@media(min-width:80rem){.form{padding-bottom:1.5rem;padding-right:1.5rem}}.form__avatar{display:flex;flex-direction:row;padding-top:1rem}@media(min-width:80rem){.form__avatar{align-items:end;padding-left:1rem;padding-right:1rem}}.form__body{display:flex;flex-basis:100%;flex-direction:row;flex-direction:column;gap:1rem}@media(min-width:48rem){.form__body{flex-direction:row}}@media(min-width:80rem){.form__body{flex-direction:row}}@media(min-width:48rem){.form__body{align-items:end}}.form__label{text-transform:uppercase}.form__input{flex-basis:100%}.form__textarea{height:6rem;padding:1rem;vertical-align:middle;width:100%}@media(min-width:48rem){.form__textarea{padding:.5rem}}@media(min-width:80rem){.form__textarea{padding:.5rem}}@media(min-width:48rem){.form__textarea{height:2.5rem}}@media(min-width:80rem){.form__textarea{height:2.5rem}}@media(min-width:48rem){.form__textarea{line-height:1.375rem}}.button{background:#0095ff;border-radius:.25rem;color:#fff;height:2.5rem;padding:0 2rem;position:relative;text-transform:uppercase;width:100%}.button:hover{background:#0065ad}@media(min-width:48rem){.button{width:9.375rem}}.button__icon{left:.5rem;position:absolute;top:.5rem}.stat{display:flex;flex-direction:row}.stat__likes{cursor:pointer}.stat__number{padding-left:.5rem}.video-details{width:100%}.video-details__subheader{align-items:center;border-bottom:.0625rem solid #e1e1e1;border-top:.0625rem solid #e1e1e1;display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;padding-bottom:1rem;padding-top:1rem}@media(min-width:48rem){.video-details__subheader{padding-top:0}}@media(min-width:80rem){.video-details__subheader{padding-top:0}}@media(min-width:48rem){.video-details__subheader{padding-bottom:.5rem}}@media(min-width:80rem){.video-details__subheader{padding-bottom:.5rem}}@media(min-width:48rem){.video-details__subheader{flex-wrap:nowrap}}@media(min-width:80rem){.video-details__subheader{flex-wrap:nowrap}}@media(min-width:48rem){.video-details__subheader{gap:2rem}}@media(min-width:80rem){.video-details__subheader{gap:2rem}}@media(min-width:48rem){.video-details__subheader{border-top:none}}@media(min-width:80rem){.video-details__subheader{border-top:none;padding-right:1rem}}.video-details__channel{flex-basis:50%;padding:0}@media(min-width:48rem){.video-details__channel{flex-basis:20rem}}@media(min-width:80rem){.video-details__channel{flex-basis:20rem}}.video-details__date{display:none;flex-basis:100%}@media(min-width:48rem){.video-details__date{display:block}}@media(min-width:80rem){.video-details__date{display:block}}.video-details__date--second{display:block;flex-basis:50%}@media(min-width:48rem){.video-details__date--second{display:none}}@media(min-width:80rem){.video-details__date--second{display:none}}.video-details__description{padding-top:1rem}@media(min-width:48rem){.video-details__description{padding-top:1.5rem}}@media(min-width:80rem){.video-details__description{padding-right:1rem;padding-top:1.5rem}}.next-videos{flex-basis:100%}@media(min-width:48rem){.next-videos{flex-basis:100%}}@media(min-width:80rem){.next-videos{flex-basis:21rem}}.next-videos__wrapper{padding-bottom:2.25rem;width:21rem}@media(min-width:80rem){.next-videos__wrapper{border-left:.0625rem solid #e1e1e1;padding-left:1.5rem}}@media(min-width:48rem){.next-videos__wrapper{padding-bottom:2.25rem}}@media(min-width:80rem){.next-videos__wrapper{padding-bottom:4rem}}.next-videos__title{color:#afafaf;padding:1rem 0}@media(min-width:48rem){.next-videos__title{padding:1.5rem 0}}@media(min-width:80rem){.next-videos__title{padding:2.25rem 0 1rem}}.next-videos__list{display:flex;flex-direction:column;gap:1rem}@media(min-width:48rem){.next-videos__list{gap:1.5rem}}@media(min-width:80rem){.next-videos__list{gap:1.5rem}}.next-videos__link{color:#323232}.next-videos__item{cursor:pointer;display:flex;flex-direction:row;gap:1rem}.next-videos__text{display:flex;flex-direction:column;justify-content:space-between}.next-videos__img{border-radius:.25rem;width:6.25rem}@media(min-width:48rem){.next-videos__img{width:6.875rem}}@media(min-width:80rem){.next-videos__img{width:6.875rem}}.video{padding-top:1rem}@media(min-width:48rem){.video{padding-top:1.5rem}}@media(min-width:80rem){.video{padding-top:1.5rem}}.video__wrapper{background:#000}.video__container{margin:0 auto;max-width:100%;width:100%}@media(min-width:48rem){.video__container{max-width:43.75rem}}@media(min-width:80rem){.video__container{max-width:53.125rem}}.video__player{height:auto;width:100%}.video-details-page{width:100%}.video-details-page__wrapper{display:flex;flex-direction:row;flex-wrap:wrap;margin:0 1rem}@media(min-width:48rem){.video-details-page__wrapper{margin:0 2.25rem}}@media(min-width:80rem){.video-details-page__wrapper{margin:0 auto;width:63.75rem}}@media(min-width:48rem){.video-details-page__wrapper{flex-wrap:wrap}}@media(min-width:80rem){.video-details-page__wrapper{flex-wrap:nowrap}}.upload__form{border-top:none;display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;padding-top:none}@media(min-width:48rem){.upload__form{gap:1.5rem}}@media(min-width:80rem){.upload__form{gap:1.5rem}}@media(min-width:48rem){.upload__form{border-top:.0625rem solid #e1e1e1}}@media(min-width:80rem){.upload__form{border-top:.0625rem solid #e1e1e1}}@media(min-width:48rem){.upload__form{padding-top:2rem}}@media(min-width:80rem){.upload__form{padding-top:2rem}}.upload__thumbnail{flex-basis:100%}@media(min-width:48rem){.upload__thumbnail{flex-basis:50%}}@media(min-width:80rem){.upload__thumbnail{flex-basis:26%}}.upload__image{border-radius:.25rem;width:100%}.upload__data{flex-basis:100%}@media(min-width:48rem){.upload__data{flex-basis:100%}}@media(min-width:80rem){.upload__data{flex-basis:calc(74% - 1.5rem)}}.upload__input{margin-bottom:1rem;padding-left:1rem}.upload__textarea{height:5.5rem;padding:1rem;width:100%}.upload__cta{border-top:none;display:flex;flex-basis:100%;flex-direction:row;flex-direction:column}@media(min-width:48rem){.upload__cta{flex-direction:row}}@media(min-width:80rem){.upload__cta{flex-direction:row}}@media(min-width:48rem){.upload__cta{border-top:.0625rem solid #e1e1e1}}@media(min-width:80rem){.upload__cta{border-top:.0625rem solid #e1e1e1}}@media(min-width:48rem){.upload__cta{justify-content:flex-end;padding-top:1.5rem}}.upload__button{background:#0095ff;background:#fff;border-radius:.25rem;color:#fff;color:#0095ff;display:none;height:2.5rem;padding:0 2rem;text-transform:uppercase;width:100%}@media(min-width:48rem){.upload__button{display:block}}@media(min-width:80rem){.upload__button{display:block}}.upload__button:hover{background:#0065ad}@media(min-width:48rem){.upload__button{width:9.375rem}}.upload__button--second{display:block}@media(min-width:48rem){.upload__button--second{display:none}}@media(min-width:80rem){.upload__button--second{display:none}}.modal{align-items:center;background-color:#0000004d;display:flex;flex-direction:row;height:100%;justify-content:center;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1}.modal__body{background-color:#0065ad;border:.0625rem solid #e1e1e1;border-radius:.3125rem;color:#fff;padding:2rem;width:50%}@font-face{font-family:Avenir Next;font-weight:400;src:url(/static/media/AvenirNextLTPro.3f6c730b0f59f3838d71.ttf) format("truetype"),url(/static/media/AvenirNextLTPro-Regular.75d8c490a81ae1a6be46.otf) format("opentype")}@font-face{font-family:Avenir Next;font-weight:600;src:url(/static/media/AvenirNextLTProDemi.fb429fb77c296de90537.ttf) format("truetype"),url(/static/media/AvenirNextLTPro-Demi.318a19f02737e3a265c8.otf) format("opentype")}@font-face{font-family:Avenir Next;font-weight:700;src:url(/static/media/AvenirNextLTProBold.3c6bf152ce9d23ec3657.ttf) format("truetype"),url(/static/media/AvenirNextLTPro-Bold.abfbc7167526a2d9f205.otf) format("opentype")}*{box-sizing:border-box;margin:0;padding:0}body{background:#fff;color:#323232;font-family:Avenir Next,Helvetica,sans-serif;font-size:.8125rem;font-weight:400;line-height:1.125rem}@media(min-width:48rem){body{font-size:.875rem;font-weight:400;line-height:1.375rem}}h1{font-size:1.5rem;font-weight:700;line-height:2rem}@media(min-width:48rem){h1{font-size:2.0625rem;font-weight:700;line-height:2.75rem}}h2{font-size:.8125rem;font-weight:700;line-height:1.125rem}@media(min-width:48rem){h2{font-size:.875rem;font-weight:700;line-height:1.375rem}}h3{font-size:.75rem;font-weight:700;line-height:1.25rem}@media(min-width:48rem){h3{font-size:.75rem;font-weight:700;line-height:1.25rem}}h1,h2,h3{padding-bottom:.5rem;padding-top:1rem}@media(min-width:48rem){h1,h2,h3{padding-top:1.5rem}}@media(min-width:80rem){h1,h2,h3{padding-top:2.25rem}}@media(min-width:48rem){h1,h2,h3{padding-bottom:1rem}}@media(min-width:80rem){h1,h2,h3{padding-bottom:1.5rem}}button,label{font-size:.625rem;font-weight:600;line-height:1.25rem}@media(min-width:48rem){button,label{font-size:.75rem;font-weight:600;line-height:1.25rem}}label{color:#afafaf}button{border:none;font-family:Avenir Next,Helvetica,sans-serif}a{text-decoration:none}input{background-color:#fafafa;border:.0625rem solid #e1e1e1;border-radius:.25rem;font-family:Avenir Next,Helvetica,sans-serif;padding:.75rem .75rem .75rem 2rem;width:100%}input:active{border:2px solid #0095ff}@media(min-width:48rem){input{padding:1rem}}@media(min-width:80rem){input{padding:1rem}}@media(min-width:48rem){input{padding-left:2rem}}@media(min-width:80rem){input{padding-left:2rem}}textarea{background-color:#fafafa;border:.0625rem solid #e1e1e1;border-radius:.25rem;font-family:Avenir Next,Helvetica,sans-serif;resize:none}textarea:active{border:2px solid #0095ff}li,ul{list-style:none}.upload-page{margin:0 1rem}@media(min-width:48rem){.upload-page{margin:0 2.25rem}}@media(min-width:80rem){.upload-page{margin:0 auto;width:63.75rem}}.site-header{padding-top:1rem}@media(min-width:48rem){.site-header{padding-top:1.5rem}}@media(min-width:80rem){.site-header{padding-top:1.5rem}}.site-header__wrapper{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;margin:0 1rem}@media(min-width:48rem){.site-header__wrapper{margin:0 2.25rem}}@media(min-width:80rem){.site-header__wrapper{margin:0 auto;width:63.75rem}}@media(min-width:48rem){.site-header__wrapper{gap:1.5rem}}@media(min-width:80rem){.site-header__wrapper{gap:1.5rem}}@media(min-width:48rem){.site-header__wrapper{flex-wrap:nowrap}}@media(min-width:80rem){.site-header__wrapper{flex-wrap:nowrap}}.site-header__logo{display:flex;flex-basis:100%;flex-direction:row;justify-content:center}@media(min-width:48rem){.site-header__logo{flex-basis:7.5rem;flex-grow:1;justify-content:flex-start}}.site-header__img{height:1.5625rem}.site-header__avatar{display:block}@media(min-width:48rem){.site-header__avatar{display:none}}@media(min-width:80rem){.site-header__avatar{display:none}}.site-header__avatar--second{display:none}@media(min-width:48rem){.site-header__avatar--second{display:block}}@media(min-width:80rem){.site-header__avatar--second{display:block}}.site-header__search{display:flex;flex-direction:row;flex-grow:1;gap:1rem;max-width:100%;min-width:14.75rem;position:relative}@media(min-width:48rem){.site-header__search{flex-grow:0}}@media(min-width:80rem){.site-header__search{flex-grow:0}}.site-header__input::placeholder{text-transform:capitalize}.site-header__icon{left:.5rem;position:absolute;top:50%;transform:translateY(-50%)}.site-header__link{width:100%}@media(min-width:48rem){.site-header__link{width:9.375rem}}@media(min-width:80rem){.site-header__link{width:9.375rem}}
/*# sourceMappingURL=main.fc03bd3f.css.map*/