.button.svelte-1id6jsd{display:inline-flex;position:relative;width:auto;justify-content:center;align-items:center;padding:0;border-radius:var(--border-radius);appearance:none;cursor:pointer;transition:transform .5s linear(0,1.25,1,.9,1.04,.99,1.005,.996,1.001,.999,1),background .15s ease-out,border-color .15s ease-out,box-shadow .15s ease-out,filter .15s ease-out;text-transform:capitalize;-webkit-user-select:none;user-select:none;pointer-events:auto;color:var(--color-positive-alpha-1000);--bold-border-width: 0px;--subtle-border-width: 1.5px;--none-border-width: 0px;--bold-border-color: var(--color-transparent);--subtle-border-color: var(--color-positive-alpha-200);--none-border-color: var(--color-transparent);--subtle-background-color: var(--color-transparent);--subtle-background-color-low: var(--color-transparent);--none-background-color: var(--color-transparent);--none-background-color-low: var(--color-transparent);--bold-edge-light: inset 0 1px 0 var(--color-positive-alpha-100);--subtle-edge-light: 0 0 0 0 var(--color-transparent);--none-edge-light: 0 0 0 0 var(--color-transparent)}.button.svelte-1id6jsd:focus,.button.svelte-1id6jsd:focus-within{position:relative;outline:none}.button.svelte-1id6jsd:focus:before,.button.svelte-1id6jsd:focus-within:before{content:"";position:absolute;inset:0;margin:-5px;box-shadow:0 0 0 1px var(--color-focus) inset,0 0 0 3px var(--color-focus-alpha) inset;border-radius:calc(var(--border-radius) * 1.25);pointer-events:none}.button.svelte-1id6jsd:focus:not(:focus-visible):before{display:none}.button.svelte-1id6jsd:focus-visible:before{animation:svelte-1id6jsd-focus-ring-in .2s cubic-bezier(.22,1,.36,1)}.button[data-hide-focus].svelte-1id6jsd:focus:before{display:none}@media(hover:hover){.button.svelte-1id6jsd:hover{transform:scale(1.01);--bold-edge-light: inset 0 1px 0 var(--color-positive-alpha-200);--subtle-background-color: var(--color-positive-alpha-100);--subtle-background-color-low: var(--color-positive-alpha-0);--subtle-border-color: var(--color-positive-alpha-400);--none-background-color: var(--color-positive-alpha-200);--none-background-color-low: var(--color-positive-alpha-100)}}.button.svelte-1id6jsd:active{transform:scale(var(--press-scale, .97));transition:transform .08s cubic-bezier(.22,1,.36,1),background .15s ease-out,border-color .15s ease-out,box-shadow .1s ease-out,filter .15s ease-out;--bold-edge-light: inset 0 1.5px 3px var(--color-negative-alpha-400);--subtle-background-color: var(--color-positive-alpha-200);--subtle-background-color-low: var(--color-positive-alpha-100);--subtle-border-color: var(--color-positive-alpha-300);--none-background-color: var(--color-positive-alpha-300);--none-background-color-low: var(--color-positive-alpha-200)}.button[data-blur].svelte-1id6jsd:not(:disabled){backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.button.svelte-1id6jsd .label:where(.svelte-1id6jsd),.button.svelte-1id6jsd .supporting-asset:where(.svelte-1id6jsd){transition:opacity .15s ease-out}.button.svelte-1id6jsd .leading-asset:where(.svelte-1id6jsd){color:var(--leading-color)}.button.svelte-1id6jsd:disabled{filter:grayscale(90%);pointer-events:none}.button.svelte-1id6jsd:disabled :where(.svelte-1id6jsd){opacity:.33}.button[data-busy].svelte-1id6jsd{position:relative;pointer-events:none}.button[data-busy].svelte-1id6jsd .leading-asset:where(.svelte-1id6jsd),.button[data-busy].svelte-1id6jsd .label:where(.svelte-1id6jsd),.button[data-busy].svelte-1id6jsd .trailing-asset:where(.svelte-1id6jsd){opacity:0}.button[data-busy].svelte-1id6jsd .busy:where(.svelte-1id6jsd){position:absolute;inset:0;display:flex;align-items:center;justify-content:center;animation:svelte-1id6jsd-busy-in .2s cubic-bezier(.22,1,.36,1)}.button[data-block].svelte-1id6jsd{display:flex;width:100%}.button[data-size=Large].svelte-1id6jsd{--border-radius: var(--border-radius-large-x);--press-scale: .98;gap:var(--space-small);height:var(--input-size-large);min-width:var(--input-size-large);font:var(--input-typography-large-label)}.button[data-size=Large][data-label].svelte-1id6jsd:not([data-leading]):not([data-trailing]){padding-inline:var(--space-large-3x)}.button[data-size=Large][data-label][data-leading].svelte-1id6jsd:not([data-trailing]){padding-inline:var(--space-large) var(--space-large-2x)}.button[data-size=Large][data-label]:not([data-leading])[data-trailing].svelte-1id6jsd{padding-inline:var(--space-large-2x) var(--space-large)}.button[data-size=Large][data-leading][data-trailing].svelte-1id6jsd{padding-inline:var(--space-large)}.button[data-size=Medium].svelte-1id6jsd{--border-radius: var(--border-radius-large);--press-scale: .97;gap:var(--space-small-x);height:var(--input-size-medium);min-width:var(--input-size-medium);font:var(--input-typography-medium-label)}.button[data-size=Medium][data-label].svelte-1id6jsd:not([data-leading]):not([data-trailing]){padding-inline:var(--space-large-2x)}.button[data-size=Medium][data-label][data-leading].svelte-1id6jsd:not([data-trailing]){padding-inline:var(--space-medium) var(--space-large)}.button[data-size=Medium][data-label]:not([data-leading])[data-trailing].svelte-1id6jsd{padding-inline:var(--space-large) var(--space-medium)}.button[data-size=Medium][data-leading][data-trailing].svelte-1id6jsd{padding-inline:var(--space-medium)}.button[data-size=Small].svelte-1id6jsd{--border-radius: var(--border-radius-medium);--press-scale: .96;gap:var(--space-small-x);height:var(--input-size-small);min-width:var(--input-size-small);font:var(--input-typography-small-label)}.button[data-size=Small][data-label].svelte-1id6jsd:not([data-leading]):not([data-trailing]){padding-inline:var(--space-small)}.button[data-size=Small][data-label][data-leading].svelte-1id6jsd:not([data-trailing]){padding-inline:var(--space-small) var(--space-small)}.button[data-size=Small][data-label]:not([data-leading])[data-trailing].svelte-1id6jsd{padding-inline:var(--space-small) var(--space-small)}.button[data-size=Small][data-leading][data-trailing].svelte-1id6jsd{padding-inline:var(--space-small-x)}.button[data-color=Primary].svelte-1id6jsd{--leading-color: var(--color-primary-900);--bold-background-color: var(--color-primary-alpha-300);--bold-background-color-low: color-mix( in srgb, var(--color-primary-alpha-300) 50%, var(--color-primary-alpha-200) 50% );--sheen-self: var(--color-primary-alpha-300);--sheen-partner: var(--color-critical-alpha-300);--color-focus: var(--color-primary-400);--color-focus-alpha: var(--color-primary-alpha-300)}@media(hover:hover){.button[data-color=Primary].svelte-1id6jsd:hover{--bold-background-color: var(--color-primary-400);--bold-background-color-low: var(--color-primary-300)}}.button[data-color=Primary].svelte-1id6jsd:active{--bold-background-color: var(--color-primary-300);--bold-background-color-low: var(--color-primary-200)}.button[data-color=Confirm].svelte-1id6jsd{--leading-color: var(--color-confirm-900);--bold-background-color: var(--color-confirm-alpha-300);--bold-background-color-low: color-mix( in srgb, var(--color-confirm-alpha-300) 50%, var(--color-confirm-alpha-200) 50% );--sheen-self: var(--color-confirm-alpha-300);--sheen-partner: var(--color-warning-alpha-300);--color-focus: var(--color-confirm-400);--color-focus-alpha: var(--color-confirm-alpha-300)}@media(hover:hover){.button[data-color=Confirm].svelte-1id6jsd:hover{--bold-background-color: var(--color-confirm-400);--bold-background-color-low: var(--color-confirm-300)}}.button[data-color=Confirm].svelte-1id6jsd:active{--bold-background-color: var(--color-confirm-300);--bold-background-color-low: var(--color-confirm-200)}.button[data-color=Warning].svelte-1id6jsd{--leading-color: var(--color-warning-900);--bold-background-color: var(--color-warning-alpha-300);--bold-background-color-low: color-mix( in srgb, var(--color-warning-alpha-300) 50%, var(--color-warning-alpha-200) 50% );--sheen-self: var(--color-warning-alpha-300);--sheen-partner: var(--color-critical-alpha-300);--color-focus: var(--color-warning-400);--color-focus-alpha: var(--color-warning-alpha-300)}@media(hover:hover){.button[data-color=Warning].svelte-1id6jsd:hover{--bold-background-color: var(--color-warning-400);--bold-background-color-low: var(--color-warning-300)}}.button[data-color=Warning].svelte-1id6jsd:active{--bold-background-color: var(--color-warning-300);--bold-background-color-low: var(--color-warning-200)}.button[data-color=Critical].svelte-1id6jsd{--leading-color: var(--color-critical-900);--bold-background-color: var(--color-critical-alpha-300);--bold-background-color-low: color-mix( in srgb, var(--color-critical-alpha-300) 50%, var(--color-critical-alpha-200) 50% );--sheen-self: var(--color-critical-alpha-300);--sheen-partner: var(--color-primary-alpha-300);--color-focus: var(--color-critical-400);--color-focus-alpha: var(--color-critical-alpha-300)}@media(hover:hover){.button[data-color=Critical].svelte-1id6jsd:hover{--bold-background-color: var(--color-critical-400);--bold-background-color-low: var(--color-critical-300)}}.button[data-color=Critical].svelte-1id6jsd:active{--bold-background-color: var(--color-critical-300);--bold-background-color-low: var(--color-critical-200)}.button[data-color=Passive].svelte-1id6jsd{--leading-color: var(--color-passive-900);--bold-background-color: var(--color-passive-alpha-300);--bold-background-color-low: color-mix( in srgb, var(--color-passive-alpha-300) 50%, var(--color-passive-alpha-200) 50% );--sheen-self: var(--color-primary-alpha-300);--sheen-partner: var(--color-critical-alpha-300);--color-focus: var(--color-passive-400);--color-focus-alpha: var(--color-passive-alpha-300)}@media(hover:hover){.button[data-color=Passive].svelte-1id6jsd:hover{--bold-background-color: var(--color-passive-400);--bold-background-color-low: var(--color-passive-300)}}.button[data-color=Passive].svelte-1id6jsd:active{--bold-background-color: var(--color-passive-300);--bold-background-color-low: var(--color-passive-200)}.button[data-weight=Bold].svelte-1id6jsd{--sheen-opacity: .5;border:var(--bold-border-width) solid var(--bold-border-color);background:linear-gradient(var(--bold-background-color),var(--bold-background-color-low));box-shadow:var(--bold-edge-light)}.button[data-weight=Subtle].svelte-1id6jsd{--sheen-opacity: .45;border:var(--subtle-border-width) solid var(--subtle-border-color);background:linear-gradient(var(--subtle-background-color),var(--subtle-background-color-low));box-shadow:var(--subtle-edge-light)}.button[data-weight=None].svelte-1id6jsd{--sheen-opacity: .4;border:var(--none-border-width) solid var(--none-border-color);background:linear-gradient(var(--none-background-color),var(--none-background-color-low));box-shadow:var(--none-edge-light)}.button[data-rounded].svelte-1id6jsd{--border-radius: var(--border-radius-rounded)}.button.svelte-1id6jsd .sheen:where(.svelte-1id6jsd){position:absolute;inset:0;border-radius:inherit;mix-blend-mode:screen;--sheen-pan-x: calc((var(--sheen-x, 50%) - 50%) * 2 + 50%);--sheen-pan-y: calc((var(--sheen-y, 50%) - 50%) * 2 + 50%);background:radial-gradient(circle,color-mix(in srgb,var(--sheen-partner) 65%,var(--sheen-self) 35%) 0%,transparent 50%) no-repeat var(--sheen-pan-x) var(--sheen-pan-y)/240% 240%,radial-gradient(circle,var(--color-positive-alpha-300) 0%,transparent 45%) no-repeat var(--sheen-pan-x) var(--sheen-pan-x)/200% 200%,radial-gradient(circle,color-mix(in srgb,var(--sheen-self) 75%,var(--sheen-partner) 25%) 0%,transparent 50%) no-repeat var(--sheen-pan-y) var(--sheen-pan-x)/280% 280%;filter:hue-rotate(var(--sheen-rotation, 0deg));opacity:0;transition:opacity .15s ease-out,filter .3s ease-out;pointer-events:none}@media(hover:hover){.button.svelte-1id6jsd:hover .sheen:where(.svelte-1id6jsd){opacity:var(--sheen-opacity, 1)}}@media(prefers-reduced-motion:reduce){.button.svelte-1id6jsd{transition:background .15s ease-out,border-color .15s ease-out,box-shadow .15s ease-out,filter .15s ease-out}.button.svelte-1id6jsd:hover,.button.svelte-1id6jsd:active{transform:none}.button.svelte-1id6jsd .sheen:where(.svelte-1id6jsd){display:none}.button.svelte-1id6jsd .busy:where(.svelte-1id6jsd){animation:none}}@keyframes svelte-1id6jsd-focus-ring-in{0%{opacity:0}}@keyframes svelte-1id6jsd-busy-in{0%{opacity:0;transform:scale(.9)}}
