@vibe/button 3.0.11 → 3.0.12

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

@@ -1,2 +1,2 @@
-var o={button:"button_9a63910f57","focus-visible":"focus-visible_762adcef61",loader:"loader_edb07099bb",loaderSvg:"loaderSvg_79b8544656",textPlaceholder:"textPlaceholder_a748c3c730",success:"success_004d14f694",successContent:"successContent_bb78955937",marginRight:"marginRight_5573db3bc9",marginLeft:"marginLeft_a14d02e9ba",rightFlat:"rightFlat_12953e27f2",leftFlat:"leftFlat_a2b71157e9",preventClickAnimation:"preventClickAnimation_f41394d97f",leftIcon:"leftIcon_5573db3bc9",rightIcon:"rightIcon_a14d02e9ba",sizeXxs:"sizeXxs_ccae2c4c4a",sizeXs:"sizeXs_3d974e8057",sizeSmall:"sizeSmall_405de0b68a",sizeMedium:"sizeMedium_984fdcf6a5",sizeLarge:"sizeLarge_5b200e5a3f",kindPrimary:"kindPrimary_2b3654e60f",colorPrimary:"colorPrimary_aa9d6cfed0",colorBrand:"colorBrand_32a5a74f56",colorPrimaryActive:"colorPrimaryActive_f14a13efd3",colorBrandActive:"colorBrandActive_7632969cdc",colorPositive:"colorPositive_c3d27a8715",colorPositiveActive:"colorPositiveActive_7ddc1639d6",colorNegative:"colorNegative_777d38711a",colorNegativeActive:"colorNegativeActive_7ddc1639d6",colorInverted:"colorInverted_a478591a26",colorInvertedActive:"colorInvertedActive_7ddc1639d6",disabled:"disabled_bbe116df1c",colorOnPrimaryColor:"colorOnPrimaryColor_51428168db",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_3a6b04a3bf",colorFixedLight:"colorFixedLight_8342c55b92",colorFixedLightActive:"colorFixedLightActive_f41394d97f",colorFixedDark:"colorFixedDark_8e01fcf038",colorFixedDarkActive:"colorFixedDarkActive_a917827c4c",colorOnInvertedBackground:"colorOnInvertedBackground_c683866fb5",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_9ca265e525",kindSecondary:"kindSecondary_3dfe1cc2bd",kindTertiary:"kindTertiary_4a3c3fafde",noSidePadding:"noSidePadding_761e1c3c9c",insetFocusStyle:"insetFocusStyle_1273262df0"};!function(o){const r="s_id-95d3f630f6d9_3_0_10";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_9a63910f57 {\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_9a63910f57:focus-visible, .button_9a63910f57.focus-visible_762adcef61 {\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_9a63910f57:focus:not(.focus-visible_762adcef61) {\n  outline: none;\n}\n.button_9a63910f57 .loader_edb07099bb {\n  height: 100%;\n}\n.button_9a63910f57 .loader_edb07099bb .loaderSvg_79b8544656 {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_9a63910f57 .textPlaceholder_a748c3c730 {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_9a63910f57.success_004d14f694 {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_9a63910f57.success_004d14f694 .successContent_bb78955937 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_5573db3bc9 {\n  margin-right: var(--spacing-small);\n}\n.marginLeft_a14d02e9ba {\n  margin-left: var(--spacing-small);\n}\n.rightFlat_12953e27f2 {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat_a2b71157e9 {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.button_9a63910f57:active:not(.preventClickAnimation_f41394d97f) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_9a63910f57 .leftIcon_5573db3bc9 {\n  margin-right: var(--spacing-small);\n}\n.button_9a63910f57 .rightIcon_a14d02e9ba {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs_ccae2c4c4a {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  padding: 2px var(--spacing-xs);\n  height: 16px;\n  line-height: 16px;\n}\n.sizeXs_3d974e8057 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  padding: var(--spacing-xs) var(--spacing-small);\n  height: 24px;\n  line-height: 21px;\n}\n.sizeSmall_405de0b68a {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  padding: var(--spacing-xs) var(--spacing-small);\n  height: 32px;\n  line-height: 24px;\n}\n.sizeSmall_405de0b68a .loader_edb07099bb {\n  top: 7px;\n}\n.sizeMedium_984fdcf6a5 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text1-normal);\n  padding: var(--spacing-small) var(--spacing-medium);\n  height: 40px;\n}\n.sizeLarge_5b200e5a3f {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text1-normal);\n  padding: 12px var(--spacing-large);\n  height: 48px;\n}\n.kindPrimary_2b3654e60f {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_2b3654e60f.colorPrimary_aa9d6cfed0 {\n  background: var(--primary-color);\n}\n.kindPrimary_2b3654e60f.colorBrand_32a5a74f56 {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_2b3654e60f.colorPrimaryActive_f14a13efd3,\n.kindPrimary_2b3654e60f.colorPrimary_aa9d6cfed0:hover,\n.kindPrimary_2b3654e60f.colorPrimary_aa9d6cfed0:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary_2b3654e60f.colorBrandActive_7632969cdc,\n.kindPrimary_2b3654e60f.colorBrand_32a5a74f56:hover,\n.kindPrimary_2b3654e60f.colorBrand_32a5a74f56:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_2b3654e60f.colorPositive_c3d27a8715 {\n  background: var(--positive-color);\n}\n.kindPrimary_2b3654e60f.colorPositiveActive_7ddc1639d6,\n.kindPrimary_2b3654e60f.colorPositive_c3d27a8715:hover,\n.kindPrimary_2b3654e60f.colorPositive_c3d27a8715:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_2b3654e60f.colorNegative_777d38711a {\n  background: var(--negative-color);\n}\n.kindPrimary_2b3654e60f.colorNegativeActive_7ddc1639d6,\n.kindPrimary_2b3654e60f.colorNegative_777d38711a:hover,\n.kindPrimary_2b3654e60f.colorNegative_777d38711a:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_2b3654e60f.colorInverted_a478591a26 {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_2b3654e60f.colorInvertedActive_7ddc1639d6,\n.kindPrimary_2b3654e60f.colorInverted_a478591a26:hover,\n.kindPrimary_2b3654e60f.colorInverted_a478591a26:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_2b3654e60f.button_9a63910f57.colorInverted_a478591a26.disabled_bbe116df1c {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_2b3654e60f.colorOnPrimaryColor_51428168db {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_2b3654e60f.colorOnPrimaryColorActive_3a6b04a3bf,\n.kindPrimary_2b3654e60f.colorOnPrimaryColor_51428168db:hover,\n.kindPrimary_2b3654e60f.colorOnPrimaryColor_51428168db:focus {\n  background-color: #e6e9ef;\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindPrimary_2b3654e60f.colorOnPrimaryColorActive_3a6b04a3bf:focus-visible, .kindPrimary_2b3654e60f.colorOnPrimaryColorActive_3a6b04a3bf.focus-visible_762adcef61,\n.kindPrimary_2b3654e60f.colorOnPrimaryColor_51428168db:hover:focus-visible,\n.kindPrimary_2b3654e60f.colorOnPrimaryColor_51428168db:hover.focus-visible_762adcef61,\n.kindPrimary_2b3654e60f.colorOnPrimaryColor_51428168db:focus:focus-visible,\n.kindPrimary_2b3654e60f.colorOnPrimaryColor_51428168db:focus.focus-visible_762adcef61 {\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_2b3654e60f.colorOnPrimaryColorActive_3a6b04a3bf:focus:not(.focus-visible_762adcef61),\n.kindPrimary_2b3654e60f.colorOnPrimaryColor_51428168db:hover:focus:not(.focus-visible_762adcef61),\n.kindPrimary_2b3654e60f.colorOnPrimaryColor_51428168db:focus:focus:not(.focus-visible_762adcef61) {\n  outline: none;\n}\n.kindPrimary_2b3654e60f.colorOnPrimaryColor_51428168db.disabled_bbe116df1c {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_2b3654e60f.colorFixedLight_8342c55b92 {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_2b3654e60f.colorFixedLightActive_f41394d97f,\n.kindPrimary_2b3654e60f.colorFixedLight_8342c55b92:hover,\n.kindPrimary_2b3654e60f.colorFixedLight_8342c55b92:focus {\n  background-color: #e6e9ef;\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindPrimary_2b3654e60f.colorFixedLightActive_f41394d97f:focus-visible, .kindPrimary_2b3654e60f.colorFixedLightActive_f41394d97f.focus-visible_762adcef61,\n.kindPrimary_2b3654e60f.colorFixedLight_8342c55b92:hover:focus-visible,\n.kindPrimary_2b3654e60f.colorFixedLight_8342c55b92:hover.focus-visible_762adcef61,\n.kindPrimary_2b3654e60f.colorFixedLight_8342c55b92:focus:focus-visible,\n.kindPrimary_2b3654e60f.colorFixedLight_8342c55b92:focus.focus-visible_762adcef61 {\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_2b3654e60f.colorFixedLightActive_f41394d97f:focus:not(.focus-visible_762adcef61),\n.kindPrimary_2b3654e60f.colorFixedLight_8342c55b92:hover:focus:not(.focus-visible_762adcef61),\n.kindPrimary_2b3654e60f.colorFixedLight_8342c55b92:focus:focus:not(.focus-visible_762adcef61) {\n  outline: none;\n}\n.kindPrimary_2b3654e60f.colorFixedLight_8342c55b92.disabled_bbe116df1c {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_2b3654e60f.colorFixedDark_8e01fcf038 {\n  background: var(--fixed-dark-color);\n  color: var(--fixed-light-color);\n}\n.kindPrimary_2b3654e60f.colorFixedDarkActive_a917827c4c,\n.kindPrimary_2b3654e60f.colorFixedDark_8e01fcf038:hover,\n.kindPrimary_2b3654e60f.colorFixedDark_8e01fcf038:focus {\n  filter: brightness(125%);\n}\n.kindPrimary_2b3654e60f.colorFixedDarkActive_a917827c4c:focus-visible, .kindPrimary_2b3654e60f.colorFixedDarkActive_a917827c4c.focus-visible_762adcef61,\n.kindPrimary_2b3654e60f.colorFixedDark_8e01fcf038:hover:focus-visible,\n.kindPrimary_2b3654e60f.colorFixedDark_8e01fcf038:hover.focus-visible_762adcef61,\n.kindPrimary_2b3654e60f.colorFixedDark_8e01fcf038:focus:focus-visible,\n.kindPrimary_2b3654e60f.colorFixedDark_8e01fcf038:focus.focus-visible_762adcef61 {\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_2b3654e60f.colorFixedDarkActive_a917827c4c:focus:not(.focus-visible_762adcef61),\n.kindPrimary_2b3654e60f.colorFixedDark_8e01fcf038:hover:focus:not(.focus-visible_762adcef61),\n.kindPrimary_2b3654e60f.colorFixedDark_8e01fcf038:focus:focus:not(.focus-visible_762adcef61) {\n  outline: none;\n}\n.kindPrimary_2b3654e60f.colorFixedDark_8e01fcf038.disabled_bbe116df1c {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindPrimary_2b3654e60f.colorOnInvertedBackground_c683866fb5 {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary_2b3654e60f.colorOnInvertedBackgroundActive_9ca265e525,\n.kindPrimary_2b3654e60f.colorOnInvertedBackground_c683866fb5:hover,\n.kindPrimary_2b3654e60f.colorOnInvertedBackground_c683866fb5:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary_2b3654e60f.button_9a63910f57.colorOnInvertedBackground_c683866fb5.disabled_bbe116df1c {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary_2b3654e60f.button_9a63910f57.disabled_bbe116df1c {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_3dfe1cc2bd {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary_3dfe1cc2bd.sizeSmall_405de0b68a {\n  line-height: 22px;\n}\n.kindSecondary_3dfe1cc2bd.sizeMedium_984fdcf6a5 {\n  line-height: 22px;\n}\n.kindSecondary_3dfe1cc2bd.sizeLarge_5b200e5a3f {\n  line-height: 22px;\n}\n.kindSecondary_3dfe1cc2bd.colorPrimaryActive_f14a13efd3 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_3dfe1cc2bd.colorPrimaryActive_f14a13efd3:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_3dfe1cc2bd.colorBrandActive_7632969cdc {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_3dfe1cc2bd.colorBrandActive_7632969cdc,\n.kindSecondary_3dfe1cc2bd.colorBrandActive_7632969cdc:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_3dfe1cc2bd.colorPrimary_aa9d6cfed0:hover:not(.colorPrimaryActive_f14a13efd3),\n.kindSecondary_3dfe1cc2bd.colorPrimary_aa9d6cfed0:focus:not(.colorPrimaryActive_f14a13efd3) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_3dfe1cc2bd.colorBrand_32a5a74f56:hover:not(.colorBrandActive_7632969cdc),\n.kindSecondary_3dfe1cc2bd.colorBrand_32a5a74f56:focus:not(.colorBrandActive_7632969cdc) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_3dfe1cc2bd.colorPositive_c3d27a8715 {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_3dfe1cc2bd.colorPositiveActive_7ddc1639d6,\n.kindSecondary_3dfe1cc2bd.colorPositive_c3d27a8715:hover,\n.kindSecondary_3dfe1cc2bd.colorPositive_c3d27a8715:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_3dfe1cc2bd.colorNegative_777d38711a {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_3dfe1cc2bd.colorNegativeActive_7ddc1639d6,\n.kindSecondary_3dfe1cc2bd.colorNegative_777d38711a:hover,\n.kindSecondary_3dfe1cc2bd.colorNegative_777d38711a:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_3dfe1cc2bd.colorInverted_a478591a26 {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary_3dfe1cc2bd.colorInvertedActive_7ddc1639d6,\n.kindSecondary_3dfe1cc2bd.colorInverted_a478591a26:hover,\n.kindSecondary_3dfe1cc2bd.colorInverted_a478591a26:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_3dfe1cc2bd.colorInverted_a478591a26.disabled_bbe116df1c {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_3dfe1cc2bd.colorOnPrimaryColor_51428168db {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_3dfe1cc2bd.colorOnPrimaryColorActive_3a6b04a3bf,\n.kindSecondary_3dfe1cc2bd.colorOnPrimaryColor_51428168db:hover,\n.kindSecondary_3dfe1cc2bd.colorOnPrimaryColor_51428168db:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindSecondary_3dfe1cc2bd.colorOnPrimaryColorActive_3a6b04a3bf:focus-visible, .kindSecondary_3dfe1cc2bd.colorOnPrimaryColorActive_3a6b04a3bf.focus-visible_762adcef61,\n.kindSecondary_3dfe1cc2bd.colorOnPrimaryColor_51428168db:hover:focus-visible,\n.kindSecondary_3dfe1cc2bd.colorOnPrimaryColor_51428168db:hover.focus-visible_762adcef61,\n.kindSecondary_3dfe1cc2bd.colorOnPrimaryColor_51428168db:focus:focus-visible,\n.kindSecondary_3dfe1cc2bd.colorOnPrimaryColor_51428168db:focus.focus-visible_762adcef61 {\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_3dfe1cc2bd.colorOnPrimaryColorActive_3a6b04a3bf:focus:not(.focus-visible_762adcef61),\n.kindSecondary_3dfe1cc2bd.colorOnPrimaryColor_51428168db:hover:focus:not(.focus-visible_762adcef61),\n.kindSecondary_3dfe1cc2bd.colorOnPrimaryColor_51428168db:focus:focus:not(.focus-visible_762adcef61) {\n  outline: none;\n}\n.kindSecondary_3dfe1cc2bd.colorOnPrimaryColor_51428168db.disabled_bbe116df1c {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_3dfe1cc2bd.colorFixedLight_8342c55b92 {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_3dfe1cc2bd.colorFixedLightActive_f41394d97f,\n.kindSecondary_3dfe1cc2bd.colorFixedLight_8342c55b92:hover,\n.kindSecondary_3dfe1cc2bd.colorFixedLight_8342c55b92:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindSecondary_3dfe1cc2bd.colorFixedLightActive_f41394d97f:focus-visible, .kindSecondary_3dfe1cc2bd.colorFixedLightActive_f41394d97f.focus-visible_762adcef61,\n.kindSecondary_3dfe1cc2bd.colorFixedLight_8342c55b92:hover:focus-visible,\n.kindSecondary_3dfe1cc2bd.colorFixedLight_8342c55b92:hover.focus-visible_762adcef61,\n.kindSecondary_3dfe1cc2bd.colorFixedLight_8342c55b92:focus:focus-visible,\n.kindSecondary_3dfe1cc2bd.colorFixedLight_8342c55b92:focus.focus-visible_762adcef61 {\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_3dfe1cc2bd.colorFixedLightActive_f41394d97f:focus:not(.focus-visible_762adcef61),\n.kindSecondary_3dfe1cc2bd.colorFixedLight_8342c55b92:hover:focus:not(.focus-visible_762adcef61),\n.kindSecondary_3dfe1cc2bd.colorFixedLight_8342c55b92:focus:focus:not(.focus-visible_762adcef61) {\n  outline: none;\n}\n.kindSecondary_3dfe1cc2bd.colorFixedDark_8e01fcf038 {\n  border-color: var(--fixed-dark-color);\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_3dfe1cc2bd.colorFixedDarkActive_a917827c4c,\n.kindSecondary_3dfe1cc2bd.colorFixedDark_8e01fcf038:hover,\n.kindSecondary_3dfe1cc2bd.colorFixedDark_8e01fcf038:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindSecondary_3dfe1cc2bd.colorFixedDarkActive_a917827c4c:focus-visible, .kindSecondary_3dfe1cc2bd.colorFixedDarkActive_a917827c4c.focus-visible_762adcef61,\n.kindSecondary_3dfe1cc2bd.colorFixedDark_8e01fcf038:hover:focus-visible,\n.kindSecondary_3dfe1cc2bd.colorFixedDark_8e01fcf038:hover.focus-visible_762adcef61,\n.kindSecondary_3dfe1cc2bd.colorFixedDark_8e01fcf038:focus:focus-visible,\n.kindSecondary_3dfe1cc2bd.colorFixedDark_8e01fcf038:focus.focus-visible_762adcef61 {\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_3dfe1cc2bd.colorFixedDarkActive_a917827c4c:focus:not(.focus-visible_762adcef61),\n.kindSecondary_3dfe1cc2bd.colorFixedDark_8e01fcf038:hover:focus:not(.focus-visible_762adcef61),\n.kindSecondary_3dfe1cc2bd.colorFixedDark_8e01fcf038:focus:focus:not(.focus-visible_762adcef61) {\n  outline: none;\n}\n.kindSecondary_3dfe1cc2bd.colorOnInvertedBackground_c683866fb5 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_3dfe1cc2bd.colorOnInvertedBackgroundActive_9ca265e525,\n.kindSecondary_3dfe1cc2bd.colorOnInvertedBackground_c683866fb5:hover,\n.kindSecondary_3dfe1cc2bd.colorOnInvertedBackground_c683866fb5:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_3dfe1cc2bd.colorOnInvertedBackground_c683866fb5.disabled_bbe116df1c {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_3dfe1cc2bd.colorFixedLight_8342c55b92.disabled_bbe116df1c {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_3dfe1cc2bd.colorFixedDark_8e01fcf038.disabled_bbe116df1c {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_3dfe1cc2bd.disabled_bbe116df1c {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_3dfe1cc2bd.disabled_bbe116df1c:hover {\n  background-color: transparent;\n}\n.kindTertiary_4a3c3fafde {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary_4a3c3fafde.colorPrimaryActive_f14a13efd3 {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary_4a3c3fafde.colorPrimaryActive_f14a13efd3:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_4a3c3fafde.colorBrandActive_7632969cdc {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_4a3c3fafde.colorBrandActive_7632969cdc,\n.kindTertiary_4a3c3fafde.colorBrandActive_7632969cdc:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_4a3c3fafde.colorPrimary_aa9d6cfed0:hover:not(.colorPrimaryActive_f14a13efd3),\n.kindTertiary_4a3c3fafde.colorPrimary_aa9d6cfed0:focus:not(.colorPrimaryActive_f14a13efd3) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_4a3c3fafde.colorBrand_32a5a74f56:hover:not(.colorBrandActive_7632969cdc),\n.kindTertiary_4a3c3fafde.colorBrand_32a5a74f56:focus:not(.colorBrandActive_7632969cdc) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_4a3c3fafde.colorPositive_c3d27a8715 {\n  color: var(--positive-color);\n}\n.kindTertiary_4a3c3fafde.colorPositiveActive_7ddc1639d6,\n.kindTertiary_4a3c3fafde.colorPositive_c3d27a8715:hover,\n.kindTertiary_4a3c3fafde.colorPositive_c3d27a8715:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_4a3c3fafde.colorNegative_777d38711a {\n  color: var(--negative-color);\n}\n.kindTertiary_4a3c3fafde.colorNegativeActive_7ddc1639d6,\n.kindTertiary_4a3c3fafde.colorNegative_777d38711a:hover,\n.kindTertiary_4a3c3fafde.colorNegative_777d38711a:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_4a3c3fafde.colorInverted_a478591a26 {\n  color: var(--primary-text-color);\n}\n.kindTertiary_4a3c3fafde.colorInvertedActive_7ddc1639d6,\n.kindTertiary_4a3c3fafde.colorInverted_a478591a26:hover,\n.kindTertiary_4a3c3fafde.colorInverted_a478591a26:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_4a3c3fafde.colorInverted_a478591a26.disabled_bbe116df1c {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_4a3c3fafde.colorOnPrimaryColor_51428168db {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_4a3c3fafde.colorOnPrimaryColorActive_3a6b04a3bf,\n.kindTertiary_4a3c3fafde.colorOnPrimaryColor_51428168db:hover,\n.kindTertiary_4a3c3fafde.colorOnPrimaryColor_51428168db:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindTertiary_4a3c3fafde.colorOnPrimaryColorActive_3a6b04a3bf:focus-visible, .kindTertiary_4a3c3fafde.colorOnPrimaryColorActive_3a6b04a3bf.focus-visible_762adcef61,\n.kindTertiary_4a3c3fafde.colorOnPrimaryColor_51428168db:hover:focus-visible,\n.kindTertiary_4a3c3fafde.colorOnPrimaryColor_51428168db:hover.focus-visible_762adcef61,\n.kindTertiary_4a3c3fafde.colorOnPrimaryColor_51428168db:focus:focus-visible,\n.kindTertiary_4a3c3fafde.colorOnPrimaryColor_51428168db:focus.focus-visible_762adcef61 {\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_4a3c3fafde.colorOnPrimaryColorActive_3a6b04a3bf:focus:not(.focus-visible_762adcef61),\n.kindTertiary_4a3c3fafde.colorOnPrimaryColor_51428168db:hover:focus:not(.focus-visible_762adcef61),\n.kindTertiary_4a3c3fafde.colorOnPrimaryColor_51428168db:focus:focus:not(.focus-visible_762adcef61) {\n  outline: none;\n}\n.kindTertiary_4a3c3fafde.colorOnPrimaryColor_51428168db.disabled_bbe116df1c {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_4a3c3fafde.colorFixedLight_8342c55b92 {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_4a3c3fafde.colorFixedLightActive_f41394d97f,\n.kindTertiary_4a3c3fafde.colorFixedLight_8342c55b92:hover,\n.kindTertiary_4a3c3fafde.colorFixedLight_8342c55b92:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindTertiary_4a3c3fafde.colorFixedLightActive_f41394d97f:focus-visible, .kindTertiary_4a3c3fafde.colorFixedLightActive_f41394d97f.focus-visible_762adcef61,\n.kindTertiary_4a3c3fafde.colorFixedLight_8342c55b92:hover:focus-visible,\n.kindTertiary_4a3c3fafde.colorFixedLight_8342c55b92:hover.focus-visible_762adcef61,\n.kindTertiary_4a3c3fafde.colorFixedLight_8342c55b92:focus:focus-visible,\n.kindTertiary_4a3c3fafde.colorFixedLight_8342c55b92:focus.focus-visible_762adcef61 {\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_4a3c3fafde.colorFixedLightActive_f41394d97f:focus:not(.focus-visible_762adcef61),\n.kindTertiary_4a3c3fafde.colorFixedLight_8342c55b92:hover:focus:not(.focus-visible_762adcef61),\n.kindTertiary_4a3c3fafde.colorFixedLight_8342c55b92:focus:focus:not(.focus-visible_762adcef61) {\n  outline: none;\n}\n.kindTertiary_4a3c3fafde.colorFixedLight_8342c55b92.disabled_bbe116df1c {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_4a3c3fafde.colorFixedDark_8e01fcf038 {\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_4a3c3fafde.colorFixedDarkActive_a917827c4c,\n.kindTertiary_4a3c3fafde.colorFixedDark_8e01fcf038:hover,\n.kindTertiary_4a3c3fafde.colorFixedDark_8e01fcf038:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindTertiary_4a3c3fafde.colorFixedDarkActive_a917827c4c:focus-visible, .kindTertiary_4a3c3fafde.colorFixedDarkActive_a917827c4c.focus-visible_762adcef61,\n.kindTertiary_4a3c3fafde.colorFixedDark_8e01fcf038:hover:focus-visible,\n.kindTertiary_4a3c3fafde.colorFixedDark_8e01fcf038:hover.focus-visible_762adcef61,\n.kindTertiary_4a3c3fafde.colorFixedDark_8e01fcf038:focus:focus-visible,\n.kindTertiary_4a3c3fafde.colorFixedDark_8e01fcf038:focus.focus-visible_762adcef61 {\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_4a3c3fafde.colorFixedDarkActive_a917827c4c:focus:not(.focus-visible_762adcef61),\n.kindTertiary_4a3c3fafde.colorFixedDark_8e01fcf038:hover:focus:not(.focus-visible_762adcef61),\n.kindTertiary_4a3c3fafde.colorFixedDark_8e01fcf038:focus:focus:not(.focus-visible_762adcef61) {\n  outline: none;\n}\n.kindTertiary_4a3c3fafde.colorFixedDark_8e01fcf038.disabled_bbe116df1c {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_4a3c3fafde.colorOnInvertedBackground_c683866fb5 {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_4a3c3fafde.colorOnInvertedBackgroundActive_9ca265e525,\n.kindTertiary_4a3c3fafde.colorOnInvertedBackground_c683866fb5:hover,\n.kindTertiary_4a3c3fafde.colorOnInvertedBackground_c683866fb5:focus {\n  background: var(--icon-color);\n}\n.kindTertiary_4a3c3fafde.colorOnInvertedBackground_c683866fb5.disabled_bbe116df1c {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_4a3c3fafde.disabled_bbe116df1c {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_4a3c3fafde.disabled_bbe116df1c:hover {\n  background-color: transparent;\n}\n.noSidePadding_761e1c3c9c {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button_9a63910f57.insetFocusStyle_1273262df0:focus-visible, .button_9a63910f57.insetFocusStyle_1273262df0.focus-visible_762adcef61 {\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_9a63910f57.insetFocusStyle_1273262df0:focus:not(.focus-visible_762adcef61) {\n  outline: none;\n}");export{o as default};
+var o={button:"button_408fd77d5f","focus-visible":"focus-visible_4c1f10522c",loader:"loader_1517362383",loaderSvg:"loaderSvg_49476ead71",textPlaceholder:"textPlaceholder_a10a61ac82",success:"success_7569b828fc",successContent:"successContent_5c05d66190",marginRight:"marginRight_f6a29d8a7e",marginLeft:"marginLeft_67655626fa",rightFlat:"rightFlat_10b964a994",leftFlat:"leftFlat_8d72a7efa1",preventClickAnimation:"preventClickAnimation_cb88118ec3",leftIcon:"leftIcon_f6a29d8a7e",rightIcon:"rightIcon_67655626fa",sizeXxs:"sizeXxs_caa2d7ad48",sizeXs:"sizeXs_8ee80caf76",sizeSmall:"sizeSmall_72ff2684a2",sizeMedium:"sizeMedium_eee5e6e2cf",sizeLarge:"sizeLarge_3cefa9e1c8",kindPrimary:"kindPrimary_176f3403d5",colorPrimary:"colorPrimary_f2243b999f",colorBrand:"colorBrand_e19c613f8a",colorPrimaryActive:"colorPrimaryActive_c43b748b11",colorBrandActive:"colorBrandActive_8f35bdbc6b",colorPositive:"colorPositive_57c59ac56a",colorPositiveActive:"colorPositiveActive_ac289df86f",colorNegative:"colorNegative_ea9eefafd1",colorNegativeActive:"colorNegativeActive_ac289df86f",colorInverted:"colorInverted_0059b45874",colorInvertedActive:"colorInvertedActive_ac289df86f",disabled:"disabled_2b5246ddb7",colorOnPrimaryColor:"colorOnPrimaryColor_c20695b68d",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_613372993e",colorFixedLight:"colorFixedLight_7b48c5783d",colorFixedLightActive:"colorFixedLightActive_cb88118ec3",colorFixedDark:"colorFixedDark_8e79930891",colorFixedDarkActive:"colorFixedDarkActive_955bd1500a",colorOnInvertedBackground:"colorOnInvertedBackground_58777c0101",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_7c148d0da0",kindSecondary:"kindSecondary_a100ddb63f",kindTertiary:"kindTertiary_036feb2c2d",noSidePadding:"noSidePadding_42c71c9ebc",insetFocusStyle:"insetFocusStyle_a955adf08c"};!function(o){const r="s_id-95d3f630f6d9_3_0_11";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_408fd77d5f {\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_408fd77d5f:focus-visible, .button_408fd77d5f.focus-visible_4c1f10522c {\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_408fd77d5f:focus:not(.focus-visible_4c1f10522c) {\n  outline: none;\n}\n.button_408fd77d5f .loader_1517362383 {\n  height: 100%;\n}\n.button_408fd77d5f .loader_1517362383 .loaderSvg_49476ead71 {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_408fd77d5f .textPlaceholder_a10a61ac82 {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_408fd77d5f.success_7569b828fc {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_408fd77d5f.success_7569b828fc .successContent_5c05d66190 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_f6a29d8a7e {\n  margin-right: var(--spacing-small);\n}\n.marginLeft_67655626fa {\n  margin-left: var(--spacing-small);\n}\n.rightFlat_10b964a994 {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat_8d72a7efa1 {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.button_408fd77d5f:active:not(.preventClickAnimation_cb88118ec3) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_408fd77d5f .leftIcon_f6a29d8a7e {\n  margin-right: var(--spacing-small);\n}\n.button_408fd77d5f .rightIcon_67655626fa {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs_caa2d7ad48 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  padding: 2px var(--spacing-xs);\n  height: 16px;\n  line-height: 16px;\n}\n.sizeXs_8ee80caf76 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  padding: var(--spacing-xs) var(--spacing-small);\n  height: 24px;\n  line-height: 21px;\n}\n.sizeSmall_72ff2684a2 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  padding: var(--spacing-xs) var(--spacing-small);\n  height: 32px;\n  line-height: 24px;\n}\n.sizeSmall_72ff2684a2 .loader_1517362383 {\n  top: 7px;\n}\n.sizeMedium_eee5e6e2cf {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text1-normal);\n  padding: var(--spacing-small) var(--spacing-medium);\n  height: 40px;\n}\n.sizeLarge_3cefa9e1c8 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text1-normal);\n  padding: 12px var(--spacing-large);\n  height: 48px;\n}\n.kindPrimary_176f3403d5 {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_176f3403d5.colorPrimary_f2243b999f {\n  background: var(--primary-color);\n}\n.kindPrimary_176f3403d5.colorBrand_e19c613f8a {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_176f3403d5.colorPrimaryActive_c43b748b11,\n.kindPrimary_176f3403d5.colorPrimary_f2243b999f:hover,\n.kindPrimary_176f3403d5.colorPrimary_f2243b999f:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary_176f3403d5.colorBrandActive_8f35bdbc6b,\n.kindPrimary_176f3403d5.colorBrand_e19c613f8a:hover,\n.kindPrimary_176f3403d5.colorBrand_e19c613f8a:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_176f3403d5.colorPositive_57c59ac56a {\n  background: var(--positive-color);\n}\n.kindPrimary_176f3403d5.colorPositiveActive_ac289df86f,\n.kindPrimary_176f3403d5.colorPositive_57c59ac56a:hover,\n.kindPrimary_176f3403d5.colorPositive_57c59ac56a:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_176f3403d5.colorNegative_ea9eefafd1 {\n  background: var(--negative-color);\n}\n.kindPrimary_176f3403d5.colorNegativeActive_ac289df86f,\n.kindPrimary_176f3403d5.colorNegative_ea9eefafd1:hover,\n.kindPrimary_176f3403d5.colorNegative_ea9eefafd1:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_176f3403d5.colorInverted_0059b45874 {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_176f3403d5.colorInvertedActive_ac289df86f,\n.kindPrimary_176f3403d5.colorInverted_0059b45874:hover,\n.kindPrimary_176f3403d5.colorInverted_0059b45874:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_176f3403d5.button_408fd77d5f.colorInverted_0059b45874.disabled_2b5246ddb7 {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_176f3403d5.colorOnPrimaryColor_c20695b68d {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_176f3403d5.colorOnPrimaryColorActive_613372993e,\n.kindPrimary_176f3403d5.colorOnPrimaryColor_c20695b68d:hover,\n.kindPrimary_176f3403d5.colorOnPrimaryColor_c20695b68d:focus {\n  background-color: #e6e9ef;\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindPrimary_176f3403d5.colorOnPrimaryColorActive_613372993e:focus-visible, .kindPrimary_176f3403d5.colorOnPrimaryColorActive_613372993e.focus-visible_4c1f10522c,\n.kindPrimary_176f3403d5.colorOnPrimaryColor_c20695b68d:hover:focus-visible,\n.kindPrimary_176f3403d5.colorOnPrimaryColor_c20695b68d:hover.focus-visible_4c1f10522c,\n.kindPrimary_176f3403d5.colorOnPrimaryColor_c20695b68d:focus:focus-visible,\n.kindPrimary_176f3403d5.colorOnPrimaryColor_c20695b68d:focus.focus-visible_4c1f10522c {\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_176f3403d5.colorOnPrimaryColorActive_613372993e:focus:not(.focus-visible_4c1f10522c),\n.kindPrimary_176f3403d5.colorOnPrimaryColor_c20695b68d:hover:focus:not(.focus-visible_4c1f10522c),\n.kindPrimary_176f3403d5.colorOnPrimaryColor_c20695b68d:focus:focus:not(.focus-visible_4c1f10522c) {\n  outline: none;\n}\n.kindPrimary_176f3403d5.colorOnPrimaryColor_c20695b68d.disabled_2b5246ddb7 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_176f3403d5.colorFixedLight_7b48c5783d {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_176f3403d5.colorFixedLightActive_cb88118ec3,\n.kindPrimary_176f3403d5.colorFixedLight_7b48c5783d:hover,\n.kindPrimary_176f3403d5.colorFixedLight_7b48c5783d:focus {\n  background-color: #e6e9ef;\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindPrimary_176f3403d5.colorFixedLightActive_cb88118ec3:focus-visible, .kindPrimary_176f3403d5.colorFixedLightActive_cb88118ec3.focus-visible_4c1f10522c,\n.kindPrimary_176f3403d5.colorFixedLight_7b48c5783d:hover:focus-visible,\n.kindPrimary_176f3403d5.colorFixedLight_7b48c5783d:hover.focus-visible_4c1f10522c,\n.kindPrimary_176f3403d5.colorFixedLight_7b48c5783d:focus:focus-visible,\n.kindPrimary_176f3403d5.colorFixedLight_7b48c5783d:focus.focus-visible_4c1f10522c {\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_176f3403d5.colorFixedLightActive_cb88118ec3:focus:not(.focus-visible_4c1f10522c),\n.kindPrimary_176f3403d5.colorFixedLight_7b48c5783d:hover:focus:not(.focus-visible_4c1f10522c),\n.kindPrimary_176f3403d5.colorFixedLight_7b48c5783d:focus:focus:not(.focus-visible_4c1f10522c) {\n  outline: none;\n}\n.kindPrimary_176f3403d5.colorFixedLight_7b48c5783d.disabled_2b5246ddb7 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_176f3403d5.colorFixedDark_8e79930891 {\n  background: var(--fixed-dark-color);\n  color: var(--fixed-light-color);\n}\n.kindPrimary_176f3403d5.colorFixedDarkActive_955bd1500a,\n.kindPrimary_176f3403d5.colorFixedDark_8e79930891:hover,\n.kindPrimary_176f3403d5.colorFixedDark_8e79930891:focus {\n  filter: brightness(125%);\n}\n.kindPrimary_176f3403d5.colorFixedDarkActive_955bd1500a:focus-visible, .kindPrimary_176f3403d5.colorFixedDarkActive_955bd1500a.focus-visible_4c1f10522c,\n.kindPrimary_176f3403d5.colorFixedDark_8e79930891:hover:focus-visible,\n.kindPrimary_176f3403d5.colorFixedDark_8e79930891:hover.focus-visible_4c1f10522c,\n.kindPrimary_176f3403d5.colorFixedDark_8e79930891:focus:focus-visible,\n.kindPrimary_176f3403d5.colorFixedDark_8e79930891:focus.focus-visible_4c1f10522c {\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_176f3403d5.colorFixedDarkActive_955bd1500a:focus:not(.focus-visible_4c1f10522c),\n.kindPrimary_176f3403d5.colorFixedDark_8e79930891:hover:focus:not(.focus-visible_4c1f10522c),\n.kindPrimary_176f3403d5.colorFixedDark_8e79930891:focus:focus:not(.focus-visible_4c1f10522c) {\n  outline: none;\n}\n.kindPrimary_176f3403d5.colorFixedDark_8e79930891.disabled_2b5246ddb7 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindPrimary_176f3403d5.colorOnInvertedBackground_58777c0101 {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary_176f3403d5.colorOnInvertedBackgroundActive_7c148d0da0,\n.kindPrimary_176f3403d5.colorOnInvertedBackground_58777c0101:hover,\n.kindPrimary_176f3403d5.colorOnInvertedBackground_58777c0101:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary_176f3403d5.button_408fd77d5f.colorOnInvertedBackground_58777c0101.disabled_2b5246ddb7 {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary_176f3403d5.button_408fd77d5f.disabled_2b5246ddb7 {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_a100ddb63f {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary_a100ddb63f.sizeSmall_72ff2684a2 {\n  line-height: 22px;\n}\n.kindSecondary_a100ddb63f.sizeMedium_eee5e6e2cf {\n  line-height: 22px;\n}\n.kindSecondary_a100ddb63f.sizeLarge_3cefa9e1c8 {\n  line-height: 22px;\n}\n.kindSecondary_a100ddb63f.colorPrimaryActive_c43b748b11 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_a100ddb63f.colorPrimaryActive_c43b748b11:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_a100ddb63f.colorBrandActive_8f35bdbc6b {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_a100ddb63f.colorBrandActive_8f35bdbc6b,\n.kindSecondary_a100ddb63f.colorBrandActive_8f35bdbc6b:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_a100ddb63f.colorPrimary_f2243b999f:hover:not(.colorPrimaryActive_c43b748b11),\n.kindSecondary_a100ddb63f.colorPrimary_f2243b999f:focus:not(.colorPrimaryActive_c43b748b11) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_a100ddb63f.colorBrand_e19c613f8a:hover:not(.colorBrandActive_8f35bdbc6b),\n.kindSecondary_a100ddb63f.colorBrand_e19c613f8a:focus:not(.colorBrandActive_8f35bdbc6b) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_a100ddb63f.colorPositive_57c59ac56a {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_a100ddb63f.colorPositiveActive_ac289df86f,\n.kindSecondary_a100ddb63f.colorPositive_57c59ac56a:hover,\n.kindSecondary_a100ddb63f.colorPositive_57c59ac56a:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_a100ddb63f.colorNegative_ea9eefafd1 {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_a100ddb63f.colorNegativeActive_ac289df86f,\n.kindSecondary_a100ddb63f.colorNegative_ea9eefafd1:hover,\n.kindSecondary_a100ddb63f.colorNegative_ea9eefafd1:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_a100ddb63f.colorInverted_0059b45874 {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary_a100ddb63f.colorInvertedActive_ac289df86f,\n.kindSecondary_a100ddb63f.colorInverted_0059b45874:hover,\n.kindSecondary_a100ddb63f.colorInverted_0059b45874:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_a100ddb63f.colorInverted_0059b45874.disabled_2b5246ddb7 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_a100ddb63f.colorOnPrimaryColor_c20695b68d {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_a100ddb63f.colorOnPrimaryColorActive_613372993e,\n.kindSecondary_a100ddb63f.colorOnPrimaryColor_c20695b68d:hover,\n.kindSecondary_a100ddb63f.colorOnPrimaryColor_c20695b68d:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindSecondary_a100ddb63f.colorOnPrimaryColorActive_613372993e:focus-visible, .kindSecondary_a100ddb63f.colorOnPrimaryColorActive_613372993e.focus-visible_4c1f10522c,\n.kindSecondary_a100ddb63f.colorOnPrimaryColor_c20695b68d:hover:focus-visible,\n.kindSecondary_a100ddb63f.colorOnPrimaryColor_c20695b68d:hover.focus-visible_4c1f10522c,\n.kindSecondary_a100ddb63f.colorOnPrimaryColor_c20695b68d:focus:focus-visible,\n.kindSecondary_a100ddb63f.colorOnPrimaryColor_c20695b68d:focus.focus-visible_4c1f10522c {\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_a100ddb63f.colorOnPrimaryColorActive_613372993e:focus:not(.focus-visible_4c1f10522c),\n.kindSecondary_a100ddb63f.colorOnPrimaryColor_c20695b68d:hover:focus:not(.focus-visible_4c1f10522c),\n.kindSecondary_a100ddb63f.colorOnPrimaryColor_c20695b68d:focus:focus:not(.focus-visible_4c1f10522c) {\n  outline: none;\n}\n.kindSecondary_a100ddb63f.colorOnPrimaryColor_c20695b68d.disabled_2b5246ddb7 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_a100ddb63f.colorFixedLight_7b48c5783d {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_a100ddb63f.colorFixedLightActive_cb88118ec3,\n.kindSecondary_a100ddb63f.colorFixedLight_7b48c5783d:hover,\n.kindSecondary_a100ddb63f.colorFixedLight_7b48c5783d:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindSecondary_a100ddb63f.colorFixedLightActive_cb88118ec3:focus-visible, .kindSecondary_a100ddb63f.colorFixedLightActive_cb88118ec3.focus-visible_4c1f10522c,\n.kindSecondary_a100ddb63f.colorFixedLight_7b48c5783d:hover:focus-visible,\n.kindSecondary_a100ddb63f.colorFixedLight_7b48c5783d:hover.focus-visible_4c1f10522c,\n.kindSecondary_a100ddb63f.colorFixedLight_7b48c5783d:focus:focus-visible,\n.kindSecondary_a100ddb63f.colorFixedLight_7b48c5783d:focus.focus-visible_4c1f10522c {\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_a100ddb63f.colorFixedLightActive_cb88118ec3:focus:not(.focus-visible_4c1f10522c),\n.kindSecondary_a100ddb63f.colorFixedLight_7b48c5783d:hover:focus:not(.focus-visible_4c1f10522c),\n.kindSecondary_a100ddb63f.colorFixedLight_7b48c5783d:focus:focus:not(.focus-visible_4c1f10522c) {\n  outline: none;\n}\n.kindSecondary_a100ddb63f.colorFixedDark_8e79930891 {\n  border-color: var(--fixed-dark-color);\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_a100ddb63f.colorFixedDarkActive_955bd1500a,\n.kindSecondary_a100ddb63f.colorFixedDark_8e79930891:hover,\n.kindSecondary_a100ddb63f.colorFixedDark_8e79930891:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindSecondary_a100ddb63f.colorFixedDarkActive_955bd1500a:focus-visible, .kindSecondary_a100ddb63f.colorFixedDarkActive_955bd1500a.focus-visible_4c1f10522c,\n.kindSecondary_a100ddb63f.colorFixedDark_8e79930891:hover:focus-visible,\n.kindSecondary_a100ddb63f.colorFixedDark_8e79930891:hover.focus-visible_4c1f10522c,\n.kindSecondary_a100ddb63f.colorFixedDark_8e79930891:focus:focus-visible,\n.kindSecondary_a100ddb63f.colorFixedDark_8e79930891:focus.focus-visible_4c1f10522c {\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_a100ddb63f.colorFixedDarkActive_955bd1500a:focus:not(.focus-visible_4c1f10522c),\n.kindSecondary_a100ddb63f.colorFixedDark_8e79930891:hover:focus:not(.focus-visible_4c1f10522c),\n.kindSecondary_a100ddb63f.colorFixedDark_8e79930891:focus:focus:not(.focus-visible_4c1f10522c) {\n  outline: none;\n}\n.kindSecondary_a100ddb63f.colorOnInvertedBackground_58777c0101 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_a100ddb63f.colorOnInvertedBackgroundActive_7c148d0da0,\n.kindSecondary_a100ddb63f.colorOnInvertedBackground_58777c0101:hover,\n.kindSecondary_a100ddb63f.colorOnInvertedBackground_58777c0101:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_a100ddb63f.colorOnInvertedBackground_58777c0101.disabled_2b5246ddb7 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_a100ddb63f.colorFixedLight_7b48c5783d.disabled_2b5246ddb7 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_a100ddb63f.colorFixedDark_8e79930891.disabled_2b5246ddb7 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_a100ddb63f.disabled_2b5246ddb7 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_a100ddb63f.disabled_2b5246ddb7:hover {\n  background-color: transparent;\n}\n.kindTertiary_036feb2c2d {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary_036feb2c2d.colorPrimaryActive_c43b748b11 {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary_036feb2c2d.colorPrimaryActive_c43b748b11:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_036feb2c2d.colorBrandActive_8f35bdbc6b {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_036feb2c2d.colorBrandActive_8f35bdbc6b,\n.kindTertiary_036feb2c2d.colorBrandActive_8f35bdbc6b:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_036feb2c2d.colorPrimary_f2243b999f:hover:not(.colorPrimaryActive_c43b748b11),\n.kindTertiary_036feb2c2d.colorPrimary_f2243b999f:focus:not(.colorPrimaryActive_c43b748b11) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_036feb2c2d.colorBrand_e19c613f8a:hover:not(.colorBrandActive_8f35bdbc6b),\n.kindTertiary_036feb2c2d.colorBrand_e19c613f8a:focus:not(.colorBrandActive_8f35bdbc6b) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_036feb2c2d.colorPositive_57c59ac56a {\n  color: var(--positive-color);\n}\n.kindTertiary_036feb2c2d.colorPositiveActive_ac289df86f,\n.kindTertiary_036feb2c2d.colorPositive_57c59ac56a:hover,\n.kindTertiary_036feb2c2d.colorPositive_57c59ac56a:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_036feb2c2d.colorNegative_ea9eefafd1 {\n  color: var(--negative-color);\n}\n.kindTertiary_036feb2c2d.colorNegativeActive_ac289df86f,\n.kindTertiary_036feb2c2d.colorNegative_ea9eefafd1:hover,\n.kindTertiary_036feb2c2d.colorNegative_ea9eefafd1:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_036feb2c2d.colorInverted_0059b45874 {\n  color: var(--primary-text-color);\n}\n.kindTertiary_036feb2c2d.colorInvertedActive_ac289df86f,\n.kindTertiary_036feb2c2d.colorInverted_0059b45874:hover,\n.kindTertiary_036feb2c2d.colorInverted_0059b45874:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_036feb2c2d.colorInverted_0059b45874.disabled_2b5246ddb7 {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_036feb2c2d.colorOnPrimaryColor_c20695b68d {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_036feb2c2d.colorOnPrimaryColorActive_613372993e,\n.kindTertiary_036feb2c2d.colorOnPrimaryColor_c20695b68d:hover,\n.kindTertiary_036feb2c2d.colorOnPrimaryColor_c20695b68d:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindTertiary_036feb2c2d.colorOnPrimaryColorActive_613372993e:focus-visible, .kindTertiary_036feb2c2d.colorOnPrimaryColorActive_613372993e.focus-visible_4c1f10522c,\n.kindTertiary_036feb2c2d.colorOnPrimaryColor_c20695b68d:hover:focus-visible,\n.kindTertiary_036feb2c2d.colorOnPrimaryColor_c20695b68d:hover.focus-visible_4c1f10522c,\n.kindTertiary_036feb2c2d.colorOnPrimaryColor_c20695b68d:focus:focus-visible,\n.kindTertiary_036feb2c2d.colorOnPrimaryColor_c20695b68d:focus.focus-visible_4c1f10522c {\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_036feb2c2d.colorOnPrimaryColorActive_613372993e:focus:not(.focus-visible_4c1f10522c),\n.kindTertiary_036feb2c2d.colorOnPrimaryColor_c20695b68d:hover:focus:not(.focus-visible_4c1f10522c),\n.kindTertiary_036feb2c2d.colorOnPrimaryColor_c20695b68d:focus:focus:not(.focus-visible_4c1f10522c) {\n  outline: none;\n}\n.kindTertiary_036feb2c2d.colorOnPrimaryColor_c20695b68d.disabled_2b5246ddb7 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_036feb2c2d.colorFixedLight_7b48c5783d {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_036feb2c2d.colorFixedLightActive_cb88118ec3,\n.kindTertiary_036feb2c2d.colorFixedLight_7b48c5783d:hover,\n.kindTertiary_036feb2c2d.colorFixedLight_7b48c5783d:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindTertiary_036feb2c2d.colorFixedLightActive_cb88118ec3:focus-visible, .kindTertiary_036feb2c2d.colorFixedLightActive_cb88118ec3.focus-visible_4c1f10522c,\n.kindTertiary_036feb2c2d.colorFixedLight_7b48c5783d:hover:focus-visible,\n.kindTertiary_036feb2c2d.colorFixedLight_7b48c5783d:hover.focus-visible_4c1f10522c,\n.kindTertiary_036feb2c2d.colorFixedLight_7b48c5783d:focus:focus-visible,\n.kindTertiary_036feb2c2d.colorFixedLight_7b48c5783d:focus.focus-visible_4c1f10522c {\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_036feb2c2d.colorFixedLightActive_cb88118ec3:focus:not(.focus-visible_4c1f10522c),\n.kindTertiary_036feb2c2d.colorFixedLight_7b48c5783d:hover:focus:not(.focus-visible_4c1f10522c),\n.kindTertiary_036feb2c2d.colorFixedLight_7b48c5783d:focus:focus:not(.focus-visible_4c1f10522c) {\n  outline: none;\n}\n.kindTertiary_036feb2c2d.colorFixedLight_7b48c5783d.disabled_2b5246ddb7 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_036feb2c2d.colorFixedDark_8e79930891 {\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_036feb2c2d.colorFixedDarkActive_955bd1500a,\n.kindTertiary_036feb2c2d.colorFixedDark_8e79930891:hover,\n.kindTertiary_036feb2c2d.colorFixedDark_8e79930891:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindTertiary_036feb2c2d.colorFixedDarkActive_955bd1500a:focus-visible, .kindTertiary_036feb2c2d.colorFixedDarkActive_955bd1500a.focus-visible_4c1f10522c,\n.kindTertiary_036feb2c2d.colorFixedDark_8e79930891:hover:focus-visible,\n.kindTertiary_036feb2c2d.colorFixedDark_8e79930891:hover.focus-visible_4c1f10522c,\n.kindTertiary_036feb2c2d.colorFixedDark_8e79930891:focus:focus-visible,\n.kindTertiary_036feb2c2d.colorFixedDark_8e79930891:focus.focus-visible_4c1f10522c {\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_036feb2c2d.colorFixedDarkActive_955bd1500a:focus:not(.focus-visible_4c1f10522c),\n.kindTertiary_036feb2c2d.colorFixedDark_8e79930891:hover:focus:not(.focus-visible_4c1f10522c),\n.kindTertiary_036feb2c2d.colorFixedDark_8e79930891:focus:focus:not(.focus-visible_4c1f10522c) {\n  outline: none;\n}\n.kindTertiary_036feb2c2d.colorFixedDark_8e79930891.disabled_2b5246ddb7 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_036feb2c2d.colorOnInvertedBackground_58777c0101 {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_036feb2c2d.colorOnInvertedBackgroundActive_7c148d0da0,\n.kindTertiary_036feb2c2d.colorOnInvertedBackground_58777c0101:hover,\n.kindTertiary_036feb2c2d.colorOnInvertedBackground_58777c0101:focus {\n  background: var(--icon-color);\n}\n.kindTertiary_036feb2c2d.colorOnInvertedBackground_58777c0101.disabled_2b5246ddb7 {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_036feb2c2d.disabled_2b5246ddb7 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_036feb2c2d.disabled_2b5246ddb7:hover {\n  background-color: transparent;\n}\n.noSidePadding_42c71c9ebc {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button_408fd77d5f.insetFocusStyle_a955adf08c:focus-visible, .button_408fd77d5f.insetFocusStyle_a955adf08c.focus-visible_4c1f10522c {\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_408fd77d5f.insetFocusStyle_a955adf08c:focus:not(.focus-visible_4c1f10522c) {\n  outline: none;\n}");export{o as default};
 //# sourceMappingURL=Button.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var o={button:"button","focus-visible":"focus-visible",loader:"loader",loaderSvg:"loaderSvg",textPlaceholder:"textPlaceholder",success:"success",successContent:"successContent",marginRight:"marginRight",marginLeft:"marginLeft",rightFlat:"rightFlat",leftFlat:"leftFlat",preventClickAnimation:"preventClickAnimation",leftIcon:"leftIcon",rightIcon:"rightIcon",sizeXxs:"sizeXxs",sizeXs:"sizeXs",sizeSmall:"sizeSmall",sizeMedium:"sizeMedium",sizeLarge:"sizeLarge",kindPrimary:"kindPrimary",colorPrimary:"colorPrimary",colorBrand:"colorBrand",colorPrimaryActive:"colorPrimaryActive",colorBrandActive:"colorBrandActive",colorPositive:"colorPositive",colorPositiveActive:"colorPositiveActive",colorNegative:"colorNegative",colorNegativeActive:"colorNegativeActive",colorInverted:"colorInverted",colorInvertedActive:"colorInvertedActive",disabled:"disabled",colorOnPrimaryColor:"colorOnPrimaryColor",colorOnPrimaryColorActive:"colorOnPrimaryColorActive",colorFixedLight:"colorFixedLight",colorFixedLightActive:"colorFixedLightActive",colorFixedDark:"colorFixedDark",colorFixedDarkActive:"colorFixedDarkActive",colorOnInvertedBackground:"colorOnInvertedBackground",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive",kindSecondary:"kindSecondary",kindTertiary:"kindTertiary",noSidePadding:"noSidePadding",insetFocusStyle:"insetFocusStyle"};!function(o){const r="s_id-95d3f630f6d9_3_0_10";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-right: var(--spacing-small);\n}\n.marginLeft {\n  margin-left: var(--spacing-small);\n}\n.rightFlat {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.button:active:not(.preventClickAnimation) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button .leftIcon {\n  margin-right: var(--spacing-small);\n}\n.button .rightIcon {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  padding: 2px var(--spacing-xs);\n  height: 16px;\n  line-height: 16px;\n}\n.sizeXs {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  padding: var(--spacing-xs) var(--spacing-small);\n  height: 24px;\n  line-height: 21px;\n}\n.sizeSmall {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  padding: var(--spacing-xs) var(--spacing-small);\n  height: 32px;\n  line-height: 24px;\n}\n.sizeSmall .loader {\n  top: 7px;\n}\n.sizeMedium {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text1-normal);\n  padding: var(--spacing-small) var(--spacing-medium);\n  height: 40px;\n}\n.sizeLarge {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text1-normal);\n  padding: 12px var(--spacing-large);\n  height: 48px;\n}\n.kindPrimary {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary.colorPrimary {\n  background: var(--primary-color);\n}\n.kindPrimary.colorBrand {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary.colorPrimaryActive,\n.kindPrimary.colorPrimary:hover,\n.kindPrimary.colorPrimary:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary.colorBrandActive,\n.kindPrimary.colorBrand:hover,\n.kindPrimary.colorBrand:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary.colorPositive {\n  background: var(--positive-color);\n}\n.kindPrimary.colorPositiveActive,\n.kindPrimary.colorPositive:hover,\n.kindPrimary.colorPositive:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary.colorNegative {\n  background: var(--negative-color);\n}\n.kindPrimary.colorNegativeActive,\n.kindPrimary.colorNegative:hover,\n.kindPrimary.colorNegative:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary.colorInverted {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary.colorInvertedActive,\n.kindPrimary.colorInverted:hover,\n.kindPrimary.colorInverted:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary.button.colorInverted.disabled {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary.colorOnPrimaryColor {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary.colorOnPrimaryColorActive,\n.kindPrimary.colorOnPrimaryColor:hover,\n.kindPrimary.colorOnPrimaryColor:focus {\n  background-color: #e6e9ef;\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindPrimary.colorOnPrimaryColorActive:focus-visible, .kindPrimary.colorOnPrimaryColorActive.focus-visible,\n.kindPrimary.colorOnPrimaryColor:hover:focus-visible,\n.kindPrimary.colorOnPrimaryColor:hover.focus-visible,\n.kindPrimary.colorOnPrimaryColor:focus:focus-visible,\n.kindPrimary.colorOnPrimaryColor:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary.colorOnPrimaryColorActive:focus:not(.focus-visible),\n.kindPrimary.colorOnPrimaryColor:hover:focus:not(.focus-visible),\n.kindPrimary.colorOnPrimaryColor:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindPrimary.colorOnPrimaryColor.disabled {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary.colorFixedLight {\n  background: var(--fixed-light-color);\n}\n.kindPrimary.colorFixedLightActive,\n.kindPrimary.colorFixedLight:hover,\n.kindPrimary.colorFixedLight:focus {\n  background-color: #e6e9ef;\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindPrimary.colorFixedLightActive:focus-visible, .kindPrimary.colorFixedLightActive.focus-visible,\n.kindPrimary.colorFixedLight:hover:focus-visible,\n.kindPrimary.colorFixedLight:hover.focus-visible,\n.kindPrimary.colorFixedLight:focus:focus-visible,\n.kindPrimary.colorFixedLight:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary.colorFixedLightActive:focus:not(.focus-visible),\n.kindPrimary.colorFixedLight:hover:focus:not(.focus-visible),\n.kindPrimary.colorFixedLight:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindPrimary.colorFixedLight.disabled {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary.colorFixedDark {\n  background: var(--fixed-dark-color);\n  color: var(--fixed-light-color);\n}\n.kindPrimary.colorFixedDarkActive,\n.kindPrimary.colorFixedDark:hover,\n.kindPrimary.colorFixedDark:focus {\n  filter: brightness(125%);\n}\n.kindPrimary.colorFixedDarkActive:focus-visible, .kindPrimary.colorFixedDarkActive.focus-visible,\n.kindPrimary.colorFixedDark:hover:focus-visible,\n.kindPrimary.colorFixedDark:hover.focus-visible,\n.kindPrimary.colorFixedDark:focus:focus-visible,\n.kindPrimary.colorFixedDark:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary.colorFixedDarkActive:focus:not(.focus-visible),\n.kindPrimary.colorFixedDark:hover:focus:not(.focus-visible),\n.kindPrimary.colorFixedDark:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindPrimary.colorFixedDark.disabled {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindPrimary.colorOnInvertedBackground {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary.colorOnInvertedBackgroundActive,\n.kindPrimary.colorOnInvertedBackground:hover,\n.kindPrimary.colorOnInvertedBackground:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary.button.colorOnInvertedBackground.disabled {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary.button.disabled {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary.sizeSmall {\n  line-height: 22px;\n}\n.kindSecondary.sizeMedium {\n  line-height: 22px;\n}\n.kindSecondary.sizeLarge {\n  line-height: 22px;\n}\n.kindSecondary.colorPrimaryActive {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary.colorPrimaryActive:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary.colorBrandActive {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary.colorBrandActive,\n.kindSecondary.colorBrandActive:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary.colorPrimary:hover:not(.colorPrimaryActive),\n.kindSecondary.colorPrimary:focus:not(.colorPrimaryActive) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary.colorBrand:hover:not(.colorBrandActive),\n.kindSecondary.colorBrand:focus:not(.colorBrandActive) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary.colorPositive {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary.colorPositiveActive,\n.kindSecondary.colorPositive:hover,\n.kindSecondary.colorPositive:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary.colorNegative {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary.colorNegativeActive,\n.kindSecondary.colorNegative:hover,\n.kindSecondary.colorNegative:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary.colorInverted {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary.colorInvertedActive,\n.kindSecondary.colorInverted:hover,\n.kindSecondary.colorInverted:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary.colorInverted.disabled {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary.colorOnPrimaryColor {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary.colorOnPrimaryColorActive,\n.kindSecondary.colorOnPrimaryColor:hover,\n.kindSecondary.colorOnPrimaryColor:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindSecondary.colorOnPrimaryColorActive:focus-visible, .kindSecondary.colorOnPrimaryColorActive.focus-visible,\n.kindSecondary.colorOnPrimaryColor:hover:focus-visible,\n.kindSecondary.colorOnPrimaryColor:hover.focus-visible,\n.kindSecondary.colorOnPrimaryColor:focus:focus-visible,\n.kindSecondary.colorOnPrimaryColor:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary.colorOnPrimaryColorActive:focus:not(.focus-visible),\n.kindSecondary.colorOnPrimaryColor:hover:focus:not(.focus-visible),\n.kindSecondary.colorOnPrimaryColor:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindSecondary.colorOnPrimaryColor.disabled {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary.colorFixedLight {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary.colorFixedLightActive,\n.kindSecondary.colorFixedLight:hover,\n.kindSecondary.colorFixedLight:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindSecondary.colorFixedLightActive:focus-visible, .kindSecondary.colorFixedLightActive.focus-visible,\n.kindSecondary.colorFixedLight:hover:focus-visible,\n.kindSecondary.colorFixedLight:hover.focus-visible,\n.kindSecondary.colorFixedLight:focus:focus-visible,\n.kindSecondary.colorFixedLight:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary.colorFixedLightActive:focus:not(.focus-visible),\n.kindSecondary.colorFixedLight:hover:focus:not(.focus-visible),\n.kindSecondary.colorFixedLight:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindSecondary.colorFixedDark {\n  border-color: var(--fixed-dark-color);\n  color: var(--fixed-dark-color);\n}\n.kindSecondary.colorFixedDarkActive,\n.kindSecondary.colorFixedDark:hover,\n.kindSecondary.colorFixedDark:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindSecondary.colorFixedDarkActive:focus-visible, .kindSecondary.colorFixedDarkActive.focus-visible,\n.kindSecondary.colorFixedDark:hover:focus-visible,\n.kindSecondary.colorFixedDark:hover.focus-visible,\n.kindSecondary.colorFixedDark:focus:focus-visible,\n.kindSecondary.colorFixedDark:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary.colorFixedDarkActive:focus:not(.focus-visible),\n.kindSecondary.colorFixedDark:hover:focus:not(.focus-visible),\n.kindSecondary.colorFixedDark:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindSecondary.colorOnInvertedBackground {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary.colorOnInvertedBackgroundActive,\n.kindSecondary.colorOnInvertedBackground:hover,\n.kindSecondary.colorOnInvertedBackground:focus {\n  background: var(--icon-color);\n}\n.kindSecondary.colorOnInvertedBackground.disabled {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary.colorFixedLight.disabled {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary.colorFixedDark.disabled {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindSecondary.disabled {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary.disabled:hover {\n  background-color: transparent;\n}\n.kindTertiary {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary.colorPrimaryActive {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary.colorPrimaryActive:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary.colorBrandActive {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary.colorBrandActive,\n.kindTertiary.colorBrandActive:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary.colorPrimary:hover:not(.colorPrimaryActive),\n.kindTertiary.colorPrimary:focus:not(.colorPrimaryActive) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary.colorBrand:hover:not(.colorBrandActive),\n.kindTertiary.colorBrand:focus:not(.colorBrandActive) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary.colorPositive {\n  color: var(--positive-color);\n}\n.kindTertiary.colorPositiveActive,\n.kindTertiary.colorPositive:hover,\n.kindTertiary.colorPositive:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary.colorNegative {\n  color: var(--negative-color);\n}\n.kindTertiary.colorNegativeActive,\n.kindTertiary.colorNegative:hover,\n.kindTertiary.colorNegative:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary.colorInverted {\n  color: var(--primary-text-color);\n}\n.kindTertiary.colorInvertedActive,\n.kindTertiary.colorInverted:hover,\n.kindTertiary.colorInverted:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary.colorInverted.disabled {\n  color: var(--disabled-text-color);\n}\n.kindTertiary.colorOnPrimaryColor {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary.colorOnPrimaryColorActive,\n.kindTertiary.colorOnPrimaryColor:hover,\n.kindTertiary.colorOnPrimaryColor:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindTertiary.colorOnPrimaryColorActive:focus-visible, .kindTertiary.colorOnPrimaryColorActive.focus-visible,\n.kindTertiary.colorOnPrimaryColor:hover:focus-visible,\n.kindTertiary.colorOnPrimaryColor:hover.focus-visible,\n.kindTertiary.colorOnPrimaryColor:focus:focus-visible,\n.kindTertiary.colorOnPrimaryColor:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary.colorOnPrimaryColorActive:focus:not(.focus-visible),\n.kindTertiary.colorOnPrimaryColor:hover:focus:not(.focus-visible),\n.kindTertiary.colorOnPrimaryColor:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindTertiary.colorOnPrimaryColor.disabled {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary.colorFixedLight {\n  color: var(--fixed-light-color);\n}\n.kindTertiary.colorFixedLightActive,\n.kindTertiary.colorFixedLight:hover,\n.kindTertiary.colorFixedLight:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindTertiary.colorFixedLightActive:focus-visible, .kindTertiary.colorFixedLightActive.focus-visible,\n.kindTertiary.colorFixedLight:hover:focus-visible,\n.kindTertiary.colorFixedLight:hover.focus-visible,\n.kindTertiary.colorFixedLight:focus:focus-visible,\n.kindTertiary.colorFixedLight:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary.colorFixedLightActive:focus:not(.focus-visible),\n.kindTertiary.colorFixedLight:hover:focus:not(.focus-visible),\n.kindTertiary.colorFixedLight:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindTertiary.colorFixedLight.disabled {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary.colorFixedDark {\n  color: var(--fixed-dark-color);\n}\n.kindTertiary.colorFixedDarkActive,\n.kindTertiary.colorFixedDark:hover,\n.kindTertiary.colorFixedDark:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindTertiary.colorFixedDarkActive:focus-visible, .kindTertiary.colorFixedDarkActive.focus-visible,\n.kindTertiary.colorFixedDark:hover:focus-visible,\n.kindTertiary.colorFixedDark:hover.focus-visible,\n.kindTertiary.colorFixedDark:focus:focus-visible,\n.kindTertiary.colorFixedDark:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary.colorFixedDarkActive:focus:not(.focus-visible),\n.kindTertiary.colorFixedDark:hover:focus:not(.focus-visible),\n.kindTertiary.colorFixedDark:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindTertiary.colorFixedDark.disabled {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindTertiary.colorOnInvertedBackground {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary.colorOnInvertedBackgroundActive,\n.kindTertiary.colorOnInvertedBackground:hover,\n.kindTertiary.colorOnInvertedBackground:focus {\n  background: var(--icon-color);\n}\n.kindTertiary.colorOnInvertedBackground.disabled {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary.disabled {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary.disabled:hover {\n  background-color: transparent;\n}\n.noSidePadding {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button.insetFocusStyle:focus-visible, .button.insetFocusStyle.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.button.insetFocusStyle:focus:not(.focus-visible) {\n  outline: none;\n}");export{o as default};
+var o={button:"button","focus-visible":"focus-visible",loader:"loader",loaderSvg:"loaderSvg",textPlaceholder:"textPlaceholder",success:"success",successContent:"successContent",marginRight:"marginRight",marginLeft:"marginLeft",rightFlat:"rightFlat",leftFlat:"leftFlat",preventClickAnimation:"preventClickAnimation",leftIcon:"leftIcon",rightIcon:"rightIcon",sizeXxs:"sizeXxs",sizeXs:"sizeXs",sizeSmall:"sizeSmall",sizeMedium:"sizeMedium",sizeLarge:"sizeLarge",kindPrimary:"kindPrimary",colorPrimary:"colorPrimary",colorBrand:"colorBrand",colorPrimaryActive:"colorPrimaryActive",colorBrandActive:"colorBrandActive",colorPositive:"colorPositive",colorPositiveActive:"colorPositiveActive",colorNegative:"colorNegative",colorNegativeActive:"colorNegativeActive",colorInverted:"colorInverted",colorInvertedActive:"colorInvertedActive",disabled:"disabled",colorOnPrimaryColor:"colorOnPrimaryColor",colorOnPrimaryColorActive:"colorOnPrimaryColorActive",colorFixedLight:"colorFixedLight",colorFixedLightActive:"colorFixedLightActive",colorFixedDark:"colorFixedDark",colorFixedDarkActive:"colorFixedDarkActive",colorOnInvertedBackground:"colorOnInvertedBackground",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive",kindSecondary:"kindSecondary",kindTertiary:"kindTertiary",noSidePadding:"noSidePadding",insetFocusStyle:"insetFocusStyle"};!function(o){const r="s_id-95d3f630f6d9_3_0_11";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-right: var(--spacing-small);\n}\n.marginLeft {\n  margin-left: var(--spacing-small);\n}\n.rightFlat {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.button:active:not(.preventClickAnimation) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button .leftIcon {\n  margin-right: var(--spacing-small);\n}\n.button .rightIcon {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  padding: 2px var(--spacing-xs);\n  height: 16px;\n  line-height: 16px;\n}\n.sizeXs {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  padding: var(--spacing-xs) var(--spacing-small);\n  height: 24px;\n  line-height: 21px;\n}\n.sizeSmall {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  padding: var(--spacing-xs) var(--spacing-small);\n  height: 32px;\n  line-height: 24px;\n}\n.sizeSmall .loader {\n  top: 7px;\n}\n.sizeMedium {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text1-normal);\n  padding: var(--spacing-small) var(--spacing-medium);\n  height: 40px;\n}\n.sizeLarge {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text1-normal);\n  padding: 12px var(--spacing-large);\n  height: 48px;\n}\n.kindPrimary {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary.colorPrimary {\n  background: var(--primary-color);\n}\n.kindPrimary.colorBrand {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary.colorPrimaryActive,\n.kindPrimary.colorPrimary:hover,\n.kindPrimary.colorPrimary:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary.colorBrandActive,\n.kindPrimary.colorBrand:hover,\n.kindPrimary.colorBrand:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary.colorPositive {\n  background: var(--positive-color);\n}\n.kindPrimary.colorPositiveActive,\n.kindPrimary.colorPositive:hover,\n.kindPrimary.colorPositive:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary.colorNegative {\n  background: var(--negative-color);\n}\n.kindPrimary.colorNegativeActive,\n.kindPrimary.colorNegative:hover,\n.kindPrimary.colorNegative:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary.colorInverted {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary.colorInvertedActive,\n.kindPrimary.colorInverted:hover,\n.kindPrimary.colorInverted:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary.button.colorInverted.disabled {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary.colorOnPrimaryColor {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary.colorOnPrimaryColorActive,\n.kindPrimary.colorOnPrimaryColor:hover,\n.kindPrimary.colorOnPrimaryColor:focus {\n  background-color: #e6e9ef;\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindPrimary.colorOnPrimaryColorActive:focus-visible, .kindPrimary.colorOnPrimaryColorActive.focus-visible,\n.kindPrimary.colorOnPrimaryColor:hover:focus-visible,\n.kindPrimary.colorOnPrimaryColor:hover.focus-visible,\n.kindPrimary.colorOnPrimaryColor:focus:focus-visible,\n.kindPrimary.colorOnPrimaryColor:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary.colorOnPrimaryColorActive:focus:not(.focus-visible),\n.kindPrimary.colorOnPrimaryColor:hover:focus:not(.focus-visible),\n.kindPrimary.colorOnPrimaryColor:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindPrimary.colorOnPrimaryColor.disabled {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary.colorFixedLight {\n  background: var(--fixed-light-color);\n}\n.kindPrimary.colorFixedLightActive,\n.kindPrimary.colorFixedLight:hover,\n.kindPrimary.colorFixedLight:focus {\n  background-color: #e6e9ef;\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindPrimary.colorFixedLightActive:focus-visible, .kindPrimary.colorFixedLightActive.focus-visible,\n.kindPrimary.colorFixedLight:hover:focus-visible,\n.kindPrimary.colorFixedLight:hover.focus-visible,\n.kindPrimary.colorFixedLight:focus:focus-visible,\n.kindPrimary.colorFixedLight:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary.colorFixedLightActive:focus:not(.focus-visible),\n.kindPrimary.colorFixedLight:hover:focus:not(.focus-visible),\n.kindPrimary.colorFixedLight:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindPrimary.colorFixedLight.disabled {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary.colorFixedDark {\n  background: var(--fixed-dark-color);\n  color: var(--fixed-light-color);\n}\n.kindPrimary.colorFixedDarkActive,\n.kindPrimary.colorFixedDark:hover,\n.kindPrimary.colorFixedDark:focus {\n  filter: brightness(125%);\n}\n.kindPrimary.colorFixedDarkActive:focus-visible, .kindPrimary.colorFixedDarkActive.focus-visible,\n.kindPrimary.colorFixedDark:hover:focus-visible,\n.kindPrimary.colorFixedDark:hover.focus-visible,\n.kindPrimary.colorFixedDark:focus:focus-visible,\n.kindPrimary.colorFixedDark:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary.colorFixedDarkActive:focus:not(.focus-visible),\n.kindPrimary.colorFixedDark:hover:focus:not(.focus-visible),\n.kindPrimary.colorFixedDark:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindPrimary.colorFixedDark.disabled {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindPrimary.colorOnInvertedBackground {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary.colorOnInvertedBackgroundActive,\n.kindPrimary.colorOnInvertedBackground:hover,\n.kindPrimary.colorOnInvertedBackground:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary.button.colorOnInvertedBackground.disabled {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary.button.disabled {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary.sizeSmall {\n  line-height: 22px;\n}\n.kindSecondary.sizeMedium {\n  line-height: 22px;\n}\n.kindSecondary.sizeLarge {\n  line-height: 22px;\n}\n.kindSecondary.colorPrimaryActive {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary.colorPrimaryActive:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary.colorBrandActive {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary.colorBrandActive,\n.kindSecondary.colorBrandActive:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary.colorPrimary:hover:not(.colorPrimaryActive),\n.kindSecondary.colorPrimary:focus:not(.colorPrimaryActive) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary.colorBrand:hover:not(.colorBrandActive),\n.kindSecondary.colorBrand:focus:not(.colorBrandActive) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary.colorPositive {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary.colorPositiveActive,\n.kindSecondary.colorPositive:hover,\n.kindSecondary.colorPositive:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary.colorNegative {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary.colorNegativeActive,\n.kindSecondary.colorNegative:hover,\n.kindSecondary.colorNegative:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary.colorInverted {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary.colorInvertedActive,\n.kindSecondary.colorInverted:hover,\n.kindSecondary.colorInverted:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary.colorInverted.disabled {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary.colorOnPrimaryColor {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary.colorOnPrimaryColorActive,\n.kindSecondary.colorOnPrimaryColor:hover,\n.kindSecondary.colorOnPrimaryColor:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindSecondary.colorOnPrimaryColorActive:focus-visible, .kindSecondary.colorOnPrimaryColorActive.focus-visible,\n.kindSecondary.colorOnPrimaryColor:hover:focus-visible,\n.kindSecondary.colorOnPrimaryColor:hover.focus-visible,\n.kindSecondary.colorOnPrimaryColor:focus:focus-visible,\n.kindSecondary.colorOnPrimaryColor:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary.colorOnPrimaryColorActive:focus:not(.focus-visible),\n.kindSecondary.colorOnPrimaryColor:hover:focus:not(.focus-visible),\n.kindSecondary.colorOnPrimaryColor:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindSecondary.colorOnPrimaryColor.disabled {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary.colorFixedLight {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary.colorFixedLightActive,\n.kindSecondary.colorFixedLight:hover,\n.kindSecondary.colorFixedLight:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindSecondary.colorFixedLightActive:focus-visible, .kindSecondary.colorFixedLightActive.focus-visible,\n.kindSecondary.colorFixedLight:hover:focus-visible,\n.kindSecondary.colorFixedLight:hover.focus-visible,\n.kindSecondary.colorFixedLight:focus:focus-visible,\n.kindSecondary.colorFixedLight:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary.colorFixedLightActive:focus:not(.focus-visible),\n.kindSecondary.colorFixedLight:hover:focus:not(.focus-visible),\n.kindSecondary.colorFixedLight:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindSecondary.colorFixedDark {\n  border-color: var(--fixed-dark-color);\n  color: var(--fixed-dark-color);\n}\n.kindSecondary.colorFixedDarkActive,\n.kindSecondary.colorFixedDark:hover,\n.kindSecondary.colorFixedDark:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindSecondary.colorFixedDarkActive:focus-visible, .kindSecondary.colorFixedDarkActive.focus-visible,\n.kindSecondary.colorFixedDark:hover:focus-visible,\n.kindSecondary.colorFixedDark:hover.focus-visible,\n.kindSecondary.colorFixedDark:focus:focus-visible,\n.kindSecondary.colorFixedDark:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary.colorFixedDarkActive:focus:not(.focus-visible),\n.kindSecondary.colorFixedDark:hover:focus:not(.focus-visible),\n.kindSecondary.colorFixedDark:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindSecondary.colorOnInvertedBackground {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary.colorOnInvertedBackgroundActive,\n.kindSecondary.colorOnInvertedBackground:hover,\n.kindSecondary.colorOnInvertedBackground:focus {\n  background: var(--icon-color);\n}\n.kindSecondary.colorOnInvertedBackground.disabled {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary.colorFixedLight.disabled {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary.colorFixedDark.disabled {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindSecondary.disabled {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary.disabled:hover {\n  background-color: transparent;\n}\n.kindTertiary {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary.colorPrimaryActive {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary.colorPrimaryActive:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary.colorBrandActive {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary.colorBrandActive,\n.kindTertiary.colorBrandActive:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary.colorPrimary:hover:not(.colorPrimaryActive),\n.kindTertiary.colorPrimary:focus:not(.colorPrimaryActive) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary.colorBrand:hover:not(.colorBrandActive),\n.kindTertiary.colorBrand:focus:not(.colorBrandActive) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary.colorPositive {\n  color: var(--positive-color);\n}\n.kindTertiary.colorPositiveActive,\n.kindTertiary.colorPositive:hover,\n.kindTertiary.colorPositive:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary.colorNegative {\n  color: var(--negative-color);\n}\n.kindTertiary.colorNegativeActive,\n.kindTertiary.colorNegative:hover,\n.kindTertiary.colorNegative:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary.colorInverted {\n  color: var(--primary-text-color);\n}\n.kindTertiary.colorInvertedActive,\n.kindTertiary.colorInverted:hover,\n.kindTertiary.colorInverted:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary.colorInverted.disabled {\n  color: var(--disabled-text-color);\n}\n.kindTertiary.colorOnPrimaryColor {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary.colorOnPrimaryColorActive,\n.kindTertiary.colorOnPrimaryColor:hover,\n.kindTertiary.colorOnPrimaryColor:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindTertiary.colorOnPrimaryColorActive:focus-visible, .kindTertiary.colorOnPrimaryColorActive.focus-visible,\n.kindTertiary.colorOnPrimaryColor:hover:focus-visible,\n.kindTertiary.colorOnPrimaryColor:hover.focus-visible,\n.kindTertiary.colorOnPrimaryColor:focus:focus-visible,\n.kindTertiary.colorOnPrimaryColor:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary.colorOnPrimaryColorActive:focus:not(.focus-visible),\n.kindTertiary.colorOnPrimaryColor:hover:focus:not(.focus-visible),\n.kindTertiary.colorOnPrimaryColor:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindTertiary.colorOnPrimaryColor.disabled {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary.colorFixedLight {\n  color: var(--fixed-light-color);\n}\n.kindTertiary.colorFixedLightActive,\n.kindTertiary.colorFixedLight:hover,\n.kindTertiary.colorFixedLight:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindTertiary.colorFixedLightActive:focus-visible, .kindTertiary.colorFixedLightActive.focus-visible,\n.kindTertiary.colorFixedLight:hover:focus-visible,\n.kindTertiary.colorFixedLight:hover.focus-visible,\n.kindTertiary.colorFixedLight:focus:focus-visible,\n.kindTertiary.colorFixedLight:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary.colorFixedLightActive:focus:not(.focus-visible),\n.kindTertiary.colorFixedLight:hover:focus:not(.focus-visible),\n.kindTertiary.colorFixedLight:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindTertiary.colorFixedLight.disabled {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary.colorFixedDark {\n  color: var(--fixed-dark-color);\n}\n.kindTertiary.colorFixedDarkActive,\n.kindTertiary.colorFixedDark:hover,\n.kindTertiary.colorFixedDark:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindTertiary.colorFixedDarkActive:focus-visible, .kindTertiary.colorFixedDarkActive.focus-visible,\n.kindTertiary.colorFixedDark:hover:focus-visible,\n.kindTertiary.colorFixedDark:hover.focus-visible,\n.kindTertiary.colorFixedDark:focus:focus-visible,\n.kindTertiary.colorFixedDark:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary.colorFixedDarkActive:focus:not(.focus-visible),\n.kindTertiary.colorFixedDark:hover:focus:not(.focus-visible),\n.kindTertiary.colorFixedDark:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindTertiary.colorFixedDark.disabled {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindTertiary.colorOnInvertedBackground {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary.colorOnInvertedBackgroundActive,\n.kindTertiary.colorOnInvertedBackground:hover,\n.kindTertiary.colorOnInvertedBackground:focus {\n  background: var(--icon-color);\n}\n.kindTertiary.colorOnInvertedBackground.disabled {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary.disabled {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary.disabled:hover {\n  background-color: transparent;\n}\n.noSidePadding {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button.insetFocusStyle:focus-visible, .button.insetFocusStyle.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.button.insetFocusStyle:focus:not(.focus-visible) {\n  outline: none;\n}");export{o as default};
 //# sourceMappingURL=Button.module.scss.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vibe/button",
-  "version": "3.0.11",
+  "version": "3.0.12",
   "description": "Vibe sub-package for button components",
   "repository": {
     "type": "git",
@@ -46,7 +46,7 @@
   "devDependencies": {
     "@testing-library/react": "^12.1.2",
     "@vibe/config": "3.0.5",
-    "@vibe/icons": "1.14.0",
+    "@vibe/icons": "1.15.0",
     "react": "^16.13.0",
     "react-dom": "^16.13.0",
     "react-test-renderer": "16",
@@ -68,5 +68,5 @@
       "../../../node_modules/@vibe/config/.eslintrc.cjs"
     ]
   },
-  "gitHead": "24367dd19d2663f6c4e7abcea71725d83a126d47"
+  "gitHead": "4b96081f7fe215c37adab6f4ffcec355fb0d0467"
 }