@media (prefers-color-scheme:dark){body{background-color:#333}}@media only screen and (max-width:768px){body{margin-left:0;margin-right:0}}.App{text-align:center;margin:0 auto;max-width:1660px;width:80%;box-sizing:border-box;overflow:hidden;flex-direction:column;justify-content:center}#top-banner,.App{display:flex;align-items:center}#top-banner{justify-content:space-between;flex-grow:1;flex-shrink:1;margin-top:0;max-width:100%}.loading-dots{position:absolute;width:10rem;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}#dark-mode-logo{display:none}.credits{width:clamp(55%,100%,62rem);margin:0;display:flex;align-items:center;justify-content:space-between}.credits p,a{margin-top:.25rem;padding:0 .5rem 0 0;font-family:Noto Sans;font-weight:600;font-size:.8rem;color:#828282;font-style:normal;text-decoration:none}#myName a{text-decoration:underline}.auth-phase{position:absolute;bottom:0;width:clamp(250px,35%,35rem)}@media (prefers-color-scheme:dark){#dark-mode-logo{display:unset}#light-mode-logo{display:none}.loading-dots{color:ivory}}@media only screen and (max-width:768px){.App{width:100%}.credits p,a{padding:0}}@media only screen and (max-height:505px){.auth-phase{display:none}}.socials-login{margin-top:.5rem}.socials-login p{font-family:Noto Sans;font-weight:400;font-size:.8rem;color:#828282}.social-logos{display:flex;justify-content:center;align-items:center;grid-gap:clamp(1rem,10%,3rem);gap:clamp(1rem,10%,3rem)}.social-logo{width:2.65rem;cursor:pointer}.social-logo:hover{box-shadow:inset 2px 5px 5px rgba(0,0,0,.1);border-radius:100%}.social-logo:active{box-shadow:none;border-radius:100%}@media (prefers-color-scheme:dark){.social-logo:hover{box-shadow:inset 2px 5px 5px rgba(0,0,0,.5)}.social-logo:active{box-shadow:none}}.auth-box{margin:auto;width:clamp(250px,35%,29rem);border:1px solid #bdbdbd;border-radius:24px;padding:2.5rem 3rem;display:flex;flex-direction:column;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.l-logo,.logo{height:1rem;margin-left:-10px}.l-logo{display:none}.you-new{text-align:center;color:#828282}.you-new,.you-new button{font-family:Noto Sans;font-size:.85rem;font-weight:400}.you-new button{border:none;background-color:transparent;color:#2f80ed;cursor:pointer}.you-new button:hover{text-decoration:underline}.you-new button:active{color:purple}.inner-box{text-align:left}.auth-title{font-family:Noto Sans;font-size:1.5rem;font-weight:600}.user-form{display:flex;flex-direction:column;margin-top:1rem}.input-div{display:flex;align-items:center;height:2rem;border:1px solid #bdbdbd;margin:.35rem 0;padding:.3rem .5rem;color:#828282;border-radius:8px}.input-div input{border:none;flex-grow:1;height:100%;outline:none;margin-left:.5rem;font-family:Noto Sans;font-size:1rem}.register-description{font-weight:400}.register-description,.submit-btn{font-family:Noto Sans;font-size:1rem}.submit-btn{background:#2f80ed;border-radius:8px;border:none;color:#fff;margin:.35rem 0;padding:.5rem .2rem;font-weight:600;text-align:center;cursor:pointer}.submit-btn:hover{box-shadow:1px 2px 5px rgba(0,0,0,.2)}.submit-btn:active{box-shadow:none}.error-msg{font-family:Noto Sans;font-size:.8rem;font-weight:300;color:red;margin:.2rem 0 0 1rem}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{box-shadow:none;-webkit-box-shadow:0 0 0 30px #fff inset!important}@media (max-width:768px){.auth-box{border:none;padding:0;max-width:450px;width:95%}}@media (prefers-color-scheme:dark){.auth-title,.register-description{color:#e0e0e0}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{box-shadow:none;-webkit-box-shadow:0 0 0 30px #333 inset!important;-webkit-text-fill-color:#828282}.input-div input{background:#333;color:#828282}.logo{display:none}.l-logo{display:block}}.profile-main{margin:auto;font-family:Noto Sans}.profile-main-head{text-align:center;margin-top:.8rem}.profile-main-head h1{font-weight:400;font-size:2rem;margin-bottom:0;margin-top:0}.profile-main-head p{font-weight:300;font-size:1.1rem}.profile-box{border:1px solid #e0e0e0;border-radius:12px;margin-top:1rem}.profile-head-box{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 3rem}.profile-head-box div{text-align:left}.profile-head-box h2{font-weight:400;font-size:1.3rem;margin:0}.profile-head-box p{font-weight:500;font-size:.8rem;color:#828282}.profile-head-box button{font-weight:500;font-size:1rem;color:#828282;background-color:transparent;border:1px solid #828282;border-radius:12px;padding:1rem 2rem;cursor:pointer}.profile-head-box button:hover{box-shadow:2px 2px 5px rgba(0,0,0,.2)}.profile-head-box button:active{box-shadow:none;background-color:hsla(0,0%,51%,.5);color:#fff}.profile-column{border-top:1px solid #d3d3d3;display:flex;justify-content:flex-start;align-items:center;padding:1rem 3rem}.profile-item-title{font-weight:500;font-size:.8rem;color:#bdbdbd}.profile-item{margin-left:30%;text-align:left;font-weight:500;font-size:1.1rem;color:#333}#profile-pic{object-fit:cover;width:8rem;height:8rem;border-radius:8px}@media (max-width:768px){.profile-box{border-radius:0}}@media (max-width:500px){.profile-head-box{padding:1.5rem .5rem}.profile-column{padding:1rem .5rem;justify-content:space-between}.profile-item{text-align:right}}@media (prefers-color-scheme:dark){.profile-box{background-color:#fafafb}.profile-main-head h1,.profile-main-head p{color:#fafafb}}@-webkit-keyframes flickerAnimation{0%{opacity:1}50%{opacity:.1}to{opacity:1}}@keyframes flickerAnimation{0%{opacity:1}50%{opacity:.1}to{opacity:1}}.uploaderMain{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#fff;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);width:clamp(18rem,50%,30rem);overflow-y:auto;padding:1rem;font-family:Noto Sans;transition:all .2s}.uploaderHeader{color:#4f4f4f;text-align:center;font-size:1.13rem;font-weight:500;margin-top:0}.dropBox{width:80%;padding:1rem 0;background-color:#f6f8fb;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px dashed #97bef4;border-radius:12px}.dropBoxOver{background-color:#d9dbde}.optionText{margin-left:0!important;text-align:center}.SVG{margin:auto}.inputButton{background-color:#2f80ed;border-radius:8px;color:#fff;font-size:.8rem;padding:.6rem;text-transform:none;align-items:center;text-align:center;font-weight:500;cursor:pointer}.inputButton:hover{background-color:#2f80ff;box-shadow:1px 2px 3px 1px rgba(0,0,0,.1)}.inputButton:active{background-color:#2f80ff;box-shadow:none}.realInput{display:none}.linkInput{border:1px solid #828282;border-radius:12px;width:80%;padding:.75rem;outline:none;margin-top:.5rem}.closeModalBtn{margin-left:auto;background:none;border:none;cursor:pointer;color:#828282}.loading{width:70%}.loading-anim{width:50%;-webkit-animation:flickerAnimation 2s infinite;animation:flickerAnimation 2s infinite}.loading p{margin-left:0}#provided-img{object-fit:cover;width:15rem;height:15rem}.confirm-options{display:flex;justify-content:space-around;align-items:center}#confirm-pic{background:#2f80ed;border-radius:8px;border:none;color:#fff;font-family:Noto Sans;font-size:1rem;margin:.5rem;padding:1rem;font-weight:600;text-align:center;cursor:pointer}#confirm-pic:hover{box-shadow:1px 2px 5px rgba(0,0,0,.2)}#confirm-pic:active{box-shadow:none}#cancel-pic{font-weight:500;font-size:1rem;color:#828282;background-color:transparent;border:1px solid #828282;border-radius:8px;padding:1rem;cursor:pointer}#cancel-pic:hover{box-shadow:2px 2px 5px rgba(0,0,0,.2)}#cancel-pic:active{box-shadow:none;background-color:hsla(0,0%,51%,.5);color:#fff}@media (max-width:500px){.uploaderMain{width:90%}.dropBox,.optionText{display:none}}@media (max-height:425px){.dropBox,.optionText{display:none}}.modal-box{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);z-index:1}.modal-hide{display:none}.photo-edit-box{position:relative;display:flex;width:5rem;height:5rem}.photo-edit-box img{border-radius:8px;object-fit:cover;width:5rem;height:5rem}.photo-overlay{position:absolute;inset:0;width:100%;color:#fff;border:none;background-color:rgba(0,0,0,.6);border-radius:8px;opacity:0;cursor:pointer;transition:opacity .2s}.photo-overlay:hover{opacity:1}.photo-overlay:active{background-color:rgba(0,0,0,.7)}.back-btn{margin-top:1.5rem;border:none;background:none;color:#2d9cdb;font-weight:400;font-size:1.1rem;display:flex;align-items:center;cursor:pointer}.back-btn:active{color:purple}#change-profile-form{border:1px solid #e0e0e0;border-radius:12px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-evenly;padding:1.5rem 3rem;font-family:Noto Sans}.edit-head{text-align:left}.edit-head h2{margin:0;font-weight:400;font-size:1.5rem}.edit-head p{margin:0;font-weight:500;color:#828282;font-size:.8rem}.photo-edit{display:flex;align-items:center;justify-content:space-between;margin-top:1.2rem}.photo-edit p{font-size:.8rem;font-weight:500;color:#828282;margin-left:1.2rem}.form-element{margin-top:1rem;display:flex;flex-direction:column;align-items:start;width:100%;font-size:1rem}.form-element label{font-weight:500;font-size:1rem;color:#4f4f4f}#bio-input,.form-element input{border:1px solid #828282;border-radius:12px;width:60%;min-width:420px;padding:.75rem;outline:none;font-size:1rem}#bio-input{font-family:Noto Sans;height:5rem;resize:none}#edit-submit{margin-top:1rem;padding:.5rem 1.5rem}@media only screen and (max-width:768px){#bio-input,.form-element input{min-width:0;width:100%}#change-profile-form{border-radius:0;padding-left:1.5rem}}@media (prefers-color-scheme:dark){#change-profile-form{background-color:#fafafb}}#authorized-view{margin:0;width:clamp(50%,100%,60rem)}@-webkit-keyframes unfoldDown{0%{-webkit-transform:scaleY(.2) translateY(-100%);transform:scaleY(.2) translateY(-100%)}to{-webkit-transform:scaleY(1) translateY(0);transform:scaleY(1) translateY(0)}}@keyframes unfoldDown{0%{-webkit-transform:scaleY(.2) translateY(-100%);transform:scaleY(.2) translateY(-100%)}to{-webkit-transform:scaleY(1) translateY(0);transform:scaleY(1) translateY(0)}}#dropdown-box{position:absolute;top:3rem;right:.5rem;display:flex;flex-direction:column;align-items:stretch;padding:.5rem;background-color:#fff;border:1px solid #e0e0e0;box-shadow:1px 2px 5px 1px rgba(0,0,0,.15);border-radius:12px;-webkit-animation:unfoldDown .2s ease-out;animation:unfoldDown .2s ease-out}#dropdown-box button,#toggle-btn{border:none;background:none;cursor:pointer}#dropdown-box button{display:flex;align-items:center;width:10rem;border-radius:8px}#dropdown-box button:hover{background-color:#f2f2f2}#dropdown-box button:active{background:none}#dropdown-box button p{margin-left:.5rem}.logout-btn{color:#eb5757}.option-btn{color:#4f4f4f}.divider{margin:.2rem 0;border-top:1px solid #e0e0e0}@media (prefers-color-scheme:dark){#toggle-btn{color:#fafafb}#dropdown-box{box-shadow:1px 2px 5px 1px rgba(0,0,0,.7)}}#user-actions{display:flex;align-items:center;justify-content:flex-start;height:2rem}#user-actions .username{margin-left:.5rem}#user-actions img{border-radius:5px;object-fit:cover;width:2rem;height:2rem}@media only screen and (max-width:425px){#user-actions{max-width:50%}#user-actions .username{text-align:center;font-size:.8rem}}@media (prefers-color-scheme:dark){#user-actions .username{color:#fafafb}}.error-view h4{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:3rem;color:#535353}.error-view p{position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:2rem;color:#000;text-align:center}.error-view #error-logo{width:15%;position:absolute;top:40%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media (prefers-color-scheme:dark){.error-view p{color:ivory}}
/*# sourceMappingURL=main.0d921e62.chunk.css.map */