@vibe/button 4.0.3 → 4.0.4

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

@@ -1,2 +1,2 @@
-var o={button:"button_223149c872","focus-visible":"focus-visible_c780cd36f3",loader:"loader_760c00a8fb",loaderSvg:"loaderSvg_7fc8807d45",textPlaceholder:"textPlaceholder_6447591cdc",success:"success_d46adaa046",successContent:"successContent_e65bbae24a",marginRight:"marginRight_e23b910540",marginLeft:"marginLeft_e4e015d185",rightFlat:"rightFlat_6de3b6c286",leftFlat:"leftFlat_ec42045269",preventClickAnimation:"preventClickAnimation_1f9e529e9d",leftIcon:"leftIcon_e23b910540",rightIcon:"rightIcon_e4e015d185",sizeXxs:"sizeXxs_cdeeb610b7",sizeXs:"sizeXs_206362b219",sizeSmall:"sizeSmall_c6e7f97381",sizeMedium:"sizeMedium_5b73c5eeb3",sizeLarge:"sizeLarge_b139c059f6",kindPrimary:"kindPrimary_cbb3caef1e",colorPrimary:"colorPrimary_e74445ee40",colorBrand:"colorBrand_2788260478",colorPrimaryActive:"colorPrimaryActive_604094f4a6",colorBrandActive:"colorBrandActive_96fb2e23ae",colorPositive:"colorPositive_5abd39f4f4",colorPositiveActive:"colorPositiveActive_8fcddfba72",colorNegative:"colorNegative_938effffc9",colorNegativeActive:"colorNegativeActive_8fcddfba72",colorInverted:"colorInverted_a01decb086",colorInvertedActive:"colorInvertedActive_8fcddfba72",disabled:"disabled_720b65b0fb",colorOnPrimaryColor:"colorOnPrimaryColor_fc5b6a5ae2",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_452dcaec3b",colorFixedLight:"colorFixedLight_8c69206072",colorFixedLightActive:"colorFixedLightActive_1f9e529e9d",colorFixedDark:"colorFixedDark_29d21911ef",colorFixedDarkActive:"colorFixedDarkActive_c67e989fed",colorOnInvertedBackground:"colorOnInvertedBackground_a2f21caaf3",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_75393c86d9",kindSecondary:"kindSecondary_88036e3c01",kindTertiary:"kindTertiary_9f7820f644",noSidePadding:"noSidePadding_9e44e4d394",insetFocusStyle:"insetFocusStyle_afd5616edd"};!function(o){const r="s_id-216fe7e3e8d5_4_0_2";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+r))return;const n=document.createElement("style");n.id=r,e.firstChild?e.insertBefore(n,e.firstChild):e.appendChild(n),n.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=o)}("/* stylelint-disable */\n/* stylelint-enable */\n.button_223149c872 {\n  --loader-padding: 8px;\n  outline: none;\n  border: none;\n  height: auto;\n  border-radius: var(--border-radius-small);\n  cursor: pointer;\n  white-space: nowrap;\n  transition: var(--motion-productive-short) transform, var(--motion-productive-medium) var(--motion-timing-transition) min-width;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  /* Prevent text selection */\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n  min-width: auto;\n}\n.button_223149c872:focus-visible, .button_223149c872.focus-visible_c780cd36f3 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.button_223149c872:focus:not(.focus-visible_c780cd36f3) {\n  outline: none;\n}\n.button_223149c872 .loader_760c00a8fb {\n  height: 100%;\n}\n.button_223149c872 .loader_760c00a8fb .loaderSvg_7fc8807d45 {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_223149c872 .textPlaceholder_6447591cdc {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_223149c872.success_d46adaa046 {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_223149c872.success_d46adaa046 .successContent_e65bbae24a {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_e23b910540 {\n  margin-inline-end: var(--space-8);\n}\n.marginLeft_e4e015d185 {\n  margin-inline-start: var(--space-8);\n}\n.rightFlat_6de3b6c286 {\n  border-start-end-radius: 0;\n  border-end-end-radius: 0;\n}\n.leftFlat_ec42045269 {\n  border-start-start-radius: 0;\n  border-end-start-radius: 0;\n}\n.button_223149c872:active:not(.preventClickAnimation_1f9e529e9d) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_223149c872 .leftIcon_e23b910540 {\n  margin-inline-end: var(--space-8);\n}\n.button_223149c872 .rightIcon_e4e015d185 {\n  margin-inline-start: var(--space-8);\n}\n.sizeXxs_cdeeb610b7 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  padding: 2px var(--space-4);\n  height: 16px;\n  line-height: 16px;\n}\n.sizeXs_206362b219 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  padding: var(--space-4) var(--space-8);\n  height: 24px;\n  line-height: 21px;\n}\n.sizeSmall_c6e7f97381 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  padding: var(--space-4) var(--space-8);\n  height: 32px;\n  line-height: 24px;\n}\n.sizeSmall_c6e7f97381 .loader_760c00a8fb {\n  top: 7px;\n}\n.sizeMedium_5b73c5eeb3 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text1-normal);\n  padding: var(--space-8) var(--space-16);\n  height: 40px;\n}\n.sizeLarge_b139c059f6 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text1-normal);\n  padding: 12px var(--space-24);\n  height: 48px;\n}\n.kindPrimary_cbb3caef1e {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_cbb3caef1e.colorPrimary_e74445ee40 {\n  background: var(--primary-color);\n}\n.kindPrimary_cbb3caef1e.colorBrand_2788260478 {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_cbb3caef1e.colorPrimaryActive_604094f4a6,\n.kindPrimary_cbb3caef1e.colorPrimary_e74445ee40:hover,\n.kindPrimary_cbb3caef1e.colorPrimary_e74445ee40:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary_cbb3caef1e.colorBrandActive_96fb2e23ae,\n.kindPrimary_cbb3caef1e.colorBrand_2788260478:hover,\n.kindPrimary_cbb3caef1e.colorBrand_2788260478:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_cbb3caef1e.colorPositive_5abd39f4f4 {\n  background: var(--positive-color);\n}\n.kindPrimary_cbb3caef1e.colorPositiveActive_8fcddfba72,\n.kindPrimary_cbb3caef1e.colorPositive_5abd39f4f4:hover,\n.kindPrimary_cbb3caef1e.colorPositive_5abd39f4f4:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_cbb3caef1e.colorNegative_938effffc9 {\n  background: var(--negative-color);\n}\n.kindPrimary_cbb3caef1e.colorNegativeActive_8fcddfba72,\n.kindPrimary_cbb3caef1e.colorNegative_938effffc9:hover,\n.kindPrimary_cbb3caef1e.colorNegative_938effffc9:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_cbb3caef1e.colorInverted_a01decb086 {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_cbb3caef1e.colorInvertedActive_8fcddfba72,\n.kindPrimary_cbb3caef1e.colorInverted_a01decb086:hover,\n.kindPrimary_cbb3caef1e.colorInverted_a01decb086:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_cbb3caef1e.button_223149c872.colorInverted_a01decb086.disabled_720b65b0fb {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_cbb3caef1e.colorOnPrimaryColor_fc5b6a5ae2 {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_cbb3caef1e.colorOnPrimaryColorActive_452dcaec3b,\n.kindPrimary_cbb3caef1e.colorOnPrimaryColor_fc5b6a5ae2:hover,\n.kindPrimary_cbb3caef1e.colorOnPrimaryColor_fc5b6a5ae2:focus {\n  background-color: #e6e9ef;\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindPrimary_cbb3caef1e.colorOnPrimaryColorActive_452dcaec3b:focus-visible, .kindPrimary_cbb3caef1e.colorOnPrimaryColorActive_452dcaec3b.focus-visible_c780cd36f3,\n.kindPrimary_cbb3caef1e.colorOnPrimaryColor_fc5b6a5ae2:hover:focus-visible,\n.kindPrimary_cbb3caef1e.colorOnPrimaryColor_fc5b6a5ae2:hover.focus-visible_c780cd36f3,\n.kindPrimary_cbb3caef1e.colorOnPrimaryColor_fc5b6a5ae2:focus:focus-visible,\n.kindPrimary_cbb3caef1e.colorOnPrimaryColor_fc5b6a5ae2:focus.focus-visible_c780cd36f3 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary_cbb3caef1e.colorOnPrimaryColorActive_452dcaec3b:focus:not(.focus-visible_c780cd36f3),\n.kindPrimary_cbb3caef1e.colorOnPrimaryColor_fc5b6a5ae2:hover:focus:not(.focus-visible_c780cd36f3),\n.kindPrimary_cbb3caef1e.colorOnPrimaryColor_fc5b6a5ae2:focus:focus:not(.focus-visible_c780cd36f3) {\n  outline: none;\n}\n.kindPrimary_cbb3caef1e.colorOnPrimaryColor_fc5b6a5ae2.disabled_720b65b0fb {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_cbb3caef1e.colorFixedLight_8c69206072 {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_cbb3caef1e.colorFixedLightActive_1f9e529e9d,\n.kindPrimary_cbb3caef1e.colorFixedLight_8c69206072:hover,\n.kindPrimary_cbb3caef1e.colorFixedLight_8c69206072:focus {\n  background-color: #e6e9ef;\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindPrimary_cbb3caef1e.colorFixedLightActive_1f9e529e9d:focus-visible, .kindPrimary_cbb3caef1e.colorFixedLightActive_1f9e529e9d.focus-visible_c780cd36f3,\n.kindPrimary_cbb3caef1e.colorFixedLight_8c69206072:hover:focus-visible,\n.kindPrimary_cbb3caef1e.colorFixedLight_8c69206072:hover.focus-visible_c780cd36f3,\n.kindPrimary_cbb3caef1e.colorFixedLight_8c69206072:focus:focus-visible,\n.kindPrimary_cbb3caef1e.colorFixedLight_8c69206072:focus.focus-visible_c780cd36f3 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary_cbb3caef1e.colorFixedLightActive_1f9e529e9d:focus:not(.focus-visible_c780cd36f3),\n.kindPrimary_cbb3caef1e.colorFixedLight_8c69206072:hover:focus:not(.focus-visible_c780cd36f3),\n.kindPrimary_cbb3caef1e.colorFixedLight_8c69206072:focus:focus:not(.focus-visible_c780cd36f3) {\n  outline: none;\n}\n.kindPrimary_cbb3caef1e.colorFixedLight_8c69206072.disabled_720b65b0fb {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_cbb3caef1e.colorFixedDark_29d21911ef {\n  background: var(--fixed-dark-color);\n  color: var(--fixed-light-color);\n}\n.kindPrimary_cbb3caef1e.colorFixedDarkActive_c67e989fed,\n.kindPrimary_cbb3caef1e.colorFixedDark_29d21911ef:hover,\n.kindPrimary_cbb3caef1e.colorFixedDark_29d21911ef:focus {\n  filter: brightness(125%);\n}\n.kindPrimary_cbb3caef1e.colorFixedDarkActive_c67e989fed:focus-visible, .kindPrimary_cbb3caef1e.colorFixedDarkActive_c67e989fed.focus-visible_c780cd36f3,\n.kindPrimary_cbb3caef1e.colorFixedDark_29d21911ef:hover:focus-visible,\n.kindPrimary_cbb3caef1e.colorFixedDark_29d21911ef:hover.focus-visible_c780cd36f3,\n.kindPrimary_cbb3caef1e.colorFixedDark_29d21911ef:focus:focus-visible,\n.kindPrimary_cbb3caef1e.colorFixedDark_29d21911ef:focus.focus-visible_c780cd36f3 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary_cbb3caef1e.colorFixedDarkActive_c67e989fed:focus:not(.focus-visible_c780cd36f3),\n.kindPrimary_cbb3caef1e.colorFixedDark_29d21911ef:hover:focus:not(.focus-visible_c780cd36f3),\n.kindPrimary_cbb3caef1e.colorFixedDark_29d21911ef:focus:focus:not(.focus-visible_c780cd36f3) {\n  outline: none;\n}\n.kindPrimary_cbb3caef1e.colorFixedDark_29d21911ef.disabled_720b65b0fb {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindPrimary_cbb3caef1e.colorOnInvertedBackground_a2f21caaf3 {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary_cbb3caef1e.colorOnInvertedBackgroundActive_75393c86d9,\n.kindPrimary_cbb3caef1e.colorOnInvertedBackground_a2f21caaf3:hover,\n.kindPrimary_cbb3caef1e.colorOnInvertedBackground_a2f21caaf3:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary_cbb3caef1e.button_223149c872.colorOnInvertedBackground_a2f21caaf3.disabled_720b65b0fb {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary_cbb3caef1e.button_223149c872.disabled_720b65b0fb {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_88036e3c01 {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary_88036e3c01.sizeSmall_c6e7f97381 {\n  line-height: 22px;\n}\n.kindSecondary_88036e3c01.sizeMedium_5b73c5eeb3 {\n  line-height: 22px;\n}\n.kindSecondary_88036e3c01.sizeLarge_b139c059f6 {\n  line-height: 22px;\n}\n.kindSecondary_88036e3c01.colorPrimaryActive_604094f4a6 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_88036e3c01.colorPrimaryActive_604094f4a6:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_88036e3c01.colorBrandActive_96fb2e23ae {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_88036e3c01.colorBrandActive_96fb2e23ae,\n.kindSecondary_88036e3c01.colorBrandActive_96fb2e23ae:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_88036e3c01.colorPrimary_e74445ee40:hover:not(.colorPrimaryActive_604094f4a6),\n.kindSecondary_88036e3c01.colorPrimary_e74445ee40:focus:not(.colorPrimaryActive_604094f4a6) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_88036e3c01.colorBrand_2788260478:hover:not(.colorBrandActive_96fb2e23ae),\n.kindSecondary_88036e3c01.colorBrand_2788260478:focus:not(.colorBrandActive_96fb2e23ae) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_88036e3c01.colorPositive_5abd39f4f4 {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_88036e3c01.colorPositiveActive_8fcddfba72,\n.kindSecondary_88036e3c01.colorPositive_5abd39f4f4:hover,\n.kindSecondary_88036e3c01.colorPositive_5abd39f4f4:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_88036e3c01.colorNegative_938effffc9 {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_88036e3c01.colorNegativeActive_8fcddfba72,\n.kindSecondary_88036e3c01.colorNegative_938effffc9:hover,\n.kindSecondary_88036e3c01.colorNegative_938effffc9:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_88036e3c01.colorInverted_a01decb086 {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary_88036e3c01.colorInvertedActive_8fcddfba72,\n.kindSecondary_88036e3c01.colorInverted_a01decb086:hover,\n.kindSecondary_88036e3c01.colorInverted_a01decb086:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_88036e3c01.colorInverted_a01decb086.disabled_720b65b0fb {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_88036e3c01.colorOnPrimaryColor_fc5b6a5ae2 {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_88036e3c01.colorOnPrimaryColorActive_452dcaec3b,\n.kindSecondary_88036e3c01.colorOnPrimaryColor_fc5b6a5ae2:hover,\n.kindSecondary_88036e3c01.colorOnPrimaryColor_fc5b6a5ae2:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindSecondary_88036e3c01.colorOnPrimaryColorActive_452dcaec3b:focus-visible, .kindSecondary_88036e3c01.colorOnPrimaryColorActive_452dcaec3b.focus-visible_c780cd36f3,\n.kindSecondary_88036e3c01.colorOnPrimaryColor_fc5b6a5ae2:hover:focus-visible,\n.kindSecondary_88036e3c01.colorOnPrimaryColor_fc5b6a5ae2:hover.focus-visible_c780cd36f3,\n.kindSecondary_88036e3c01.colorOnPrimaryColor_fc5b6a5ae2:focus:focus-visible,\n.kindSecondary_88036e3c01.colorOnPrimaryColor_fc5b6a5ae2:focus.focus-visible_c780cd36f3 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary_88036e3c01.colorOnPrimaryColorActive_452dcaec3b:focus:not(.focus-visible_c780cd36f3),\n.kindSecondary_88036e3c01.colorOnPrimaryColor_fc5b6a5ae2:hover:focus:not(.focus-visible_c780cd36f3),\n.kindSecondary_88036e3c01.colorOnPrimaryColor_fc5b6a5ae2:focus:focus:not(.focus-visible_c780cd36f3) {\n  outline: none;\n}\n.kindSecondary_88036e3c01.colorOnPrimaryColor_fc5b6a5ae2.disabled_720b65b0fb {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_88036e3c01.colorFixedLight_8c69206072 {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_88036e3c01.colorFixedLightActive_1f9e529e9d,\n.kindSecondary_88036e3c01.colorFixedLight_8c69206072:hover,\n.kindSecondary_88036e3c01.colorFixedLight_8c69206072:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindSecondary_88036e3c01.colorFixedLightActive_1f9e529e9d:focus-visible, .kindSecondary_88036e3c01.colorFixedLightActive_1f9e529e9d.focus-visible_c780cd36f3,\n.kindSecondary_88036e3c01.colorFixedLight_8c69206072:hover:focus-visible,\n.kindSecondary_88036e3c01.colorFixedLight_8c69206072:hover.focus-visible_c780cd36f3,\n.kindSecondary_88036e3c01.colorFixedLight_8c69206072:focus:focus-visible,\n.kindSecondary_88036e3c01.colorFixedLight_8c69206072:focus.focus-visible_c780cd36f3 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary_88036e3c01.colorFixedLightActive_1f9e529e9d:focus:not(.focus-visible_c780cd36f3),\n.kindSecondary_88036e3c01.colorFixedLight_8c69206072:hover:focus:not(.focus-visible_c780cd36f3),\n.kindSecondary_88036e3c01.colorFixedLight_8c69206072:focus:focus:not(.focus-visible_c780cd36f3) {\n  outline: none;\n}\n.kindSecondary_88036e3c01.colorFixedDark_29d21911ef {\n  border-color: var(--fixed-dark-color);\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_88036e3c01.colorFixedDarkActive_c67e989fed,\n.kindSecondary_88036e3c01.colorFixedDark_29d21911ef:hover,\n.kindSecondary_88036e3c01.colorFixedDark_29d21911ef:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindSecondary_88036e3c01.colorFixedDarkActive_c67e989fed:focus-visible, .kindSecondary_88036e3c01.colorFixedDarkActive_c67e989fed.focus-visible_c780cd36f3,\n.kindSecondary_88036e3c01.colorFixedDark_29d21911ef:hover:focus-visible,\n.kindSecondary_88036e3c01.colorFixedDark_29d21911ef:hover.focus-visible_c780cd36f3,\n.kindSecondary_88036e3c01.colorFixedDark_29d21911ef:focus:focus-visible,\n.kindSecondary_88036e3c01.colorFixedDark_29d21911ef:focus.focus-visible_c780cd36f3 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary_88036e3c01.colorFixedDarkActive_c67e989fed:focus:not(.focus-visible_c780cd36f3),\n.kindSecondary_88036e3c01.colorFixedDark_29d21911ef:hover:focus:not(.focus-visible_c780cd36f3),\n.kindSecondary_88036e3c01.colorFixedDark_29d21911ef:focus:focus:not(.focus-visible_c780cd36f3) {\n  outline: none;\n}\n.kindSecondary_88036e3c01.colorOnInvertedBackground_a2f21caaf3 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_88036e3c01.colorOnInvertedBackgroundActive_75393c86d9,\n.kindSecondary_88036e3c01.colorOnInvertedBackground_a2f21caaf3:hover,\n.kindSecondary_88036e3c01.colorOnInvertedBackground_a2f21caaf3:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_88036e3c01.colorOnInvertedBackground_a2f21caaf3.disabled_720b65b0fb {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_88036e3c01.colorFixedLight_8c69206072.disabled_720b65b0fb {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_88036e3c01.colorFixedDark_29d21911ef.disabled_720b65b0fb {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_88036e3c01.disabled_720b65b0fb {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_88036e3c01.disabled_720b65b0fb:hover {\n  background-color: transparent;\n}\n.kindTertiary_9f7820f644 {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary_9f7820f644.colorPrimaryActive_604094f4a6 {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary_9f7820f644.colorPrimaryActive_604094f4a6:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_9f7820f644.colorBrandActive_96fb2e23ae {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_9f7820f644.colorBrandActive_96fb2e23ae,\n.kindTertiary_9f7820f644.colorBrandActive_96fb2e23ae:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_9f7820f644.colorPrimary_e74445ee40:hover:not(.colorPrimaryActive_604094f4a6),\n.kindTertiary_9f7820f644.colorPrimary_e74445ee40:focus:not(.colorPrimaryActive_604094f4a6) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_9f7820f644.colorBrand_2788260478:hover:not(.colorBrandActive_96fb2e23ae),\n.kindTertiary_9f7820f644.colorBrand_2788260478:focus:not(.colorBrandActive_96fb2e23ae) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_9f7820f644.colorPositive_5abd39f4f4 {\n  color: var(--positive-color);\n}\n.kindTertiary_9f7820f644.colorPositiveActive_8fcddfba72,\n.kindTertiary_9f7820f644.colorPositive_5abd39f4f4:hover,\n.kindTertiary_9f7820f644.colorPositive_5abd39f4f4:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_9f7820f644.colorNegative_938effffc9 {\n  color: var(--negative-color);\n}\n.kindTertiary_9f7820f644.colorNegativeActive_8fcddfba72,\n.kindTertiary_9f7820f644.colorNegative_938effffc9:hover,\n.kindTertiary_9f7820f644.colorNegative_938effffc9:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_9f7820f644.colorInverted_a01decb086 {\n  color: var(--primary-text-color);\n}\n.kindTertiary_9f7820f644.colorInvertedActive_8fcddfba72,\n.kindTertiary_9f7820f644.colorInverted_a01decb086:hover,\n.kindTertiary_9f7820f644.colorInverted_a01decb086:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_9f7820f644.colorInverted_a01decb086.disabled_720b65b0fb {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_9f7820f644.colorOnPrimaryColor_fc5b6a5ae2 {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_9f7820f644.colorOnPrimaryColorActive_452dcaec3b,\n.kindTertiary_9f7820f644.colorOnPrimaryColor_fc5b6a5ae2:hover,\n.kindTertiary_9f7820f644.colorOnPrimaryColor_fc5b6a5ae2:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindTertiary_9f7820f644.colorOnPrimaryColorActive_452dcaec3b:focus-visible, .kindTertiary_9f7820f644.colorOnPrimaryColorActive_452dcaec3b.focus-visible_c780cd36f3,\n.kindTertiary_9f7820f644.colorOnPrimaryColor_fc5b6a5ae2:hover:focus-visible,\n.kindTertiary_9f7820f644.colorOnPrimaryColor_fc5b6a5ae2:hover.focus-visible_c780cd36f3,\n.kindTertiary_9f7820f644.colorOnPrimaryColor_fc5b6a5ae2:focus:focus-visible,\n.kindTertiary_9f7820f644.colorOnPrimaryColor_fc5b6a5ae2:focus.focus-visible_c780cd36f3 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary_9f7820f644.colorOnPrimaryColorActive_452dcaec3b:focus:not(.focus-visible_c780cd36f3),\n.kindTertiary_9f7820f644.colorOnPrimaryColor_fc5b6a5ae2:hover:focus:not(.focus-visible_c780cd36f3),\n.kindTertiary_9f7820f644.colorOnPrimaryColor_fc5b6a5ae2:focus:focus:not(.focus-visible_c780cd36f3) {\n  outline: none;\n}\n.kindTertiary_9f7820f644.colorOnPrimaryColor_fc5b6a5ae2.disabled_720b65b0fb {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_9f7820f644.colorFixedLight_8c69206072 {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_9f7820f644.colorFixedLightActive_1f9e529e9d,\n.kindTertiary_9f7820f644.colorFixedLight_8c69206072:hover,\n.kindTertiary_9f7820f644.colorFixedLight_8c69206072:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindTertiary_9f7820f644.colorFixedLightActive_1f9e529e9d:focus-visible, .kindTertiary_9f7820f644.colorFixedLightActive_1f9e529e9d.focus-visible_c780cd36f3,\n.kindTertiary_9f7820f644.colorFixedLight_8c69206072:hover:focus-visible,\n.kindTertiary_9f7820f644.colorFixedLight_8c69206072:hover.focus-visible_c780cd36f3,\n.kindTertiary_9f7820f644.colorFixedLight_8c69206072:focus:focus-visible,\n.kindTertiary_9f7820f644.colorFixedLight_8c69206072:focus.focus-visible_c780cd36f3 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary_9f7820f644.colorFixedLightActive_1f9e529e9d:focus:not(.focus-visible_c780cd36f3),\n.kindTertiary_9f7820f644.colorFixedLight_8c69206072:hover:focus:not(.focus-visible_c780cd36f3),\n.kindTertiary_9f7820f644.colorFixedLight_8c69206072:focus:focus:not(.focus-visible_c780cd36f3) {\n  outline: none;\n}\n.kindTertiary_9f7820f644.colorFixedLight_8c69206072.disabled_720b65b0fb {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_9f7820f644.colorFixedDark_29d21911ef {\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_9f7820f644.colorFixedDarkActive_c67e989fed,\n.kindTertiary_9f7820f644.colorFixedDark_29d21911ef:hover,\n.kindTertiary_9f7820f644.colorFixedDark_29d21911ef:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindTertiary_9f7820f644.colorFixedDarkActive_c67e989fed:focus-visible, .kindTertiary_9f7820f644.colorFixedDarkActive_c67e989fed.focus-visible_c780cd36f3,\n.kindTertiary_9f7820f644.colorFixedDark_29d21911ef:hover:focus-visible,\n.kindTertiary_9f7820f644.colorFixedDark_29d21911ef:hover.focus-visible_c780cd36f3,\n.kindTertiary_9f7820f644.colorFixedDark_29d21911ef:focus:focus-visible,\n.kindTertiary_9f7820f644.colorFixedDark_29d21911ef:focus.focus-visible_c780cd36f3 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary_9f7820f644.colorFixedDarkActive_c67e989fed:focus:not(.focus-visible_c780cd36f3),\n.kindTertiary_9f7820f644.colorFixedDark_29d21911ef:hover:focus:not(.focus-visible_c780cd36f3),\n.kindTertiary_9f7820f644.colorFixedDark_29d21911ef:focus:focus:not(.focus-visible_c780cd36f3) {\n  outline: none;\n}\n.kindTertiary_9f7820f644.colorFixedDark_29d21911ef.disabled_720b65b0fb {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_9f7820f644.colorOnInvertedBackground_a2f21caaf3 {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_9f7820f644.colorOnInvertedBackgroundActive_75393c86d9,\n.kindTertiary_9f7820f644.colorOnInvertedBackground_a2f21caaf3:hover,\n.kindTertiary_9f7820f644.colorOnInvertedBackground_a2f21caaf3:focus {\n  background: var(--icon-color);\n}\n.kindTertiary_9f7820f644.colorOnInvertedBackground_a2f21caaf3.disabled_720b65b0fb {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_9f7820f644.disabled_720b65b0fb {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_9f7820f644.disabled_720b65b0fb:hover {\n  background-color: transparent;\n}\n.noSidePadding_9e44e4d394 {\n  padding-inline: 0;\n}\n.button_223149c872.insetFocusStyle_afd5616edd:focus-visible, .button_223149c872.insetFocusStyle_afd5616edd.focus-visible_c780cd36f3 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.button_223149c872.insetFocusStyle_afd5616edd:focus:not(.focus-visible_c780cd36f3) {\n  outline: none;\n}");export{o as default};
+var o={button:"button_5d193a910b","focus-visible":"focus-visible_35b789f32a",loader:"loader_d4bc75fe6e",loaderSvg:"loaderSvg_e164613576",textPlaceholder:"textPlaceholder_953872972a",success:"success_ea650efccb",successContent:"successContent_e35a467561",marginRight:"marginRight_799d8445a8",marginLeft:"marginLeft_980ea1cb13",rightFlat:"rightFlat_5f8dd5b0ce",leftFlat:"leftFlat_4a70e3e141",preventClickAnimation:"preventClickAnimation_4e98c70a65",leftIcon:"leftIcon_799d8445a8",rightIcon:"rightIcon_980ea1cb13",sizeXxs:"sizeXxs_983edbc0c2",sizeXs:"sizeXs_e83058f280",sizeSmall:"sizeSmall_594b2172e6",sizeMedium:"sizeMedium_8f4e3ae50c",sizeLarge:"sizeLarge_8e8bb2b470",kindPrimary:"kindPrimary_2a6a224e38",colorPrimary:"colorPrimary_59b6dcec77",colorBrand:"colorBrand_a0ce2fc742",colorPrimaryActive:"colorPrimaryActive_aeb56d3582",colorBrandActive:"colorBrandActive_fec2ea4fbb",colorPositive:"colorPositive_b2d7031fc0",colorPositiveActive:"colorPositiveActive_aa7ae2bb0c",colorNegative:"colorNegative_95bb670279",colorNegativeActive:"colorNegativeActive_aa7ae2bb0c",colorInverted:"colorInverted_7d5af1de04",colorInvertedActive:"colorInvertedActive_aa7ae2bb0c",disabled:"disabled_3f9fcdbcac",colorOnPrimaryColor:"colorOnPrimaryColor_3299272498",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_31a87fdc41",colorFixedLight:"colorFixedLight_043c8b3c19",colorFixedLightActive:"colorFixedLightActive_4e98c70a65",colorFixedDark:"colorFixedDark_5b1f44293f",colorFixedDarkActive:"colorFixedDarkActive_d787ae19bf",colorOnInvertedBackground:"colorOnInvertedBackground_40f2ff1a96",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_c8dc208c53",kindSecondary:"kindSecondary_809b16b0a9",kindTertiary:"kindTertiary_40293e3a5b",noSidePadding:"noSidePadding_5663cae280",insetFocusStyle:"insetFocusStyle_f58c7a9e6c"};!function(o){const r="s_id-216fe7e3e8d5_4_0_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const e=document.createElement("style");e.id=r,n.firstChild?n.insertBefore(e,n.firstChild):n.appendChild(e),e.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=o)}("/* stylelint-disable */\n/* stylelint-enable */\n.button_5d193a910b {\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_5d193a910b:focus-visible, .button_5d193a910b.focus-visible_35b789f32a {\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_5d193a910b:focus:not(.focus-visible_35b789f32a) {\n  outline: none;\n}\n.button_5d193a910b .loader_d4bc75fe6e {\n  height: 100%;\n}\n.button_5d193a910b .loader_d4bc75fe6e .loaderSvg_e164613576 {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_5d193a910b .textPlaceholder_953872972a {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_5d193a910b.success_ea650efccb {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_5d193a910b.success_ea650efccb .successContent_e35a467561 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_799d8445a8 {\n  margin-inline-end: var(--space-8);\n}\n.marginLeft_980ea1cb13 {\n  margin-inline-start: var(--space-8);\n}\n.rightFlat_5f8dd5b0ce {\n  border-start-end-radius: 0;\n  border-end-end-radius: 0;\n}\n.leftFlat_4a70e3e141 {\n  border-start-start-radius: 0;\n  border-end-start-radius: 0;\n}\n.button_5d193a910b:active:not(.preventClickAnimation_4e98c70a65) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_5d193a910b .leftIcon_799d8445a8 {\n  margin-inline-end: var(--space-8);\n}\n.button_5d193a910b .rightIcon_980ea1cb13 {\n  margin-inline-start: var(--space-8);\n}\n.sizeXxs_983edbc0c2 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  padding: 2px var(--space-4);\n  height: 16px;\n  line-height: 16px;\n}\n.sizeXs_e83058f280 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  padding: var(--space-4) var(--space-8);\n  height: 24px;\n  line-height: 21px;\n}\n.sizeSmall_594b2172e6 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  padding: var(--space-4) var(--space-8);\n  height: 32px;\n  line-height: 24px;\n}\n.sizeSmall_594b2172e6 .loader_d4bc75fe6e {\n  top: 7px;\n}\n.sizeMedium_8f4e3ae50c {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text1-normal);\n  padding: var(--space-8) var(--space-16);\n  height: 40px;\n}\n.sizeLarge_8e8bb2b470 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text1-normal);\n  padding: 12px var(--space-24);\n  height: 48px;\n}\n.kindPrimary_2a6a224e38 {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_2a6a224e38.colorPrimary_59b6dcec77 {\n  background: var(--primary-color);\n}\n.kindPrimary_2a6a224e38.colorBrand_a0ce2fc742 {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_2a6a224e38.colorPrimaryActive_aeb56d3582,\n.kindPrimary_2a6a224e38.colorPrimary_59b6dcec77:hover,\n.kindPrimary_2a6a224e38.colorPrimary_59b6dcec77:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary_2a6a224e38.colorBrandActive_fec2ea4fbb,\n.kindPrimary_2a6a224e38.colorBrand_a0ce2fc742:hover,\n.kindPrimary_2a6a224e38.colorBrand_a0ce2fc742:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_2a6a224e38.colorPositive_b2d7031fc0 {\n  background: var(--positive-color);\n}\n.kindPrimary_2a6a224e38.colorPositiveActive_aa7ae2bb0c,\n.kindPrimary_2a6a224e38.colorPositive_b2d7031fc0:hover,\n.kindPrimary_2a6a224e38.colorPositive_b2d7031fc0:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_2a6a224e38.colorNegative_95bb670279 {\n  background: var(--negative-color);\n}\n.kindPrimary_2a6a224e38.colorNegativeActive_aa7ae2bb0c,\n.kindPrimary_2a6a224e38.colorNegative_95bb670279:hover,\n.kindPrimary_2a6a224e38.colorNegative_95bb670279:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_2a6a224e38.colorInverted_7d5af1de04 {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_2a6a224e38.colorInvertedActive_aa7ae2bb0c,\n.kindPrimary_2a6a224e38.colorInverted_7d5af1de04:hover,\n.kindPrimary_2a6a224e38.colorInverted_7d5af1de04:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_2a6a224e38.button_5d193a910b.colorInverted_7d5af1de04.disabled_3f9fcdbcac {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_2a6a224e38.colorOnPrimaryColor_3299272498 {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_2a6a224e38.colorOnPrimaryColorActive_31a87fdc41,\n.kindPrimary_2a6a224e38.colorOnPrimaryColor_3299272498:hover,\n.kindPrimary_2a6a224e38.colorOnPrimaryColor_3299272498:focus {\n  background-color: #e6e9ef;\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindPrimary_2a6a224e38.colorOnPrimaryColorActive_31a87fdc41:focus-visible, .kindPrimary_2a6a224e38.colorOnPrimaryColorActive_31a87fdc41.focus-visible_35b789f32a,\n.kindPrimary_2a6a224e38.colorOnPrimaryColor_3299272498:hover:focus-visible,\n.kindPrimary_2a6a224e38.colorOnPrimaryColor_3299272498:hover.focus-visible_35b789f32a,\n.kindPrimary_2a6a224e38.colorOnPrimaryColor_3299272498:focus:focus-visible,\n.kindPrimary_2a6a224e38.colorOnPrimaryColor_3299272498:focus.focus-visible_35b789f32a {\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_2a6a224e38.colorOnPrimaryColorActive_31a87fdc41:focus:not(.focus-visible_35b789f32a),\n.kindPrimary_2a6a224e38.colorOnPrimaryColor_3299272498:hover:focus:not(.focus-visible_35b789f32a),\n.kindPrimary_2a6a224e38.colorOnPrimaryColor_3299272498:focus:focus:not(.focus-visible_35b789f32a) {\n  outline: none;\n}\n.kindPrimary_2a6a224e38.colorOnPrimaryColor_3299272498.disabled_3f9fcdbcac {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_2a6a224e38.colorFixedLight_043c8b3c19 {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_2a6a224e38.colorFixedLightActive_4e98c70a65,\n.kindPrimary_2a6a224e38.colorFixedLight_043c8b3c19:hover,\n.kindPrimary_2a6a224e38.colorFixedLight_043c8b3c19:focus {\n  background-color: #e6e9ef;\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindPrimary_2a6a224e38.colorFixedLightActive_4e98c70a65:focus-visible, .kindPrimary_2a6a224e38.colorFixedLightActive_4e98c70a65.focus-visible_35b789f32a,\n.kindPrimary_2a6a224e38.colorFixedLight_043c8b3c19:hover:focus-visible,\n.kindPrimary_2a6a224e38.colorFixedLight_043c8b3c19:hover.focus-visible_35b789f32a,\n.kindPrimary_2a6a224e38.colorFixedLight_043c8b3c19:focus:focus-visible,\n.kindPrimary_2a6a224e38.colorFixedLight_043c8b3c19:focus.focus-visible_35b789f32a {\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_2a6a224e38.colorFixedLightActive_4e98c70a65:focus:not(.focus-visible_35b789f32a),\n.kindPrimary_2a6a224e38.colorFixedLight_043c8b3c19:hover:focus:not(.focus-visible_35b789f32a),\n.kindPrimary_2a6a224e38.colorFixedLight_043c8b3c19:focus:focus:not(.focus-visible_35b789f32a) {\n  outline: none;\n}\n.kindPrimary_2a6a224e38.colorFixedLight_043c8b3c19.disabled_3f9fcdbcac {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_2a6a224e38.colorFixedDark_5b1f44293f {\n  background: var(--fixed-dark-color);\n  color: var(--fixed-light-color);\n}\n.kindPrimary_2a6a224e38.colorFixedDarkActive_d787ae19bf,\n.kindPrimary_2a6a224e38.colorFixedDark_5b1f44293f:hover,\n.kindPrimary_2a6a224e38.colorFixedDark_5b1f44293f:focus {\n  filter: brightness(125%);\n}\n.kindPrimary_2a6a224e38.colorFixedDarkActive_d787ae19bf:focus-visible, .kindPrimary_2a6a224e38.colorFixedDarkActive_d787ae19bf.focus-visible_35b789f32a,\n.kindPrimary_2a6a224e38.colorFixedDark_5b1f44293f:hover:focus-visible,\n.kindPrimary_2a6a224e38.colorFixedDark_5b1f44293f:hover.focus-visible_35b789f32a,\n.kindPrimary_2a6a224e38.colorFixedDark_5b1f44293f:focus:focus-visible,\n.kindPrimary_2a6a224e38.colorFixedDark_5b1f44293f:focus.focus-visible_35b789f32a {\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_2a6a224e38.colorFixedDarkActive_d787ae19bf:focus:not(.focus-visible_35b789f32a),\n.kindPrimary_2a6a224e38.colorFixedDark_5b1f44293f:hover:focus:not(.focus-visible_35b789f32a),\n.kindPrimary_2a6a224e38.colorFixedDark_5b1f44293f:focus:focus:not(.focus-visible_35b789f32a) {\n  outline: none;\n}\n.kindPrimary_2a6a224e38.colorFixedDark_5b1f44293f.disabled_3f9fcdbcac {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindPrimary_2a6a224e38.colorOnInvertedBackground_40f2ff1a96 {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary_2a6a224e38.colorOnInvertedBackgroundActive_c8dc208c53,\n.kindPrimary_2a6a224e38.colorOnInvertedBackground_40f2ff1a96:hover,\n.kindPrimary_2a6a224e38.colorOnInvertedBackground_40f2ff1a96:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary_2a6a224e38.button_5d193a910b.colorOnInvertedBackground_40f2ff1a96.disabled_3f9fcdbcac {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary_2a6a224e38.button_5d193a910b.disabled_3f9fcdbcac {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_809b16b0a9 {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary_809b16b0a9.sizeSmall_594b2172e6 {\n  line-height: 22px;\n}\n.kindSecondary_809b16b0a9.sizeMedium_8f4e3ae50c {\n  line-height: 22px;\n}\n.kindSecondary_809b16b0a9.sizeLarge_8e8bb2b470 {\n  line-height: 22px;\n}\n.kindSecondary_809b16b0a9.colorPrimaryActive_aeb56d3582 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_809b16b0a9.colorPrimaryActive_aeb56d3582:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_809b16b0a9.colorBrandActive_fec2ea4fbb {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_809b16b0a9.colorBrandActive_fec2ea4fbb,\n.kindSecondary_809b16b0a9.colorBrandActive_fec2ea4fbb:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_809b16b0a9.colorPrimary_59b6dcec77:hover:not(.colorPrimaryActive_aeb56d3582),\n.kindSecondary_809b16b0a9.colorPrimary_59b6dcec77:focus:not(.colorPrimaryActive_aeb56d3582) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_809b16b0a9.colorBrand_a0ce2fc742:hover:not(.colorBrandActive_fec2ea4fbb),\n.kindSecondary_809b16b0a9.colorBrand_a0ce2fc742:focus:not(.colorBrandActive_fec2ea4fbb) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_809b16b0a9.colorPositive_b2d7031fc0 {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_809b16b0a9.colorPositiveActive_aa7ae2bb0c,\n.kindSecondary_809b16b0a9.colorPositive_b2d7031fc0:hover,\n.kindSecondary_809b16b0a9.colorPositive_b2d7031fc0:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_809b16b0a9.colorNegative_95bb670279 {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_809b16b0a9.colorNegativeActive_aa7ae2bb0c,\n.kindSecondary_809b16b0a9.colorNegative_95bb670279:hover,\n.kindSecondary_809b16b0a9.colorNegative_95bb670279:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_809b16b0a9.colorInverted_7d5af1de04 {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary_809b16b0a9.colorInvertedActive_aa7ae2bb0c,\n.kindSecondary_809b16b0a9.colorInverted_7d5af1de04:hover,\n.kindSecondary_809b16b0a9.colorInverted_7d5af1de04:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_809b16b0a9.colorInverted_7d5af1de04.disabled_3f9fcdbcac {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_809b16b0a9.colorOnPrimaryColor_3299272498 {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_809b16b0a9.colorOnPrimaryColorActive_31a87fdc41,\n.kindSecondary_809b16b0a9.colorOnPrimaryColor_3299272498:hover,\n.kindSecondary_809b16b0a9.colorOnPrimaryColor_3299272498:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindSecondary_809b16b0a9.colorOnPrimaryColorActive_31a87fdc41:focus-visible, .kindSecondary_809b16b0a9.colorOnPrimaryColorActive_31a87fdc41.focus-visible_35b789f32a,\n.kindSecondary_809b16b0a9.colorOnPrimaryColor_3299272498:hover:focus-visible,\n.kindSecondary_809b16b0a9.colorOnPrimaryColor_3299272498:hover.focus-visible_35b789f32a,\n.kindSecondary_809b16b0a9.colorOnPrimaryColor_3299272498:focus:focus-visible,\n.kindSecondary_809b16b0a9.colorOnPrimaryColor_3299272498:focus.focus-visible_35b789f32a {\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_809b16b0a9.colorOnPrimaryColorActive_31a87fdc41:focus:not(.focus-visible_35b789f32a),\n.kindSecondary_809b16b0a9.colorOnPrimaryColor_3299272498:hover:focus:not(.focus-visible_35b789f32a),\n.kindSecondary_809b16b0a9.colorOnPrimaryColor_3299272498:focus:focus:not(.focus-visible_35b789f32a) {\n  outline: none;\n}\n.kindSecondary_809b16b0a9.colorOnPrimaryColor_3299272498.disabled_3f9fcdbcac {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_809b16b0a9.colorFixedLight_043c8b3c19 {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_809b16b0a9.colorFixedLightActive_4e98c70a65,\n.kindSecondary_809b16b0a9.colorFixedLight_043c8b3c19:hover,\n.kindSecondary_809b16b0a9.colorFixedLight_043c8b3c19:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindSecondary_809b16b0a9.colorFixedLightActive_4e98c70a65:focus-visible, .kindSecondary_809b16b0a9.colorFixedLightActive_4e98c70a65.focus-visible_35b789f32a,\n.kindSecondary_809b16b0a9.colorFixedLight_043c8b3c19:hover:focus-visible,\n.kindSecondary_809b16b0a9.colorFixedLight_043c8b3c19:hover.focus-visible_35b789f32a,\n.kindSecondary_809b16b0a9.colorFixedLight_043c8b3c19:focus:focus-visible,\n.kindSecondary_809b16b0a9.colorFixedLight_043c8b3c19:focus.focus-visible_35b789f32a {\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_809b16b0a9.colorFixedLightActive_4e98c70a65:focus:not(.focus-visible_35b789f32a),\n.kindSecondary_809b16b0a9.colorFixedLight_043c8b3c19:hover:focus:not(.focus-visible_35b789f32a),\n.kindSecondary_809b16b0a9.colorFixedLight_043c8b3c19:focus:focus:not(.focus-visible_35b789f32a) {\n  outline: none;\n}\n.kindSecondary_809b16b0a9.colorFixedDark_5b1f44293f {\n  border-color: var(--fixed-dark-color);\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_809b16b0a9.colorFixedDarkActive_d787ae19bf,\n.kindSecondary_809b16b0a9.colorFixedDark_5b1f44293f:hover,\n.kindSecondary_809b16b0a9.colorFixedDark_5b1f44293f:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindSecondary_809b16b0a9.colorFixedDarkActive_d787ae19bf:focus-visible, .kindSecondary_809b16b0a9.colorFixedDarkActive_d787ae19bf.focus-visible_35b789f32a,\n.kindSecondary_809b16b0a9.colorFixedDark_5b1f44293f:hover:focus-visible,\n.kindSecondary_809b16b0a9.colorFixedDark_5b1f44293f:hover.focus-visible_35b789f32a,\n.kindSecondary_809b16b0a9.colorFixedDark_5b1f44293f:focus:focus-visible,\n.kindSecondary_809b16b0a9.colorFixedDark_5b1f44293f:focus.focus-visible_35b789f32a {\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_809b16b0a9.colorFixedDarkActive_d787ae19bf:focus:not(.focus-visible_35b789f32a),\n.kindSecondary_809b16b0a9.colorFixedDark_5b1f44293f:hover:focus:not(.focus-visible_35b789f32a),\n.kindSecondary_809b16b0a9.colorFixedDark_5b1f44293f:focus:focus:not(.focus-visible_35b789f32a) {\n  outline: none;\n}\n.kindSecondary_809b16b0a9.colorOnInvertedBackground_40f2ff1a96 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_809b16b0a9.colorOnInvertedBackgroundActive_c8dc208c53,\n.kindSecondary_809b16b0a9.colorOnInvertedBackground_40f2ff1a96:hover,\n.kindSecondary_809b16b0a9.colorOnInvertedBackground_40f2ff1a96:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_809b16b0a9.colorOnInvertedBackground_40f2ff1a96.disabled_3f9fcdbcac {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_809b16b0a9.colorFixedLight_043c8b3c19.disabled_3f9fcdbcac {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_809b16b0a9.colorFixedDark_5b1f44293f.disabled_3f9fcdbcac {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_809b16b0a9.disabled_3f9fcdbcac {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_809b16b0a9.disabled_3f9fcdbcac:hover {\n  background-color: transparent;\n}\n.kindTertiary_40293e3a5b {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary_40293e3a5b.colorPrimaryActive_aeb56d3582 {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary_40293e3a5b.colorPrimaryActive_aeb56d3582:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_40293e3a5b.colorBrandActive_fec2ea4fbb {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_40293e3a5b.colorBrandActive_fec2ea4fbb,\n.kindTertiary_40293e3a5b.colorBrandActive_fec2ea4fbb:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_40293e3a5b.colorPrimary_59b6dcec77:hover:not(.colorPrimaryActive_aeb56d3582),\n.kindTertiary_40293e3a5b.colorPrimary_59b6dcec77:focus:not(.colorPrimaryActive_aeb56d3582) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_40293e3a5b.colorBrand_a0ce2fc742:hover:not(.colorBrandActive_fec2ea4fbb),\n.kindTertiary_40293e3a5b.colorBrand_a0ce2fc742:focus:not(.colorBrandActive_fec2ea4fbb) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_40293e3a5b.colorPositive_b2d7031fc0 {\n  color: var(--positive-color);\n}\n.kindTertiary_40293e3a5b.colorPositiveActive_aa7ae2bb0c,\n.kindTertiary_40293e3a5b.colorPositive_b2d7031fc0:hover,\n.kindTertiary_40293e3a5b.colorPositive_b2d7031fc0:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_40293e3a5b.colorNegative_95bb670279 {\n  color: var(--negative-color);\n}\n.kindTertiary_40293e3a5b.colorNegativeActive_aa7ae2bb0c,\n.kindTertiary_40293e3a5b.colorNegative_95bb670279:hover,\n.kindTertiary_40293e3a5b.colorNegative_95bb670279:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_40293e3a5b.colorInverted_7d5af1de04 {\n  color: var(--primary-text-color);\n}\n.kindTertiary_40293e3a5b.colorInvertedActive_aa7ae2bb0c,\n.kindTertiary_40293e3a5b.colorInverted_7d5af1de04:hover,\n.kindTertiary_40293e3a5b.colorInverted_7d5af1de04:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_40293e3a5b.colorInverted_7d5af1de04.disabled_3f9fcdbcac {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_40293e3a5b.colorOnPrimaryColor_3299272498 {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_40293e3a5b.colorOnPrimaryColorActive_31a87fdc41,\n.kindTertiary_40293e3a5b.colorOnPrimaryColor_3299272498:hover,\n.kindTertiary_40293e3a5b.colorOnPrimaryColor_3299272498:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindTertiary_40293e3a5b.colorOnPrimaryColorActive_31a87fdc41:focus-visible, .kindTertiary_40293e3a5b.colorOnPrimaryColorActive_31a87fdc41.focus-visible_35b789f32a,\n.kindTertiary_40293e3a5b.colorOnPrimaryColor_3299272498:hover:focus-visible,\n.kindTertiary_40293e3a5b.colorOnPrimaryColor_3299272498:hover.focus-visible_35b789f32a,\n.kindTertiary_40293e3a5b.colorOnPrimaryColor_3299272498:focus:focus-visible,\n.kindTertiary_40293e3a5b.colorOnPrimaryColor_3299272498:focus.focus-visible_35b789f32a {\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_40293e3a5b.colorOnPrimaryColorActive_31a87fdc41:focus:not(.focus-visible_35b789f32a),\n.kindTertiary_40293e3a5b.colorOnPrimaryColor_3299272498:hover:focus:not(.focus-visible_35b789f32a),\n.kindTertiary_40293e3a5b.colorOnPrimaryColor_3299272498:focus:focus:not(.focus-visible_35b789f32a) {\n  outline: none;\n}\n.kindTertiary_40293e3a5b.colorOnPrimaryColor_3299272498.disabled_3f9fcdbcac {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_40293e3a5b.colorFixedLight_043c8b3c19 {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_40293e3a5b.colorFixedLightActive_4e98c70a65,\n.kindTertiary_40293e3a5b.colorFixedLight_043c8b3c19:hover,\n.kindTertiary_40293e3a5b.colorFixedLight_043c8b3c19:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindTertiary_40293e3a5b.colorFixedLightActive_4e98c70a65:focus-visible, .kindTertiary_40293e3a5b.colorFixedLightActive_4e98c70a65.focus-visible_35b789f32a,\n.kindTertiary_40293e3a5b.colorFixedLight_043c8b3c19:hover:focus-visible,\n.kindTertiary_40293e3a5b.colorFixedLight_043c8b3c19:hover.focus-visible_35b789f32a,\n.kindTertiary_40293e3a5b.colorFixedLight_043c8b3c19:focus:focus-visible,\n.kindTertiary_40293e3a5b.colorFixedLight_043c8b3c19:focus.focus-visible_35b789f32a {\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_40293e3a5b.colorFixedLightActive_4e98c70a65:focus:not(.focus-visible_35b789f32a),\n.kindTertiary_40293e3a5b.colorFixedLight_043c8b3c19:hover:focus:not(.focus-visible_35b789f32a),\n.kindTertiary_40293e3a5b.colorFixedLight_043c8b3c19:focus:focus:not(.focus-visible_35b789f32a) {\n  outline: none;\n}\n.kindTertiary_40293e3a5b.colorFixedLight_043c8b3c19.disabled_3f9fcdbcac {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_40293e3a5b.colorFixedDark_5b1f44293f {\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_40293e3a5b.colorFixedDarkActive_d787ae19bf,\n.kindTertiary_40293e3a5b.colorFixedDark_5b1f44293f:hover,\n.kindTertiary_40293e3a5b.colorFixedDark_5b1f44293f:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindTertiary_40293e3a5b.colorFixedDarkActive_d787ae19bf:focus-visible, .kindTertiary_40293e3a5b.colorFixedDarkActive_d787ae19bf.focus-visible_35b789f32a,\n.kindTertiary_40293e3a5b.colorFixedDark_5b1f44293f:hover:focus-visible,\n.kindTertiary_40293e3a5b.colorFixedDark_5b1f44293f:hover.focus-visible_35b789f32a,\n.kindTertiary_40293e3a5b.colorFixedDark_5b1f44293f:focus:focus-visible,\n.kindTertiary_40293e3a5b.colorFixedDark_5b1f44293f:focus.focus-visible_35b789f32a {\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_40293e3a5b.colorFixedDarkActive_d787ae19bf:focus:not(.focus-visible_35b789f32a),\n.kindTertiary_40293e3a5b.colorFixedDark_5b1f44293f:hover:focus:not(.focus-visible_35b789f32a),\n.kindTertiary_40293e3a5b.colorFixedDark_5b1f44293f:focus:focus:not(.focus-visible_35b789f32a) {\n  outline: none;\n}\n.kindTertiary_40293e3a5b.colorFixedDark_5b1f44293f.disabled_3f9fcdbcac {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_40293e3a5b.colorOnInvertedBackground_40f2ff1a96 {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_40293e3a5b.colorOnInvertedBackgroundActive_c8dc208c53,\n.kindTertiary_40293e3a5b.colorOnInvertedBackground_40f2ff1a96:hover,\n.kindTertiary_40293e3a5b.colorOnInvertedBackground_40f2ff1a96:focus {\n  background: var(--icon-color);\n}\n.kindTertiary_40293e3a5b.colorOnInvertedBackground_40f2ff1a96.disabled_3f9fcdbcac {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_40293e3a5b.disabled_3f9fcdbcac {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_40293e3a5b.disabled_3f9fcdbcac:hover {\n  background-color: transparent;\n}\n.noSidePadding_5663cae280 {\n  padding-inline: 0;\n}\n.button_5d193a910b.insetFocusStyle_f58c7a9e6c:focus-visible, .button_5d193a910b.insetFocusStyle_f58c7a9e6c.focus-visible_35b789f32a {\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_5d193a910b.insetFocusStyle_f58c7a9e6c:focus:not(.focus-visible_35b789f32a) {\n  outline: none;\n}");export{o as default};
 //# sourceMappingURL=Button.module.scss.js.map

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vibe/button",
-  "version": "4.0.3",
+  "version": "4.0.4",
   "description": "Vibe sub-package for button components",
   "repository": {
     "type": "git",
@@ -48,7 +48,7 @@
   "devDependencies": {
     "@testing-library/react": "^12.1.2",
     "@vibe/config": "4.0.2",
-    "@vibe/icons": "4.0.2",
+    "@vibe/icons": "4.1.0",
     "react": "^16.13.0",
     "react-dom": "^16.13.0",
     "react-test-renderer": "16",
@@ -70,5 +70,5 @@
       "../../../node_modules/@vibe/config/.eslintrc.cjs"
     ]
   },
-  "gitHead": "de4a596d4487203c7843e9ef3ae6dfae2c875113"
+  "gitHead": "321b28a1b6ba9ad6d505c768fa2878bac015df75"
 }