/* Scope the demo theme to the login component in the audited Gimmo build. */
.fullscreen[data-v-59114da7] {
    --login-ink: #152342;
    --login-accent: #152a58;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
    padding: clamp(16px, 4vw, 56px);
    background: #f4f6fa !important;
    color: var(--login-ink);
    overflow: auto;
}

.fullscreen[data-v-59114da7] > :is(.left, .right),
.fullscreen[data-v-59114da7] .fixed-center {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    width: 100% !important;
    min-width: 0 !important;
}

.fullscreen[data-v-59114da7] > .left {
    display: grid;
    place-items: center;
    padding: clamp(28px, 5vw, 80px);
    border-radius: 28px 0 0 28px;
    background: radial-gradient(ellipse at 25% 20%, #fff 0, transparent 63%),
        linear-gradient(145deg, #eef3ff, #e1eaff);
}

.fullscreen[data-v-59114da7] .left > .full-height {
    height: auto !important;
    max-width: 360px;
}

.fullscreen[data-v-59114da7] .left img {
    display: block;
    width: min(100%, 280px);
    margin-inline: auto;
}

.fullscreen[data-v-59114da7] .left .title {
    margin-top: 18px;
    font: 600 clamp(1.1rem, 2vw, 1.55rem)/1.25 system-ui, sans-serif;
    color: var(--login-ink);
    text-align: center;
    text-transform: none;
    text-wrap: balance;
}

.fullscreen[data-v-59114da7] > .right {
    display: grid;
    align-items: center;
    padding: clamp(24px, 5vw, 80px);
    border-radius: 0 28px 28px 0;
    background: #fff;
}

.fullscreen[data-v-59114da7] .right > .full-height {
    width: 100%;
    max-width: 380px;
    height: auto !important;
    margin-inline: auto;
}

.fullscreen[data-v-59114da7] .right .fixed-center > img {
    display: none;
}

.fullscreen[data-v-59114da7] .right h2 {
    margin: 0 0 28px;
    font: 650 clamp(1.25rem, 2.35vw, 1.8rem)/1.25 system-ui, sans-serif !important;
    text-align: left !important;
    text-wrap: balance;
}

.fullscreen[data-v-59114da7] .right form .q-field {
    margin-bottom: 12px;
}

.fullscreen[data-v-59114da7] .right form .q-btn {
    min-height: 48px;
    margin-top: 24px;
    border-radius: 12px;
    background: var(--login-accent) !important;
    font-size: 1rem !important;
    text-transform: none;
}

@media (max-width: 720px) {
    .fullscreen[data-v-59114da7] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto 1fr;
        align-content: start;
        padding: 12px;
    }

    .fullscreen[data-v-59114da7] > .left {
        border-radius: 20px 20px 0 0;
        padding: 24px 16px;
    }

    .fullscreen[data-v-59114da7] .left img {
        width: min(100%, 185px);
    }

    .fullscreen[data-v-59114da7] .left .title {
        margin-top: 10px;
    }

    .fullscreen[data-v-59114da7] > .right {
        border-radius: 0 0 20px 20px;
        align-items: start;
        padding: 28px 22px 32px;
    }
}