#main-layout[data-v-4681bf5a],main[data-v-4681bf5a]{width:100%;height:100%;overflow:hidden;background:var(--color-secondary-light);position:relative}.login-background[data-v-4681bf5a]{width:100%;height:100%;overflow:hidden;background:var(--popup-background);display:flex;align-items:flex-start;justify-content:center;position:relative}.login-card[data-v-4681bf5a]{width:90%;max-width:450px;border-radius:5px;background:var(--color-secondary);margin-top:150px}.login-card .header[data-v-4681bf5a],.login-card[data-v-4681bf5a]{display:flex;flex-direction:column}.login-card .header .title-bar[data-v-4681bf5a]{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color);padding:10px 15px}.login-card .header .title-bar h4[data-v-4681bf5a]{font-weight:700;text-transform:uppercase;letter-spacing:.1rem}.login-card .contents[data-v-4681bf5a]{display:flex;flex-direction:column;padding:5px 15px}.login-card .contents form.input-area[data-v-4681bf5a]{display:flex;flex-direction:column;align-items:center;position:relative;margin:30px;row-gap:30px}.login-card .contents form.input-area input[data-v-4681bf5a]{width:100%;flex:1;background:transparent;border:0;padding:15px;font-size:1.2rem;color:var(--font-color);border-radius:0;border-bottom:2px solid var(--border-color);outline:none;transition:all .3s ease-in-out}.login-card .contents form.input-area input[data-v-4681bf5a]:focus{border:none;border-bottom:2px solid var(--color-accent)}.login-card .contents form.input-area button[data-v-4681bf5a]{background:var(--color-input-background);border:0;outline:none;display:flex;align-items:center;padding:5px 10px;border-radius:3px;color:var(--font-color);font-size:18px;margin-top:10px}.login-card .contents form.input-area button[data-v-4681bf5a]:hover{cursor:pointer;color:var(--color-primary)}