.btn.btn_primary_solid,.btn{--vds-btn-color-text-default: var(--nclh-color-text-button-primary-solid-default);--vds-btn-color-text-hover: var(--nclh-color-text-button-primary-solid-hover);--vds-btn-color-text-focus: var(--nclh-color-text-button-primary-solid-focus);--vds-btn-color-text-active: var(--nclh-color-text-button-primary-solid-active);--vds-btn-color-text-disabled: var(--nclh-color-text-button-primary-solid-disabled);--vds-btn-color-background-default: var(--nclh-color-background-button-primary-solid-default);--vds-btn-color-background-hover: var(--nclh-color-background-button-primary-solid-hover);--vds-btn-color-background-focus: var(--nclh-color-background-button-primary-solid-focus);--vds-btn-color-background-active: var(--nclh-color-background-button-primary-solid-active);--vds-btn-color-background-disabled: var(--nclh-color-background-button-primary-solid-disabled);--vds-btn-color-border-default: var(--nclh-color-border-button-primary-solid-default);--vds-btn-color-border-hover: var(--nclh-color-border-button-primary-solid-hover);--vds-btn-color-border-focus: var(--nclh-color-border-button-primary-solid-focus);--vds-btn-color-border-active: var(--nclh-color-border-button-primary-solid-active);--vds-btn-color-border-disabled: var(--nclh-color-border-button-primary-solid-disabled)}.btn.btn_primary_outline{--vds-btn-color-text-default: var(--nclh-color-text-button-primary-outline-default);--vds-btn-color-text-hover: var(--nclh-color-text-button-primary-outline-hover);--vds-btn-color-text-focus: var(--nclh-color-text-button-primary-outline-focus);--vds-btn-color-text-active: var(--nclh-color-text-button-primary-outline-active);--vds-btn-color-text-disabled: var(--nclh-color-text-button-primary-outline-disabled);--vds-btn-color-background-default: var(--nclh-color-background-button-primary-outline-default);--vds-btn-color-background-hover: var(--nclh-color-background-button-primary-outline-hover);--vds-btn-color-background-focus: var(--nclh-color-background-button-primary-outline-focus);--vds-btn-color-background-active: var(--nclh-color-background-button-primary-outline-active);--vds-btn-color-background-disabled: var(--nclh-color-background-button-primary-outline-disabled);--vds-btn-color-border-default: var(--nclh-color-border-button-primary-outline-default);--vds-btn-color-border-hover: var(--nclh-color-border-button-primary-outline-hover);--vds-btn-color-border-focus: var(--nclh-color-border-button-primary-outline-focus);--vds-btn-color-border-active: var(--nclh-color-border-button-primary-outline-active);--vds-btn-color-border-disabled: var(--nclh-color-border-button-primary-outline-disabled)}.btn.btn_secondary_solid{--vds-btn-color-text-default: var(--nclh-color-text-button-secondary-solid-default);--vds-btn-color-text-hover: var(--nclh-color-text-button-secondary-solid-hover);--vds-btn-color-text-focus: var(--nclh-color-text-button-secondary-solid-focus);--vds-btn-color-text-active: var(--nclh-color-text-button-secondary-solid-active);--vds-btn-color-text-disabled: var(--nclh-color-text-button-secondary-solid-disabled);--vds-btn-color-background-default: var(--nclh-color-background-button-secondary-solid-default);--vds-btn-color-background-hover: var(--nclh-color-background-button-secondary-solid-hover);--vds-btn-color-background-focus: var(--nclh-color-background-button-secondary-solid-focus);--vds-btn-color-background-active: var(--nclh-color-background-button-secondary-solid-active);--vds-btn-color-background-disabled: var(--nclh-color-background-button-secondary-solid-disabled);--vds-btn-color-border-default: var(--nclh-color-border-button-secondary-solid-default);--vds-btn-color-border-hover: var(--nclh-color-border-button-secondary-solid-hover);--vds-btn-color-border-focus: var(--nclh-color-border-button-secondary-solid-focus);--vds-btn-color-border-active: var(--nclh-color-border-button-secondary-solid-active);--vds-btn-color-border-disabled: var(--nclh-color-border-button-secondary-solid-disabled)}.btn.btn_secondary_outline{--vds-btn-color-text-default: var(--nclh-color-text-button-secondary-outline-default);--vds-btn-color-text-hover: var(--nclh-color-text-button-secondary-outline-hover);--vds-btn-color-text-focus: var(--nclh-color-text-button-secondary-outline-focus);--vds-btn-color-text-active: var(--nclh-color-text-button-secondary-outline-active);--vds-btn-color-text-disabled: var(--nclh-color-text-button-secondary-outline-disabled);--vds-btn-color-background-default: var(--nclh-color-background-button-secondary-outline-default);--vds-btn-color-background-hover: var(--nclh-color-background-button-secondary-outline-hover);--vds-btn-color-background-focus: var(--nclh-color-background-button-secondary-outline-focus);--vds-btn-color-background-active: var(--nclh-color-background-button-secondary-outline-active);--vds-btn-color-background-disabled: var(--nclh-color-background-button-secondary-outline-disabled);--vds-btn-color-border-default: var(--nclh-color-border-button-secondary-outline-default);--vds-btn-color-border-hover: var(--nclh-color-border-button-secondary-outline-hover);--vds-btn-color-border-focus: var(--nclh-color-border-button-secondary-outline-focus);--vds-btn-color-border-active: var(--nclh-color-border-button-secondary-outline-active);--vds-btn-color-border-disabled: var(--nclh-color-border-button-secondary-outline-disabled)}.btn.btn_link{--vds-btn-color-text-default: var(--nclh-color-text-link-medium-copy-default);--vds-btn-color-text-hover: var(--nclh-color-text-link-medium-copy-hover);--vds-btn-color-text-focus: var(--nclh-color-text-link-medium-copy-focus);--vds-btn-color-text-active: var(--nclh-color-text-link-medium-copy-active);--vds-btn-color-text-disabled: var(--nclh-color-text-link-medium-copy-disabled);--vds-btn-color-background-default: var(--nclh-color-brand-transparent);--vds-btn-color-background-hover: var(--nclh-color-brand-transparent);--vds-btn-color-background-focus: var(--nclh-color-brand-transparent);--vds-btn-color-background-active: var(--nclh-color-brand-transparent);--vds-btn-color-background-disabled: var(--nclh-color-brand-transparent);--vds-btn-color-border-default: var(--nclh-color-brand-transparent);--vds-btn-color-border-hover: var(--nclh-color-brand-transparent);--vds-btn-color-border-focus: var(--nclh-color-brand-transparent);--vds-btn-color-border-active: var(--nclh-color-brand-transparent);--vds-btn-color-border-disabled: var(--nclh-color-brand-transparent)}.btn.btn_size_large,.btn{--vds-btn-font-family: var(--nclh-typography-button-copy-large-font-family);--vds-btn-font-weight: var(--nclh-typography-button-copy-large-font-weight);--vds-btn-line-height: var(--nclh-typography-button-copy-large-line-height);--vds-btn-font-size: var(--nclh-typography-button-copy-large-font-size);--vds-btn-letter-spacing: var(--nclh-typography-button-copy-large-letter-spacing);--vds-btn-text-decoration: var(--nclh-typography-button-copy-large-text-decoration);--vds-btn-text-transform: var(--nclh-typography-button-copy-large-text-case);--vds-btn-font-style: var(--nclh-typography-button-copy-large-font-style);--vds-btn-vertical-padding: var(--nclh-element-button-large-vertical-padding);--vds-btn-horizontal-padding: var(--nclh-element-button-large-horizontal-padding);--vds-btn-border-width: var(--nclh-element-button-large-border-width);--vds-btn-border-radius: var(--nclh-element-button-large-border-radius);--vds-btn-item-spacing: var(--nclh-element-button-large-item-spacing)}.btn.btn_size_medium{--vds-btn-font-family: var(--nclh-typography-button-copy-medium-font-family);--vds-btn-font-weight: var(--nclh-typography-button-copy-medium-font-weight);--vds-btn-line-height: var(--nclh-typography-button-copy-medium-line-height);--vds-btn-font-size: var(--nclh-typography-button-copy-medium-font-size);--vds-btn-letter-spacing: var(--nclh-typography-button-copy-medium-letter-spacing);--vds-btn-text-decoration: var(--nclh-typography-button-copy-medium-text-decoration);--vds-btn-text-transform: var(--nclh-typography-button-copy-medium-text-case);--vds-btn-font-style: var(--nclh-typography-button-copy-medium-font-style);--vds-btn-vertical-padding: var(--nclh-element-button-medium-vertical-padding);--vds-btn-horizontal-padding: var(--nclh-element-button-medium-horizontal-padding);--vds-btn-border-width: var(--nclh-element-button-medium-border-width);--vds-btn-border-radius: var(--nclh-element-button-medium-border-radius);--vds-btn-item-spacing: var(--nclh-element-button-medium-item-spacing)}.btn.btn_size_small{--vds-btn-font-family: var(--nclh-typography-button-copy-small-font-family);--vds-btn-font-weight: var(--nclh-typography-button-copy-small-font-weight);--vds-btn-line-height: var(--nclh-typography-button-copy-small-line-height);--vds-btn-font-size: var(--nclh-typography-button-copy-small-font-size);--vds-btn-letter-spacing: var(--nclh-typography-button-copy-small-letter-spacing);--vds-btn-text-decoration: var(--nclh-typography-button-copy-small-text-decoration);--vds-btn-text-transform: var(--nclh-typography-button-copy-small-text-case);--vds-btn-font-style: var(--nclh-typography-button-copy-small-font-style);--vds-btn-vertical-padding: var(--nclh-element-button-small-vertical-padding);--vds-btn-horizontal-padding: var(--nclh-element-button-small-horizontal-padding);--vds-btn-border-width: var(--nclh-element-button-small-border-width);--vds-btn-border-radius: var(--nclh-element-button-small-border-radius);--vds-btn-item-spacing: var(--nclh-element-button-small-item-spacing)}.btn{--vds-btn-color-text: var(--vds-btn-color-text-default);--vds-btn-color-background: var(--vds-btn-color-background-default);--vds-btn-color-border: var(--vds-btn-color-border-default)}@media (hover: hover){.btn:active:hover,.btn:focus:hover,.btn:focus-visible:hover,.btn:hover{--vds-btn-color-text: var(--vds-btn-color-text-hover);--vds-btn-color-background: var(--vds-btn-color-background-hover);--vds-btn-color-border: var(--vds-btn-color-border-hover)}}.btn:focus,.btn:focus-visible{--vds-btn-color-text: var(--vds-btn-color-text-focus);--vds-btn-color-background: var(--vds-btn-color-background-focus);--vds-btn-color-border: var(--vds-btn-color-border-focus)}.btn:active{--vds-btn-color-text: var(--vds-btn-color-text-active);--vds-btn-color-background: var(--vds-btn-color-background-active);--vds-btn-color-border: var(--vds-btn-color-border-active)}.btn:disabled,:disabled .btn,.btn.disabled,.disabled .btn,.btn.btn_disabled{--vds-btn-color-text: var(--vds-btn-color-text-disabled);--vds-btn-color-background: var(--vds-btn-color-background-disabled);--vds-btn-color-border: var(--vds-btn-color-border-disabled)}.btn{--vds-btn-border: var(--vds-btn-border-width) solid var(--vds-btn-color-border);--vds-btn-padding: var(--vds-btn-vertical-padding) var(--vds-btn-horizontal-padding);--vds-btn-white-space: nowrap}.btn{display:inline-flex;justify-content:center;align-items:center;text-decoration:var(--vds-btn-text-decoration);font-style:var(--vds-btn-font-style);padding:var(--vds-btn-padding);color:var(--vds-btn-color-text);background-color:var(--vds-btn-color-background);border:var(--vds-btn-border);border-radius:var(--vds-btn-border-radius);gap:var(--vds-btn-item-spacing);cursor:pointer;-webkit-user-select:none;user-select:none;max-width:100%;transition:.15s ease-in-out}.btn:disabled,:disabled .btn,.btn.disabled,.disabled .btn,.btn.btn_disabled{pointer-events:none}.btn__text{font-family:var(--vds-btn-font-family);font-size:var(--vds-btn-font-size);line-height:var(--vds-btn-line-height);font-weight:var(--vds-btn-font-weight);text-transform:var(--vds-btn-text-transform);letter-spacing:var(--vds-btn-letter-spacing);white-space:var(--vds-btn-white-space);text-overflow:ellipsis;overflow:hidden;text-align:center}.btn.btn_block{display:flex;width:100%}.btn.btn_max-75{max-width:75%}.btn.btn_max-50{max-width:50%}.btn.btn_max-25{max-width:25%}.btn.btn_wrap{--vds-btn-white-space: normal;text-wrap:balance}.btn.btn_trim{--vds-btn-padding: 0}.btn.btn_loading .btn__icon-prepend,.btn.btn_loading .btn__icon-append,.btn.btn_loading .btn__text{visibility:hidden}.btn.btn_link{--vds-btn-padding: 0;--vds-btn-border: none}