@import"https://fonts.googleapis.com/css2?family=Aboreto&family=Be+Vietnam+Pro:wght@400;500;700&family=Montserrat&family=Open+Sans:wght@300&family=Quicksand:wght@300&family=Red+Hat+Display&family=Roboto:wght@400;500&family=Rubik:wght@300&display=swap";*{margin:0;padding:0;list-style:none;font-family:roboto,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}::-webkit-scrollbar{width:10px;background-color:#8080801a}::-webkit-scrollbar-thumb{background-color:#80808046}::-webkit-scrollbar-thumb:hover{background-color:#8080801a}.page--manager{width:100%}.leftnav--and--route--handler{display:flex}.route--handler{flex-grow:1;background-color:#202020;height:calc(100vh - 64px);min-width:0}@media (max-width:80em){.route--handler{position:fixed;left:70px;z-index:3;top:64px;width:100%}}.loader.deleting-spinner.deleting{min-width:fit-content}.deleting-spinner.deleting svg{min-width:2em;transform-origin:center;animation:rotate4 2s linear infinite}.deleting-spinner.deleting circle{fill:none;stroke:gray;stroke-width:3;stroke-dasharray:1,200;stroke-dashoffset:0;stroke-linecap:round;animation:dash4 1.5s ease-in-out infinite}@keyframes rotate4{to{transform:rotate(360deg)}}@keyframes dash4{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,200;stroke-dashoffset:-35px}to{stroke-dashoffset:-125px}}.loadingscreen{height:100vh;width:100%;background-color:#e4e7e4}.loadingscreen p{color:#fff;margin:auto;font-size:24px;font-weight:500}.masthead-skeleton{width:100%;height:56px;background-color:#e4e7e4;display:flex;justify-content:space-between;align-items:center}.masthead-skeleton .end{display:flex;align-items:center;height:100%}.m-circle{width:34px;height:34px;border-radius:50%;background-color:#adb1ad;margin:0 10px;display:inline-block}.m-circle.bar{width:100px;height:34px;border-radius:3px;margin:0 10px;display:inline-block}.loading-text{width:calc(100% - 40px);margin:auto;display:grid;grid-template-rows:80% 20%;place-items:center;height:calc(100vh - 56px);text-align:center}.loadingscreen .loading-text .loading-text-para{font-size:14px;max-width:550px;margin:20px auto;text-align:center}.taking-long-text{margin-top:20px}.taking-long-text .reload{background-color:transparent;padding:8px 20px;background-color:#065fd4;border:none;border-radius:3px;color:#fff;font-size:16px;font-weight:500;text-transform:uppercase;margin-top:15px}.taking-long-text .reload:hover{background-color:#0d6efd}.loading-txt{--ANIMATION-DELAY-MULTIPLIER: 70ms;padding:0;margin:0;display:flex;flex-direction:row;justify-content:center;align-items:center;overflow:hidden}.loading-txt span{padding:0;margin:0;letter-spacing:-5rem;animation-delay:0s;transform:translateY(4rem);animation:hideAndSeek 1s alternate infinite cubic-bezier(.86,0,.07,1)}.loading-txt .l{animation-delay:calc(var(--ANIMATION-DELAY-MULTIPLIER) * 0)}.loading-txt .o{animation-delay:calc(var(--ANIMATION-DELAY-MULTIPLIER) * 1)}.loading-txt .a{animation-delay:calc(var(--ANIMATION-DELAY-MULTIPLIER) * 2)}.loading-txt .d{animation-delay:calc(var(--ANIMATION-DELAY-MULTIPLIER) * 3)}.loading-txt .ispan{animation-delay:calc(var(--ANIMATION-DELAY-MULTIPLIER) * 4)}.loading-txt .n{animation-delay:calc(var(--ANIMATION-DELAY-MULTIPLIER) * 5)}.loading-txt .g{animation-delay:calc(var(--ANIMATION-DELAY-MULTIPLIER) * 6)}.letter{width:fit-content;height:3rem}.i{margin-inline:5px}@keyframes hideAndSeek{0%{transform:translateY(4rem)}to{transform:translateY(0)}}.reload-button{width:50px;height:50px;border-radius:50%;background-color:#141414ba;border:none;font-weight:600;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 4px #ffa0a041;cursor:pointer;transition-duration:.3s;overflow:hidden;position:relative;margin-top:auto;margin-bottom:40px}.svgIcon{width:24px;transition-duration:.3s}.svgIcon path{fill:#fff}.reload-button:hover{width:140px;border-radius:50px;transition-duration:.3s;background-color:#ffa0a0;align-items:center}.reload-button:hover .svgIcon{transition-duration:.3s;transform:translateY(-200%)}.reload-button:before{position:absolute;bottom:-20px;content:"Reload";color:#fff;font-size:0px}.reload-button:hover:before{font-size:13px;opacity:1;bottom:unset;transition-duration:.3s}.dashboard{width:calc(100% - 50px);height:calc(100vh - 94px);background-color:#1f1f1f;padding:15px 25px;max-width:calc(100vw - 50px);overflow-y:auto}.dashboard-wrapper{width:100%;max-width:1230px;overflow-x:scroll}.dashboard-wrapper::-webkit-scrollbar{display:none}.dashbord-rows-top{display:flex;justify-content:space-between;align-items:baseline}.dashbord-rows-top p{color:#fff;font-size:23px;font-weight:500;padding-left:10px}.dashbord-rows-top .end .upload--videos{height:30px;width:30px;border-radius:100%;padding:5px;background-color:#74747427;display:grid;place-content:center;cursor:pointer}.dashbord-rows-top .end .upload--videos:hover>svg{fill:#fff}.dashbord-rows-top .end .upload--videos svg{color:#fff;fill:#a1a1a1;height:25px}.dashboard-rows-lower{width:100%;display:flex;gap:1.7em;padding:25px 0}.card{border:1px solid rgba(128,128,128,.288);border-radius:4px;flex-grow:1;background-color:#272727;min-width:300px}.firstcard{box-sizing:content-box;height:480px;max-width:370px;padding:10px}.innner-card{width:calc(100% - 120px);height:100%;border:1px dashed rgba(128,128,128,.356);display:flex;justify-content:center;align-items:center;flex-direction:column;gap:.5em;padding:0 60px;color:#afafaf;font-size:13px;line-height:1.3rem}.innner-card img{width:150px}.upload-card-hover.show,.upload-card-hover.show+.bg-black-upload{display:block}.upload-card-hover{position:fixed;z-index:24;min-width:960px;height:730px;max-height:calc(100vh - 20px);background-color:#242424;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:6px;display:none}.upload-card-hover .right{display:flex;gap:.4em;align-items:center}.upload-card-hover .top{display:flex;font-size:20px;font-weight:500;color:#fffffff8;justify-content:space-between;padding:15px 20px;border-bottom:1px solid rgba(128,128,128,.226);align-items:center}.upload-card-hover button.top-row{background-color:transparent;border-radius:50%;min-height:33px;max-height:33px;min-width:33px;max-width:33px;margin-top:0;display:grid;place-content:center;border:none;cursor:pointer}.upload-card-hover button.top-row:active{background-color:#858585d5}.upload-card-hover svg{height:24px;fill:#d4d4d4}.upload-card-hover .top p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#fffffff1}.upload-card-hover .middle{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:150px 200px;gap:1em}.upload-card-hover .middle .middle-text{font-size:13px;text-align:center;color:#a5a5a5;margin-top:15px}.upload-card-hover .middle .middle-text :first-child{color:#e4e4e4;font-size:15px;margin-bottom:5px}.upload-card-hover .middle svg{height:62px;width:62px;fill:#ffffff67}.upload-card-hover .middle #fileUpload-label{background-color:#1f1f1f;height:75px;width:75px;padding:30px;border-radius:50%;display:grid;place-content:center}.bg-black-upload{position:fixed;top:0;left:0;background-color:#00000096;height:100vh;width:100%;z-index:23;display:none}.innner-card button,.upload-card-button{margin-top:15px;padding:9px 20px;font-size:16px;background-color:#3ea6ff;border:none;border-radius:2px;cursor:pointer;font-weight:500;color:#222}.upload-card-button{font-size:15px;padding:9px 15px}.upload-card-hover .bottom{padding:20px 50px;text-align:center;font-size:12px;color:#a7a7a7}.upload-card-hover .bottom span{color:#3ea6ff;cursor:pointer}.upload-card-hover .bottom :nth-child(2){margin-top:10px}.secondcard{height:455px}.thirdcard{height:420px}.details-wrapper{display:flex;flex-direction:column;height:calc(100% - 64px)}.details-wrapper-inner{flex-grow:1;height:100%;overflow-y:auto}.details-inner{padding:10px 30px;height:fit-content;display:none}.details-inner.visible{display:block}.details-bottom{padding:10px 20px;border-top:1px solid rgba(252,252,252,.041);display:flex;align-items:center;gap:20px;color:#fff;font-size:13px}.details-bottom .upload-state{text-transform:capitalize}.details-bottom .percentage{color:#3ea6ff;background-color:#3ea5ff25;padding:2px 5px;border-radius:3px}.section-selector{position:sticky;top:0;background-color:#242424;padding:0 30px;z-index:10}.section-selector .sections{display:flex;padding:13px 50px;justify-content:space-between;color:#fff;position:relative}.section-selector .line-indicator{width:220px;background-color:#80808042;height:2px;position:absolute;z-index:-1;left:0;top:47px}.section-selector .line-indicator.active{background-color:#3ea6ff}.section-selector .line-indicator.num-1{left:110px}.section-selector .line-indicator.num-2{left:340px}.section-selector .line-indicator.num-3{left:570px}.section-button-selector{display:flex;flex-direction:column;align-items:center;width:120px;height:50px;background-color:transparent;border:none;color:#fff;border-radius:5px;align-content:center;box-sizing:border-box;border:3px solid rgba(0,0,255,0);outline:none;font-size:13.5px;font-weight:500}.section-button-selector:hover{background-color:#215ddd3f;cursor:pointer}.section-button-selector .indicator-container{height:40px;width:24px;display:grid;place-content:center}.section-button-selector .indicator{width:8px;height:8px;background-color:#1b1b1b;border-radius:100%;border:4px solid rgb(77,77,77);margin-top:5px}.section-button-selector.active{color:#3ea6ff}.section-button-selector.active .indicator{width:12px;height:12px;border:4px solid #3ea6ff}.details-middle{display:flex}.details-left{width:calc(100% - 18px);padding-left:18px}.details-right{min-width:310px;height:300px;padding-left:20px;margin-top:5px}.details-right-inner{width:100%;height:100%;background-color:#000}.section-details-top{display:flex;align-items:center;width:530px;justify-content:space-between;padding:5px 18px 10px}.section-details-top :nth-child(1){font-size:24px;font-weight:500;color:#fff}.section-details-top :nth-child(2){font-size:14px;font-weight:500;color:#3ea6ff;cursor:pointer}.dynamic-details-input{padding:4px 10px;color:#fff;outline:none}.dynamic-details-input.title{width:450px}.dynamic-details-input.descriptionString{width:450px;min-height:110px}.limit-container{width:fit-content;margin-left:auto;color:gray;font-size:13px;padding:2px 5px;opacity:0}.input-wrapper.error,.input-wrapper.focused.error{border:1px solid rgba(255,0,0,.685)}.input-wrapper.error .upper-text,.input-wrapper.focused.error .upper-text{color:#ff0000af}.input-wrapper.error .limit-container,.input-wrapper.focused.error .limit-container{color:#ff0000af;opacity:1}.input-wrapper{box-sizing:border-box;margin-top:5px;position:relative;padding:3px;font-size:15px;border:1px solid rgba(255,255,255,.26);border-radius:4px}.input-wrapper.focused{border:1px solid #3ea6ff}.input-wrapper.focused .limit-container{opacity:1}.input-wrapper.focused .upper-text{color:#3ea6ff}.input-wrapper.descriptionString{margin-top:25px}.upper-text{font-weight:400;font-size:13px;margin-left:10px;color:#afafaf;padding:5px 0}.input-wrapper .placeholder{position:absolute;top:32px;left:13px;opacity:0;pointer-events:none;color:#7a7a7afd}.input-wrapper .placeholder.visible{opacity:1}.details-inner.visiblity{padding:13px 48px;color:#fff}.details-role-title{font-size:23px;font-weight:500}.details-role-description{font-weight:500;margin-top:8px;font-size:13px;color:#ffffffdc}.visibility-sections{display:flex;gap:.8em}.left-side-visibility{flex-grow:1}.video-representation{width:300px;height:350px;background-color:#000}.visibility-card{border-radius:4px;border:1px solid white;margin-top:17px;padding:15px 20px}.visibility-title{font-size:15px;font-weight:500;margin-top:4px}.visibility-card-description{font-size:13px;color:gray;margin-top:5px}.visibility-card-description span{font-weight:600;color:#9e9e9e}.visibility-description :nth-child(1){font-size:15px;margin-top:1px}.visibility-description>:nth-child(2){font-size:13px;color:gray;margin-top:7px}.visibility-options{margin-top:18px;padding:0 30px;display:flex;flex-direction:column;gap:1em}.visibility-option{display:flex;gap:.65em}.visibility-option .selector{height:16px;width:16px;border-radius:100%;border:2px solid rgba(255,255,255,.767)}.visibility-option .selector.square{border-radius:2px;height:14px;width:14px}.premiere-selector{display:flex;margin-top:14px;margin-left:5px;gap:10px;font-size:15px;align-items:center;padding-bottom:4px}@media (max-width:80em){.dashboard{max-width:calc(100vw - 120px)}}.thumbnail-picker{width:100%;height:fit-content;display:flex;gap:5px;margin-top:10px}.thumb-container{width:127px;height:70px;font-size:13px;text-align:center;display:grid;place-content:center;color:#858585;cursor:pointer;border:1px solid rgba(128,128,128,.007)}.thumb-container.current{border:1px solid white}.thumb-container img{height:70px;background-color:#000;width:100%;object-fit:contain}.thumb-container svg{fill:#acacac}.thumb-container.pick{border:1px solid rgba(128,128,128,.205);border-style:dashed;box-sizing:border-box}.possible-generated-thumbnails{display:flex;gap:5px}.loader{position:relative;background-color:#e3e3e30a;overflow:hidden}.loader:after{content:"";position:absolute;width:300%;height:100%;top:0;left:0;background:linear-gradient(110deg,rgba(227,227,227,0) 0%,rgba(227,227,227,0) 40%,rgba(227,227,227,.123) 50%,rgba(227,227,227,0) 60%,rgba(227,227,227,0) 100%);animation:gradient-animation_2 1.2s linear infinite}@keyframes gradient-animation_2{0%{transform:translate(-100%)}to{transform:translate(100%)}}.thumbnail-role{margin-top:25px}.role-title{font-size:14.5px;color:#fff;font-weight:500}.role-description{margin-top:10px;font-size:13px;color:gray;line-height:1.5}.role-description span{color:#3ea6ff;cursor:pointer}.content{width:100%;background-color:#272727;height:calc(100vh - 64px);overflow-y:auto}.content-wrapper{width:fit-content}.content-upper-top{color:#fff;font-size:23px;font-weight:500;padding:25px 35px}.content-upper{position:sticky;top:0;z-index:22;background-color:#272727}.route--buttons{display:flex;gap:4em;padding-left:35px;border-bottom:1px solid rgba(128,128,128,.247)}.route--button{background-color:transparent;padding:10px 0 14px;border:none;color:#9b9b9b;font-size:14px;font-weight:500;cursor:pointer;position:relative}.route--button.current:after{content:"";bottom:0;left:0;position:absolute;height:4px;background-color:#1979f7;width:100%;border-radius:3px 3px 0 0}.filter-by{display:flex;gap:1.9em;padding:12px 0 12px 30px;align-items:center;border-bottom:1px solid rgba(128,128,128,.247)}.filter-by input{color:#fff;font-size:14px;background-color:transparent;border:none;outline:none;width:100%}.filter-by svg{height:24px;fill:#9b9b9b;cursor:pointer}.movable{height:30px;width:30px;border-radius:100%;background-color:#00f;animation:move infinite 1s}@keyframes move{0%{transform:translate(0)}50%{transform:translate(500px)}to{transform:translate(0)}}@media (max-width: 80em){.content{width:calc(100% - 70px)}}.table-representation{width:calc(100% + -0px);padding-left:0;font-size:13.3px;color:#cacaca;height:fit-content}.left-row-sticky{display:flex;gap:20px;min-width:320px;position:sticky;left:0;background-color:#272727;z-index:5;padding:8px 0 5px 30px}.column-representations,.row-data{width:calc(100% + -0px);display:grid;grid-template-columns:40% 60%;min-height:30px;height:fit-content;align-items:center;position:relative;min-width:1280px;border-bottom:1px solid rgba(128,128,128,.26)}.column-representations{white-space:nowrap;position:sticky;top:91px;z-index:10;background-color:#272727;transition:top .3s ease}.column-representations.edit-video-bulk-showing{top:155px}.edit-video-bulk{display:flex;align-items:center;transition:height .3s ease;background-color:#fff;height:0px;position:sticky;top:91px;z-index:22;font-size:14.5px;padding:0 10px;overflow:hidden}.right-side-toolbar{display:flex;align-items:center;width:100%;height:50px;border-left:1px solid rgba(128,128,128,.26)}.toolbar-section{padding:5px 20px;height:calc(100% - 10px);display:flex;align-items:center;min-width:fit-content;min-width:-moz-fit-content;position:relative}.toolbar-section-button{padding:5px 0}.right-side-toolbar .toolbar-section button{border:none;background-color:transparent;font-size:15px;gap:15px;cursor:pointer}.options-selector{position:absolute}.more-actions.options-selector{height:fit-content;height:-moz-fit-content;width:150px;background-color:#202020;left:0;display:none;flex-direction:column;padding:8px 0;border-radius:8px;top:0}.more-actions.options-selector.show{display:flex}.more-actions.options-selector p{width:calc(100% - 50px);font-size:16px;padding:10px 25px;color:#fff;text-align:left;cursor:pointer}.more-actions.options-selector .inactive{opacity:.4}.more-actions.options-selector .inactive:hover{opacity:.4;background-color:transparent}.more-actions.options-selector p:hover{background-color:#141414}.right-side-toolbar .toolbar-section-button:active{background-color:#80808038}.toolbar-section svg{fill:#00000080}.edit-video-bulk.show{height:64px;overflow:unset}.edit-draft{font-size:14px;font-weight:500;color:#3ea6ff;position:absolute;right:33px;top:13px;cursor:pointer}.column-representations .left-row-sticky{padding:13px 0 13px 30px}.column-representations .right-side-scrollable{padding:13px 0;color:#cacaca;height:fit-content}.right-side-scrollable{color:#fff;display:grid;width:100%;grid-template-columns:15% 15% 20% 15% 15% 20%;flex-grow:1;min-width:fit-content;position:sticky;padding:8px 0 5px;height:calc(100% - 16px)}.table-representation img{width:120px;height:68px;object-fit:contain;background-color:#000}.row-title,.row-description{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fffffff1}.row-title{-webkit-line-clamp:1}.row-description{color:gray;margin-top:5px}.row-column{text-align:center;flex-grow:1}.row-column.first-col{text-align:left}.row-selector{width:20px;height:20px;background-color:red}.table-row-video-data{overflow:hidden;letter-spacing:-.1px;font-size:13px;display:flex;gap:1.1em;padding-right:10px}.row-thumbnail{position:relative}.row-timestamp{font-size:13px;position:absolute;right:8px;bottom:8px;z-index:2;color:#fff;background-color:#00000081;padding:1px 2px}.row-video-info{padding:8px 0;min-width:0}.row-handler{width:100%;display:flex;justify-content:end;font-size:13px;color:gray;padding:8px 0;border-bottom:1px solid rgba(128,128,128,.329);border-top:1px solid rgba(128,128,128,.329)}.row-handler button{background:transparent;border:none;color:#fff;display:flex;align-items:center;gap:25px;cursor:pointer;padding:2px}.row-handler button:active{background:rgba(128,128,128,.301)}.row-handler button svg{fill:gray}.row-count{display:flex;align-items:center;gap:15px;position:relative}.rows-count-dropdown{position:absolute;bottom:0;height:fit-content;width:fit-content;background-color:#1a1a1a;visibility:hidden;border-radius:6px;padding:8px 0;right:0;z-index:10}.rows-count-dropdown.show{visibility:visible}.row-option{font-size:17px;color:#fff;text-align:center;padding:6px 25px;cursor:pointer}.row-option.current,.row-option:hover{background-color:#0000007e}.current-row-indictor{display:flex;align-items:center;padding:0 30px}.row-changer{display:flex;gap:10px;align-items:center;padding-right:40px}.row-changer svg{height:30px;width:30px;fill:gray;pointer-events:none}.row-changer-arrow{cursor:pointer}.delete-modal-wrapper{height:100vh;width:100vw;background-color:#0000007e;position:fixed;z-index:22;top:0;left:0;place-content:center;display:none}.delete-modal-wrapper.show{display:grid}.delete-modal{width:576px;height:234px;background-color:#272727;border-radius:5px}.modal-action-title{padding:20px 24px;color:#fff;font-size:20px;font-weight:500}.modal-action-dewscription-wrapper{padding:0 24px 20px}.modal-action-dewscription-wrapper p{background-color:#161616;color:#fff;padding:18px 15px;font-size:15px}.affirm-action{padding:3px 31px 20px;display:flex;gap:10px;color:#fff;font-size:15px;font-weight:500;cursor:default}.delete-modal-affirmative-buttons{display:flex;align-items:center;justify-content:right;padding:5px 10px}.delete-modal-affirmative-buttons button{background-color:transparent;border:none;font-size:14px;font-weight:500;padding:10px 15px;cursor:pointer;border-radius:4px}.delete-modal-affirmative-buttons :nth-child(1){color:#3ea6ff}.delete-modal-affirmative-buttons button:active{background-color:#3ea5ff2a}.delete-modal-affirmative-buttons :nth-child(2){color:gray}.delete-modal-affirmative-buttons :nth-child(2):active{background-color:transparent}.delete-modal-affirmative-buttons button.active{color:#3ea6ff}.delete-modal-affirmative-buttons button.active:active{background-color:#3ea5ff2a}@media (max-width: 1380px){.left-row-sticky{border-right:2px solid rgba(128,128,128,.26)}.column-representations,.row-data{grid-template-columns:35% 65%}}.row-selector-container{height:fit-content;width:fit-content}.checkbox-wrapper-46 input[type=checkbox]{display:none;visibility:hidden}.checkbox-wrapper-46 .cbx{margin:auto;-webkit-user-select:none;user-select:none;cursor:pointer}.checkbox-wrapper-46 .cbx span{display:inline-block;vertical-align:middle;transform:translateZ(0)}.checkbox-wrapper-46 .cbx span:first-child{position:relative;width:18px;height:18px;border-radius:2px;transform:scale(1);vertical-align:middle;border:2px solid grey;transition:all .2s ease;box-sizing:border-box}.checkbox-wrapper-46 .cbx span:first-child svg{position:absolute;top:2px;left:1px;fill:none;stroke:#000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:16px;stroke-dashoffset:16px;transition:all .3s ease;transition-delay:.1s;transform:translateZ(0)}.checkbox-wrapper-46 .cbx span:first-child:before{content:"";width:100%;height:100%;background:white;display:block;transform:scale(0);opacity:1;border-radius:50%}.checkbox-wrapper-46 .checkbox-row-data.checked+.cbx span:first-child{background:white;border-color:#fff;animation:wave-46 .4s ease}.checkbox-wrapper-46 .checkbox-row-data.checked+.cbx span:first-child svg{stroke-dashoffset:0}.checkbox-wrapper-46 .checkbox-row-data.checked+.cbx span:first-child:before{transform:scale(3.5);opacity:0;transition:all .6s ease}@keyframes wave-46{50%{transform:scale(.9)}}a{text-decoration:none}.leftnav{height:calc(100vh - 64px);width:255px;min-width:70px;background-color:#272727;transition:width .2s ease-in-out,min-width .2s ease-in-out;position:sticky;top:64px;overflow:hidden;border-right:1px solid rgba(128,128,128,.212);display:flex;flex-direction:column}.leftnav.expand{width:255px;min-width:255px}.leftnav.collapse{width:70px;min-width:70px}.leftnav-upper{display:flex;flex-direction:column;align-items:center;gap:1em;padding-top:25px;position:relative}.leftnav-upper .pfpImg img{background-color:#383838;color:#fff;display:grid;place-content:center;border-radius:100%;transition:all .2s ease-in-out}.leftnav-upper .pfpImg.expand img{height:110px;width:110px}.leftnav-upper .pfpImg.collapse img{height:33px;width:33px}.leftnav-upper-lower{text-align:center;display:flex;flex-direction:column;gap:.5em}.leftnav-upper-lower.expand{height:41px;opacity:1;pointer-events:all;transition:opacity 0ms linear .2s,height .2s ease-in-out}.leftnav-upper-lower.collapse{height:0px;opacity:0;pointer-events:none;transition:opacity 0ms linear 0s,height .2s ease-in-out}.leftnav-upper-lower .upper-p{color:#fff;font-size:14px;font-weight:500}.leftnav-upper-lower .upper-p.lower{color:#b6b6b6;font-size:13px}.leftnav-middle{flex-grow:1;transition:all .2s ease-in-out;height:fit-content;overflow-y:auto;overflow-x:hidden}.leftnav-middle.expand{margin-top:18px}.leftnav-middle.collapse{margin-top:0;border-bottom:1px solid rgba(128,128,128,0)}.middle-container{background-color:transparent;border:none;width:100%;display:flex;gap:1.7em;padding:12px 20px 12px 0;align-items:center;cursor:pointer}.middle-container.current{background-color:#1a1a1ac9;position:relative}.middle-container.current:before{content:"";width:4px;background-color:#fd4242;height:100%;position:absolute}.middle-container.current p{color:#f15656;font-weight:400}.middle-container:hover{background-color:#1a1a1ac9}.middle-container .red{fill:#fd4242}.middle-container svg{min-height:24px;min-width:24px;max-height:24px;max-width:24px;fill:#a0a0a0c4;margin-left:25px}.middle-container p{color:#a0a0a0ea;font-weight:500;font-size:14px;transition:opacity .3s ease-in-out .2s}.middle-container.expand p{opacity:1;width:fit-content;white-space:nowrap}.middle-container.collapse p{opacity:0;white-space:nowrap}.leftnav-bottom{position:relative;z-index:2;padding-top:10px;width:100%;background-color:#272727;border-top:1px solid rgba(128,128,128,.212)}.leftnav-bottom .middle-container{gap:1.5em}@media (max-width: 80em){.leftnav{position:fixed;width:70px;z-index:10;left:0}}.navbar{width:calc(100% - 32px);height:56px;padding:4px 16px;background-color:#272727;position:sticky;top:0;box-shadow:0 2px 2px 2px #00000018;display:flex;justify-content:space-between;align-items:center;z-index:22}.navbar .start{height:fit-content;display:flex;align-items:center;gap:1em;padding-right:58px}.navbar .start a{display:flex;align-items:center}.navbar .start img{height:24px}.navbar .burger{height:30px;width:30px;padding:5px;border-radius:100%;display:grid;place-content:center;cursor:pointer}.navbar .burger svg{height:24px;fill:#8d8d8d}.navbar .burger:hover>svg{fill:#fff}.navbar .middle{flex-grow:1;display:flex;justify-content:center;position:relative}.wrapper{width:calc(54% + 20px);min-width:380px;top:-18px;position:absolute;z-index:20}.wrapper.search-open{display:block}.bgBlack{position:fixed;height:100vh;width:100vw;background-color:#0000005d;display:none;z-index:19;left:0;bottom:0}.bgBlack.search-open{display:block}.search-container{width:100%;border:1px solid rgb(99,99,99);padding:5px 0;border-radius:3px;transition:opacity .2s ease-in-out;height:fit-content}.search-container .upper-section{width:100%;display:flex}.search-container.datalist-open,.search-container:focus-within{border:1px solid rgba(99,99,99,0);border-radius:3px 3px 0 0;background-color:#2b2b2b}.search-container input{width:100%;background-color:transparent;border:none;outline:none;caret-color:#fff;padding-left:5px;padding-right:20px;color:#fff;font-weight:500;font-size:14px}.search-container input::placeholder{font-size:13.5px;font-weight:500}.search-container svg{height:24px;fill:#6e6e6e;padding:0 15px;transform:scale(1.08)}.search-secondary{display:flex;align-items:center;cursor:pointer;display:none}.search-secondary svg{height:24px;fill:#6e6e6e}.search-secondary:hover>svg{fill:#bdbdbd}.navbar .end{display:flex;gap:1em;align-items:center;padding-right:9px;padding-left:5px}.help-icon{display:grid;place-content:center}.navbar .end svg{height:24px;fill:#8d8d8d;cursor:pointer}.navbar .end svg:hover{fill:#d6d6d6}.navbar .end .end-middle{display:flex;gap:.4em;align-items:center;color:#fff;border:1px solid rgb(61,61,61);padding:5px 16px 5px 10px;cursor:pointer}.navbar .end .end-middle p{font-size:14px;transform:translateY(-1px);font-weight:500}.navbar .end .end-middle svg{fill:#fd4242}.navbar .end .pfpImg img{min-width:32px;max-height:32px;min-height:32px;display:grid;place-content:center;background-color:#363636;color:#fff;border-radius:100%;cursor:pointer}.search-container.datalist-open+.search-datalist,.search-container.datalist-open .bgBlack{display:block}.search-datalist{border:1px solid rgba(99,99,99,0);width:100%;height:fit-content;background-color:#2b2b2b;padding-bottom:20px;border-radius:0 0 5px 5px;border-top:1px solid rgba(128,128,128,.295);display:none}.search-datalist.datalist-open{display:block}.search-datalist .upper-section p{font-size:13px;color:#fff;padding:13px 25px;font-weight:500}.search-datalist .upper-section{border-bottom:1px solid rgba(128,128,128,.295)}.search-datalist .lower-section{height:85px;border-bottom:1px solid rgba(128,128,128,.295)}@media (max-width:60em){.wrapper{display:none}.search-container{background-color:#2b2b2b}.search-secondary{display:flex}}.not-allowed{width:100%;height:100vh}.not-allowed .header{height:60px;width:calc(100% - 40px);display:flex;align-items:center;padding:4px 20px;box-shadow:2px 0 8px #00000049}.not-allowed .header img{height:24px;margin-right:auto;display:block}.not-allowed .main-content{display:flex;flex-direction:column;align-items:center;height:100%;width:calc(100% - 40px);padding:40px 20px}.not-allowed .main-content img{width:100%;max-width:300px}.not-allowed .main-content .error-message{font-size:24px;font-weight:400;text-align:center}.not-allowed .main-content button{background-color:#065fd4;padding:10px 20px;border-radius:4px;border:none;color:#fff;text-transform:uppercase;margin:20px auto;cursor:pointer}.not-allowed .main-content button:hover{background-color:#3cb0fd}