.btn{--_btn-height:40px;--_btn-bg:var(--color-primary);--_btn-color:var(--color-neutral-0);--_btn-padding:var(--space-s) var(--space-base);--_btn-shadow--accessible:var(--focus-shadow);--_btn-border-width:var(--border-size-s);--_btn-border-color:var(--_btn-bg);--_btn--icon-margin:var(--space-s);--_btn--icon-padding:var(--space-s);--_btn--icon-width:var(--font-size-xl);--_btn-bg--hover:var(--_btn-color);--_btn-color--hover:var(--_btn-bg);--_btn-border-color--hover:var(--_btn-color--hover);--_btn-bg--focus:var(--_btn-bg);--_btn-color--focus:var(--_btn-color);--_btn-border-color--focus:var(--color-neutral-0);--_btn-bg--pressed:color-mix(in srgb,var(--_btn-bg),rgb(0,0,0) 22%);--_btn-color--pressed:var(--_btn-color);--_btn-border-color--pressed:color-mix(in srgb,var(--_btn-bg),rgb(0,0,0) 22%);--_btn-bg--disabled:var(--color-background-soft);--_btn-color--disabled:var(--color-text-disabled);--_btn-border-color--disabled:var(--color-text-disabled);background-color:var(--_btn-bg);border:var(--_btn-border-width) solid var(--_btn-border-color);border-radius:var(--border-radius-soft);color:var(--_btn-color);cursor:pointer;font-size:var(--font-size-s);font-weight:var(--font-medium);height:var(--_btn-height);padding:var(--_btn-padding);transition-duration:.15s;transition-property:color,background-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,text-decoration-color,fill,stroke;transition-property:color,background-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1);white-space:nowrap}.btn:hover{background-color:var(--_btn-bg--hover);border-color:var(--_btn-border-color--hover);color:var(--_btn-color--hover)}.btn:focus:active{background-color:var(--_btn-bg--pressed);border-color:var(--_btn-border-color--pressed);color:var(--_btn-color--pressed)}.btn:focus-visible{box-shadow:none;outline:3px solid var(--color-border-focus);outline-offset:-3px}.btn-disabled,.btn[disabled]{background-color:var(--_btn-bg--disabled);border-color:var(--_btn-border-color--disabled);color:var(--_btn-color--disabled);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn .icon{font-size:var(--_btn--icon-width)}.btn .icon.icon-size-extra-small{font-size:var(--font-size-xs)}.btn .icon.icon-size-small{font-size:var(--font-size-s)}.btn .icon.icon-size-medium{font-size:var(--font-size-m)}.btn .icon.icon-size-large{font-size:var(--font-size-l)}.btn .icon.icon-size-extra-large{font-size:var(--font-size-xl)}.btn>svg{height:var(--_btn--icon-width);width:var(--_btn--icon-width)}.btn-icon{padding:var(--_btn--icon-padding);--_btn-color:var(--color-primary);--_btn-border-color:var(--_btn-color);--_btn-bg:transparent;--_btn-bg--hover:color-mix(in srgb,rgb(0,0,0) 16%,transparent);--_btn-color--hover:var(--_btn-color);--_btn-border-color--pressed:var(--_btn-color--pressed);--_btn-bg--focus:var(--_btn-bg--hover);--_btn-border-color--focus:var(--_btn-color);min-width:var(--_btn-height)}.btn-icon.btn-secondary{--_btn-bg:var(--color-background-opacity-low)}.btn-icon>a{line-height:1}.btn-sm{--_btn-height:32px}.btn-sm.btn-icon{--_btn--icon-padding:var(--space-xs)}.btn-lg{--_btn-height:48px}.btn-lg.btn-icon{--_btn--icon-padding:12px}.btn-secondary{--_btn-bg:color-mix(in lab,rgb(0,0,0) 12%,transparent);--_btn-color:var(--color-primary);--_btn-border-width:0;--_btn-bg--hover:color-mix(in srgb,rgb(0,0,0) 16%,transparent);--_btn-color--hover:var(--_btn-color);--_btn-bg--focus:var(--color-neutral-0)}.btn-cancel{--_btn-bg:var(--color-neutral-0);--_btn-color:var(--color-neutral-8);--_btn-border-color:var(--_btn-color);--_btn-bg--hover:color-mix(in srgb,rgb(0,0,0) 12%,transparent);--_btn-color--hover:var(--color-text-subtle);--_btn-border-color--pressed:var(--_btn-color--pressed);--_btn-bg--focus:var(--color-neutral-0)}.btn-plain{--_btn-bg:transparent;--_btn-color:var(--color-text-subtle);--_btn-border-width:0;--_btn-bg--hover:color-mix(in srgb,rgb(0,0,0) 12%,transparent);--_btn-color--hover:var(--_btn-color);--_btn-bg--focus:var(--color-neutral-0);--_btn-bg--disabled:transparent}.btn-outlined{--_btn-bg:transparent;--_btn-color:var(--color-text-subtle);--_btn-bg--hover:color-mix(in srgb,rgb(0,0,0) 12%,transparent);--_btn-color--hover:var(--_btn-color);--_btn-bg--focus:var(--color-neutral-0);--_btn-bg--disabled:transparent}.btn-link{--_btn-bg:transparent;--_btn-color:var(--color-primary);--_btn-bg--hover:transparent;--_btn-color--hover:var(--color-primary);--_btn-border-width:0;--_btn-bg--pressed:transparent;--_btn-bg--disabled:transparent;text-underline-offset:4px}.btn-link:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}.btn-error{--_btn-bg:transparent;--_btn-color:var(--color-error);--_btn-border-color:var(--color-error);--_btn-bg--hover:color-mix(in srgb,rgb(0,0,0) 16%,var(--color-error));--_btn-color--hover:var(--color-neutral-0);--_btn-bg--pressed:color-mix(in srgb,var(--color-error),rgb(0,0,0) 22%);--_btn-color--pressed:var(--_btn-color--hover);--_btn-border-color--pressed:var(--_btn-color--pressed);--_btn-bg--focus:var(--_btn-color);--_btn-color--focus:var(--_btn-color--hover)}.btn-success{--_btn-bg:transparent;--_btn-color:var(--color-success);--_btn-border-color:var(--color-success);--_btn-bg--hover:color-mix(in srgb,rgb(0,0,0) 16%,var(--color-success));--_btn-color--hover:var(--color-neutral-0);--_btn-bg--pressed:color-mix(in srgb,var(--color-success),rgb(0,0,0) 22%);--_btn-color--pressed:var(--_btn-color--hover);--_btn-border-color--pressed:var(--_btn-color--pressed);--_btn-bg--focus:var(--_btn-color);--_btn-color--focus:var(--_btn-color--hover)}.btn-input{--_btn-bg:var(--color-background-content);--_btn-color:var(--color-text-main);--_btn-border-color:var(--color-border-input);--_btn-color--hover:var(--color-border-input);--_btn--icon-width:16px;--_btn-bg--hover:var(--color-background-content);--_btn-border-color--hover:var(--color-border-input);--_btn-bg--pressed:var(--color-background-content);--_btn-border-color--pressed:var(--color-border-input);font-weight:var(--font-regular)}.btn-input.btn>div{justify-content:flex-start}.btn__full-width{width:100%}.btn>div,div.btn{display:flex;align-items:center;justify-content:center;gap:var(--_btn--icon-margin)}