/* Start:/local/components/bx365.quickshop24/auth.page/templates/.default/style.css?17730894813141*/
.QuickShop24AuthPage {
    --qs24-auth-card-max-width: 480px;
    --qs24-auth-field-height: var(--qs24-space-48);
    --qs24-auth-transition: 160ms;
    width: 100%;
    padding: var(--qs24-space-24) 0;
}

.QuickShop24AuthPage__inner {
    width: min(var(--qs24-auth-card-max-width), 100%);
    margin: 0 auto;
}

.QuickShop24AuthCard {
    border: 1px solid var(--qs24-stroke);
    border-radius: var(--qs24-radius-lg);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.03));
    box-shadow: var(--qs24-shadow);
    overflow: hidden;
}

.QuickShop24AuthCard__body {
    padding: var(--qs24-space-24) var(--qs24-space-16);
}

.QuickShop24AuthForm {
    display: flex;
    flex-direction: column;
    gap: var(--qs24-space-16);
}

.QuickShop24AuthField {
    display: flex;
    flex-direction: column;
    gap: var(--qs24-space-8);
}

.QuickShop24AuthField__label {
    color: var(--qs24-text);
    font-size: 14px;
    line-height: 1.2;
}

.QuickShop24AuthField__input {
    width: 100%;
    min-height: var(--qs24-auth-field-height);
    padding: 0 var(--qs24-space-12);
    border-radius: var(--qs24-radius);
    border: 1px solid var(--qs24-stroke);
    background: rgba(0, 0, 0, 0.14);
    color: var(--qs24-text);
    font-size: 16px;
    line-height: 1.2;
    transition: border-color var(--qs24-auth-transition) ease, box-shadow var(--qs24-auth-transition) ease, opacity var(--qs24-auth-transition) ease;
}

.QuickShop24AuthField__input::placeholder {
    color: var(--qs24-muted);
}

.QuickShop24AuthField__input:focus-visible {
    outline: none;
    border-color: rgba(110, 168, 254, 0.55);
    box-shadow: 0 0 0 2px rgba(110, 168, 254, 0.16);
}

.QuickShop24AuthField__input[data-state="disabled"] {
    opacity: 0.55;
    cursor: not-allowed;
}

.QuickShop24AuthField__input[data-state="error"] {
    border-color: rgba(255, 105, 105, 0.7);
    box-shadow: 0 0 0 2px rgba(255, 105, 105, 0.16);
}

.QuickShop24AuthForm__actions {
    margin-top: var(--qs24-space-8);
    display: flex;
}

.QuickShop24AuthButton {
    width: 100%;
    min-height: var(--qs24-auth-field-height);
    border: 1px solid rgba(110, 168, 254, 0.4);
    border-radius: var(--qs24-radius);
    background: linear-gradient(135deg, rgba(110, 168, 254, 0.26), rgba(126, 224, 195, 0.2));
    color: var(--qs24-text);
    font-size: 16px;
    line-height: 1.2;
    font-weight: 650;
    cursor: pointer;
    transition: border-color var(--qs24-auth-transition) ease, background-color var(--qs24-auth-transition) ease, opacity var(--qs24-auth-transition) ease;
}

.QuickShop24AuthButton:hover {
    border-color: rgba(110, 168, 254, 0.62);
    background: linear-gradient(135deg, rgba(110, 168, 254, 0.34), rgba(126, 224, 195, 0.28));
}

.QuickShop24AuthButton:focus-visible {
    outline: 2px solid var(--qs24-accent);
    outline-offset: 2px;
}

.QuickShop24AuthButton[data-state="loading"] {
    opacity: 0.8;
    cursor: progress;
}

.QuickShop24AuthButton:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

@media (max-width: 768px) {
    .QuickShop24AuthPage {
        padding: var(--qs24-space-16) 0;
    }
}

/* End */
/* /local/components/bx365.quickshop24/auth.page/templates/.default/style.css?17730894813141 */