:root{--MainColor:#5b5bcc;--MainVideobg:linear-gradient(rgb(27, 45, 121), rgb(15, 23, 34));--VideoItembg:linear-gradient(rgb(16, 23, 52), rgb(11, 27, 51))}*{font-family:Helvetica,Arial,Sans-Serif}.stop-transition *{-webkit-transition:none!important;-moz-transition:none!important;-ms-transition:none!important;-o-transition:none!important}@media (max-width:768px){.logo{text-align:center}.nav .links{padding-left:0%!important}.links ul{text-align:center;margin-bottom:10px}.links ul li a{padding:10px;font-size:15px}.search-bar{margin-bottom:10px!important}.awesomplete{width:70%}.search-bar form input{font-size:15px!important;height:40px!important}.search-bar form button{width:50px!important;height:40px!important}.search-bar form button i{font-size:18px!important}.mainvideo-container .video{margin:auto}.mainvideo-container #ad2{display:none}.mainvideo-container .video h1{font-size:15px}.mainvideo-container .video h1 span{font-size:10px}.mainvideo-container .video .meta-text .t{font-size:15px}.mainvideo-container .video .meta-text .tag{font-size:10px}.related-videos .videos{margin:auto}}@media (max-width:992px){.links{margin-top:10px!important}.links ul{text-align:center}.links ul li{font-size:12px!important}.links ul li a{padding:3px}.awesomplete{width:70%}.search-bar form input{font-size:12px;height:30px}.search-bar form button{height:30px;width:32px}.search-bar form button i{font-size:13px}.links ul li a{padding:3px!important}.mainvideo-container .video h1{font-size:18px}.mainvideo-container .video h1 span{font-size:10px}.mainvideo-container .video .meta-text .t{font-size:15px}.mainvideo-container .video .meta-text .tag{font-size:12px}}@media (max-width:1200px){.links ul li{margin-right:0px!important}.links ul li a{padding:3px!important}.mainvideo-container .video{padding-left:10px}.mainvideo-container #ad1{display:none}.related-videos .videos{padding-left:10px}}@media (min-width:1201px){.related-videos .videos{margin:auto}}body{background-color:#0e0e10}.nav{background-color:#18181b;padding:5px}.links{margin-top:15px;padding-left:7%}.links ul li{margin-right:0;font-size:15px}#home:link,#home:visited{color:var(--MainColor);border:1px solid var(--MainColor)}#home:hover{background-color:#fff0}.links a:link{color:#dadee3;text-decoration:none;border:1px solid #fff0;border-radius:5px;padding:5px;transition:border 0.5s,color 0.5s,background-color 0.5s;display:inline}.links a:visited{color:#fff}.links a:active{color:var(--MainColor)}.links a:hover{color:var(--MainColor)}.search-bar{text-align:center;margin:5px 0}.search-bar .bar{border-radius:5px;transition:border-color 0.3s}.awesomplete{width:70%}.search-bar input{width:100%;font-size:18px;height:40px;background-color:#1d1d1d;color:#c3c3c3;padding-left:5px;border:1px solid #383838;outline:none}.search-bar input:required{box-shadow:none}.search-bar button{background:#1d1d1d;border:1px solid #383838;border-radius:5px;outline:none;width:50px;height:40px;cursor:pointer}.search-bar button:active{transform:scale(.9)}.search-bar button i{color:#767676;font-size:18px}.mainvideo-container{color:#d6d6d6;padding-top:30px}.mainvideo-container .videoCon{width:100%}.mainvideo-container .videoCon .video-js{width:100%}.mainvideo-container .title{padding:5px 3px;margin:5px 0;border-radius:5px}.mainvideo-container .title span{font-size:12px;margin-top:8px;font-weight:700}.mainvideo-container .meta-text{background-color:#fff0;background-image:var(--MainVideobg);font-weight:500;padding:15px;border-radius:5px}.mainvideo-container .meta-text div{margin:10px 0;color:#fff;font-size:15px}.mainvideo-container .meta-text div .t{font-size:18px;color:#c1c1c1}.mainvideo-container .meta-text .Creator{margin-top:0}.mainvideo-container .meta-text .Tags{margin-bottom:0}.mainvideo-container .meta-text div .tag{display:inline-block;border-radius:5px;margin:2px 0 2px 0;padding:4px;padding-right:0;color:#fff;background-color:#161617;transition:background-color 0.3s}.mainvideo-container .meta-text .tag:hover{background-color:#5f5f5f;cursor:pointer}.mainvideo-container .meta-text .p-link{margin-left:5px}.mainvideo-container .meta-text .p-link:link{color:#fff}.related-videos{color:#d6d6d6}.related-videos{padding-top:20px}.related-videos h3{text-align:center;margin-bottom:10px;font-size:24px}.related-videos .videos .video-item .img-container{width:100%;cursor:pointer;position:relative}.related-videos .videos .video-item a{display:inline-block;width:100%}.related-videos .videos .video-item .img-container .duration{bottom:4%;right:4%;font-size:13px;position:absolute;color:#969696;background-color:#fff0;background-image:var(--VideoItembg);padding:3px;border-radius:5px}.related-videos .videos .video-item .img-container .sound{top:4%;right:4%;font-size:15px;position:absolute;color:#969696;background-color:#fff0;background-image:var(--VideoItembg);padding:3px;border-radius:5px}.related-videos .videos .video-item .img-container img{max-width:100%;height:100%;display:block;margin-left:auto;margin-right:auto;border-top-right-radius:5px;border-top-left-radius:5px}.related-videos .videos .video-item .wrapper{border-radius:10px}.related-videos .videos .video-item{width:100%;padding:.5%;transition:opacity 0.3s}.related-videos .videos .video-item:hover{opacity:.7}.related-videos .videos .video-item .meta-text{padding:4px;background-color:#fff0;background-image:var(--VideoItembg);max-height:100px;padding:8px;border-bottom-right-radius:5px;border-bottom-left-radius:5px}.related-videos .videos .video-item .meta-text .title{margin-bottom:5px;font-size:15px;transition:color 0.3s;cursor:pointer;color:#d9d9d9}.related-videos .videos .video-item .date{font-size:12px;color:#969696}.related-videos .videos .video-item .date i{margin-right:3px}.tag-count{background-color:#c4c4c4;color:#000;padding:5px;border-radius:3px;margin-left:2px}.logo{margin:5px 0;padding-top:4px}footer{text-align:center;background-color:#18181b;padding:15px;color:#fff;font-weight:700;font-size:18px;color:#303f6f}footer a{font-size:16px;font-weight:500}footer a:hover{text-decoration-line:underline}.meta-text .title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.favorite-btn-row{margin-top:12px;text-align:right}.favorite-toggle-btn{background-color:#fff0;background-image:var(--MainVideobg);color:white;border:1px solid #2f3658;border-radius:5px;padding:8px 12px;font-size:15px;font-weight:700;cursor:pointer;transition:color 0.3s,border-color 0.3s,filter 0.3s,box-shadow 0.3s}.favorite-toggle-btn i{margin-right:7px;color:white;transition:color 0.3s}.favorite-toggle-btn:hover{filter:brightness(.85)}.favorite-toggle-btn.active{color:var(--MainColor);border-color:var(--MainColor);box-shadow:0 0 0 1px rgb(91 91 204 / .25)}.favorite-toggle-btn.active i{color:var(--MainColor)}@media (max-width:768px){.favorite-toggle-btn{text-align:Right}}.video-variations-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.variation-item{width:88px;height:88px;border-radius:6px;overflow:hidden;transition:opacity 0.3s;background-color:#fff0;background-image:var(--VideoItembg);flex:0 0 auto}.variation-item:hover{opacity:.7}.variation-item a{display:block;width:100%;height:100%}.variation-item img{width:100%;height:100%;object-fit:cover;display:block;border-radius:6px}@media (max-width:768px){.variation-item{width:72px;height:72px}}.preview-card{position:relative;overflow:hidden}.preview-thumb{position:relative;z-index:1;display:block;transition:opacity 0.18s ease}.preview-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2;opacity:0;transition:opacity 0.18s ease;pointer-events:none;background:#000;filter:none!important}.preview-card.preview-active .preview-video{opacity:1;filter:none!important}.preview-card.preview-active .preview-thumb{opacity:0}.preview-progress{position:absolute;top:0;left:0;width:100%;height:3px;background:rgb(255 255 255 / .1);z-index:5;opacity:0;transition:opacity 0.18s ease}.preview-progress span{display:block;width:0%;height:100%;background:#1e2970;transition:width 0.18s linear}.preview-card.preview-loading .preview-progress{opacity:1}.preview-card .duration,.preview-card .sound{position:absolute;z-index:6}.video-item.preview-parent-active:hover{opacity:1!important}.related-videos .videos{ margin : auto;}