.zeEz2{display:flex;flex-flow:column;margin:10px 25px 0;text-align:center;transition:all .3s}.q6VOy{transition:all .3s}.zeEz2:hover{filter:brightness(.8)}.zeEz2:hover .q6VOy{filter:brightness(.6);transform:translateY(-5px)}#wgHeE{display:flex;justify-content:center}.q6VOy{height:60px;margin:0 0 10px}.yqtfP{display:flex;height:100vh;justify-content:center;align-items:center;font-size:x-large}html{height:100%;background-color:#1a1c22;color:#fff;font-family:Roboto}header{background-color:#272a34;height:50px;padding:0 10px;display:flex;flex-flow:row;justify-content:space-between}h1{margin:0 0 0 10px;font-weight:450;color:#b4b4b4}#header-logo{display:flex;height:40px;padding:5px 0;cursor:pointer}#header-logo:hover{filter:brightness(.8)}a{color:#fff;text-decoration:none}body{margin:0}main{height:calc(100% - 50px);position:absolute;width:100%;display:flex;flex-flow:column;justify-content:center}#user-icon{width:38px;height:38px;border-radius:50%}#user-account{aspect-ratio:1/1;border-radius:50%;color:#fffc;font-weight:700;height:38px;transition:all .1s ease;border:1px solid rgba(255,255,255,.8);display:flex;justify-content:center;align-items:center;position:relative;margin:auto 0}#user-account:hover #user-icon{filter:brightness(.8)}#user-account:hover #profile-menu{display:flex;flex-direction:column;gap:15px;cursor:default;button {background: none; color: white; font-size: 16px; font-weight: 500; border-style: solid; border-color: white; border-radius: 5px; width: 150px; cursor: pointer; align-self: center;} button:hover {border-color: #8f94a7;}}#initials-style{height:110%;width:100%;display:flex;justify-content:center;align-items:center}#profile-menu{display:none;position:absolute;top:40px;right:0;width:300px;background-color:#1a1c22;box-shadow:0 8px 16px #0003;z-index:100;padding:30px;color:#fff;border-radius:10px;border:2px solid var(--seismos-cards)}#login{position:absolute;width:100%;height:100%;display:flex;flex-flow:column;justify-content:center;align-items:center}#login-header{display:flex;align-items:center;justify-content:center;height:60px}#login-button{width:230px;height:50px;display:flex;align-items:center;justify-content:center;margin:0 auto 80px}#feedback-button{background-color:#272a34;display:grid;grid-template-columns:1fr 1fr;place-items:center;gap:15px;padding:15px;width:min-content;border-radius:15px;cursor:pointer;position:absolute;right:100px;bottom:100px;box-shadow:0 3px 3px #00000059}#feedback-button-img{background-color:#2bb3ff;border-radius:10px;padding:8px}#feedback-button-text{font-size:18px;white-space:nowrap}.resetPasswordFrame{display:flex;flex-flow:column;align-items:center;justify-content:center;height:100vh;width:100vw;color:#b4b4b4}.resetPasswordInnerFrame{border-style:solid;border-color:#b4b4b4;border-radius:5px;width:360px;height:260px;padding:20px;font-size:14pt;font-family:Roboto;display:flex;flex-flow:column;align-items:center;justify-content:start}.resetButton{width:150px;background:none;border-style:solid;border-radius:5px;font-size:16px;border-color:#b4b4b4;color:#b4b4b4;cursor:pointer;margin:20px 0 0}.resetButton:disabled{cursor:not-allowed}.resetButton:hover{filter:#b4b4b4}.row{width:100%;display:flex;margin:0 0 10px}.label{display:block;width:200px}.textInput{background:none;border-style:solid;border-color:#b4b4b4;border-radius:5px;color:#b4b4b4;font-size:12pt;width:350px}.emailInputLabel{width:350px;margin-top:32px;display:flex;align-items:center;justify-content:space-between}.emailInputLabel input{width:240px;background:none;border-style:solid;border-width:2px;border-radius:12px;color:#f3f3f3;font-size:12pt;padding:8px 12px;outline:none}.errorMessage{background-color:#e9534a1a;border:1px solid #e9534a;border-radius:5px;color:#e9534a;padding:8px 12px;font-size:12pt;text-align:center;width:100%;max-width:350px;margin:8px 24px 24px}.manualLoginGroup{display:flex;flex-flow:column;align-items:center;justify-content:center;margin:10px 0 0}.categoryButtons{display:flex;align-items:center;justify-content:center;margin:5px 0 0}.categoryButton{background:none;border-style:none;cursor:pointer;color:#b4b4b4}.categoryButton:hover,.categoryButton.active{text-decoration:underline}#email-input{width:250px;height:30px;line-height:30px;font-size:11pt;margin:0 0 10px;color:#fff;background-color:#3d414c;color:#fff9;border-style:solid}#password-input{width:250px;height:30px;line-height:30px;font-size:11pt;margin:0 0 10px;background-color:#3d414c;color:#fff9;border-style:solid}#password-reset{color:#878ea1;margin:10px 0 0}#password-reset:hover{filter:brightness(.8)}#manual-login-button{display:inline-block;width:150px;height:40px;line-height:40px;padding:0;background-color:#3d414c;border:solid 2px rgba(255,255,255,.2);cursor:pointer;font-size:11pt;color:#fff9}#manual-login-button:hover{background-color:#3d414c;border:solid 1px #3d414c}hr{width:400px;margin:20px calc(50% - 200px) 30px calc(50% - 200px);border:1px solid rgba(255,255,255,.2)}.actionMenu{border-style:solid;border-radius:0;border-width:2px;border-color:#3d414c;width:400px}.login-button{width:230px;height:50px;display:flex;align-items:center;justify-content:center;margin:0 auto 80px}.extra-margin{margin-top:20px;margin-bottom:40px}.error-message{color:red;font-size:14px;height:20px;margin-top:20px;text-align:center;opacity:0;transition:opacity .3s ease-in-out;position:absolute;transform:translate(-50%)}.error-message:not(:empty){opacity:1}.newPasswordFrame{display:flex;flex-flow:column;align-items:center;justify-content:center;height:100vh;width:100vw;color:#b4b4b4}.newPasswordFrame *{box-sizing:border-box}.newPasswordInnerFrame{position:relative;border-style:solid;border-color:#f9ff7f;border-radius:5px;border-width:1px;width:560px;height:440px;padding:32px;font-size:14pt;font-family:Roboto;display:flex;flex-flow:column;align-items:center;justify-content:start}.row{width:100%;display:flex}.label{display:flex;align-items:center;justify-content:space-between;width:100%}.label span{font-size:1rem;font-weight:400;color:#b4b4b4}.label.required span:after{content:" *";color:#e9534a;font-weight:700}.btn{background:none;width:100px;border-radius:12px;font-size:1rem;font-weight:600;color:#f3f3f3;border-style:solid;border-color:#f3f3f3;cursor:pointer;padding:12px 8px}.btn-submit{background-color:#f9ff7f;color:#3f3f3f;border-color:#f9ff7f}.buttonRow{display:flex;flex-flow:row;align-items:center;justify-content:end;gap:24px;width:100%;margin-top:auto}.passwordInput{background:none;border-style:solid;border-color:#b4b4b4;border-radius:5px;color:#b4b4b4;font-size:12pt}.passwordInputContainer{position:relative;width:100%;max-width:280px}.passwordInputContainer input{width:100%;background:none;border-style:solid;border-color:#b4b4b4;border-width:2px;border-radius:12px;color:#f3f3f3;font-size:12pt;padding:8px 12px;outline:none}.passwordInputContainer .eyeButton{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#b4b4b4;font-size:16px;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.passwordInputContainer .eyeButton:hover{color:#f3f3f3}.passwordInputContainer .eyeButton:before{content:"";width:20px;height:20px;background-size:contain;background-repeat:no-repeat;background-position:center}.passwordInputContainer .eyeButton.visible:before{background-image:url(/assets/eye-yellow-0d03a796.svg)}.passwordInputContainer .eyeButton.hidden:before{background-image:url(/assets/eye-gray-534f617f.svg)}.resetPasswordHeader{font-size:1.5rem;margin:0 0 24px;width:100%;font-weight:400;color:#f3f3f3}.infoContainer{display:flex;align-items:flex-start;gap:8px;max-width:280px;margin-left:auto}.infoIcon{width:16px;height:16px;flex-shrink:0;margin-top:2px}.resetPasswordParagraph{font-size:9pt;color:#f9ff7f;opacity:.9;margin:0}.greenOutline{border-color:#6fff90}.redOutline{border-color:#e9534a}.panel{display:flex;flex-flow:column;align-items:center;justify-content:center;width:100%;background:#272a34;padding:24px;flex:1;margin-bottom:32px;gap:12px;border:1px solid #4f5158;border-radius:4px}.btn:disabled{opacity:.5;cursor:not-allowed}.pwd-invalid{font-weight:600}.statusNotification{position:fixed;top:50%;transform:translate(-280px,calc(-220px - var(--notification-height, 0px) - 24px));left:50%;width:560px;background-color:#e9534a;display:flex;align-items:center;justify-content:start;gap:8px;padding:8px 16px;border-radius:12px;font-size:12pt;font-weight:600;color:#f3f3f3}.statusNotification span{word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.statusNotificationSuccess{background-color:#6fff90;color:#3f3f3f}
