@vibe/button 3.0.6 → 3.0.7-alpha-4700b.0

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

@@ -1,2 +1,2 @@
-var o={button:"button_e456368ef6","focus-visible":"focus-visible_fd86db0485",loader:"loader_58793eafc9",loaderSvg:"loaderSvg_7f0ce46f67",textPlaceholder:"textPlaceholder_c09789ce1a",success:"success_3068ff74ae",successContent:"successContent_930da5e702",marginRight:"marginRight_c1835be438",marginLeft:"marginLeft_825d9b11ac",rightFlat:"rightFlat_f59238614a",leftFlat:"leftFlat_0ce5be7085",preventClickAnimation:"preventClickAnimation_7d0cfe83a7",leftIcon:"leftIcon_c1835be438",rightIcon:"rightIcon_825d9b11ac",sizeXxs:"sizeXxs_e238e2a38a",sizeXs:"sizeXs_cfc805493d",sizeSmall:"sizeSmall_26f2d955c3",sizeMedium:"sizeMedium_54e30ad70f",sizeLarge:"sizeLarge_19933254f4",kindPrimary:"kindPrimary_dbe5aceee2",colorPrimary:"colorPrimary_6b93aa81b2",colorBrand:"colorBrand_24911ca2c8",colorPrimaryActive:"colorPrimaryActive_fea8ff2126",colorBrandActive:"colorBrandActive_e585a200cb",colorPositive:"colorPositive_d3591d5bf9",colorPositiveActive:"colorPositiveActive_c1be2a7337",colorNegative:"colorNegative_b2a878b4eb",colorNegativeActive:"colorNegativeActive_c1be2a7337",colorInverted:"colorInverted_fc68e9b3a9",colorInvertedActive:"colorInvertedActive_c1be2a7337",disabled:"disabled_d4f91893b9",colorOnPrimaryColor:"colorOnPrimaryColor_e55a90f268",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_7046e8313d",colorFixedLight:"colorFixedLight_7bf61defad",colorFixedLightActive:"colorFixedLightActive_7d0cfe83a7",colorFixedDark:"colorFixedDark_0bd810ac07",colorFixedDarkActive:"colorFixedDarkActive_031dcfe2d9",colorOnInvertedBackground:"colorOnInvertedBackground_5707cb347b",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_4bd52dc112",kindSecondary:"kindSecondary_47bbb8fda7",kindTertiary:"kindTertiary_af3b18088f",noSidePadding:"noSidePadding_8385d4cefb",insetFocusStyle:"insetFocusStyle_be2f57cb1d"};!function(o){const r="s_id-95d3f630f6d9_3_0_5";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+r))return;const n=document.createElement("style");n.id=r,e.firstChild?e.insertBefore(n,e.firstChild):e.appendChild(n),n.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=o)}(".button_e456368ef6 {\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_e456368ef6:focus-visible, .button_e456368ef6.focus-visible_fd86db0485 {\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_e456368ef6:focus:not(.focus-visible_fd86db0485) {\n  outline: none;\n}\n.button_e456368ef6 .loader_58793eafc9 {\n  height: 100%;\n}\n.button_e456368ef6 .loader_58793eafc9 .loaderSvg_7f0ce46f67 {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_e456368ef6 .textPlaceholder_c09789ce1a {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_e456368ef6.success_3068ff74ae {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_e456368ef6.success_3068ff74ae .successContent_930da5e702 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_c1835be438 {\n  margin-right: var(--spacing-small);\n}\n.marginLeft_825d9b11ac {\n  margin-left: var(--spacing-small);\n}\n.rightFlat_f59238614a {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat_0ce5be7085 {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.button_e456368ef6:active:not(.preventClickAnimation_7d0cfe83a7) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_e456368ef6 .leftIcon_c1835be438 {\n  margin-right: var(--spacing-small);\n}\n.button_e456368ef6 .rightIcon_825d9b11ac {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs_e238e2a38a {\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(--spacing-xs);\n  height: 16px;\n  line-height: 16px;\n}\n.sizeXs_cfc805493d {\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(--spacing-xs) var(--spacing-small);\n  height: 24px;\n  line-height: 21px;\n}\n.sizeSmall_26f2d955c3 {\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(--spacing-xs) var(--spacing-small);\n  height: 32px;\n  line-height: 24px;\n}\n.sizeSmall_26f2d955c3 .loader_58793eafc9 {\n  top: 7px;\n}\n.sizeMedium_54e30ad70f {\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(--spacing-small) var(--spacing-medium);\n  height: 40px;\n}\n.sizeLarge_19933254f4 {\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(--spacing-large);\n  height: 48px;\n}\n.kindPrimary_dbe5aceee2 {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_dbe5aceee2.colorPrimary_6b93aa81b2 {\n  background: var(--primary-color);\n}\n.kindPrimary_dbe5aceee2.colorBrand_24911ca2c8 {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_dbe5aceee2.colorPrimaryActive_fea8ff2126,\n.kindPrimary_dbe5aceee2.colorPrimary_6b93aa81b2:hover,\n.kindPrimary_dbe5aceee2.colorPrimary_6b93aa81b2:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary_dbe5aceee2.colorBrandActive_e585a200cb,\n.kindPrimary_dbe5aceee2.colorBrand_24911ca2c8:hover,\n.kindPrimary_dbe5aceee2.colorBrand_24911ca2c8:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_dbe5aceee2.colorPositive_d3591d5bf9 {\n  background: var(--positive-color);\n}\n.kindPrimary_dbe5aceee2.colorPositiveActive_c1be2a7337,\n.kindPrimary_dbe5aceee2.colorPositive_d3591d5bf9:hover,\n.kindPrimary_dbe5aceee2.colorPositive_d3591d5bf9:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_dbe5aceee2.colorNegative_b2a878b4eb {\n  background: var(--negative-color);\n}\n.kindPrimary_dbe5aceee2.colorNegativeActive_c1be2a7337,\n.kindPrimary_dbe5aceee2.colorNegative_b2a878b4eb:hover,\n.kindPrimary_dbe5aceee2.colorNegative_b2a878b4eb:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_dbe5aceee2.colorInverted_fc68e9b3a9 {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_dbe5aceee2.colorInvertedActive_c1be2a7337,\n.kindPrimary_dbe5aceee2.colorInverted_fc68e9b3a9:hover,\n.kindPrimary_dbe5aceee2.colorInverted_fc68e9b3a9:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_dbe5aceee2.button_e456368ef6.colorInverted_fc68e9b3a9.disabled_d4f91893b9 {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_dbe5aceee2.colorOnPrimaryColor_e55a90f268 {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_dbe5aceee2.colorOnPrimaryColorActive_7046e8313d,\n.kindPrimary_dbe5aceee2.colorOnPrimaryColor_e55a90f268:hover,\n.kindPrimary_dbe5aceee2.colorOnPrimaryColor_e55a90f268:focus {\n  background-color: #e6e9ef;\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindPrimary_dbe5aceee2.colorOnPrimaryColorActive_7046e8313d:focus-visible, .kindPrimary_dbe5aceee2.colorOnPrimaryColorActive_7046e8313d.focus-visible_fd86db0485,\n.kindPrimary_dbe5aceee2.colorOnPrimaryColor_e55a90f268:hover:focus-visible,\n.kindPrimary_dbe5aceee2.colorOnPrimaryColor_e55a90f268:hover.focus-visible_fd86db0485,\n.kindPrimary_dbe5aceee2.colorOnPrimaryColor_e55a90f268:focus:focus-visible,\n.kindPrimary_dbe5aceee2.colorOnPrimaryColor_e55a90f268:focus.focus-visible_fd86db0485 {\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_dbe5aceee2.colorOnPrimaryColorActive_7046e8313d:focus:not(.focus-visible_fd86db0485),\n.kindPrimary_dbe5aceee2.colorOnPrimaryColor_e55a90f268:hover:focus:not(.focus-visible_fd86db0485),\n.kindPrimary_dbe5aceee2.colorOnPrimaryColor_e55a90f268:focus:focus:not(.focus-visible_fd86db0485) {\n  outline: none;\n}\n.kindPrimary_dbe5aceee2.colorOnPrimaryColor_e55a90f268.disabled_d4f91893b9 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_dbe5aceee2.colorFixedLight_7bf61defad {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_dbe5aceee2.colorFixedLightActive_7d0cfe83a7,\n.kindPrimary_dbe5aceee2.colorFixedLight_7bf61defad:hover,\n.kindPrimary_dbe5aceee2.colorFixedLight_7bf61defad:focus {\n  background-color: #e6e9ef;\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindPrimary_dbe5aceee2.colorFixedLightActive_7d0cfe83a7:focus-visible, .kindPrimary_dbe5aceee2.colorFixedLightActive_7d0cfe83a7.focus-visible_fd86db0485,\n.kindPrimary_dbe5aceee2.colorFixedLight_7bf61defad:hover:focus-visible,\n.kindPrimary_dbe5aceee2.colorFixedLight_7bf61defad:hover.focus-visible_fd86db0485,\n.kindPrimary_dbe5aceee2.colorFixedLight_7bf61defad:focus:focus-visible,\n.kindPrimary_dbe5aceee2.colorFixedLight_7bf61defad:focus.focus-visible_fd86db0485 {\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_dbe5aceee2.colorFixedLightActive_7d0cfe83a7:focus:not(.focus-visible_fd86db0485),\n.kindPrimary_dbe5aceee2.colorFixedLight_7bf61defad:hover:focus:not(.focus-visible_fd86db0485),\n.kindPrimary_dbe5aceee2.colorFixedLight_7bf61defad:focus:focus:not(.focus-visible_fd86db0485) {\n  outline: none;\n}\n.kindPrimary_dbe5aceee2.colorFixedLight_7bf61defad.disabled_d4f91893b9 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_dbe5aceee2.colorFixedDark_0bd810ac07 {\n  background: var(--fixed-dark-color);\n  color: var(--fixed-light-color);\n}\n.kindPrimary_dbe5aceee2.colorFixedDarkActive_031dcfe2d9,\n.kindPrimary_dbe5aceee2.colorFixedDark_0bd810ac07:hover,\n.kindPrimary_dbe5aceee2.colorFixedDark_0bd810ac07:focus {\n  filter: brightness(125%);\n}\n.kindPrimary_dbe5aceee2.colorFixedDarkActive_031dcfe2d9:focus-visible, .kindPrimary_dbe5aceee2.colorFixedDarkActive_031dcfe2d9.focus-visible_fd86db0485,\n.kindPrimary_dbe5aceee2.colorFixedDark_0bd810ac07:hover:focus-visible,\n.kindPrimary_dbe5aceee2.colorFixedDark_0bd810ac07:hover.focus-visible_fd86db0485,\n.kindPrimary_dbe5aceee2.colorFixedDark_0bd810ac07:focus:focus-visible,\n.kindPrimary_dbe5aceee2.colorFixedDark_0bd810ac07:focus.focus-visible_fd86db0485 {\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_dbe5aceee2.colorFixedDarkActive_031dcfe2d9:focus:not(.focus-visible_fd86db0485),\n.kindPrimary_dbe5aceee2.colorFixedDark_0bd810ac07:hover:focus:not(.focus-visible_fd86db0485),\n.kindPrimary_dbe5aceee2.colorFixedDark_0bd810ac07:focus:focus:not(.focus-visible_fd86db0485) {\n  outline: none;\n}\n.kindPrimary_dbe5aceee2.colorFixedDark_0bd810ac07.disabled_d4f91893b9 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindPrimary_dbe5aceee2.colorOnInvertedBackground_5707cb347b {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary_dbe5aceee2.colorOnInvertedBackgroundActive_4bd52dc112,\n.kindPrimary_dbe5aceee2.colorOnInvertedBackground_5707cb347b:hover,\n.kindPrimary_dbe5aceee2.colorOnInvertedBackground_5707cb347b:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary_dbe5aceee2.button_e456368ef6.colorOnInvertedBackground_5707cb347b.disabled_d4f91893b9 {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary_dbe5aceee2.button_e456368ef6.disabled_d4f91893b9 {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_47bbb8fda7 {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary_47bbb8fda7.sizeSmall_26f2d955c3 {\n  line-height: 22px;\n}\n.kindSecondary_47bbb8fda7.sizeMedium_54e30ad70f {\n  line-height: 22px;\n}\n.kindSecondary_47bbb8fda7.sizeLarge_19933254f4 {\n  line-height: 22px;\n}\n.kindSecondary_47bbb8fda7.colorPrimaryActive_fea8ff2126 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_47bbb8fda7.colorPrimaryActive_fea8ff2126:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_47bbb8fda7.colorBrandActive_e585a200cb {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_47bbb8fda7.colorBrandActive_e585a200cb,\n.kindSecondary_47bbb8fda7.colorBrandActive_e585a200cb:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_47bbb8fda7.colorPrimary_6b93aa81b2:hover:not(.colorPrimaryActive_fea8ff2126),\n.kindSecondary_47bbb8fda7.colorPrimary_6b93aa81b2:focus:not(.colorPrimaryActive_fea8ff2126) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_47bbb8fda7.colorBrand_24911ca2c8:hover:not(.colorBrandActive_e585a200cb),\n.kindSecondary_47bbb8fda7.colorBrand_24911ca2c8:focus:not(.colorBrandActive_e585a200cb) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_47bbb8fda7.colorPositive_d3591d5bf9 {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_47bbb8fda7.colorPositiveActive_c1be2a7337,\n.kindSecondary_47bbb8fda7.colorPositive_d3591d5bf9:hover,\n.kindSecondary_47bbb8fda7.colorPositive_d3591d5bf9:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_47bbb8fda7.colorNegative_b2a878b4eb {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_47bbb8fda7.colorNegativeActive_c1be2a7337,\n.kindSecondary_47bbb8fda7.colorNegative_b2a878b4eb:hover,\n.kindSecondary_47bbb8fda7.colorNegative_b2a878b4eb:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_47bbb8fda7.colorInverted_fc68e9b3a9 {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary_47bbb8fda7.colorInvertedActive_c1be2a7337,\n.kindSecondary_47bbb8fda7.colorInverted_fc68e9b3a9:hover,\n.kindSecondary_47bbb8fda7.colorInverted_fc68e9b3a9:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_47bbb8fda7.colorInverted_fc68e9b3a9.disabled_d4f91893b9 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_47bbb8fda7.colorOnPrimaryColor_e55a90f268 {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_47bbb8fda7.colorOnPrimaryColorActive_7046e8313d,\n.kindSecondary_47bbb8fda7.colorOnPrimaryColor_e55a90f268:hover,\n.kindSecondary_47bbb8fda7.colorOnPrimaryColor_e55a90f268:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindSecondary_47bbb8fda7.colorOnPrimaryColorActive_7046e8313d:focus-visible, .kindSecondary_47bbb8fda7.colorOnPrimaryColorActive_7046e8313d.focus-visible_fd86db0485,\n.kindSecondary_47bbb8fda7.colorOnPrimaryColor_e55a90f268:hover:focus-visible,\n.kindSecondary_47bbb8fda7.colorOnPrimaryColor_e55a90f268:hover.focus-visible_fd86db0485,\n.kindSecondary_47bbb8fda7.colorOnPrimaryColor_e55a90f268:focus:focus-visible,\n.kindSecondary_47bbb8fda7.colorOnPrimaryColor_e55a90f268:focus.focus-visible_fd86db0485 {\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_47bbb8fda7.colorOnPrimaryColorActive_7046e8313d:focus:not(.focus-visible_fd86db0485),\n.kindSecondary_47bbb8fda7.colorOnPrimaryColor_e55a90f268:hover:focus:not(.focus-visible_fd86db0485),\n.kindSecondary_47bbb8fda7.colorOnPrimaryColor_e55a90f268:focus:focus:not(.focus-visible_fd86db0485) {\n  outline: none;\n}\n.kindSecondary_47bbb8fda7.colorOnPrimaryColor_e55a90f268.disabled_d4f91893b9 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_47bbb8fda7.colorFixedLight_7bf61defad {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_47bbb8fda7.colorFixedLightActive_7d0cfe83a7,\n.kindSecondary_47bbb8fda7.colorFixedLight_7bf61defad:hover,\n.kindSecondary_47bbb8fda7.colorFixedLight_7bf61defad:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindSecondary_47bbb8fda7.colorFixedLightActive_7d0cfe83a7:focus-visible, .kindSecondary_47bbb8fda7.colorFixedLightActive_7d0cfe83a7.focus-visible_fd86db0485,\n.kindSecondary_47bbb8fda7.colorFixedLight_7bf61defad:hover:focus-visible,\n.kindSecondary_47bbb8fda7.colorFixedLight_7bf61defad:hover.focus-visible_fd86db0485,\n.kindSecondary_47bbb8fda7.colorFixedLight_7bf61defad:focus:focus-visible,\n.kindSecondary_47bbb8fda7.colorFixedLight_7bf61defad:focus.focus-visible_fd86db0485 {\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_47bbb8fda7.colorFixedLightActive_7d0cfe83a7:focus:not(.focus-visible_fd86db0485),\n.kindSecondary_47bbb8fda7.colorFixedLight_7bf61defad:hover:focus:not(.focus-visible_fd86db0485),\n.kindSecondary_47bbb8fda7.colorFixedLight_7bf61defad:focus:focus:not(.focus-visible_fd86db0485) {\n  outline: none;\n}\n.kindSecondary_47bbb8fda7.colorFixedDark_0bd810ac07 {\n  border-color: var(--fixed-dark-color);\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_47bbb8fda7.colorFixedDarkActive_031dcfe2d9,\n.kindSecondary_47bbb8fda7.colorFixedDark_0bd810ac07:hover,\n.kindSecondary_47bbb8fda7.colorFixedDark_0bd810ac07:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindSecondary_47bbb8fda7.colorFixedDarkActive_031dcfe2d9:focus-visible, .kindSecondary_47bbb8fda7.colorFixedDarkActive_031dcfe2d9.focus-visible_fd86db0485,\n.kindSecondary_47bbb8fda7.colorFixedDark_0bd810ac07:hover:focus-visible,\n.kindSecondary_47bbb8fda7.colorFixedDark_0bd810ac07:hover.focus-visible_fd86db0485,\n.kindSecondary_47bbb8fda7.colorFixedDark_0bd810ac07:focus:focus-visible,\n.kindSecondary_47bbb8fda7.colorFixedDark_0bd810ac07:focus.focus-visible_fd86db0485 {\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_47bbb8fda7.colorFixedDarkActive_031dcfe2d9:focus:not(.focus-visible_fd86db0485),\n.kindSecondary_47bbb8fda7.colorFixedDark_0bd810ac07:hover:focus:not(.focus-visible_fd86db0485),\n.kindSecondary_47bbb8fda7.colorFixedDark_0bd810ac07:focus:focus:not(.focus-visible_fd86db0485) {\n  outline: none;\n}\n.kindSecondary_47bbb8fda7.colorOnInvertedBackground_5707cb347b {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_47bbb8fda7.colorOnInvertedBackgroundActive_4bd52dc112,\n.kindSecondary_47bbb8fda7.colorOnInvertedBackground_5707cb347b:hover,\n.kindSecondary_47bbb8fda7.colorOnInvertedBackground_5707cb347b:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_47bbb8fda7.colorOnInvertedBackground_5707cb347b.disabled_d4f91893b9 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_47bbb8fda7.colorFixedLight_7bf61defad.disabled_d4f91893b9 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_47bbb8fda7.colorFixedDark_0bd810ac07.disabled_d4f91893b9 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_47bbb8fda7.disabled_d4f91893b9 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_47bbb8fda7.disabled_d4f91893b9:hover {\n  background-color: transparent;\n}\n.kindTertiary_af3b18088f {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary_af3b18088f.colorPrimaryActive_fea8ff2126 {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary_af3b18088f.colorPrimaryActive_fea8ff2126:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_af3b18088f.colorBrandActive_e585a200cb {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_af3b18088f.colorBrandActive_e585a200cb,\n.kindTertiary_af3b18088f.colorBrandActive_e585a200cb:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_af3b18088f.colorPrimary_6b93aa81b2:hover:not(.colorPrimaryActive_fea8ff2126),\n.kindTertiary_af3b18088f.colorPrimary_6b93aa81b2:focus:not(.colorPrimaryActive_fea8ff2126) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_af3b18088f.colorBrand_24911ca2c8:hover:not(.colorBrandActive_e585a200cb),\n.kindTertiary_af3b18088f.colorBrand_24911ca2c8:focus:not(.colorBrandActive_e585a200cb) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_af3b18088f.colorPositive_d3591d5bf9 {\n  color: var(--positive-color);\n}\n.kindTertiary_af3b18088f.colorPositiveActive_c1be2a7337,\n.kindTertiary_af3b18088f.colorPositive_d3591d5bf9:hover,\n.kindTertiary_af3b18088f.colorPositive_d3591d5bf9:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_af3b18088f.colorNegative_b2a878b4eb {\n  color: var(--negative-color);\n}\n.kindTertiary_af3b18088f.colorNegativeActive_c1be2a7337,\n.kindTertiary_af3b18088f.colorNegative_b2a878b4eb:hover,\n.kindTertiary_af3b18088f.colorNegative_b2a878b4eb:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_af3b18088f.colorInverted_fc68e9b3a9 {\n  color: var(--primary-text-color);\n}\n.kindTertiary_af3b18088f.colorInvertedActive_c1be2a7337,\n.kindTertiary_af3b18088f.colorInverted_fc68e9b3a9:hover,\n.kindTertiary_af3b18088f.colorInverted_fc68e9b3a9:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_af3b18088f.colorInverted_fc68e9b3a9.disabled_d4f91893b9 {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_af3b18088f.colorOnPrimaryColor_e55a90f268 {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_af3b18088f.colorOnPrimaryColorActive_7046e8313d,\n.kindTertiary_af3b18088f.colorOnPrimaryColor_e55a90f268:hover,\n.kindTertiary_af3b18088f.colorOnPrimaryColor_e55a90f268:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindTertiary_af3b18088f.colorOnPrimaryColorActive_7046e8313d:focus-visible, .kindTertiary_af3b18088f.colorOnPrimaryColorActive_7046e8313d.focus-visible_fd86db0485,\n.kindTertiary_af3b18088f.colorOnPrimaryColor_e55a90f268:hover:focus-visible,\n.kindTertiary_af3b18088f.colorOnPrimaryColor_e55a90f268:hover.focus-visible_fd86db0485,\n.kindTertiary_af3b18088f.colorOnPrimaryColor_e55a90f268:focus:focus-visible,\n.kindTertiary_af3b18088f.colorOnPrimaryColor_e55a90f268:focus.focus-visible_fd86db0485 {\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_af3b18088f.colorOnPrimaryColorActive_7046e8313d:focus:not(.focus-visible_fd86db0485),\n.kindTertiary_af3b18088f.colorOnPrimaryColor_e55a90f268:hover:focus:not(.focus-visible_fd86db0485),\n.kindTertiary_af3b18088f.colorOnPrimaryColor_e55a90f268:focus:focus:not(.focus-visible_fd86db0485) {\n  outline: none;\n}\n.kindTertiary_af3b18088f.colorOnPrimaryColor_e55a90f268.disabled_d4f91893b9 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_af3b18088f.colorFixedLight_7bf61defad {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_af3b18088f.colorFixedLightActive_7d0cfe83a7,\n.kindTertiary_af3b18088f.colorFixedLight_7bf61defad:hover,\n.kindTertiary_af3b18088f.colorFixedLight_7bf61defad:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindTertiary_af3b18088f.colorFixedLightActive_7d0cfe83a7:focus-visible, .kindTertiary_af3b18088f.colorFixedLightActive_7d0cfe83a7.focus-visible_fd86db0485,\n.kindTertiary_af3b18088f.colorFixedLight_7bf61defad:hover:focus-visible,\n.kindTertiary_af3b18088f.colorFixedLight_7bf61defad:hover.focus-visible_fd86db0485,\n.kindTertiary_af3b18088f.colorFixedLight_7bf61defad:focus:focus-visible,\n.kindTertiary_af3b18088f.colorFixedLight_7bf61defad:focus.focus-visible_fd86db0485 {\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_af3b18088f.colorFixedLightActive_7d0cfe83a7:focus:not(.focus-visible_fd86db0485),\n.kindTertiary_af3b18088f.colorFixedLight_7bf61defad:hover:focus:not(.focus-visible_fd86db0485),\n.kindTertiary_af3b18088f.colorFixedLight_7bf61defad:focus:focus:not(.focus-visible_fd86db0485) {\n  outline: none;\n}\n.kindTertiary_af3b18088f.colorFixedLight_7bf61defad.disabled_d4f91893b9 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_af3b18088f.colorFixedDark_0bd810ac07 {\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_af3b18088f.colorFixedDarkActive_031dcfe2d9,\n.kindTertiary_af3b18088f.colorFixedDark_0bd810ac07:hover,\n.kindTertiary_af3b18088f.colorFixedDark_0bd810ac07:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindTertiary_af3b18088f.colorFixedDarkActive_031dcfe2d9:focus-visible, .kindTertiary_af3b18088f.colorFixedDarkActive_031dcfe2d9.focus-visible_fd86db0485,\n.kindTertiary_af3b18088f.colorFixedDark_0bd810ac07:hover:focus-visible,\n.kindTertiary_af3b18088f.colorFixedDark_0bd810ac07:hover.focus-visible_fd86db0485,\n.kindTertiary_af3b18088f.colorFixedDark_0bd810ac07:focus:focus-visible,\n.kindTertiary_af3b18088f.colorFixedDark_0bd810ac07:focus.focus-visible_fd86db0485 {\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_af3b18088f.colorFixedDarkActive_031dcfe2d9:focus:not(.focus-visible_fd86db0485),\n.kindTertiary_af3b18088f.colorFixedDark_0bd810ac07:hover:focus:not(.focus-visible_fd86db0485),\n.kindTertiary_af3b18088f.colorFixedDark_0bd810ac07:focus:focus:not(.focus-visible_fd86db0485) {\n  outline: none;\n}\n.kindTertiary_af3b18088f.colorFixedDark_0bd810ac07.disabled_d4f91893b9 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_af3b18088f.colorOnInvertedBackground_5707cb347b {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_af3b18088f.colorOnInvertedBackgroundActive_4bd52dc112,\n.kindTertiary_af3b18088f.colorOnInvertedBackground_5707cb347b:hover,\n.kindTertiary_af3b18088f.colorOnInvertedBackground_5707cb347b:focus {\n  background: var(--icon-color);\n}\n.kindTertiary_af3b18088f.colorOnInvertedBackground_5707cb347b.disabled_d4f91893b9 {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_af3b18088f.disabled_d4f91893b9 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_af3b18088f.disabled_d4f91893b9:hover {\n  background-color: transparent;\n}\n.noSidePadding_8385d4cefb {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button_e456368ef6.insetFocusStyle_be2f57cb1d:focus-visible, .button_e456368ef6.insetFocusStyle_be2f57cb1d.focus-visible_fd86db0485 {\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_e456368ef6.insetFocusStyle_be2f57cb1d:focus:not(.focus-visible_fd86db0485) {\n  outline: none;\n}");export{o as default};
+var o={button:"button_eb8d01b724","focus-visible":"focus-visible_8aa595983e",loader:"loader_edef67ec27",loaderSvg:"loaderSvg_d50e35ceeb",textPlaceholder:"textPlaceholder_3a0468db8a",success:"success_919d295b52",successContent:"successContent_fe0c48491f",marginRight:"marginRight_664684eae6",marginLeft:"marginLeft_df556b36c8",rightFlat:"rightFlat_5203c64b76",leftFlat:"leftFlat_47a159814a",preventClickAnimation:"preventClickAnimation_1420550ec2",leftIcon:"leftIcon_664684eae6",rightIcon:"rightIcon_df556b36c8",sizeXxs:"sizeXxs_e36dabf0ff",sizeXs:"sizeXs_64592fa005",sizeSmall:"sizeSmall_8d2a47bd5d",sizeMedium:"sizeMedium_aaa1c17344",sizeLarge:"sizeLarge_ce19c9a5bb",kindPrimary:"kindPrimary_5252766d11",colorPrimary:"colorPrimary_24b72ec302",colorBrand:"colorBrand_ed7e5550c8",colorPrimaryActive:"colorPrimaryActive_959e16537b",colorBrandActive:"colorBrandActive_6587e21ccf",colorPositive:"colorPositive_ec8b8d0465",colorPositiveActive:"colorPositiveActive_671381a837",colorNegative:"colorNegative_c5287244ad",colorNegativeActive:"colorNegativeActive_671381a837",colorInverted:"colorInverted_c495f71f60",colorInvertedActive:"colorInvertedActive_671381a837",disabled:"disabled_f99ee360c9",colorOnPrimaryColor:"colorOnPrimaryColor_edc9a49fb0",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_891334ae88",colorFixedLight:"colorFixedLight_c82e2cf489",colorFixedLightActive:"colorFixedLightActive_1420550ec2",colorFixedDark:"colorFixedDark_10fe736b16",colorFixedDarkActive:"colorFixedDarkActive_13e96b152a",colorOnInvertedBackground:"colorOnInvertedBackground_0cdc08be0f",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_5f947d47ee",kindSecondary:"kindSecondary_0e2c774e7c",kindTertiary:"kindTertiary_1c11142331",noSidePadding:"noSidePadding_b33885ce99",insetFocusStyle:"insetFocusStyle_32152ed994"};!function(o){const r="s_id-95d3f630f6d9_3_0_6";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+r))return;const n=document.createElement("style");n.id=r,e.firstChild?e.insertBefore(n,e.firstChild):e.appendChild(n),n.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=o)}(".button_eb8d01b724 {\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_eb8d01b724:focus-visible, .button_eb8d01b724.focus-visible_8aa595983e {\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_eb8d01b724:focus:not(.focus-visible_8aa595983e) {\n  outline: none;\n}\n.button_eb8d01b724 .loader_edef67ec27 {\n  height: 100%;\n}\n.button_eb8d01b724 .loader_edef67ec27 .loaderSvg_d50e35ceeb {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_eb8d01b724 .textPlaceholder_3a0468db8a {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_eb8d01b724.success_919d295b52 {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_eb8d01b724.success_919d295b52 .successContent_fe0c48491f {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_664684eae6 {\n  margin-right: var(--spacing-small);\n}\n.marginLeft_df556b36c8 {\n  margin-left: var(--spacing-small);\n}\n.rightFlat_5203c64b76 {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat_47a159814a {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.button_eb8d01b724:active:not(.preventClickAnimation_1420550ec2) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_eb8d01b724 .leftIcon_664684eae6 {\n  margin-right: var(--spacing-small);\n}\n.button_eb8d01b724 .rightIcon_df556b36c8 {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs_e36dabf0ff {\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(--spacing-xs);\n  height: 16px;\n  line-height: 16px;\n}\n.sizeXs_64592fa005 {\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(--spacing-xs) var(--spacing-small);\n  height: 24px;\n  line-height: 21px;\n}\n.sizeSmall_8d2a47bd5d {\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(--spacing-xs) var(--spacing-small);\n  height: 32px;\n  line-height: 24px;\n}\n.sizeSmall_8d2a47bd5d .loader_edef67ec27 {\n  top: 7px;\n}\n.sizeMedium_aaa1c17344 {\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(--spacing-small) var(--spacing-medium);\n  height: 40px;\n}\n.sizeLarge_ce19c9a5bb {\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(--spacing-large);\n  height: 48px;\n}\n.kindPrimary_5252766d11 {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_5252766d11.colorPrimary_24b72ec302 {\n  background: var(--primary-color);\n}\n.kindPrimary_5252766d11.colorBrand_ed7e5550c8 {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_5252766d11.colorPrimaryActive_959e16537b,\n.kindPrimary_5252766d11.colorPrimary_24b72ec302:hover,\n.kindPrimary_5252766d11.colorPrimary_24b72ec302:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary_5252766d11.colorBrandActive_6587e21ccf,\n.kindPrimary_5252766d11.colorBrand_ed7e5550c8:hover,\n.kindPrimary_5252766d11.colorBrand_ed7e5550c8:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_5252766d11.colorPositive_ec8b8d0465 {\n  background: var(--positive-color);\n}\n.kindPrimary_5252766d11.colorPositiveActive_671381a837,\n.kindPrimary_5252766d11.colorPositive_ec8b8d0465:hover,\n.kindPrimary_5252766d11.colorPositive_ec8b8d0465:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_5252766d11.colorNegative_c5287244ad {\n  background: var(--negative-color);\n}\n.kindPrimary_5252766d11.colorNegativeActive_671381a837,\n.kindPrimary_5252766d11.colorNegative_c5287244ad:hover,\n.kindPrimary_5252766d11.colorNegative_c5287244ad:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_5252766d11.colorInverted_c495f71f60 {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_5252766d11.colorInvertedActive_671381a837,\n.kindPrimary_5252766d11.colorInverted_c495f71f60:hover,\n.kindPrimary_5252766d11.colorInverted_c495f71f60:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_5252766d11.button_eb8d01b724.colorInverted_c495f71f60.disabled_f99ee360c9 {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_5252766d11.colorOnPrimaryColor_edc9a49fb0 {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_5252766d11.colorOnPrimaryColorActive_891334ae88,\n.kindPrimary_5252766d11.colorOnPrimaryColor_edc9a49fb0:hover,\n.kindPrimary_5252766d11.colorOnPrimaryColor_edc9a49fb0:focus {\n  background-color: #e6e9ef;\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindPrimary_5252766d11.colorOnPrimaryColorActive_891334ae88:focus-visible, .kindPrimary_5252766d11.colorOnPrimaryColorActive_891334ae88.focus-visible_8aa595983e,\n.kindPrimary_5252766d11.colorOnPrimaryColor_edc9a49fb0:hover:focus-visible,\n.kindPrimary_5252766d11.colorOnPrimaryColor_edc9a49fb0:hover.focus-visible_8aa595983e,\n.kindPrimary_5252766d11.colorOnPrimaryColor_edc9a49fb0:focus:focus-visible,\n.kindPrimary_5252766d11.colorOnPrimaryColor_edc9a49fb0:focus.focus-visible_8aa595983e {\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_5252766d11.colorOnPrimaryColorActive_891334ae88:focus:not(.focus-visible_8aa595983e),\n.kindPrimary_5252766d11.colorOnPrimaryColor_edc9a49fb0:hover:focus:not(.focus-visible_8aa595983e),\n.kindPrimary_5252766d11.colorOnPrimaryColor_edc9a49fb0:focus:focus:not(.focus-visible_8aa595983e) {\n  outline: none;\n}\n.kindPrimary_5252766d11.colorOnPrimaryColor_edc9a49fb0.disabled_f99ee360c9 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_5252766d11.colorFixedLight_c82e2cf489 {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_5252766d11.colorFixedLightActive_1420550ec2,\n.kindPrimary_5252766d11.colorFixedLight_c82e2cf489:hover,\n.kindPrimary_5252766d11.colorFixedLight_c82e2cf489:focus {\n  background-color: #e6e9ef;\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindPrimary_5252766d11.colorFixedLightActive_1420550ec2:focus-visible, .kindPrimary_5252766d11.colorFixedLightActive_1420550ec2.focus-visible_8aa595983e,\n.kindPrimary_5252766d11.colorFixedLight_c82e2cf489:hover:focus-visible,\n.kindPrimary_5252766d11.colorFixedLight_c82e2cf489:hover.focus-visible_8aa595983e,\n.kindPrimary_5252766d11.colorFixedLight_c82e2cf489:focus:focus-visible,\n.kindPrimary_5252766d11.colorFixedLight_c82e2cf489:focus.focus-visible_8aa595983e {\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_5252766d11.colorFixedLightActive_1420550ec2:focus:not(.focus-visible_8aa595983e),\n.kindPrimary_5252766d11.colorFixedLight_c82e2cf489:hover:focus:not(.focus-visible_8aa595983e),\n.kindPrimary_5252766d11.colorFixedLight_c82e2cf489:focus:focus:not(.focus-visible_8aa595983e) {\n  outline: none;\n}\n.kindPrimary_5252766d11.colorFixedLight_c82e2cf489.disabled_f99ee360c9 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_5252766d11.colorFixedDark_10fe736b16 {\n  background: var(--fixed-dark-color);\n  color: var(--fixed-light-color);\n}\n.kindPrimary_5252766d11.colorFixedDarkActive_13e96b152a,\n.kindPrimary_5252766d11.colorFixedDark_10fe736b16:hover,\n.kindPrimary_5252766d11.colorFixedDark_10fe736b16:focus {\n  filter: brightness(125%);\n}\n.kindPrimary_5252766d11.colorFixedDarkActive_13e96b152a:focus-visible, .kindPrimary_5252766d11.colorFixedDarkActive_13e96b152a.focus-visible_8aa595983e,\n.kindPrimary_5252766d11.colorFixedDark_10fe736b16:hover:focus-visible,\n.kindPrimary_5252766d11.colorFixedDark_10fe736b16:hover.focus-visible_8aa595983e,\n.kindPrimary_5252766d11.colorFixedDark_10fe736b16:focus:focus-visible,\n.kindPrimary_5252766d11.colorFixedDark_10fe736b16:focus.focus-visible_8aa595983e {\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_5252766d11.colorFixedDarkActive_13e96b152a:focus:not(.focus-visible_8aa595983e),\n.kindPrimary_5252766d11.colorFixedDark_10fe736b16:hover:focus:not(.focus-visible_8aa595983e),\n.kindPrimary_5252766d11.colorFixedDark_10fe736b16:focus:focus:not(.focus-visible_8aa595983e) {\n  outline: none;\n}\n.kindPrimary_5252766d11.colorFixedDark_10fe736b16.disabled_f99ee360c9 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindPrimary_5252766d11.colorOnInvertedBackground_0cdc08be0f {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary_5252766d11.colorOnInvertedBackgroundActive_5f947d47ee,\n.kindPrimary_5252766d11.colorOnInvertedBackground_0cdc08be0f:hover,\n.kindPrimary_5252766d11.colorOnInvertedBackground_0cdc08be0f:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary_5252766d11.button_eb8d01b724.colorOnInvertedBackground_0cdc08be0f.disabled_f99ee360c9 {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary_5252766d11.button_eb8d01b724.disabled_f99ee360c9 {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_0e2c774e7c {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary_0e2c774e7c.sizeSmall_8d2a47bd5d {\n  line-height: 22px;\n}\n.kindSecondary_0e2c774e7c.sizeMedium_aaa1c17344 {\n  line-height: 22px;\n}\n.kindSecondary_0e2c774e7c.sizeLarge_ce19c9a5bb {\n  line-height: 22px;\n}\n.kindSecondary_0e2c774e7c.colorPrimaryActive_959e16537b {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_0e2c774e7c.colorPrimaryActive_959e16537b:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_0e2c774e7c.colorBrandActive_6587e21ccf {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_0e2c774e7c.colorBrandActive_6587e21ccf,\n.kindSecondary_0e2c774e7c.colorBrandActive_6587e21ccf:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_0e2c774e7c.colorPrimary_24b72ec302:hover:not(.colorPrimaryActive_959e16537b),\n.kindSecondary_0e2c774e7c.colorPrimary_24b72ec302:focus:not(.colorPrimaryActive_959e16537b) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_0e2c774e7c.colorBrand_ed7e5550c8:hover:not(.colorBrandActive_6587e21ccf),\n.kindSecondary_0e2c774e7c.colorBrand_ed7e5550c8:focus:not(.colorBrandActive_6587e21ccf) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_0e2c774e7c.colorPositive_ec8b8d0465 {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_0e2c774e7c.colorPositiveActive_671381a837,\n.kindSecondary_0e2c774e7c.colorPositive_ec8b8d0465:hover,\n.kindSecondary_0e2c774e7c.colorPositive_ec8b8d0465:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_0e2c774e7c.colorNegative_c5287244ad {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_0e2c774e7c.colorNegativeActive_671381a837,\n.kindSecondary_0e2c774e7c.colorNegative_c5287244ad:hover,\n.kindSecondary_0e2c774e7c.colorNegative_c5287244ad:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_0e2c774e7c.colorInverted_c495f71f60 {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary_0e2c774e7c.colorInvertedActive_671381a837,\n.kindSecondary_0e2c774e7c.colorInverted_c495f71f60:hover,\n.kindSecondary_0e2c774e7c.colorInverted_c495f71f60:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_0e2c774e7c.colorInverted_c495f71f60.disabled_f99ee360c9 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_0e2c774e7c.colorOnPrimaryColor_edc9a49fb0 {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_0e2c774e7c.colorOnPrimaryColorActive_891334ae88,\n.kindSecondary_0e2c774e7c.colorOnPrimaryColor_edc9a49fb0:hover,\n.kindSecondary_0e2c774e7c.colorOnPrimaryColor_edc9a49fb0:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindSecondary_0e2c774e7c.colorOnPrimaryColorActive_891334ae88:focus-visible, .kindSecondary_0e2c774e7c.colorOnPrimaryColorActive_891334ae88.focus-visible_8aa595983e,\n.kindSecondary_0e2c774e7c.colorOnPrimaryColor_edc9a49fb0:hover:focus-visible,\n.kindSecondary_0e2c774e7c.colorOnPrimaryColor_edc9a49fb0:hover.focus-visible_8aa595983e,\n.kindSecondary_0e2c774e7c.colorOnPrimaryColor_edc9a49fb0:focus:focus-visible,\n.kindSecondary_0e2c774e7c.colorOnPrimaryColor_edc9a49fb0:focus.focus-visible_8aa595983e {\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_0e2c774e7c.colorOnPrimaryColorActive_891334ae88:focus:not(.focus-visible_8aa595983e),\n.kindSecondary_0e2c774e7c.colorOnPrimaryColor_edc9a49fb0:hover:focus:not(.focus-visible_8aa595983e),\n.kindSecondary_0e2c774e7c.colorOnPrimaryColor_edc9a49fb0:focus:focus:not(.focus-visible_8aa595983e) {\n  outline: none;\n}\n.kindSecondary_0e2c774e7c.colorOnPrimaryColor_edc9a49fb0.disabled_f99ee360c9 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_0e2c774e7c.colorFixedLight_c82e2cf489 {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_0e2c774e7c.colorFixedLightActive_1420550ec2,\n.kindSecondary_0e2c774e7c.colorFixedLight_c82e2cf489:hover,\n.kindSecondary_0e2c774e7c.colorFixedLight_c82e2cf489:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindSecondary_0e2c774e7c.colorFixedLightActive_1420550ec2:focus-visible, .kindSecondary_0e2c774e7c.colorFixedLightActive_1420550ec2.focus-visible_8aa595983e,\n.kindSecondary_0e2c774e7c.colorFixedLight_c82e2cf489:hover:focus-visible,\n.kindSecondary_0e2c774e7c.colorFixedLight_c82e2cf489:hover.focus-visible_8aa595983e,\n.kindSecondary_0e2c774e7c.colorFixedLight_c82e2cf489:focus:focus-visible,\n.kindSecondary_0e2c774e7c.colorFixedLight_c82e2cf489:focus.focus-visible_8aa595983e {\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_0e2c774e7c.colorFixedLightActive_1420550ec2:focus:not(.focus-visible_8aa595983e),\n.kindSecondary_0e2c774e7c.colorFixedLight_c82e2cf489:hover:focus:not(.focus-visible_8aa595983e),\n.kindSecondary_0e2c774e7c.colorFixedLight_c82e2cf489:focus:focus:not(.focus-visible_8aa595983e) {\n  outline: none;\n}\n.kindSecondary_0e2c774e7c.colorFixedDark_10fe736b16 {\n  border-color: var(--fixed-dark-color);\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_0e2c774e7c.colorFixedDarkActive_13e96b152a,\n.kindSecondary_0e2c774e7c.colorFixedDark_10fe736b16:hover,\n.kindSecondary_0e2c774e7c.colorFixedDark_10fe736b16:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindSecondary_0e2c774e7c.colorFixedDarkActive_13e96b152a:focus-visible, .kindSecondary_0e2c774e7c.colorFixedDarkActive_13e96b152a.focus-visible_8aa595983e,\n.kindSecondary_0e2c774e7c.colorFixedDark_10fe736b16:hover:focus-visible,\n.kindSecondary_0e2c774e7c.colorFixedDark_10fe736b16:hover.focus-visible_8aa595983e,\n.kindSecondary_0e2c774e7c.colorFixedDark_10fe736b16:focus:focus-visible,\n.kindSecondary_0e2c774e7c.colorFixedDark_10fe736b16:focus.focus-visible_8aa595983e {\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_0e2c774e7c.colorFixedDarkActive_13e96b152a:focus:not(.focus-visible_8aa595983e),\n.kindSecondary_0e2c774e7c.colorFixedDark_10fe736b16:hover:focus:not(.focus-visible_8aa595983e),\n.kindSecondary_0e2c774e7c.colorFixedDark_10fe736b16:focus:focus:not(.focus-visible_8aa595983e) {\n  outline: none;\n}\n.kindSecondary_0e2c774e7c.colorOnInvertedBackground_0cdc08be0f {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_0e2c774e7c.colorOnInvertedBackgroundActive_5f947d47ee,\n.kindSecondary_0e2c774e7c.colorOnInvertedBackground_0cdc08be0f:hover,\n.kindSecondary_0e2c774e7c.colorOnInvertedBackground_0cdc08be0f:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_0e2c774e7c.colorOnInvertedBackground_0cdc08be0f.disabled_f99ee360c9 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_0e2c774e7c.colorFixedLight_c82e2cf489.disabled_f99ee360c9 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_0e2c774e7c.colorFixedDark_10fe736b16.disabled_f99ee360c9 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_0e2c774e7c.disabled_f99ee360c9 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_0e2c774e7c.disabled_f99ee360c9:hover {\n  background-color: transparent;\n}\n.kindTertiary_1c11142331 {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary_1c11142331.colorPrimaryActive_959e16537b {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary_1c11142331.colorPrimaryActive_959e16537b:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_1c11142331.colorBrandActive_6587e21ccf {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_1c11142331.colorBrandActive_6587e21ccf,\n.kindTertiary_1c11142331.colorBrandActive_6587e21ccf:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_1c11142331.colorPrimary_24b72ec302:hover:not(.colorPrimaryActive_959e16537b),\n.kindTertiary_1c11142331.colorPrimary_24b72ec302:focus:not(.colorPrimaryActive_959e16537b) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_1c11142331.colorBrand_ed7e5550c8:hover:not(.colorBrandActive_6587e21ccf),\n.kindTertiary_1c11142331.colorBrand_ed7e5550c8:focus:not(.colorBrandActive_6587e21ccf) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_1c11142331.colorPositive_ec8b8d0465 {\n  color: var(--positive-color);\n}\n.kindTertiary_1c11142331.colorPositiveActive_671381a837,\n.kindTertiary_1c11142331.colorPositive_ec8b8d0465:hover,\n.kindTertiary_1c11142331.colorPositive_ec8b8d0465:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_1c11142331.colorNegative_c5287244ad {\n  color: var(--negative-color);\n}\n.kindTertiary_1c11142331.colorNegativeActive_671381a837,\n.kindTertiary_1c11142331.colorNegative_c5287244ad:hover,\n.kindTertiary_1c11142331.colorNegative_c5287244ad:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_1c11142331.colorInverted_c495f71f60 {\n  color: var(--primary-text-color);\n}\n.kindTertiary_1c11142331.colorInvertedActive_671381a837,\n.kindTertiary_1c11142331.colorInverted_c495f71f60:hover,\n.kindTertiary_1c11142331.colorInverted_c495f71f60:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_1c11142331.colorInverted_c495f71f60.disabled_f99ee360c9 {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_1c11142331.colorOnPrimaryColor_edc9a49fb0 {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_1c11142331.colorOnPrimaryColorActive_891334ae88,\n.kindTertiary_1c11142331.colorOnPrimaryColor_edc9a49fb0:hover,\n.kindTertiary_1c11142331.colorOnPrimaryColor_edc9a49fb0:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindTertiary_1c11142331.colorOnPrimaryColorActive_891334ae88:focus-visible, .kindTertiary_1c11142331.colorOnPrimaryColorActive_891334ae88.focus-visible_8aa595983e,\n.kindTertiary_1c11142331.colorOnPrimaryColor_edc9a49fb0:hover:focus-visible,\n.kindTertiary_1c11142331.colorOnPrimaryColor_edc9a49fb0:hover.focus-visible_8aa595983e,\n.kindTertiary_1c11142331.colorOnPrimaryColor_edc9a49fb0:focus:focus-visible,\n.kindTertiary_1c11142331.colorOnPrimaryColor_edc9a49fb0:focus.focus-visible_8aa595983e {\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_1c11142331.colorOnPrimaryColorActive_891334ae88:focus:not(.focus-visible_8aa595983e),\n.kindTertiary_1c11142331.colorOnPrimaryColor_edc9a49fb0:hover:focus:not(.focus-visible_8aa595983e),\n.kindTertiary_1c11142331.colorOnPrimaryColor_edc9a49fb0:focus:focus:not(.focus-visible_8aa595983e) {\n  outline: none;\n}\n.kindTertiary_1c11142331.colorOnPrimaryColor_edc9a49fb0.disabled_f99ee360c9 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_1c11142331.colorFixedLight_c82e2cf489 {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_1c11142331.colorFixedLightActive_1420550ec2,\n.kindTertiary_1c11142331.colorFixedLight_c82e2cf489:hover,\n.kindTertiary_1c11142331.colorFixedLight_c82e2cf489:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindTertiary_1c11142331.colorFixedLightActive_1420550ec2:focus-visible, .kindTertiary_1c11142331.colorFixedLightActive_1420550ec2.focus-visible_8aa595983e,\n.kindTertiary_1c11142331.colorFixedLight_c82e2cf489:hover:focus-visible,\n.kindTertiary_1c11142331.colorFixedLight_c82e2cf489:hover.focus-visible_8aa595983e,\n.kindTertiary_1c11142331.colorFixedLight_c82e2cf489:focus:focus-visible,\n.kindTertiary_1c11142331.colorFixedLight_c82e2cf489:focus.focus-visible_8aa595983e {\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_1c11142331.colorFixedLightActive_1420550ec2:focus:not(.focus-visible_8aa595983e),\n.kindTertiary_1c11142331.colorFixedLight_c82e2cf489:hover:focus:not(.focus-visible_8aa595983e),\n.kindTertiary_1c11142331.colorFixedLight_c82e2cf489:focus:focus:not(.focus-visible_8aa595983e) {\n  outline: none;\n}\n.kindTertiary_1c11142331.colorFixedLight_c82e2cf489.disabled_f99ee360c9 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_1c11142331.colorFixedDark_10fe736b16 {\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_1c11142331.colorFixedDarkActive_13e96b152a,\n.kindTertiary_1c11142331.colorFixedDark_10fe736b16:hover,\n.kindTertiary_1c11142331.colorFixedDark_10fe736b16:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindTertiary_1c11142331.colorFixedDarkActive_13e96b152a:focus-visible, .kindTertiary_1c11142331.colorFixedDarkActive_13e96b152a.focus-visible_8aa595983e,\n.kindTertiary_1c11142331.colorFixedDark_10fe736b16:hover:focus-visible,\n.kindTertiary_1c11142331.colorFixedDark_10fe736b16:hover.focus-visible_8aa595983e,\n.kindTertiary_1c11142331.colorFixedDark_10fe736b16:focus:focus-visible,\n.kindTertiary_1c11142331.colorFixedDark_10fe736b16:focus.focus-visible_8aa595983e {\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_1c11142331.colorFixedDarkActive_13e96b152a:focus:not(.focus-visible_8aa595983e),\n.kindTertiary_1c11142331.colorFixedDark_10fe736b16:hover:focus:not(.focus-visible_8aa595983e),\n.kindTertiary_1c11142331.colorFixedDark_10fe736b16:focus:focus:not(.focus-visible_8aa595983e) {\n  outline: none;\n}\n.kindTertiary_1c11142331.colorFixedDark_10fe736b16.disabled_f99ee360c9 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_1c11142331.colorOnInvertedBackground_0cdc08be0f {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_1c11142331.colorOnInvertedBackgroundActive_5f947d47ee,\n.kindTertiary_1c11142331.colorOnInvertedBackground_0cdc08be0f:hover,\n.kindTertiary_1c11142331.colorOnInvertedBackground_0cdc08be0f:focus {\n  background: var(--icon-color);\n}\n.kindTertiary_1c11142331.colorOnInvertedBackground_0cdc08be0f.disabled_f99ee360c9 {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_1c11142331.disabled_f99ee360c9 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_1c11142331.disabled_f99ee360c9:hover {\n  background-color: transparent;\n}\n.noSidePadding_b33885ce99 {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button_eb8d01b724.insetFocusStyle_32152ed994:focus-visible, .button_eb8d01b724.insetFocusStyle_32152ed994.focus-visible_8aa595983e {\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_eb8d01b724.insetFocusStyle_32152ed994:focus:not(.focus-visible_8aa595983e) {\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-95d3f630f6d9_3_0_5";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)}(".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-right: var(--spacing-small);\n}\n.marginLeft {\n  margin-left: var(--spacing-small);\n}\n.rightFlat {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.button:active:not(.preventClickAnimation) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button .leftIcon {\n  margin-right: var(--spacing-small);\n}\n.button .rightIcon {\n  margin-left: var(--spacing-small);\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(--spacing-xs);\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(--spacing-xs) var(--spacing-small);\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(--spacing-xs) var(--spacing-small);\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(--spacing-small) var(--spacing-medium);\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(--spacing-large);\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-right: 0;\n  padding-left: 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-95d3f630f6d9_3_0_6";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)}(".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-right: var(--spacing-small);\n}\n.marginLeft {\n  margin-left: var(--spacing-small);\n}\n.rightFlat {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.button:active:not(.preventClickAnimation) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button .leftIcon {\n  margin-right: var(--spacing-small);\n}\n.button .rightIcon {\n  margin-left: var(--spacing-small);\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(--spacing-xs);\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(--spacing-xs) var(--spacing-small);\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(--spacing-xs) var(--spacing-small);\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(--spacing-small) var(--spacing-medium);\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(--spacing-large);\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-right: 0;\n  padding-left: 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": "3.0.6",
+  "version": "3.0.7-alpha-4700b.0",
   "description": "Vibe sub-package for button components",
   "repository": {
     "type": "git",
@@ -37,9 +37,9 @@
     "lint": "eslint \"./src/**/*.{js,jsx,ts,tsx}\""
   },
   "dependencies": {
-    "@vibe/icon": "3.0.6",
-    "@vibe/loader": "3.0.6",
-    "@vibe/shared": "3.0.6",
+    "@vibe/icon": "3.0.7-alpha-4700b.0",
+    "@vibe/loader": "3.0.7-alpha-4700b.0",
+    "@vibe/shared": "3.0.7-alpha-4700b.0",
     "classnames": "^2.5.1",
     "es-toolkit": "^1.39.10"
   },
@@ -68,5 +68,5 @@
       "../../../node_modules/@vibe/config/.eslintrc.cjs"
     ]
   },
-  "gitHead": "2a879ae16bd3c15b5b027597f0e020d97a45a43b"
+  "gitHead": "092793a994e9c10d985c592b5e162edf72e35655"
 }