.button-1.svelte-1az1vbf{appearance:none;font:inherit;color:inherit;text-align:center;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex;position:relative;&::selection{background:0 0}&:focus-visible{outline:var(--focus-ring-width) var(--focus-ring-style) var(--focus-ring);outline-offset:var(--focus-ring-offset)}&:hover{text-decoration:none}}.button-content.svelte-1az1vbf{z-index:1;justify-content:center;align-items:center;gap:.5em;width:100%;height:100%;display:inline-flex;position:relative}.button-icon.svelte-1az1vbf{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.size-small.svelte-1az1vbf{padding:var(--button-padding-small,.5em 1em);font-size:var(--button-font-size-small,var(--font-size-sm));border-radius:var(--button-radius-small,3px);min-height:var(--button-height-small,32px)}.size-medium.svelte-1az1vbf{padding:var(--button-padding-medium,.75em 1.5em);font-size:var(--button-font-size-medium,var(--font-size-base));border-radius:var(--button-radius-medium,4px);min-height:var(--button-height-medium,40px)}.size-large.svelte-1az1vbf{padding:var(--button-padding-large,1em 2em);font-size:var(--button-font-size-large,var(--font-size-lg));border-radius:var(--button-radius-large,5px);min-height:var(--button-height-large,48px)}.variant-default.svelte-1az1vbf{background-color:var(--button-color,var(--primary));color:#fff;box-shadow:var(--button-shadow-default,0 4px 4px #08080814, 0 1px 2px #08080833, inset 0 6px 12px #ffffff26, inset 0 1px 1px #fff3, inset 0 -3px 3px -3px #ffffff1f);z-index:0;position:relative;overflow:hidden;&>.button-content:where(.svelte-1az1vbf){z-index:3;position:relative}&:before{content:"";pointer-events:none;z-index:2;background:linear-gradient(#ffffff40,#fff0);height:4px;transition:opacity .3s cubic-bezier(.165,.84,.44,1);position:absolute;top:0;left:0;right:0}&:after{content:"";opacity:0;border-radius:inherit;pointer-events:none;z-index:1;background-color:#0000001f;width:100%;height:100%;transition:opacity .3s cubic-bezier(.165,.84,.44,1);position:absolute;top:0;left:0}transition:box-shadow .3s cubic-bezier(.165,.84,.44,1),transform .3s cubic-bezier(.165,.84,.44,1);&:hover:not(.is-disabled):not(.is-loading){box-shadow:var(--button-shadow-hover,0 6px 10px #0808081a, 0 2px 4px #08080826, inset 0 6px 12px #fff3, inset 0 1px 2px #ffffff40, inset 0 -3px 3px -3px #ffffff1f);&:after{opacity:1}}&:active:not(.is-disabled):not(.is-loading){box-shadow:var(--button-shadow-active,0 2px 2px #08080814, 0 1px 1px #08080833, inset 0 4px 8px #ffffff1a, inset 0 1px 1px #ffffff26, inset 0 -2px 2px -2px #ffffff1a);transform:translateY(1px);&:after{opacity:1;background-color:#00000026}}}.variant-flat.svelte-1az1vbf{color:var(--button-color,var(--primary));opacity:.85;background-color:#0000;border:1px solid;transition:background-color .3s cubic-bezier(.165,.84,.44,1),box-shadow .3s cubic-bezier(.165,.84,.44,1),opacity .3s cubic-bezier(.165,.84,.44,1),transform .3s cubic-bezier(.165,.84,.44,1);&:hover:not(.is-disabled):not(.is-loading){opacity:1;background-color:var(--warm-gray-hover);box-shadow:0 2px 4px #0000000d}&:active:not(.is-disabled):not(.is-loading){box-shadow:none;transform:translateY(1px)}}.variant-text.svelte-1az1vbf{color:var(--button-color,var(--primary));background-color:#0000;min-height:auto;padding-left:.25em;padding-right:.25em;transition:opacity .2s ease-out,-webkit-text-decoration .2s ease-out,text-decoration .2s ease-out;&:hover:not(.is-disabled):not(.is-loading){text-underline-offset:.2em;text-decoration:underline}&:active:not(.is-disabled):not(.is-loading){opacity:.8}}.variant-neutral.svelte-1az1vbf{background-color:var(--button-neutral-bg);color:var(--default);border:1px solid var(--border-1);box-shadow:var(--shadow-xs);transition:all .2s var(--ease-out);&:hover:not(.is-disabled):not(.is-loading){border-color:var(--border-2);box-shadow:var(--shadow-sm)}&:active:not(.is-disabled):not(.is-loading){box-shadow:none;transform:translateY(1px)}}.variant-hero.svelte-1az1vbf{background-color:var(--button-color,var(--primary));color:#fff;letter-spacing:-.01em;z-index:0;box-shadow:var(--button-shadow-hero,0 4px 12px #e0383e26, 0 1px 2px #0003, inset 0 1px 1px #fff3);font-weight:700;transition:box-shadow .3s cubic-bezier(.165,.84,.44,1),transform .3s cubic-bezier(.165,.84,.44,1);position:relative;overflow:hidden;&>.button-content:where(.svelte-1az1vbf){z-index:3;position:relative}&.size-large{padding:var(--button-padding-hero,.875rem 2.5rem);font-size:var(--button-font-size-hero,var(--font-size-lg))}&:before{content:"";pointer-events:none;z-index:2;background:linear-gradient(#ffffff4d,#fff0);height:4px;transition:opacity .3s cubic-bezier(.165,.84,.44,1);position:absolute;top:0;left:0;right:0}&:after{content:"";opacity:0;border-radius:inherit;pointer-events:none;z-index:1;background-color:#0000001a;width:100%;height:100%;transition:opacity .3s cubic-bezier(.165,.84,.44,1);position:absolute;top:0;left:0}&:hover:not(.is-disabled):not(.is-loading){box-shadow:var(--button-shadow-hero-hover,0 6px 20px #e0383e40, 0 2px 4px #00000040);transform:translateY(-1px);&:after{opacity:1}}&:active:not(.is-disabled):not(.is-loading){box-shadow:var(--button-shadow-hero-active,0 2px 8px #e0383e26, inset 0 1px 2px #0003);transform:translateY(0);&:after{opacity:1;background-color:#00000026}}}.variant-warning.svelte-1az1vbf{background-color:var(--button-color,var(--button-warning-bg));color:var(--button-warning-ink);z-index:0;box-shadow:var(--button-shadow-warning,0 4px 4px #08080814, 0 1px 2px #08080833, inset 0 6px 12px #ffffff26, inset 0 1px 1px #fff3);transition:box-shadow .3s cubic-bezier(.165,.84,.44,1),transform .3s cubic-bezier(.165,.84,.44,1);position:relative;overflow:hidden;&>.button-content:where(.svelte-1az1vbf){z-index:3;position:relative}&:before{content:"";pointer-events:none;z-index:2;background:linear-gradient(#ffffff4d,#fff0);height:4px;transition:opacity .3s cubic-bezier(.165,.84,.44,1);position:absolute;top:0;left:0;right:0}&:after{content:"";opacity:0;border-radius:inherit;pointer-events:none;z-index:1;background-color:#0000001f;width:100%;height:100%;transition:opacity .3s cubic-bezier(.165,.84,.44,1);position:absolute;top:0;left:0}&:hover:not(.is-disabled):not(.is-loading){box-shadow:var(--button-shadow-warning-hover,0 6px 10px #0808081a, 0 2px 4px #08080826, inset 0 6px 12px #fff3);&:after{opacity:1}}&:active:not(.is-disabled):not(.is-loading){transform:translateY(1px);&:after{opacity:1;background-color:#00000026}}}.variant-danger.svelte-1az1vbf{background-color:var(--button-color,var(--button-danger-bg));color:var(--button-danger-ink);z-index:0;box-shadow:var(--button-shadow-danger,0 4px 4px #08080814, 0 1px 2px #08080833, inset 0 6px 12px #ffffff26, inset 0 1px 1px #fff3);transition:box-shadow .3s cubic-bezier(.165,.84,.44,1),transform .3s cubic-bezier(.165,.84,.44,1);position:relative;overflow:hidden;&>.button-content:where(.svelte-1az1vbf){z-index:3;position:relative}&:before{content:"";pointer-events:none;z-index:2;background:linear-gradient(#ffffff40,#fff0);height:4px;transition:opacity .3s cubic-bezier(.165,.84,.44,1);position:absolute;top:0;left:0;right:0}&:after{content:"";opacity:0;border-radius:inherit;pointer-events:none;z-index:1;background-color:#0000001f;width:100%;height:100%;transition:opacity .3s cubic-bezier(.165,.84,.44,1);position:absolute;top:0;left:0}&:hover:not(.is-disabled):not(.is-loading){box-shadow:var(--button-shadow-danger-hover,0 6px 10px #0808081a, 0 2px 4px #08080826, inset 0 6px 12px #fff3);&:after{opacity:1}}&:active:not(.is-disabled):not(.is-loading){transform:translateY(1px);&:after{opacity:1;background-color:#00000026}}}.is-disabled.svelte-1az1vbf{opacity:.5;cursor:not-allowed;&:hover,&:active{transform:none!important}}.is-loading.svelte-1az1vbf{cursor:wait;& .loading-text:where(.svelte-1az1vbf){opacity:.9;font-weight:500}& .loading-dots:where(.svelte-1az1vbf){gap:.35em;display:inline-flex;& .dot:where(.svelte-1az1vbf){background-color:currentColor;border-radius:50%;width:.6em;height:.6em;animation:1.4s ease-in-out infinite svelte-1az1vbf-pulse;&:first-child{animation-delay:0s}&:nth-child(2){animation-delay:.2s}&:nth-child(3){animation-delay:.4s}}}}.variant-default.svelte-1az1vbf,.variant-hero.svelte-1az1vbf,.variant-danger.svelte-1az1vbf{&.is-loading{& .loading-text:where(.svelte-1az1vbf){color:#fff}& .loading-dots:where(.svelte-1az1vbf) .dot:where(.svelte-1az1vbf){background-color:#fff}}}.variant-warning.svelte-1az1vbf{&.is-loading{& .loading-text:where(.svelte-1az1vbf){color:var(--button-warning-ink)}& .loading-dots:where(.svelte-1az1vbf) .dot:where(.svelte-1az1vbf){background-color:var(--button-warning-ink)}}}.variant-flat.svelte-1az1vbf,.variant-text.svelte-1az1vbf,.variant-neutral.svelte-1az1vbf{&.is-loading{& .loading-dots:where(.svelte-1az1vbf) .dot:where(.svelte-1az1vbf){background-color:currentColor}}}@keyframes svelte-1az1vbf-pulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}[data-theme=dark]{& .variant-flat.svelte-1az1vbf{&:hover:not(.is-disabled):not(.is-loading){box-shadow:0 2px 4px #ffffff05}}& .variant-default.svelte-1az1vbf,& .variant-hero.svelte-1az1vbf,& .variant-warning.svelte-1az1vbf,& .variant-danger.svelte-1az1vbf{box-shadow:0 2px 4px #0000004d,inset 0 1px 1px #ffffff1a;&:before{background:linear-gradient(#ffffff26,#fff0)}&:hover:not(.is-disabled):not(.is-loading){box-shadow:0 4px 8px #0006,inset 0 1px 2px #ffffff26}}& .variant-hero.svelte-1az1vbf{&:hover:not(.is-disabled):not(.is-loading){box-shadow:0 6px 20px #e0383e4d,0 2px 4px #0006}}& .variant-warning.svelte-1az1vbf{&:hover:not(.is-disabled):not(.is-loading){box-shadow:0 6px 20px #f973164d,0 2px 4px #0006}}}@media (prefers-color-scheme:dark){:root:not([data-theme]){& .variant-flat.svelte-1az1vbf{&:hover:not(.is-disabled):not(.is-loading){box-shadow:0 2px 4px #ffffff05}}& .variant-default.svelte-1az1vbf,& .variant-hero.svelte-1az1vbf,& .variant-warning.svelte-1az1vbf,& .variant-danger.svelte-1az1vbf{box-shadow:0 2px 4px #0000004d,inset 0 1px 1px #ffffff1a;&:before{background:linear-gradient(#ffffff26,#fff0)}&:hover:not(.is-disabled):not(.is-loading){box-shadow:0 4px 8px #0006,inset 0 1px 2px #ffffff26}}& .variant-hero.svelte-1az1vbf{&:hover:not(.is-disabled):not(.is-loading){box-shadow:0 6px 20px #e0383e4d,0 2px 4px #0006}}& .variant-warning.svelte-1az1vbf{&:hover:not(.is-disabled):not(.is-loading){box-shadow:0 6px 20px #f973164d,0 2px 4px #0006}}}}@media screen and (width<=25.9375rem){.button-1.svelte-1az1vbf{white-space:normal}.variant-hero.size-large.svelte-1az1vbf{padding:var(--button-padding-hero-mobile,.75rem 2rem);font-size:var(--button-font-size-hero-mobile,var(--font-size-base))}}