@import url(https://pro.fontawesome.com/releases/v6.0.0-beta1/css/all.css);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#09090b;font-family:GeistSans,GeistSans Fallback,system-ui,sans-serif;margin:0;-webkit-user-select:none;user-select:none}.code,code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.button{background-color:#631b8d;border:1px solid #8123b8;border-radius:50px;box-shadow:0 2px 5px #0003;box-shadow:0 2px 5px var(--black-20);color:#fff;color:var(--white);cursor:pointer;display:inline-block;font-size:.8em;font-weight:700;margin:10px 0;max-width:200px;outline:none;padding:0 10px;text-align:center;text-decoration:none;transition:all .3s;width:100%}.button:active,.button:hover{background-color:#451362}.button1{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#ffffff1a;background-color:var(--white-10);border:1px dashed #ffffff80;border:1px dashed var(--white-50);border-radius:15px;color:#fff;color:var(--white);cursor:pointer;height:40px;padding:0 20px;transition:all .3s}.button1:hover{border:1px dashed #8123b8}.input{all:unset;border:1px solid #ecf0f380;border-radius:15px;color:#fff;color:var(--white);height:10px;padding:20px;text-align:left}.input:focus{border:1px solid #8123b8}.input:-webkit-autofill{-webkit-text-fill-color:#fff!important;-webkit-text-fill-color:var(--white)!important;-webkit-box-shadow:inset 0 0 0 1000px #ffffff1a;-webkit-box-shadow:0 0 0 1000px var(--white-10) inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.textarea{max-height:80px;min-height:40px;resize:vertical}.textarea::-webkit-scrollbar-track{background:#0000!important}.App{color:#fff;color:var(--white);display:flex;height:100vh;position:relative;text-align:center}.main-content{flex:1 1;min-width:450px;transition:margin-left .3s ease;width:100%}.main-content.retracted{margin-left:50px}.main-content.expanded{margin-left:250px}.main-content.no-sidebar{margin-left:0}.main-content .title-page{margin-left:50px;position:relative;text-align:left;z-index:-1}@media(max-width:768px){.main-content .title-page{margin-left:75px}}.main-content .title-page:after{background:#8123b8;border-radius:3px;bottom:-5px;content:"";height:5px;left:0;position:absolute;width:40px}@media(max-width:768px){.main-content{margin-left:0!important}}.navbar{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#ffffff1a;background-color:var(--white-10);border-radius:15px;box-shadow:0 4px 30px #0000001a;box-shadow:0 4px 30px var(--black-10);color:#fff;color:var(--white);display:flex;font-size:1em;gap:5px;margin-right:10px;margin-top:10px;padding:5px 6px;position:fixed;right:0;text-decoration:none;transition:all .3s;z-index:1000}@media(max-width:1024px){.navbar{border-radius:15px 15px 0 0;bottom:0;flex-wrap:wrap;gap:0;justify-content:center;left:0;padding:10px 0;position:fixed;right:0;width:100%;z-index:1000}}.navbar a{border:1px solid #0000;border-radius:15px;color:#fff;color:var(--white);padding:10px;text-align:center;text-decoration:none;transition:all .3s;width:74px}.navbar a:hover{font-weight:700}.navbar a.active{background-color:#09090b;border:1px dashed #ecf0f366;color:#bc76e5;font-weight:700;text-shadow:0 0 75px #8123b880,0 0 20px #8123b899}@media(max-width:485px){.navbar a{font-size:.8em;width:60px}}.tooltip{background-color:#2c2c2c;border:1px dashed #fff3;border:1px dashed var(--white-20);border-radius:5px;color:#fff;color:var(--white);font-size:12px;max-width:200px;opacity:1;padding:10px 15px;position:absolute;transition:opacity .2s ease-in-out;white-space:wrap;z-index:9999}.tooltip:before{border-style:solid;content:"";position:absolute}.tooltip.tooltip-top:before{border-color:#2c2c2c #0000 #0000;border-width:8px 8px 0;bottom:-8px;left:50%;transform:translateX(-50%)}.tooltip.tooltip-right:before{border-color:#0000 #2c2c2c #0000 #0000;border-width:8px 8px 8px 0;left:-8px;top:50%;transform:translateY(-50%)}.tooltip.tooltip-bottom:before{border-color:#0000 #0000 #2c2c2c;border-width:0 8px 8px;left:50%;top:-8px;transform:translateX(-50%)}.tooltip.tooltip-left:before{border-color:#0000 #0000 #0000 #2c2c2c;border-width:8px 0 8px 8px;right:-8px;top:50%;transform:translateY(-50%)}.invisible{display:none}.tooltip-container{cursor:pointer;display:inline-block}body::-webkit-scrollbar{height:5px;width:5px}body::-webkit-scrollbar-track{background:#8123b833}body::-webkit-scrollbar-thumb{background:#8123b81a;border:1px solid #451362;border-radius:20px;box-shadow:inset 1px 1px 0 #8123b8e6,inset -1px -1px 0 #8123b8e6}body::-webkit-scrollbar-thumb:hover{background:#8123b8e6}body::-webkit-scrollbar-button{height:0}.scroll_element::-webkit-scrollbar{height:3px;width:3px}.scroll_element::-webkit-scrollbar-track{background:#202027}.scroll_element::-webkit-scrollbar-thumb{background:#7e7e95;-webkit-transition:.5s;transition:.5s}.scroll_element::-webkit-scrollbar-thumb:hover{background:#8123b8cc;-webkit-transition:.5s;transition:.5s}.scroll_element::-webkit-scrollbar-button{height:0;width:0}.scroll_element_sidebar::-webkit-scrollbar{height:3px;width:3px}.scroll_element_sidebar::-webkit-scrollbar-track{background:#202027}.scroll_element_sidebar::-webkit-scrollbar-thumb{background:#7e7e95;-webkit-transition:.5s;transition:.5s}.scroll_element_sidebar::-webkit-scrollbar-thumb:hover{background:#8123b8cc;-webkit-transition:.5s;transition:.5s}.scroll_element_sidebar::-webkit-scrollbar-button{height:0;width:0}.scroll_element_sidebar::-webkit-scrollbar{width:4px}.scroll_element_sidebar::-webkit-scrollbar-button{height:20px}.sidebar{background-color:#000;border-right:1px solid #ecf0f333;color:#fff;color:var(--white);display:flex;flex-direction:column;height:100vh;justify-content:space-between;left:0;position:fixed;top:0;transition:width .3s ease-in-out;-webkit-user-select:none;user-select:none;z-index:1000}@media(max-width:1024px){.sidebar .container_social{margin-bottom:40px}}.sidebar .container_logo{transition:all .3s ease-in-out}.sidebar .container_logo .logo{border-radius:30px;height:50px;margin:0;transition:all .3s ease-in-out;width:50px}.sidebar.retracted{width:50px}@media(max-width:768px){.sidebar.retracted{border:1px solid #ecf0f333!important;border-radius:15px;display:grid;height:50px!important;margin-left:10px;margin-top:10px}.sidebar.retracted .container_logo .logo{height:50px;visibility:hidden;width:50px}.sidebar.retracted .container_logo .toggle-btn{border:none!important;opacity:1!important}.sidebar.retracted .container_logo .toggle-btn:hover{border:none!important}.sidebar.retracted .divisor{visibility:hidden}.sidebar.retracted .container_social,.sidebar.retracted .sidebar-content{display:none}}.sidebar.retracted .container_logo{padding-top:0}.sidebar.retracted .container_logo .ocupation{opacity:0!important;transform:scale(0)!important;transition:all .3s ease-in-out;transition:visibility 0s,opacity 0s,transform 0s;visibility:hidden!important}.sidebar.retracted .container_logo .toggle-btn{border:1px solid #ecf0f333;opacity:0}.sidebar.retracted .sidebar-content{gap:0}.sidebar.retracted .sidebar-content .element{width:auto}.sidebar.retracted .sidebar-content .element .text{display:none}.sidebar.retracted .container_social .social-links{flex-direction:column;gap:5px;transition:all .3s}.sidebar.expanded{width:250px}@media(max-width:768px){.sidebar.expanded{height:100%!important}}.sidebar.expanded .container_logo{padding-top:0;position:relative}.sidebar.expanded .container_logo .logo{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#ffffff1a;background-color:var(--white-10);border-radius:30px;height:210px;margin:20px;width:210px}.sidebar.expanded .container_logo .ocupation{background-color:#09090b;border:1px dashed #ecf0f333;border-radius:50px;bottom:10px;left:50%;letter-spacing:1.7px;opacity:1;overflow:hidden;padding:5px 30px;position:absolute;transform:translate(-50%) scale(1);transition:opacity 0s ease,visibility 0s ease,all 1s ease;visibility:visible;width:100px}.sidebar.expanded .container_logo .ocupation:before{animation:rotate-light 3s linear infinite;background-image:conic-gradient(#8123b8 20deg,#0000 120deg);content:"";height:1200%;left:0;position:absolute;top:-550%;width:100%;z-index:-1}.sidebar.expanded .container_logo .ocupation:after{background-color:#09090b;border-radius:15px;bottom:2px;content:"";height:18px;left:50%;padding:5px 30px;position:absolute;transform:translate(-50%);width:96px;z-index:-1}.sidebar.expanded .container_logo .toggle-btn{border:1px dashed #ecf0f333;right:0;transition:all .3s ease-in-out}.sidebar .container_logo{display:flex;flex-direction:column;padding-top:10px;position:relative}.sidebar .container_logo .ocupation{opacity:0;position:absolute;transition:all .3s}.sidebar .container_logo .toggle-btn{align-content:center;background-color:#000;border:none;border-radius:10px;color:#fff;color:var(--white);cursor:pointer;display:grid;font-size:18px;height:40px;margin:5px;outline:none;padding:10px;position:absolute;text-align:center;transition:all .3s;width:40px}.sidebar .container_logo .toggle-btn:hover{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#ffffff1a;background-color:var(--white-10);opacity:1}@media(max-width:768px){.sidebar .container_logo .toggle-btn{font-size:1.5em}}.sidebar .divisor{border:none;border-top:1px dashed #ecf0f333;margin:0 auto;width:85%}@keyframes pulseAnimation{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}@keyframes lightTrailAnimation{0%{stroke-dashoffset:300;opacity:0}80%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes lightGlow{0%{background-position:0 0}25%{background-position:50% 0}50%{background-position:100% 0}75%{background-position:150% 0}to{background-position:200% 0}}@keyframes rotate-light{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes scaleUp{0%{transform:scale(.5)}to{transform:scale(1)}}@keyframes translateLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}.sidebar-content{align-items:center;display:flex;flex-direction:column;gap:10px;margin-bottom:10px;overflow-x:hidden;overflow-y:auto;padding:10px}.sidebar-content .element{display:flex;flex-direction:row;gap:5px;margin-top:10px;position:relative;text-decoration:none;transition:all .3s;width:200px}.sidebar-content .element .icon{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#ffffff1a;background-color:var(--white-10);border-radius:15px;color:#fff;color:var(--white);font-size:1.4em;min-width:30px;overflow:hidden;padding:5px;position:relative;z-index:1}.sidebar-content .element .icon:before{animation:lightGlow 5s linear infinite;background:linear-gradient(90deg,#8123b800,#8123b800 25%,#8123b8 50%,#8123b800 75%,#8123b800);background-size:200% 200%;border:1px solid #0000;border-radius:15px;bottom:0;box-sizing:border-box;content:"";left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(var(--white) 0 0) content-box,linear-gradient(var(--white) 0 0);mask:linear-gradient(var(--white) 0 0) content-box,linear-gradient(var(--white) 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.sidebar-content .element .text{color:#fff;color:var(--white);display:flex;flex-direction:column;font-size:.8em;gap:3px;justify-content:center;margin:0 10px;min-width:150px;text-align:left}.sidebar-content .element .text .label{color:grey;color:var(--gray);font-weight:700}.sidebar-content .element .text .name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-content .selector{cursor:pointer}.sidebar-content .selector:hover{background-color:#121212;border-radius:15px;padding:5px}:root{--black:#000;--black-90:#000000e6;--black-80:#000c;--black-70:#000000b3;--black-60:#0009;--black-50:#00000080;--black-40:#0006;--black-30:#0000004d;--black-20:#0003;--black-10:#0000001a;--white:#fff;--white-90:#ffffffe6;--white-80:#fffc;--white-70:#ffffffb3;--white-60:#fff9;--white-50:#ffffff80;--white-40:#fff6;--white-30:#ffffff4d;--white-20:#fff3;--white-10:#ffffff1a;--gray:grey}.overflow{background-color:#00000080;background-color:var(--black-50);height:100vh;left:0;position:fixed;top:0;width:100%;z-index:99999}.alert-successxx{background-color:#121212;border:1px dashed #fff;border:1px dashed var(--white);border-radius:15px;box-shadow:2px 2px 10px #000;box-shadow:2px 2px 10px var(--black);color:#fff;color:var(--white);display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;left:50%;min-height:200px;overflow:hidden;padding:10px;position:fixed;top:50%;transform:translate(-50%,-50%);width:400px;z-index:100000}.alert-successxx:before{animation:rotate-light 3s linear infinite;background-image:conic-gradient(#9c35d9 20deg,#0000 120deg);content:"";height:600px;left:-25%;position:absolute;top:-100%;width:600px;z-index:-1}.alert-successxx:after{background-color:#121212;border-radius:15px;bottom:50%;content:"";height:calc(100% - 15px);left:50%;padding:5px 30px;position:absolute;transform:translate(-50%,50%);width:calc(100% - 65px);z-index:-1}.alert-successxx .close{background-color:#0000;border:none;border-radius:5px;color:#fff;color:var(--white);cursor:pointer;padding:5px 8px;position:absolute;right:15px;top:15px;transition:all 1s}.alert-successxx .close:hover{background-color:#2c2c2c}.alert-successxx .icon{font-size:3em}.alert-successxx .title{margin:0;padding:0}.alert-successxx .messaje{padding:0 20px}.alert-successxx .buttons{display:flex;flex-direction:row;gap:10px;justify-content:center!important}.alert-successxx .buttons .button1{height:30px}.container_social{display:flex;flex-direction:column;margin-top:auto;padding-bottom:20px}.container_social .social-links{display:flex;flex-direction:row;flex-wrap:nowrap;gap:20px;justify-content:center;padding:10px}.container_social .social-links .social-link{color:var(--white);font-size:1.3em;text-decoration:none}
/*# sourceMappingURL=main.f632ccae.css.map*/