.auth-cta{--cta-scrim:#0003;background:linear-gradient(var(--cta-scrim), var(--cta-scrim)), linear-gradient(270deg, rgb(var(--app-grad-from)), rgb(var(--app-grad-to)));color:#fff}:root[data-contrast=high] .auth-cta{--cta-scrim:#00000059}.auth-logo{background:linear-gradient(135deg, rgb(var(--app-grad-from)), rgb(var(--app-pink)));color:#0000;-webkit-background-clip:text;background-clip:text}.auth-logo-mark{background:linear-gradient(135deg, rgb(var(--app-grad-from)), rgb(var(--app-grad-to)));color:#fff}:is(.auth-dialog,.auth-inline) :is(input:not([type=checkbox],[type=radio],[type=file]),select){font-size:16px;border-radius:12px!important;height:2.5rem!important}:is(.auth-dialog,.auth-inline) textarea{border-radius:12px;height:4rem;font-size:16px}:is(.auth-dialog,.auth-inline) label[for],:is(.auth-dialog,.auth-inline) legend{margin-bottom:.125rem;font-size:12.5px}:is(.auth-dialog,.auth-inline) .auth-cta{border-radius:12px;height:2.5rem;font-size:15px}:is(.auth-dialog,.auth-inline) form,:is(.auth-dialog,.auth-inline) form>.grid{gap:.5rem}@media (min-width:1024px){:is(.auth-dialog,.auth-inline) :is(input:not([type=checkbox],[type=radio],[type=file]),select){font-size:14px}}
