@layer wertigo.components{:where(.UiButton){--ui-button-height:var(--ds-control-md);--ui-button-padding:14px;--ui-button-radius:var(--ds-radius-md);--ui-button-gap:6px;justify-content:center;align-items:center;gap:var(--ui-button-gap);box-sizing:border-box;min-width:0;min-height:var(--ui-button-height);padding:0 var(--ui-button-padding);border-radius:var(--ui-button-radius);color:var(--ds-ink);font:inherit;font-size:var(--ds-text-md);font-weight:var(--ds-weight-semibold);text-align:center;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:border-color var(--ds-duration) var(--ds-ease),background-color var(--ds-duration) var(--ds-ease),box-shadow var(--ds-duration) var(--ds-ease),color var(--ds-duration) var(--ds-ease),transform .1s ease;border:1px solid #0000;line-height:1;text-decoration:none;display:inline-flex;position:relative}.UiButton--sm{--ui-button-height:var(--ds-control-sm);--ui-button-padding:12px}.UiButton--compact,.UiButton--sm{--ui-button-radius:var(--ds-radius-md);font-size:var(--ds-text-sm)}.UiButton--compact{--ui-button-height:30px;--ui-button-padding:11px}.UiButton--xs{--ui-button-height:26px;--ui-button-padding:9px;--ui-button-radius:var(--ds-radius-sm);--ui-button-gap:5px;font-size:var(--ds-text-xs)}.UiButton--block{width:100%}.UiButton--icon-only{width:var(--ui-button-height);min-width:var(--ui-button-height);padding:0}.UiButton--brand{background:var(--ds-brand);color:var(--ds-on-brand);border-color:#be323259;box-shadow:inset 0 1px #fff3,0 1px 2px #be323240}.UiButton--success{background:var(--ds-success);color:var(--ds-on-brand);border-color:#116e3759;box-shadow:inset 0 1px #fff3,0 1px 2px #116e3740}.UiButton--danger{background:var(--ds-danger);color:var(--ds-on-brand);border-color:#a0191966;box-shadow:inset 0 1px #fff3,0 1px 2px #a0191940}.UiButton--dark{border-color:var(--ds-ink);background:var(--ds-ink);color:var(--ds-on-brand);box-shadow:inset 0 1px #ffffff14,0 1px 2px #0b0e1440}.UiButton--secondary{background:var(--ds-surface);box-shadow:var(--ds-shadow-sm);color:var(--ds-ink);border-color:#11182724}.UiButton--neutral{color:var(--ds-text)}.UiButton--neutral,.UiButton--soft-neutral{background:var(--ds-surface-muted);border-color:#0000}.UiButton--soft-neutral{color:var(--ds-muted)}.UiButton--soft-danger{background:var(--ds-danger-soft);color:var(--ds-brand-strong);border-color:#0000}.UiButton--soft-success{background:var(--ds-success-soft);color:var(--ds-success);border-color:#0000}.UiButton--brand-arrow,.UiButton--ghost{color:var(--ds-brand);background:0 0;border-color:#0000}.UiButton--brand-arrow{--ui-button-height:auto;--ui-button-padding:0;--ui-button-radius:0}.UiButton--brand:hover:not(.UiButton--disabled){background:var(--ds-brand-hover)}.UiButton--success:hover:not(.UiButton--disabled){background:color-mix(in srgb,var(--ds-success) 88%,#000)}.UiButton--danger:hover:not(.UiButton--disabled){background:color-mix(in srgb,var(--ds-danger) 88%,#000)}.UiButton--dark:hover:not(.UiButton--disabled){background:var(--ds-text)}.UiButton--secondary:hover:not(.UiButton--disabled){background:var(--ds-surface-soft);border-color:#1118273d}.UiButton--neutral:hover:not(.UiButton--disabled),.UiButton--soft-neutral:hover:not(.UiButton--disabled){background:var(--ds-line);color:var(--ds-ink)}.UiButton--soft-danger:hover:not(.UiButton--disabled){background:color-mix(in srgb,var(--ds-danger-soft) 85%,var(--ds-danger))}.UiButton--soft-success:hover:not(.UiButton--disabled){background:color-mix(in srgb,var(--ds-success-soft) 85%,var(--ds-success))}.UiButton--ghost:hover:not(.UiButton--disabled){background:#ea555514}.UiButton:active:not(.UiButton--disabled):not(.UiButton--brand-arrow){box-shadow:none;transform:translateY(1px)}.UiButton--brand-arrow:hover:not(.UiButton--disabled) .UiButton__arrow{transform:translate(2px)}.UiButton:focus-visible{outline:2px solid var(--ds-brand);outline-offset:2px}.UiButton--disabled{opacity:.5;box-shadow:none;cursor:not-allowed}.UiButton__label{display:var(--ui-button-label-display,inline);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.UiButton--wrap{height:auto;min-height:var(--ui-button-height);align-items:center;padding-block:6px;line-height:1.25}.UiButton--wrap,.UiButton--wrap .UiButton__label{white-space:normal}.UiButton__arrow,.UiButton__icon{flex:none}.UiButton--icon-only .UiButton__icon{margin:0;display:block}.UiButton__arrow{width:18px;height:18px;transition:transform var(--ds-duration) var(--ds-ease)}@media (prefers-reduced-motion:reduce){.UiButton,.UiButton__arrow{transition:none}.UiButton:active:not(.UiButton--disabled){transform:none}}}