@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";*{margin:0;padding:0;box-sizing:border-box;color:#fff}ul{list-style:none;padding:0;margin:0}button{border:none;text-decoration:none;background-color:var(--description-color);cursor:pointer}input{outline:none}a{cursor:pointer;text-decoration:none}:root{--background-color: hsl(0, 0%, 6%);--description-color: hsl(0, 0%, 17%);--grayed-text-color: hsl(0, 0%, 67%);--buttons-hover-color: hsl(0, 0%, 30%);--light-button-hover: hsl(0, 0%, 13%);--add-comment-color: hsl(208, 100%, 62%);--add-comment-hover: hsl(208, 100%, 72%);--show-replies-color: hsl(214, 94%, 43%);--show-replies-hover: hsla(214, 94%, 43%, .568);--fs-h1: clamp(2rem, 4vw, 3rem);--fs-h2: clamp(1rem, 3vw, 1.3rem)}:focus-visible{outline:3px solid hsl(0,0%,95%)}h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2)}body{background-color:var(--background-color);font-family:Roboto,sans-serif}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}input[type=search]::-webkit-search-cancel-button{display:none}input[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.columns-wrapper{display:flex;justify-content:center;align-items:flex-start;margin:0 auto;width:95%}.home-carroussel-wrapper .button-carroussel{justify-content:flex-start}@media(max-width:1050px){.columns-wrapper{flex-direction:column;align-items:center;width:100%}}.youtube-icon{display:flex;align-items:center;color:red;font-size:30px;position:relative;text-decoration:none}.youtube-icon path{color:red}.youtube-name{font-size:1.5rem}.viewer-country{font-size:10px;position:absolute;top:0;right:-15px;color:var(--grayed-text-color)}.hamburguer-menu{display:flex;align-items:center;justify-content:center;border:none;background:none;border-radius:50%;font-size:18px;width:10px;height:10px;padding:20px}.hamburguer-menu:hover{background-color:var(--light-button-hover)}.microphone-button-wrapper{position:relative;z-index:1}.microphone-button{width:40px;height:40px;font-size:18px;border-radius:50%}.microphone-button:hover{background-color:var(--buttons-hover-color)}.microphone-button-dropdown{display:flex;flex-direction:column;width:500px;height:350px;background-color:#212121;z-index:11}.mic-dropd-title{display:flex;align-items:center;justify-content:space-between;padding:20px 10px 20px 20px;font-size:24px}.mic-closing-button{text-align:center;background:none;font-size:15px;width:35px;height:35px;font-weight:700;border-radius:50%}.mic-closing-button:hover{background-color:var(--buttons-hover-color)}.mic-dropd-description{padding:10px 20px;font-size:14px}.mic-dropd-description span{color:#ababab}.dropd-button-wrapper{display:flex;align-items:center;justify-content:center;flex:1}.mic-dropd-button{position:relative;width:68px;height:68px;background-color:var(--buttons-hover-color);font-size:30px;border-radius:50%}.mock-text{position:absolute;bottom:0;padding:20px}@media(max-width:550px){.microphone-button{display:none}}.searchBar{display:flex;width:clamp(14rem,45vw,33.5rem);height:40px;border-radius:20px;border:1px solid var(--description-color);background:none;overflow:hidden}.searchbar-button{width:60px;background-color:var(--description-color)}.searchbar-input{width:100%;background-color:var(--background-color);border:none}.input-block{display:flex;align-items:center;padding:15px;width:100%;height:100%}.input-clearer-button{display:none;align-items:center;justify-content:center;border:none;background:none;border-radius:50%;width:10px;height:10px;padding:15px}.input-clearer-button:hover{background-color:var(--buttons-hover-color)}.invisible-magnifying{display:none;margin-right:10px}.invisible-magnifying.visible{display:block}.input-clearer-button.visible{display:flex}.searchBar.mobileVariant{display:none}.searchbar-input:focus-visible{outline:none}@media(max-width:650px){.searchBar{display:none}.searchBar.mobileVariant{display:flex;width:100%}}.create-video-wrapper{position:relative;z-index:1}.addVideo-button{display:flex;align-items:center;justify-content:center;gap:5px;padding:10px;height:36px;border-radius:20px}.addVideo-button:hover{background-color:var(--buttons-hover-color)}.video-create-dropdown{position:absolute;margin-top:5px;top:100%;left:0;z-index:11;background-color:#222;border:1px solid #444;border-radius:6px}.video-create-list{display:flex;align-items:center}.video-create-list-button{background:none;align-items:center;display:flex;padding:10px 10px 10px 0;width:100%;gap:10px;font-size:15px;white-space:nowrap;cursor:pointer}.video-create-list-button:hover{background-color:var(--buttons-hover-color)}.video-create-icon-wrapper{display:flex;justify-content:center;align-items:center;width:40px}.bell-wrapper{position:relative;z-index:1}.bell-button{background:none;width:40px;height:40px;font-size:18px;border-radius:50%}.bell-button:hover{background-color:var(--buttons-hover-color)}.notifications-dropdown{display:flex;flex-direction:column;margin-top:5px;z-index:11;background-color:#222;border:1px solid #444;border-radius:6px;overflow:hidden;min-width:480px;min-height:630px}.notifications-li-btn{padding:20px}.notifications-header-wrapper{display:flex;align-items:center;justify-content:space-between;padding:10px 15px;border-bottom:1px solid gray}.notifications-header-wrapper h2{font-weight:lighter;font-size:16px}.notifications-header-button{background:none;font-size:20px}.empty-notifications-list{display:flex;align-items:center;justify-content:center;flex-direction:column;flex:1;gap:20px}.empty-notifications-list svg{width:120px;height:120px}.empty-notf-text{display:flex;flex-direction:column;gap:5px;max-width:50%;text-align:center}.empty-notf-text p{font-size:14px}.user-info-wrapper{position:relative;z-index:1}.userImage-button{overflow:hidden;border-radius:50%;width:40px;height:40px}.user-info-dropdown{position:absolute;display:flex;flex-direction:column;background-color:#222;border:1px solid #444;border-radius:10px;min-width:200px;width:max-content;z-index:11}.u-info-li-wrapper{display:flex;flex-direction:column;max-height:calc(100vh - 9rem);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#6b7280 transparent}.u-info-li-wrapper::-webkit-scrollbar{width:8px}.u-info-li-wrapper::-webkit-scrollbar-track{background:transparent}.u-info-li-wrapper::-webkit-scrollbar-thumb{background-color:#6b7280;border-radius:8px}.user-info-block{display:flex;gap:20px;padding:10px;border-bottom:1px solid gray}.user-info-text{display:flex;flex-direction:column;gap:5px;font-size:16px}.user-info-text button{font-size:14px;color:#3ea6ff;background:none}.user-info-card{display:flex;font-size:14px}.user-info-icon{width:20px;text-align:center}.user-info-card button{padding:15px;display:flex;align-items:center;justify-content:flex-start;gap:15px;font-size:14px;width:100%;background:none}.user-info-card span{text-align:start;white-space:nowrap}.user-info-card .extra-icon{margin-left:auto}.user-info-card button:hover{background-color:var(--buttons-hover-color)}.user-info-card button.space-between{justify-content:space-between}.dropdown-user-image{width:40px;height:40px;border-radius:50%}.user-image{width:40px;height:40px;font-size:18px}.u-li.border-bottom{border-bottom:1px solid rgb(100,100,100)}.skeleton{pointer-events:none}.skeleton-wrapper{display:flex;gap:20px;padding:10px}.skeleton-box{width:100%;aspect-ratio:16/9;background-color:#5a5a5a20;border-radius:12px}.skeleton-line{height:14px;background-color:#ccc;border-radius:4px;margin-top:8px}.skeleton-line.title{width:90%}.skeleton-line.channel{width:60%}.list-video.small-size{width:40px;height:40px;border-radius:50%}.list-video.long-size{position:absolute;bottom:0;left:0}.header{display:flex;justify-content:space-between;align-items:center;background-color:#0f0f0f;position:sticky;top:0;padding:10px;z-index:10;gap:30px}.start{display:flex;align-items:center;gap:20px}.center{display:flex;align-items:center;justify-content:center;gap:30px;min-width:0;flex:1}.conditional-searchbar-btn{display:none;align-items:center;justify-content:center;width:40px;height:40px;font-size:18px;border-radius:50%}.conditional-searchbar-btn:hover,.header-searchbar-btn:hover{background-color:var(--buttons-hover-color)}.header-searchbar-btn{background:none;align-items:center;justify-content:center;width:40px;height:40px;font-size:18px;border-radius:50%}.end{display:flex;align-items:center;gap:10px}@media(max-width:650px){.conditional-searchbar-btn{display:flex}.center{justify-content:flex-end;gap:20px}.header{gap:20px}}@media(max-width:550px){.end{display:none}.center{gap:0px}}.sidebar{display:flex;flex-direction:column;position:fixed;top:0;left:0;transform:translate(-100%);background-color:var(--background-color);max-height:100vh;min-width:250px;z-index:11;transition:transform ease .3s}.sidebar-ytLogo{display:flex;align-items:center;position:sticky;top:0;left:0;background-color:var(--background-color);padding:10px;min-height:64px;gap:20px}.sidebar-list{display:flex;flex-direction:column;border-bottom:1px solid hsl(0,3%,31%)}.sidebar-list-header{padding:10px}.sidebar-li-btn{display:flex;align-items:center;padding:10px;width:100%;background:none;font-size:16px}.sidebar-li-btn:hover,.sidebar-li-component:hover,.sidebar-channels-anchor:hover{background-color:var(--buttons-hover-color)}.sidebar-image-wrapper{display:flex;align-items:center;justify-content:center;width:40px}.sidebar-icon-wrapper{width:40px;font-size:20px}.sidebar-channels-anchor{display:flex;align-items:center;justify-content:flex-start;padding:10px;gap:5px}.sidebar-channels-image{border-radius:50%;width:25px}.you-arrow{display:flex;gap:10px}.sidebar.open{transform:translate(0)}.sidebar-container{overflow-y:scroll;scrollbar-width:thin;scrollbar-color:#555 transparent}.sidebar-container::-webkit-scrollbar{width:8px}.sidebar-container::-webkit-scrollbar-thumb{background-color:#555;border-radius:10px}.more-options-button{position:relative;align-self:flex-start;border:none;background:none;z-index:9;width:24px;height:24px;font-size:15px;border-radius:50%}.more-options-wrapper.secondarySection .more-options-button{position:absolute;top:-5px;right:0}.more-options-button:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;background-color:transparent;transition:background-color .15s ease;z-index:-1}.more-options-button:hover:before{background-color:var(--buttons-hover-color)}.more-options-container{margin-top:5px;min-width:200px;width:max-content;z-index:9;background-color:#222;border:1px solid #444;border-radius:6px}.more-options-li button{width:100%;text-align:start;padding:10px;background:none}.more-options-li button:hover{background-color:var(--buttons-hover-color)}.more-options-container.horizontal,.more-options-container.grid{right:0}.more-options-container.shorts{right:0;bottom:80px}.menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;width:100vw;height:100vh}@media(max-width:1050px){.more-options-wrapper.secondarySection{display:flex}}.list-video{display:flex;gap:10px;flex-direction:column}.list-video.secondarySection{display:flex;flex-direction:column;margin-top:10px}.vi-cards-wrapper{display:flex;gap:10px}.video-title.secondarySection{padding-right:20px}.list-video-card{display:flex;align-items:flex-start;position:relative;flex:1;border-radius:20px;transition:transform .25s ease,box-shadow .25s ease;cursor:pointer}.list-video-card.home:before,.list-video-card.shorts:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;background:#ffffff16;filter:blur(10px);opacity:0;transition:opacity .25s ease,transform .25s ease;z-index:-1;transform:scale(.96);pointer-events:none}.list-video-card.home:hover:before,.list-video-card.shorts:hover:before{opacity:1;transform:scale(1.03)}.li-vid-btn-navigation{text-align:left;background:none;display:flex;width:100%;justify-content:space-between;gap:10px;flex-shrink:0;overflow:visible}.list-video-info{display:flex;flex-direction:column}.video-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;width:90%;margin-bottom:8px;font-size:14px;font-weight:700;overflow:hidden}.video-channel-name{margin-bottom:3px;font-size:12px;color:var(--grayed-text-color)}.list-video-views{display:flex;gap:5px}.list-video-date{display:flex;align-items:center;gap:3px}.list-video-views span,.list-video-views path{font-size:12px;color:var(--grayed-text-color)}.list-video-views svg{font-size:3px}.home-shorts-divisor{display:flex;align-items:center;gap:10px;font-size:25px;font-weight:700;margin-top:20px;margin-bottom:10px}.home-shorts-divisor svg path{color:red}.list-video.horizontal,.list-video.shorts{flex-direction:row;gap:18px}.list-video.horizontal{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:36px}.list-video.shorts{overflow-y:hidden;overflow-x:scroll;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;margin-bottom:40px}.list-video.shorts::-webkit-scrollbar{display:none}.vi-cards-wrapper.shorts{flex-direction:column;min-width:250px}.vi-cards-wrapper.home{flex-direction:column;flex:1}.list-video.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:26px}.home-grid{display:flex;flex-direction:column;gap:0px;padding:0 20px 20px;min-width:0}.list-video-card.home,.list-video-card.shorts{position:relative}.thumbnail-wrapper.shorts{aspect-ratio:9 / 16}.thumbnail-wrapper.shorts img{height:100%;width:100%;object-fit:cover}.thumbnail-wrapper.home{width:100%;aspect-ratio:16 / 9;border-radius:12px;background:#000}.thumbnail-wrapper.secondarySection{flex:0 0 200px;aspect-ratio:16 / 9;overflow:hidden;border-radius:12px;background:#000}.thumbnail-wrapper img{width:100%;height:auto;object-fit:cover;display:block;border-radius:12px}.title-wrapper{display:flex;align-items:flex-start;justify-content:space-between}.li-vid-wrapper{position:relative}.directional-arrows-container{display:flex;align-items:center;justify-content:space-between;width:100%}.directional-arrows-wrapper{display:flex;align-items:center;justify-content:center;width:60px;height:60px}.directional-button.shorts{display:flex;align-items:center;justify-content:center;width:clamp(30px,5vw,50px);height:clamp(30px,5vw,50px);font-size:clamp(1rem,1.5vw,2rem);border:1px solid rgb(255,149,0)}.list-video-card-link{display:block;width:100%;text-decoration:none;color:inherit}@media(max-width:600px){.list-video-card.shorts{min-width:100%;flex:0 0 100%}.thumbnail-wrapper.shorts{aspect-ratio:9 / 16;max-height:300px}.home-grid{gap:15px}.list-video.grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}.button-carroussel{position:relative;display:flex;align-items:center;justify-content:flex-start;width:100%;margin-bottom:20px}.carroussel-button-container{display:flex;align-items:center;justify-content:flex-start;margin:0;gap:10px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.carroussel-button-container::-webkit-scrollbar{display:none}.button-wrapper{flex:0 0 auto}.general-carroussel-button{display:flex;align-items:center;border-radius:10px;height:40px;padding:10px;gap:10px;white-space:nowrap}.general-carroussel-button:hover{background-color:var(--buttons-hover-color)}.directional-button{align-items:center;justify-content:center;border-radius:50%;width:40px;height:40px;padding:10px;white-space:nowrap;flex-shrink:0;background:none}.directional-button:hover{background-color:var(--description-color)}.directional-button.visible{display:flex}.directional-button.disabled{opacity:0;pointer-events:none;transition:opacity .2s ease}.button-carroussel.mobileVariant{display:none}.button-carroussel.home{justify-content:flex-start;margin:20px 0}@media(max-width:1050px){.button-carroussel.secondarySection{display:none}.button-carroussel.mobileVariant{margin-top:20px;display:flex;justify-content:flex-start}}.page-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:48px 20px}.page-state h2{font-size:24px;font-weight:700}.page-state p{max-width:500px;color:var(--grayed-text-color)}.page-state-actions{display:flex;gap:12px;align-items:center}.page-state-actions button{padding:5px 15px;border-radius:20px}.page-state-actions button:hover{background-color:#4a4a4a}.video-wrapper{width:100%;aspect-ratio:16 / 9;background:#000;overflow:hidden;margin-bottom:10px;border-radius:20px}.embedded-video{width:100%;height:100%;border:0}@media(min-width:1200px){.video-wrapper{aspect-ratio:15 / 8}}.channel{position:relative;display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;margin-top:5px;gap:40px}.description-header{font-size:var(--fs-h2)}.channel-container{display:flex;align-items:center;flex-shrink:1}.show-more-span{display:none}.show-more-span.open{display:block}.channel-buttons{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.description{background-color:var(--description-color);border-radius:10px;padding:10px}.description-block{line-height:1.5;white-space:pre-line;overflow-wrap:break-word}.description.closed .description-block{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}.description-info{display:flex;gap:10px;margin-bottom:10px;font-size:14px;font-weight:700}.description.closed:hover{background-color:var(--buttons-hover-color);transition:background-color .15s ease;cursor:pointer}.show-less-button{font-size:16px}.description-button-wrapper{display:flex;align-items:center;border-radius:20px;padding:10px;gap:10px;font-size:14px}.description-button-wrapper:hover{background-color:var(--buttons-hover-color)}.btn-stor-wrapper{position:relative;display:flex;align-items:center;gap:10px}.action-download.dropdown,.action-share.dropdown,.action-clip.dropdown,.action-save.dropdown,.action-report.main{display:none}.channel-buttons.dropdown{flex-direction:column;background-color:var(--description-color);border:1px solid hsl(0,0%,28%);gap:0px}.channel-buttons.dropdown li,.channel-buttons.dropdown button{width:100%}.channel-buttons.dropdown button{padding:10px 20px;border-radius:0;width:100%}.description-preview{display:flex;align-items:flex-start;gap:10px}.description-preview p{display:-webkit-box;-webkit-box-orient:vertical;width:80%;-webkit-line-clamp:1;line-clamp:1;overflow:hidden;padding:5px 0 0}.description-preview button{padding:5px 15px;font-size:16px;border-radius:20px;background:none;flex-shrink:0}.mobile-description-btn-wrapper{display:flex;padding:20px;justify-content:flex-end;align-items:center;width:100%;border-bottom:1px solid rgba(128,128,128,.606);margin-bottom:10px}.mobile-description-btn-wrapper button{background:none;font-size:18px}.mobile-description-menu{position:fixed;left:0;right:0;bottom:0;height:70%;max-height:80vh;background:var(--background-color);transform:translateY(100%);transition:transform .4s ease-in-out;overflow-y:auto;box-shadow:0 -4px 12px #0000001a;z-index:9;border-top-left-radius:20px;border-top-right-radius:20px}.mobile-description-menu.open{transform:translateY(0)}.description-block.mobile{padding:0 10px 10px}.description-info.mobile{padding:10px 10px 0}.action-subscribe,.subscribe-button.dropdown{display:none}.subscribe-button.animated{background-color:var(--buttons-hover-color);animation:pop .18s ease-out}@media(max-width:1325px){.action-save.dropdown{display:block}.action-save.main{display:none}}@media(max-width:1245px){.action-clip.dropdown{display:block}.action-clip.main{display:none}.action-download.dropdown{display:block}.action-download.main{display:none}}@media(max-width:700px){.channel{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:10px}.description-header{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(max-width:400px){.action-share{display:none}.action-share.dropdown,.action-subscribe.mobileVariant{display:flex}.channel-container{flex-direction:column;align-items:flex-start}}.button-storage{display:flex;align-items:center;justify-content:center;border-radius:50%;width:40px;height:40px;padding:10px;gap:10px;font-size:14px}.button-storage:hover{background-color:var(--buttons-hover-color)}.button-storage-wrapper{position:relative;z-index:1}.button-storage-dropdown{position:absolute;top:100%;right:0;z-index:9}.user-comment-container{display:flex;align-items:center;gap:10px;margin-top:20px;margin-bottom:20px}.user-comment-container.m-left{margin-left:40px}.user-comment-container img{align-self:flex-start;width:26px;height:26px;border-radius:50%}.user-comment-container img.focused{width:40px;height:40px}.user-input-container{width:100%}.user-input-container input{width:100%;background:none;border:none;border-bottom:1px solid hsl(0,0%,50%);font-size:14px;padding:3px;margin-bottom:10px;transition:border-color .3s ease-in-out}.user-input-container input:focus{outline:none;border-bottom:1px solid hsl(0,0%,70%)}.cancel-add-button-container{display:flex;align-items:center;justify-content:flex-end;width:100%;gap:10px}.user-buttons-container{display:none;justify-content:space-between;align-items:center}.user-buttons-container.display{display:flex}.box-comment-wrapper{position:relative}.thread-hook{position:absolute;left:16px;top:-35px;width:15px;height:50px;border-left:2px solid #ccc;border-bottom:2px solid #ccc;border-bottom-left-radius:20px;pointer-events:none}.box-comment-wrapper{position:relative;margin-bottom:20px}.comment-paragraph{margin-bottom:5px;font-size:14px}.box-comment{display:flex;justify-content:flex-start;align-items:flex-start;width:100%}.scaled-comment-box{margin-top:10px;padding-left:50px}.avatar.scaledAvatar{width:clamp(20px,4vw,32px);height:clamp(20px,4vw,32px)}.avatar{flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:clamp(10px,2vw,16px);width:clamp(20px,5vw,40px);height:clamp(20px,5vw,40px);border-radius:50%}.comment-info-container{display:flex;align-items:flex-start;gap:10px;width:100%}.comment-date-name{display:flex;align-items:center;gap:5px;margin-bottom:8px}.comment-name{font-size:13px;font-weight:700}.comment-date{font-size:12px;color:var(--grayed-text-color)}.translate-button{font-size:14px;color:var(--grayed-text-color);background:none;margin-top:3px;margin-bottom:3px}.report-button-wrapper{margin-left:auto;position:relative}.report-button{background:none;align-self:flex-start}.comment-buttons-container{display:flex;align-items:center;gap:30px;font-size:12px;max-width:max-content}.comment-like-button-wrapper,.comment-dislike-button-wrapper{display:flex;align-items:center;gap:10px}.comment-like-button-wrapper span{display:inline-block;min-width:4ch}.comment-like-button,.comment-dislike-button{background:none}.active-icon path{fill:#08f;transition:fill .2s}.comment-like-button svg:hover,.comment-dislike-button svg:hover{background-color:var(--buttons-hover-color);box-shadow:0 0 0 8px var(--buttons-hover-color)}.comment-like-button svg,.comment-dislike-button svg{width:18px;height:18px;border-radius:50%}.show-replies-toggle{display:flex;align-items:center;justify-content:center;gap:10px;width:118px;height:36px;background:none;border-radius:20px;font-size:14px;color:var(--add-comment-color);margin-left:25px}.show-replies-toggle:hover{background-color:var(--show-replies-hover)}.show-replies-toggle path{color:var(--add-comment-color)}.show-replies-toggle.hidden{display:none}.show-replies-toggle.open{margin-left:50px}@media(max-width:500px){.comment-buttons-container{font-size:11px;gap:27px;max-width:max-content}.comment-like-button svg,.comment-dislike-button svg{width:16px;height:16px}}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:8}.primary{padding:24px 24px 24px 0;flex:1;min-width:0}.primary h1{font-size:20px}.embedded-video{width:100%;height:100%;border-radius:10px;margin-bottom:5px;border:none}.channel-info{display:flex;align-items:center;padding:10px 10px 10px 0;flex-shrink:0}.followers-count{margin-top:5px;font-size:12px;color:var(--grayed-text-color)}.channel-image-container,.user-channel-img{width:40px;height:40px;border-radius:50%;margin-right:10px}.channel-name{display:flex;flex-direction:column}.like-dislike-button{display:flex;align-items:center;overflow:hidden;border-radius:20px;height:40px}.description-like-button,.description-dislike-button{display:flex;align-items:center;justify-content:center;height:100%;padding:10px;gap:3px}.description-like-button.animated,.description-dislike-button.animated{background-color:var(--buttons-hover-color);animation:pop .18s ease-out}.description-dislike-button{border-left:1px hsla(0,1%,58%,.54) solid}.subscribe-button{display:flex;align-items:center;border-radius:20px;height:40px;padding:10px;gap:10px;font-size:14px}.subscribe-button:hover,.description-like-button:hover,.description-dislike-button:hover{background-color:var(--buttons-hover-color)}@media(max-width:400px){.subscribe-desktop,.subscribe-button.mobile{display:none}}.comments-filter-wrapper{display:flex;align-items:center;margin-top:20px;margin-bottom:20px;gap:20px;font-size:20px;font-weight:700}.emoji-button{width:40px;height:40px;font-size:24px;background:none;border-radius:50%}.emoji-button:hover{background-color:var(--buttons-hover-color)}.add-comment-button{font-size:14px;padding:10px;border-radius:20px;background-color:var(--add-comment-color);color:var(--background-color);font-weight:700}.add-comment-button:hover{background-color:var(--add-comment-hover)}.cancel-button{font-size:14px;background:none;font-weight:700;padding:10px;border-radius:20px}.cancel-button:hover{background-color:var(--buttons-hover-color)}.reply-button{background:none;font-size:13px;font-weight:700;padding:10px;border-radius:20px}.reply-button:hover{background-color:var(--buttons-hover-color)}.secondary{padding:24px 24px 24px 0;width:402px;min-width:402px;flex-shrink:0}.list-video.mobileVariant{display:none}@media(max-width:1050px){.primary{padding:10px;width:100%}.secondarySection{width:100%;min-width:0;padding:20px 20px 20px 0}.list-video.secondarySection{display:none}.list-video.mobileVariant{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));justify-content:start;gap:22px}.vi-cards-wrapper{flex-direction:column;width:100%}.vi-cards-wrapper img{width:100%}.list-video-card{flex-direction:column}}.secondary.mobileVariant{width:100%;padding:0}@media(max-width:700px){.secondary{width:100%;min-width:0;flex-shrink:1;padding:24px 0}.comments-filter-wrapper{display:flex;align-items:center;margin-top:20px;margin-bottom:20px;gap:20px;font-size:18px;font-weight:700}.channel-image-container,.user-channel-img{width:30px;height:30px;border-radius:50%;margin-right:10px}}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);max-width:90%;padding:12px 20px;background:#000000d9;color:#fff;border-radius:8px;font-size:.9rem;z-index:9999;animation:fadeIn .2s ease;border:1px solid hsl(0,0%,95%)}