*{margin:0;padding:0;box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}:root{--black: #181818;--border: #3f3f3f;--search: #303030;--blue: rgb(0, 89, 255);--darkGray: #555555;--lightGray: #878787;--graytext: #9f9f9f}.top{background:var(--black);display:flex;position:fixed;flex-direction:column;height:110px;width:100%;z-index:1}.top-top{background:var(--black);display:flex;flex-direction:row;align-items:center}.menu-bar-container{margin:8px 15px;height:40px;width:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;aspect-ratio:1 / 1;cursor:pointer}.menu-bar{color:#fff;font-size:23px}.menu-bar-container:hover{background:var(--border)}.youtube-logo{width:98px;cursor:pointer}.search-logo-left{width:50px;height:40px;border-top-left-radius:40px;border-bottom-left-radius:40px;border:1px solid rgb(0,89,255);border-right:none;color:#fff;align-content:center;padding-left:17px;padding-top:4px;position:absolute;display:none;background:var(--black)}.search-logo-child-left{font-size:20px}.search-input-container{position:relative;max-width:635px;width:100%;min-width:200px;margin-left:clamp(45px,10vw,95px);display:flex}.search-input{width:100%;height:40px;display:flex;border-top-left-radius:40px;border-bottom-left-radius:40px;border:1px solid var(--border);padding-left:15px;padding-bottom:3px;margin-left:35px;background:var(--black);color:#fff;font-size:17px}.search-delete{display:none;align-items:center;justify-content:center;position:absolute;padding-bottom:10px;width:40px;height:40px;border-radius:40px;color:#fff;font-size:40px;top:0;right:62px;font-weight:100;cursor:pointer}.search-delete:hover{background:#a0a0a04b}.search-input-container:focus-within .search-delete{display:flex}.search-input-container:focus-within .search-logo-left{display:block}.search-input:focus{outline:none;box-shadow:none;border:1px solid var(--blue);border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.search-logo{width:72px;height:40px;border-top-right-radius:40px;border-bottom-right-radius:40px;border:1px solid var(--border);border-left:none;color:#fff;display:flex;align-items:center;background:var(--search);padding:4px 12px 4px 19px;cursor:pointer}.search-logo-child{font-size:24px}.search-info{position:absolute;border:1px solid #fff;font-size:11px;padding:4px 5px;background:var(--search);right:350px;top:40px;opacity:0;transition:opacity .2s;transition-delay:0s;pointer-events:none}.search-logo:hover .search-info{opacity:1;transition-delay:.8s}.mic-logo{color:#fff;font-size:20px;background:var(--search);height:40px;width:40px;aspect-ratio:1 / 1;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-left:15px;cursor:pointer}.mic-logo:hover{background:var(--border)}.mic-logo-child{font-size:22px}.mic-logo-info{position:absolute;background:gray;right:245px;top:62px;font-size:12px;padding:8px 5px;border-radius:5px;z-index:3;opacity:0;transition:opacity .1s;transition-delay:0;pointer-events:none}.mic-logo:hover .mic-logo-info{opacity:.95;transition-delay:.1}.create-logo{padding:5px 17px 5px 8px;border-radius:40px;background:var(--search);display:flex;align-items:center;justify-content:center;margin-left:clamp(15px,3.7vw,45px);cursor:pointer}.create-logo-child{font-size:29px;color:#fff;margin-right:5px}.create-logo-child-text{font-size:14px;color:#fff;font-weight:600;margin-bottom:3px}.create-logo:hover{background:var(--border)}.top-bottom{background:#90ee90;display:flex;flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;scrollbar-width:none;z-index:0;margin-left:95px}.bell{display:flex;height:40px;width:40px;border-radius:50%;aspect-ratio:1 / 1;align-items:center;justify-content:center;font-size:25px;color:#fff;margin-left:8px;cursor:pointer}.bell:hover{background:var(--border)}.bell-info{position:absolute;background:gray;right:80px;top:62px;font-size:12px;padding:8px 5px;border-radius:5px;z-index:3;opacity:0;transition:opacity .1s;transition-delay:0;pointer-events:none}.bell:hover .bell-info{opacity:.95;transition-delay:.1}.user-account{width:33px;margin-right:30px;margin-left:auto;border-radius:50%;aspect-ratio:1 / 1;cursor:pointer}.top-bottom{background:var(--black);margin-top:12px;margin-right:30px}.all-category{background:var(--search);color:#fff;padding:6px 12px;border-radius:8px;font-size:14px;cursor:pointer}.category{background:var(--search);color:#fff;margin-left:11px;padding:6px 12px;border-radius:8px;font-size:14px;cursor:pointer;transition:background .2s ease-in-out}.all-category:hover,.category:hover{background:var(--border)}.side{background:var(--black);display:flex;flex-direction:column;position:fixed;top:55px;height:100vh;width:70px;z-index:2;color:#fff}.side-icons{display:flex;flex-direction:column;margin:2px 5px 0;font-size:25px;align-items:center;border-radius:8px;padding-top:15px;padding-bottom:15px;cursor:pointer}.side-icons-text{font-size:10px;margin-top:4px}.side-icons:hover{background:var(--border)}.side-right{display:flex;position:fixed;height:100vh;width:25px;background:var(--black);left:70px;top:110px;z-index:5}.side-info{position:absolute;border:1px solid #fff;font-size:11px;padding:4px 5px;background:var(--search);left:60px;top:40px;opacity:0;transition:opacity .2s;transition-delay:0s;pointer-events:none;z-index:10000}.side-icons:hover .side-info{opacity:1;transition-delay:.8s}.menu-bar-open{background:var(--black);display:flex;flex-direction:column;position:fixed;width:240px;height:100vh;z-index:4;left:-240px;transition:left .2s ease-in-out}.menu-bar-open:hover .hr{margin-right:2px}.menu-bar-open-container{display:flex;flex-direction:row;position:fixed;align-items:center;margin-bottom:10px;width:240px;background:var(--black);z-index:5}.menu-bar-open-icons-container{overflow-y:auto;margin-top:55px;scrollbar-width:none}.menu-bar-open-icons-container:hover{scrollbar-width:thin}.menu-bar-open-logo{margin:8px 15px;height:40px;width:40px;display:flex;align-items:center;justify-content:center;border-radius:40px;cursor:pointer}.menu-bar-open-logo:hover{background:var(--border)}.menu-bar-icons{display:flex;flex-direction:row;align-items:center;color:#f0f8ff;font-size:25px;border-radius:10px;padding:8px 8px 8px 10px;width:202px;margin-left:13px;cursor:pointer}.home-bar-open{margin-top:12px}.menu-bar-icons:hover{background:var(--border)}.menu-icons-text{font-size:14px;margin-left:25px}.hr{display:flex;margin:10px 11px 10px 0;border:none;border-top:1px solid var(--border)}.hr-top{margin-left:11px}.menu-bar-icons-subcriptions{cursor:auto}.menu-bar-icons-subcriptions:hover{cursor:auto;background:var(--black)}.notifications-window{position:fixed;display:none;flex-direction:column;width:480px;height:98.6vh;background:var(--search);right:136px;top:8px;border-radius:10px;z-index:2}.notifications-window-top{display:flex;flex-direction:row;width:100%;height:50px;color:#f0f8ff;align-items:center;border-bottom:1px solid var(--darkGray);padding-left:15px;padding-bottom:5px;font-weight:500}.notifications-window-setting{display:flex;margin-left:auto;margin-right:10px;margin-top:4px;font-size:25px;height:40px;width:40px;align-items:center;justify-content:center;border-radius:40px;cursor:pointer}.notifications-window-setting:hover{background:var(--darkGray)}.bell-info-setting{position:absolute;background:#5f5f5f;right:0;top:62px;font-size:12px;padding:8px 5px;border-radius:5px;z-index:3;opacity:0;transition:opacity .1s;transition-delay:0;pointer-events:none}.notifications-window-setting:hover .bell-info-setting{opacity:.95;transition-delay:.1}.notifications-window-main{display:flex;flex-direction:column;align-items:center;color:var(--graytext);margin:140px 50px auto}.mic-open-container{display:none;flex-direction:column;position:fixed;background:#222;height:440px;width:595px;z-index:5;left:49.2%;top:8px;transform:translate(-50%);padding:7px}.mic-open-exit{display:flex;margin:0 0 0 auto;height:40px;width:40px;align-items:center;justify-content:center;color:#f0f8ff;font-size:45px;font-weight:lighter;padding-bottom:10px;border-radius:40px;cursor:pointer}.mic-open-exit:hover{background:var(--darkGray)}.create-open-container{display:none;position:fixed;background:var(--search);z-index:6;flex-direction:column;width:172px;height:137px;right:55px;top:45px;border-radius:10px;padding-top:8px}.create-open-icons{display:flex;flex-direction:row;color:#f0f8ff;font-size:24px;align-items:center;height:40px;padding-left:15px;padding-top:4px;cursor:pointer}.create-open-icons span{font-size:14px;font-weight:600;margin-left:15px;margin-bottom:5px}.create-open-icons:hover{background:#464646}.account-open-container{display:none;position:fixed;width:300px;height:98vh;border-radius:10px;background:var(--search);right:78px;top:10px;z-index:6;flex-direction:column}.account-open-user{display:flex;height:150px;width:100%;border-bottom:1px solid var(--darkGray);margin-bottom:9px}.account-open-user-logo{display:flex;height:40px;width:40px;border-radius:40px;margin:15px}.account-open-items-container{overflow-y:auto;scrollbar-width:none}.account-open-items-container:hover{scrollbar-width:thin}.account-open-items{display:flex;align-items:center;height:40px;padding-left:20px;cursor:pointer}.account-open-items:hover{background:#4b4b4b}.account-open-items-logos{font-size:25px;color:#f0f8ff}.account-open-items-texts{font-size:14px;color:#f0f8ff;margin-left:14px;margin-bottom:3px;font-weight:500}.hr-account-open{border-color:var(--darkGray)}.account-open-arrows{font-size:25px;color:#f0f8ff;margin-bottom:6px;font-weight:100;margin-right:30px;margin-left:auto}.main{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));background:var(--black);padding:125px 25px 0 86px}.main-boxs-window{display:flex;height:330px;flex-direction:column;cursor:pointer;padding:10px 5px 10px 10px;border-radius:20px;margin-bottom:10px;transition:background .2s ease}.main-boxs-window:hover{background:#ffffff21}.main-boxs-window-thumbnail{background:#72727298;display:flex;width:100%;height:65%;border-radius:10px}.main-boxs-window-infos{display:flex;flex-direction:row;color:#f0f8ff}.channel-profile{width:37px;height:37px;border-radius:40px;margin-top:11px;margin-right:11px}.main-boxs-window-infos2{display:flex;flex-direction:column;width:78%;margin-top:11px;text-overflow:ellipsis;overflow:hidden}.channel-name{margin-top:5px;color:var(--graytext);font-size:14px;font-weight:500}.video-infos{color:var(--graytext);font-size:14px;font-weight:500}.middot{margin-left:5px;margin-right:5px;font-weight:800}.main-boxs-window-setting{display:flex;width:37px;height:37px;align-items:center;justify-content:center;margin-top:5px;font-size:18px;border-radius:37px;margin-right:-11px}.main-boxs-window-setting:hover{background:#666}.blank-screen{position:fixed;top:0;background:#000;visibility:visible;width:100%;height:100vh;z-index:2;transition:opacity .2s ease-in-out}@media (max-width: 768px){.side{display:none}.top-bottom{margin-left:25px}.main{padding-left:15px}.create-logo{margin-left:15px}}