h1[data-v-2ba5bc8a]{position:relative;font-size:30px;font-weight:700;background-color:var(--main-color);padding-top:36px;letter-spacing:3px;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:var(--login-h1-color)}h1>div[data-v-2ba5bc8a]{position:absolute;top:10px;right:30px}h1>div svg[data-v-2ba5bc8a]{width:.5em!important;color:var(--login-border-color);cursor:pointer}h1 svg[data-v-2ba5bc8a]:hover,h1>div[active=true] svg[data-v-2ba5bc8a]{animation:setting 5s linear infinite}.login-card[data-v-2ba5bc8a]{position:relative;margin-inline:auto;width:400px;height:360px;text-align:center;background-color:var(--content-color);box-shadow:0 4px 4px rgba(0,0,0,.25);border-radius:10px}.login-input-template[data-v-2ba5bc8a]{margin-top:22px}.login-input-div[data-v-2ba5bc8a]{padding-block:10px}.login-card input[data-v-2ba5bc8a]{border:2px solid var(--login-border-color);box-sizing:border-box;border-radius:36px;background:none;text-align:center;padding:14px 20px;width:60%;outline:none;transition:all .25s ease-in-out;color:var(--login-hover-color);box-shadow:0 0 0 100px var(--content-color) inset;-webkit-box-shadow:0 0 0 100px var(--content-color) inset;-webkit-text-fill-color:var(--login-hover-color)}.login-card input[data-v-2ba5bc8a]:focus{width:80%;border-color:var(--login-hover-color)}.login-card input[data-v-2ba5bc8a]::-webkit-input-placeholder{letter-spacing:2px;color:var(--login-placeholder-color)}.login-card input[data-v-2ba5bc8a]::-moz-placeholder{letter-spacing:2px;color:var(--login-placeholder-color)}.login-card input[data-v-2ba5bc8a]::placeholder{letter-spacing:2px;color:var(--login-placeholder-color)}.login-button-div[data-v-2ba5bc8a]{margin-top:15px}.login-card button[data-v-2ba5bc8a]{padding:10px 20px;font-weight:600;border-radius:25px;border:2px solid var(--login-border-color);background-color:transparent;color:var(--login-button-color);letter-spacing:2px;transition:all .25s ease-in-out}.login-card button[data-v-2ba5bc8a]:hover{border-color:var(--login-hover-color);background-color:var(--login-hover-color);color:var(--content-color)}.setting[data-v-2ba5bc8a]{position:absolute;z-index:-1;top:10px;right:0;padding-block:5px;transform:translateX(-10%);border-top-right-radius:10px;border-bottom-right-radius:10px;box-shadow:2px 2px 2px rgba(0,0,0,.25);background-color:var(--content-color);transition:transform .25s ease-in-out}.setting[active=true][data-v-2ba5bc8a]{transform:translateX(100%)}.setting div[data-v-2ba5bc8a]{padding:3px 15px;cursor:pointer;color:var(--login-hover-color)}.setting div[data-v-2ba5bc8a]:hover{background-color:var(--header-color)}