@vibe/button 4.0.0-alpha.2 → 4.0.0-beta.0

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

@@ -1,2 +1,2 @@
-var o={button:"button_8be8d626b7","focus-visible":"focus-visible_2a936b914b",loader:"loader_7c26cc9e05",loaderSvg:"loaderSvg_59c1e702dd",textPlaceholder:"textPlaceholder_232e99353b",success:"success_55af44eb81",successContent:"successContent_09603ba8ec",marginRight:"marginRight_0e5fdd4398",marginLeft:"marginLeft_d756b42ab4",rightFlat:"rightFlat_7bd86e4ce3",leftFlat:"leftFlat_b1fad6b601",preventClickAnimation:"preventClickAnimation_18c2152c3a",leftIcon:"leftIcon_0e5fdd4398",rightIcon:"rightIcon_d756b42ab4",sizeXxs:"sizeXxs_acd093dcc0",sizeXs:"sizeXs_e622ca5154",sizeSmall:"sizeSmall_104fd46f51",sizeMedium:"sizeMedium_c199c70120",sizeLarge:"sizeLarge_a0626b3bd6",kindPrimary:"kindPrimary_68aa83e1f9",colorPrimary:"colorPrimary_524c57c84e",colorBrand:"colorBrand_9484085fc6",colorPrimaryActive:"colorPrimaryActive_387a6ad9d1",colorBrandActive:"colorBrandActive_396ad77a53",colorPositive:"colorPositive_ebed250921",colorPositiveActive:"colorPositiveActive_cd6ad9a785",colorNegative:"colorNegative_e7ab4b940b",colorNegativeActive:"colorNegativeActive_cd6ad9a785",colorInverted:"colorInverted_215ce0859d",colorInvertedActive:"colorInvertedActive_cd6ad9a785",disabled:"disabled_98774df9c5",colorOnPrimaryColor:"colorOnPrimaryColor_7ae46a5070",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_affb3338c1",colorFixedLight:"colorFixedLight_1b3b24d923",colorFixedLightActive:"colorFixedLightActive_18c2152c3a",colorFixedDark:"colorFixedDark_93fa616366",colorFixedDarkActive:"colorFixedDarkActive_3545ae46ae",colorOnInvertedBackground:"colorOnInvertedBackground_e259bf2e31",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_30a7c0040d",kindSecondary:"kindSecondary_89046767e5",kindTertiary:"kindTertiary_021838b3cf",noSidePadding:"noSidePadding_bb81a7af4f",insetFocusStyle:"insetFocusStyle_4afc973521"};!function(o){const r="s_id-216fe7e3e8d5_4_0_0-alpha_1";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_8be8d626b7 {\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_8be8d626b7:focus-visible, .button_8be8d626b7.focus-visible_2a936b914b {\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_8be8d626b7:focus:not(.focus-visible_2a936b914b) {\n  outline: none;\n}\n.button_8be8d626b7 .loader_7c26cc9e05 {\n  height: 100%;\n}\n.button_8be8d626b7 .loader_7c26cc9e05 .loaderSvg_59c1e702dd {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_8be8d626b7 .textPlaceholder_232e99353b {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_8be8d626b7.success_55af44eb81 {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_8be8d626b7.success_55af44eb81 .successContent_09603ba8ec {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_0e5fdd4398 {\n  margin-inline-end: var(--space-8);\n}\n.marginLeft_d756b42ab4 {\n  margin-inline-start: var(--space-8);\n}\n.rightFlat_7bd86e4ce3 {\n  border-start-end-radius: 0;\n  border-end-end-radius: 0;\n}\n.leftFlat_b1fad6b601 {\n  border-start-start-radius: 0;\n  border-end-start-radius: 0;\n}\n.button_8be8d626b7:active:not(.preventClickAnimation_18c2152c3a) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_8be8d626b7 .leftIcon_0e5fdd4398 {\n  margin-inline-end: var(--space-8);\n}\n.button_8be8d626b7 .rightIcon_d756b42ab4 {\n  margin-inline-start: var(--space-8);\n}\n.sizeXxs_acd093dcc0 {\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_e622ca5154 {\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_104fd46f51 {\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_104fd46f51 .loader_7c26cc9e05 {\n  top: 7px;\n}\n.sizeMedium_c199c70120 {\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_a0626b3bd6 {\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_68aa83e1f9 {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_68aa83e1f9.colorPrimary_524c57c84e {\n  background: var(--primary-color);\n}\n.kindPrimary_68aa83e1f9.colorBrand_9484085fc6 {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_68aa83e1f9.colorPrimaryActive_387a6ad9d1,\n.kindPrimary_68aa83e1f9.colorPrimary_524c57c84e:hover,\n.kindPrimary_68aa83e1f9.colorPrimary_524c57c84e:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary_68aa83e1f9.colorBrandActive_396ad77a53,\n.kindPrimary_68aa83e1f9.colorBrand_9484085fc6:hover,\n.kindPrimary_68aa83e1f9.colorBrand_9484085fc6:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_68aa83e1f9.colorPositive_ebed250921 {\n  background: var(--positive-color);\n}\n.kindPrimary_68aa83e1f9.colorPositiveActive_cd6ad9a785,\n.kindPrimary_68aa83e1f9.colorPositive_ebed250921:hover,\n.kindPrimary_68aa83e1f9.colorPositive_ebed250921:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_68aa83e1f9.colorNegative_e7ab4b940b {\n  background: var(--negative-color);\n}\n.kindPrimary_68aa83e1f9.colorNegativeActive_cd6ad9a785,\n.kindPrimary_68aa83e1f9.colorNegative_e7ab4b940b:hover,\n.kindPrimary_68aa83e1f9.colorNegative_e7ab4b940b:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_68aa83e1f9.colorInverted_215ce0859d {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_68aa83e1f9.colorInvertedActive_cd6ad9a785,\n.kindPrimary_68aa83e1f9.colorInverted_215ce0859d:hover,\n.kindPrimary_68aa83e1f9.colorInverted_215ce0859d:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_68aa83e1f9.button_8be8d626b7.colorInverted_215ce0859d.disabled_98774df9c5 {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_68aa83e1f9.colorOnPrimaryColor_7ae46a5070 {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_68aa83e1f9.colorOnPrimaryColorActive_affb3338c1,\n.kindPrimary_68aa83e1f9.colorOnPrimaryColor_7ae46a5070:hover,\n.kindPrimary_68aa83e1f9.colorOnPrimaryColor_7ae46a5070:focus {\n  background-color: #e6e9ef;\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindPrimary_68aa83e1f9.colorOnPrimaryColorActive_affb3338c1:focus-visible, .kindPrimary_68aa83e1f9.colorOnPrimaryColorActive_affb3338c1.focus-visible_2a936b914b,\n.kindPrimary_68aa83e1f9.colorOnPrimaryColor_7ae46a5070:hover:focus-visible,\n.kindPrimary_68aa83e1f9.colorOnPrimaryColor_7ae46a5070:hover.focus-visible_2a936b914b,\n.kindPrimary_68aa83e1f9.colorOnPrimaryColor_7ae46a5070:focus:focus-visible,\n.kindPrimary_68aa83e1f9.colorOnPrimaryColor_7ae46a5070:focus.focus-visible_2a936b914b {\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_68aa83e1f9.colorOnPrimaryColorActive_affb3338c1:focus:not(.focus-visible_2a936b914b),\n.kindPrimary_68aa83e1f9.colorOnPrimaryColor_7ae46a5070:hover:focus:not(.focus-visible_2a936b914b),\n.kindPrimary_68aa83e1f9.colorOnPrimaryColor_7ae46a5070:focus:focus:not(.focus-visible_2a936b914b) {\n  outline: none;\n}\n.kindPrimary_68aa83e1f9.colorOnPrimaryColor_7ae46a5070.disabled_98774df9c5 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_68aa83e1f9.colorFixedLight_1b3b24d923 {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_68aa83e1f9.colorFixedLightActive_18c2152c3a,\n.kindPrimary_68aa83e1f9.colorFixedLight_1b3b24d923:hover,\n.kindPrimary_68aa83e1f9.colorFixedLight_1b3b24d923:focus {\n  background-color: #e6e9ef;\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindPrimary_68aa83e1f9.colorFixedLightActive_18c2152c3a:focus-visible, .kindPrimary_68aa83e1f9.colorFixedLightActive_18c2152c3a.focus-visible_2a936b914b,\n.kindPrimary_68aa83e1f9.colorFixedLight_1b3b24d923:hover:focus-visible,\n.kindPrimary_68aa83e1f9.colorFixedLight_1b3b24d923:hover.focus-visible_2a936b914b,\n.kindPrimary_68aa83e1f9.colorFixedLight_1b3b24d923:focus:focus-visible,\n.kindPrimary_68aa83e1f9.colorFixedLight_1b3b24d923:focus.focus-visible_2a936b914b {\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_68aa83e1f9.colorFixedLightActive_18c2152c3a:focus:not(.focus-visible_2a936b914b),\n.kindPrimary_68aa83e1f9.colorFixedLight_1b3b24d923:hover:focus:not(.focus-visible_2a936b914b),\n.kindPrimary_68aa83e1f9.colorFixedLight_1b3b24d923:focus:focus:not(.focus-visible_2a936b914b) {\n  outline: none;\n}\n.kindPrimary_68aa83e1f9.colorFixedLight_1b3b24d923.disabled_98774df9c5 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_68aa83e1f9.colorFixedDark_93fa616366 {\n  background: var(--fixed-dark-color);\n  color: var(--fixed-light-color);\n}\n.kindPrimary_68aa83e1f9.colorFixedDarkActive_3545ae46ae,\n.kindPrimary_68aa83e1f9.colorFixedDark_93fa616366:hover,\n.kindPrimary_68aa83e1f9.colorFixedDark_93fa616366:focus {\n  filter: brightness(125%);\n}\n.kindPrimary_68aa83e1f9.colorFixedDarkActive_3545ae46ae:focus-visible, .kindPrimary_68aa83e1f9.colorFixedDarkActive_3545ae46ae.focus-visible_2a936b914b,\n.kindPrimary_68aa83e1f9.colorFixedDark_93fa616366:hover:focus-visible,\n.kindPrimary_68aa83e1f9.colorFixedDark_93fa616366:hover.focus-visible_2a936b914b,\n.kindPrimary_68aa83e1f9.colorFixedDark_93fa616366:focus:focus-visible,\n.kindPrimary_68aa83e1f9.colorFixedDark_93fa616366:focus.focus-visible_2a936b914b {\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_68aa83e1f9.colorFixedDarkActive_3545ae46ae:focus:not(.focus-visible_2a936b914b),\n.kindPrimary_68aa83e1f9.colorFixedDark_93fa616366:hover:focus:not(.focus-visible_2a936b914b),\n.kindPrimary_68aa83e1f9.colorFixedDark_93fa616366:focus:focus:not(.focus-visible_2a936b914b) {\n  outline: none;\n}\n.kindPrimary_68aa83e1f9.colorFixedDark_93fa616366.disabled_98774df9c5 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindPrimary_68aa83e1f9.colorOnInvertedBackground_e259bf2e31 {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary_68aa83e1f9.colorOnInvertedBackgroundActive_30a7c0040d,\n.kindPrimary_68aa83e1f9.colorOnInvertedBackground_e259bf2e31:hover,\n.kindPrimary_68aa83e1f9.colorOnInvertedBackground_e259bf2e31:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary_68aa83e1f9.button_8be8d626b7.colorOnInvertedBackground_e259bf2e31.disabled_98774df9c5 {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary_68aa83e1f9.button_8be8d626b7.disabled_98774df9c5 {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_89046767e5 {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary_89046767e5.sizeSmall_104fd46f51 {\n  line-height: 22px;\n}\n.kindSecondary_89046767e5.sizeMedium_c199c70120 {\n  line-height: 22px;\n}\n.kindSecondary_89046767e5.sizeLarge_a0626b3bd6 {\n  line-height: 22px;\n}\n.kindSecondary_89046767e5.colorPrimaryActive_387a6ad9d1 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_89046767e5.colorPrimaryActive_387a6ad9d1:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_89046767e5.colorBrandActive_396ad77a53 {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_89046767e5.colorBrandActive_396ad77a53,\n.kindSecondary_89046767e5.colorBrandActive_396ad77a53:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_89046767e5.colorPrimary_524c57c84e:hover:not(.colorPrimaryActive_387a6ad9d1),\n.kindSecondary_89046767e5.colorPrimary_524c57c84e:focus:not(.colorPrimaryActive_387a6ad9d1) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_89046767e5.colorBrand_9484085fc6:hover:not(.colorBrandActive_396ad77a53),\n.kindSecondary_89046767e5.colorBrand_9484085fc6:focus:not(.colorBrandActive_396ad77a53) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_89046767e5.colorPositive_ebed250921 {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_89046767e5.colorPositiveActive_cd6ad9a785,\n.kindSecondary_89046767e5.colorPositive_ebed250921:hover,\n.kindSecondary_89046767e5.colorPositive_ebed250921:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_89046767e5.colorNegative_e7ab4b940b {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_89046767e5.colorNegativeActive_cd6ad9a785,\n.kindSecondary_89046767e5.colorNegative_e7ab4b940b:hover,\n.kindSecondary_89046767e5.colorNegative_e7ab4b940b:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_89046767e5.colorInverted_215ce0859d {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary_89046767e5.colorInvertedActive_cd6ad9a785,\n.kindSecondary_89046767e5.colorInverted_215ce0859d:hover,\n.kindSecondary_89046767e5.colorInverted_215ce0859d:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_89046767e5.colorInverted_215ce0859d.disabled_98774df9c5 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_89046767e5.colorOnPrimaryColor_7ae46a5070 {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_89046767e5.colorOnPrimaryColorActive_affb3338c1,\n.kindSecondary_89046767e5.colorOnPrimaryColor_7ae46a5070:hover,\n.kindSecondary_89046767e5.colorOnPrimaryColor_7ae46a5070:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindSecondary_89046767e5.colorOnPrimaryColorActive_affb3338c1:focus-visible, .kindSecondary_89046767e5.colorOnPrimaryColorActive_affb3338c1.focus-visible_2a936b914b,\n.kindSecondary_89046767e5.colorOnPrimaryColor_7ae46a5070:hover:focus-visible,\n.kindSecondary_89046767e5.colorOnPrimaryColor_7ae46a5070:hover.focus-visible_2a936b914b,\n.kindSecondary_89046767e5.colorOnPrimaryColor_7ae46a5070:focus:focus-visible,\n.kindSecondary_89046767e5.colorOnPrimaryColor_7ae46a5070:focus.focus-visible_2a936b914b {\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_89046767e5.colorOnPrimaryColorActive_affb3338c1:focus:not(.focus-visible_2a936b914b),\n.kindSecondary_89046767e5.colorOnPrimaryColor_7ae46a5070:hover:focus:not(.focus-visible_2a936b914b),\n.kindSecondary_89046767e5.colorOnPrimaryColor_7ae46a5070:focus:focus:not(.focus-visible_2a936b914b) {\n  outline: none;\n}\n.kindSecondary_89046767e5.colorOnPrimaryColor_7ae46a5070.disabled_98774df9c5 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_89046767e5.colorFixedLight_1b3b24d923 {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_89046767e5.colorFixedLightActive_18c2152c3a,\n.kindSecondary_89046767e5.colorFixedLight_1b3b24d923:hover,\n.kindSecondary_89046767e5.colorFixedLight_1b3b24d923:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindSecondary_89046767e5.colorFixedLightActive_18c2152c3a:focus-visible, .kindSecondary_89046767e5.colorFixedLightActive_18c2152c3a.focus-visible_2a936b914b,\n.kindSecondary_89046767e5.colorFixedLight_1b3b24d923:hover:focus-visible,\n.kindSecondary_89046767e5.colorFixedLight_1b3b24d923:hover.focus-visible_2a936b914b,\n.kindSecondary_89046767e5.colorFixedLight_1b3b24d923:focus:focus-visible,\n.kindSecondary_89046767e5.colorFixedLight_1b3b24d923:focus.focus-visible_2a936b914b {\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_89046767e5.colorFixedLightActive_18c2152c3a:focus:not(.focus-visible_2a936b914b),\n.kindSecondary_89046767e5.colorFixedLight_1b3b24d923:hover:focus:not(.focus-visible_2a936b914b),\n.kindSecondary_89046767e5.colorFixedLight_1b3b24d923:focus:focus:not(.focus-visible_2a936b914b) {\n  outline: none;\n}\n.kindSecondary_89046767e5.colorFixedDark_93fa616366 {\n  border-color: var(--fixed-dark-color);\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_89046767e5.colorFixedDarkActive_3545ae46ae,\n.kindSecondary_89046767e5.colorFixedDark_93fa616366:hover,\n.kindSecondary_89046767e5.colorFixedDark_93fa616366:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindSecondary_89046767e5.colorFixedDarkActive_3545ae46ae:focus-visible, .kindSecondary_89046767e5.colorFixedDarkActive_3545ae46ae.focus-visible_2a936b914b,\n.kindSecondary_89046767e5.colorFixedDark_93fa616366:hover:focus-visible,\n.kindSecondary_89046767e5.colorFixedDark_93fa616366:hover.focus-visible_2a936b914b,\n.kindSecondary_89046767e5.colorFixedDark_93fa616366:focus:focus-visible,\n.kindSecondary_89046767e5.colorFixedDark_93fa616366:focus.focus-visible_2a936b914b {\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_89046767e5.colorFixedDarkActive_3545ae46ae:focus:not(.focus-visible_2a936b914b),\n.kindSecondary_89046767e5.colorFixedDark_93fa616366:hover:focus:not(.focus-visible_2a936b914b),\n.kindSecondary_89046767e5.colorFixedDark_93fa616366:focus:focus:not(.focus-visible_2a936b914b) {\n  outline: none;\n}\n.kindSecondary_89046767e5.colorOnInvertedBackground_e259bf2e31 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_89046767e5.colorOnInvertedBackgroundActive_30a7c0040d,\n.kindSecondary_89046767e5.colorOnInvertedBackground_e259bf2e31:hover,\n.kindSecondary_89046767e5.colorOnInvertedBackground_e259bf2e31:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_89046767e5.colorOnInvertedBackground_e259bf2e31.disabled_98774df9c5 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_89046767e5.colorFixedLight_1b3b24d923.disabled_98774df9c5 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_89046767e5.colorFixedDark_93fa616366.disabled_98774df9c5 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_89046767e5.disabled_98774df9c5 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_89046767e5.disabled_98774df9c5:hover {\n  background-color: transparent;\n}\n.kindTertiary_021838b3cf {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary_021838b3cf.colorPrimaryActive_387a6ad9d1 {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary_021838b3cf.colorPrimaryActive_387a6ad9d1:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_021838b3cf.colorBrandActive_396ad77a53 {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_021838b3cf.colorBrandActive_396ad77a53,\n.kindTertiary_021838b3cf.colorBrandActive_396ad77a53:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_021838b3cf.colorPrimary_524c57c84e:hover:not(.colorPrimaryActive_387a6ad9d1),\n.kindTertiary_021838b3cf.colorPrimary_524c57c84e:focus:not(.colorPrimaryActive_387a6ad9d1) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_021838b3cf.colorBrand_9484085fc6:hover:not(.colorBrandActive_396ad77a53),\n.kindTertiary_021838b3cf.colorBrand_9484085fc6:focus:not(.colorBrandActive_396ad77a53) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_021838b3cf.colorPositive_ebed250921 {\n  color: var(--positive-color);\n}\n.kindTertiary_021838b3cf.colorPositiveActive_cd6ad9a785,\n.kindTertiary_021838b3cf.colorPositive_ebed250921:hover,\n.kindTertiary_021838b3cf.colorPositive_ebed250921:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_021838b3cf.colorNegative_e7ab4b940b {\n  color: var(--negative-color);\n}\n.kindTertiary_021838b3cf.colorNegativeActive_cd6ad9a785,\n.kindTertiary_021838b3cf.colorNegative_e7ab4b940b:hover,\n.kindTertiary_021838b3cf.colorNegative_e7ab4b940b:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_021838b3cf.colorInverted_215ce0859d {\n  color: var(--primary-text-color);\n}\n.kindTertiary_021838b3cf.colorInvertedActive_cd6ad9a785,\n.kindTertiary_021838b3cf.colorInverted_215ce0859d:hover,\n.kindTertiary_021838b3cf.colorInverted_215ce0859d:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_021838b3cf.colorInverted_215ce0859d.disabled_98774df9c5 {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_021838b3cf.colorOnPrimaryColor_7ae46a5070 {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_021838b3cf.colorOnPrimaryColorActive_affb3338c1,\n.kindTertiary_021838b3cf.colorOnPrimaryColor_7ae46a5070:hover,\n.kindTertiary_021838b3cf.colorOnPrimaryColor_7ae46a5070:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindTertiary_021838b3cf.colorOnPrimaryColorActive_affb3338c1:focus-visible, .kindTertiary_021838b3cf.colorOnPrimaryColorActive_affb3338c1.focus-visible_2a936b914b,\n.kindTertiary_021838b3cf.colorOnPrimaryColor_7ae46a5070:hover:focus-visible,\n.kindTertiary_021838b3cf.colorOnPrimaryColor_7ae46a5070:hover.focus-visible_2a936b914b,\n.kindTertiary_021838b3cf.colorOnPrimaryColor_7ae46a5070:focus:focus-visible,\n.kindTertiary_021838b3cf.colorOnPrimaryColor_7ae46a5070:focus.focus-visible_2a936b914b {\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_021838b3cf.colorOnPrimaryColorActive_affb3338c1:focus:not(.focus-visible_2a936b914b),\n.kindTertiary_021838b3cf.colorOnPrimaryColor_7ae46a5070:hover:focus:not(.focus-visible_2a936b914b),\n.kindTertiary_021838b3cf.colorOnPrimaryColor_7ae46a5070:focus:focus:not(.focus-visible_2a936b914b) {\n  outline: none;\n}\n.kindTertiary_021838b3cf.colorOnPrimaryColor_7ae46a5070.disabled_98774df9c5 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_021838b3cf.colorFixedLight_1b3b24d923 {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_021838b3cf.colorFixedLightActive_18c2152c3a,\n.kindTertiary_021838b3cf.colorFixedLight_1b3b24d923:hover,\n.kindTertiary_021838b3cf.colorFixedLight_1b3b24d923:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindTertiary_021838b3cf.colorFixedLightActive_18c2152c3a:focus-visible, .kindTertiary_021838b3cf.colorFixedLightActive_18c2152c3a.focus-visible_2a936b914b,\n.kindTertiary_021838b3cf.colorFixedLight_1b3b24d923:hover:focus-visible,\n.kindTertiary_021838b3cf.colorFixedLight_1b3b24d923:hover.focus-visible_2a936b914b,\n.kindTertiary_021838b3cf.colorFixedLight_1b3b24d923:focus:focus-visible,\n.kindTertiary_021838b3cf.colorFixedLight_1b3b24d923:focus.focus-visible_2a936b914b {\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_021838b3cf.colorFixedLightActive_18c2152c3a:focus:not(.focus-visible_2a936b914b),\n.kindTertiary_021838b3cf.colorFixedLight_1b3b24d923:hover:focus:not(.focus-visible_2a936b914b),\n.kindTertiary_021838b3cf.colorFixedLight_1b3b24d923:focus:focus:not(.focus-visible_2a936b914b) {\n  outline: none;\n}\n.kindTertiary_021838b3cf.colorFixedLight_1b3b24d923.disabled_98774df9c5 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_021838b3cf.colorFixedDark_93fa616366 {\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_021838b3cf.colorFixedDarkActive_3545ae46ae,\n.kindTertiary_021838b3cf.colorFixedDark_93fa616366:hover,\n.kindTertiary_021838b3cf.colorFixedDark_93fa616366:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindTertiary_021838b3cf.colorFixedDarkActive_3545ae46ae:focus-visible, .kindTertiary_021838b3cf.colorFixedDarkActive_3545ae46ae.focus-visible_2a936b914b,\n.kindTertiary_021838b3cf.colorFixedDark_93fa616366:hover:focus-visible,\n.kindTertiary_021838b3cf.colorFixedDark_93fa616366:hover.focus-visible_2a936b914b,\n.kindTertiary_021838b3cf.colorFixedDark_93fa616366:focus:focus-visible,\n.kindTertiary_021838b3cf.colorFixedDark_93fa616366:focus.focus-visible_2a936b914b {\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_021838b3cf.colorFixedDarkActive_3545ae46ae:focus:not(.focus-visible_2a936b914b),\n.kindTertiary_021838b3cf.colorFixedDark_93fa616366:hover:focus:not(.focus-visible_2a936b914b),\n.kindTertiary_021838b3cf.colorFixedDark_93fa616366:focus:focus:not(.focus-visible_2a936b914b) {\n  outline: none;\n}\n.kindTertiary_021838b3cf.colorFixedDark_93fa616366.disabled_98774df9c5 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_021838b3cf.colorOnInvertedBackground_e259bf2e31 {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_021838b3cf.colorOnInvertedBackgroundActive_30a7c0040d,\n.kindTertiary_021838b3cf.colorOnInvertedBackground_e259bf2e31:hover,\n.kindTertiary_021838b3cf.colorOnInvertedBackground_e259bf2e31:focus {\n  background: var(--icon-color);\n}\n.kindTertiary_021838b3cf.colorOnInvertedBackground_e259bf2e31.disabled_98774df9c5 {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_021838b3cf.disabled_98774df9c5 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_021838b3cf.disabled_98774df9c5:hover {\n  background-color: transparent;\n}\n.noSidePadding_bb81a7af4f {\n  padding-inline: 0;\n}\n.button_8be8d626b7.insetFocusStyle_4afc973521:focus-visible, .button_8be8d626b7.insetFocusStyle_4afc973521.focus-visible_2a936b914b {\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_8be8d626b7.insetFocusStyle_4afc973521:focus:not(.focus-visible_2a936b914b) {\n  outline: none;\n}");export{o as default};
+var o={button:"button_9514c05f38","focus-visible":"focus-visible_1fc42a4a92",loader:"loader_46c0e34bf4",loaderSvg:"loaderSvg_e3e735d606",textPlaceholder:"textPlaceholder_bde93f9115",success:"success_2e2bc9cd36",successContent:"successContent_39a044a65e",marginRight:"marginRight_bb563918b5",marginLeft:"marginLeft_14785ab5b7",rightFlat:"rightFlat_9476a4903e",leftFlat:"leftFlat_0eb27baf0d",preventClickAnimation:"preventClickAnimation_bba57d5d70",leftIcon:"leftIcon_bb563918b5",rightIcon:"rightIcon_14785ab5b7",sizeXxs:"sizeXxs_ceb35b28b4",sizeXs:"sizeXs_9f5e6f0daa",sizeSmall:"sizeSmall_8f7777896b",sizeMedium:"sizeMedium_6b56752418",sizeLarge:"sizeLarge_2bb434bb45",kindPrimary:"kindPrimary_22741d60c9",colorPrimary:"colorPrimary_390cbb27d6",colorBrand:"colorBrand_8f4d565c27",colorPrimaryActive:"colorPrimaryActive_8870933bc0",colorBrandActive:"colorBrandActive_d1c4a34995",colorPositive:"colorPositive_9e21b5cee6",colorPositiveActive:"colorPositiveActive_671387cf96",colorNegative:"colorNegative_69ab58213e",colorNegativeActive:"colorNegativeActive_671387cf96",colorInverted:"colorInverted_ebc0ce5273",colorInvertedActive:"colorInvertedActive_671387cf96",disabled:"disabled_fe4e36c678",colorOnPrimaryColor:"colorOnPrimaryColor_430841269a",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_6fb21324ad",colorFixedLight:"colorFixedLight_b4d2130125",colorFixedLightActive:"colorFixedLightActive_bba57d5d70",colorFixedDark:"colorFixedDark_1a9aaa7db6",colorFixedDarkActive:"colorFixedDarkActive_18f554427d",colorOnInvertedBackground:"colorOnInvertedBackground_4417fa3b41",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_66476b297a",kindSecondary:"kindSecondary_5c7f925966",kindTertiary:"kindTertiary_4d8937914a",noSidePadding:"noSidePadding_0c149df2c1",insetFocusStyle:"insetFocusStyle_5ec7fa89eb"};!function(o){const r="s_id-216fe7e3e8d5_4_0_0-alpha_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_9514c05f38 {\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_9514c05f38:focus-visible, .button_9514c05f38.focus-visible_1fc42a4a92 {\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_9514c05f38:focus:not(.focus-visible_1fc42a4a92) {\n  outline: none;\n}\n.button_9514c05f38 .loader_46c0e34bf4 {\n  height: 100%;\n}\n.button_9514c05f38 .loader_46c0e34bf4 .loaderSvg_e3e735d606 {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_9514c05f38 .textPlaceholder_bde93f9115 {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_9514c05f38.success_2e2bc9cd36 {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_9514c05f38.success_2e2bc9cd36 .successContent_39a044a65e {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_bb563918b5 {\n  margin-inline-end: var(--space-8);\n}\n.marginLeft_14785ab5b7 {\n  margin-inline-start: var(--space-8);\n}\n.rightFlat_9476a4903e {\n  border-start-end-radius: 0;\n  border-end-end-radius: 0;\n}\n.leftFlat_0eb27baf0d {\n  border-start-start-radius: 0;\n  border-end-start-radius: 0;\n}\n.button_9514c05f38:active:not(.preventClickAnimation_bba57d5d70) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_9514c05f38 .leftIcon_bb563918b5 {\n  margin-inline-end: var(--space-8);\n}\n.button_9514c05f38 .rightIcon_14785ab5b7 {\n  margin-inline-start: var(--space-8);\n}\n.sizeXxs_ceb35b28b4 {\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_9f5e6f0daa {\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_8f7777896b {\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_8f7777896b .loader_46c0e34bf4 {\n  top: 7px;\n}\n.sizeMedium_6b56752418 {\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_2bb434bb45 {\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_22741d60c9 {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_22741d60c9.colorPrimary_390cbb27d6 {\n  background: var(--primary-color);\n}\n.kindPrimary_22741d60c9.colorBrand_8f4d565c27 {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_22741d60c9.colorPrimaryActive_8870933bc0,\n.kindPrimary_22741d60c9.colorPrimary_390cbb27d6:hover,\n.kindPrimary_22741d60c9.colorPrimary_390cbb27d6:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary_22741d60c9.colorBrandActive_d1c4a34995,\n.kindPrimary_22741d60c9.colorBrand_8f4d565c27:hover,\n.kindPrimary_22741d60c9.colorBrand_8f4d565c27:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_22741d60c9.colorPositive_9e21b5cee6 {\n  background: var(--positive-color);\n}\n.kindPrimary_22741d60c9.colorPositiveActive_671387cf96,\n.kindPrimary_22741d60c9.colorPositive_9e21b5cee6:hover,\n.kindPrimary_22741d60c9.colorPositive_9e21b5cee6:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_22741d60c9.colorNegative_69ab58213e {\n  background: var(--negative-color);\n}\n.kindPrimary_22741d60c9.colorNegativeActive_671387cf96,\n.kindPrimary_22741d60c9.colorNegative_69ab58213e:hover,\n.kindPrimary_22741d60c9.colorNegative_69ab58213e:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_22741d60c9.colorInverted_ebc0ce5273 {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_22741d60c9.colorInvertedActive_671387cf96,\n.kindPrimary_22741d60c9.colorInverted_ebc0ce5273:hover,\n.kindPrimary_22741d60c9.colorInverted_ebc0ce5273:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_22741d60c9.button_9514c05f38.colorInverted_ebc0ce5273.disabled_fe4e36c678 {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_22741d60c9.colorOnPrimaryColor_430841269a {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_22741d60c9.colorOnPrimaryColorActive_6fb21324ad,\n.kindPrimary_22741d60c9.colorOnPrimaryColor_430841269a:hover,\n.kindPrimary_22741d60c9.colorOnPrimaryColor_430841269a:focus {\n  background-color: #e6e9ef;\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindPrimary_22741d60c9.colorOnPrimaryColorActive_6fb21324ad:focus-visible, .kindPrimary_22741d60c9.colorOnPrimaryColorActive_6fb21324ad.focus-visible_1fc42a4a92,\n.kindPrimary_22741d60c9.colorOnPrimaryColor_430841269a:hover:focus-visible,\n.kindPrimary_22741d60c9.colorOnPrimaryColor_430841269a:hover.focus-visible_1fc42a4a92,\n.kindPrimary_22741d60c9.colorOnPrimaryColor_430841269a:focus:focus-visible,\n.kindPrimary_22741d60c9.colorOnPrimaryColor_430841269a:focus.focus-visible_1fc42a4a92 {\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_22741d60c9.colorOnPrimaryColorActive_6fb21324ad:focus:not(.focus-visible_1fc42a4a92),\n.kindPrimary_22741d60c9.colorOnPrimaryColor_430841269a:hover:focus:not(.focus-visible_1fc42a4a92),\n.kindPrimary_22741d60c9.colorOnPrimaryColor_430841269a:focus:focus:not(.focus-visible_1fc42a4a92) {\n  outline: none;\n}\n.kindPrimary_22741d60c9.colorOnPrimaryColor_430841269a.disabled_fe4e36c678 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_22741d60c9.colorFixedLight_b4d2130125 {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_22741d60c9.colorFixedLightActive_bba57d5d70,\n.kindPrimary_22741d60c9.colorFixedLight_b4d2130125:hover,\n.kindPrimary_22741d60c9.colorFixedLight_b4d2130125:focus {\n  background-color: #e6e9ef;\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindPrimary_22741d60c9.colorFixedLightActive_bba57d5d70:focus-visible, .kindPrimary_22741d60c9.colorFixedLightActive_bba57d5d70.focus-visible_1fc42a4a92,\n.kindPrimary_22741d60c9.colorFixedLight_b4d2130125:hover:focus-visible,\n.kindPrimary_22741d60c9.colorFixedLight_b4d2130125:hover.focus-visible_1fc42a4a92,\n.kindPrimary_22741d60c9.colorFixedLight_b4d2130125:focus:focus-visible,\n.kindPrimary_22741d60c9.colorFixedLight_b4d2130125:focus.focus-visible_1fc42a4a92 {\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_22741d60c9.colorFixedLightActive_bba57d5d70:focus:not(.focus-visible_1fc42a4a92),\n.kindPrimary_22741d60c9.colorFixedLight_b4d2130125:hover:focus:not(.focus-visible_1fc42a4a92),\n.kindPrimary_22741d60c9.colorFixedLight_b4d2130125:focus:focus:not(.focus-visible_1fc42a4a92) {\n  outline: none;\n}\n.kindPrimary_22741d60c9.colorFixedLight_b4d2130125.disabled_fe4e36c678 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_22741d60c9.colorFixedDark_1a9aaa7db6 {\n  background: var(--fixed-dark-color);\n  color: var(--fixed-light-color);\n}\n.kindPrimary_22741d60c9.colorFixedDarkActive_18f554427d,\n.kindPrimary_22741d60c9.colorFixedDark_1a9aaa7db6:hover,\n.kindPrimary_22741d60c9.colorFixedDark_1a9aaa7db6:focus {\n  filter: brightness(125%);\n}\n.kindPrimary_22741d60c9.colorFixedDarkActive_18f554427d:focus-visible, .kindPrimary_22741d60c9.colorFixedDarkActive_18f554427d.focus-visible_1fc42a4a92,\n.kindPrimary_22741d60c9.colorFixedDark_1a9aaa7db6:hover:focus-visible,\n.kindPrimary_22741d60c9.colorFixedDark_1a9aaa7db6:hover.focus-visible_1fc42a4a92,\n.kindPrimary_22741d60c9.colorFixedDark_1a9aaa7db6:focus:focus-visible,\n.kindPrimary_22741d60c9.colorFixedDark_1a9aaa7db6:focus.focus-visible_1fc42a4a92 {\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_22741d60c9.colorFixedDarkActive_18f554427d:focus:not(.focus-visible_1fc42a4a92),\n.kindPrimary_22741d60c9.colorFixedDark_1a9aaa7db6:hover:focus:not(.focus-visible_1fc42a4a92),\n.kindPrimary_22741d60c9.colorFixedDark_1a9aaa7db6:focus:focus:not(.focus-visible_1fc42a4a92) {\n  outline: none;\n}\n.kindPrimary_22741d60c9.colorFixedDark_1a9aaa7db6.disabled_fe4e36c678 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindPrimary_22741d60c9.colorOnInvertedBackground_4417fa3b41 {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary_22741d60c9.colorOnInvertedBackgroundActive_66476b297a,\n.kindPrimary_22741d60c9.colorOnInvertedBackground_4417fa3b41:hover,\n.kindPrimary_22741d60c9.colorOnInvertedBackground_4417fa3b41:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary_22741d60c9.button_9514c05f38.colorOnInvertedBackground_4417fa3b41.disabled_fe4e36c678 {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary_22741d60c9.button_9514c05f38.disabled_fe4e36c678 {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_5c7f925966 {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary_5c7f925966.sizeSmall_8f7777896b {\n  line-height: 22px;\n}\n.kindSecondary_5c7f925966.sizeMedium_6b56752418 {\n  line-height: 22px;\n}\n.kindSecondary_5c7f925966.sizeLarge_2bb434bb45 {\n  line-height: 22px;\n}\n.kindSecondary_5c7f925966.colorPrimaryActive_8870933bc0 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_5c7f925966.colorPrimaryActive_8870933bc0:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_5c7f925966.colorBrandActive_d1c4a34995 {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_5c7f925966.colorBrandActive_d1c4a34995,\n.kindSecondary_5c7f925966.colorBrandActive_d1c4a34995:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_5c7f925966.colorPrimary_390cbb27d6:hover:not(.colorPrimaryActive_8870933bc0),\n.kindSecondary_5c7f925966.colorPrimary_390cbb27d6:focus:not(.colorPrimaryActive_8870933bc0) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_5c7f925966.colorBrand_8f4d565c27:hover:not(.colorBrandActive_d1c4a34995),\n.kindSecondary_5c7f925966.colorBrand_8f4d565c27:focus:not(.colorBrandActive_d1c4a34995) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_5c7f925966.colorPositive_9e21b5cee6 {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_5c7f925966.colorPositiveActive_671387cf96,\n.kindSecondary_5c7f925966.colorPositive_9e21b5cee6:hover,\n.kindSecondary_5c7f925966.colorPositive_9e21b5cee6:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_5c7f925966.colorNegative_69ab58213e {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_5c7f925966.colorNegativeActive_671387cf96,\n.kindSecondary_5c7f925966.colorNegative_69ab58213e:hover,\n.kindSecondary_5c7f925966.colorNegative_69ab58213e:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_5c7f925966.colorInverted_ebc0ce5273 {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary_5c7f925966.colorInvertedActive_671387cf96,\n.kindSecondary_5c7f925966.colorInverted_ebc0ce5273:hover,\n.kindSecondary_5c7f925966.colorInverted_ebc0ce5273:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_5c7f925966.colorInverted_ebc0ce5273.disabled_fe4e36c678 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_5c7f925966.colorOnPrimaryColor_430841269a {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_5c7f925966.colorOnPrimaryColorActive_6fb21324ad,\n.kindSecondary_5c7f925966.colorOnPrimaryColor_430841269a:hover,\n.kindSecondary_5c7f925966.colorOnPrimaryColor_430841269a:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindSecondary_5c7f925966.colorOnPrimaryColorActive_6fb21324ad:focus-visible, .kindSecondary_5c7f925966.colorOnPrimaryColorActive_6fb21324ad.focus-visible_1fc42a4a92,\n.kindSecondary_5c7f925966.colorOnPrimaryColor_430841269a:hover:focus-visible,\n.kindSecondary_5c7f925966.colorOnPrimaryColor_430841269a:hover.focus-visible_1fc42a4a92,\n.kindSecondary_5c7f925966.colorOnPrimaryColor_430841269a:focus:focus-visible,\n.kindSecondary_5c7f925966.colorOnPrimaryColor_430841269a:focus.focus-visible_1fc42a4a92 {\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_5c7f925966.colorOnPrimaryColorActive_6fb21324ad:focus:not(.focus-visible_1fc42a4a92),\n.kindSecondary_5c7f925966.colorOnPrimaryColor_430841269a:hover:focus:not(.focus-visible_1fc42a4a92),\n.kindSecondary_5c7f925966.colorOnPrimaryColor_430841269a:focus:focus:not(.focus-visible_1fc42a4a92) {\n  outline: none;\n}\n.kindSecondary_5c7f925966.colorOnPrimaryColor_430841269a.disabled_fe4e36c678 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_5c7f925966.colorFixedLight_b4d2130125 {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_5c7f925966.colorFixedLightActive_bba57d5d70,\n.kindSecondary_5c7f925966.colorFixedLight_b4d2130125:hover,\n.kindSecondary_5c7f925966.colorFixedLight_b4d2130125:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindSecondary_5c7f925966.colorFixedLightActive_bba57d5d70:focus-visible, .kindSecondary_5c7f925966.colorFixedLightActive_bba57d5d70.focus-visible_1fc42a4a92,\n.kindSecondary_5c7f925966.colorFixedLight_b4d2130125:hover:focus-visible,\n.kindSecondary_5c7f925966.colorFixedLight_b4d2130125:hover.focus-visible_1fc42a4a92,\n.kindSecondary_5c7f925966.colorFixedLight_b4d2130125:focus:focus-visible,\n.kindSecondary_5c7f925966.colorFixedLight_b4d2130125:focus.focus-visible_1fc42a4a92 {\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_5c7f925966.colorFixedLightActive_bba57d5d70:focus:not(.focus-visible_1fc42a4a92),\n.kindSecondary_5c7f925966.colorFixedLight_b4d2130125:hover:focus:not(.focus-visible_1fc42a4a92),\n.kindSecondary_5c7f925966.colorFixedLight_b4d2130125:focus:focus:not(.focus-visible_1fc42a4a92) {\n  outline: none;\n}\n.kindSecondary_5c7f925966.colorFixedDark_1a9aaa7db6 {\n  border-color: var(--fixed-dark-color);\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_5c7f925966.colorFixedDarkActive_18f554427d,\n.kindSecondary_5c7f925966.colorFixedDark_1a9aaa7db6:hover,\n.kindSecondary_5c7f925966.colorFixedDark_1a9aaa7db6:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindSecondary_5c7f925966.colorFixedDarkActive_18f554427d:focus-visible, .kindSecondary_5c7f925966.colorFixedDarkActive_18f554427d.focus-visible_1fc42a4a92,\n.kindSecondary_5c7f925966.colorFixedDark_1a9aaa7db6:hover:focus-visible,\n.kindSecondary_5c7f925966.colorFixedDark_1a9aaa7db6:hover.focus-visible_1fc42a4a92,\n.kindSecondary_5c7f925966.colorFixedDark_1a9aaa7db6:focus:focus-visible,\n.kindSecondary_5c7f925966.colorFixedDark_1a9aaa7db6:focus.focus-visible_1fc42a4a92 {\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_5c7f925966.colorFixedDarkActive_18f554427d:focus:not(.focus-visible_1fc42a4a92),\n.kindSecondary_5c7f925966.colorFixedDark_1a9aaa7db6:hover:focus:not(.focus-visible_1fc42a4a92),\n.kindSecondary_5c7f925966.colorFixedDark_1a9aaa7db6:focus:focus:not(.focus-visible_1fc42a4a92) {\n  outline: none;\n}\n.kindSecondary_5c7f925966.colorOnInvertedBackground_4417fa3b41 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_5c7f925966.colorOnInvertedBackgroundActive_66476b297a,\n.kindSecondary_5c7f925966.colorOnInvertedBackground_4417fa3b41:hover,\n.kindSecondary_5c7f925966.colorOnInvertedBackground_4417fa3b41:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_5c7f925966.colorOnInvertedBackground_4417fa3b41.disabled_fe4e36c678 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_5c7f925966.colorFixedLight_b4d2130125.disabled_fe4e36c678 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_5c7f925966.colorFixedDark_1a9aaa7db6.disabled_fe4e36c678 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_5c7f925966.disabled_fe4e36c678 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_5c7f925966.disabled_fe4e36c678:hover {\n  background-color: transparent;\n}\n.kindTertiary_4d8937914a {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary_4d8937914a.colorPrimaryActive_8870933bc0 {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary_4d8937914a.colorPrimaryActive_8870933bc0:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_4d8937914a.colorBrandActive_d1c4a34995 {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_4d8937914a.colorBrandActive_d1c4a34995,\n.kindTertiary_4d8937914a.colorBrandActive_d1c4a34995:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_4d8937914a.colorPrimary_390cbb27d6:hover:not(.colorPrimaryActive_8870933bc0),\n.kindTertiary_4d8937914a.colorPrimary_390cbb27d6:focus:not(.colorPrimaryActive_8870933bc0) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_4d8937914a.colorBrand_8f4d565c27:hover:not(.colorBrandActive_d1c4a34995),\n.kindTertiary_4d8937914a.colorBrand_8f4d565c27:focus:not(.colorBrandActive_d1c4a34995) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_4d8937914a.colorPositive_9e21b5cee6 {\n  color: var(--positive-color);\n}\n.kindTertiary_4d8937914a.colorPositiveActive_671387cf96,\n.kindTertiary_4d8937914a.colorPositive_9e21b5cee6:hover,\n.kindTertiary_4d8937914a.colorPositive_9e21b5cee6:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_4d8937914a.colorNegative_69ab58213e {\n  color: var(--negative-color);\n}\n.kindTertiary_4d8937914a.colorNegativeActive_671387cf96,\n.kindTertiary_4d8937914a.colorNegative_69ab58213e:hover,\n.kindTertiary_4d8937914a.colorNegative_69ab58213e:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_4d8937914a.colorInverted_ebc0ce5273 {\n  color: var(--primary-text-color);\n}\n.kindTertiary_4d8937914a.colorInvertedActive_671387cf96,\n.kindTertiary_4d8937914a.colorInverted_ebc0ce5273:hover,\n.kindTertiary_4d8937914a.colorInverted_ebc0ce5273:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_4d8937914a.colorInverted_ebc0ce5273.disabled_fe4e36c678 {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_4d8937914a.colorOnPrimaryColor_430841269a {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_4d8937914a.colorOnPrimaryColorActive_6fb21324ad,\n.kindTertiary_4d8937914a.colorOnPrimaryColor_430841269a:hover,\n.kindTertiary_4d8937914a.colorOnPrimaryColor_430841269a:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindTertiary_4d8937914a.colorOnPrimaryColorActive_6fb21324ad:focus-visible, .kindTertiary_4d8937914a.colorOnPrimaryColorActive_6fb21324ad.focus-visible_1fc42a4a92,\n.kindTertiary_4d8937914a.colorOnPrimaryColor_430841269a:hover:focus-visible,\n.kindTertiary_4d8937914a.colorOnPrimaryColor_430841269a:hover.focus-visible_1fc42a4a92,\n.kindTertiary_4d8937914a.colorOnPrimaryColor_430841269a:focus:focus-visible,\n.kindTertiary_4d8937914a.colorOnPrimaryColor_430841269a:focus.focus-visible_1fc42a4a92 {\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_4d8937914a.colorOnPrimaryColorActive_6fb21324ad:focus:not(.focus-visible_1fc42a4a92),\n.kindTertiary_4d8937914a.colorOnPrimaryColor_430841269a:hover:focus:not(.focus-visible_1fc42a4a92),\n.kindTertiary_4d8937914a.colorOnPrimaryColor_430841269a:focus:focus:not(.focus-visible_1fc42a4a92) {\n  outline: none;\n}\n.kindTertiary_4d8937914a.colorOnPrimaryColor_430841269a.disabled_fe4e36c678 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_4d8937914a.colorFixedLight_b4d2130125 {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_4d8937914a.colorFixedLightActive_bba57d5d70,\n.kindTertiary_4d8937914a.colorFixedLight_b4d2130125:hover,\n.kindTertiary_4d8937914a.colorFixedLight_b4d2130125:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindTertiary_4d8937914a.colorFixedLightActive_bba57d5d70:focus-visible, .kindTertiary_4d8937914a.colorFixedLightActive_bba57d5d70.focus-visible_1fc42a4a92,\n.kindTertiary_4d8937914a.colorFixedLight_b4d2130125:hover:focus-visible,\n.kindTertiary_4d8937914a.colorFixedLight_b4d2130125:hover.focus-visible_1fc42a4a92,\n.kindTertiary_4d8937914a.colorFixedLight_b4d2130125:focus:focus-visible,\n.kindTertiary_4d8937914a.colorFixedLight_b4d2130125:focus.focus-visible_1fc42a4a92 {\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_4d8937914a.colorFixedLightActive_bba57d5d70:focus:not(.focus-visible_1fc42a4a92),\n.kindTertiary_4d8937914a.colorFixedLight_b4d2130125:hover:focus:not(.focus-visible_1fc42a4a92),\n.kindTertiary_4d8937914a.colorFixedLight_b4d2130125:focus:focus:not(.focus-visible_1fc42a4a92) {\n  outline: none;\n}\n.kindTertiary_4d8937914a.colorFixedLight_b4d2130125.disabled_fe4e36c678 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_4d8937914a.colorFixedDark_1a9aaa7db6 {\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_4d8937914a.colorFixedDarkActive_18f554427d,\n.kindTertiary_4d8937914a.colorFixedDark_1a9aaa7db6:hover,\n.kindTertiary_4d8937914a.colorFixedDark_1a9aaa7db6:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindTertiary_4d8937914a.colorFixedDarkActive_18f554427d:focus-visible, .kindTertiary_4d8937914a.colorFixedDarkActive_18f554427d.focus-visible_1fc42a4a92,\n.kindTertiary_4d8937914a.colorFixedDark_1a9aaa7db6:hover:focus-visible,\n.kindTertiary_4d8937914a.colorFixedDark_1a9aaa7db6:hover.focus-visible_1fc42a4a92,\n.kindTertiary_4d8937914a.colorFixedDark_1a9aaa7db6:focus:focus-visible,\n.kindTertiary_4d8937914a.colorFixedDark_1a9aaa7db6:focus.focus-visible_1fc42a4a92 {\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_4d8937914a.colorFixedDarkActive_18f554427d:focus:not(.focus-visible_1fc42a4a92),\n.kindTertiary_4d8937914a.colorFixedDark_1a9aaa7db6:hover:focus:not(.focus-visible_1fc42a4a92),\n.kindTertiary_4d8937914a.colorFixedDark_1a9aaa7db6:focus:focus:not(.focus-visible_1fc42a4a92) {\n  outline: none;\n}\n.kindTertiary_4d8937914a.colorFixedDark_1a9aaa7db6.disabled_fe4e36c678 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_4d8937914a.colorOnInvertedBackground_4417fa3b41 {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_4d8937914a.colorOnInvertedBackgroundActive_66476b297a,\n.kindTertiary_4d8937914a.colorOnInvertedBackground_4417fa3b41:hover,\n.kindTertiary_4d8937914a.colorOnInvertedBackground_4417fa3b41:focus {\n  background: var(--icon-color);\n}\n.kindTertiary_4d8937914a.colorOnInvertedBackground_4417fa3b41.disabled_fe4e36c678 {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_4d8937914a.disabled_fe4e36c678 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_4d8937914a.disabled_fe4e36c678:hover {\n  background-color: transparent;\n}\n.noSidePadding_0c149df2c1 {\n  padding-inline: 0;\n}\n.button_9514c05f38.insetFocusStyle_5ec7fa89eb:focus-visible, .button_9514c05f38.insetFocusStyle_5ec7fa89eb.focus-visible_1fc42a4a92 {\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_9514c05f38.insetFocusStyle_5ec7fa89eb:focus:not(.focus-visible_1fc42a4a92) {\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-alpha_1";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_0-alpha_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.0-alpha.2",
+  "version": "4.0.0-beta.0",
   "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.0-alpha.2",
-    "@vibe/loader": "^4.0.0-alpha.2",
-    "@vibe/shared": "^4.0.0-alpha.2",
-    "@vibe/style": "^4.0.0-alpha.2",
+    "@vibe/icon": "^4.0.0-beta.0",
+    "@vibe/loader": "^4.0.0-beta.0",
+    "@vibe/shared": "^4.0.0-beta.0",
+    "@vibe/style": "^4.0.0-beta.0",
     "classnames": "^2.5.1",
     "es-toolkit": "^1.39.10"
   },
   "devDependencies": {
     "@testing-library/react": "^12.1.2",
-    "@vibe/config": "^4.0.0-alpha.2",
-    "@vibe/icons": "^4.0.0-alpha.2",
+    "@vibe/config": "^4.0.0-beta.0",
+    "@vibe/icons": "^4.0.0-beta.0",
     "react": "^16.13.0",
     "react-dom": "^16.13.0",
     "react-test-renderer": "16",
@@ -70,5 +70,5 @@
       "../../../node_modules/@vibe/config/.eslintrc.cjs"
     ]
   },
-  "gitHead": "8c8df239f258a1ae3f81c1dff9304693fe466ab0"
+  "gitHead": "91790ad83a8f09e257c21dd0d0abfe9eaecf9e82"
 }