/* Account gates share the public palette while the marketing document is open. */
.q-ebay-required-overlay {
    --q-bg: var(--fondo);
    --q-surface: var(--bianco);
    --q-surface-2: var(--fondo-alt);
    --q-ink: var(--inchiostro);
    --q-ink-soft: var(--inchiostro-2);
    --q-muted: var(--inchiostro-2);
    --q-line: var(--filetto);
    --q-brand: var(--azione);
    --q-brand-soft: var(--indaco-tenue);
    --q-dark-card: var(--q-surface);
    --q-dark-card-2: var(--q-surface-2);
    --q-dark-ink: var(--q-ink);
    --q-dark-muted: var(--q-muted);
    --q-dark-line: var(--q-line);
    --q-indigo: var(--q-brand);
    --q-indigo-bright: var(--q-brand);
    --q-indigo-soft: var(--q-brand-soft);
    --q-lime: var(--verde);
    --q-amber: var(--ambra-t);
    --q-amber-soft: color-mix(in srgb, var(--ambra-t) 8%, var(--bianco));
    --q-red: #b4233a;
    --q-red-soft: color-mix(in srgb, var(--q-red) 8%, var(--bianco));
    --q-overlay: color-mix(in srgb, var(--inchiostro-2) 28%, transparent);
    --q-shadow-color: color-mix(in srgb, var(--inchiostro) 14%, transparent);
}

.q-ebay-required-overlay {
    font-family: Inter, ui-sans-serif, system-ui, sans-serif;
}

.q-ebay-required-overlay :is(button, input, select, textarea) {
    color: var(--q-ink);
    font: inherit;
}

.q-ebay-required-overlay button {
    align-items: center;
    background: var(--q-surface);
    border: 1px solid var(--q-line);
    border-radius: 8px;
    cursor: pointer;
    display: inline-flex;
    font-weight: 800;
    gap: .4rem;
    justify-content: center;
    min-height: 2.45rem;
    padding: 0 .9rem;
}

.q-ebay-required-overlay button:disabled {
    cursor: not-allowed;
    opacity: .55;
}

.q-ebay-required-overlay input:not(:where([type="checkbox"], [type="radio"])),
.q-ebay-required-overlay select,
.q-ebay-required-overlay textarea {
    background: var(--q-surface);
    border: 1px solid var(--q-line);
    border-radius: 8px;
    min-height: 2.55rem;
    padding: 0 .75rem;
    width: 100%;
}

.q-ebay-required-overlay label {
    color: var(--q-ink-soft);
    display: grid;
    font-size: .84rem;
    font-weight: 800;
    gap: .38rem;
}
