@import url(https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500&display=swap);*{box-sizing:border-box;font-family:Poppins,sans-serif!important;font-weight:400!important;margin:0;padding:0}.container{background:-webkit-repeating-linear-gradient(-45deg,#d69a33,#684235,#d69a33,#684235);background-size:400%;display:grid;height:100vh;overflow:hidden;place-items:center;width:100%}.wrapper{background:#fff;border-radius:5px;box-shadow:0 15px 20px rgba(0,0,0,.1);max-width:390px;overflow:hidden;padding:30px}.wrapper .title-text{font-size:25px;font-weight:600!important;text-align:center;width:100%}.wrapper .title{color:#292929;font-size:25px;font-weight:600;letter-spacing:1px;text-align:center;transition:all .6s cubic-bezier(.68,-.55,.265,1.55);width:50%}.wrapper .slide-controls{border:1px solid #d3d3d3;border-radius:5px;display:flex;height:50px;justify-content:space-between;margin:30px 0 10px;overflow:hidden;position:relative;width:100%}.slide-controls .slide{color:#292929;cursor:pointer;font-size:18px;font-weight:500;height:100%;line-height:48px;text-align:center;transition:all .6s ease;width:100%;z-index:1}.slide-controls label.signup{color:#292929}.slide-controls .slider-tab{background:-webkit-linear-gradient(left,#fcc201,#ffd70e);border-radius:5px;height:100%;left:0;position:absolute;transition:all .6s cubic-bezier(.68,-.55,.265,1.55);width:50%;z-index:0}input[type=radio]{display:none}#signup:checked~.slider-tab{left:50%}#signup:checked~label.signup{color:#292929;cursor:default;-webkit-user-select:none;-ms-user-select:none;user-select:none}#login:checked~label.signup,#signup:checked~label.login{color:#292929}#login:checked~label.login{cursor:default;-webkit-user-select:none;-ms-user-select:none;user-select:none}.wrapper .form-container{overflow:hidden;width:100%}.wrapper .logo{height:100%;text-align:center;width:100%}.wrapper .logo img{object-fit:cover;width:200px}.form-container .form-inner{display:flex;width:100%}.form-container .form-inner form{align-items:center;display:flex;flex-direction:column;justify-content:center;transition:all .6s cubic-bezier(.68,-.55,.265,1.55);width:100%}.form-inner form .field{height:50px;margin-top:15px;width:100%}.form-inner form .field input{border:solid #d3d3d3;border-radius:5px;border-width:1px 1px 2px;font-size:17px;height:100%;outline:none;padding-left:15px;transition:all .3s ease;width:100%}.form-inner form .field input:focus{border-color:#ffd29d}.form-inner form .field input::-webkit-input-placeholder{color:#999;-webkit-transition:all .3s ease;transition:all .3s ease}.form-inner form .field input:-ms-input-placeholder{color:#999;-ms-transition:all .3s ease;transition:all .3s ease}.form-inner form .field input::placeholder{color:#999;transition:all .3s ease}form .field input:focus::-webkit-input-placeholder{color:#b3b3b3}form .field input:focus:-ms-input-placeholder{color:#b3b3b3}form .field input:focus::placeholder{color:#b3b3b3}.form-inner form .pass-link{margin-top:5px}.form-inner form .signup-link{margin-top:30px;text-align:center}.form-inner form .pass-link a,.form-inner form .signup-link a{color:#ffd70e;text-decoration:none}.form-inner form .pass-link a:hover,.form-inner form .signup-link a:hover{text-decoration:underline}form .btn{border-radius:5px;height:50px;overflow:hidden;position:relative;width:100%}form .btn .btn-layer{background:-webkit-linear-gradient(right,#fcc201,#ffd70e,#fcc201,#ffd70e);border-radius:5px;height:100%;left:-100%;position:absolute;transition:all .4s ease;width:300%}form .btn:hover .btn-layer{left:0}form .btn input[type=submit]{background:none;border:none;border-radius:5px;color:#292929;cursor:pointer;font-size:20px;font-weight:500;height:100%;padding-left:0;position:relative;width:100%;z-index:1}.margin-fifty{margin-left:-50%}.margin-zero{margin-left:0}[data-rbd-drag-handle-context-id="0"]{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow-wrap:normal!important;touch-action:manipulation}h3{overflow-wrap:normal!important}.emphasis{font-weight:700!important}.play{font-weight:500!important;text-align:center}.create-container{align-items:center;background:-webkit-repeating-linear-gradient(-45deg,#d69a33,#684235,#d69a33,#684235);background-size:400%;display:flex;justify-content:center;min-height:100vh;overflow:hidden}.create-wrapper{background:#fff;border-radius:10px;box-shadow:0 0 30px rgba(0,0,0,.06);padding:18px 25px 20px;width:700px}.create-wrapper :where(.create-title,li,li i,.create-details){align-items:center;display:flex}.create-title img{max-width:21px}.create-title h2{font-size:21px;font-weight:600;margin-left:8px}.create-wrapper .create-content{margin:10px 0}.create-content p{font-size:15px}.create-content ul{border:1px solid #a6a6a6;border-radius:5px;display:flex;flex-wrap:wrap;margin:12px 0;padding:7px}.create-content ul li{background:#f2f2f2;border:1px solid #e3e1e1;border-radius:5px;color:#333;list-style:none;margin:4px 3px;padding:5px 8px 5px 10px;text-transform:none}.create-content ul li i{background:#dfdfdf;border-radius:50%;color:grey;cursor:pointer;font-size:12px;height:20px;justify-content:center;margin-left:8px;width:20px}.create-content ul input{border:none;flex:1 1;font-size:16px;outline:none;padding:5px;text-transform:none}.create-wrapper .create-details{justify-content:space-around}.create-details button{background:#d69a33;border:none;border-radius:5px;color:#353535;cursor:pointer;font-size:14px;outline:none;padding:9px 15px;transition:.3s ease}.create-details button:hover{background:#e6a639}.navbar{align-items:center;display:flex;justify-content:space-between}.navbar a{color:inherit;text-decoration:none}.upload-wrapper{border-radius:5px;padding:30px}.upload-wrapper header{color:#2c2c2c;font-size:27px;font-weight:600;text-align:center}.upload-wrapper form{align-items:center;border:2px dashed #2c2c2c;border-radius:5px;cursor:pointer;display:flex;flex-direction:column;height:167px;justify-content:center;margin:30px 0}form :where(i){color:#d69a33}form i{font-size:70px}form p{font-size:16px;margin-top:15px}section .row{align-items:center;background:#ffe9c4;border-radius:5px;display:flex;justify-content:space-between;list-style:none;margin-bottom:10px;padding:15px 20px}section .row i{color:#d69a33;font-size:30px}section .details span{font-size:14px}.progress-area .row .content{margin-left:15px;width:100%}.progress-area .details{align-items:center;display:flex;justify-content:space-between;margin-bottom:7px}.progress-area .content .progress-bar{background:#fff;border-radius:30px;height:6px;margin-bottom:4px;width:100%}.content .progress-bar .progress{background:#d69a33;border-radius:inherit;height:100%;width:0}.uploaded-area{max-height:232px;overflow-y:scroll}.uploaded-area.onprogress{max-height:150px}.uploaded-area::-webkit-scrollbar{width:0}.uploaded-area .row .content{align-items:center;display:flex}.uploaded-area .row .details{display:flex;flex-direction:column;margin-left:15px}.uploaded-area .row .details .size{color:#404040;font-size:11px}.uploaded-area i.fa-check{font-size:16px}.create-container .field{align-items:center;display:flex;justify-content:space-between}.create-wrapper .field{border:1px solid #e1e1e1;border-radius:4px;height:45px;margin:12px 0 -5px;padding:0 5px}.field.active{border-color:#d69a33}.field input{border:none;font-size:15px;height:100%;outline:none;width:100%}.field i{font-size:18px;text-align:center;width:50px}.field.active i{color:#d69a33}.field button,.share-button{background:#d69a33;border:2px solid transparent;border-radius:4px;color:#313131;cursor:pointer;font-weight:500;outline:none;overflow-wrap:normal;padding:5px 18px;transition:background .1s linear,border-color .1s linear,color .1s linear}.field button:hover{background:#d69a20}.not-found{background:-webkit-repeating-linear-gradient(-45deg,#d69a33,#684235,#d69a33,#684235);background-size:400%;height:100vh}.error-page{align-items:center;background:#fff;bottom:10%;box-shadow:0 5px 10px rgba(0,0,0,.1);display:flex;justify-content:center;left:15%;position:absolute;right:15%;top:10%}.error-page .content{text-align:center}.content h2.header{font-size:18vw;line-height:1em;position:relative}.content h2.header:after{-webkit-text-fill-color:transparent;-webkit-animation:animate 10s ease-in-out infinite;animation:animate 10s ease-in-out infinite;background:-webkit-repeating-linear-gradient(-45deg,#d69a33,#684235,#d69a33,#684235);-webkit-background-clip:text;background-size:400%;content:attr(data-text);left:0;position:absolute;right:0;text-shadow:1px 1px 2px hsla(0,0%,100%,.25);top:0}@-webkit-keyframes animate{0%{background-position:0 0}25%{background-position:100% 0}50%{background-position:100% 100%}75%{background-position:0 100%}to{background-position:0 0}}@keyframes animate{0%{background-position:0 0}25%{background-position:100% 0}50%{background-position:100% 100%}75%{background-position:0 100%}to{background-position:0 0}}.content h4{color:#000;font-size:1.5em;font-size:2em;margin-bottom:20px;max-width:600px;position:relative;text-transform:uppercase}.content h4:after{-webkit-text-fill-color:transparent;-webkit-background-clip:text;content:attr(data-text);left:0;position:absolute;right:0;text-shadow:1px 1px 2px hsla(0,0%,100%,.4);top:0}.content p{color:#0d0d0d;font-size:1.2em}.content .btns{display:inline-flex;margin:25px 0}.content .btns a{border:2px solid #181818;border-radius:25px;color:#181818;display:inline-block;font-weight:500;margin:0 10px;padding:10px 25px;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.content .btns a:hover{background:#ffd70e;border:2px solid #ffd70e;color:#181818}:root{--container-color:#eee;--sidebar-color:#fff;--primary-color:#d69a33;--primary-color-light:#f1e4d1;--toggle-color:#ddd;--text-color:#2e2e2e;--cell-color:#f2f2f2;--tran-03:all 0.2s ease;--tran-03:all 0.3s ease;--tran-04:all 0.3s ease;--tran-05:all 0.3s ease}.dash-container{background-color:#eee;background-color:var(--container-color);min-height:100vh;transition:all .3s ease;transition:var(--tran-05)}::selection{background-color:#d69a33;background-color:var(--primary-color);color:#fff}.dash-container.dark{--container-color:#fed692;--sidebar-color:#242526;--primary-color:#3a3b3c;--primary-color-light:#3a3b3c;--toggle-color:#fff;--text-color:#ccc;--cell-color:#242526}.sidebar{background:#fff;background:var(--sidebar-color);height:100%;left:0;padding:10px 14px;position:fixed;top:0;transition:all .3s ease;transition:var(--tran-05);width:250px;z-index:100}.sidebar.close{width:88px}.sidebar li{align-items:center;display:flex;height:50px;list-style:none;margin-top:10px}.sidebar .icon,.sidebar header .image{border-radius:6px;min-width:60px}.sidebar .icon{align-items:center;display:flex;font-size:20px;height:100%;justify-content:center}.sidebar .icon,.sidebar .text{color:#2e2e2e;color:var(--text-color);transition:all .3s ease;transition:var(--tran-03)}.sidebar .text{font-size:16px;font-weight:500;opacity:1;white-space:nowrap}.sidebar.close .text{opacity:0}.sidebar header{position:relative}.sidebar header .image-text{align-items:center;display:flex}.sidebar header .logo-text{display:flex;flex-direction:column}header .image-text .name{font-size:18px;font-weight:600;margin-top:2px}header .image-text .profession{display:block;font-size:16px;margin-top:-2px}.sidebar header .image{align-items:center;display:flex;justify-content:center}.sidebar header .image img{border-radius:6px;width:40px}.sidebar header .toggle{background-color:#d69a33;background-color:var(--primary-color);height:25px;position:absolute;right:-25px;top:50%;-webkit-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg);transition:all .3s ease;transition:var(--tran-05);width:25px}.add,.sidebar header .toggle{align-items:center;border-radius:50%;color:#fff;color:var(--sidebar-color);cursor:pointer;display:flex;font-size:22px;justify-content:center}.add{background-color:#d69a33;height:20px;width:20px}.dash-container.dark .sidebar header .toggle{color:#2e2e2e;color:var(--text-color)}.sidebar.close .toggle{-webkit-transform:translateY(-50%) rotate(0deg);transform:translateY(-50%) rotate(0deg)}.sidebar .menu{margin-top:40px}.sidebar li.dashboard{background-color:#f1e4d1;background-color:var(--primary-color-light);border-radius:6px;cursor:pointer;transition:all .3s ease;transition:var(--tran-05)}.sidebar li button{align-items:center;background-color:transparent;border:none;border-radius:6px;cursor:pointer;display:flex;height:100%;list-style:none;text-decoration:none;transition:all .3s ease;transition:var(--tran-03);width:100%}.sidebar li button:hover{background-color:#d69a33;background-color:var(--primary-color)}.sidebar li button:hover .icon,.sidebar li button:hover .text{color:#fff;color:var(--sidebar-color)}.dash-container.dark .sidebar li button:hover .icon,.dash-container.dark .sidebar li button:hover .text{color:#2e2e2e;color:var(--text-color)}.sidebar .menu-bar{display:flex;flex-direction:column;height:calc(100% - 55px);justify-content:space-between;overflow-y:scroll}.menu-bar::-webkit-scrollbar{display:none}.sidebar .menu-bar .mode{background-color:#f1e4d1;background-color:var(--primary-color-light);border-radius:6px;position:relative;transition:all .3s ease;transition:var(--tran-05)}.menu-bar .mode .sun-moon{height:50px;width:60px}.mode .sun-moon i{position:absolute}.mode .sun-moon i.sun{opacity:0}.dash-container.dark .mode .sun-moon i.sun{opacity:1}.dash-container.dark .mode .sun-moon i.moon{opacity:0}.menu-bar .bottom-content .toggle-switch{align-items:center;border-radius:6px;cursor:pointer;display:flex;height:100%;justify-content:center;min-width:60px;position:absolute;right:0}.toggle-switch .switch{background-color:#ddd;background-color:var(--toggle-color);border-radius:25px;height:22px;position:relative;transition:all .3s ease;transition:var(--tran-05);width:40px}.switch:before{background-color:#fff;background-color:var(--sidebar-color);border-radius:50%;content:"";height:15px;left:5px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:all .3s ease;transition:var(--tran-04);width:15px}.dash-container.dark .switch:before{left:20px}.home{background-color:#eee;background-color:var(--container-color);left:250px;position:absolute;top:0;transition:all .3s ease;transition:var(--tran-05);width:calc(100% - 250px)}.home .text{color:#2e2e2e;color:var(--text-color);font-size:30px;font-weight:500;padding:12px 60px}.sidebar.close~.home{left:78px;width:calc(100% - 78px)}.dash-container.dark .home .text{color:#2e2e2e;color:var(--text-color)}.data{padding:2rem}.MuiPaper-root{background-color:#fff!important;background-color:var(--sidebar-color)!important;color:#2e2e2e!important;color:var(--text-color)!important}.MuiInput-underline:after,.MuiInput-underline:before{border-bottom:1px solid #2e2e2e!important;border-bottom:1px solid var(--text-color)!important}.MuiButtonBase-root,.MuiInputBase-input,.MuiSvgIcon-root,.MuiTableCell-body,.MuiTableSortLabel-root,.MuiTypography-caption,.MuiTypography-h6,input{color:#2e2e2e!important;color:var(--text-color)!important}h6.MuiTypography-root.MuiTypography-h6{color:#ff5c35!important}@media (max-width:450px){html{font-size:80%!important}.sidebar{height:100%;padding:0;position:fixed;top:0;width:40px}.sidebar .text{display:none;opacity:0}.sidebar .icon{min-width:40px;text-align:center}.sidebar.close{margin:0;padding:0;width:40px}.sidebar.close~.home{left:25px;width:100%}.sidebar header .toggle{display:none}.sidebar header .image img{border-radius:6px;margin-right:20px;width:25px}.home{background-color:#eee;background-color:var(--container-color);left:25px;position:absolute;top:0;transition:all .3s ease;transition:var(--tran-05);width:100%}.sidebar .menu{width:40px}.create-container{align-items:center;background:-webkit-repeating-linear-gradient(-45deg,#d69a33,#684235,#d69a33,#684235);background-size:400%;display:flex;justify-content:center;padding:20px}.create-wrapper{background:#fff;border-radius:10px;box-shadow:0 0 30px rgba(0,0,0,.06);margin:20px;padding:10px}.create-content>p,.create-content>ul>input{font-size:1.2rem}.create-details button,.share-button{background:#d69a33;border:none;border-radius:5px;color:#353535;cursor:pointer;font-size:1rem;outline:none;padding:7px 13px;transition:.3s ease}.create-details button:hover{background:#e6a639}.upload-wrapper{border-radius:5px;padding:30px}.upload-wrapper header{color:#2c2c2c;font-size:1.5rem;font-weight:600;text-align:center}form i{font-size:40px}form p{margin-top:15px}.duration,form p{font-size:1.2rem!important}.duration{left:50%!important;outline:"none";position:absolute;top:10%!important}.data{padding:0}.menu-bar .bottom-content .toggle-switch{min-width:30px}.create-wrapper,.wrapper{width:100%}.wrapper{position:absolute}.add{font-size:15px;height:15px;width:15px;z-index:99999}}body{align-items:center;background-color:#d69a33;display:flex;justify-content:center}.main-container{word-wrap:break-word;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;color:hsla(0,0%,100%,.87);color-scheme:light dark;display:flex;font-family:Poppins,sans-serif;font-synthesis:none;font-weight:400;line-height:1.5;margin:0 auto;min-height:100vh;min-width:320px;padding:0 20px;place-items:center;width:60%}a{font-weight:500;text-decoration:inherit}a,a:hover{color:#d69a33}.demo-h1{line-height:1.3;margin-bottom:30px;text-align:center}.big,.demo-h1{font-size:3rem}.big{font-weight:500!important}.small{font-size:2rem}.big-text{font-size:2.8rem;line-height:1.3;margin:30px 0;text-align:center}.demo-button{background-color:#d69a33;border:0 solid transparent;border-radius:8px;color:#1a1a1a;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:500;padding:.2em 1.2em}.main{background-color:#f9f9f9;border-radius:7px;color:#1a1a1a;margin:20px;padding:20px 30px}.demo-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:30px}.demo-img{margin:30px 0;width:100%}.demo-logo{border-radius:5px;width:100px}.p-links{margin:15px 0}.button-container{align-items:center;display:flex;justify-content:flex-end}.button-space{padding:10px}@media (max-width:450px){.main{margin:10px 0}.demo-h1{line-height:1.1}.button-container{align-items:center;display:flex;justify-content:space-between}.demo-button{margin:0 0 10px}.button-space{padding:0}.demo-logo{border-radius:5px;margin:10px;width:50px}.large_img{width:100%}.main-container{min-width:100%}}
/*# sourceMappingURL=main.015f1602.css.map*/