._button_1h0xk_2{--text-color: var(--text-color-rest);--bg-color: var(--bg-color-rest);--border-color: var(--border-color-rest);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;font:var(--font);color:var(--text-color);text-align:center;-webkit-text-decoration:none;text-decoration:none;text-transform:uppercase;background-color:var(--bg-color);border-color:var(--border-color);border-style:solid;border-width:1px;border-radius:var(--border-radius);transition:background-color .3s ease}._button_withSlot_1h0xk_1,._button__content_1h0xk_1{position:relative;display:grid;grid-auto-flow:column;grid-auto-rows:max-content;grid-gap:8px;gap:8px;align-items:center;justify-content:center}._button__hiddenText_1h0xk_1{visibility:hidden}._button__loader_1h0xk_1{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}@media(hover:hover)and (pointer:fine){._button_1h0xk_2:hover{--text-color: var(--text-color-hover);--bg-color: var(--bg-color-hover);--border-color: var(--border-color-hover)}}@media(min-width:768px){._button_1h0xk_2:active{--text-color: var(--text-color-active);--bg-color: var(--bg-color-active);--border-color: var(--border-color-active) }}._button_1h0xk_2:focus-visible{outline:var(--pink-2) solid 2px;outline-offset:2px}._button_1h0xk_2:disabled,._button_disabled_1h0xk_1{--text-color: var(--text-color-disabled);--bg-color: var(--bg-color-disabled);--border-color: var(--border-color-disabled);pointer-events:none}._button_isLoading_1h0xk_1{pointer-events:none}._button_sizeSm_1h0xk_1{--font: var(--typo-b3);padding:8px 12px}._button_sizeMd_1h0xk_1{--font: var(--typo-b2);padding:16px 24px}._button_sizeLg_1h0xk_1{--font: var(--typo-b3);padding:24px 32px}._button_sizeIconXs_1h0xk_1{--font: var(--typo-b3);aspect-ratio:1 / 1;padding:3px}._button_sizeIcon_1h0xk_1{--font: var(--typo-b3);aspect-ratio:1 / 1;padding:10px}._button_sizeIconMd_1h0xk_1{--font: var(--typo-b3);aspect-ratio:1 / 1;padding:16px}._button_sizeIconLg_1h0xk_1{--font: var(--typo-b3);aspect-ratio:1 / 1;padding:24px}._button_sizeText_1h0xk_1{--font: var(--typo-b3)}._button_variantText_1h0xk_1{--text-color-rest: var(--text-color-rest-default);--bg-color-rest: var(--bg-color-rest-default);--border-color-rest: var(--border-color-rest-default);--text-color-hover: var(--text-color-hover-default);--bg-color-hover: transparent;--border-color-hover: var(--border-color-hover-default);--text-color-active: var(--text-color-active-default);--bg-color-active: var(--bg-color-active-default);--border-color-active: var(--border-color-active-default);--text-color-disabled: var(--text-color-disabled-default);--bg-color-disabled: var(--bg-color-disabled-default);--border-color-disabled: var(--border-color-disabled-default)}._button_variantDefault_1h0xk_1{--text-color-rest: var(--text-color-rest-default);--bg-color-rest: var(--bg-color-rest-default);--border-color-rest: var(--border-color-rest-default);--text-color-hover: var(--text-color-hover-default);--bg-color-hover: var(--bg-color-hover-default);--border-color-hover: var(--border-color-hover-default);--text-color-active: var(--text-color-active-default);--bg-color-active: var(--bg-color-active-default);--border-color-active: var(--border-color-active-default);--text-color-disabled: var(--text-color-disabled-default);--bg-color-disabled: var(--bg-color-disabled-default);--border-color-disabled: var(--border-color-disabled-default)}._button_variantOutlined_1h0xk_1{--text-color-rest: var(--text-color-rest-outlined);--bg-color-rest: var(--bg-color-rest-outlined);--border-color-rest: var(--border-color-rest-outlined);--text-color-hover: var(--text-color-hover-outlined);--bg-color-hover: var(--bg-color-hover-outlined);--border-color-hover: var(--border-color-hover-outlined);--text-color-active: var(--text-color-active-outlined);--bg-color-active: var(--bg-color-active-outlined);--border-color-active: var(--border-color-active-outlined);--text-color-disabled: var(--text-color-disabled-outlined);--bg-color-disabled: var(--bg-color-disabled-outlined);--border-color-disabled: var(--border-color-disabled-outlined)}._button_variantContained_1h0xk_1{--text-color-rest: var(--text-color-rest-contained);--bg-color-rest: var(--bg-color-rest-contained);--border-color-rest: var(--border-color-rest-contained);--text-color-hover: var(--text-color-hover-contained);--bg-color-hover: var(--bg-color-hover-contained);--border-color-hover: var(--border-color-hover-contained);--text-color-active: var(--text-color-active-contained);--bg-color-active: var(--bg-color-active-contained);--border-color-active: var(--border-color-active-contained);--text-color-disabled: var(--text-color-disabled-contained);--bg-color-disabled: var(--bg-color-disabled-contained);--border-color-disabled: var(--border-color-disabled-contained)}._button_colorDefault_1h0xk_1{--text-color-rest-default: var(--black-1);--bg-color-rest-default: transparent;--border-color-rest-default: transparent;--text-color-hover-default: var(--black-1);--bg-color-hover-default: var(--gray-0);--border-color-hover-default: transparent;--text-color-active-default: var(--black-1);--bg-color-active-default: var(--gray-0);--border-color-active-default: transparent;--text-color-disabled-default: var(--gray-4);--bg-color-disabled-default: transparent;--border-color-disabled-default: transparent;--text-color-rest-contained: var(--black-1);--bg-color-rest-contained: var(--white-1);--border-color-rest-contained: transparent;--text-color-hover-contained: var(--black-1);--bg-color-hover-contained: var(--gray-0);--border-color-hover-contained: transparent;--text-color-active-contained: var(--black-1);--bg-color-active-contained: var(--gray-0);--border-color-active-contained: transparent;--text-color-disabled-contained: var(--gray-4);--bg-color-disabled-contained: var(--gray-5);--border-color-disabled-contained: transparent;--text-color-rest-outlined: var(--black-1);--bg-color-rest-outlined: transparent;--border-color-rest-outlined: var(--black-1);--text-color-hover-outlined: var(--pink-2);--bg-color-hover-outlined: transparent;--border-color-hover-outlined: var(--pink-2);--text-color-active-outlined: var(--pink-2);--bg-color-active-outlined: transparent;--border-color-active-outlined: var(--pink-2);--text-color-disabled-outlined: var(--gray-4);--bg-color-disabled-outlined: transparent;--border-color-disabled-outlined: var(--gray-4)}._button_colorAccent_1h0xk_1{--text-color-rest-default: var(--pink-2);--bg-color-rest-default: transparent;--border-color-rest-default: transparent;--text-color-hover-default: var(--pink-2);--bg-color-hover-default: var(--light-pink-1);--border-color-hover-default: transparent;--text-color-active-default: var(--pink-2);--bg-color-active-default: var(--light-pink-1);--border-color-active-default: transparent;--text-color-disabled-default: var(--gray-4);--bg-color-disabled-default: transparent;--border-color-disabled-default: transparent;--text-color-rest-contained: var(--white-1);--bg-color-rest-contained: var(--pink-2);--border-color-rest-contained: transparent;--text-color-hover-contained: var(--white-1);--bg-color-hover-contained: var(--pink-3);--border-color-hover-contained: transparent;--text-color-active-contained: var(--white-1);--bg-color-active-contained: var(--pink-3);--border-color-active-contained: transparent;--text-color-disabled-contained: var(--pink-1);--bg-color-disabled-contained: var(--pink-4);--border-color-disabled-contained: transparent;--text-color-rest-outlined: var(--pink-2);--bg-color-rest-outlined: transparent;--border-color-rest-outlined: var(--pink-2);--text-color-hover-outlined: var(--pink-3);--bg-color-hover-outlined: transparent;--border-color-hover-outlined: var(--pink-3);--text-color-active-outlined: var(--pink-3);--bg-color-active-outlined: transparent;--border-color-active-outlined: var(--pink-3);--text-color-disabled-outlined: var(--pink-1);--bg-color-disabled-outlined: transparent;--border-color-disabled-outlined: var(--pink-1)}._button_colorBlack_1h0xk_1{--text-color-rest-default: var(--black-1);--bg-color-rest-default: transparent;--border-color-rest-default: transparent;--text-color-hover-default: var(--black-1);--bg-color-hover-default: var(--light-black-1);--border-color-hover-default: transparent;--text-color-active-default: var(--black-1);--bg-color-active-default: var(--light-pink-1);--border-color-active-default: transparent;--text-color-disabled-default: var(--black-4);--bg-color-disabled-default: transparent;--border-color-disabled-default: transparent;--text-color-rest-contained: var(--white-1);--bg-color-rest-contained: var(--black-1);--border-color-rest-contained: transparent;--text-color-hover-contained: var(--white-1);--bg-color-hover-contained: var(--light-black-1);--border-color-hover-contained: transparent;--text-color-active-contained: var(--white-1);--bg-color-active-contained: var(--black-1);--border-color-active-contained: transparent;--text-color-disabled-contained: var(--gray-5);--bg-color-disabled-contained: var(--gray-4);--border-color-disabled-contained: transparent;--text-color-rest-outlined: var(--black-1);--bg-color-rest-outlined: transparent;--border-color-rest-outlined: var(--black-1);--text-color-hover-outlined: var(--pink-2);--bg-color-hover-outlined: transparent;--border-color-hover-outlined: var(--pink-2);--text-color-active-outlined: var(--pink-2);--bg-color-active-outlined: transparent;--border-color-active-outlined: var(--pink-2);--text-color-disabled-outlined: var(--gray-4);--bg-color-disabled-outlined: transparent;--border-color-disabled-outlined: var(--gray-4)}._button_shapeDefault_1h0xk_1{--border-radius: var(--border-radius-s)}._button_shapeRounded_1h0xk_1{--border-radius: var(--border-radius-rounded)}._button_shapeRoundedL_1h0xk_1{--border-radius: var(--border-radius-l)}._button_shapeRoundedXl_1h0xk_1{--border-radius: var(--border-radius-xl)}._button_outlineColorGray0_1h0xk_1{--border-color-rest-outlined: var(--gray-0)}