@layer components{@media (pointer:coarse){:root{--control-height-sm:var(--control-target-min);--control-height-md:var(--control-target-min)}}}
@layer components{[data-ui=button]{--ctl-height:var(--control-height-md);--ctl-padding-x:var(--control-padding-x-md);--ctl-gap:var(--control-gap-md);--ctl-icon:var(--control-icon-md);justify-content:center;align-items:center;gap:var(--ctl-gap);height:var(--ctl-height);padding-block:0;padding-inline:var(--ctl-padding-x);border-radius:var(--radius-default);border:var(--stroke-width-default) solid transparent;color:var(--color-on-surface);font-family:var(--typography-control-md-font-family);font-size:var(--typography-control-md-font-size);font-weight:var(--typography-control-md-font-weight);letter-spacing:var(--typography-control-md-letter-spacing);line-height:var(--typography-control-md-line-height);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;transition-property:background-color,color,border-color,background-position,scale;transition-duration:var(--brand-duration-100);transition-timing-function:var(--brand-easing-standard);background-color:#0000;outline:none;text-decoration:none;display:inline-flex}[data-ui=button][data-size=xs],[data-ui=button][data-size=sm]{font-family:var(--typography-control-sm-font-family);font-size:var(--typography-control-sm-font-size);font-weight:var(--typography-control-sm-font-weight);letter-spacing:var(--typography-control-sm-letter-spacing);line-height:var(--typography-control-sm-line-height)}[data-ui=button][data-size=xs]{--ctl-height:var(--control-height-xs);--ctl-padding-x:var(--control-padding-x-xs);--ctl-gap:var(--control-gap-xs);--ctl-icon:var(--control-icon-xs)}[data-ui=button][data-size=sm]{--ctl-height:var(--control-height-sm);--ctl-padding-x:var(--control-padding-x-sm);--ctl-gap:var(--control-gap-sm);--ctl-icon:var(--control-icon-sm)}[data-ui=button][data-size=lg]{--ctl-height:var(--control-height-lg);--ctl-padding-x:var(--control-padding-x-lg);--ctl-gap:var(--control-gap-lg);--ctl-icon:var(--control-icon-lg);font-family:var(--typography-control-lg-font-family);font-size:var(--typography-control-lg-font-size);font-weight:var(--typography-control-lg-font-weight);letter-spacing:var(--typography-control-lg-letter-spacing);line-height:var(--typography-control-lg-line-height)}[data-ui=button][data-icon-only]{min-width:var(--ctl-height);padding-inline:0}[data-ui=button-icon]{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}[data-ui=button-icon],[data-ui=button]>svg,[data-ui=button-icon]>svg{width:var(--ctl-icon);height:var(--ctl-icon);flex-shrink:0}[data-ui=button][data-variant=primary][data-mode=filled]{background-color:var(--color-primary-brand);color:var(--color-primary-on-brand)}[data-ui=button][data-variant=primary][data-mode=lighter]{background-color:var(--color-primary-container);color:var(--color-primary-on-container)}[data-ui=button][data-variant=primary][data-mode=stroke]{border:var(--stroke-width-selected) solid var(--color-primary-border);color:var(--color-on-surface-primary)}[data-ui=button][data-variant=primary][data-mode=ghost]{color:var(--color-on-surface-primary)}[data-ui=button][data-variant=secondary][data-mode=filled]{background-color:var(--color-secondary-brand);color:var(--color-secondary-on-brand);border-color:var(--color-border-subtle)}[data-ui=button][data-variant=secondary][data-mode=lighter]{background-color:var(--color-secondary-container);color:var(--color-secondary-on-container)}[data-ui=button][data-variant=secondary][data-mode=stroke]{border:var(--stroke-width-selected) solid var(--color-secondary-border);color:var(--color-on-surface-secondary)}[data-ui=button][data-variant=secondary][data-mode=ghost]{color:var(--color-on-surface-secondary)}[data-ui=button][data-variant=tertiary][data-mode=filled]{background-color:var(--color-tertiary-brand);color:var(--color-tertiary-on-brand)}[data-ui=button][data-variant=tertiary][data-mode=lighter]{background-color:var(--color-tertiary-container);color:var(--color-tertiary-on-container)}[data-ui=button][data-variant=tertiary][data-mode=stroke]{border:var(--stroke-width-selected) solid var(--color-tertiary-border);color:var(--color-on-surface-tertiary)}[data-ui=button][data-variant=tertiary][data-mode=ghost]{color:var(--color-on-surface-tertiary)}[data-ui=button][data-variant=neutral][data-mode=filled]{background-color:var(--theme-color-neutral-5);color:var(--theme-color-neutral-12)}[data-ui=button][data-variant=neutral][data-mode=lighter]{background-color:var(--color-surface-hover);color:var(--color-on-surface)}[data-ui=button][data-variant=neutral][data-mode=stroke]{border:var(--stroke-width-selected) solid var(--color-border-interactive);color:var(--color-on-surface)}[data-ui=button][data-variant=neutral][data-mode=ghost]{color:var(--color-on-surface)}[data-ui=button][data-variant=destructive][data-mode=filled]{background-color:var(--color-intent-error);color:var(--color-intent-on-error)}[data-ui=button][data-variant=destructive][data-mode=lighter]{background-color:var(--color-intent-error-container);color:var(--color-intent-on-error-container)}[data-ui=button][data-variant=destructive][data-mode=stroke]{border:var(--stroke-width-selected) solid var(--color-intent-error-border);color:var(--color-on-surface-error)}[data-ui=button][data-variant=destructive][data-mode=ghost]{color:var(--color-on-surface-error)}[data-ui=button][data-variant=inverse][data-mode=filled]{background-color:var(--color-primary-on-brand);color:var(--color-primary-brand)}[data-ui=button][data-variant=inverse][data-mode=stroke]{border:var(--stroke-width-selected) solid color-mix(in oklch, var(--color-primary-on-brand), transparent 55%);color:var(--color-primary-on-brand)}[data-ui=button][data-variant=inverse][data-mode=lighter]{background-color:color-mix(in oklch, var(--color-primary-on-brand), transparent 86%);color:var(--color-primary-on-brand)}[data-ui=button][data-variant=inverse][data-mode=ghost]{color:var(--color-primary-on-brand)}[data-ui=button][data-variant=featured]{color:var(--color-primary-on-brand);background-image:linear-gradient(120deg, var(--color-primary-brand), var(--color-tertiary-brand), var(--color-primary-brand));background-position:0 0;background-size:200% 100%;border-color:#0000}[data-ui=button][data-variant=featured][data-gradient=primary-secondary]{background-image:linear-gradient(120deg, var(--color-primary-brand), var(--color-secondary-brand), var(--color-primary-brand))}[data-ui=button][data-variant=featured][data-gradient=primary-deep]{background-image:linear-gradient(120deg, var(--color-primary-brand), var(--foundation-color-black-alpha-100), var(--color-primary-brand))}[data-finish=brand] [data-ui=button][data-variant][data-mode]{background-color:var(--color-primary-on-brand);color:var(--color-primary-brand);background-image:none;border-color:#0000}@media (hover:hover){[data-ui=button][data-variant=primary][data-mode=filled]:hover{background-color:var(--color-primary-brand-hover);color:var(--color-primary-on-brand-hover,var(--color-primary-on-brand))}[data-ui=button][data-variant=secondary][data-mode=filled]:hover{background-color:var(--color-secondary-brand-hover);color:var(--color-secondary-on-brand-hover,var(--color-secondary-on-brand))}[data-ui=button][data-variant=tertiary][data-mode=filled]:hover{background-color:var(--color-tertiary-brand-hover);color:var(--color-tertiary-on-brand-hover,var(--color-tertiary-on-brand))}[data-ui=button][data-variant=destructive][data-mode=filled]:hover{background-color:var(--color-intent-error-hover);color:var(--color-intent-on-error-hover,var(--color-intent-on-error))}[data-ui=button][data-variant=neutral][data-mode=filled]:hover{background-color:var(--theme-color-neutral-6)}[data-ui=button][data-variant=primary][data-mode=lighter]:hover{background-color:var(--color-primary-container-hover)}[data-ui=button][data-variant=secondary][data-mode=lighter]:hover{background-color:var(--color-secondary-container-hover)}[data-ui=button][data-variant=tertiary][data-mode=lighter]:hover{background-color:var(--color-tertiary-container-hover)}[data-ui=button][data-variant=destructive][data-mode=lighter]:hover{background-color:color-mix(in oklch, var(--color-intent-error-container), var(--color-intent-error) calc(var(--opacity-faint) * 100%))}[data-ui=button][data-variant=neutral][data-mode=lighter]:hover{background-color:var(--color-surface-selected)}[data-ui=button][data-variant=primary][data-mode=stroke]:hover{border-color:var(--color-primary-border-hover)}[data-ui=button][data-variant=secondary][data-mode=stroke]:hover{border-color:var(--color-secondary-border-hover)}[data-ui=button][data-variant=tertiary][data-mode=stroke]:hover{border-color:var(--color-tertiary-border-hover)}[data-ui=button][data-variant=neutral][data-mode=stroke]:hover{border-color:var(--color-border-interactive-hover)}[data-ui=button]:is([data-mode=ghost],[data-mode=stroke]):not([data-variant=inverse],[data-variant=featured]):hover{background-color:var(--color-surface-hover)}[data-ui=button][data-variant=inverse][data-mode=filled]:hover{background-color:color-mix(in oklch, var(--color-primary-on-brand), var(--color-primary-brand) calc(var(--opacity-faint) * 100%))}[data-ui=button][data-variant=inverse][data-mode=stroke]:hover,[data-ui=button][data-variant=inverse][data-mode=ghost]:hover{background-color:color-mix(in oklch, var(--color-primary-on-brand) calc(var(--opacity-faint) * 100%), transparent)}[data-ui=button][data-variant=inverse][data-mode=lighter]:hover{background-color:color-mix(in oklch, var(--color-primary-on-brand), transparent 80%)}[data-ui=button][data-variant=featured]:hover{background-position:100% 0}[data-finish=brand] [data-ui=button][data-variant][data-mode]:hover{background-color:color-mix(in oklch, var(--color-primary-on-brand), var(--color-primary-brand) calc(var(--opacity-faint) * 100%))}}[data-ui=button][data-variant=primary][data-mode=lighter]:active{background-color:var(--color-primary-container-selected)}[data-ui=button][data-variant=secondary][data-mode=lighter]:active{background-color:var(--color-secondary-container-selected)}[data-ui=button][data-variant=tertiary][data-mode=lighter]:active{background-color:var(--color-tertiary-container-selected)}[data-ui=button]:is([data-mode=ghost],[data-mode=stroke]):not([data-variant=inverse],[data-variant=featured]):active{background-color:var(--color-surface-selected)}@media (prefers-reduced-motion:no-preference){[data-ui=button]:not(:disabled):not([data-disabled]):active{scale:.96}}[data-ui=button]:focus-visible{outline:var(--stroke-width-focused) solid var(--color-border-focus-outline);outline-offset:var(--spacing-050)}[data-ui=button][data-disabled],[data-ui=button]:disabled{opacity:var(--opacity-soft);pointer-events:none;cursor:not-allowed}}