/*!*******************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js!./src/css/login.css ***!
  \*******************************************************************************************************************************************/
:root {
    --bs-body-font-family: "Google Sans", sans-serif;
    --bs-body-font-size: 0.875rem;
    /* --bs-body-line-height: 1.28;
    --bs-body-bg-2: #f8f6f1;
    --bs-body-color: #28231d;
    --bs-body-color-rgb: 40, 35, 29;
    --bs-secondary-color: #7b746a;
    --bs-secondary-color-rgb: 123, 116, 106;
    --bs-emphasis-color: #2a2722;
    --bs-heading-color: #2a2722;
    --bs-border-color: #ebe5db;
    --bs-border-color-translucent: rgba(235, 229, 219, 0.85);
    --bs-secondary-bg: #faf8f4;
    --bs-tertiary-bg: #fcfbf8;
    --bs-primary: #fb7c2b;
    --bs-primary-rgb: 251, 124, 43;
    --bs-primary-text-emphasis: #9f4d17;
    --bs-primary-bg-subtle: #fff4ea;
    --bs-primary-border-subtle: #ffd9c4;
    --bs-success: #5fb585;
    --bs-success-rgb: 95, 181, 133;
    --bs-success-text-emphasis: #2f8053;
    --bs-success-bg-subtle: #e9f5ee;
    --bs-success-border-subtle: #cfe7da;
    --bs-warning: #efb04a;
    --bs-warning-rgb: 239, 176, 74;
    --bs-warning-text-emphasis: #9b6b19;
    --bs-warning-bg-subtle: #fff6df;
    --bs-warning-border-subtle: #f6d99a;
    --bs-info: #8696b0;
    --bs-info-rgb: 134, 150, 176;
    --bs-info-text-emphasis: #566a8a;
    --bs-info-bg-subtle: #eef2f8;
    --bs-info-border-subtle: #d6deeb;
    --bs-focus-ring-color: rgba(251, 124, 43, 0.16);
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius: 0.375rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 0.625rem;
    --bs-border-radius-xxl: 0.75rem;
    --bs-border-radius-pill: 0.625rem;
    --bs-modal-box-shadow: 0 10px 24px rgba(52, 42, 28, 0.05);
    --line-strong: #ddd5c8;
    --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

    --primary: #fb7c2b;
    --primary-dark: #9f4d17;
    --primary-light: #fff4ea; */

    --swal2-border-radius: 0.625rem !important;

    --swal2-container-padding: 0.625em !important;
    --swal2-width: 21em !important;
    --swal2-title-padding: 0.4em 5em 0 !important;
    --swal2-html-container-padding: 1em 1.6em 0.3em;
    --swal2-close-button-font-size: 1.5em !important;
}

.swal2-toast {
    padding: 10px 15px !important;
}

.swal2-toast .swal2-icon {
    border: none !important;
}

.swal2-toast .swal2-icon .swal2-icon-content {
    font-size: 1.25em !important;
}

.swal2-toast div:where(.swal2-html-container) {
    font-size: 0.875rem !important;
    margin-left: 0 !important;
}

.btn {
    --bs-btn-color: #fff !important;
}

.btn-light {
    background: #ffffff;
    border-color: var(--line);
    color: #52493f;
}

.btn-outline-dark {
    border-color: var(--line-strong);
    color: #4a433b;
}

body {
    /* display: flex;
    flex-direction: column;
    height: 100vh;
    height: calc(var(--vh, 1vh)*100);
    max-height: -webkit-fill-available; */
    margin: 0;
    /* background-image: url('/images/login-hero.webp'); */
    background-image: url('/images/bg.webp');
    background-size: cover;
    background-position: center;
    /* background-color: var(--bs-body-bg-2); */
}

html,
body {
    /* height: 100%; */
}

a {
    text-decoration: none !important;
}

pre {
    min-height: max-content !important;
}

.grecaptcha-badge {
    visibility: hidden;
}

.grecaptcha-badge {
    box-shadow: gray 0px 0px 2px !important;
}

