.button.svelte-1yfnaex{--_background: var(--btn-fill, transparent);--_background-hover: var(--btn-fill-hover, var(--btn-fill));--_size: var(--btn-size, 52px);--_inline-padding: var(--btn-inline-padding, 28px);--_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-1yfnaex .btn-text:where(.svelte-1yfnaex),.button.svelte-1yfnaex .btn-icon:where(.svelte-1yfnaex){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-1yfnaex:not(.no-animation) .btn-text:where(.svelte-1yfnaex){display:flex;align-items:center;z-index:3;white-space:nowrap;transform:translate(var(--text-translate-x, 0))}.button.svelte-1yfnaex:not(.no-animation) .btn-text:where(.svelte-1yfnaex) span:where(.svelte-1yfnaex){position:relative;z-index:5;display:block;transition:opacity .2s ease,var(--_expand-transition-duration) var(--_expand-transition-ease)}.button.svelte-1yfnaex:not(.no-animation) .btn-icon:where(.svelte-1yfnaex){line-height:0;block-size:100%;display:flex;align-items:center;z-index:5;position:relative;inline-size:var(--_inline-padding)}.button.svelte-1yfnaex:not(.no-animation) .btn-icon:where(.svelte-1yfnaex) .icon-wrapper:where(.svelte-1yfnaex){position:absolute;block-size:100%;display:flex;align-items:center;z-index:5;top:0}.button.only-icon.svelte-1yfnaex .btn-icon:where(.svelte-1yfnaex){padding-inline:var(--_inline-padding)}.button.svelte-1yfnaex:not(.with-icon) .btn-text:where(.svelte-1yfnaex){padding-inline:var(--_inline-padding);border-radius:24px}.button.no-animation.secondary.svelte-1yfnaex{border:1px solid var(--_border-color, var(--color-dark-10))}.button.no-animation.icon-before.svelte-1yfnaex .btn-text:where(.svelte-1yfnaex){padding-inline-end:var(--_inline-padding);padding-inline-start:6px}.button.no-animation.icon-before.svelte-1yfnaex .btn-icon:where(.svelte-1yfnaex){padding-inline-start:var(--_inline-padding)}.button.no-animation.icon-after.svelte-1yfnaex .btn-text:where(.svelte-1yfnaex){padding-inline-start:var(--_inline-padding);padding-inline-end:6px}.button.no-animation.icon-after.svelte-1yfnaex .btn-icon:where(.svelte-1yfnaex){padding-inline-end:var(--_inline-padding)}.button.with-icon.svelte-1yfnaex:not(.no-animation){transition:transform var(--_expand-transition-duration) var(--_expand-transition-ease)}.button.with-icon.svelte-1yfnaex:not(.no-animation) .btn-text:where(.svelte-1yfnaex) span:where(.svelte-1yfnaex){opacity:0;transform:translate(calc(var(--text-translate-x) * -.8))}.button.with-icon:not(.no-animation).icon-before.svelte-1yfnaex .btn-text:where(.svelte-1yfnaex){--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-1yfnaex .icon-wrapper:where(.svelte-1yfnaex){left:var(--_inline-padding)}.button.with-icon:not(.no-animation).icon-after.svelte-1yfnaex .btn-text:where(.svelte-1yfnaex){--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-1yfnaex .icon-wrapper:where(.svelte-1yfnaex){right:var(--_inline-padding)}.button.small.svelte-1yfnaex{--_size: 50px;--icon-size: 20px;--_inline-padding: var(--btn-inline-padding, 20px);--_base-size: 20px;--_gap: 6px;font-size:16px}.button.small.svelte-1yfnaex:not(.with-icon) .btn-text:where(.svelte-1yfnaex){--_inline-padding: var(--btn-inline-padding, 24px)}.button.small.icon-before.svelte-1yfnaex .btn-text:where(.svelte-1yfnaex) span:where(.svelte-1yfnaex){padding-right:4px}.button.small.icon-after.svelte-1yfnaex .btn-text:where(.svelte-1yfnaex) span:where(.svelte-1yfnaex){padding-left:4px}.button.small.secondary.svelte-1yfnaex{--_background: var(--btn-fill, var(--color-dark-10));--_background-hover: var(--btn-fill-hover, var(--color-dark-5))}.button.svelte-1yfnaex .button-hover-effect:where(.svelte-1yfnaex){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-1yfnaex:not(.no-animation){--_translate-x: calc(-50% + var(--_translate-x-base) * .5)}.button.align-left:not(.no-animation).icon-after.svelte-1yfnaex{--_translate-x: calc(-100% + var(--_translate-x-base));--_translate-x-hover: calc(var(--_extra-gap) * -1)}.button.svelte-1yfnaex:hover:not(.disabled) .button-hover-effect:where(.svelte-1yfnaex),.button.svelte-1yfnaex:focus:not(.disabled) .button-hover-effect:where(.svelte-1yfnaex){opacity:1}.button.svelte-1yfnaex:hover:not(.disabled) .btn-text:where(.svelte-1yfnaex),.button.svelte-1yfnaex:hover:not(.disabled) .btn-icon:where(.svelte-1yfnaex),.button.svelte-1yfnaex:focus:not(.disabled) .btn-text:where(.svelte-1yfnaex),.button.svelte-1yfnaex:focus:not(.disabled) .btn-icon:where(.svelte-1yfnaex),.button.hovered.svelte-1yfnaex:not(.disabled) .btn-text:where(.svelte-1yfnaex),.button.hovered.svelte-1yfnaex:not(.disabled) .btn-icon:where(.svelte-1yfnaex){background:var(--_background-hover)}.button:hover:not(.disabled).with-icon.svelte-1yfnaex,.button:focus:not(.disabled).with-icon.svelte-1yfnaex,.button.hovered:not(.disabled).with-icon.svelte-1yfnaex{transform:translate(var(--_translate-x-hover))}.button:hover:not(.disabled).with-icon.svelte-1yfnaex .btn-text:where(.svelte-1yfnaex),.button:focus:not(.disabled).with-icon.svelte-1yfnaex .btn-text:where(.svelte-1yfnaex),.button.hovered:not(.disabled).with-icon.svelte-1yfnaex .btn-text:where(.svelte-1yfnaex){transform:translate(var(--_hover-x, 0))}.button:hover:not(.disabled).with-icon.svelte-1yfnaex .btn-text:where(.svelte-1yfnaex) span:where(.svelte-1yfnaex),.button:focus:not(.disabled).with-icon.svelte-1yfnaex .btn-text:where(.svelte-1yfnaex) span:where(.svelte-1yfnaex),.button.hovered:not(.disabled).with-icon.svelte-1yfnaex .btn-text:where(.svelte-1yfnaex) span:where(.svelte-1yfnaex){opacity:1;transform:translate(0)}.button.primary.svelte-1yfnaex{color:var(--color-white-100);--icon-color: var(--btn-icon-color, var(--color-white-100));--_background: var(--btn-fill, #6200b5);--_background-hover: var(--btn-fill-hover, #8f31a4)}.button.primary.svelte-1yfnaex:hover{color:var(--color-white-100);--icon-color: var(--color-white-100)}.button.primary.svelte-1yfnaex:disabled{--_background: var(--btn-disabled-fill, #e6e7ee)}.button.secondary.svelte-1yfnaex{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-1yfnaex .btn-text:where(.svelte-1yfnaex){border:1px solid var(--color-dark-10);border-right:0}.button.secondary.icon-after.svelte-1yfnaex .btn-icon:where(.svelte-1yfnaex){border:1px solid var(--color-dark-10);border-left:none}.button.tertiary.svelte-1yfnaex{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-1yfnaex{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-1yfnaex:disabled{--_background: var(--btn-disabled-fill, var(--color-warning-dimmed))}.button.svelte-1yfnaex:disabled{cursor:not-allowed;color:var(--color-dark-20);--icon-color: var(--color-dark-20)}