main.svelte-rarq2k{display:grid;width:100%;height:100%}.login_form.svelte-rarq2k{position:absolute;top:120px;place-self:center;background-color:var(--clr-bg-task-block);padding:30px 40px;border-radius:6px;display:grid;grid-gap:10px;width:clamp(250px,100%,320px);font-family:var(--fmly-fnt);color:var(--clr-fnt-text--disabled);box-shadow:0 0 20px 4px #00000040}.login_title.svelte-rarq2k{justify-self:center;color:var(--clr-fnt-text);letter-spacing:10px}.login_field.svelte-rarq2k{display:flex;align-items:center;position:relative;margin-top:25px;width:100%}.login_field.svelte-rarq2k>span:where(.svelte-rarq2k){position:absolute;padding:5px 3px;pointer-events:none}.login_field.svelte-rarq2k>input:where(.svelte-rarq2k){font-size:var(--sz-fnt);color:var(--clr-fnt-text);background-color:transparent;padding:5px 3px;box-shadow:0 2px 0 0 var(--clr-fnt-text--disabled);width:100%;border:0;outline:none}.login_field.svelte-rarq2k>input:where(.svelte-rarq2k):focus-within,.login_field.svelte-rarq2k>input:where(.svelte-rarq2k):not(:placeholder-shown){box-shadow:0 2px 0 0 var(--clr-fnt-text)}.login_field.svelte-rarq2k>input:where(.svelte-rarq2k)+span:where(.svelte-rarq2k){transform:translateY(0);transform-origin:0%;transition:transform .3s}.login_field.svelte-rarq2k>input:where(.svelte-rarq2k):focus-within+span:where(.svelte-rarq2k),.login_field.svelte-rarq2k>input:where(.svelte-rarq2k):not(:placeholder-shown)+span:where(.svelte-rarq2k){color:var(--clr-fnt-text);transform:scale(.8) translateY(-2rem)}.span_info.svelte-rarq2k{display:none;padding:0 3px;margin-top:5px;font-size:13px;color:#f52e2e}.login_btn_confirm.svelte-rarq2k{display:grid;place-content:center;width:max-content;height:max-content;padding:15px 35px;place-self:center;background-color:var(--clr-bg-body);box-shadow:0 0 5px 1px #00000040;border-radius:4px;-webkit-text-stroke:.5px;transition:color 75ms,background 75ms,box-shadow 75ms;margin-top:20px;cursor:pointer}.login_btn_confirm.svelte-rarq2k:hover{color:var(--clr-bg-body);background-color:var(--clr-fnt-text--disabled);box-shadow:0 0 5px 2px #00000040;transition:color .1s,background .1s,box-shadow .1s}@media only screen and (max-height: 400px){.login_form.svelte-rarq2k{top:auto}}