@vibe/button 4.0.1 → 4.0.3

package/dist/Button/Button.module.scss.js

@@ -1,2 +1,2 @@
-var o={button:"button_fc5c2040a5","focus-visible":"focus-visible_fb70ab87b8",loader:"loader_92dec259ac",loaderSvg:"loaderSvg_60bf0d6477",textPlaceholder:"textPlaceholder_8b7c18615e",success:"success_60acfbb4d8",successContent:"successContent_58d57e33b3",marginRight:"marginRight_32dcd060e3",marginLeft:"marginLeft_3f9b4c787d",rightFlat:"rightFlat_3ab9f9b592",leftFlat:"leftFlat_22366638ab",preventClickAnimation:"preventClickAnimation_3f3a3aebca",leftIcon:"leftIcon_32dcd060e3",rightIcon:"rightIcon_3f9b4c787d",sizeXxs:"sizeXxs_c6188bd632",sizeXs:"sizeXs_d4ddba72b0",sizeSmall:"sizeSmall_c23fae2e9f",sizeMedium:"sizeMedium_3cf648c7d3",sizeLarge:"sizeLarge_ea3db10063",kindPrimary:"kindPrimary_2f6344029f",colorPrimary:"colorPrimary_d29f42b981",colorBrand:"colorBrand_3896f1f157",colorPrimaryActive:"colorPrimaryActive_c0894a9bbb",colorBrandActive:"colorBrandActive_2b35455911",colorPositive:"colorPositive_2a715301bf",colorPositiveActive:"colorPositiveActive_fa7e2162f3",colorNegative:"colorNegative_f6f5f25584",colorNegativeActive:"colorNegativeActive_fa7e2162f3",colorInverted:"colorInverted_05a3cb4ab6",colorInvertedActive:"colorInvertedActive_fa7e2162f3",disabled:"disabled_1a325e38a2",colorOnPrimaryColor:"colorOnPrimaryColor_6eb6f560cf",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_592e7c055f",colorFixedLight:"colorFixedLight_3f6b21ce3b",colorFixedLightActive:"colorFixedLightActive_3f3a3aebca",colorFixedDark:"colorFixedDark_5fd49bcfae",colorFixedDarkActive:"colorFixedDarkActive_bcc35fd783",colorOnInvertedBackground:"colorOnInvertedBackground_b44192b85f",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_319a70c671",kindSecondary:"kindSecondary_788a366495",kindTertiary:"kindTertiary_72182d9e94",noSidePadding:"noSidePadding_3ccc70189f",insetFocusStyle:"insetFocusStyle_29996d27aa"};!function(o){const r="s_id-216fe7e3e8d5_4_0_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const e=document.createElement("style");e.id=r,n.firstChild?n.insertBefore(e,n.firstChild):n.appendChild(e),e.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=o)}("/* stylelint-disable */\n/* stylelint-enable */\n.button_fc5c2040a5 {\n  --loader-padding: 8px;\n  outline: none;\n  border: none;\n  height: auto;\n  border-radius: var(--border-radius-small);\n  cursor: pointer;\n  white-space: nowrap;\n  transition: var(--motion-productive-short) transform, var(--motion-productive-medium) var(--motion-timing-transition) min-width;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  /* Prevent text selection */\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n  min-width: auto;\n}\n.button_fc5c2040a5:focus-visible, .button_fc5c2040a5.focus-visible_fb70ab87b8 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.button_fc5c2040a5:focus:not(.focus-visible_fb70ab87b8) {\n  outline: none;\n}\n.button_fc5c2040a5 .loader_92dec259ac {\n  height: 100%;\n}\n.button_fc5c2040a5 .loader_92dec259ac .loaderSvg_60bf0d6477 {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_fc5c2040a5 .textPlaceholder_8b7c18615e {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_fc5c2040a5.success_60acfbb4d8 {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_fc5c2040a5.success_60acfbb4d8 .successContent_58d57e33b3 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_32dcd060e3 {\n  margin-inline-end: var(--space-8);\n}\n.marginLeft_3f9b4c787d {\n  margin-inline-start: var(--space-8);\n}\n.rightFlat_3ab9f9b592 {\n  border-start-end-radius: 0;\n  border-end-end-radius: 0;\n}\n.leftFlat_22366638ab {\n  border-start-start-radius: 0;\n  border-end-start-radius: 0;\n}\n.button_fc5c2040a5:active:not(.preventClickAnimation_3f3a3aebca) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_fc5c2040a5 .leftIcon_32dcd060e3 {\n  margin-inline-end: var(--space-8);\n}\n.button_fc5c2040a5 .rightIcon_3f9b4c787d {\n  margin-inline-start: var(--space-8);\n}\n.sizeXxs_c6188bd632 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  padding: 2px var(--space-4);\n  height: 16px;\n  line-height: 16px;\n}\n.sizeXs_d4ddba72b0 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  padding: var(--space-4) var(--space-8);\n  height: 24px;\n  line-height: 21px;\n}\n.sizeSmall_c23fae2e9f {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  padding: var(--space-4) var(--space-8);\n  height: 32px;\n  line-height: 24px;\n}\n.sizeSmall_c23fae2e9f .loader_92dec259ac {\n  top: 7px;\n}\n.sizeMedium_3cf648c7d3 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text1-normal);\n  padding: var(--space-8) var(--space-16);\n  height: 40px;\n}\n.sizeLarge_ea3db10063 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text1-normal);\n  padding: 12px var(--space-24);\n  height: 48px;\n}\n.kindPrimary_2f6344029f {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_2f6344029f.colorPrimary_d29f42b981 {\n  background: var(--primary-color);\n}\n.kindPrimary_2f6344029f.colorBrand_3896f1f157 {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_2f6344029f.colorPrimaryActive_c0894a9bbb,\n.kindPrimary_2f6344029f.colorPrimary_d29f42b981:hover,\n.kindPrimary_2f6344029f.colorPrimary_d29f42b981:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary_2f6344029f.colorBrandActive_2b35455911,\n.kindPrimary_2f6344029f.colorBrand_3896f1f157:hover,\n.kindPrimary_2f6344029f.colorBrand_3896f1f157:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_2f6344029f.colorPositive_2a715301bf {\n  background: var(--positive-color);\n}\n.kindPrimary_2f6344029f.colorPositiveActive_fa7e2162f3,\n.kindPrimary_2f6344029f.colorPositive_2a715301bf:hover,\n.kindPrimary_2f6344029f.colorPositive_2a715301bf:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_2f6344029f.colorNegative_f6f5f25584 {\n  background: var(--negative-color);\n}\n.kindPrimary_2f6344029f.colorNegativeActive_fa7e2162f3,\n.kindPrimary_2f6344029f.colorNegative_f6f5f25584:hover,\n.kindPrimary_2f6344029f.colorNegative_f6f5f25584:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_2f6344029f.colorInverted_05a3cb4ab6 {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_2f6344029f.colorInvertedActive_fa7e2162f3,\n.kindPrimary_2f6344029f.colorInverted_05a3cb4ab6:hover,\n.kindPrimary_2f6344029f.colorInverted_05a3cb4ab6:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_2f6344029f.button_fc5c2040a5.colorInverted_05a3cb4ab6.disabled_1a325e38a2 {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_2f6344029f.colorOnPrimaryColor_6eb6f560cf {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_2f6344029f.colorOnPrimaryColorActive_592e7c055f,\n.kindPrimary_2f6344029f.colorOnPrimaryColor_6eb6f560cf:hover,\n.kindPrimary_2f6344029f.colorOnPrimaryColor_6eb6f560cf:focus {\n  background-color: #e6e9ef;\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindPrimary_2f6344029f.colorOnPrimaryColorActive_592e7c055f:focus-visible, .kindPrimary_2f6344029f.colorOnPrimaryColorActive_592e7c055f.focus-visible_fb70ab87b8,\n.kindPrimary_2f6344029f.colorOnPrimaryColor_6eb6f560cf:hover:focus-visible,\n.kindPrimary_2f6344029f.colorOnPrimaryColor_6eb6f560cf:hover.focus-visible_fb70ab87b8,\n.kindPrimary_2f6344029f.colorOnPrimaryColor_6eb6f560cf:focus:focus-visible,\n.kindPrimary_2f6344029f.colorOnPrimaryColor_6eb6f560cf:focus.focus-visible_fb70ab87b8 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary_2f6344029f.colorOnPrimaryColorActive_592e7c055f:focus:not(.focus-visible_fb70ab87b8),\n.kindPrimary_2f6344029f.colorOnPrimaryColor_6eb6f560cf:hover:focus:not(.focus-visible_fb70ab87b8),\n.kindPrimary_2f6344029f.colorOnPrimaryColor_6eb6f560cf:focus:focus:not(.focus-visible_fb70ab87b8) {\n  outline: none;\n}\n.kindPrimary_2f6344029f.colorOnPrimaryColor_6eb6f560cf.disabled_1a325e38a2 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_2f6344029f.colorFixedLight_3f6b21ce3b {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_2f6344029f.colorFixedLightActive_3f3a3aebca,\n.kindPrimary_2f6344029f.colorFixedLight_3f6b21ce3b:hover,\n.kindPrimary_2f6344029f.colorFixedLight_3f6b21ce3b:focus {\n  background-color: #e6e9ef;\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindPrimary_2f6344029f.colorFixedLightActive_3f3a3aebca:focus-visible, .kindPrimary_2f6344029f.colorFixedLightActive_3f3a3aebca.focus-visible_fb70ab87b8,\n.kindPrimary_2f6344029f.colorFixedLight_3f6b21ce3b:hover:focus-visible,\n.kindPrimary_2f6344029f.colorFixedLight_3f6b21ce3b:hover.focus-visible_fb70ab87b8,\n.kindPrimary_2f6344029f.colorFixedLight_3f6b21ce3b:focus:focus-visible,\n.kindPrimary_2f6344029f.colorFixedLight_3f6b21ce3b:focus.focus-visible_fb70ab87b8 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary_2f6344029f.colorFixedLightActive_3f3a3aebca:focus:not(.focus-visible_fb70ab87b8),\n.kindPrimary_2f6344029f.colorFixedLight_3f6b21ce3b:hover:focus:not(.focus-visible_fb70ab87b8),\n.kindPrimary_2f6344029f.colorFixedLight_3f6b21ce3b:focus:focus:not(.focus-visible_fb70ab87b8) {\n  outline: none;\n}\n.kindPrimary_2f6344029f.colorFixedLight_3f6b21ce3b.disabled_1a325e38a2 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_2f6344029f.colorFixedDark_5fd49bcfae {\n  background: var(--fixed-dark-color);\n  color: var(--fixed-light-color);\n}\n.kindPrimary_2f6344029f.colorFixedDarkActive_bcc35fd783,\n.kindPrimary_2f6344029f.colorFixedDark_5fd49bcfae:hover,\n.kindPrimary_2f6344029f.colorFixedDark_5fd49bcfae:focus {\n  filter: brightness(125%);\n}\n.kindPrimary_2f6344029f.colorFixedDarkActive_bcc35fd783:focus-visible, .kindPrimary_2f6344029f.colorFixedDarkActive_bcc35fd783.focus-visible_fb70ab87b8,\n.kindPrimary_2f6344029f.colorFixedDark_5fd49bcfae:hover:focus-visible,\n.kindPrimary_2f6344029f.colorFixedDark_5fd49bcfae:hover.focus-visible_fb70ab87b8,\n.kindPrimary_2f6344029f.colorFixedDark_5fd49bcfae:focus:focus-visible,\n.kindPrimary_2f6344029f.colorFixedDark_5fd49bcfae:focus.focus-visible_fb70ab87b8 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary_2f6344029f.colorFixedDarkActive_bcc35fd783:focus:not(.focus-visible_fb70ab87b8),\n.kindPrimary_2f6344029f.colorFixedDark_5fd49bcfae:hover:focus:not(.focus-visible_fb70ab87b8),\n.kindPrimary_2f6344029f.colorFixedDark_5fd49bcfae:focus:focus:not(.focus-visible_fb70ab87b8) {\n  outline: none;\n}\n.kindPrimary_2f6344029f.colorFixedDark_5fd49bcfae.disabled_1a325e38a2 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindPrimary_2f6344029f.colorOnInvertedBackground_b44192b85f {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary_2f6344029f.colorOnInvertedBackgroundActive_319a70c671,\n.kindPrimary_2f6344029f.colorOnInvertedBackground_b44192b85f:hover,\n.kindPrimary_2f6344029f.colorOnInvertedBackground_b44192b85f:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary_2f6344029f.button_fc5c2040a5.colorOnInvertedBackground_b44192b85f.disabled_1a325e38a2 {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary_2f6344029f.button_fc5c2040a5.disabled_1a325e38a2 {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_788a366495 {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary_788a366495.sizeSmall_c23fae2e9f {\n  line-height: 22px;\n}\n.kindSecondary_788a366495.sizeMedium_3cf648c7d3 {\n  line-height: 22px;\n}\n.kindSecondary_788a366495.sizeLarge_ea3db10063 {\n  line-height: 22px;\n}\n.kindSecondary_788a366495.colorPrimaryActive_c0894a9bbb {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_788a366495.colorPrimaryActive_c0894a9bbb:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_788a366495.colorBrandActive_2b35455911 {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_788a366495.colorBrandActive_2b35455911,\n.kindSecondary_788a366495.colorBrandActive_2b35455911:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_788a366495.colorPrimary_d29f42b981:hover:not(.colorPrimaryActive_c0894a9bbb),\n.kindSecondary_788a366495.colorPrimary_d29f42b981:focus:not(.colorPrimaryActive_c0894a9bbb) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_788a366495.colorBrand_3896f1f157:hover:not(.colorBrandActive_2b35455911),\n.kindSecondary_788a366495.colorBrand_3896f1f157:focus:not(.colorBrandActive_2b35455911) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_788a366495.colorPositive_2a715301bf {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_788a366495.colorPositiveActive_fa7e2162f3,\n.kindSecondary_788a366495.colorPositive_2a715301bf:hover,\n.kindSecondary_788a366495.colorPositive_2a715301bf:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_788a366495.colorNegative_f6f5f25584 {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_788a366495.colorNegativeActive_fa7e2162f3,\n.kindSecondary_788a366495.colorNegative_f6f5f25584:hover,\n.kindSecondary_788a366495.colorNegative_f6f5f25584:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_788a366495.colorInverted_05a3cb4ab6 {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary_788a366495.colorInvertedActive_fa7e2162f3,\n.kindSecondary_788a366495.colorInverted_05a3cb4ab6:hover,\n.kindSecondary_788a366495.colorInverted_05a3cb4ab6:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_788a366495.colorInverted_05a3cb4ab6.disabled_1a325e38a2 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_788a366495.colorOnPrimaryColor_6eb6f560cf {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_788a366495.colorOnPrimaryColorActive_592e7c055f,\n.kindSecondary_788a366495.colorOnPrimaryColor_6eb6f560cf:hover,\n.kindSecondary_788a366495.colorOnPrimaryColor_6eb6f560cf:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindSecondary_788a366495.colorOnPrimaryColorActive_592e7c055f:focus-visible, .kindSecondary_788a366495.colorOnPrimaryColorActive_592e7c055f.focus-visible_fb70ab87b8,\n.kindSecondary_788a366495.colorOnPrimaryColor_6eb6f560cf:hover:focus-visible,\n.kindSecondary_788a366495.colorOnPrimaryColor_6eb6f560cf:hover.focus-visible_fb70ab87b8,\n.kindSecondary_788a366495.colorOnPrimaryColor_6eb6f560cf:focus:focus-visible,\n.kindSecondary_788a366495.colorOnPrimaryColor_6eb6f560cf:focus.focus-visible_fb70ab87b8 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary_788a366495.colorOnPrimaryColorActive_592e7c055f:focus:not(.focus-visible_fb70ab87b8),\n.kindSecondary_788a366495.colorOnPrimaryColor_6eb6f560cf:hover:focus:not(.focus-visible_fb70ab87b8),\n.kindSecondary_788a366495.colorOnPrimaryColor_6eb6f560cf:focus:focus:not(.focus-visible_fb70ab87b8) {\n  outline: none;\n}\n.kindSecondary_788a366495.colorOnPrimaryColor_6eb6f560cf.disabled_1a325e38a2 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_788a366495.colorFixedLight_3f6b21ce3b {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_788a366495.colorFixedLightActive_3f3a3aebca,\n.kindSecondary_788a366495.colorFixedLight_3f6b21ce3b:hover,\n.kindSecondary_788a366495.colorFixedLight_3f6b21ce3b:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindSecondary_788a366495.colorFixedLightActive_3f3a3aebca:focus-visible, .kindSecondary_788a366495.colorFixedLightActive_3f3a3aebca.focus-visible_fb70ab87b8,\n.kindSecondary_788a366495.colorFixedLight_3f6b21ce3b:hover:focus-visible,\n.kindSecondary_788a366495.colorFixedLight_3f6b21ce3b:hover.focus-visible_fb70ab87b8,\n.kindSecondary_788a366495.colorFixedLight_3f6b21ce3b:focus:focus-visible,\n.kindSecondary_788a366495.colorFixedLight_3f6b21ce3b:focus.focus-visible_fb70ab87b8 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary_788a366495.colorFixedLightActive_3f3a3aebca:focus:not(.focus-visible_fb70ab87b8),\n.kindSecondary_788a366495.colorFixedLight_3f6b21ce3b:hover:focus:not(.focus-visible_fb70ab87b8),\n.kindSecondary_788a366495.colorFixedLight_3f6b21ce3b:focus:focus:not(.focus-visible_fb70ab87b8) {\n  outline: none;\n}\n.kindSecondary_788a366495.colorFixedDark_5fd49bcfae {\n  border-color: var(--fixed-dark-color);\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_788a366495.colorFixedDarkActive_bcc35fd783,\n.kindSecondary_788a366495.colorFixedDark_5fd49bcfae:hover,\n.kindSecondary_788a366495.colorFixedDark_5fd49bcfae:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindSecondary_788a366495.colorFixedDarkActive_bcc35fd783:focus-visible, .kindSecondary_788a366495.colorFixedDarkActive_bcc35fd783.focus-visible_fb70ab87b8,\n.kindSecondary_788a366495.colorFixedDark_5fd49bcfae:hover:focus-visible,\n.kindSecondary_788a366495.colorFixedDark_5fd49bcfae:hover.focus-visible_fb70ab87b8,\n.kindSecondary_788a366495.colorFixedDark_5fd49bcfae:focus:focus-visible,\n.kindSecondary_788a366495.colorFixedDark_5fd49bcfae:focus.focus-visible_fb70ab87b8 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary_788a366495.colorFixedDarkActive_bcc35fd783:focus:not(.focus-visible_fb70ab87b8),\n.kindSecondary_788a366495.colorFixedDark_5fd49bcfae:hover:focus:not(.focus-visible_fb70ab87b8),\n.kindSecondary_788a366495.colorFixedDark_5fd49bcfae:focus:focus:not(.focus-visible_fb70ab87b8) {\n  outline: none;\n}\n.kindSecondary_788a366495.colorOnInvertedBackground_b44192b85f {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_788a366495.colorOnInvertedBackgroundActive_319a70c671,\n.kindSecondary_788a366495.colorOnInvertedBackground_b44192b85f:hover,\n.kindSecondary_788a366495.colorOnInvertedBackground_b44192b85f:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_788a366495.colorOnInvertedBackground_b44192b85f.disabled_1a325e38a2 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_788a366495.colorFixedLight_3f6b21ce3b.disabled_1a325e38a2 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_788a366495.colorFixedDark_5fd49bcfae.disabled_1a325e38a2 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_788a366495.disabled_1a325e38a2 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_788a366495.disabled_1a325e38a2:hover {\n  background-color: transparent;\n}\n.kindTertiary_72182d9e94 {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary_72182d9e94.colorPrimaryActive_c0894a9bbb {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary_72182d9e94.colorPrimaryActive_c0894a9bbb:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_72182d9e94.colorBrandActive_2b35455911 {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_72182d9e94.colorBrandActive_2b35455911,\n.kindTertiary_72182d9e94.colorBrandActive_2b35455911:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_72182d9e94.colorPrimary_d29f42b981:hover:not(.colorPrimaryActive_c0894a9bbb),\n.kindTertiary_72182d9e94.colorPrimary_d29f42b981:focus:not(.colorPrimaryActive_c0894a9bbb) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_72182d9e94.colorBrand_3896f1f157:hover:not(.colorBrandActive_2b35455911),\n.kindTertiary_72182d9e94.colorBrand_3896f1f157:focus:not(.colorBrandActive_2b35455911) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_72182d9e94.colorPositive_2a715301bf {\n  color: var(--positive-color);\n}\n.kindTertiary_72182d9e94.colorPositiveActive_fa7e2162f3,\n.kindTertiary_72182d9e94.colorPositive_2a715301bf:hover,\n.kindTertiary_72182d9e94.colorPositive_2a715301bf:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_72182d9e94.colorNegative_f6f5f25584 {\n  color: var(--negative-color);\n}\n.kindTertiary_72182d9e94.colorNegativeActive_fa7e2162f3,\n.kindTertiary_72182d9e94.colorNegative_f6f5f25584:hover,\n.kindTertiary_72182d9e94.colorNegative_f6f5f25584:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_72182d9e94.colorInverted_05a3cb4ab6 {\n  color: var(--primary-text-color);\n}\n.kindTertiary_72182d9e94.colorInvertedActive_fa7e2162f3,\n.kindTertiary_72182d9e94.colorInverted_05a3cb4ab6:hover,\n.kindTertiary_72182d9e94.colorInverted_05a3cb4ab6:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_72182d9e94.colorInverted_05a3cb4ab6.disabled_1a325e38a2 {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_72182d9e94.colorOnPrimaryColor_6eb6f560cf {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_72182d9e94.colorOnPrimaryColorActive_592e7c055f,\n.kindTertiary_72182d9e94.colorOnPrimaryColor_6eb6f560cf:hover,\n.kindTertiary_72182d9e94.colorOnPrimaryColor_6eb6f560cf:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindTertiary_72182d9e94.colorOnPrimaryColorActive_592e7c055f:focus-visible, .kindTertiary_72182d9e94.colorOnPrimaryColorActive_592e7c055f.focus-visible_fb70ab87b8,\n.kindTertiary_72182d9e94.colorOnPrimaryColor_6eb6f560cf:hover:focus-visible,\n.kindTertiary_72182d9e94.colorOnPrimaryColor_6eb6f560cf:hover.focus-visible_fb70ab87b8,\n.kindTertiary_72182d9e94.colorOnPrimaryColor_6eb6f560cf:focus:focus-visible,\n.kindTertiary_72182d9e94.colorOnPrimaryColor_6eb6f560cf:focus.focus-visible_fb70ab87b8 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary_72182d9e94.colorOnPrimaryColorActive_592e7c055f:focus:not(.focus-visible_fb70ab87b8),\n.kindTertiary_72182d9e94.colorOnPrimaryColor_6eb6f560cf:hover:focus:not(.focus-visible_fb70ab87b8),\n.kindTertiary_72182d9e94.colorOnPrimaryColor_6eb6f560cf:focus:focus:not(.focus-visible_fb70ab87b8) {\n  outline: none;\n}\n.kindTertiary_72182d9e94.colorOnPrimaryColor_6eb6f560cf.disabled_1a325e38a2 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_72182d9e94.colorFixedLight_3f6b21ce3b {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_72182d9e94.colorFixedLightActive_3f3a3aebca,\n.kindTertiary_72182d9e94.colorFixedLight_3f6b21ce3b:hover,\n.kindTertiary_72182d9e94.colorFixedLight_3f6b21ce3b:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindTertiary_72182d9e94.colorFixedLightActive_3f3a3aebca:focus-visible, .kindTertiary_72182d9e94.colorFixedLightActive_3f3a3aebca.focus-visible_fb70ab87b8,\n.kindTertiary_72182d9e94.colorFixedLight_3f6b21ce3b:hover:focus-visible,\n.kindTertiary_72182d9e94.colorFixedLight_3f6b21ce3b:hover.focus-visible_fb70ab87b8,\n.kindTertiary_72182d9e94.colorFixedLight_3f6b21ce3b:focus:focus-visible,\n.kindTertiary_72182d9e94.colorFixedLight_3f6b21ce3b:focus.focus-visible_fb70ab87b8 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary_72182d9e94.colorFixedLightActive_3f3a3aebca:focus:not(.focus-visible_fb70ab87b8),\n.kindTertiary_72182d9e94.colorFixedLight_3f6b21ce3b:hover:focus:not(.focus-visible_fb70ab87b8),\n.kindTertiary_72182d9e94.colorFixedLight_3f6b21ce3b:focus:focus:not(.focus-visible_fb70ab87b8) {\n  outline: none;\n}\n.kindTertiary_72182d9e94.colorFixedLight_3f6b21ce3b.disabled_1a325e38a2 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_72182d9e94.colorFixedDark_5fd49bcfae {\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_72182d9e94.colorFixedDarkActive_bcc35fd783,\n.kindTertiary_72182d9e94.colorFixedDark_5fd49bcfae:hover,\n.kindTertiary_72182d9e94.colorFixedDark_5fd49bcfae:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindTertiary_72182d9e94.colorFixedDarkActive_bcc35fd783:focus-visible, .kindTertiary_72182d9e94.colorFixedDarkActive_bcc35fd783.focus-visible_fb70ab87b8,\n.kindTertiary_72182d9e94.colorFixedDark_5fd49bcfae:hover:focus-visible,\n.kindTertiary_72182d9e94.colorFixedDark_5fd49bcfae:hover.focus-visible_fb70ab87b8,\n.kindTertiary_72182d9e94.colorFixedDark_5fd49bcfae:focus:focus-visible,\n.kindTertiary_72182d9e94.colorFixedDark_5fd49bcfae:focus.focus-visible_fb70ab87b8 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary_72182d9e94.colorFixedDarkActive_bcc35fd783:focus:not(.focus-visible_fb70ab87b8),\n.kindTertiary_72182d9e94.colorFixedDark_5fd49bcfae:hover:focus:not(.focus-visible_fb70ab87b8),\n.kindTertiary_72182d9e94.colorFixedDark_5fd49bcfae:focus:focus:not(.focus-visible_fb70ab87b8) {\n  outline: none;\n}\n.kindTertiary_72182d9e94.colorFixedDark_5fd49bcfae.disabled_1a325e38a2 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_72182d9e94.colorOnInvertedBackground_b44192b85f {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_72182d9e94.colorOnInvertedBackgroundActive_319a70c671,\n.kindTertiary_72182d9e94.colorOnInvertedBackground_b44192b85f:hover,\n.kindTertiary_72182d9e94.colorOnInvertedBackground_b44192b85f:focus {\n  background: var(--icon-color);\n}\n.kindTertiary_72182d9e94.colorOnInvertedBackground_b44192b85f.disabled_1a325e38a2 {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_72182d9e94.disabled_1a325e38a2 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_72182d9e94.disabled_1a325e38a2:hover {\n  background-color: transparent;\n}\n.noSidePadding_3ccc70189f {\n  padding-inline: 0;\n}\n.button_fc5c2040a5.insetFocusStyle_29996d27aa:focus-visible, .button_fc5c2040a5.insetFocusStyle_29996d27aa.focus-visible_fb70ab87b8 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.button_fc5c2040a5.insetFocusStyle_29996d27aa:focus:not(.focus-visible_fb70ab87b8) {\n  outline: none;\n}");export{o as default};
+var o={button:"button_223149c872","focus-visible":"focus-visible_c780cd36f3",loader:"loader_760c00a8fb",loaderSvg:"loaderSvg_7fc8807d45",textPlaceholder:"textPlaceholder_6447591cdc",success:"success_d46adaa046",successContent:"successContent_e65bbae24a",marginRight:"marginRight_e23b910540",marginLeft:"marginLeft_e4e015d185",rightFlat:"rightFlat_6de3b6c286",leftFlat:"leftFlat_ec42045269",preventClickAnimation:"preventClickAnimation_1f9e529e9d",leftIcon:"leftIcon_e23b910540",rightIcon:"rightIcon_e4e015d185",sizeXxs:"sizeXxs_cdeeb610b7",sizeXs:"sizeXs_206362b219",sizeSmall:"sizeSmall_c6e7f97381",sizeMedium:"sizeMedium_5b73c5eeb3",sizeLarge:"sizeLarge_b139c059f6",kindPrimary:"kindPrimary_cbb3caef1e",colorPrimary:"colorPrimary_e74445ee40",colorBrand:"colorBrand_2788260478",colorPrimaryActive:"colorPrimaryActive_604094f4a6",colorBrandActive:"colorBrandActive_96fb2e23ae",colorPositive:"colorPositive_5abd39f4f4",colorPositiveActive:"colorPositiveActive_8fcddfba72",colorNegative:"colorNegative_938effffc9",colorNegativeActive:"colorNegativeActive_8fcddfba72",colorInverted:"colorInverted_a01decb086",colorInvertedActive:"colorInvertedActive_8fcddfba72",disabled:"disabled_720b65b0fb",colorOnPrimaryColor:"colorOnPrimaryColor_fc5b6a5ae2",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_452dcaec3b",colorFixedLight:"colorFixedLight_8c69206072",colorFixedLightActive:"colorFixedLightActive_1f9e529e9d",colorFixedDark:"colorFixedDark_29d21911ef",colorFixedDarkActive:"colorFixedDarkActive_c67e989fed",colorOnInvertedBackground:"colorOnInvertedBackground_a2f21caaf3",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_75393c86d9",kindSecondary:"kindSecondary_88036e3c01",kindTertiary:"kindTertiary_9f7820f644",noSidePadding:"noSidePadding_9e44e4d394",insetFocusStyle:"insetFocusStyle_afd5616edd"};!function(o){const r="s_id-216fe7e3e8d5_4_0_2";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+r))return;const n=document.createElement("style");n.id=r,e.firstChild?e.insertBefore(n,e.firstChild):e.appendChild(n),n.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=o)}("/* stylelint-disable */\n/* stylelint-enable */\n.button_223149c872 {\n  --loader-padding: 8px;\n  outline: none;\n  border: none;\n  height: auto;\n  border-radius: var(--border-radius-small);\n  cursor: pointer;\n  white-space: nowrap;\n  transition: var(--motion-productive-short) transform, var(--motion-productive-medium) var(--motion-timing-transition) min-width;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  /* Prevent text selection */\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n  min-width: auto;\n}\n.button_223149c872:focus-visible, .button_223149c872.focus-visible_c780cd36f3 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.button_223149c872:focus:not(.focus-visible_c780cd36f3) {\n  outline: none;\n}\n.button_223149c872 .loader_760c00a8fb {\n  height: 100%;\n}\n.button_223149c872 .loader_760c00a8fb .loaderSvg_7fc8807d45 {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_223149c872 .textPlaceholder_6447591cdc {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_223149c872.success_d46adaa046 {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_223149c872.success_d46adaa046 .successContent_e65bbae24a {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_e23b910540 {\n  margin-inline-end: var(--space-8);\n}\n.marginLeft_e4e015d185 {\n  margin-inline-start: var(--space-8);\n}\n.rightFlat_6de3b6c286 {\n  border-start-end-radius: 0;\n  border-end-end-radius: 0;\n}\n.leftFlat_ec42045269 {\n  border-start-start-radius: 0;\n  border-end-start-radius: 0;\n}\n.button_223149c872:active:not(.preventClickAnimation_1f9e529e9d) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_223149c872 .leftIcon_e23b910540 {\n  margin-inline-end: var(--space-8);\n}\n.button_223149c872 .rightIcon_e4e015d185 {\n  margin-inline-start: var(--space-8);\n}\n.sizeXxs_cdeeb610b7 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  padding: 2px var(--space-4);\n  height: 16px;\n  line-height: 16px;\n}\n.sizeXs_206362b219 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  padding: var(--space-4) var(--space-8);\n  height: 24px;\n  line-height: 21px;\n}\n.sizeSmall_c6e7f97381 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  padding: var(--space-4) var(--space-8);\n  height: 32px;\n  line-height: 24px;\n}\n.sizeSmall_c6e7f97381 .loader_760c00a8fb {\n  top: 7px;\n}\n.sizeMedium_5b73c5eeb3 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text1-normal);\n  padding: var(--space-8) var(--space-16);\n  height: 40px;\n}\n.sizeLarge_b139c059f6 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text1-normal);\n  padding: 12px var(--space-24);\n  height: 48px;\n}\n.kindPrimary_cbb3caef1e {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_cbb3caef1e.colorPrimary_e74445ee40 {\n  background: var(--primary-color);\n}\n.kindPrimary_cbb3caef1e.colorBrand_2788260478 {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_cbb3caef1e.colorPrimaryActive_604094f4a6,\n.kindPrimary_cbb3caef1e.colorPrimary_e74445ee40:hover,\n.kindPrimary_cbb3caef1e.colorPrimary_e74445ee40:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary_cbb3caef1e.colorBrandActive_96fb2e23ae,\n.kindPrimary_cbb3caef1e.colorBrand_2788260478:hover,\n.kindPrimary_cbb3caef1e.colorBrand_2788260478:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_cbb3caef1e.colorPositive_5abd39f4f4 {\n  background: var(--positive-color);\n}\n.kindPrimary_cbb3caef1e.colorPositiveActive_8fcddfba72,\n.kindPrimary_cbb3caef1e.colorPositive_5abd39f4f4:hover,\n.kindPrimary_cbb3caef1e.colorPositive_5abd39f4f4:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_cbb3caef1e.colorNegative_938effffc9 {\n  background: var(--negative-color);\n}\n.kindPrimary_cbb3caef1e.colorNegativeActive_8fcddfba72,\n.kindPrimary_cbb3caef1e.colorNegative_938effffc9:hover,\n.kindPrimary_cbb3caef1e.colorNegative_938effffc9:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_cbb3caef1e.colorInverted_a01decb086 {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_cbb3caef1e.colorInvertedActive_8fcddfba72,\n.kindPrimary_cbb3caef1e.colorInverted_a01decb086:hover,\n.kindPrimary_cbb3caef1e.colorInverted_a01decb086:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_cbb3caef1e.button_223149c872.colorInverted_a01decb086.disabled_720b65b0fb {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_cbb3caef1e.colorOnPrimaryColor_fc5b6a5ae2 {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_cbb3caef1e.colorOnPrimaryColorActive_452dcaec3b,\n.kindPrimary_cbb3caef1e.colorOnPrimaryColor_fc5b6a5ae2:hover,\n.kindPrimary_cbb3caef1e.colorOnPrimaryColor_fc5b6a5ae2:focus {\n  background-color: #e6e9ef;\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindPrimary_cbb3caef1e.colorOnPrimaryColorActive_452dcaec3b:focus-visible, .kindPrimary_cbb3caef1e.colorOnPrimaryColorActive_452dcaec3b.focus-visible_c780cd36f3,\n.kindPrimary_cbb3caef1e.colorOnPrimaryColor_fc5b6a5ae2:hover:focus-visible,\n.kindPrimary_cbb3caef1e.colorOnPrimaryColor_fc5b6a5ae2:hover.focus-visible_c780cd36f3,\n.kindPrimary_cbb3caef1e.colorOnPrimaryColor_fc5b6a5ae2:focus:focus-visible,\n.kindPrimary_cbb3caef1e.colorOnPrimaryColor_fc5b6a5ae2:focus.focus-visible_c780cd36f3 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary_cbb3caef1e.colorOnPrimaryColorActive_452dcaec3b:focus:not(.focus-visible_c780cd36f3),\n.kindPrimary_cbb3caef1e.colorOnPrimaryColor_fc5b6a5ae2:hover:focus:not(.focus-visible_c780cd36f3),\n.kindPrimary_cbb3caef1e.colorOnPrimaryColor_fc5b6a5ae2:focus:focus:not(.focus-visible_c780cd36f3) {\n  outline: none;\n}\n.kindPrimary_cbb3caef1e.colorOnPrimaryColor_fc5b6a5ae2.disabled_720b65b0fb {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_cbb3caef1e.colorFixedLight_8c69206072 {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_cbb3caef1e.colorFixedLightActive_1f9e529e9d,\n.kindPrimary_cbb3caef1e.colorFixedLight_8c69206072:hover,\n.kindPrimary_cbb3caef1e.colorFixedLight_8c69206072:focus {\n  background-color: #e6e9ef;\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindPrimary_cbb3caef1e.colorFixedLightActive_1f9e529e9d:focus-visible, .kindPrimary_cbb3caef1e.colorFixedLightActive_1f9e529e9d.focus-visible_c780cd36f3,\n.kindPrimary_cbb3caef1e.colorFixedLight_8c69206072:hover:focus-visible,\n.kindPrimary_cbb3caef1e.colorFixedLight_8c69206072:hover.focus-visible_c780cd36f3,\n.kindPrimary_cbb3caef1e.colorFixedLight_8c69206072:focus:focus-visible,\n.kindPrimary_cbb3caef1e.colorFixedLight_8c69206072:focus.focus-visible_c780cd36f3 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary_cbb3caef1e.colorFixedLightActive_1f9e529e9d:focus:not(.focus-visible_c780cd36f3),\n.kindPrimary_cbb3caef1e.colorFixedLight_8c69206072:hover:focus:not(.focus-visible_c780cd36f3),\n.kindPrimary_cbb3caef1e.colorFixedLight_8c69206072:focus:focus:not(.focus-visible_c780cd36f3) {\n  outline: none;\n}\n.kindPrimary_cbb3caef1e.colorFixedLight_8c69206072.disabled_720b65b0fb {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_cbb3caef1e.colorFixedDark_29d21911ef {\n  background: var(--fixed-dark-color);\n  color: var(--fixed-light-color);\n}\n.kindPrimary_cbb3caef1e.colorFixedDarkActive_c67e989fed,\n.kindPrimary_cbb3caef1e.colorFixedDark_29d21911ef:hover,\n.kindPrimary_cbb3caef1e.colorFixedDark_29d21911ef:focus {\n  filter: brightness(125%);\n}\n.kindPrimary_cbb3caef1e.colorFixedDarkActive_c67e989fed:focus-visible, .kindPrimary_cbb3caef1e.colorFixedDarkActive_c67e989fed.focus-visible_c780cd36f3,\n.kindPrimary_cbb3caef1e.colorFixedDark_29d21911ef:hover:focus-visible,\n.kindPrimary_cbb3caef1e.colorFixedDark_29d21911ef:hover.focus-visible_c780cd36f3,\n.kindPrimary_cbb3caef1e.colorFixedDark_29d21911ef:focus:focus-visible,\n.kindPrimary_cbb3caef1e.colorFixedDark_29d21911ef:focus.focus-visible_c780cd36f3 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary_cbb3caef1e.colorFixedDarkActive_c67e989fed:focus:not(.focus-visible_c780cd36f3),\n.kindPrimary_cbb3caef1e.colorFixedDark_29d21911ef:hover:focus:not(.focus-visible_c780cd36f3),\n.kindPrimary_cbb3caef1e.colorFixedDark_29d21911ef:focus:focus:not(.focus-visible_c780cd36f3) {\n  outline: none;\n}\n.kindPrimary_cbb3caef1e.colorFixedDark_29d21911ef.disabled_720b65b0fb {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindPrimary_cbb3caef1e.colorOnInvertedBackground_a2f21caaf3 {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary_cbb3caef1e.colorOnInvertedBackgroundActive_75393c86d9,\n.kindPrimary_cbb3caef1e.colorOnInvertedBackground_a2f21caaf3:hover,\n.kindPrimary_cbb3caef1e.colorOnInvertedBackground_a2f21caaf3:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary_cbb3caef1e.button_223149c872.colorOnInvertedBackground_a2f21caaf3.disabled_720b65b0fb {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary_cbb3caef1e.button_223149c872.disabled_720b65b0fb {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_88036e3c01 {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary_88036e3c01.sizeSmall_c6e7f97381 {\n  line-height: 22px;\n}\n.kindSecondary_88036e3c01.sizeMedium_5b73c5eeb3 {\n  line-height: 22px;\n}\n.kindSecondary_88036e3c01.sizeLarge_b139c059f6 {\n  line-height: 22px;\n}\n.kindSecondary_88036e3c01.colorPrimaryActive_604094f4a6 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_88036e3c01.colorPrimaryActive_604094f4a6:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_88036e3c01.colorBrandActive_96fb2e23ae {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_88036e3c01.colorBrandActive_96fb2e23ae,\n.kindSecondary_88036e3c01.colorBrandActive_96fb2e23ae:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_88036e3c01.colorPrimary_e74445ee40:hover:not(.colorPrimaryActive_604094f4a6),\n.kindSecondary_88036e3c01.colorPrimary_e74445ee40:focus:not(.colorPrimaryActive_604094f4a6) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_88036e3c01.colorBrand_2788260478:hover:not(.colorBrandActive_96fb2e23ae),\n.kindSecondary_88036e3c01.colorBrand_2788260478:focus:not(.colorBrandActive_96fb2e23ae) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_88036e3c01.colorPositive_5abd39f4f4 {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_88036e3c01.colorPositiveActive_8fcddfba72,\n.kindSecondary_88036e3c01.colorPositive_5abd39f4f4:hover,\n.kindSecondary_88036e3c01.colorPositive_5abd39f4f4:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_88036e3c01.colorNegative_938effffc9 {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_88036e3c01.colorNegativeActive_8fcddfba72,\n.kindSecondary_88036e3c01.colorNegative_938effffc9:hover,\n.kindSecondary_88036e3c01.colorNegative_938effffc9:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_88036e3c01.colorInverted_a01decb086 {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary_88036e3c01.colorInvertedActive_8fcddfba72,\n.kindSecondary_88036e3c01.colorInverted_a01decb086:hover,\n.kindSecondary_88036e3c01.colorInverted_a01decb086:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_88036e3c01.colorInverted_a01decb086.disabled_720b65b0fb {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_88036e3c01.colorOnPrimaryColor_fc5b6a5ae2 {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_88036e3c01.colorOnPrimaryColorActive_452dcaec3b,\n.kindSecondary_88036e3c01.colorOnPrimaryColor_fc5b6a5ae2:hover,\n.kindSecondary_88036e3c01.colorOnPrimaryColor_fc5b6a5ae2:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindSecondary_88036e3c01.colorOnPrimaryColorActive_452dcaec3b:focus-visible, .kindSecondary_88036e3c01.colorOnPrimaryColorActive_452dcaec3b.focus-visible_c780cd36f3,\n.kindSecondary_88036e3c01.colorOnPrimaryColor_fc5b6a5ae2:hover:focus-visible,\n.kindSecondary_88036e3c01.colorOnPrimaryColor_fc5b6a5ae2:hover.focus-visible_c780cd36f3,\n.kindSecondary_88036e3c01.colorOnPrimaryColor_fc5b6a5ae2:focus:focus-visible,\n.kindSecondary_88036e3c01.colorOnPrimaryColor_fc5b6a5ae2:focus.focus-visible_c780cd36f3 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary_88036e3c01.colorOnPrimaryColorActive_452dcaec3b:focus:not(.focus-visible_c780cd36f3),\n.kindSecondary_88036e3c01.colorOnPrimaryColor_fc5b6a5ae2:hover:focus:not(.focus-visible_c780cd36f3),\n.kindSecondary_88036e3c01.colorOnPrimaryColor_fc5b6a5ae2:focus:focus:not(.focus-visible_c780cd36f3) {\n  outline: none;\n}\n.kindSecondary_88036e3c01.colorOnPrimaryColor_fc5b6a5ae2.disabled_720b65b0fb {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_88036e3c01.colorFixedLight_8c69206072 {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_88036e3c01.colorFixedLightActive_1f9e529e9d,\n.kindSecondary_88036e3c01.colorFixedLight_8c69206072:hover,\n.kindSecondary_88036e3c01.colorFixedLight_8c69206072:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindSecondary_88036e3c01.colorFixedLightActive_1f9e529e9d:focus-visible, .kindSecondary_88036e3c01.colorFixedLightActive_1f9e529e9d.focus-visible_c780cd36f3,\n.kindSecondary_88036e3c01.colorFixedLight_8c69206072:hover:focus-visible,\n.kindSecondary_88036e3c01.colorFixedLight_8c69206072:hover.focus-visible_c780cd36f3,\n.kindSecondary_88036e3c01.colorFixedLight_8c69206072:focus:focus-visible,\n.kindSecondary_88036e3c01.colorFixedLight_8c69206072:focus.focus-visible_c780cd36f3 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary_88036e3c01.colorFixedLightActive_1f9e529e9d:focus:not(.focus-visible_c780cd36f3),\n.kindSecondary_88036e3c01.colorFixedLight_8c69206072:hover:focus:not(.focus-visible_c780cd36f3),\n.kindSecondary_88036e3c01.colorFixedLight_8c69206072:focus:focus:not(.focus-visible_c780cd36f3) {\n  outline: none;\n}\n.kindSecondary_88036e3c01.colorFixedDark_29d21911ef {\n  border-color: var(--fixed-dark-color);\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_88036e3c01.colorFixedDarkActive_c67e989fed,\n.kindSecondary_88036e3c01.colorFixedDark_29d21911ef:hover,\n.kindSecondary_88036e3c01.colorFixedDark_29d21911ef:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindSecondary_88036e3c01.colorFixedDarkActive_c67e989fed:focus-visible, .kindSecondary_88036e3c01.colorFixedDarkActive_c67e989fed.focus-visible_c780cd36f3,\n.kindSecondary_88036e3c01.colorFixedDark_29d21911ef:hover:focus-visible,\n.kindSecondary_88036e3c01.colorFixedDark_29d21911ef:hover.focus-visible_c780cd36f3,\n.kindSecondary_88036e3c01.colorFixedDark_29d21911ef:focus:focus-visible,\n.kindSecondary_88036e3c01.colorFixedDark_29d21911ef:focus.focus-visible_c780cd36f3 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary_88036e3c01.colorFixedDarkActive_c67e989fed:focus:not(.focus-visible_c780cd36f3),\n.kindSecondary_88036e3c01.colorFixedDark_29d21911ef:hover:focus:not(.focus-visible_c780cd36f3),\n.kindSecondary_88036e3c01.colorFixedDark_29d21911ef:focus:focus:not(.focus-visible_c780cd36f3) {\n  outline: none;\n}\n.kindSecondary_88036e3c01.colorOnInvertedBackground_a2f21caaf3 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_88036e3c01.colorOnInvertedBackgroundActive_75393c86d9,\n.kindSecondary_88036e3c01.colorOnInvertedBackground_a2f21caaf3:hover,\n.kindSecondary_88036e3c01.colorOnInvertedBackground_a2f21caaf3:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_88036e3c01.colorOnInvertedBackground_a2f21caaf3.disabled_720b65b0fb {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_88036e3c01.colorFixedLight_8c69206072.disabled_720b65b0fb {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_88036e3c01.colorFixedDark_29d21911ef.disabled_720b65b0fb {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_88036e3c01.disabled_720b65b0fb {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_88036e3c01.disabled_720b65b0fb:hover {\n  background-color: transparent;\n}\n.kindTertiary_9f7820f644 {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary_9f7820f644.colorPrimaryActive_604094f4a6 {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary_9f7820f644.colorPrimaryActive_604094f4a6:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_9f7820f644.colorBrandActive_96fb2e23ae {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_9f7820f644.colorBrandActive_96fb2e23ae,\n.kindTertiary_9f7820f644.colorBrandActive_96fb2e23ae:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_9f7820f644.colorPrimary_e74445ee40:hover:not(.colorPrimaryActive_604094f4a6),\n.kindTertiary_9f7820f644.colorPrimary_e74445ee40:focus:not(.colorPrimaryActive_604094f4a6) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_9f7820f644.colorBrand_2788260478:hover:not(.colorBrandActive_96fb2e23ae),\n.kindTertiary_9f7820f644.colorBrand_2788260478:focus:not(.colorBrandActive_96fb2e23ae) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_9f7820f644.colorPositive_5abd39f4f4 {\n  color: var(--positive-color);\n}\n.kindTertiary_9f7820f644.colorPositiveActive_8fcddfba72,\n.kindTertiary_9f7820f644.colorPositive_5abd39f4f4:hover,\n.kindTertiary_9f7820f644.colorPositive_5abd39f4f4:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_9f7820f644.colorNegative_938effffc9 {\n  color: var(--negative-color);\n}\n.kindTertiary_9f7820f644.colorNegativeActive_8fcddfba72,\n.kindTertiary_9f7820f644.colorNegative_938effffc9:hover,\n.kindTertiary_9f7820f644.colorNegative_938effffc9:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_9f7820f644.colorInverted_a01decb086 {\n  color: var(--primary-text-color);\n}\n.kindTertiary_9f7820f644.colorInvertedActive_8fcddfba72,\n.kindTertiary_9f7820f644.colorInverted_a01decb086:hover,\n.kindTertiary_9f7820f644.colorInverted_a01decb086:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_9f7820f644.colorInverted_a01decb086.disabled_720b65b0fb {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_9f7820f644.colorOnPrimaryColor_fc5b6a5ae2 {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_9f7820f644.colorOnPrimaryColorActive_452dcaec3b,\n.kindTertiary_9f7820f644.colorOnPrimaryColor_fc5b6a5ae2:hover,\n.kindTertiary_9f7820f644.colorOnPrimaryColor_fc5b6a5ae2:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindTertiary_9f7820f644.colorOnPrimaryColorActive_452dcaec3b:focus-visible, .kindTertiary_9f7820f644.colorOnPrimaryColorActive_452dcaec3b.focus-visible_c780cd36f3,\n.kindTertiary_9f7820f644.colorOnPrimaryColor_fc5b6a5ae2:hover:focus-visible,\n.kindTertiary_9f7820f644.colorOnPrimaryColor_fc5b6a5ae2:hover.focus-visible_c780cd36f3,\n.kindTertiary_9f7820f644.colorOnPrimaryColor_fc5b6a5ae2:focus:focus-visible,\n.kindTertiary_9f7820f644.colorOnPrimaryColor_fc5b6a5ae2:focus.focus-visible_c780cd36f3 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary_9f7820f644.colorOnPrimaryColorActive_452dcaec3b:focus:not(.focus-visible_c780cd36f3),\n.kindTertiary_9f7820f644.colorOnPrimaryColor_fc5b6a5ae2:hover:focus:not(.focus-visible_c780cd36f3),\n.kindTertiary_9f7820f644.colorOnPrimaryColor_fc5b6a5ae2:focus:focus:not(.focus-visible_c780cd36f3) {\n  outline: none;\n}\n.kindTertiary_9f7820f644.colorOnPrimaryColor_fc5b6a5ae2.disabled_720b65b0fb {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_9f7820f644.colorFixedLight_8c69206072 {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_9f7820f644.colorFixedLightActive_1f9e529e9d,\n.kindTertiary_9f7820f644.colorFixedLight_8c69206072:hover,\n.kindTertiary_9f7820f644.colorFixedLight_8c69206072:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindTertiary_9f7820f644.colorFixedLightActive_1f9e529e9d:focus-visible, .kindTertiary_9f7820f644.colorFixedLightActive_1f9e529e9d.focus-visible_c780cd36f3,\n.kindTertiary_9f7820f644.colorFixedLight_8c69206072:hover:focus-visible,\n.kindTertiary_9f7820f644.colorFixedLight_8c69206072:hover.focus-visible_c780cd36f3,\n.kindTertiary_9f7820f644.colorFixedLight_8c69206072:focus:focus-visible,\n.kindTertiary_9f7820f644.colorFixedLight_8c69206072:focus.focus-visible_c780cd36f3 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary_9f7820f644.colorFixedLightActive_1f9e529e9d:focus:not(.focus-visible_c780cd36f3),\n.kindTertiary_9f7820f644.colorFixedLight_8c69206072:hover:focus:not(.focus-visible_c780cd36f3),\n.kindTertiary_9f7820f644.colorFixedLight_8c69206072:focus:focus:not(.focus-visible_c780cd36f3) {\n  outline: none;\n}\n.kindTertiary_9f7820f644.colorFixedLight_8c69206072.disabled_720b65b0fb {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_9f7820f644.colorFixedDark_29d21911ef {\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_9f7820f644.colorFixedDarkActive_c67e989fed,\n.kindTertiary_9f7820f644.colorFixedDark_29d21911ef:hover,\n.kindTertiary_9f7820f644.colorFixedDark_29d21911ef:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindTertiary_9f7820f644.colorFixedDarkActive_c67e989fed:focus-visible, .kindTertiary_9f7820f644.colorFixedDarkActive_c67e989fed.focus-visible_c780cd36f3,\n.kindTertiary_9f7820f644.colorFixedDark_29d21911ef:hover:focus-visible,\n.kindTertiary_9f7820f644.colorFixedDark_29d21911ef:hover.focus-visible_c780cd36f3,\n.kindTertiary_9f7820f644.colorFixedDark_29d21911ef:focus:focus-visible,\n.kindTertiary_9f7820f644.colorFixedDark_29d21911ef:focus.focus-visible_c780cd36f3 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary_9f7820f644.colorFixedDarkActive_c67e989fed:focus:not(.focus-visible_c780cd36f3),\n.kindTertiary_9f7820f644.colorFixedDark_29d21911ef:hover:focus:not(.focus-visible_c780cd36f3),\n.kindTertiary_9f7820f644.colorFixedDark_29d21911ef:focus:focus:not(.focus-visible_c780cd36f3) {\n  outline: none;\n}\n.kindTertiary_9f7820f644.colorFixedDark_29d21911ef.disabled_720b65b0fb {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_9f7820f644.colorOnInvertedBackground_a2f21caaf3 {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_9f7820f644.colorOnInvertedBackgroundActive_75393c86d9,\n.kindTertiary_9f7820f644.colorOnInvertedBackground_a2f21caaf3:hover,\n.kindTertiary_9f7820f644.colorOnInvertedBackground_a2f21caaf3:focus {\n  background: var(--icon-color);\n}\n.kindTertiary_9f7820f644.colorOnInvertedBackground_a2f21caaf3.disabled_720b65b0fb {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_9f7820f644.disabled_720b65b0fb {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_9f7820f644.disabled_720b65b0fb:hover {\n  background-color: transparent;\n}\n.noSidePadding_9e44e4d394 {\n  padding-inline: 0;\n}\n.button_223149c872.insetFocusStyle_afd5616edd:focus-visible, .button_223149c872.insetFocusStyle_afd5616edd.focus-visible_c780cd36f3 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.button_223149c872.insetFocusStyle_afd5616edd:focus:not(.focus-visible_c780cd36f3) {\n  outline: none;\n}");export{o as default};
 //# sourceMappingURL=Button.module.scss.js.map

package/dist/mocked_classnames/Button/Button.module.scss.js

@@ -1,2 +1,2 @@
-var o={button:"button","focus-visible":"focus-visible",loader:"loader",loaderSvg:"loaderSvg",textPlaceholder:"textPlaceholder",success:"success",successContent:"successContent",marginRight:"marginRight",marginLeft:"marginLeft",rightFlat:"rightFlat",leftFlat:"leftFlat",preventClickAnimation:"preventClickAnimation",leftIcon:"leftIcon",rightIcon:"rightIcon",sizeXxs:"sizeXxs",sizeXs:"sizeXs",sizeSmall:"sizeSmall",sizeMedium:"sizeMedium",sizeLarge:"sizeLarge",kindPrimary:"kindPrimary",colorPrimary:"colorPrimary",colorBrand:"colorBrand",colorPrimaryActive:"colorPrimaryActive",colorBrandActive:"colorBrandActive",colorPositive:"colorPositive",colorPositiveActive:"colorPositiveActive",colorNegative:"colorNegative",colorNegativeActive:"colorNegativeActive",colorInverted:"colorInverted",colorInvertedActive:"colorInvertedActive",disabled:"disabled",colorOnPrimaryColor:"colorOnPrimaryColor",colorOnPrimaryColorActive:"colorOnPrimaryColorActive",colorFixedLight:"colorFixedLight",colorFixedLightActive:"colorFixedLightActive",colorFixedDark:"colorFixedDark",colorFixedDarkActive:"colorFixedDarkActive",colorOnInvertedBackground:"colorOnInvertedBackground",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive",kindSecondary:"kindSecondary",kindTertiary:"kindTertiary",noSidePadding:"noSidePadding",insetFocusStyle:"insetFocusStyle"};!function(o){const r="s_id-216fe7e3e8d5_4_0_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const i=document.createElement("style");i.id=r,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=o)}("/* stylelint-disable */\n/* stylelint-enable */\n.button {\n  --loader-padding: 8px;\n  outline: none;\n  border: none;\n  height: auto;\n  border-radius: var(--border-radius-small);\n  cursor: pointer;\n  white-space: nowrap;\n  transition: var(--motion-productive-short) transform, var(--motion-productive-medium) var(--motion-timing-transition) min-width;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  /* Prevent text selection */\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n  min-width: auto;\n}\n.button:focus-visible, .button.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.button:focus:not(.focus-visible) {\n  outline: none;\n}\n.button .loader {\n  height: 100%;\n}\n.button .loader .loaderSvg {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button .textPlaceholder {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button.success {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button.success .successContent {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight {\n  margin-inline-end: var(--space-8);\n}\n.marginLeft {\n  margin-inline-start: var(--space-8);\n}\n.rightFlat {\n  border-start-end-radius: 0;\n  border-end-end-radius: 0;\n}\n.leftFlat {\n  border-start-start-radius: 0;\n  border-end-start-radius: 0;\n}\n.button:active:not(.preventClickAnimation) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button .leftIcon {\n  margin-inline-end: var(--space-8);\n}\n.button .rightIcon {\n  margin-inline-start: var(--space-8);\n}\n.sizeXxs {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  padding: 2px var(--space-4);\n  height: 16px;\n  line-height: 16px;\n}\n.sizeXs {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  padding: var(--space-4) var(--space-8);\n  height: 24px;\n  line-height: 21px;\n}\n.sizeSmall {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  padding: var(--space-4) var(--space-8);\n  height: 32px;\n  line-height: 24px;\n}\n.sizeSmall .loader {\n  top: 7px;\n}\n.sizeMedium {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text1-normal);\n  padding: var(--space-8) var(--space-16);\n  height: 40px;\n}\n.sizeLarge {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text1-normal);\n  padding: 12px var(--space-24);\n  height: 48px;\n}\n.kindPrimary {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary.colorPrimary {\n  background: var(--primary-color);\n}\n.kindPrimary.colorBrand {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary.colorPrimaryActive,\n.kindPrimary.colorPrimary:hover,\n.kindPrimary.colorPrimary:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary.colorBrandActive,\n.kindPrimary.colorBrand:hover,\n.kindPrimary.colorBrand:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary.colorPositive {\n  background: var(--positive-color);\n}\n.kindPrimary.colorPositiveActive,\n.kindPrimary.colorPositive:hover,\n.kindPrimary.colorPositive:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary.colorNegative {\n  background: var(--negative-color);\n}\n.kindPrimary.colorNegativeActive,\n.kindPrimary.colorNegative:hover,\n.kindPrimary.colorNegative:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary.colorInverted {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary.colorInvertedActive,\n.kindPrimary.colorInverted:hover,\n.kindPrimary.colorInverted:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary.button.colorInverted.disabled {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary.colorOnPrimaryColor {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary.colorOnPrimaryColorActive,\n.kindPrimary.colorOnPrimaryColor:hover,\n.kindPrimary.colorOnPrimaryColor:focus {\n  background-color: #e6e9ef;\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindPrimary.colorOnPrimaryColorActive:focus-visible, .kindPrimary.colorOnPrimaryColorActive.focus-visible,\n.kindPrimary.colorOnPrimaryColor:hover:focus-visible,\n.kindPrimary.colorOnPrimaryColor:hover.focus-visible,\n.kindPrimary.colorOnPrimaryColor:focus:focus-visible,\n.kindPrimary.colorOnPrimaryColor:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary.colorOnPrimaryColorActive:focus:not(.focus-visible),\n.kindPrimary.colorOnPrimaryColor:hover:focus:not(.focus-visible),\n.kindPrimary.colorOnPrimaryColor:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindPrimary.colorOnPrimaryColor.disabled {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary.colorFixedLight {\n  background: var(--fixed-light-color);\n}\n.kindPrimary.colorFixedLightActive,\n.kindPrimary.colorFixedLight:hover,\n.kindPrimary.colorFixedLight:focus {\n  background-color: #e6e9ef;\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindPrimary.colorFixedLightActive:focus-visible, .kindPrimary.colorFixedLightActive.focus-visible,\n.kindPrimary.colorFixedLight:hover:focus-visible,\n.kindPrimary.colorFixedLight:hover.focus-visible,\n.kindPrimary.colorFixedLight:focus:focus-visible,\n.kindPrimary.colorFixedLight:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary.colorFixedLightActive:focus:not(.focus-visible),\n.kindPrimary.colorFixedLight:hover:focus:not(.focus-visible),\n.kindPrimary.colorFixedLight:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindPrimary.colorFixedLight.disabled {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary.colorFixedDark {\n  background: var(--fixed-dark-color);\n  color: var(--fixed-light-color);\n}\n.kindPrimary.colorFixedDarkActive,\n.kindPrimary.colorFixedDark:hover,\n.kindPrimary.colorFixedDark:focus {\n  filter: brightness(125%);\n}\n.kindPrimary.colorFixedDarkActive:focus-visible, .kindPrimary.colorFixedDarkActive.focus-visible,\n.kindPrimary.colorFixedDark:hover:focus-visible,\n.kindPrimary.colorFixedDark:hover.focus-visible,\n.kindPrimary.colorFixedDark:focus:focus-visible,\n.kindPrimary.colorFixedDark:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary.colorFixedDarkActive:focus:not(.focus-visible),\n.kindPrimary.colorFixedDark:hover:focus:not(.focus-visible),\n.kindPrimary.colorFixedDark:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindPrimary.colorFixedDark.disabled {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindPrimary.colorOnInvertedBackground {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary.colorOnInvertedBackgroundActive,\n.kindPrimary.colorOnInvertedBackground:hover,\n.kindPrimary.colorOnInvertedBackground:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary.button.colorOnInvertedBackground.disabled {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary.button.disabled {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary.sizeSmall {\n  line-height: 22px;\n}\n.kindSecondary.sizeMedium {\n  line-height: 22px;\n}\n.kindSecondary.sizeLarge {\n  line-height: 22px;\n}\n.kindSecondary.colorPrimaryActive {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary.colorPrimaryActive:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary.colorBrandActive {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary.colorBrandActive,\n.kindSecondary.colorBrandActive:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary.colorPrimary:hover:not(.colorPrimaryActive),\n.kindSecondary.colorPrimary:focus:not(.colorPrimaryActive) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary.colorBrand:hover:not(.colorBrandActive),\n.kindSecondary.colorBrand:focus:not(.colorBrandActive) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary.colorPositive {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary.colorPositiveActive,\n.kindSecondary.colorPositive:hover,\n.kindSecondary.colorPositive:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary.colorNegative {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary.colorNegativeActive,\n.kindSecondary.colorNegative:hover,\n.kindSecondary.colorNegative:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary.colorInverted {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary.colorInvertedActive,\n.kindSecondary.colorInverted:hover,\n.kindSecondary.colorInverted:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary.colorInverted.disabled {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary.colorOnPrimaryColor {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary.colorOnPrimaryColorActive,\n.kindSecondary.colorOnPrimaryColor:hover,\n.kindSecondary.colorOnPrimaryColor:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindSecondary.colorOnPrimaryColorActive:focus-visible, .kindSecondary.colorOnPrimaryColorActive.focus-visible,\n.kindSecondary.colorOnPrimaryColor:hover:focus-visible,\n.kindSecondary.colorOnPrimaryColor:hover.focus-visible,\n.kindSecondary.colorOnPrimaryColor:focus:focus-visible,\n.kindSecondary.colorOnPrimaryColor:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary.colorOnPrimaryColorActive:focus:not(.focus-visible),\n.kindSecondary.colorOnPrimaryColor:hover:focus:not(.focus-visible),\n.kindSecondary.colorOnPrimaryColor:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindSecondary.colorOnPrimaryColor.disabled {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary.colorFixedLight {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary.colorFixedLightActive,\n.kindSecondary.colorFixedLight:hover,\n.kindSecondary.colorFixedLight:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindSecondary.colorFixedLightActive:focus-visible, .kindSecondary.colorFixedLightActive.focus-visible,\n.kindSecondary.colorFixedLight:hover:focus-visible,\n.kindSecondary.colorFixedLight:hover.focus-visible,\n.kindSecondary.colorFixedLight:focus:focus-visible,\n.kindSecondary.colorFixedLight:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary.colorFixedLightActive:focus:not(.focus-visible),\n.kindSecondary.colorFixedLight:hover:focus:not(.focus-visible),\n.kindSecondary.colorFixedLight:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindSecondary.colorFixedDark {\n  border-color: var(--fixed-dark-color);\n  color: var(--fixed-dark-color);\n}\n.kindSecondary.colorFixedDarkActive,\n.kindSecondary.colorFixedDark:hover,\n.kindSecondary.colorFixedDark:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindSecondary.colorFixedDarkActive:focus-visible, .kindSecondary.colorFixedDarkActive.focus-visible,\n.kindSecondary.colorFixedDark:hover:focus-visible,\n.kindSecondary.colorFixedDark:hover.focus-visible,\n.kindSecondary.colorFixedDark:focus:focus-visible,\n.kindSecondary.colorFixedDark:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary.colorFixedDarkActive:focus:not(.focus-visible),\n.kindSecondary.colorFixedDark:hover:focus:not(.focus-visible),\n.kindSecondary.colorFixedDark:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindSecondary.colorOnInvertedBackground {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary.colorOnInvertedBackgroundActive,\n.kindSecondary.colorOnInvertedBackground:hover,\n.kindSecondary.colorOnInvertedBackground:focus {\n  background: var(--icon-color);\n}\n.kindSecondary.colorOnInvertedBackground.disabled {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary.colorFixedLight.disabled {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary.colorFixedDark.disabled {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindSecondary.disabled {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary.disabled:hover {\n  background-color: transparent;\n}\n.kindTertiary {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary.colorPrimaryActive {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary.colorPrimaryActive:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary.colorBrandActive {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary.colorBrandActive,\n.kindTertiary.colorBrandActive:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary.colorPrimary:hover:not(.colorPrimaryActive),\n.kindTertiary.colorPrimary:focus:not(.colorPrimaryActive) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary.colorBrand:hover:not(.colorBrandActive),\n.kindTertiary.colorBrand:focus:not(.colorBrandActive) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary.colorPositive {\n  color: var(--positive-color);\n}\n.kindTertiary.colorPositiveActive,\n.kindTertiary.colorPositive:hover,\n.kindTertiary.colorPositive:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary.colorNegative {\n  color: var(--negative-color);\n}\n.kindTertiary.colorNegativeActive,\n.kindTertiary.colorNegative:hover,\n.kindTertiary.colorNegative:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary.colorInverted {\n  color: var(--primary-text-color);\n}\n.kindTertiary.colorInvertedActive,\n.kindTertiary.colorInverted:hover,\n.kindTertiary.colorInverted:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary.colorInverted.disabled {\n  color: var(--disabled-text-color);\n}\n.kindTertiary.colorOnPrimaryColor {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary.colorOnPrimaryColorActive,\n.kindTertiary.colorOnPrimaryColor:hover,\n.kindTertiary.colorOnPrimaryColor:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindTertiary.colorOnPrimaryColorActive:focus-visible, .kindTertiary.colorOnPrimaryColorActive.focus-visible,\n.kindTertiary.colorOnPrimaryColor:hover:focus-visible,\n.kindTertiary.colorOnPrimaryColor:hover.focus-visible,\n.kindTertiary.colorOnPrimaryColor:focus:focus-visible,\n.kindTertiary.colorOnPrimaryColor:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary.colorOnPrimaryColorActive:focus:not(.focus-visible),\n.kindTertiary.colorOnPrimaryColor:hover:focus:not(.focus-visible),\n.kindTertiary.colorOnPrimaryColor:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindTertiary.colorOnPrimaryColor.disabled {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary.colorFixedLight {\n  color: var(--fixed-light-color);\n}\n.kindTertiary.colorFixedLightActive,\n.kindTertiary.colorFixedLight:hover,\n.kindTertiary.colorFixedLight:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindTertiary.colorFixedLightActive:focus-visible, .kindTertiary.colorFixedLightActive.focus-visible,\n.kindTertiary.colorFixedLight:hover:focus-visible,\n.kindTertiary.colorFixedLight:hover.focus-visible,\n.kindTertiary.colorFixedLight:focus:focus-visible,\n.kindTertiary.colorFixedLight:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary.colorFixedLightActive:focus:not(.focus-visible),\n.kindTertiary.colorFixedLight:hover:focus:not(.focus-visible),\n.kindTertiary.colorFixedLight:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindTertiary.colorFixedLight.disabled {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary.colorFixedDark {\n  color: var(--fixed-dark-color);\n}\n.kindTertiary.colorFixedDarkActive,\n.kindTertiary.colorFixedDark:hover,\n.kindTertiary.colorFixedDark:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindTertiary.colorFixedDarkActive:focus-visible, .kindTertiary.colorFixedDarkActive.focus-visible,\n.kindTertiary.colorFixedDark:hover:focus-visible,\n.kindTertiary.colorFixedDark:hover.focus-visible,\n.kindTertiary.colorFixedDark:focus:focus-visible,\n.kindTertiary.colorFixedDark:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary.colorFixedDarkActive:focus:not(.focus-visible),\n.kindTertiary.colorFixedDark:hover:focus:not(.focus-visible),\n.kindTertiary.colorFixedDark:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindTertiary.colorFixedDark.disabled {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindTertiary.colorOnInvertedBackground {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary.colorOnInvertedBackgroundActive,\n.kindTertiary.colorOnInvertedBackground:hover,\n.kindTertiary.colorOnInvertedBackground:focus {\n  background: var(--icon-color);\n}\n.kindTertiary.colorOnInvertedBackground.disabled {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary.disabled {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary.disabled:hover {\n  background-color: transparent;\n}\n.noSidePadding {\n  padding-inline: 0;\n}\n.button.insetFocusStyle:focus-visible, .button.insetFocusStyle.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.button.insetFocusStyle:focus:not(.focus-visible) {\n  outline: none;\n}");export{o as default};
+var o={button:"button","focus-visible":"focus-visible",loader:"loader",loaderSvg:"loaderSvg",textPlaceholder:"textPlaceholder",success:"success",successContent:"successContent",marginRight:"marginRight",marginLeft:"marginLeft",rightFlat:"rightFlat",leftFlat:"leftFlat",preventClickAnimation:"preventClickAnimation",leftIcon:"leftIcon",rightIcon:"rightIcon",sizeXxs:"sizeXxs",sizeXs:"sizeXs",sizeSmall:"sizeSmall",sizeMedium:"sizeMedium",sizeLarge:"sizeLarge",kindPrimary:"kindPrimary",colorPrimary:"colorPrimary",colorBrand:"colorBrand",colorPrimaryActive:"colorPrimaryActive",colorBrandActive:"colorBrandActive",colorPositive:"colorPositive",colorPositiveActive:"colorPositiveActive",colorNegative:"colorNegative",colorNegativeActive:"colorNegativeActive",colorInverted:"colorInverted",colorInvertedActive:"colorInvertedActive",disabled:"disabled",colorOnPrimaryColor:"colorOnPrimaryColor",colorOnPrimaryColorActive:"colorOnPrimaryColorActive",colorFixedLight:"colorFixedLight",colorFixedLightActive:"colorFixedLightActive",colorFixedDark:"colorFixedDark",colorFixedDarkActive:"colorFixedDarkActive",colorOnInvertedBackground:"colorOnInvertedBackground",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive",kindSecondary:"kindSecondary",kindTertiary:"kindTertiary",noSidePadding:"noSidePadding",insetFocusStyle:"insetFocusStyle"};!function(o){const r="s_id-216fe7e3e8d5_4_0_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const i=document.createElement("style");i.id=r,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=o)}("/* stylelint-disable */\n/* stylelint-enable */\n.button {\n  --loader-padding: 8px;\n  outline: none;\n  border: none;\n  height: auto;\n  border-radius: var(--border-radius-small);\n  cursor: pointer;\n  white-space: nowrap;\n  transition: var(--motion-productive-short) transform, var(--motion-productive-medium) var(--motion-timing-transition) min-width;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  /* Prevent text selection */\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n  min-width: auto;\n}\n.button:focus-visible, .button.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.button:focus:not(.focus-visible) {\n  outline: none;\n}\n.button .loader {\n  height: 100%;\n}\n.button .loader .loaderSvg {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button .textPlaceholder {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button.success {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button.success .successContent {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight {\n  margin-inline-end: var(--space-8);\n}\n.marginLeft {\n  margin-inline-start: var(--space-8);\n}\n.rightFlat {\n  border-start-end-radius: 0;\n  border-end-end-radius: 0;\n}\n.leftFlat {\n  border-start-start-radius: 0;\n  border-end-start-radius: 0;\n}\n.button:active:not(.preventClickAnimation) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button .leftIcon {\n  margin-inline-end: var(--space-8);\n}\n.button .rightIcon {\n  margin-inline-start: var(--space-8);\n}\n.sizeXxs {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  padding: 2px var(--space-4);\n  height: 16px;\n  line-height: 16px;\n}\n.sizeXs {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  padding: var(--space-4) var(--space-8);\n  height: 24px;\n  line-height: 21px;\n}\n.sizeSmall {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  padding: var(--space-4) var(--space-8);\n  height: 32px;\n  line-height: 24px;\n}\n.sizeSmall .loader {\n  top: 7px;\n}\n.sizeMedium {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text1-normal);\n  padding: var(--space-8) var(--space-16);\n  height: 40px;\n}\n.sizeLarge {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text1-normal);\n  padding: 12px var(--space-24);\n  height: 48px;\n}\n.kindPrimary {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary.colorPrimary {\n  background: var(--primary-color);\n}\n.kindPrimary.colorBrand {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary.colorPrimaryActive,\n.kindPrimary.colorPrimary:hover,\n.kindPrimary.colorPrimary:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary.colorBrandActive,\n.kindPrimary.colorBrand:hover,\n.kindPrimary.colorBrand:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary.colorPositive {\n  background: var(--positive-color);\n}\n.kindPrimary.colorPositiveActive,\n.kindPrimary.colorPositive:hover,\n.kindPrimary.colorPositive:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary.colorNegative {\n  background: var(--negative-color);\n}\n.kindPrimary.colorNegativeActive,\n.kindPrimary.colorNegative:hover,\n.kindPrimary.colorNegative:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary.colorInverted {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary.colorInvertedActive,\n.kindPrimary.colorInverted:hover,\n.kindPrimary.colorInverted:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary.button.colorInverted.disabled {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary.colorOnPrimaryColor {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary.colorOnPrimaryColorActive,\n.kindPrimary.colorOnPrimaryColor:hover,\n.kindPrimary.colorOnPrimaryColor:focus {\n  background-color: #e6e9ef;\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindPrimary.colorOnPrimaryColorActive:focus-visible, .kindPrimary.colorOnPrimaryColorActive.focus-visible,\n.kindPrimary.colorOnPrimaryColor:hover:focus-visible,\n.kindPrimary.colorOnPrimaryColor:hover.focus-visible,\n.kindPrimary.colorOnPrimaryColor:focus:focus-visible,\n.kindPrimary.colorOnPrimaryColor:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary.colorOnPrimaryColorActive:focus:not(.focus-visible),\n.kindPrimary.colorOnPrimaryColor:hover:focus:not(.focus-visible),\n.kindPrimary.colorOnPrimaryColor:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindPrimary.colorOnPrimaryColor.disabled {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary.colorFixedLight {\n  background: var(--fixed-light-color);\n}\n.kindPrimary.colorFixedLightActive,\n.kindPrimary.colorFixedLight:hover,\n.kindPrimary.colorFixedLight:focus {\n  background-color: #e6e9ef;\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindPrimary.colorFixedLightActive:focus-visible, .kindPrimary.colorFixedLightActive.focus-visible,\n.kindPrimary.colorFixedLight:hover:focus-visible,\n.kindPrimary.colorFixedLight:hover.focus-visible,\n.kindPrimary.colorFixedLight:focus:focus-visible,\n.kindPrimary.colorFixedLight:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary.colorFixedLightActive:focus:not(.focus-visible),\n.kindPrimary.colorFixedLight:hover:focus:not(.focus-visible),\n.kindPrimary.colorFixedLight:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindPrimary.colorFixedLight.disabled {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary.colorFixedDark {\n  background: var(--fixed-dark-color);\n  color: var(--fixed-light-color);\n}\n.kindPrimary.colorFixedDarkActive,\n.kindPrimary.colorFixedDark:hover,\n.kindPrimary.colorFixedDark:focus {\n  filter: brightness(125%);\n}\n.kindPrimary.colorFixedDarkActive:focus-visible, .kindPrimary.colorFixedDarkActive.focus-visible,\n.kindPrimary.colorFixedDark:hover:focus-visible,\n.kindPrimary.colorFixedDark:hover.focus-visible,\n.kindPrimary.colorFixedDark:focus:focus-visible,\n.kindPrimary.colorFixedDark:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary.colorFixedDarkActive:focus:not(.focus-visible),\n.kindPrimary.colorFixedDark:hover:focus:not(.focus-visible),\n.kindPrimary.colorFixedDark:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindPrimary.colorFixedDark.disabled {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindPrimary.colorOnInvertedBackground {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary.colorOnInvertedBackgroundActive,\n.kindPrimary.colorOnInvertedBackground:hover,\n.kindPrimary.colorOnInvertedBackground:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary.button.colorOnInvertedBackground.disabled {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary.button.disabled {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary.sizeSmall {\n  line-height: 22px;\n}\n.kindSecondary.sizeMedium {\n  line-height: 22px;\n}\n.kindSecondary.sizeLarge {\n  line-height: 22px;\n}\n.kindSecondary.colorPrimaryActive {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary.colorPrimaryActive:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary.colorBrandActive {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary.colorBrandActive,\n.kindSecondary.colorBrandActive:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary.colorPrimary:hover:not(.colorPrimaryActive),\n.kindSecondary.colorPrimary:focus:not(.colorPrimaryActive) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary.colorBrand:hover:not(.colorBrandActive),\n.kindSecondary.colorBrand:focus:not(.colorBrandActive) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary.colorPositive {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary.colorPositiveActive,\n.kindSecondary.colorPositive:hover,\n.kindSecondary.colorPositive:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary.colorNegative {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary.colorNegativeActive,\n.kindSecondary.colorNegative:hover,\n.kindSecondary.colorNegative:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary.colorInverted {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary.colorInvertedActive,\n.kindSecondary.colorInverted:hover,\n.kindSecondary.colorInverted:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary.colorInverted.disabled {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary.colorOnPrimaryColor {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary.colorOnPrimaryColorActive,\n.kindSecondary.colorOnPrimaryColor:hover,\n.kindSecondary.colorOnPrimaryColor:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindSecondary.colorOnPrimaryColorActive:focus-visible, .kindSecondary.colorOnPrimaryColorActive.focus-visible,\n.kindSecondary.colorOnPrimaryColor:hover:focus-visible,\n.kindSecondary.colorOnPrimaryColor:hover.focus-visible,\n.kindSecondary.colorOnPrimaryColor:focus:focus-visible,\n.kindSecondary.colorOnPrimaryColor:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary.colorOnPrimaryColorActive:focus:not(.focus-visible),\n.kindSecondary.colorOnPrimaryColor:hover:focus:not(.focus-visible),\n.kindSecondary.colorOnPrimaryColor:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindSecondary.colorOnPrimaryColor.disabled {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary.colorFixedLight {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary.colorFixedLightActive,\n.kindSecondary.colorFixedLight:hover,\n.kindSecondary.colorFixedLight:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindSecondary.colorFixedLightActive:focus-visible, .kindSecondary.colorFixedLightActive.focus-visible,\n.kindSecondary.colorFixedLight:hover:focus-visible,\n.kindSecondary.colorFixedLight:hover.focus-visible,\n.kindSecondary.colorFixedLight:focus:focus-visible,\n.kindSecondary.colorFixedLight:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary.colorFixedLightActive:focus:not(.focus-visible),\n.kindSecondary.colorFixedLight:hover:focus:not(.focus-visible),\n.kindSecondary.colorFixedLight:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindSecondary.colorFixedDark {\n  border-color: var(--fixed-dark-color);\n  color: var(--fixed-dark-color);\n}\n.kindSecondary.colorFixedDarkActive,\n.kindSecondary.colorFixedDark:hover,\n.kindSecondary.colorFixedDark:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindSecondary.colorFixedDarkActive:focus-visible, .kindSecondary.colorFixedDarkActive.focus-visible,\n.kindSecondary.colorFixedDark:hover:focus-visible,\n.kindSecondary.colorFixedDark:hover.focus-visible,\n.kindSecondary.colorFixedDark:focus:focus-visible,\n.kindSecondary.colorFixedDark:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary.colorFixedDarkActive:focus:not(.focus-visible),\n.kindSecondary.colorFixedDark:hover:focus:not(.focus-visible),\n.kindSecondary.colorFixedDark:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindSecondary.colorOnInvertedBackground {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary.colorOnInvertedBackgroundActive,\n.kindSecondary.colorOnInvertedBackground:hover,\n.kindSecondary.colorOnInvertedBackground:focus {\n  background: var(--icon-color);\n}\n.kindSecondary.colorOnInvertedBackground.disabled {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary.colorFixedLight.disabled {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary.colorFixedDark.disabled {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindSecondary.disabled {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary.disabled:hover {\n  background-color: transparent;\n}\n.kindTertiary {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary.colorPrimaryActive {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary.colorPrimaryActive:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary.colorBrandActive {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary.colorBrandActive,\n.kindTertiary.colorBrandActive:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary.colorPrimary:hover:not(.colorPrimaryActive),\n.kindTertiary.colorPrimary:focus:not(.colorPrimaryActive) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary.colorBrand:hover:not(.colorBrandActive),\n.kindTertiary.colorBrand:focus:not(.colorBrandActive) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary.colorPositive {\n  color: var(--positive-color);\n}\n.kindTertiary.colorPositiveActive,\n.kindTertiary.colorPositive:hover,\n.kindTertiary.colorPositive:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary.colorNegative {\n  color: var(--negative-color);\n}\n.kindTertiary.colorNegativeActive,\n.kindTertiary.colorNegative:hover,\n.kindTertiary.colorNegative:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary.colorInverted {\n  color: var(--primary-text-color);\n}\n.kindTertiary.colorInvertedActive,\n.kindTertiary.colorInverted:hover,\n.kindTertiary.colorInverted:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary.colorInverted.disabled {\n  color: var(--disabled-text-color);\n}\n.kindTertiary.colorOnPrimaryColor {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary.colorOnPrimaryColorActive,\n.kindTertiary.colorOnPrimaryColor:hover,\n.kindTertiary.colorOnPrimaryColor:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindTertiary.colorOnPrimaryColorActive:focus-visible, .kindTertiary.colorOnPrimaryColorActive.focus-visible,\n.kindTertiary.colorOnPrimaryColor:hover:focus-visible,\n.kindTertiary.colorOnPrimaryColor:hover.focus-visible,\n.kindTertiary.colorOnPrimaryColor:focus:focus-visible,\n.kindTertiary.colorOnPrimaryColor:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary.colorOnPrimaryColorActive:focus:not(.focus-visible),\n.kindTertiary.colorOnPrimaryColor:hover:focus:not(.focus-visible),\n.kindTertiary.colorOnPrimaryColor:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindTertiary.colorOnPrimaryColor.disabled {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary.colorFixedLight {\n  color: var(--fixed-light-color);\n}\n.kindTertiary.colorFixedLightActive,\n.kindTertiary.colorFixedLight:hover,\n.kindTertiary.colorFixedLight:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindTertiary.colorFixedLightActive:focus-visible, .kindTertiary.colorFixedLightActive.focus-visible,\n.kindTertiary.colorFixedLight:hover:focus-visible,\n.kindTertiary.colorFixedLight:hover.focus-visible,\n.kindTertiary.colorFixedLight:focus:focus-visible,\n.kindTertiary.colorFixedLight:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary.colorFixedLightActive:focus:not(.focus-visible),\n.kindTertiary.colorFixedLight:hover:focus:not(.focus-visible),\n.kindTertiary.colorFixedLight:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindTertiary.colorFixedLight.disabled {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary.colorFixedDark {\n  color: var(--fixed-dark-color);\n}\n.kindTertiary.colorFixedDarkActive,\n.kindTertiary.colorFixedDark:hover,\n.kindTertiary.colorFixedDark:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindTertiary.colorFixedDarkActive:focus-visible, .kindTertiary.colorFixedDarkActive.focus-visible,\n.kindTertiary.colorFixedDark:hover:focus-visible,\n.kindTertiary.colorFixedDark:hover.focus-visible,\n.kindTertiary.colorFixedDark:focus:focus-visible,\n.kindTertiary.colorFixedDark:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary.colorFixedDarkActive:focus:not(.focus-visible),\n.kindTertiary.colorFixedDark:hover:focus:not(.focus-visible),\n.kindTertiary.colorFixedDark:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindTertiary.colorFixedDark.disabled {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindTertiary.colorOnInvertedBackground {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary.colorOnInvertedBackgroundActive,\n.kindTertiary.colorOnInvertedBackground:hover,\n.kindTertiary.colorOnInvertedBackground:focus {\n  background: var(--icon-color);\n}\n.kindTertiary.colorOnInvertedBackground.disabled {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary.disabled {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary.disabled:hover {\n  background-color: transparent;\n}\n.noSidePadding {\n  padding-inline: 0;\n}\n.button.insetFocusStyle:focus-visible, .button.insetFocusStyle.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.button.insetFocusStyle:focus:not(.focus-visible) {\n  outline: none;\n}");export{o as default};
 //# sourceMappingURL=Button.module.scss.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vibe/button",
-  "version": "4.0.1",
+  "version": "4.0.3",
   "description": "Vibe sub-package for button components",
   "repository": {
     "type": "git",
@@ -38,17 +38,17 @@
     "lint": "eslint \"./src/**/*.{js,jsx,ts,tsx}\""
   },
   "dependencies": {
-    "@vibe/icon": "4.0.1",
-    "@vibe/loader": "4.0.1",
-    "@vibe/shared": "4.0.1",
+    "@vibe/icon": "4.0.3",
+    "@vibe/loader": "4.0.3",
+    "@vibe/shared": "4.0.3",
     "@vibe/style": "4.0.0",
     "classnames": "^2.5.1",
     "es-toolkit": "^1.39.10"
   },
   "devDependencies": {
     "@testing-library/react": "^12.1.2",
-    "@vibe/config": "4.0.0",
-    "@vibe/icons": "4.0.0",
+    "@vibe/config": "4.0.2",
+    "@vibe/icons": "4.0.2",
     "react": "^16.13.0",
     "react-dom": "^16.13.0",
     "react-test-renderer": "16",
@@ -70,5 +70,5 @@
       "../../../node_modules/@vibe/config/.eslintrc.cjs"
     ]
   },
-  "gitHead": "1b8dbcff3fee62f6ea3d10bfb26ec2a0c27c8106"
+  "gitHead": "de4a596d4487203c7843e9ef3ae6dfae2c875113"
 }