.button.svelte-xelgji{--_background: var(--btn-fill, transparent);--_background-hover: var(--btn-fill-hover, var(--btn-fill));--_size: var(--btn-size, 48px);--_inline-padding: var(--btn-inline-padding, 22px);--_base-size: 20px;--_extra-gap: 1px;--_gap: calc(6px + var(--_extra-gap, 1px));--_hover-layer-bg: var(--btn-hover-layer-bg, rgba(255, 255, 255, .1));--_disabled-background: var(--btn-disabled-fill, #e6e7ee);--_translate-x-base: calc(var(--_base-size) + var(--_inline-padding) * 2);--_border-radius: var(--btn-radius, 24px);--_expand-transition-ease: var(--ease-in-out-circ);--_expand-transition-duration: .2s;block-size:var(--_size);border:none;border-radius:var(--_border-radius);background:transparent;cursor:pointer;display:flex;align-items:center;position:relative;overflow:hidden;text-decoration:none;width:fit-content;transform:translate(var(--_translate-x, 0))}.button.svelte-xelgji .btn-text:where(.svelte-xelgji),.button.svelte-xelgji .btn-icon:where(.svelte-xelgji){position:relative;background:var(--_background);transition:background .3s ease .05s,transform var(--_expand-transition-duration) var(--_expand-transition-ease);block-size:100%;display:flex;align-items:center}.button.svelte-xelgji:not(.no-animation) .btn-text:where(.svelte-xelgji){display:flex;align-items:center;z-index:3;white-space:nowrap;transform:translate(var(--text-translate-x, 0))}.button.svelte-xelgji:not(.no-animation) .btn-text:where(.svelte-xelgji) span:where(.svelte-xelgji){position:relative;z-index:5;display:block;transition:opacity .2s ease,var(--_expand-transition-duration) var(--_expand-transition-ease)}.button.svelte-xelgji:not(.no-animation) .btn-icon:where(.svelte-xelgji){line-height:0;block-size:100%;display:flex;align-items:center;z-index:5;position:relative;inline-size:var(--_inline-padding)}.button.svelte-xelgji:not(.no-animation) .btn-icon:where(.svelte-xelgji) .icon-wrapper:where(.svelte-xelgji){position:absolute;block-size:100%;display:flex;align-items:center;z-index:5;top:0}.button.only-icon.svelte-xelgji .btn-icon:where(.svelte-xelgji){padding-inline:var(--_inline-padding)}.button.svelte-xelgji:not(.with-icon) .btn-text:where(.svelte-xelgji){padding-inline:var(--_inline-padding);border-radius:24px}.button.no-animation.secondary.svelte-xelgji{border:1px solid var(--_border-color, var(--color-dark-10))}.button.no-animation.icon-before.svelte-xelgji .btn-text:where(.svelte-xelgji){padding-inline-end:var(--_inline-padding);padding-inline-start:6px}.button.no-animation.icon-before.svelte-xelgji .btn-icon:where(.svelte-xelgji){padding-inline-start:var(--_inline-padding)}.button.no-animation.icon-after.svelte-xelgji .btn-text:where(.svelte-xelgji){padding-inline-start:var(--_inline-padding);padding-inline-end:6px}.button.no-animation.icon-after.svelte-xelgji .btn-icon:where(.svelte-xelgji){padding-inline-end:var(--_inline-padding)}.button.with-icon.svelte-xelgji:not(.no-animation){transition:transform var(--_expand-transition-duration) var(--_expand-transition-ease)}.button.with-icon.svelte-xelgji:not(.no-animation) .btn-text:where(.svelte-xelgji) span:where(.svelte-xelgji){opacity:0;transform:translate(calc(var(--text-translate-x) * -.8))}.button.with-icon:not(.no-animation).icon-before.svelte-xelgji .btn-text:where(.svelte-xelgji){--text-translate-x: calc(-100% + var(--_inline-padding) + var(--_base-size));--_hover-x: calc(var(--_extra-gap) * -1);border-radius:0 var(--_border-radius) var(--_border-radius) 0;padding-inline-end:var(--_inline-padding);padding-inline-start:calc(var(--_base-size) + var(--_gap))}.button.with-icon:not(.no-animation).icon-before.svelte-xelgji .icon-wrapper:where(.svelte-xelgji){left:var(--_inline-padding)}.button.with-icon:not(.no-animation).icon-after.svelte-xelgji .btn-text:where(.svelte-xelgji){--text-translate-x: calc(100% - var(--_inline-padding) - var(--_base-size));--_hover-x: calc(var(--_extra-gap) * 1);border-radius:var(--_border-radius) 0 0 var(--_border-radius);padding-inline-start:var(--_inline-padding);padding-inline-end:calc(var(--_base-size) + var(--_gap))}.button.with-icon:not(.no-animation).icon-after.svelte-xelgji .icon-wrapper:where(.svelte-xelgji){right:var(--_inline-padding)}.button.small.svelte-xelgji{--_size: 30px;--icon-size: 16px;--_inline-padding: var(--btn-inline-padding, 11px);--_base-size: 16px;--_gap: 4px}.button.small.svelte-xelgji:not(.with-icon) .btn-text:where(.svelte-xelgji){--_inline-padding: var(--btn-inline-padding, 14px)}.button.small.icon-before.svelte-xelgji .btn-text:where(.svelte-xelgji) span:where(.svelte-xelgji){padding-right:4px}.button.small.icon-after.svelte-xelgji .btn-text:where(.svelte-xelgji) span:where(.svelte-xelgji){padding-left:4px}.button.small.secondary.svelte-xelgji{--_background: var(--btn-fill, var(--color-dark-10));--_background-hover: var(--btn-fill-hover, var(--color-dark-5))}.button.svelte-xelgji .button-hover-effect:where(.svelte-xelgji){position:absolute;top:0;right:0;bottom:0;left:0;background:var(--_hover-layer-bg);z-index:2;opacity:0;transition:opacity .2s;backface-visibility:hidden;transform:translateZ(0)}.button.align-center.svelte-xelgji:not(.no-animation){--_translate-x: calc(-50% + var(--_translate-x-base) * .5)}.button.align-left:not(.no-animation).icon-after.svelte-xelgji{--_translate-x: calc(-100% + var(--_translate-x-base));--_translate-x-hover: calc(var(--_extra-gap) * -1)}.button.svelte-xelgji:hover:not(.disabled) .button-hover-effect:where(.svelte-xelgji),.button.svelte-xelgji:focus:not(.disabled) .button-hover-effect:where(.svelte-xelgji){opacity:1}.button.svelte-xelgji:hover:not(.disabled) .btn-text:where(.svelte-xelgji),.button.svelte-xelgji:hover:not(.disabled) .btn-icon:where(.svelte-xelgji),.button.svelte-xelgji:focus:not(.disabled) .btn-text:where(.svelte-xelgji),.button.svelte-xelgji:focus:not(.disabled) .btn-icon:where(.svelte-xelgji),.button.hovered.svelte-xelgji:not(.disabled) .btn-text:where(.svelte-xelgji),.button.hovered.svelte-xelgji:not(.disabled) .btn-icon:where(.svelte-xelgji){background:var(--_background-hover)}.button:hover:not(.disabled).with-icon.svelte-xelgji,.button:focus:not(.disabled).with-icon.svelte-xelgji,.button.hovered:not(.disabled).with-icon.svelte-xelgji{transform:translate(var(--_translate-x-hover))}.button:hover:not(.disabled).with-icon.svelte-xelgji .btn-text:where(.svelte-xelgji),.button:focus:not(.disabled).with-icon.svelte-xelgji .btn-text:where(.svelte-xelgji),.button.hovered:not(.disabled).with-icon.svelte-xelgji .btn-text:where(.svelte-xelgji){transform:translate(var(--_hover-x, 0))}.button:hover:not(.disabled).with-icon.svelte-xelgji .btn-text:where(.svelte-xelgji) span:where(.svelte-xelgji),.button:focus:not(.disabled).with-icon.svelte-xelgji .btn-text:where(.svelte-xelgji) span:where(.svelte-xelgji),.button.hovered:not(.disabled).with-icon.svelte-xelgji .btn-text:where(.svelte-xelgji) span:where(.svelte-xelgji){opacity:1;transform:translate(0)}.button.primary.svelte-xelgji{color:var(--color-white-100);--icon-color: var(--btn-icon-color, var(--color-white-100));--_background: var(--btn-fill, var(--color-primary-blue));--_background-hover: var(--btn-fill-hover, var(--_background))}.button.primary.svelte-xelgji:disabled{--_background: var(--btn-disabled-fill, #e6e7ee)}.button.secondary.svelte-xelgji{color:var(--color-dark-100);--icon-color: var(--color-dark-100);--_background: var(--btn-fill, transparent);--_background-hover: var(--btn-fill-hover, #f2f2f6);--_border-color: var(--color-dark-10);--_hover-layer-bg: var(--btn-hover-layer-bg, var(--color-dark-5));border:1px solid var(--_border-color)}.button.secondary.icon-after.svelte-xelgji .btn-text:where(.svelte-xelgji){border:1px solid var(--color-dark-10);border-right:0}.button.secondary.icon-after.svelte-xelgji .btn-icon:where(.svelte-xelgji){border:1px solid var(--color-dark-10);border-left:none}.button.tertiary.svelte-xelgji{color:var(--color-dark-100);--icon-color: var(--color-dark-100);--_background: var(--btn-fill, var(--color-white-100));--_background-hover: var(--btn-fill-hover, var(--color-dark-10))}.button.cancel.svelte-xelgji{color:var(--color-white-100);--icon-color: var(--color-white-100);--_background: var(--btn-fill, var(--color-warning));--_background-hover: var(--btn-fill-hover, var(--color-warning))}.button.cancel.svelte-xelgji:disabled{--_background: var(--btn-disabled-fill, var(--color-warning-dimmed))}.button.svelte-xelgji:disabled{cursor:not-allowed;color:var(--color-dark-20);--icon-color: var(--color-dark-20)}