.container{margin:0 auto}.row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.d-flex{display:flex}.green{color:green}.text-center{text-align:center}.d-none{display:none!important}.gap-20{gap:20px}.flex-wrap{flex-wrap:wrap}.align-center{align-items:center}.align-self-end{align-self:flex-end}.align-self-center{align-self:center}.justify-between{justify-content:space-between}.mt-20{margin-top:20px}.mt-10{margin-top:10px}.position{position:fixed;width:100%;z-index:1314;background-color:#fff;height:56px}.pos-fix{position:fixed;z-index:999999}.margin-auto{margin:auto}.justify-center{justify-content:center}.w-100{width:100%}.h-100{height:100%}.d-none{display:none}.d-block{display:block}.flex-direction-column{flex-direction:column}.mt-30{margin-top:30px}.w-50{width:50%}.pos-rel{position:relative}@media screen and (max-width: 576px){.container{max-width:auto}.col-1{width:calc(100% / 12 * 1)}.col-2{width:calc(100% / 12 * 2)}.col-3{width:25%}.col-4{width:calc(100% / 12 * 4)}.col-5{width:calc(100% / 12 * 5)}.col-6{width:50%}.col-7{width:calc(100% / 12 * 7)}.col-8{width:calc(100% / 12 * 8)}.col-9{width:75%}.col-10{width:calc(100% / 12 * 10)}.col-11{width:calc(100% / 12 * 11)}.col-12{width:100%}}@media screen and (min-width: 576px){.container{max-width:540px}.col-sm-1{width:calc(100% / 12 * 1)}.col-sm-2{width:calc(100% / 12 * 2)}.col-sm-3{width:25%}.col-sm-4{width:calc(100% / 12 * 4)}.col-sm-5{width:calc(100% / 12 * 5)}.col-sm-6{width:50%}.col-sm-7{width:calc(100% / 12 * 7)}.col-sm-8{width:calc(100% / 12 * 8)}.col-sm-9{width:75%}.col-sm-10{width:calc(100% / 12 * 10)}.col-sm-11{width:calc(100% / 12 * 11)}.col-sm-12{width:100%}}@media screen and (min-width: 768px){.container{max-width:720px}.col-md-1{width:calc(100% / 12 * 1)}.col-md-2{width:calc(100% / 12 * 2)}.col-md-3{width:25%}.col-md-4{width:calc(100% / 12 * 4)}.col-md-5{width:calc(100% / 12 * 5)}.col-md-6{width:50%}.col-md-7{width:calc(100% / 12 * 7)}.col-md-8{width:calc(100% / 12 * 8)}.col-md-9{width:75%}.col-md-10{width:calc(100% / 12 * 10)}.col-md-11{width:calc(100% / 12 * 11)}.col-md-12{width:100%}}@media screen and (min-width: 992px){.container{max-width:960px}.col-lg-1{width:calc(100% / 12 * 1)}.col-lg-2{width:calc(100% / 12 * 2)}.col-lg-3{width:25%}.col-lg-4{width:calc(100% / 12 * 4)}.col-lg-5{width:calc(100% / 12 * 5)}.col-lg-6{width:50%}.col-lg-7{width:calc(100% / 12 * 7)}.col-lg-8{width:calc(100% / 12 * 8)}.col-lg-9{width:75%}.col-lg-10{width:calc(100% / 12 * 10)}.col-lg-11{width:calc(100% / 12 * 11)}.col-lg-12{width:100%}}@media screen and (min-width: 1200px){.container{max-width:1140px}.col-xl-1{width:calc(100% / 12 * 1)}.col-xl-2{width:calc(100% / 12 * 2)}.col-xl-3{width:25%}.col-xl-4{width:calc(100% / 12 * 4)}.col-xl-5{width:calc(100% / 12 * 5)}.col-xl-6{width:50%}.col-xl-7{width:calc(100% / 12 * 7)}.col-xl-8{width:calc(100% / 12 * 8)}.col-xl-9{width:75%}.col-xl-10{width:calc(100% / 12 * 10)}.col-xl-11{width:calc(100% / 12 * 11)}.col-xl-12{width:100%}}*{margin:0;padding:0;box-sizing:border-box}body{color:#000;font-family:Roboto,sans-serif}ul li{list-style:none}a{text-decoration:none}.body{width:100%;height:100vh;background-color:#f0f4f9}.input-body{width:100%;height:100vh;display:flex;align-items:center;justify-content:center}.sign-in{width:100%;height:384px;padding:1.5rem;background-color:#fff;border-radius:28px;display:flex}.google{width:80px}.form-body{display:flex;flex-direction:column;max-width:80%;height:100%;justify-content:center;gap:10px}.information-input{height:56px;border:1px solid #747775;border-radius:4px;font-size:16px;margin:1px 1px 0;padding:13px 15px}.information-input:focus{outline:none;border:1px solid #0b57d0}.btns-body{text-align:right}.btn{background-color:#0b57d0;border:1px solid #0b57d0;color:#fff;padding:10px 20px;border-radius:20px}.btn-in{color:#000;background-color:transparent;border:none;padding:10px 20px;font-weight:700;margin-right:5px}.btn-in:hover{border-radius:20px;background-color:#f1f0f0}.info{width:15px;height:15px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#ad0000;margin-right:10px}.info-icon{color:#fff;font-size:9px}.in-correct{font-size:14px;color:#ad0000}.border-wrong{border:1px solid rgb(173,0,0)!important}.checkbox-wrapper-28{--size: 20px;position:relative}.checkbox-wrapper-28 *,.checkbox-wrapper-28 *:before,.checkbox-wrapper-28 *:after{box-sizing:border-box}.checkbox-wrapper-28 .promoted-input-checkbox{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.checkbox-wrapper-28 input:checked~svg{height:calc(var(--size) * .6);-webkit-animation:draw-checkbox-28 ease-in-out .2s forwards;animation:draw-checkbox-28 ease-in-out .2s forwards}.checkbox-wrapper-28 label:active:after{background-color:#e6e6e6}.checkbox-wrapper-28 label{line-height:var(--size);cursor:pointer;position:relative}.checkbox-wrapper-28 label:after{content:"";height:var(--size);width:var(--size);margin-right:8px;float:left;border:2px solid #1f1f1f;border-radius:3px;transition:.15s all ease-out}.checkbox-wrapper-28 svg{stroke:#0080d3;stroke-width:3px;height:0;width:calc(var(--size) * .6);position:absolute;left:calc(var(--size) * .21);top:calc(var(--size) * .2);stroke-dasharray:33}@-webkit-keyframes draw-checkbox-28{0%{stroke-dashoffset:33}to{stroke-dashoffset:0}}@keyframes draw-checkbox-28{0%{stroke-dashoffset:33}to{stroke-dashoffset:0}}@media screen and (max-width: 992px){.sign-in{flex-direction:column;gap:10px}.information-input{height:38px}.google{width:44px}}@media screen and (max-width: 415px){.submit-resp{display:flex;flex-direction:column;gap:10px}.btn{width:100px}}.logo-bar{display:flex;align-items:center;gap:10px}.logoCompany{width:100px}.menu-bar-icon{color:#909090;font-size:20px;padding:10px}.menu-bar-icon:hover{background-color:#eee;border-radius:50%}.search{min-width:0;max-width:500px;width:40vw;height:40px;border:1px solid #ccc;border-right:none;border-radius:40px 0 0 40px;box-shadow:inset 0 1px 2px #fff;background-color:#fff;padding:0 4px 0 16px}.search-icon{border:1px solid #d3d3d3;background-color:#f8f8f8;border-radius:0 40px 40px 0;cursor:pointer;height:40px;width:64px;display:flex;align-items:center;justify-content:center}.search-icon:hover{background-color:#f2f2f2}.michraphone{min-width:0;border-radius:50%;width:40px;height:40px;padding:0;background-color:#f8f8f8;display:flex;justify-content:center;align-items:center;margin-left:10px;cursor:pointer}.michraphone:hover{background-color:#cec9c9}.profil{display:flex;justify-content:flex-end;align-items:center;gap:15px;margin-right:10px;position:relative}.profil-icons{font-size:20px;padding:10px;cursor:pointer;color:#0003}.profil-icons:hover{background-color:#cec9c9;border-radius:50%}.profil-image{width:30px;height:30px;background-color:green;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;color:#fff;font-size:10px}.login{padding:10px;border-radius:25px;color:#000000b0;font-weight:500}.login:hover{background-color:#f2f2f2}.search-icon-res{display:none}.profil-settings{width:300px;height:100vh;position:fixed;background-color:#fff;z-index:9999999999999;top:10px;right:60px;border-radius:20px;box-shadow:0 0 54px -25px #0000008f}.profil-infor{position:relative;z-index:999999999999999999;display:flex;gap:20px;border-bottom:2px solid #f2f2f2;padding:20px}.profil-image2{width:50px;height:50px;background-color:green;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;color:#fff}.user-txt{margin-bottom:10px}.account{color:#065fd4;font-size:14px;cursor:pointer}.log{display:flex;flex-direction:column;border-bottom:2px solid #f2f2f2;padding-top:10px}.icon-txt2{width:100%;padding:13px;display:flex;gap:10px;cursor:pointer}.icon-txt2:hover{background-color:#f2f2f2}.set-txts{font-size:13px;font-weight:400}.hesab{display:none}.left-menu{height:100vh;max-width:250px;padding-right:25px;display:flex;flex-direction:column;gap:5px;padding-left:10px;position:fixed;background-color:#fff;top:56px;padding-bottom:20px;overflow-y:scroll;z-index:99}.left-items{padding-bottom:10px;border-bottom:1px solid #c6c4c4}#search-data{display:flex}.icon-txt{width:100%;display:flex;gap:20px;padding:10px;border-radius:10px;cursor:pointer;color:#000;align-items:center}.active{background-color:#ececec;font-weight:700}.active .left-icons{color:#000}.icon-txt:hover{background-color:#ececec}.icon-txt-2{width:100%;display:flex;gap:20px;padding:10px;border-radius:10px;cursor:pointer}.left-icons{font-size:18px;color:#0003}.right-arrow{font-size:12px;align-self:center}.kanal-image{width:30px;height:30px;border-radius:50%}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}.nav-body{height:60px}.grid-container{display:grid;width:95%;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:45px;margin-inline:auto}@media screen and (max-width: 1286px){.toggleOff{display:none}.menu-bar-icon{pointer-events:none}.grid-container{width:100%;padding-right:15px}.resp{min-width:280px}}@media screen and (max-width: 1100px){.grid-container{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 785px){.toggleOn{display:none}.just-content{justify-content:center}.center-menu{display:none}}@media screen and (max-width: 701px){.grid-container{grid-template-columns:1fr}#search-data{display:none}.search-icon-res{display:block;padding:5px;background-color:transparent;border:none}.d-none-res{display:none}}@media screen and (max-width: 426px){.michraphone,.notice{display:none}.video-title,.channel-title,.watch-time{font-size:13px}}@media screen and (max-width: 430px){.profil-settings{width:100%;top:0;right:0;bottom:0;left:0;position:fixed;border-radius:0}.hesab{display:flex;gap:30px;padding:20px;box-shadow:0 4px 2px -2px #80808079}}.toggle-items{width:65px;margin-left:15px;display:flex;flex-direction:column;align-items:center;cursor:pointer;background-color:transparent}.left-toggle{display:flex;flex-direction:column;gap:25px}.toggle-text{font-size:12px;font-weight:400;color:#000}.d-flexx{display:flex;flex-direction:column}.is-active{font-weight:700;background-color:transparent}.is-active .left-icons{color:#000}.account-body{padding:0 30px}.profil-body{display:flex;gap:20px;padding-bottom:15px;border-bottom:2px solid #f6f6f6}.account-image{width:150px;height:150px;border-radius:50%;background-color:green;display:flex;align-items:center;justify-content:center;font-size:50px;color:#fff}.account-inform{width:600px;display:flex;flex-direction:column;gap:20px}.account-name{font-size:35px}.account-email{font-size:14px;color:#606060}.ferdilesdir{padding:10px 13px;border-radius:20px;font-size:14px;font-weight:600;background-color:#f0f0f0;cursor:pointer}.ferdilesdir:hover{background-color:#e5e5e5}.gap-10{gap:10px}.subs-body{width:100%;display:flex;gap:50px}.abunelikler{margin-top:20px;padding:40px}.sub{text-align:center;margin-top:20px;cursor:pointer}.sub-img{width:100px;height:100px;border-radius:50%}.channel-inform{text-align:center}.sub-title{font-size:14px;font-weight:600}.subscribers{font-size:13px;color:#969696;margin-top:5px}.subscribe{box-sizing:border-box;margin-top:20px;font-size:15px;background-color:#f5f5f5;border-radius:30px;padding:10px;cursor:pointer}.look-all{color:#00e;padding:10px;border-radius:20px}.look-all:hover{background-color:#def1ff}.d-block-flex{display:flex}@media screen and (max-width: 755px){.subscribe{font-size:10px}.account-image{width:120px;height:120px}.account-name{font-size:28px}.ferdilesdir{padding:7px 9px;font-size:13px}.account-subs,.look-all{font-size:16px}.sub-img{width:85px;height:85px}.sub-title{font-size:12px}.subscribers{font-size:11px}}@media screen and (max-width: 915px){.account-inform{width:500px}}@media screen and (max-width: 811px){.account-inform{width:375px}}@media screen and (max-width: 717px){.sub-img{width:65px;height:65px}.sub-title{font-size:9px}.subscribers{font-size:7px}.subscribe{font-size:8px}.account-image{width:85px;height:85px}.account-name{font-size:18px}.account-email{font-size:10px}.ferdilesdir{padding:5px 8px;font-size:9px}.account-subs,.look-all{font-size:12px}}@media screen and (max-width: 635px){.account-inform{width:225px}}@media screen and (max-width: 626px){.sub-img{width:50px;height:50px}.subscribe{padding:5px;font-size:6px}}@media screen and (max-width: 590px){.subs-body{gap:20px}.account-name{font-size:13px}.account-image{width:60px;height:60px;font-size:15px}}@media screen and (max-width: 498px){.subs-body{display:block}.channel-inform{text-align:center;display:flex;flex-direction:column;align-items:center}.subscribe{width:50px}.account-subs,.look-all{font-size:8px}.ferdilesdir{padding:5px 6px;font-size:7px}.account-image{width:45px;height:45px;font-size:15px}.account-name{font-size:10px}.account-email{font-size:7px}}@media screen and (max-width: 476px){.account-inform{width:176px}}@media screen and (max-width: 428px){.account-inform{width:145px}.ferdilesdir{padding:5px 6px;font-size:6px}}@media screen and (max-width: 374px){.ferdilesdir{padding:3px 4px;margin-bottom:10px}.account-subs,.look-all{font-size:7px}.sub-img{width:35px;height:35px}.d-block-flex{display:block}}.login-account{width:100%;height:80vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:30px}.log-iconn{font-size:70px}.history-body{padding:0 30px}.history-head{font-size:36px}.history-video-body{max-width:600px;max-height:145px;margin-top:20px;display:flex;gap:10px}.history-cover{width:290px;height:140px;border-radius:10px}.history-txt{display:flex;flex-direction:column;gap:10px;overflow:hidden}.history-title{font-weight:600}.history-inform{font-size:12px;color:#898989}.history-inform span{margin-left:5px}.history-desc{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:12px;color:#898989}.delete-btn{font-size:14px;height:max-content;color:#595959;transition:.2s}.delete-btn:hover{color:red}@media screen and (max-width: 800px){.history-cover{width:240px;height:120px;border-radius:10px}.history-title{font-size:14px}.history-txt{width:340px}}@media screen and (max-width: 740px){.history-cover{width:190px;height:100px;border-radius:10px}.history-txt{width:300px}.history-head{font-size:27px}}@media screen and (max-width: 655px){.history-txt{width:270px}.history-title{font-size:13px}}@media screen and (max-width: 620px){.history-desc{-webkit-line-clamp:2}.history-cover{width:150px;height:95px;border-radius:10px}}@media screen and (max-width: 580px){.history-desc{-webkit-line-clamp:1;font-size:9px}.history-cover{width:130px;height:80px;border-radius:10px}.history-txt{width:250px}.history-title{font-size:11px}.history-inform{font-size:8px;color:#898989}}@media screen and (max-width: 540px){.history-txt{width:160px}.history-head{font-size:22px}}@media screen and (max-width: 453px){.history-txt{width:130px}.history-cover{width:100px;height:65px;border-radius:10px}.history-desc{font-size:7px}.history-inform{font-size:6px;color:#898989}.history-title{font-size:8px}.history-head{font-size:16px}}.screen-right,.video-player-container{display:flex;gap:30px}.video-info{width:100%;position:relative}.infos{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.wiew{align-self:center;display:flex;gap:10px}.video-logo{border-radius:50%;width:40px;height:40px}.video-tittle{margin-top:10px;font-size:18px}.video-profil-name{font-size:13px;font-weight:600;color:#000}.abuneci{font-size:13px;color:#606060}.abuneOl{color:#fff;background-color:#000;padding:10px 15px;border-radius:20px;cursor:pointer;border:none}.abuneOlunub{color:#000;background-color:#f2f2f2;padding:10px 15px;border-radius:20px;cursor:pointer;border:none}.videoWrapper{width:900px}.right-videos{display:flex;flex-direction:column;gap:20px}.box-inform{display:flex;flex-direction:column;gap:10px}.videoPublish{display:flex;gap:10px}.channel-tittle{font-size:14px}.pub,.watched{font-size:13px}.like-disLike{display:flex}.like-body{background-color:#f2f2f2;border-top-left-radius:40px;border-bottom-left-radius:40px;padding:10px 20px;font:18px;display:flex;align-items:center;gap:10px;border-right:1px solid #d6d6d6}.dis-like-body{background-color:#f2f2f2;border-top-right-radius:40px;border-bottom-right-radius:40px;padding:10px 20px;font:18px}.like-body:hover,.dis-like-body:hover,.share-body:hover,.abuneOlunub:hover{background-color:#e5e5e5;cursor:pointer}.statment-btn{font-size:20px}.share-body{background-color:#f2f2f2;padding:10px 20px;font:18px;border-radius:40px;display:flex;align-items:center;gap:10px}.add-comment{display:flex;gap:10px;margin-top:40px;margin-bottom:20px}.comment-input{width:100%;border:none;border-bottom:1px solid black}.comment-input:focus{outline:none}.add-button{width:100%;text-align:right}.add-btn{all:initial;padding:0 16px;height:36px;color:#fff;background-color:#065fd4;font-size:14px;border-radius:18px;cursor:pointer}.disColor{background-color:#606060}.cancle-button{padding:0 16px;height:36px;font-size:14px;line-height:36px;border-radius:18px;font-weight:500;cursor:pointer;background-color:transparent;border:none}.cancle-button:hover{background-color:#0000001a}.opacity-1{opacity:1}.opacity-0{opacity:0}.comments{margin-top:40px;margin-bottom:20px}.comments-info{display:flex;gap:10px;margin-bottom:30px}.comment-user-name{color:#0f0f0f;font-weight:600;font-size:13px}.comment{font-size:14px}.save-settings{position:relative}.save-body{width:170px;background-color:#fff;padding:8px 0;border-radius:10px;position:absolute;top:-100px;z-index:9999999;box-shadow:0 0 1px}.save{cursor:pointer;display:flex;gap:10px;padding:10px}.save:hover{background-color:#e5e5e5}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.popup-content{background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 0 10px #00000080;width:300px}.popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.popup-body{display:flex;flex-direction:column;align-items:center}.close-button{background-color:transparent;border:none;cursor:pointer;font-size:20px}.share-icons{display:flex;gap:20px}.copy-button{margin-top:10px;padding:8px 16px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}.copied-btn{margin-top:10px;padding:8px 16px;background-color:#cbcbcb;color:#000;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}.copy-button:hover{background-color:#0056b3}.share-icons{font-size:25px}.login-popup{padding:20px;width:300px;height:140px;background-color:#fff;box-shadow:0 0 4px #dedede;position:absolute;left:120px;z-index:999}.popup-text{font-size:13px;margin-bottom:16px}.popup-login-btn{padding:8px 12px;border-radius:20px;border:none;cursor:pointer}.like-popup{padding:20px;width:300px;height:140px;background-color:#fff;box-shadow:0 0 4px #dedede;position:absolute;left:400px;z-index:999}.comment-popup{padding:20px;width:300px;height:140px;background-color:#fff;box-shadow:0 0 4px #dedede;position:absolute;right:10px;top:170px}.saved-popup{padding:20px;width:300px;height:140px;background-color:#fff;box-shadow:0 0 4px #dedede;position:absolute;left:840px}.delete-body{width:150px;background-color:#fff;padding:8px 0;border-radius:10px;position:absolute;right:0;top:45px;z-index:999999;box-shadow:0 0 1px}.delete-comment{cursor:pointer;display:flex;gap:10px;padding:10px}.delete-comment:hover{background-color:#e5e5e5}.delete-comment{font-size:13px}@media screen and (max-width: 1290px){.screen-right{flex-wrap:wrap}}@media screen and (max-width: 920px){.padding-15{padding:0}.videoWrapper{width:800px!important;margin-left:60px}.right-videos{margin-top:20px;padding-left:40px}}@media screen and (max-width: 882px){.videoWrapper{width:600px!important}.abuneOl{padding:5px 10px;font-size:11px}.like-body,.dis-like-body,.share-body{padding:5px 10px}.statment-btn{font-size:15px}.like-body,.dis-like-body,.share-body p{font-size:13px}}@media screen and (max-width: 668px){.videoWrapper{width:500px!important}.video-tittle{font-size:14px}.video-logo{width:25px;height:25px}.video-profil-name,.abuneci{font-size:9px}.comments-num{font-size:16px}}@media screen and (max-width: 596px){.videoWrapper{width:370px!important}.infos{flex-wrap:wrap}.content-betw-resp{justify-content:space-between}.wiew{margin-top:20px}}@media screen and (max-width: 501px){.right-cover{width:175px;height:115px}.right-title{font-size:13px}.channel-tittle{font-size:10px}.pub,.watched{font-size:9px}}@media screen and (max-width: 460px){.videoWrapper{width:300px!important}.wiew{flex-wrap:wrap}}@media screen and (max-width: 400px){.right-cover{width:160px;height:100px;border-radius:10px}}@media screen and (max-width: 380px){.videoWrapper{width:240px!important}}.row{display:block;position:relative;margin:50px 0}.container-skeleton{width:95%;max-width:1240px;margin:auto}.grid-row.grid-4-4{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px}.grid-row.grid-1-1{display:grid;grid-template-columns:1fr;grid-gap:20px}.card_image{width:100%;height:100%}.card_image.loading{width:100%;height:180px}.card_title{padding:8px;font-size:22px;font-weight:700}.card_title.loading{width:50%;height:1rem;margin:1rem;border-radius:3px;position:relative}.card_description{padding:8px;font-size:16px}.card_description.loading{height:3rem;margin:1rem;border-radius:3px}.loading{position:relative;background:#ccc}.loading:after{content:"";display:block;position:absolute;top:0;width:100%;height:100%;transform:translate(-100px);background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:loading .8s infinite}@keyframes loading{to{transform:translate(100%)}}@media screen and (max-width: 768px){.grid-row.grid-4-4{grid-template-columns:1fr}}.cards{background:#fff;height:auto;width:auto;overflow:hidden;box-shadow:5px 8px 15px -10px #00000040}.right-box{max-width:450px;display:flex;gap:10px;height:125px;overflow:hidden}.right-cover{width:200px;height:125px;border-radius:10px}.right-title{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.channel-tittle{color:#000}.searched-profil{display:flex;gap:30px;align-items:center;border-bottom:1px solid #e5e5e5;padding-bottom:20px;margin-bottom:30px}.search-information{display:flex;flex-direction:column;gap:20px}.searched-img{box-sizing:content-box;border-radius:50%;overflow:hidden;height:136px;width:136px}.search-info{display:flex;gap:5px;margin-bottom:10px}.font-color{font-size:13px;color:#606060}.abone-olunub{width:200px;height:30px;border-radius:20px;border:1px solid #f3f3f3;background-color:#f3f3f3}.abone-olunub:hover{border:1px solid #e5e5e5;background-color:#e5e5e5}.abone-ol{padding:10px 13px;background-color:#000;color:#fff;border-radius:20px;font-weight:500}.abone-ol:hover{background-color:#000000dc}.new-videos{display:flex;margin-top:20px;gap:10px}.new-cover{width:100%;border-radius:10px}.new-video-tittle{font-weight:500;font-size:18px}.profil-cover{width:24px;height:24px;border-radius:50%}@media screen and (max-width: 768px){.new-video-tittle{font-weight:500;font-size:12px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.font-color{font-size:8px;color:#606060;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}}@media screen and (max-width: 527px){.new-video-tittle{-webkit-line-clamp:1}}.profil-body{position:relative}.profil-cover{width:160px;height:160px;border-radius:50%}.not-subscribe-channel{width:100px;font-size:15px;background-color:#000;color:#fff;border-radius:30px;padding:10px;cursor:pointer;text-align:center}.subscribe-channel{width:130px;font-size:15px;background-color:#f5f5f5;border-radius:30px;padding:10px;cursor:pointer;text-align:center}.details-popup{padding:20px;width:300px;height:140px;background-color:#fff;box-shadow:0 0 4px #dedede;position:absolute;left:180px;top:180px}@media screen and (max-width: 700px){.profil-cover{width:120px;height:120px;border-radius:50%}.not-subscribe-channel,.subscribe-channel{width:80px;padding:8px;font-size:9px}}@media screen and (max-width: 590px){.not-subscribe-channel,.subscribe-channel{width:65px;padding:7px;font-size:9px}.profil-cover{width:100px;height:100px;border-radius:50%}}@media screen and (max-width: 490px){.not-subscribe-channel,.subscribe-channel{width:50px;padding:7px;font-size:5px}.profil-cover{width:80px;height:80px}}.video-cover{width:100%;border-radius:10px}.video-inform{margin-top:10px;display:flex;gap:10px}.text-inform{display:flex;flex-direction:column;gap:5px}.channel{width:48px;border-radius:50%}.watch-time{display:flex;gap:10px}.channel-title{color:#000}