.customer-surface :is(button,a,input,select,textarea):focus-visible{outline:2px solid var(--brand-text);outline-offset:3px}.customer-surface label:has(input[type=checkbox]:focus-visible){outline:2px solid var(--brand-text);outline-offset:3px}.customer-surface button:disabled{cursor:not-allowed}.customer-surface :is(input,select,textarea){accent-color:var(--brand-text)}.customer-surface :is(h1,h2,h3,p){overflow-wrap:break-word}.customer-surface .on-ink{color:var(--bg,#fff)}.customer-surface .on-ink :is(h1,h2,h3,h4,a){color:inherit}.customer-surface .on-ink a:focus-visible{outline-color:var(--bg,#fff)}.customer-surface .tone-on-ink{color:color-mix(in srgb, var(--tone) 45%, var(--bg,#fff));background-color:color-mix(in srgb, var(--tone) 12%, transparent);border-color:color-mix(in srgb, var(--tone) 35%, transparent)}.customer-surface .tone-warn{--tone:var(--warning,#c9831f)}.customer-surface .tone-success{--tone:var(--success,#1db36b)}.customer-surface .tone-danger{--tone:var(--danger,#e5484d)}.customer-surface .tone-violet{--tone:#8b5cf6}@media (prefers-reduced-motion:reduce){.customer-surface *,.customer-surface :before,.customer-surface :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}