*{padding:0;margin:0;border:0}*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}:focus,:active{outline:none}a:focus,a:active{outline:none}nav,footer,header,aside{display:block}html,body{height:100%;width:100%;font-size:100%;line-height:1;font-size:14px;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%}input,button,textarea{font-family:inherit}input::-ms-clear{display:none}button{cursor:pointer}button::-moz-focus-inner{padding:0;border:0}a,a:visited,a:hover{text-decoration:none}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}body{color:#fff;font-family:Roboto,sans-serif;background:#0f0f0f}header{top:0;background:#0f0f0f;height:56px;width:100vw;padding:17px;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;position:fixed}.phoneSearch{display:flex;align-items:center;justify-content:center;gap:20px}.phoneSearch .arrowBack{cursor:pointer;font-size:20px}a{color:#fff}.main_block-video{position:absolute;width:calc(100% - 72px);top:54px;right:0}.burger{display:flex;align-items:center}.burger>img:first-child{border-radius:50%;box-sizing:border-box;padding:12px;width:40px;height:40px;overflow:visible;cursor:pointer}.burger>img:first-child:hover{background:#8080803b}.burger__logo{display:flex;justify-content:center;align-items:center;height:35px;margin-left:24px;gap:5px;cursor:pointer}.burger__logo img{height:35px}.burger__logo p{position:relative;font-size:18px;font-weight:600}.burger__logo p span{position:absolute;top:-5px;right:-15px;color:#aaa;font-weight:500;font-size:10px}.searchInputPhone{max-width:470px;width:100%;border:1px solid hsl(0,0%,18.82%);border-radius:50px;background:#121212;height:40px;overflow:hidden;display:flex;gap:10px}.searchInputPhone input{height:100%;width:90%;background:none;border:none;color:#fff;padding:0 20px;font-size:16px}.searchInputPhone button{width:70px;height:100%;background:#222}.search{max-width:625px;width:100%;border:1px solid hsl(0,0%,18.82%);border-radius:50px;background:#121212;height:40px;overflow:hidden;display:flex}.search input{height:100%;width:90%;background:none;border:none;color:#fff;padding:0 20px;font-size:16px}.search button{width:70px;height:100%;background:#222}.account{display:flex;justify-content:center;align-items:center;gap:15px;height:40px}.create{display:flex;gap:5px;justify-content:center;align-items:center;font-weight:600;width:100px;height:36px;background:#303030;border-radius:50px;cursor:pointer}.create:hover{background:#fff3}.create img{width:15px}.notification{box-sizing:border-box;height:100%;aspect-ratio:1/1;padding:7px;border-radius:50%;cursor:pointer}.notification img{width:100%;height:100%}.notification:hover{background:#fff3}.ava{height:36px;width:36px;border-radius:50%;cursor:pointer;object-fit:cover}.homepage_aside{position:fixed;left:0;top:56px;height:100%;width:72px;background:#0f0f0f;z-index:10;padding:0 4px}.nav_block{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;box-sizing:border-box;border-radius:10px;height:74px;padding:20px;font-size:10px;cursor:pointer}.nav_block:hover{background:#fff3}.video_grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:16px;padding:24px}.video_grid-block{cursor:pointer;box-shadow:0 4px 12px #0000001a;overflow:hidden;display:flex;flex-direction:column}.video_grid-block .video_thumbnail{aspect-ratio:16/9;border-radius:10px;background:#ccc;width:100%;object-fit:cover}.video_grid-block .video_info{margin-top:15px;display:flex;gap:5px}.video_grid-block .video_title{font-size:16px;font-weight:700;margin-bottom:8px;max-width:400px;line-height:22px;word-wrap:break-word}.video_grid-block .video_details .channel_name{font-size:12px;font-weight:500;color:#aaa;transition:all .1s}.video_grid-block .video_details .channel_name:hover{color:#fff}.video_channel{display:flex;align-items:center;margin-bottom:8px}.video_avatar{background:#888;border-radius:50%;height:35px;width:35px;margin-right:8px}.video_stats{display:flex;justify-content:space-between;font-size:12px;color:#888}.video_views{color:#aaa}.video_player{width:500px;height:200px}h1{font-size:22px;font-weight:600;margin-top:15px}.channel_name{font-size:16px;font-weight:600}.subscribes_count{font-size:12px;color:#aaa}.loader_videos{display:flex;justify-content:center;align-items:center}.loader_videos-circle{border:4px solid rgba(220,220,220,.1);border-top:4px solid #ffffff;border-radius:50%;width:50px;height:50px;animation:spin .6s linear infinite;margin:20px auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 870px){.homepage_aside{display:none}.video_grid{grid-template-columns:repeat(auto-fit,minmax(0,500px))}.main_block-video{width:100%;right:auto;left:auto;display:flex;flex-direction:column;align-items:center}}.mediaSearch{display:none}.active_phone-visible{display:block}.active_phone-invisible{display:none}@media (max-width: 550px){.notification,.create{display:none}}.smile{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:700px;height:700px;transition:all 10s linear;pointer-events:none}.yes{transform:translate(-50%,-50%) scale(1)}.open_burger{transition:all .3s;width:100vw;height:100vh;position:fixed;top:0;background:#00000061;z-index:10;visibility:hidden;opacity:0}.open_burger-bg{visibility:visible;opacity:1}.open_burger-def{background:transparent;position:static}.open_burger-block{height:100vh;transition:all .3s;overflow-y:auto;width:240px;position:absolute;top:0;left:-300px;background:#0f0f0f;scrollbar-width:thin;scrollbar-color:rgb(113,113,113) transparent;display:flex;flex-direction:column;padding:12px}.open_burger-block::-webkit-scrollbar{width:8px}.open_burger-block::-webkit-scrollbar-track{background:transparent}.open_burger-block::-webkit-scrollbar-thumb{background-color:#717171;border-radius:10px;border:2px solid transparent;background-clip:padding-box}.open_burger-block:hover::-webkit-scrollbar-thumb{background-color:#919191}.open_burger-block-active{left:0}.open_burger-nav{margin-top:24px;padding-bottom:12px;border-bottom:1px solid rgb(113,113,113)}.open_burger-nav .block{display:flex;align-items:center;gap:12px;font-size:14px;width:100%;height:40px;padding:0 12px;border-radius:10px}.open_burger-nav .block:hover{background:#fff3}.open_burger-nav .block p{margin-left:20px}.open_video{display:flex;justify-content:end;margin-top:70px}.open_video-info{width:72%}.open_video-info hr{width:100%;height:1px;background:#3f3f3f}.open_video-block{display:flex;gap:7px;width:100%;cursor:pointer}.open_video-block .video_thumbnail{border-radius:10px;background:#ccc;height:94px;min-width:168px}.open_video-block .video_title{font-size:14px;font-weight:700;margin-bottom:8px;max-width:250px;max-height:40px;overflow:hidden;line-height:18px;word-wrap:break-word}.open_video-block .video_details .channel_name{font-size:12px;font-weight:500;color:#aaa}.open_video-description{position:relative;margin-top:10px;width:100%;border-radius:10px;background:#272727;padding:15px;font-size:14px;max-height:100px;height:100%;overflow:hidden;cursor:pointer}.open_video-description .views_date{display:flex;gap:5px;font-weight:600}.open_video-description .description{margin-top:5px;line-height:25px}.more_description{cursor:pointer;position:absolute;right:15px;bottom:5px;font-weight:600}.open_description{max-height:fit-content}.clickedDescription{cursor:default}.open_video-other{width:450px;display:flex;flex-direction:column;align-items:center;gap:10px;padding:0 20px}.open_video-channel{cursor:pointer;width:fit-content;margin:10px 0;display:flex;align-items:center;gap:10px;height:40px}.open_video-channel>img{width:40px;height:40px;border-radius:50%}.open_video-channel-name{display:flex;flex-direction:column;justify-content:center;gap:5px;height:100%}iframe{aspect-ratio:16/9;width:100%;border-radius:20px}.open_video-comments{margin-top:32px;display:flex;flex-direction:column;gap:20px}.comment{display:flex;justify-content:start;gap:10px}.comment .comment_ava{width:40px;height:40px;border-radius:50%}.comment_info .comment_username{font-size:13px;font-weight:600}.comment_info .comment_text{font-size:14px;margin-top:7px;line-height:1.4rem}@media (max-width: 1015px){.open_video{flex-direction:column;align-items:center}.videoPlayer{width:95%;margin:auto}.open_video-info{width:100%}.open_video-other{margin-top:20px;width:100%;padding:0}.open_video-other .video_title{max-width:none}}main{width:100%;height:100%}.shorts_video{display:flex;flex-direction:column;align-items:center;gap:15px;width:100%;height:fit-content;margin-top:70px}.shorts_video-block{height:849px;width:500px;background:red;border-radius:10px}.channel_page{margin-top:66px;display:flex;justify-content:center;padding-left:72px;width:100%}.channel_container{max-width:1284px;width:100%;height:1000px}.channel_header{width:100%;border-radius:15px;object-fit:cover;aspect-ratio:642/103}.channel_information{display:flex;gap:10px;margin-top:25px}.channel_information .channel_information-ava{object-fit:cover;width:160px;height:160px;border-radius:50%}.channel_information-details{display:flex;flex-direction:column;gap:15px}.channel_display-name{font-size:36px;font-weight:700}.channel_username-subscribers{display:flex;gap:5px}.channel_username-subscribers .channel_username{font-size:14px;font-weight:600}.channel_username-subscribers .center_dot,.channel_username-subscribers .channel_subscribers{font-size:14px;color:#aaa}.channel_description{position:relative;max-width:590px;overflow:hidden;height:1rem;font-size:14px}.channel_description .channel_description-text{color:#aaa;white-space:nowrap;overflow:hidden;display:block;text-overflow:ellipsis;-webkit-mask-image:linear-gradient(to right,black 70%,transparent);mask-image:linear-gradient(to right,black 70%,transparent)}.channel_description .channel_description-more{position:absolute;right:0;top:0;font-weight:600}.channel_videos{margin-top:25px;display:flex;flex-wrap:wrap;align-content:stretch;gap:15px}.channel_video-block{cursor:pointer;flex:1 1 calc(25% - 12px)}.channel_video-block .video_thumbnail{aspect-ratio:16/9;width:100%;background:gray;border-radius:10px}.channel_video-block .video_title{margin-top:10px;font-size:14px;line-height:1.4rem}.channel_video-block .video_views{margin-top:10px;font-size:12px}@media (max-width: 1440px){.channel_container{max-width:1070px}}@media (max-width: 1155px){.channel_container{max-width:856px}.channel_video-block{flex:1 1 calc(33.3333% - 12px)}}@media (max-width: 1155px){.channel_container{max-width:642px}.channel_video-block{flex:1 1 calc(50% - 12px)}.channel_description{max-width:400px}.homepage_aside{opacity:0}.channel_page{padding:20px}.channel_information .channel_information-ava{width:100px;height:100px}}@media (max-width: 680px){.channel_container{max-width:428px}.channel_video-block{flex:0 1 auto;max-width:320px}.channel_videos{justify-content:center}.channel_description{max-width:300px}.channel_information .channel_information-ava{height:100%}}