:host{display:inline-flex;justify-content:center;align-items:center;gap:var(--fds-spacing-050);cursor:pointer;box-sizing:border-box}:host([width="stretched"]){width:100%}button{all:unset;display:flex;justify-content:center;align-items:center;gap:var(--fds-spacing-100);min-width:24px;white-space:nowrap}button>*{font:var(--fds-paragraphs-lead-bold);line-height:24px}:host(:not(.has-label)) .button-label-wrapper{display:none}.button-label-wrapper{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}button::slotted{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host([size="tiny"]){height:28px;padding:6px;svg{height:16px;width:16px}}:host([size="tiny"]) button{min-width:16px}:host([size="tiny"]) button>*{font:var(--fds-paragraphs-small-bold);line-height:20px}:host([size="tiny"].has-label){padding:6px 12px}:host([size="small"]){height:36px;padding:var(--fds-spacing-100);svg{height:20px;width:20px}}:host([size="small"]) button>*{font:var(--fdsp-button-small-font,var(--fds-paragraphs-regular-bold));line-height:20px}:host([size="small"]) button{min-width:20px}:host([size="regular"]){height:48px;padding:12px}:host([size="regular"].has-label){min-width:150px;button:has(.leading-icon+.button-label-wrapper+.trailing-icon){min-width:180px}}:host([size="regular"][type="secondary"]){padding:10px}:host([size="large"]){height:52px;padding:14px}:host([size="large"].has-label){min-width:150px;button:has(.leading-icon+.button-label-wrapper+.trailing-icon){min-width:180px}}:host([size="large"][type="secondary"]){padding:12px}:host([shape="default"]){border-radius:var(--fds-border-radius-btn-default)}:host([shape="alternate"]){border-radius:var(--fds-border-radius-btn-alternate)}:host([color="on-header"]){background:var(--fdsp-button-on-header-background-color,var(--fds-btn-accent));color:var(--fdsp-button-on-header-color,var(--fds-on-btn-accent))}:host([color="on-header"]:hover){background:var(--fdsp-button-on-header-hover-background-color,var(--fds-btn-accent-hover))}:host([color="on-header"]:active){background:var(--fdsp-button-on-header-active-background-color,var(--fds-btn-accent-active))}:host([color="on-surface-accent"]){background:var(--fds-btn-accent);color:var(--fds-on-btn-accent)}:host([color="on-surface-accent"]:hover){background:var(--fdsp-button-on-surface-accent-hover-background-color,var(--fds-btn-accent-hover))}:host([color="on-surface-accent"]:active){background:var(--fdsp-button-on-surface-accent-active-background-color,var(--fds-btn-accent-active))}:host([color="on-surface"]),:host([color="on-surface-default"]){background:var(--fdsp-button-on-surface-background-color,var(--fds-btn-default));color:var(--fdsp-button-on-surface-color,var(--fds-on-btn-default))}:host([color="on-surface"]:hover),:host([color="on-surface-default"]:hover){background:var(--fdsp-button-on-surface-hover-background-color,var(--fds-btn-default-hover))}:host([color="on-surface"]:active),:host([color="on-surface-default"]:active){background:var(--fdsp-button-on-surface-active-background-color,var(--fds-btn-default-active))}:host([color="on-alternate-surface"]){background:var(--fdsp-button-on-alternate-surface-background-color,var(--fds-btn-alternate-accent));color:var(--fdsp-button-on-alternate-surface-color,var(--fds-on-btn-alternate-accent))}:host([color="on-alternate-surface"]:hover){background:var(--fdsp-button-on-alternate-surface-hover-background-color,var(--fds-btn-alternate-accent-hover))}:host([color="on-alternate-surface"]:active){background:var(--fdsp-button-on-alternate-surface-active-background-color,var(--fds-btn-alternate-accent-active))}:host([color="alternate-surface-variant"]){background:var(--fdsp-button-on-alternate-surface-variant-background-color,var(--fds-alternate-surface-variant));color:var(--fdsp-button-on-alternate-surface-variant-color,var(--fds-on-alternate-surface-m))}:host([color="alternate-surface-variant"]:hover){background:var(--fdsp-button-on-alternate-surface-variant-hover-background-color,var(--fds-alternate-surface-variant-hover))}:host([color="alternate-surface-variant"]:active){background:var(--fdsp-button-on-alternate-surface-variant-active-background-color,var(--fds-alternate-surface-variant-active))}:host([color="on-alternate-surface-accent"]){background:var(--fdsp-button-on-alternate-surface-accent-background-color,var(--secondary));color:var(--fdsp-button-on-alternate-surface-accent-color,var(--on-secondary))}:host([color="on-alternate-surface-accent"]:hover){background:var(--fdsp-button-on-alternate-surface-accent-hover-background-color,var(--fds-btn-accent-hover))}:host([color="on-alternate-surface-accent"]:active){background:var(--fdsp-button-on-alternate-surface-accent-active-background-color,var(--fds-btn-accent-active))}:host([type="secondary"]),:host([type="tertiary"]){background:none}:host([type="secondary"][color="fds-surface"]){background:var(--fdsp-button-on-fds-surface-background-color,var(--fds-surface));border:1px solid var(--fdsp-button-on-fds-surface-border-color,var(--fds-on-surface-ulow))}:host([type="secondary"][color="on-header"]){color:var(--fdsp-button-secondary-on-header-color,var(--fds-btn-on-header-default));border:1.5px solid var(--fds-btn-on-header-default)}:host([type="secondary"][color="on-header"]:hover){background:var(--fdsp-button-secondary-on-header-hover-background-color,var(--fds-btn-on-alternate-surface-hover))}:host([type="secondary"][color="on-header"]:active){background:var(--fdsp-button-secondary-on-header-active-background-color,var(--fds-btn-on-alternate-surface-active))}:host([type="secondary"][color="on-surface-accent"]),:host([type="secondary"][color="on-surface"]){color:var(--fdsp-button-secondary-on-surface-color,var(--fds-btn-on-surface-default));border:1.5px solid var(--fds-btn-on-surface-default)}:host([type="secondary"][color="on-surface-default"]){color:var(--fdsp-button-secondary-on-surface-default-color,var(--fds-btn-on-surface-default));border:1.5px solid var(--fds-btn-on-surface-default)}:host([type="secondary"][color="on-surface-default"]:hover),:host([type="secondary"][color="on-surface-accent"]:hover),:host([type="secondary"][color="on-surface"]:hover){background:var(--fdsp-button-secondary-on-surface-hover-background-color,var(--fds-btn-on-surface-hover))}:host([type="secondary"][color="on-surface-default"]:active),:host([type="secondary"][color="on-surface-accent"]:active),:host([type="secondary"][color="on-surface"]:active){background:var(--fdsp-button-secondary-on-surface-active-background-color,var(--fds-btn-on-surface-active))}:host([type="secondary"][color="on-alternate-surface"]){color:var(--fdsp-button-secondary-on-alternate-surface-color,var(--fds-btn-on-alternate-surface-default));border:1.5px solid var(--fds-btn-on-alternate-surface-default)}:host([type="secondary"][color="on-alternate-surface-accent"]){color:var(--fdsp-button-secondary-on-alternate-surface-accent-color,var(--fds-btn-on-alternate-surface-default));border:1.5px solid var(--fds-btn-on-alternate-surface-default)}:host([type="secondary"][color="on-alternate-surface-default"]){color:var(--fdsp-button-secondary-on-alternate-surface-default-color,var(--fds-btn-on-alternate-surface-default));border:1.5px solid var(--fds-btn-on-alternate-surface-default)}:host([type="secondary"][color="on-alternate-surface-default"]:hover),:host([type="secondary"][color="on-alternate-surface-accent"]:hover),:host([type="secondary"][color="on-alternate-surface"]:hover){background:var(--fdsp-button-secondary-on-alternate-surface-hover-color,var(--fds-btn-on-alternate-surface-hover))}:host([type="secondary"][color="on-alternate-surface-default"]:active),:host([type="secondary"][color="on-alternate-surface-accent"]:active),:host([type="secondary"][color="on-alternate-surface"]:active){background:var(--fdsp-button-secondary-on-alternate-surface-active-color,var(--fds-btn-on-alternate-surface-active))}:host([type="tertiary"][color="on-header"]){color:var(--fdsp-button-tertiary-on-header-color,var(--fds-on-header))}:host([type="tertiary"][color="on-header"]:hover){background:var(--fdsp-button-tertiary-on-header-background-color,var(--fds-btn-on-alternate-surface-hover))}:host([type="tertiary"][color="on-header"]:active){background:var(--fdsp-button-tertiary-on-header-active-background-color,var(--fds-btn-on-alternate-surface-active))}:host([type="tertiary"][color="on-surface"]),:host([type="tertiary"][color="on-surface-accent"]){color:var(--fdsp-button-tertiary-on-surface-color,var(--fds-btn-on-surface-default))}:host([type="tertiary"][color="on-surface-default"]){color:var(--fdsp-button-tertiary-on-surface-default-color,var(--fds-btn-on-surface-default))}:host([type="tertiary"][color="on-surface"]:hover),:host([type="tertiary"][color="on-surface-accent"]:hover),:host([type="tertiary"][color="on-surface-default"]:hover){background:var(--fdsp-button-tertiary-on-surface-hover-background-color,var(--fds-btn-on-surface-hover))}:host([type="tertiary"][color="on-surface"]:active),:host([type="tertiary"][color="on-surface-accent"]:active),:host([type="tertiary"][color="on-surface-default"]:active){background:var(--fdsp-button-tertiary-on-surface-active-background-color,var(--fds-btn-on-surface-active))}:host([type="tertiary"][color="on-alternate-surface"]){color:var(--fdsp-button-tertiary-on-alternate-surface-color,var(--fds-btn-on-alternate-surface-default))}:host([type="tertiary"][color="on-alternate-surface-accent"]){color:var(--fdsp-button-tertiary-on-alternate-surface-accent-color,var(--fds-btn-on-alternate-surface-default))}:host([type="tertiary"][color="on-alternate-surface-default"]){color:var(--fdsp-button-tertiary-on-alternate-surface-default-color,var(--fds-btn-on-alternate-surface-default))}:host([type="tertiary"][color="on-alternate-surface"]:hover),:host([type="tertiary"][color="on-alternate-surface-accent"]:hover),:host([type="tertiary"][color="on-alternate-surface-default"]:hover){background:var(--fdsp-button-tertiary-on-alternate-surface-hover-background-color,var(--fds-btn-on-alternate-surface-hover))}:host([type="tertiary"][color="on-alternate-surface"]:active),:host([type="tertiary"][color="on-alternate-surface-accent"]:active),:host([type="tertiary"][color="on-alternate-surface-default"]:active){background:var(--fdsp-button-tertiary-on-alternate-surface-active-background-color,var(--fds-btn-on-alternate-surface-active))}:host([disabled]){pointer-events:none;background:var(--fdsp-button-disabled-background-color,var(--fds-on-surface-low))}