.grecaptcha-badge,
#recaptcha iframe {
    border-radius: var(--bs-border-radius) !important;
}

.g-recaptcha-desc {
    line-height: 1.2 !important;
    font-size: 11px !important;
}

::-ms-reveal {
    display: none;
}

button.toggle-password {
    position: absolute;
    z-index: 9;
    width: 28px;
    height: 30px;
    background: 0;
    border: 0;
    top: 50%;
    right: 0.45rem;
    transform: translateY(-50%);
}

button.toggle-password:active,
button.toggle-password:focus,
button.toggle-password:hover {
    cursor: pointer;
}

button.toggle-password:focus {
    outline: none !important;
}

.input-password {
    padding-right: calc(1.5em + 0.75rem) !important;
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.input-password[type=text] {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-eye-slash\" viewBox=\"0 0 16 16\"><path d=\"M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755-.165.165-.337.328-.517.486l.708.709z\"/><path d=\"M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829l.822.822zm-2.943 1.299.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z\"/><path d=\"M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884-12-12 .708-.708 12 12-.708.708z\"/></svg>") !important;
}

.input-password[type=password] {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-eye\" viewBox=\"0 0 16 16\"><path d=\"M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z\"/><path d=\"M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z\"/></svg>") !important;
}

[data-bs-theme=dark] .input-password[type=text] {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"rgb%28173, 181, 189%29\" class=\"bi bi-eye-slash\" viewBox=\"0 0 16 16\"><path d=\"M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755-.165.165-.337.328-.517.486l.708.709z\" /><path d=\"M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829l.822.822zm-2.943 1.299.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z\" /><path d=\"M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884-12-12 .708-.708 12 12-.708.708z\" /></svg>") !important;
}

[data-bs-theme=dark] .input-password[type=password] {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"rgb%28173, 181, 189%29\" class=\"bi bi-eye\" viewBox=\"0 0 16 16\"><path d=\"M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z\" /><path d=\"M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z\" /></svg>") !important;
}

.notify-wrp {
    max-width: fit-content;
    left: 0.5rem !important;
    right: 0.5rem !important;
}

.notify-alert {
    margin: 0;
    max-width: 550px;
    width: auto;
    display: table !important;
    padding-right: 1.5rem;
}

.notify-alert .btn-close {
    right: 5px !important;
}

.logo-font {
    font-family: "Google Sans", sans-serif !important;
    /* color: var(--primary) !important; */
    /* font-size: 1.5rem !important; */
    /* letter-spacing: 0.1em !important; */
    text-transform: lowercase;
}

.auth-shell {
    position: relative;
    isolation: isolate;
}

.auth-shell::before,
.auth-shell::after {
    content: "";
    position: absolute;
    pointer-events: none;
}

.auth-shell::before {
    inset: 0.75rem;
    background: linear-gradient(160deg, rgba(255, 255, 255, 0.36), rgba(255, 252, 247, 0.12));
    z-index: -2;
}

.auth-shell::after {
    top: -8rem;
    right: -6rem;
    width: 22rem;
    height: 22rem;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(251, 124, 43, 0.2), rgba(251, 124, 43, 0.03) 62%, transparent 72%);
    filter: blur(10px);
    z-index: -1;
}

.auth-glass {
    backdrop-filter: blur(16px);
}

.auth-login {
    max-width: 31rem;
}

.auth-display {
    font-family: "Google Sans Display", "Google Sans", sans-serif;
    letter-spacing: -0.04em;
}

.auth-divider {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    letter-spacing: 0.16em;
}

.auth-divider::before,
.auth-divider::after {
    content: "";
    flex: 1 1 auto;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(214, 204, 190, 0.95), transparent);
}

.language-selector {
    position: fixed;
    z-index: 999;
}

@media (max-width: 991.98px) {
    .auth-shell::before {
        inset: 0.5rem;
        border-radius: 1.5rem;
    }
}

@media (max-width: 767.98px) {
    .auth-shell::before {
        border-radius: 1.25rem;
    }

    .auth-shell::after {
        top: -6rem;
        right: -5rem;
        width: 16rem;
        height: 16rem;
    }
}