:root{--color-grey-light-1: #faf9f9;--color-grey-light-2: #f4f2f2;--color-grey-light-3: #f0eeee;--color-grey-light-4: #ccc;--color-grey-dark-1: #333;--color-grey-dark-2: #777;--color-grey-dark-3: #999;--shadow-dark: 0 2rem 6rem rgba(0, 0, 0, 0.3);--shadow-light: 0 2rem 5rem rgba(0, 0, 0, 0.06);--line: 1px solid var(--color-grey-light-2)}*{margin:0;padding:0}*,*::before,*::after{box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%}body{font-family:"Titillium Web", sans-serif;font-weight:400;line-height:1.6;color:var(--color-grey-dark-2);background-image:linear-gradient(to right bottom, #597bce, #fe72a7);background-size:cover;background-repeat:no-repeat;min-height:100vh}.hero_bg{width:100%;height:100%;background-image:url(../img/onboarding/Illustration.png);background-size:cover;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end}.hero_bg__text{margin-right:2rem;padding-left:10rem;color:#242833;font-size:2rem;font-weight:600;text-align:right;color:#6893fd}.hero_bg__btn{height:5rem;width:5rem;background-image:url(../img/onboarding/icon.png);background-size:cover;margin:2rem 2rem 2rem 0}.loader{color:black;align-self:center;justify-self:center;font-size:40px;text-indent:-9999em;overflow:hidden;width:1em;height:1em;border-radius:50%;margin:72px auto;position:relative;transform:translateZ(0);-webkit-animation:load6 1.7s infinite ease, round 1.7s infinite ease;animation:load6 1.7s infinite ease, round 1.7s infinite ease}@-webkit-keyframes load6{0%{box-shadow:0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,
 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em}5%,95%{box-shadow:0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,
 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em}10%,59%{box-shadow:0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em,
 -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em,
 -0.297em -0.775em 0 -0.477em}20%{box-shadow:0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em,
 -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em,
 -0.749em -0.34em 0 -0.477em}38%{box-shadow:0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em,
 -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em,
 -0.82em -0.09em 0 -0.477em}100%{box-shadow:0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,
 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em}}@keyframes load6{0%{box-shadow:0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,
 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em}5%,95%{box-shadow:0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,
 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em}10%,59%{box-shadow:0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em,
 -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em,
 -0.297em -0.775em 0 -0.477em}20%{box-shadow:0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em,
 -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em,
 -0.749em -0.34em 0 -0.477em}38%{box-shadow:0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em,
 -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em,
 -0.82em -0.09em 0 -0.477em}100%{box-shadow:0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,
 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em}}@-webkit-keyframes round{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes round{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.container{max-height:100%;max-width:100%;font-size:1.4rem;height:100%;margin:0 0 0 3rem;display:flex}@media only screen and (max-width: 23.438em){.container{margin:0}}.main_lhs{height:100vh;width:30rem;min-width:27rem;background-color:#ffffff;box-shadow:var(--shadow-dark)}@media only screen and (max-width: 23.438em){.main_lhs{width:100%}}.main_rhs{opacity:0}.home_container{max-height:100%;max-width:100%;font-size:1.4rem;height:100%;margin:0 0 0 3rem;display:flex}@media only screen and (max-width: 23.438em){.home_container{margin:0}}.home_container .main_lhs{height:100vh;width:30rem;min-width:27rem;background-color:#ffffff;box-shadow:var(--shadow-dark);display:flex;flex-direction:column}@media only screen and (max-width: 23.438em){.home_container .main_lhs{width:100%}}.home_container .main_lhs__hero{background-color:#6893fd;color:white;height:20rem;padding:5rem 3rem}.home_container .main_lhs__hero .progress_bar{width:100%;background-color:rgba(89,123,206,0.7);margin-top:1rem;border-radius:50rem}.home_container .main_lhs__hero .progress_bar .progress{width:60%;padding:1px;background-color:#fe72a7}.home_container .main_lhs__hero p{color:rgba(255,255,255,0.7)}.home_container .main_lhs p>em{color:white;font-style:normal;font-size:1.75rem}.home_container .main_lhs .content{background-color:white;border-radius:3rem 3rem 0 0;margin-top:-3rem;height:100%}.home_container .main_lhs .content .search{display:flex;background-color:#f5f7fc;border-radius:5rem;padding:0.5rem;margin:2rem 2rem;align-items:center}.home_container .main_lhs .content .search .text{border:none;text-decoration:none;margin-left:1rem;background-color:#f5f7fc}.home_container .main_lhs .content .search .text:focus{outline:none}.home_container .main_lhs .content .search div{padding-left:1rem}.home_container .main_lhs .content .tab{display:flex;margin:1rem 0;justify-content:space-around;text-transform:capitalize;border-bottom:1px solid rgba(0,0,0,0.1)}.home_container .main_lhs .content .tab .active{padding:0 2rem;border-bottom:3px solid #6893fd}.main_rhs{opacity:0}.folder{display:flex;flex-wrap:wrap;margin:1rem 1rem;justify-content:center}@media only screen and (max-width: 23.438em){.folder{justify-content:space-around}}.folder .card{border-radius:1rem;padding:1rem;margin:0.5rem;background-color:#f5f7fc;display:flex;justify-content:space-around}@media only screen and (max-width: 23.438em){.folder .card{margin:1rem}}.folder .card .left{width:90%;text-align:left}.folder .card .left__title{font-weight:600;color:black}.folder .card .left__member{display:flex;list-style:none}.folder .card .left__member li{display:inline-block;padding:0.4rem 1rem;margin-top:1rem;color:white;border:2px solid white;background:#959fba;border-radius:1rem}.folder .card .left__member li:not(:first-child){margin-left:-1rem}.folder .card__icon{color:#959fba;margin:0 -1rem}@media only screen and (max-width: 23.438em){.folder .card__icon{margin:0 1rem}}.menu{font-size:1.4rem;margin:0 0 0 3rem;width:30rem;position:fixed;bottom:0;text-align:center;background-color:white;display:flex;list-style:none;justify-content:space-around;padding:2rem 0;box-shadow:var(--shadow-dark);align-items:center}@media only screen and (max-width: 23.438em){.menu{margin:0}}@media only screen and (max-width: 23.438em){.menu{width:100%}}.menu li{cursor:pointer}.menu li:hover{color:#6893fd;transition:all 0.5s ease}.menu .special{transform:rotate(45deg);display:inline-block;padding:0.5rem 1rem;border-radius:1rem;color:white;background-color:#959fba}.menu .active{display:inline-block;padding:0.6rem 1rem;margin:-1rem;border-radius:1rem;color:#6893fd;background-color:#f5f7fc}.popup.in{position:fixed;bottom:0;width:inherit;height:20rem;border-radius:13rem 13rem 0 0;z-index:99999;background-color:white;box-shadow:var(--shadow-dark);-webkit-animation:popButton 0.4s forwards 0s ease-in-out;animation:popButton 0.4s forwards 0s ease-in-out;display:flex;flex-direction:column;align-items:center}.popup.in .btn__list{display:flex;justify-content:center;align-items:center}.popup.in .btn__list .button{text-align:center;margin:1rem;padding:1rem;-webkit-animation:popButton 0.5s forwards 0s ease-in-out;animation:popButton 0.5s forwards 0s ease-in-out}.popup.in .btn__list .button i{display:flex;justify-content:center;align-items:center;height:5rem;width:5rem;color:#6893fd;background-color:#e8f9fb;border-radius:2rem}.popup.in .btn__list .button.up{padding-bottom:10rem}.popup.in .close{-webkit-animation:popButton 0.5s forwards 0s ease-in-out;animation:popButton 0.5s forwards 0s ease-in-out;margin-top:-7rem;display:flex;justify-content:center;align-items:center;height:5rem;width:5rem;color:#6893fd;background-color:#e8f9fb;border-radius:90rem}.popup.in .close i{transform:rotate(45deg);font-size:2rem}.popup.out{animation:popButton 0.5s reverse 0s ease-in-out;opacity:0;display:none;z-index:-9999}@-webkit-keyframes popButton{0%{transform:translateY(200px)}76%{transform:translateY(-10px)}100%{transform:rotate(xx) translateY(0)}}@keyframes popButton{0%{transform:translateY(200px)}76%{transform:translateY(-10px)}100%{transform:rotate(xx) translateY(0)}}.local_container{max-height:100%;max-width:100%;font-size:1.4rem;height:100%;margin:0 0 0 3rem;display:flex}@media only screen and (max-width: 23.438em){.local_container{margin:0}}.local_container .main_lhs{height:100vh;width:30rem;min-width:27rem;background-color:#ffffff;box-shadow:var(--shadow-dark);display:flex;flex-direction:column}@media only screen and (max-width: 23.438em){.local_container .main_lhs{width:100%}}.local_container .main_lhs__hero{background-color:white;color:#345095;padding:5rem 3rem 0 3rem}.local_container .main_lhs .content{background-color:white;border-radius:3rem 3rem 0 0;height:100%}.local_container .main_lhs .content .search{display:flex;background-color:#f5f7fc;border-radius:5rem;padding:0.5rem;margin:2rem 2rem;align-items:center}.local_container .main_lhs .content .search .text{border:none;text-decoration:none;margin-left:1rem;background-color:#f5f7fc}.local_container .main_lhs .content .search .text:focus{outline:none}.local_container .main_lhs .content .search div{padding-left:1rem}.local_container .main_lhs .content .category{display:flex;list-style:none;justify-content:center}.local_container .main_lhs .content .category__items{margin:1rem;text-align:center}.local_container .main_lhs .content .category__items--img{padding:1.5rem 2rem;display:inline-block;background-color:#e8f9fb;border:1rem;border-radius:2rem}.local_container .main_lhs .content .category__items--title{margin-top:0.5rem}.local_container .main_lhs .content .category__items--video{background-color:rgba(33,150,243,0.1);color:#2196f3}.local_container .main_lhs .content .category__items--image{background-color:rgba(255,193,7,0.1);color:#ffc107}.local_container .main_lhs .content .category__items--archive{background-color:rgba(74,195,103,0.1);color:#4ac367}.local_container .main_lhs .content .category__items--document{background-color:rgba(141,110,99,0.1);color:#8d6e63}.local_container .main_lhs .content .files .file{width:100%;display:flex;align-items:center}.local_container .main_lhs .content .files .file__img{margin:1rem;text-align:center;padding:1.5rem 2rem;display:inline-block;background-color:#e8f9fb;border-radius:2rem}.local_container .main_lhs .content .files .file__more{flex:auto;text-align:right;padding-right:1rem;margin:1rem}.local_container .main_lhs .content .files .file--video{background-color:rgba(33,150,243,0.1);color:#2196f3}.local_container .main_lhs .content .files .file--image{background-color:rgba(255,193,7,0.1);color:#ffc107}.local_container .main_lhs .content .files .file--archive{background-color:rgba(74,195,103,0.1);color:#4ac367}.local_container .main_lhs .content .files .file--document{background-color:rgba(141,110,99,0.1);color:#8d6e63}.local_container .main_lhs .menu{font-size:1.4rem;margin:0 0 0 3rem;width:30rem;position:fixed;bottom:0;text-align:center;background-color:white;display:flex;list-style:none;justify-content:space-around;padding:2rem 0;box-shadow:var(--shadow-dark);align-items:center}@media only screen and (max-width: 23.438em){.local_container .main_lhs .menu{margin:0}}@media only screen and (max-width: 23.438em){.local_container .main_lhs .menu{width:100%}}.local_container .main_lhs .menu li{cursor:pointer}.local_container .main_lhs .menu li:hover{color:#6893fd;transition:all 0.5s ease}.local_container .main_lhs .menu .special{transform:rotate(45deg);display:inline-block;padding:0.5rem 1rem;border-radius:1rem;color:white;background-color:#959fba}.local_container .main_lhs .menu .active{display:inline-block;padding:0.6rem 1rem;margin:-1rem;border-radius:1rem;color:#6893fd;background-color:#f5f7fc}.main_rhs{opacity:0}.manage_container{max-height:100%;max-width:100%;font-size:1.4rem;height:100%;margin:0 0 0 3rem;display:flex}@media only screen and (max-width: 23.438em){.manage_container{margin:0}}.manage_container .main_lhs{height:100vh;width:30rem;min-width:27rem;background-color:#ffffff;box-shadow:var(--shadow-dark);display:flex;flex-direction:column}@media only screen and (max-width: 23.438em){.manage_container .main_lhs{width:100%}}.manage_container .main_lhs__hero{background-color:white;color:#345095;padding:5rem 3rem 0 3rem}.manage_container .main_lhs .content{background-color:white;border-radius:3rem 3rem 0 0;height:100%}.manage_container .main_lhs .content .category{display:flex;list-style:none;justify-content:center}.manage_container .main_lhs .content .category__items{margin:1rem;display:flex;flex-direction:column;text-align:center;align-items:center}.manage_container .main_lhs .content .category__items--img{display:flex;justify-content:center;align-items:center;height:2rem;width:2rem;margin:1rem;border-radius:2rem}.manage_container .main_lhs .content .category__items--title{margin-top:0.5rem}.manage_container .main_lhs .content .category__items--video{background-color:#2196f3;color:#2196f3}.manage_container .main_lhs .content .category__items--image{background-color:#ffc107;color:#ffc107}.manage_container .main_lhs .content .category__items--archive{background-color:#4ac367;color:#4ac367}.manage_container .main_lhs .content .category__items--document{background-color:#8d6e63;color:#8d6e63}.manage_container .main_lhs .content .files .file{width:100%;display:flex;align-items:center}.manage_container .main_lhs .content .files .file__img{margin:1rem;text-align:center;padding:1.5rem 2rem;display:inline-block;background-color:#e8f9fb;border-radius:2rem}.manage_container .main_lhs .content .files .file__img--video{background-color:#2196f3;color:#2196f3}.manage_container .main_lhs .content .files .file__img--image{background-color:#ffc107;color:#ffc107}.manage_container .main_lhs .content .files .file__img--archive{background-color:#4ac367;color:#4ac367}.manage_container .main_lhs .content .files .file__img--document{background-color:#8d6e63;color:#8d6e63}.manage_container .main_lhs .content .files .file__more{flex:auto;text-align:right;padding-right:1rem;margin:1rem}.manage_container .main_lhs .content .files .file--video{background-color:rgba(33,150,243,0.1);color:#2196f3}.manage_container .main_lhs .content .files .file--image{background-color:rgba(255,193,7,0.1);color:#ffc107}.manage_container .main_lhs .content .files .file--archive{background-color:rgba(74,195,103,0.1);color:#4ac367}.manage_container .main_lhs .content .files .file--document{background-color:rgba(141,110,99,0.1);color:#8d6e63}.manage_container .main_lhs .menu{font-size:1.4rem;margin:0 0 0 3rem;width:30rem;position:fixed;bottom:0;text-align:center;background-color:white;display:flex;list-style:none;justify-content:space-around;padding:2rem 0;box-shadow:var(--shadow-dark);align-items:center}@media only screen and (max-width: 23.438em){.manage_container .main_lhs .menu{margin:0}}@media only screen and (max-width: 23.438em){.manage_container .main_lhs .menu{width:100%}}.manage_container .main_lhs .menu li{cursor:pointer}.manage_container .main_lhs .menu li:hover{color:#6893fd;transition:all 0.5s ease}.manage_container .main_lhs .menu .special{transform:rotate(45deg);display:inline-block;padding:0.5rem 1rem;border-radius:1rem;color:white;background-color:#959fba}.manage_container .main_lhs .menu .active{display:inline-block;padding:0.6rem 1rem;margin:-1rem;border-radius:1rem;color:#6893fd;background-color:#f5f7fc}.main_rhs{opacity:0}.notif_container{max-height:100%;max-width:100%;font-size:1.4rem;height:100%;margin:0 0 0 3rem;display:flex}@media only screen and (max-width: 23.438em){.notif_container{margin:0}}.notif_container .main_lhs{height:100vh;width:30rem;min-width:27rem;background-color:#ffffff;box-shadow:var(--shadow-dark)}@media only screen and (max-width: 23.438em){.notif_container .main_lhs{width:100%}}.notif_container .main_lhs .content{display:flex;flex-direction:column;margin:2rem;color:#345095}.notif_container .main_lhs .content__title{color:#345095}.notif_container .main_lhs .content__img{align-self:center;justify-self:center;height:25rem;width:100%;margin-top:5rem;background-repeat:no-repeat;background-size:contain}.notif_container .main_lhs .content__text{align-self:center;justify-self:center;font-weight:bold;font-size:2rem}.notif_container .main_lhs .content__subtext{margin-top:2rem;text-align:center}.notif_container .main_lhs .menu{font-size:1.4rem;margin:0 0 0 3rem;width:30rem;position:fixed;bottom:0;text-align:center;background-color:white;display:flex;list-style:none;justify-content:space-around;padding:2rem 0;box-shadow:var(--shadow-dark);align-items:center}@media only screen and (max-width: 23.438em){.notif_container .main_lhs .menu{margin:0}}@media only screen and (max-width: 23.438em){.notif_container .main_lhs .menu{width:100%}}.notif_container .main_lhs .menu li{cursor:pointer}.notif_container .main_lhs .menu li:hover{color:#6893fd;transition:all 0.5s ease}.notif_container .main_lhs .menu .special{transform:rotate(45deg);display:inline-block;padding:0.5rem 1rem;border-radius:1rem;color:white;background-color:#959fba}.notif_container .main_lhs .menu .active{display:inline-block;padding:0.6rem 1rem;margin:-1rem;border-radius:1rem;color:#6893fd;background-color:#f5f7fc}.notif_container .main_rhs{opacity:0}.profile_container{max-height:100%;max-width:100%;font-size:1.4rem;height:100%;margin:0 0 0 3rem;display:flex}@media only screen and (max-width: 23.438em){.profile_container{margin:0}}.profile_container .main_lhs{height:100vh;width:30rem;min-width:27rem;background-color:#ffffff;box-shadow:var(--shadow-dark);display:flex;flex-direction:column}@media only screen and (max-width: 23.438em){.profile_container .main_lhs{width:100%}}.profile_container .main_lhs__title{background-color:white;color:#345095;padding:5rem 3rem 0 3rem;display:flex;justify-content:space-between;align-items:center}.profile_container .main_lhs__hero{height:20rem;padding:1rem 3rem;color:#345095}.profile_container .main_lhs__hero .user{display:flex}.profile_container .main_lhs__hero .user--img{display:flex;justify-content:center;align-items:center;height:6rem;width:6rem;background-color:#959fba;border-radius:2rem;margin:0 2rem 2rem 0}.profile_container .main_lhs__hero p>em{font-weight:bold;font-style:normal;font-size:1.75rem}.profile_container .main_lhs__hero .progress_bar{width:100%;background-color:rgba(89,123,206,0.7);margin-top:1rem;border-radius:50rem}.profile_container .main_lhs__hero .progress_bar .progress{width:60%;padding:1px;background-color:#fe72a7}.profile_container .main_lhs .content{background-color:white;border-radius:3rem 3rem 0 0;height:100%;display:flex;flex-direction:column}.profile_container .main_lhs .content .btn{align-self:center;display:flex;justify-content:center;align-items:center;height:4rem;width:80%;border:2px solid #fe72a7;border-radius:99rem;padding:0 2rem;color:#fe72a7;font-weight:bold;margin-bottom:2rem}.profile_container .main_lhs .content .files{display:flex;flex-direction:column;align-items:center}.profile_container .main_lhs .content .files .file{margin-top:1rem;color:#345095;width:90%;background-color:#f5f7fc;display:flex;align-items:center;border-radius:1rem;justify-content:space-between;padding-right:2rem}.profile_container .main_lhs .content .files .file__name{margin:0 2rem;padding:1rem 0}.profile_container .main_lhs .content .files .file__name--main{font-weight:bold}.profile_container .main_lhs .content .files .file__name--sub{font-weight:100;font-size:1rem}.profile_container .main_lhs .content .files .file__switch .label{justify-self:flex-end;display:flex;border-radius:10rem;height:2rem;width:4rem}.profile_container .main_lhs .content .files .file__switch .label--off{background-color:rgba(0,0,0,0.1);border:1px solid rgba(0,0,0,0.3)}.profile_container .main_lhs .content .files .file__switch .label--on{background-color:#357edd;border:1px solid #357edd;justify-content:flex-end}.profile_container .main_lhs .content .files .file__switch .label__input{display:none}.profile_container .main_lhs .content .files .file__switch .label__circle{border-radius:9999px;width:2rem;background-color:#fff;border:1px solid rgba(0,0,0,0.3)}.profile_container .main_lhs .menu{font-size:1.4rem;margin:0 0 0 3rem;width:30rem;position:fixed;bottom:0;text-align:center;background-color:white;display:flex;list-style:none;justify-content:space-around;padding:2rem 0;box-shadow:var(--shadow-dark);align-items:center}@media only screen and (max-width: 23.438em){.profile_container .main_lhs .menu{margin:0}}@media only screen and (max-width: 23.438em){.profile_container .main_lhs .menu{width:100%}}.profile_container .main_lhs .menu li{cursor:pointer}.profile_container .main_lhs .menu li:hover{color:#6893fd;transition:all 0.5s ease}.profile_container .main_lhs .menu .special{transform:rotate(45deg);display:inline-block;padding:0.5rem 1rem;border-radius:1rem;color:white;background-color:#959fba}.profile_container .main_lhs .menu .active{display:inline-block;padding:0.6rem 1rem;margin:-1rem;border-radius:1rem;color:#6893fd;background-color:#f5f7fc}.main_rhs{opacity:0}