@layer ui.base,ui.component;@layer ui.base{:root{--wb-public-button-border-radius-xl: var(--wb-ds-radius-100);--wb-public-button-border-radius-l: var(--wb-ds-radius-100);--wb-public-button-border-radius-m: var(--wb-ds-radius-75);--wb-public-button-border-radius-s: var(--wb-ds-radius-50);--wb-public-button-border-radius-xs: var(--wb-ds-radius-50);--wb-public-button-border-radius-round: var(--wb-ds-radius-full)}}@layer ui.component{._xl_1ro78_11{box-sizing:border-box;border-radius:var(--wb-public-button-border-radius-xl)}._l_1ro78_15{box-sizing:border-box;border-radius:var(--wb-public-button-border-radius-l)}._m_1ro78_19{box-sizing:border-box;border-radius:var(--wb-public-button-border-radius-m)}._s_1ro78_23{box-sizing:border-box;border-radius:var(--wb-public-button-border-radius-s)}._xs_1ro78_27{box-sizing:border-box;border-radius:var(--wb-public-button-border-radius-xs)}._round_1ro78_31{box-sizing:border-box;border-radius:var(--wb-public-button-border-radius-round)}}@layer ui.component;@layer ui.base{:root{--wb-public-button-gap-xl: var(--wb-ds-space-100);--wb-public-button-gap-l: var(--wb-ds-space-100);--wb-public-button-gap-m: var(--wb-ds-space-100);--wb-public-button-gap-s: var(--wb-ds-space-100);--wb-public-button-gap-xs: var(--wb-ds-space-100)}}@layer ui.component{._xl_yq755_10{box-sizing:border-box;gap:var(--wb-public-button-gap-xl)}._l_yq755_14{box-sizing:border-box;gap:var(--wb-public-button-gap-l)}._m_yq755_18{box-sizing:border-box;gap:var(--wb-public-button-gap-m)}._s_yq755_22{box-sizing:border-box;gap:var(--wb-public-button-gap-s)}._xs_yq755_26{box-sizing:border-box;gap:var(--wb-public-button-gap-xs)}}@layer ui.base{:root{--wb-public-button-height-xl: var(--wb-ds-size-600);--wb-public-button-height-l: var(--wb-ds-size-525);--wb-public-button-height-m: var(--wb-ds-size-450);--wb-public-button-height-s: var(--wb-ds-size-400);--wb-public-button-height-xs: var(--wb-ds-size-350)}}@layer ui.component{._xl_1a8m6_10{box-sizing:border-box;height:var(--wb-public-button-height-xl)}._l_1a8m6_14{box-sizing:border-box;height:var(--wb-public-button-height-l)}._m_1a8m6_18{box-sizing:border-box;height:var(--wb-public-button-height-m)}._s_1a8m6_22{box-sizing:border-box;height:var(--wb-public-button-height-s)}._xs_1a8m6_26{box-sizing:border-box;height:var(--wb-public-button-height-xs)}}@layer ui.base{:root{--wb-public-button-icon-padding-xl: var(--wb-ds-space-150);--wb-public-button-icon-padding-l: var(--wb-ds-space-137);--wb-public-button-icon-padding-m: var(--wb-ds-space-112);--wb-public-button-icon-padding-s: var(--wb-ds-space-87);--wb-public-button-icon-padding-xs: var(--wb-ds-space-75)}}@layer ui.component{._xl_1okw9_10{box-sizing:border-box;padding:var(--wb-public-button-icon-padding-xl)}._l_1okw9_14{box-sizing:border-box;padding:var(--wb-public-button-icon-padding-l)}._m_1okw9_18{box-sizing:border-box;padding:var(--wb-public-button-icon-padding-m)}._s_1okw9_22{box-sizing:border-box;padding:var(--wb-public-button-icon-padding-s)}._xs_1okw9_26{box-sizing:border-box;padding:var(--wb-public-button-icon-padding-xs)}}@layer ui.base{:root{--wb-public-icon-size-xl: var(--wb-ds-size-300);--wb-public-icon-size-l: var(--wb-ds-size-250);--wb-public-icon-size-m: var(--wb-ds-size-225);--wb-public-icon-size-s: var(--wb-ds-size-225);--wb-public-icon-size-xs: var(--wb-ds-size-200)}}@layer ui.component{._icon_iml0c_10{box-sizing:border-box;display:flex;flex:none;align-items:center;justify-content:center}._icon_iml0c_10 svg{box-sizing:border-box;width:100%;min-width:100%;max-width:100%;height:100%;min-height:100%;max-height:100%}._xl_iml0c_26>._icon_iml0c_10{box-sizing:border-box;width:var(--wb-public-icon-size-xl);height:var(--wb-public-icon-size-xl)}._l_iml0c_31>._icon_iml0c_10{box-sizing:border-box;width:var(--wb-public-icon-size-l);height:var(--wb-public-icon-size-l)}._m_iml0c_36>._icon_iml0c_10{box-sizing:border-box;width:var(--wb-public-icon-size-m);height:var(--wb-public-icon-size-m)}._s_iml0c_41>._icon_iml0c_10{box-sizing:border-box;width:var(--wb-public-icon-size-s);height:var(--wb-public-icon-size-s)}._xs_iml0c_46>._icon_iml0c_10{box-sizing:border-box;width:var(--wb-public-icon-size-xs);height:var(--wb-public-icon-size-xs)}}@layer ui.base{:root{--wb-public-button-padding-xl: var(--wb-ds-space-200) var(--wb-ds-space-200);--wb-public-button-padding-l: var(--wb-ds-space-175) var(--wb-ds-space-200);--wb-public-button-padding-m: var(--wb-ds-space-150) var(--wb-ds-space-150);--wb-public-button-padding-s: var(--wb-ds-space-125) var(--wb-ds-space-125);--wb-public-button-padding-xs: var(--wb-ds-space-100) var(--wb-ds-space-100)}}@layer ui.component{._xl_1f7qu_10{box-sizing:border-box;padding:var(--wb-public-button-padding-xl)}._l_1f7qu_14{box-sizing:border-box;padding:var(--wb-public-button-padding-l)}._m_1f7qu_18{box-sizing:border-box;padding:var(--wb-public-button-padding-m)}._s_1f7qu_22{box-sizing:border-box;padding:var(--wb-public-button-padding-s)}._xs_1f7qu_26{box-sizing:border-box;padding:var(--wb-public-button-padding-xs)}}@layer ui.base{:root{--wb-public-button-border-size: var(--wb-ds-size-12);--wb-public-button-primary-background: var(--wb-ds-components-button-solid-primary-default);--wb-public-button-primary-background-hover: var(--wb-ds-components-button-solid-primary-hover);--wb-public-button-primary-background-active: var(--wb-ds-components-button-solid-primary-active);--wb-public-button-primary-background-focus: var(--wb-ds-components-button-solid-primary-focus);--wb-public-button-primary-background-disabled: var(--wb-ds-components-button-solid-disabled);--wb-public-button-primary-color: var(--wb-ds-ui-text-onaccent-default);--wb-public-button-primary-color-disabled: var(--wb-ds-ui-text-disabled);--wb-public-button-secondary-background: var(--wb-ds-components-button-solid-gray-default);--wb-public-button-secondary-background-hover: var(--wb-ds-components-button-solid-gray-hover);--wb-public-button-secondary-background-active: var(--wb-ds-components-button-solid-gray-active);--wb-public-button-secondary-background-focus: var(--wb-ds-components-button-solid-gray-focus);--wb-public-button-secondary-background-disabled: var(--wb-ds-components-button-solid-disabled);--wb-public-button-secondary-color: var(--wb-ds-ui-text-onaccent-default);--wb-public-button-secondary-color-disabled: var(--wb-ds-ui-text-disabled);--wb-public-button-critical-background: var(--wb-ds-components-button-solid-critical-default);--wb-public-button-critical-background-hover: var(--wb-ds-components-button-solid-critical-hover);--wb-public-button-critical-background-active: var(--wb-ds-components-button-solid-critical-active);--wb-public-button-critical-background-focus: var(--wb-ds-components-button-solid-critical-focus);--wb-public-button-critical-background-disabled: var(--wb-ds-components-button-solid-disabled);--wb-public-button-critical-color: var(--wb-ds-ui-text-onaccent-default);--wb-public-button-critical-color-disabled: var(--wb-ds-ui-text-disabled);--wb-public-button-success-background: var(--wb-ds-components-button-solid-success-default);--wb-public-button-success-background-hover: var(--wb-ds-components-button-solid-success-hover);--wb-public-button-success-background-active: var(--wb-ds-components-button-solid-success-active);--wb-public-button-success-background-focus: var(--wb-ds-components-button-solid-success-focus);--wb-public-button-success-background-disabled: var(--wb-ds-components-button-solid-disabled);--wb-public-button-success-color: var(--wb-ds-ui-text-onaccent-default);--wb-public-button-success-color-disabled: var(--wb-ds-ui-text-disabled);--wb-public-button-ghost-primary-background-color: var(--wb-ds-components-button-ghost-primary-default);--wb-public-button-ghost-primary-background-color-hover: var(--wb-ds-components-button-ghost-primary-hover);--wb-public-button-ghost-primary-background-color-active: var(--wb-ds-components-button-ghost-primary-active);--wb-public-button-ghost-primary-background-color-focus: var(--wb-ds-components-button-ghost-primary-focus);--wb-public-button-ghost-primary-background-color-disabled: var(--wb-ds-components-button-ghost-primary-disabled);--wb-public-button-ghost-primary-border-color: var(--wb-ds-components-button-ghost-primary-stroke-default);--wb-public-button-ghost-primary-color: var(--wb-ds-components-button-ghost-primary-text-default);--wb-public-button-ghost-primary-color-disabled: var(--wb-ds-ui-text-action-disabled);--wb-public-button-ghost-secondary-background-color: var(--wb-ds-colors-transparent);--wb-public-button-ghost-secondary-background-color-hover: var(--wb-ds-colors-transparent);--wb-public-button-ghost-secondary-background-color-active: var(--wb-ds-colors-transparent);--wb-public-button-ghost-secondary-background-color-focus: var(--wb-ds-colors-transparent);--wb-public-button-ghost-secondary-background-color-disabled: var(--wb-ds-colors-transparent);--wb-public-button-ghost-secondary-border-color: var(--wb-ds-ui-stroke-subtle);--wb-public-button-ghost-secondary-border-color-hover: var(--wb-ds-colors-gray-500);--wb-public-button-ghost-secondary-border-color-active: var(--wb-ds-colors-gray-500);--wb-public-button-ghost-secondary-border-color-focus: var(--wb-ds-colors-gray-500);--wb-public-button-ghost-secondary-border-color-disabled: var(--wb-ds-ui-stroke-subtle);--wb-public-button-ghost-secondary-color: var(--wb-ds-ui-text-default);--wb-public-button-ghost-secondary-color-disabled: var(--wb-ds-ui-text-ghost-default);--wb-public-button-ghost-critical-background-color: var(--wb-ds-components-button-ghost-critical-default);--wb-public-button-ghost-critical-background-color-hover: var(--wb-ds-components-button-ghost-critical-hover);--wb-public-button-ghost-critical-background-color-active: var(--wb-ds-components-button-ghost-critical-active);--wb-public-button-ghost-critical-background-color-focus: var(--wb-ds-components-button-ghost-critical-focus);--wb-public-button-ghost-critical-background-color-disabled: var(--wb-ds-components-button-ghost-critical-disabled);--wb-public-button-ghost-critical-border-color: var(--wb-ds-components-button-ghost-critical-stroke-default);--wb-public-button-ghost-critical-color: var(--wb-ds-components-button-ghost-critical-text-default);--wb-public-button-ghost-critical-color-disabled: var(--wb-ds-ui-text-critical-disabled);--wb-public-button-ghost-success-background-color: var(--wb-ds-components-button-ghost-success-default);--wb-public-button-ghost-success-background-color-hover: var(--wb-ds-components-button-ghost-success-hover);--wb-public-button-ghost-success-background-color-active: var(--wb-ds-components-button-ghost-success-active);--wb-public-button-ghost-success-background-color-focus: var(--wb-ds-components-button-ghost-success-focus);--wb-public-button-ghost-success-background-color-disabled: var(--wb-ds-components-button-ghost-success-disabled);--wb-public-button-ghost-success-border-color: var(--wb-ds-components-button-ghost-success-stroke-default);--wb-public-button-ghost-success-color: var(--wb-ds-components-button-ghost-success-text-default);--wb-public-button-ghost-success-color-disabled: var(--wb-ds-ui-text-success-disabled)}}@layer ui.component{._primary_13dz0_78{box-sizing:border-box;--button-background: var(--wb-public-button-primary-background);--button-background-hover: var(--wb-public-button-primary-background-hover);--button-background-active: var(--wb-public-button-primary-background-active);--button-background-focus: var(--wb-public-button-primary-background-focus);--button-background-disabled: var(--wb-public-button-primary-background-disabled);--button-color: var(--wb-public-button-primary-color);--button-color-disabled: var(--wb-public-button-primary-color-disabled)}._secondary_13dz0_88{box-sizing:border-box;--button-background: var(--wb-public-button-secondary-background);--button-background-hover: var(--wb-public-button-secondary-background-hover);--button-background-active: var(--wb-public-button-secondary-background-active);--button-background-focus: var(--wb-public-button-secondary-background-focus);--button-background-disabled: var(--wb-public-button-secondary-background-disabled);--button-color: var(--wb-public-button-secondary-color);--button-color-disabled: var(--wb-public-button-secondary-color-disabled)}._critical_13dz0_98{box-sizing:border-box;--button-background: var(--wb-public-button-critical-background);--button-background-hover: var(--wb-public-button-critical-background-hover);--button-background-active: var(--wb-public-button-critical-background-active);--button-background-focus: var(--wb-public-button-critical-background-focus);--button-background-disabled: var(--wb-public-button-critical-background-disabled);--button-color: var(--wb-public-button-critical-color);--button-color-disabled: var(--wb-public-button-critical-color-disabled)}._success_13dz0_108{box-sizing:border-box;--button-background: var(--wb-public-button-success-background);--button-background-hover: var(--wb-public-button-success-background-hover);--button-background-active: var(--wb-public-button-success-background-active);--button-background-focus: var(--wb-public-button-success-background-focus);--button-background-disabled: var(--wb-public-button-success-background-disabled);--button-color: var(--wb-public-button-success-color);--button-color-disabled: var(--wb-public-button-success-color-disabled)}._primary_13dz0_78,._secondary_13dz0_88,._critical_13dz0_98,._success_13dz0_108{box-sizing:border-box;background-color:var(--button-background);color:var(--button-color)}._primary_13dz0_78:not(:disabled):hover,._secondary_13dz0_88:not(:disabled):hover,._critical_13dz0_98:not(:disabled):hover,._success_13dz0_108:not(:disabled):hover{box-sizing:border-box;background-color:var(--button-background-hover)}._primary_13dz0_78:not(:disabled):active,._secondary_13dz0_88:not(:disabled):active,._critical_13dz0_98:not(:disabled):active,._success_13dz0_108:not(:disabled):active{box-sizing:border-box;background-color:var(--button-background-active)}._primary_13dz0_78:not(:disabled):focus-visible,._secondary_13dz0_88:not(:disabled):focus-visible,._critical_13dz0_98:not(:disabled):focus-visible,._success_13dz0_108:not(:disabled):focus-visible{box-sizing:border-box;background-color:var(--button-background-focus)}._primary_13dz0_78:disabled,._secondary_13dz0_88:disabled,._critical_13dz0_98:disabled,._success_13dz0_108:disabled{box-sizing:border-box;background-color:var(--button-background-disabled);color:var(--button-color-disabled)}._ghost-primary_13dz0_143{box-sizing:border-box;--button-background: var(--wb-public-button-ghost-primary-background-color);--button-background-hover: var(--wb-public-button-ghost-primary-background-color-hover);--button-background-active: var(--wb-public-button-ghost-primary-background-color-active);--button-background-focus: var(--wb-public-button-ghost-primary-background-color-focus);--button-background-disabled: var(--wb-public-button-ghost-primary-background-color-disabled);--button-border-color: var(--wb-public-button-ghost-primary-border-color);--button-border-color-hover: var(--wb-public-button-ghost-primary-border-color);--button-border-color-active: var(--wb-public-button-ghost-primary-border-color);--button-border-color-focus: var(--wb-public-button-ghost-primary-border-color);--button-border-color-disabled: var(--wb-public-button-ghost-primary-border-color);--button-color: var(--wb-public-button-ghost-primary-color);--button-color-disabled: var(--wb-public-button-ghost-primary-color-disabled)}._ghost-secondary_13dz0_158{box-sizing:border-box;--button-background: var(--wb-public-button-ghost-secondary-background-color);--button-background-hover: var(--wb-public-button-ghost-secondary-background-color-hover);--button-background-active: var(--wb-public-button-ghost-secondary-background-color-active);--button-background-focus: var(--wb-public-button-ghost-secondary-background-color-focus);--button-background-disabled: var(--wb-public-button-ghost-secondary-background-color-disabled);--button-border-color: var(--wb-public-button-ghost-secondary-border-color);--button-border-color-hover: var(--wb-public-button-ghost-secondary-border-color-hover);--button-border-color-active: var(--wb-public-button-ghost-secondary-border-color-active);--button-border-color-focus: var(--wb-public-button-ghost-secondary-border-color-focus);--button-border-color-disabled: var(--wb-public-button-ghost-secondary-border-color-disabled);--button-color: var(--wb-public-button-ghost-secondary-color);--button-color-disabled: var(--wb-public-button-ghost-secondary-color-disabled)}._ghost-critical_13dz0_173{box-sizing:border-box;--button-background: var(--wb-public-button-ghost-critical-background-color);--button-background-hover: var(--wb-public-button-ghost-critical-background-color-hover);--button-background-active: var(--wb-public-button-ghost-critical-background-color-active);--button-background-focus: var(--wb-public-button-ghost-critical-background-color-focus);--button-background-disabled: var(--wb-public-button-ghost-critical-background-color-disabled);--button-border-color: var(--wb-public-button-ghost-critical-border-color);--button-border-color-hover: var(--wb-public-button-ghost-critical-border-color);--button-border-color-active: var(--wb-public-button-ghost-critical-border-color);--button-border-color-focus: var(--wb-public-button-ghost-critical-border-color);--button-border-color-disabled: var(--wb-public-button-ghost-critical-border-color);--button-color: var(--wb-public-button-ghost-critical-color);--button-color-disabled: var(--wb-public-button-ghost-critical-color-disabled)}._ghost-success_13dz0_188{box-sizing:border-box;--button-background: var(--wb-public-button-ghost-success-background-color);--button-background-hover: var(--wb-public-button-ghost-success-background-color-hover);--button-background-active: var(--wb-public-button-ghost-success-background-color-active);--button-background-focus: var(--wb-public-button-ghost-success-background-color-focus);--button-background-disabled: var(--wb-public-button-ghost-success-background-color-disabled);--button-border-color: var(--wb-public-button-ghost-success-border-color);--button-border-color-hover: var(--wb-public-button-ghost-success-border-color);--button-border-color-active: var(--wb-public-button-ghost-success-border-color);--button-border-color-focus: var(--wb-public-button-ghost-success-border-color);--button-border-color-disabled: var(--wb-public-button-ghost-success-border-color);--button-color: var(--wb-public-button-ghost-success-color);--button-color-disabled: var(--wb-public-button-ghost-success-color-disabled)}._ghost-primary_13dz0_143,._ghost-secondary_13dz0_158,._ghost-critical_13dz0_173,._ghost-success_13dz0_188{box-sizing:border-box;--button-border-color-current: var(--button-border-color);background-color:var(--button-background);color:var(--button-color)}._ghost-primary_13dz0_143:after,._ghost-secondary_13dz0_158:after,._ghost-critical_13dz0_173:after,._ghost-success_13dz0_188:after{box-sizing:border-box;content:"";position:absolute;inset:0;border:var(--wb-public-button-border-size) solid var(--button-border-color-current);border-radius:inherit;pointer-events:none}._ghost-primary_13dz0_143:not(:disabled):hover,._ghost-secondary_13dz0_158:not(:disabled):hover,._ghost-critical_13dz0_173:not(:disabled):hover,._ghost-success_13dz0_188:not(:disabled):hover{box-sizing:border-box;--button-border-color-current: var(--button-border-color-hover);background-color:var(--button-background-hover)}._ghost-primary_13dz0_143:not(:disabled):active,._ghost-secondary_13dz0_158:not(:disabled):active,._ghost-critical_13dz0_173:not(:disabled):active,._ghost-success_13dz0_188:not(:disabled):active{box-sizing:border-box;--button-border-color-current: var(--button-border-color-active);background-color:var(--button-background-active)}._ghost-primary_13dz0_143:not(:disabled):focus-visible,._ghost-secondary_13dz0_158:not(:disabled):focus-visible,._ghost-critical_13dz0_173:not(:disabled):focus-visible,._ghost-success_13dz0_188:not(:disabled):focus-visible{box-sizing:border-box;--button-border-color-current: var(--button-border-color-focus);background-color:var(--button-background-focus)}._ghost-primary_13dz0_143:disabled,._ghost-secondary_13dz0_158:disabled,._ghost-critical_13dz0_173:disabled,._ghost-success_13dz0_188:disabled{box-sizing:border-box;--button-border-color-current: var(--button-border-color-disabled);background-color:var(--button-background-disabled);color:var(--button-color-disabled)}}@layer ui.base{:root{--wb-public-button-loader-dot-size: .3125rem;--wb-public-button-loader-dot-border-radius: .3125rem;--wb-public-button-loader-dot-color: currentColor;--wb-public-button-loader-animation-duration: .75s}}@layer ui.component{._disable-events_nx2ms_9{box-sizing:border-box;pointer-events:none}._hide-content_nx2ms_13{box-sizing:border-box;opacity:0}._dot-flashing_nx2ms_17,._dot-flashing_nx2ms_17:before,._dot-flashing_nx2ms_17:after{box-sizing:border-box;position:absolute;width:var(--wb-public-button-loader-dot-size);height:var(--wb-public-button-loader-dot-size);border-radius:var(--wb-public-button-loader-dot-border-radius);background-color:var(--wb-public-button-loader-dot-color);color:var(--wb-public-button-loader-dot-color);animation:_dot-flashing_nx2ms_17 var(--wb-public-button-loader-animation-duration) infinite linear alternate}._dot-flashing_nx2ms_17{box-sizing:border-box;animation-delay:calc(var(--wb-public-button-loader-animation-duration) / 2)}._dot-flashing_nx2ms_17:before,._dot-flashing_nx2ms_17:after{box-sizing:border-box;content:"";display:inline-block;top:0}._dot-flashing_nx2ms_17:before{box-sizing:border-box;left:calc(-1 * var(--wb-public-button-loader-dot-size) * 2);animation-delay:0s}._dot-flashing_nx2ms_17:after{box-sizing:border-box;left:calc(var(--wb-public-button-loader-dot-size) * 2);animation-delay:var(--wb-public-button-loader-animation-duration)}@keyframes _dot-flashing_nx2ms_17{0%{opacity:1}to{opacity:.2}}}