:host{--padding-y:12px;--padding-x:26px;--border-radius:3px;--alpha-tint:0.9;--font-size:16px;display:inline-block;width:auto;text-align:center;font-size:var(--font-size);text-decoration:none;text-overflow:ellipsis;border-radius:var(--border-radius);white-space:nowrap;background-color:var(--button-color-base);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:top;vertical-align:-webkit-baseline-middle;pointer-events:auto;-webkit-font-kerning:none;font-kerning:none}:host(.button--disabled){cursor:default;opacity:.5;pointer-events:none}:host(.button--primary){--button-color-base:var(--primary-color);--button-color-contrast:var(--z0-color);--button-color-tint:hsla(var(--primary-color-hsl),var(--alpha-tint))}:host(.button--danger){--button-color-base:var(--danger-color);--button-color-contrast:var(--z0-color);--button-color-tint:hsla(var(--danger-color-hsl),var(--alpha-tint))}:host(.button--accent){--button-color-base:var(--accent-color);--button-color-contrast:var(--z0-color);--button-color-tint:hsla(var(--accent-color-hsl),var(--alpha-tint))}:host(.button--success){--button-color-base:var(--success-color);--button-color-contrast:var(--z0-color);--button-color-tint:hsla(var(--success-color-hsl),var(--alpha-tint))}:host(.button--info){--button-color-base:var(--info-color);--button-color-contrast:var(--z0-color);--button-color-tint:hsla(var(--info-color-hsl),var(--alpha-tint))}:host(.button--warning){--button-color-base:var(--warning-color);--button-color-contrast:var(--z0-color);--button-color-tint:hsla(var(--warning-color-hsl),var(--alpha-tint))}:host(:hover){background-color:var(--button-color-tint)}.button__native{padding:var(--padding-y) var(--padding-x);color:var(--button-color-contrast);display:block;position:relative;border:none;background:none;width:100%;height:100%;outline:none;line-height:1;contain:layout style;cursor:pointer;z-index:0;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:inherit;font-weight:inherit}