.layout-drawer{border-right:1px solid #ddd;display:grid;grid-template-rows:150px 1fr}.layout-drawer .tabs .route-tab{justify-content:normal;padding-left:15px;text-align:left}.layout-drawer .q-route-tab--active .q-route-tab__content{background-color:#eee}.layout-drawer .logout-btn{margin-bottom:10px;margin-top:10px}@media only screen and (max-width:599.98px){.top-nav .top-nav__sm--hide{visibility:hidden}}@media only screen and (min-width:599.98px){.footer{visibility:hidden}}.dialog .login-dialog{min-width:400px}.dialog .login-dialog .ld-container{display:flex;flex-direction:column;height:100%;justify-content:center;margin-inline:5%}@media only screen and (min-width:599.98px){.dialog .login-dialog .ld-container{margin-bottom:10px}}.dialog .login-dialog .extra-options{color:#5c6bc0;justify-content:center;margin-top:20px}.dialog .signup-dialog{min-width:400px}.dialog .signup-dialog .sd-container{margin-inline:5%;padding-top:0}@media only screen and (min-width:599.98px){.dialog .signup-dialog .sd-container{margin-bottom:10px}}.dialog .forgot-pwd-dialog{min-width:300px}.dialog .forgot-pwd-dialog .fpd-container{display:flex;flex-direction:column;margin-inline:5%;margin-top:20px}@media only screen and (min-width:599.98px){.dialog .forgot-pwd-dialog{width:400px}.dialog .forgot-pwd-dialog .fpd-container{margin-bottom:20px}}.dialog .popup-card{padding:10px}.dialog .dismissable-full .topbar{margin-left:2px;margin-top:4px}.labeled-hr{border:none;border-top:1px solid #ccc;height:0;margin-block:10px;padding:0}.labeled-hr legend{margin-inline:auto;max-width:100%;padding-inline:5px;text-align:center}.error-banner{word-wrap:break-word;background-color:#f8d7da;border:1px solid #ffcdd2;color:#721c24;padding-block:8px;word-break:break-all}.error-banner .error-banner__close{color:#000;cursor:pointer;font-size:22px;margin-right:4px}.otp-input .q-field__control{padding-right:0}.upload-page .up-container{align-items:center;display:flex;flex-direction:column;justify-items:center;padding-inline:5%;padding-bottom:20px}.upload-page .up-container .up-form{display:flex;flex-direction:column;row-gap:15px;width:100%}@media only screen and (min-width:599.98px){.upload-page .up-container .up-form{max-width:420px}}.upload-page .up-container .video-player{align-self:center;background-color:#e3f2fd;object-fit:contain}.upload-page .up-container .thumbnail-img{align-self:center;background-color:#f3e5f5;object-fit:contain}.upload-page .up-container .up__input,.upload-page .up-container .up__input--textarea{resize:none}.home-page{max-height:calc(100vh - 50px)}.home-page .hp-video-list{grid-gap:0;margin-block:20px;margin-inline:10px}@media only screen and (min-width:599.98px){.home-page .hp-video-list{margin-inline:10px}}.home-page .hp-video-list .hp-video-list__item{padding-inline:8px}.home-page .hp-video-list .hp-video-list__item .hp-video{background-color:#e3f2fd;border-radius:12px;cursor:pointer;height:200px;width:320px}.illustration-container{display:flex;flex-direction:column;height:100%;justify-content:center}.illustration-container .illustration{background-color:#f3e5f5;border-radius:50%;height:300px;margin:0 auto 15px;max-width:300px;padding:30px;width:300px}.illustration-container .illustration .illustration-img{height:auto;width:100%}.video-feed .vf-virtual-scroll{height:calc(100vh - 100px);margin-block:20px;margin-inline:4%}@media only screen and (min-width:599.98px){.video-feed .vf-virtual-scroll{margin-inline:10px}}.video-feed .vf-virtual-scroll .hp-video-list__item .hp-video{background-color:#e3f2fd;border-radius:12px;cursor:pointer;height:auto;max-height:250px;min-width:300px}.video-page{margin-bottom:20px}.video-page .vp-container{margin-block:0}@media only screen and (min-width:599.98px){.video-page .vp-container{margin-inline:3%;margin-top:20px}}.video-page .vp-container .vp-video{background-color:#000;height:40vh!important;object-fit:contain;width:100%!important}.video-page .vp-container .vp-video video{object-fit:contain}@media only screen and (min-width:599.98px){.video-page .vp-container .vp-video{height:60vh!important;width:100%!important}}.video-page .vp-video-details{margin-top:20px;margin-inline:max(15px,3%)}.video-page .vp-description-card{margin-block:20px;padding:10px}.video-page .vp-comments{margin-top:20px;margin-inline:4%}.video-page .vp-comments .vp-comment{margin-bottom:20px}.video-page .vp-comments .vp-comment .vp-comment__content{margin-left:10px}.profile-page{height:calc(100vh - 50px);overflow-y:auto}.profile-page .pp-container{padding-inline:max(20px,4%)}.profile-page .pp-container .pp-details-list{margin-top:30px}.profile-page .pp-container .pp-details-list .pp-details-list__item{margin-bottom:10px}.profile-page .pp-container .pp-details-list .change-pwd-btn{margin-left:10px;margin-top:20px}.video-control{background:var(--media-text-background,var(--media-control-background,var(--media-secondary-color,#14141eb3)));color:var(--media-text-color,var(--media-primary-color,#eee));font:var(--media-font,var(--media-font-weight,normal) var(--media-font-size,14px)/var(--media-text-content-height,var(--media-control-height,24px)) var(--media-font-family,helvetica neue,segoe ui,roboto,arial,sans-serif));padding-inline:var(--media-control-padding,10px)}.quality-selector-menu{padding-inline:0}.quality-selector{width:100px}