login.pcss

@import "../../style/color.pcss";
@import "../../style/theme.pcss";
@import "../../style/border.pcss";
@import "../../style/form.pcss";
@import "../../style/control.pcss";
@import "../../style/badge.pcss";
@import '../../style/mixin/typography.pcss';
@import '../../style/typography.pcss';
@import '../../style/mixin/hover.pcss';

@import "../../style/control.pcss";
@import "../../style/floating-ui.pcss";

:host {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    max-width: 500px;
}

[data-monster-role="control"] {
    width: 100%;
    box-sizing: border-box;
}

monster-message-state-button {
    margin-top: 2.9rem;
}

.hidden {
    display: none !important;
}


[data-monster-role="forgot-password-link"],
[data-monster-role="reset-login-process-link"],
[data-monster-role="login-link"] {
    display: block;
    margin-top: 1.5rem;
    text-align: center;
    cursor: pointer;

    color: var(--monster-color-secondary-1);
    text-decoration: none;
    outline: none;
    transition: color 300ms ease-in-out, text-decoration-color 300ms ease-in-out;




}

a, a:link, a:visited, a:hover, a:active, a:focus {
    color: var(--monster-color-secondary-1);
    text-decoration: none;
    outline: none;
    transition: color 300ms ease-in-out, text-decoration-color 300ms ease-in-out;
}

a:hover, a:active, a:focus {
    color: var(--monster-color-primary-2);
    text-decoration: underline;
    text-decoration-color: var(--monster-color-secondary-1 );
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
}

a:focus {