:root{--bevel-brand:0 -1px 0 1px color-mix(in srgb,hsl(var(--primary)) 55%,black) inset,0 0 0 1px color-mix(in srgb,hsl(var(--primary)) 80%,black) inset,0 0.5px 0 1.5px rgb(255 255 255/0.25) inset;--bevel-brand-pressed:0 3px 2px 0 color-mix(in srgb,hsl(var(--primary)) 40%,black) inset,0 0 0 1px color-mix(in srgb,hsl(var(--primary)) 60%,black) inset}.btn.btn--brand{background:hsl(var(--primary));color:hsl(var(--primary-foreground));box-shadow:var(--bevel-brand)}.btn.btn--brand:hover:not([disabled]){background:color-mix(in srgb,hsl(var(--primary)) 88%,black);color:hsl(var(--primary-foreground))}.btn.btn--brand:active:not([disabled]){background:color-mix(in srgb,hsl(var(--primary)) 78%,black);color:hsl(var(--primary-foreground));box-shadow:var(--bevel-brand-pressed);transform:translateY(1px)}.btn.btn--on-dark{background:transparent;color:#ffffff;box-shadow:inset 0 -1px 0 1px rgb(0 0 0/.25),inset 0 0 0 1px rgb(255 255 255/.4),inset 0 .5px 0 1.5px rgb(255 255 255/.22)}.btn.btn--on-dark:hover:not([disabled]){background:rgb(255 255 255/.1);color:#ffffff}.btn.btn--on-dark:active:not([disabled]){background:rgb(255 255 255/.06);box-shadow:inset 0 -1px 0 1px rgb(0 0 0/.25),inset 0 0 0 1px rgb(255 255 255/.4);transform:translateY(1px)}.badge--on-dark{background:rgb(255 255 255/.14);color:#ffffff;box-shadow:inset 0 0 0 1px rgb(255 255 255/.22)}.surface-brand .btn:focus-visible,.surface-brand a:focus-visible{box-shadow:0 0 0 2px hsl(var(--primary)),0 0 0 4px #ffffff}.card--tinted{background:hsl(var(--muted)/.4)}.card--on-dark{background:rgb(255 255 255/.1);color:#ffffff;box-shadow:0 0 0 1px rgb(255 255 255/.14);backdrop-filter:blur(8px)}.btn.btn--accent{background:hsl(var(--accent));color:hsl(var(--accent-foreground,0 0% 100%));box-shadow:0 -1px 0 1px color-mix(in srgb,hsl(var(--accent)) 55%,black) inset,0 0 0 1px color-mix(in srgb,hsl(var(--accent)) 80%,black) inset,0 .5px 0 1.5px rgb(255 255 255/.25) inset}.btn.btn--accent:hover:not([disabled]){background:color-mix(in srgb,hsl(var(--accent)) 88%,black);color:hsl(var(--accent-foreground,0 0% 100%))}.btn.btn--accent:active:not([disabled]){background:color-mix(in srgb,hsl(var(--accent)) 78%,black);box-shadow:0 3px 2px 0 color-mix(in srgb,hsl(var(--accent)) 40%,black) inset,0 0 0 1px color-mix(in srgb,hsl(var(--accent)) 60%,black) inset;transform:translateY(1px)}.card--hero{box-shadow:var(--shadow-float)}.input--icon{padding-left:var(--s10)}