newsletter-steps input:autofill,newsletter-steps input:autofill:hover,newsletter-steps input:autofill:focus,newsletter-steps input:autofill:active{box-shadow:inset 0 0 0 100px var(--autofill-bg, var(--color-background));-webkit-text-fill-color:var(--autofill-text, var(--color-text));caret-color:var(--autofill-text, var(--color-text))}newsletter-steps input:-webkit-autofill,newsletter-steps input:-webkit-autofill:hover,newsletter-steps input:-webkit-autofill:focus,newsletter-steps input:-webkit-autofill:active{-webkit-box-shadow:inset 0 0 0 100px var(--autofill-bg, var(--color-background));box-shadow:inset 0 0 0 100px var(--autofill-bg, var(--color-background));-webkit-text-fill-color:var(--autofill-text, var(--color-text));caret-color:var(--autofill-text, var(--color-text))}newsletter-steps .field{position:relative;padding-top:22px}newsletter-steps .field label{position:absolute;top:0;left:0;transform:translateY(22px) translate(var(--label-inset, 0));transform-origin:top left;transition:transform .2s ease;pointer-events:none}newsletter-steps .field:has(input:focus) label,newsletter-steps .field:has(input:not(:placeholder-shown)) label{transform:translateY(0) scale(.75)}newsletter-steps .field:has(input:autofill) label{transform:translateY(0) scale(.75)}newsletter-steps .field:has(input:-webkit-autofill) label{transform:translateY(0) scale(.75)}newsletter-steps .field--prefixed{--label-inset: 28px}