.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;height:100dvh;align-items:center;justify-content:center;overflow-y:auto;background-color:var(--overlay-modal);padding:1rem 2rem 2rem}@media (min-width: 640px){.modal-overlay{align-items:center}}@media (min-width: 1024px){.modal-overlay{padding:2rem}}.modal-container{display:flex;max-height:100%;width:421px;max-width:100%;flex-direction:column;gap:2.5rem;overflow-y:auto;border-radius:var(--radius);border-width:1px;background-color:hsl(var(--sllm-background));padding:1.5rem;color:hsl(var(--typography-default))}@media (min-width: 1024px){.modal-container{padding:2.5rem}}.login{display:flex;min-height:383px;flex-direction:column;justify-content:space-between;gap:2.5rem}.login__progress-bar{height:5px;width:100%;border-radius:9999px;background-color:var(--sllm-accent)}.login__progress-bar__thumb{height:5px;border-radius:9999px;background-color:hsl(var(--sllm-primary));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s;animation-duration:.5s}.login__header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;color:hsl(var(--typography-heading))}.login__header__title{display:flex;flex-direction:column;align-items:center;gap:1rem;color:hsl(var(--typography-heading))}.login__header__title__icon{width:2.5rem;height:2.5rem;text-align:center}.login__header__title__text{font-size:1.5rem;font-weight:700;line-height:1.75rem;color:hsl(var(--typography-heading))}.login__header__description{text-align:center;line-height:1.5rem;color:hsl(var(--typography-default))}.login__form__body{display:flex;flex-direction:column;gap:1.25rem}.login__form__body__input-group{display:flex;flex-direction:column;gap:.5rem;color:hsl(var(--typography-heading))}.login__form__body__input-group__lable{font-weight:600;line-height:1.5rem}.login__form__body__input-group__input{width:100%;border-radius:.75rem;border-width:1.5px;border-color:var(--sllm-border);padding:.75rem 1rem;outline:2px solid transparent;outline-offset:2px}.login__form__body__input-group__input:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: hsl(var(--sllm-primary));--tw-ring-offset-width: 2px }.login__form__footer{display:flex;flex-direction:column;gap:.5rem}.login__form__footer__button{display:inline-block;width:100%;border-radius:var(--radius);background-color:transparent;padding:.75rem 1.25rem;text-align:center;font-weight:500;color:hsl(var(--sllm-primary));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.2s;animation-timing-function:cubic-bezier(.4,0,.2,1)}.login__form__footer__button:hover{background-color:var(--sllm-accent)}.login__form__footer__button__muted{color:hsl(var(--typography-default))}.login__form__submit{display:inline-block;width:100%;border-radius:var(--radius);background-color:hsl(var(--sllm-primary));padding:.75rem 1.25rem;text-align:center;font-weight:600;color:hsl(var(--sllm-background));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.2s;animation-timing-function:cubic-bezier(.4,0,.2,1)}.login__form__submit:hover{background-color:hsl(var(--sllm-primary) / .9)}