body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--text-color:#fcf8fb;--small-text-color:#a8a8a8;--background-color:#11090f;--primary-color:#c889bc;--secondary-color:#34182f;--accent-color:#fa19d1;--warning-color:#b32c2a}h1,h2,h3,h4,h5,h6,p{color:#fcf8fb;color:var(--text-color)}.Router{background-color:#11090f;background-color:var(--background-color);min-height:100svh}.Loader{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.lds-roller{display:inline-block;height:80px;position:relative;width:80px}.lds-roller div{animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;transform-origin:40px 40px}.lds-roller div:after{background:var(--accent-color);border-radius:50%;content:" ";display:block;height:7px;margin:-4px 0 0 -4px;position:absolute;width:7px}.lds-roller div:first-child{animation-delay:-36ms}.lds-roller div:first-child:after{left:63px;top:63px}.lds-roller div:nth-child(2){animation-delay:-72ms}.lds-roller div:nth-child(2):after{left:56px;top:68px}.lds-roller div:nth-child(3){animation-delay:-.108s}.lds-roller div:nth-child(3):after{left:48px;top:71px}.lds-roller div:nth-child(4){animation-delay:-.144s}.lds-roller div:nth-child(4):after{left:40px;top:72px}.lds-roller div:nth-child(5){animation-delay:-.18s}.lds-roller div:nth-child(5):after{left:32px;top:71px}.lds-roller div:nth-child(6){animation-delay:-.216s}.lds-roller div:nth-child(6):after{left:24px;top:68px}.lds-roller div:nth-child(7){animation-delay:-.252s}.lds-roller div:nth-child(7):after{left:17px;top:63px}.lds-roller div:nth-child(8){animation-delay:-.288s}.lds-roller div:nth-child(8):after{left:12px;top:56px}.Loader,.lds-roller div{box-sizing:border-box}@keyframes lds-roller{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.Home{background-color:#000;min-height:100svh;width:100svw}.Hiro{background-image:url(/static/media/home-background.587787707279a06049db.svg);background-position:50%;background-size:cover;display:grid;height:100svh;place-items:center;width:100%}.HiroContent{display:grid;grid-template-areas:"header" "subheader" "buttons";grid-template-columns:1fr;grid-template-rows:2fr 1fr 1fr;height:50%;width:60%}.HiroContent .header{align-items:flex-end;color:var(--text-color);display:flex;font-size:2rem;grid-area:header;justify-content:center}.HiroContent .subheader{align-items:flex-start;color:var(--small-text-color);display:flex;font-size:1.2rem;grid-area:subheader;justify-content:center}.HiroContent .buttons{align-items:flex-start;display:flex;grid-area:buttons;justify-content:space-evenly}.button{align-items:center;background-color:var(--accent-color);border-radius:10px;color:var(--text-color);cursor:pointer;display:flex;font-size:1.5rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;padding:.5rem 1rem;text-decoration:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.button:hover{filter:brightness(.9)}.button-alt{align-items:center;background-color:var(--background-color);border:1px solid var(--accent-color);border-radius:10px;color:var(--text-color);cursor:pointer;display:flex;font-size:1.5rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;padding:.5rem 1rem;text-decoration:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.button-alt:hover{filter:brightness(.9)}@media screen and (max-width:770px){.HiroContent{grid-template-rows:1fr 1fr 2fr}.HiroContent .buttons{align-items:center;flex-direction:column}}.Login,.Logout{align-items:center;background-color:var(--background-color);display:flex;flex-direction:column;height:100vh;justify-content:center}.error{color:var(--warning-color);font-size:1rem;margin-bottom:1.5rem;margin-top:0}.Dashboard{background-color:var(--background-color);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:100vh}.Dashboard,.Dashboard main{display:flex;flex-direction:column}.Dashboard main{height:calc(100% - 2rem);padding:1rem;width:calc(100% - 2rem)}.dbHeader{font-size:3rem;margin:0}.welcome{color:var(--small-text-color);font-size:1.1rem;margin:0}.welcome span{color:var(--accent-color)}.Header{align-items:center;background-color:var(--background-color);border-bottom:1px solid var(--secondary-color);display:flex;flex-direction:row;height:4rem;justify-content:space-between;padding:0 1rem;position:relative}.logo{color:var(--text-color);font-size:2rem;font-weight:600;margin:0;text-decoration:none}.logo span{color:var(--accent-color)}.Avatar{align-items:center;-webkit-aspect-ratio:1/1;aspect-ratio:1/1;background-color:initial;border:none;border-radius:50%;color:var(--text-color);cursor:pointer;display:flex;font-size:1rem;height:75%;justify-content:center;padding:0}.Avatar:hover{filter:brightness(1.2)}.Avatar img{border-radius:50%;height:100%;width:100%}.ProfileMenu{background-color:var(--background-color);border:1px solid var(--secondary-color);border-radius:0 0 0 10px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:.5rem;position:absolute;right:0;top:4rem;width:20%;z-index:100}.UserInfo{-ms-grid-column-gap:15px;grid-column-gap:15px;display:grid;grid-template-areas:"avatar name";grid-template-columns:1fr 2.5fr;grid-template-rows:1fr;width:100%}.UserInfo .AvatarSmall{align-items:center;display:flex;grid-area:avatar;height:100%;justify-content:center;width:100%}.UserInfo .AvatarSmall img{-webkit-aspect-ratio:1/1;aspect-ratio:1/1;border-radius:50%;width:100%}.UserInfo .AvatarInfo{align-items:flex-start;display:flex;flex-direction:column;grid-area:name;height:100%;justify-content:center;width:100%}.UserInfo .AvatarInfo .name{font-size:1.2rem;margin-bottom:.2rem}.UserInfo .AvatarInfo .small{color:var(--small-text-color);font-size:.8rem}.MenuLinks{flex-direction:column;margin-top:1rem}.MenuLinks,.MenuLinks a{align-items:center;display:flex;justify-content:center}.MenuLinks a{border-radius:10px;color:var(--text-color);font-size:1rem;height:2rem;margin-bottom:.5rem;text-decoration:none;width:100%}.MenuLinks a:hover{background-color:var(--secondary-color)}.MenuLinks button{align-items:center;background-color:initial;border:none;border-radius:10px;color:var(--text-color);cursor:pointer;display:flex;font-size:1rem;height:2rem;justify-content:center;margin-bottom:.5rem;text-decoration:none;width:100%}.MenuLinks button:hover{background-color:var(--warning-color)}.Backdrop{height:calc(100svh - 4rem);left:0;position:fixed;top:4rem;width:100svw;z-index:50}@media screen and (max-width:770px){.Header{padding:0 .5rem}.ProfileMenu{border-radius:0 0 10px 10px;width:calc(50% - 1rem)}}@media screen and (max-width:375px){.Header{padding:0 .5rem}.ProfileMenu{border-radius:0 0 10px 10px;width:calc(100% - 1rem)}}.ListAppReg{flex-direction:column;margin-top:4rem}.AppRegMenu,.ListAppReg{display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%}.AppRegMenu{align-items:center;justify-content:space-between}.appRegHeader{font-size:2rem;margin:0}.createAppReg{align-items:center;border-radius:10px;color:var(--accent-color);cursor:pointer;display:flex;font-size:1.5rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;padding:.5rem 1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.Reg-Wrapper{grid-gap:15px;display:grid;grid-template-columns:repeat(5,1fr);margin-top:1rem}.AppReg{align-items:center;border:1px solid var(--secondary-color);border-radius:10px;display:flex;flex-direction:column;justify-content:center;padding:1rem;position:relative;width:calc(100% - 2rem)}.AppReg .editIcon{color:var(--accent-color);cursor:pointer;font-size:1.2rem;position:absolute;right:.8rem;top:.8rem}.AppReg .name{font-size:1.8rem;margin:0 0 .1rem}.AppReg .date{color:var(--small-text-color);font-size:.8rem}.AppReg .url{color:var(--accent-color);font-size:1rem;text-decoration:none}.AppReg .copyId{background-color:initial;border:none;color:var(--accent-color);cursor:pointer;font-size:1.2rem;left:.5rem;position:absolute;top:.8rem}@media screen and (max-width:770px){.Reg-Wrapper{grid-template-columns:repeat(3,1fr)}.AppReg .editIcon{font-size:.9rem;right:.4rem;top:.5rem}.AppReg .copyId{font-size:.9rem;left:.2rem;top:.5rem}}@media screen and (max-width:375px){.Reg-Wrapper{grid-template-columns:1fr}}.ListAuthLogins{display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-top:4rem;width:100%}.Auth-Wrapper{grid-gap:15px;display:grid;grid-template-columns:repeat(5,1fr);margin-top:1rem}.App{align-items:center;border:1px solid var(--secondary-color);border-radius:10px;display:flex;flex-direction:column;justify-content:center;padding:1rem;position:relative;width:calc(100% - 2rem)}.App .name{font-size:1.8rem;margin:0 0 .1rem}.App .date{color:var(--small-text-color);font-size:.8rem}.App .url{font-size:1rem;margin:0;text-decoration:none}.App .delete,.App .url{color:var(--accent-color);cursor:pointer}.App .delete{background-color:initial;border:none;font-size:1.2rem;left:.5rem;position:absolute;top:.8rem}@media screen and (max-width:770px){.Auth-Wrapper{grid-template-columns:repeat(3,1fr)}.App .delete{font-size:.9rem;left:.2rem;top:.5rem}}@media screen and (max-width:375px){.Auth-Wrapper{grid-template-columns:1fr}}.CreateAppReg{height:100vh}.CreateAppReg,.CreateAppRegWrapper{align-items:center;display:flex;flex-direction:column;justify-content:center}.CreateAppRegWrapper{background-color:var(--secondary-color);border:1px solid var(--primary-color);border-radius:20px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-width:500px;padding:1rem;width:calc(50% - 2rem)}@media screen and (max-width:770px){.CreateAppRegWrapper{width:calc(80% - 2rem)}.form{width:70vw}.form input{width:100%}.form .formButtons{align-items:center;flex-direction:column;justify-content:center}.form button{width:80%}}@media screen and (max-width:375px){.CreateAppRegWrapper{width:calc(90% - 2rem)}.form{width:90vw}.form input{width:100%}.form .formButtons{align-items:center;flex-direction:column;justify-content:center}.form button{width:100%}}.EditAppReg{height:100vh}.EditAppReg,.EditAppRegWrapper{align-items:center;display:flex;flex-direction:column;justify-content:center}.EditAppRegWrapper{background-color:var(--secondary-color);border:1px solid var(--primary-color);border-radius:20px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-width:500px;padding:1rem;width:calc(50% - 2rem)}.backToDashboard:hover{color:var(--accent-color)}.form .formButtons{display:flex;justify-content:space-evenly;width:100%}.form button.warning{background-color:var(--secondary-color);border:1px solid var(--warning-color)}@media screen and (max-width:770px){.EditAppRegWrapper{width:calc(80% - 2rem)}.form{width:70vw}.form input{width:100%}.form .formButtons{align-items:center;flex-direction:column;justify-content:center}.form button{width:80%}}@media screen and (max-width:375px){.EditAppRegWrapper{width:calc(90% - 2rem)}.form{width:70vw}.form input{width:100%}.form .formButtons{flex-direction:column;justify-content:center}.form button{width:100%}}.Profile{background-color:var(--background-color);display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:100vh;position:relative}.Profile main{display:grid;grid-template-columns:1fr;grid-template-rows:2fr 3fr;min-height:calc(100% - 2rem);padding:1rem;place-items:center;width:calc(100% - 2rem)}.profile{justify-content:center;width:60%}.profile,.profile-avatar{align-items:center;display:flex;height:100%}.profile-avatar{justify-content:flex-end;width:50%}.profile-avatar img{aspect-ratio:1/1;border-radius:50%;cursor:pointer;margin-right:auto;width:80%}.profile-avatar img:hover{filter:brightness(.9)}.profile-details{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:center;width:50%}.profile-details .name{color:var(--text-color);font-size:3rem;margin:0 0 .2rem}.profile-details .createdAt{color:var(--small-text-color);font-size:.9rem;margin:0 0 1.5rem}.profile-details .buttons{justify-content:flex-start;width:100%}.profile-details .buttons,.profile-details .buttons .button{align-items:center;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.profile-details .buttons .button{background-color:var(--background-color);border:1px solid var(--accent-color);border-radius:10px;color:var(--text-color);cursor:pointer;font-size:1.2rem;justify-content:center;padding:.5rem 1rem;text-decoration:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.profile-details .buttons .button:hover{filter:brightness(.9)}.profile-details .buttons .changePassword{margin-left:1rem}.profile-info{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:flex-start;width:60%}.profile-info .infoHeader{border-bottom:1px solid var(--accent-color);color:var(--text-color);font-size:2rem;margin-bottom:1rem}.infoForm{width:60%}.infoForm,.infoForm .form-group{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start}.infoForm .form-group{width:100%}.infoForm label{color:var(--text-color);font-size:1.2rem;margin-bottom:.5rem}.infoForm input{background-color:var(--secondary-color);border:1px solid var(--primary-color);border-radius:5px;color:var(--text-color);height:2rem;margin-bottom:1rem;padding-left:.5rem;width:calc(100% - .5rem - 2px)}.infoForm input:focus{border:1px solid var(--accent-color);outline:none}.infoForm .button{background-color:var(--accent-color);border:none;border-radius:5px;color:var(--text-color);cursor:pointer;font-size:1.2rem;height:3rem;margin-bottom:1rem;width:30%}#modal{background-color:var(--background-color);border:1px solid var(--accent-color);border-radius:20px;color:var(--text-color);display:none;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:50%;overflow:auto;padding:1rem;position:fixed;top:50%;transform:translate(-50%,-50%);width:45vw;z-index:10}#modal .close{background-color:initial;border:none;cursor:pointer;left:.5rem;position:absolute;top:1rem}#modal .close,#modal .modal-header{color:var(--text-color);font-size:1.5rem}#modal .modal-header{margin:2rem 0 .8rem}.modal-form{align-items:flex-start;display:flex;flex-direction:column;justify-content:space-between;width:100%}.modal-form input{background-color:var(--secondary-color);border:1px solid var(--primary-color);border-radius:5px;color:var(--text-color);height:2rem;margin-bottom:2rem;width:80%}.modal-form input:focus{border:1px solid var(--accent-color);outline:none}.modal-form .button{background-color:var(--accent-color);border:none;border-radius:5px;color:var(--text-color);cursor:pointer;font-size:1.2rem;height:3rem;width:30%}#modal-bg,#name-modal-bg,#password-modal-bg,#pfpmodal-bg{background-color:#000;display:none;height:100vh;left:0;opacity:.6;position:fixed;top:0;width:100vw;z-index:5}#changePFPModal{background-color:var(--background-color);border:1px solid var(--accent-color);border-radius:20px;color:var(--text-color);display:none;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:50%;overflow:auto;padding:1rem;position:fixed;top:50%;transform:translate(-50%,-50%);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:10}.small-text{color:var(--small-text-color);font-size:.8rem;margin:0 0 1rem}#changePFPModal .close{background-color:initial;border:none;color:var(--text-color);cursor:pointer;font-size:1.5rem;left:.5rem;position:absolute;top:1rem}#changePFPModal .modal-header{color:var(--text-color);font-size:1.5rem;margin:2rem 0 .8rem}#name-modal{background-color:var(--background-color);border:1px solid var(--accent-color);border-radius:20px;color:var(--text-color);display:none;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:50%;overflow:auto;padding:1rem;position:fixed;top:50%;transform:translate(-50%,-50%);width:45vw;z-index:10}#name-modal .close{background-color:initial;border:none;color:var(--text-color);cursor:pointer;font-size:1.5rem;left:.5rem;position:absolute;top:1rem}#name-modal .modal-header{color:var(--text-color);font-size:1.5rem;margin:2rem 0 .8rem}#password-modal{background-color:var(--background-color);border:1px solid var(--accent-color);border-radius:20px;color:var(--text-color);display:none;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:50%;overflow:auto;padding:1rem;position:fixed;top:50%;transform:translate(-50%,-50%);width:45vw;z-index:10}#password-modal .close{background-color:initial;border:none;color:var(--text-color);cursor:pointer;font-size:1.5rem;left:.5rem;position:absolute;top:1rem}#password-modal .modal-header{color:var(--text-color);font-size:1.5rem;margin:2rem 0 .8rem}.show{display:block!important}@media screen and (max-width:770px){.Profile main{grid-template-rows:2fr 1fr}.profile{flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%}.profile-avatar{align-items:center;justify-content:center;width:80%}.profile-avatar img{margin-bottom:3rem;margin-right:0}.profile-details{width:80%}.profile-details,.profile-details .buttons{align-items:center;justify-content:center}.profile-info{align-items:center;height:100%;justify-content:flex-start;width:100%}.infoForm .button{margin:0 auto 1rem;width:60%}#changePFPModal,#modal,#name-modal,#password-modal{width:80vw}}@media screen and (max-width:375px){.Profile main,.profile{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.infoForm input{width:calc(100% - .5rem - 2px)}.infoForm .button{width:100%}}.Register{background-color:var(--background-color);height:100vh}.Register,.RegisterWrapper{align-items:center;display:flex;flex-direction:column;justify-content:center}.RegisterWrapper{background-color:var(--secondary-color);border:1px solid var(--primary-color);border-radius:20px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-width:500px;padding:1rem;position:relative;width:calc(50% - 2rem)}.backToDashboard{color:var(--small-text-color);cursor:pointer;font-size:.8rem;margin-bottom:0;margin-right:auto;text-decoration:none}.header{color:var(--text-color);font-size:2rem;margin-bottom:1rem}.form{align-items:center;border-radius:20px;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;max-width:500px;width:50vw}.form label{color:var(--text-color);font-size:1.2rem;margin-bottom:.5rem}.form input{background-color:var(--secondary-color);border:1px solid var(--primary-color);border-radius:5px;color:var(--text-color);height:2rem;margin-bottom:1rem;padding-left:.5rem;width:90%}.form input:focus{border:1px solid var(--accent-color);outline:none}.form button{background-color:var(--accent-color);border:none;border-radius:5px;color:var(--text-color);cursor:pointer;font-size:1.2rem;height:3rem;margin-bottom:1rem;width:40%}.form button:hover{filter:brightness(.9)}.Auth{height:100svh;width:100svw}.Auth,.AuthBox{align-items:center;display:flex;flex-direction:column;justify-content:center}.AuthBox{background-color:var(--secondary-color);border:1px solid var(--primary-color);border-radius:20px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-width:500px;padding:1rem;width:calc(50% - 2rem)}.AuthHeader{color:var(--text-color);font-size:2rem;margin:0}.small{color:var(--small-text-color);font-size:.8rem;margin-top:0}.small span{color:var(--accent-color)}.userInfo{-ms-grid-column-gap:15px;grid-column-gap:15px;border:1px solid var(--primary-color);border-radius:10px;display:grid;grid-template-columns:1fr 4fr;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:.5rem;width:65%}.AuthAvatar{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.AuthAvatar img{aspect-ratio:1/1;border-radius:50%;width:100%}.UserName{font-size:1.8rem;margin:0}.AuthButtons{align-items:center;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;margin-top:.2rem;width:100%}.AuthLogin{background-color:initial;border:none;color:var(--small-text-color);cursor:pointer;font-size:.8rem;margin-bottom:.8rem}.AuthButton{align-items:center;background-color:var(--accent-color);border:none;border-radius:5px;color:var(--text-color);cursor:pointer;display:flex;font-size:1.2rem;height:3rem;justify-content:center;margin-bottom:1rem;text-decoration:none;width:40%}.AuthButton:hover{filter:brightness(.9)}@media screen and (max-width:770px){.AuthBox{width:80%}.AuthButton,.AuthButtons,.userInfo{width:100%}}
/*# sourceMappingURL=main.9516c804.css.map*/