@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{min-height:100vh;margin:0;overflow-y:hidden;font-family:Open Sans,sans-serif;background-color:#000}#mobile-block{display:none}.warning-text{color:#d32f2f;background-color:#fdecea;border:1px solid #f5c2c7;border-radius:8px;padding:10px 14px;font-size:16px;margin-top:-1rem;margin-bottom:1rem}@media (max-width: 1024px){#app{display:none}#mobile-block{display:block;text-align:center;margin-top:50px;font-size:20px;color:red}}.container{display:flex;flex:1;overflow:hidden;position:relative}.btn{padding:1rem;background-color:#d7d1d1;display:flex;align-items:center;justify-content:center;color:#000;border-radius:1rem;border:1px solid transparent;width:11rem;cursor:pointer}.header{position:fixed;padding:1rem;font-size:25px;cursor:pointer;background:#000;margin-left:1px}.header__container{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.header__container__logo{align-items:flex-start;flex-direction:row;display:flex;margin-bottom:40px;gap:5px}.header__container__logo__image{width:50px;height:50px}.header__container__logo__title__logo-title{font-size:18px;font-weight:600;color:#fff}.header__container__logo__title__logo-subtitle{font-size:1.2rem;color:#fff}.header__container__navigation{display:flex;align-items:center;gap:1.5rem;padding:1rem 1.5rem}@media (max-width: 768px){.header__container__navigation{display:none}}.header__container__navigation__items__title{list-style-type:none}.header__container__navigation__items__title a{text-decoration:none;color:#000;font-size:1.2rem;font-weight:500;color:#fff}.header__container__navigation__items__title a:hover{color:#0098fd}.header,.section-video{left:260px;width:calc(100% - 260px);transition:all .5s ease;z-index:1000;background-color:#fff}@media (max-width: 768px){.header,.section-video{left:0;width:100%}}.sidebar{position:fixed;min-height:100vh;width:260px;background:#2c2c2c;padding:15px;z-index:99;transition:transform .3s ease}@media (max-width: 768px){.sidebar{display:none;transform:translate(-100%)}}.sidebar a{color:#fff;text-decoration:none}.sidebar__menu-content{position:relative;height:100%;width:100%;margin-top:20px;overflow-y:scroll}.sidebar__menu-content::-webkit-scrollbar{display:none}.sidebar__menu-content__items{height:100%;width:100%;list-style:none;transition:all .4s ease}.sidebar__menu-content__items__item{display:inline-block;width:100%;border-radius:12px;margin-bottom:2rem}.section-video{position:relative;display:flex;align-items:center;justify-content:center;z-index:100}@media (max-width: 768px){.section-video{flex-grow:1;width:100%}}.section-video__videos{width:100%;height:100vh;padding:1px}.section-video__videos__video-list{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}@media (max-width: 768px){.section-video__videos__video-list{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.section-video__videos__video-list{grid-template-columns:1fr}}.section-video__videos__video-list__video{display:flex;align-items:center;justify-content:center;background-color:#000;height:10rem}@media (min-width: 1280px){.section-video__videos__video-list__video{height:15rem}}@media (max-width: 768px){.section-video__videos__video-list__video{height:13rem}}@media (max-width: 480px){.section-video__videos__video-list__video{height:10rem}}.section-video__videos__video-list__video__available{width:100%;height:10rem;object-fit:cover;cursor:pointer}@media (min-width: 1280px){.section-video__videos__video-list__video__available{height:15rem}}@media (max-width: 768px){.section-video__videos__video-list__video__available{height:13rem}}@media (max-width: 480px){.section-video__videos__video-list__video__available{height:10rem}}.section-video__videos__video-list__video__unavailable{width:50px}.section-video__videos__selected-video{display:flex;flex-direction:column;gap:1rem}.section-video__videos__selected-video__btns{display:flex;align-items:center;justify-content:space-between}.section-video__videos__selected-video__btns .back-btn{gap:5px;width:7rem;padding:.5rem 1.5rem .5rem .5rem}.section-video__videos__selected-video__btns .back-btn img{width:30px}.section-video__videos__selected-video__btns .archiv-btn{width:13rem;background-color:#232e3d;color:#f7f7f7}.section-video__videos__selected-video__video{display:flex;flex-direction:column;align-items:center}.section-video__videos__selected-video__video img{width:100%;height:100%}