.fs-button{align-items:center;border:var(--fs-border-none, none);border-radius:var(--fs-radius-small, 4px);box-sizing:border-box;cursor:pointer;display:inline-flex;flex-wrap:nowrap;font-family:var(--fs-font-stack, Optimist, "Helvetica Neue", Helvetica, Arial, sans-serif);gap:var(--fs-size-spacing-small1, 8px);justify-content:center;white-space:nowrap}.fs-button:not(.fs-button--compact){font-size:var(--fs-font-size-medium2, 1.25rem);height:var(--fs-size-large3, 48px);padding:0 var(--fs-size-spacing-medium1, 16px);line-height:var(--fs-size-large3, 48px)}.fs-button.fs-button--compact{font-size:var(--fs-font-size-medium1, 1rem);gap:var(--fs-size-spacing-tiny3, 4px);height:var(--fs-size-large1, 32px);padding:0 var(--fs-size-spacing-small1, 8px);line-height:var(--fs-size-large1, 32px)}.fs-button.fs-button--compact>.fs-button__icon{height:var(--fs-size-spacing-medium1, 16px);width:var(--fs-size-spacing-medium1, 16px)}.fs-button>.fs-button__icon{height:var(--fs-size-spacing-medium2, 24px);width:var(--fs-size-spacing-medium2, 24px)}.fs-button>.fs-button__icon *{display:block}.fs-button.fs-button--icon-only{padding:0 var(--fs-size-spacing-small2, 12px);aspect-ratio:1}.fs-button:not(.fs-button--outlined,.fs-button--ghost,.fs-button--inverted).fs-button--primary{background-color:var(--fs-color-interactive-primary-default, hsl(200, 98%, 35%));color:var(--fs-color-constant-white, hsl(0, 0%, 100%));fill:currentColor}.fs-button:not(.fs-button--outlined,.fs-button--ghost,.fs-button--inverted).fs-button--primary:hover{background-color:var(--fs-color-interactive-primary-hover, hsl(200, 97%, 30%))}.fs-button:not(.fs-button--outlined,.fs-button--ghost,.fs-button--inverted).fs-button--primary:focus{background-color:var(--fs-color-interactive-primary-focus, hsl(200, 97%, 30%));outline:0;box-shadow:0 0 0 2px var(--fs-color-focus-secondary-default, hsl(0, 0%, 100%)),0 0 0 4px var(--fs-color-focus-primary-default, hsl(200, 98%, 35%))}.fs-button:not(.fs-button--outlined,.fs-button--ghost,.fs-button--inverted).fs-button--primary:active{background-color:var(--fs-color-interactive-primary-active, hsl(200, 98%, 23%))}.fs-button:not(.fs-button--outlined,.fs-button--ghost,.fs-button--inverted).fs-button--secondary{background-color:var(--fs-color-interactive-secondary-default, hsl(0, 0%, 41%));color:var(--fs-color-constant-white, hsl(0, 0%, 100%));fill:currentColor}.fs-button:not(.fs-button--outlined,.fs-button--ghost,.fs-button--inverted).fs-button--secondary:hover{background-color:var(--fs-color-interactive-secondary-hover, hsl(0, 0%, 32%))}.fs-button:not(.fs-button--outlined,.fs-button--ghost,.fs-button--inverted).fs-button--secondary:focus{background-color:var(--fs-color-interactive-secondary-focus, hsl(0, 0%, 32%));outline:0;box-shadow:0 0 0 2px var(--fs-color-focus-secondary-default, hsl(0, 0%, 100%)),0 0 0 4px var(--fs-color-focus-primary-default, hsl(200, 98%, 35%))}.fs-button:not(.fs-button--outlined,.fs-button--ghost,.fs-button--inverted).fs-button--secondary:active{background-color:var(--fs-color-interactive-secondary-active, hsl(0, 0%, 24%))}.fs-button:not(.fs-button--outlined,.fs-button--ghost,.fs-button--inverted).fs-button--action{background-color:var(--fs-color-interactive-action-default, hsl(108, 80%, 28%));color:var(--fs-color-constant-white, hsl(0, 0%, 100%));fill:currentColor}.fs-button:not(.fs-button--outlined,.fs-button--ghost,.fs-button--inverted).fs-button--action:hover{background-color:var(--fs-color-interactive-action-hover, hsl(108, 81%, 23%))}.fs-button:not(.fs-button--outlined,.fs-button--ghost,.fs-button--inverted).fs-button--action:focus{background-color:var(--fs-color-interactive-action-focus, hsl(108, 81%, 23%));outline:0;box-shadow:0 0 0 2px var(--fs-color-focus-secondary-default, hsl(0, 0%, 100%)),0 0 0 4px var(--fs-color-focus-primary-default, hsl(200, 98%, 35%))}.fs-button:not(.fs-button--outlined,.fs-button--ghost,.fs-button--inverted).fs-button--action:active{background-color:var(--fs-color-interactive-action-active, hsl(108, 80%, 18%))}.fs-button:not(.fs-button--outlined,.fs-button--ghost,.fs-button--inverted).fs-button--destructive{background-color:var(--fs-color-interactive-destructive-default, hsl(359, 70%, 47%));color:var(--fs-color-constant-white, hsl(0, 0%, 100%));fill:currentColor}.fs-button:not(.fs-button--outlined,.fs-button--ghost,.fs-button--inverted).fs-button--destructive:hover{background-color:var(--fs-color-interactive-destructive-hover, hsl(359, 66%, 44%))}.fs-button:not(.fs-button--outlined,.fs-button--ghost,.fs-button--inverted).fs-button--destructive:focus{background-color:var(--fs-color-interactive-destructive-focus, hsl(359, 66%, 44%));outline:0;box-shadow:0 0 0 2px var(--fs-color-focus-secondary-default, hsl(0, 0%, 100%)),0 0 0 4px var(--fs-color-focus-primary-default, hsl(200, 98%, 35%))}.fs-button:not(.fs-button--outlined,.fs-button--ghost,.fs-button--inverted).fs-button--destructive:active{background-color:var(--fs-color-interactive-destructive-active, hsl(359, 61%, 40%))}.fs-button:not(.fs-button--outlined,.fs-button--ghost,.fs-button--inverted):disabled:not(.fs-button--loading),.fs-button:not(.fs-button--outlined,.fs-button--ghost,.fs-button--inverted):disabled:hover:not(.fs-button--loading),.fs-button:not(.fs-button--outlined,.fs-button--ghost,.fs-button--inverted):disabled:focus:not(.fs-button--loading),.fs-button:not(.fs-button--outlined,.fs-button--ghost,.fs-button--inverted):disabled:active:not(.fs-button--loading){background-color:var(--fs-color-disabled-medium, hsl(0, 0%, 83%));color:var(--fs-color-disabled-dark, hsl(0, 0%, 49%));fill:currentColor;cursor:not-allowed}.fs-button:not(.fs-button--inverted).fs-button--outlined.fs-button--primary:not(:disabled){border-color:var(--fs-color-interactive-primary-default, hsl(200, 98%, 35%));color:var(--fs-color-interactive-primary-default, hsl(200, 98%, 35%));fill:currentColor}.fs-button:not(.fs-button--inverted).fs-button--outlined.fs-button--primary:not(:disabled):hover{border-color:var(--fs-color-interactive-primary-hover, hsl(200, 97%, 30%));box-shadow:inset 0 0 0 1px var(--fs-color-interactive-primary-hover, hsl(200, 97%, 30%));color:var(--fs-color-interactive-primary-hover, hsl(200, 97%, 30%))}.fs-button:not(.fs-button--inverted).fs-button--outlined.fs-button--primary:not(:disabled):focus{border-color:var(--fs-color-interactive-primary-focus, hsl(200, 97%, 30%));color:var(--fs-color-interactive-primary-focus, hsl(200, 97%, 30%));outline:0;box-shadow:0 0 0 2px var(--fs-color-focus-secondary-default, hsl(0, 0%, 100%)),0 0 0 4px var(--fs-color-focus-primary-default, hsl(200, 98%, 35%))}.fs-button:not(.fs-button--inverted).fs-button--outlined.fs-button--primary:not(:disabled):active{border-color:var(--fs-color-interactive-primary-active, hsl(200, 98%, 23%));color:var(--fs-color-interactive-primary-active, hsl(200, 98%, 23%))}.fs-button:not(.fs-button--inverted).fs-button--outlined{background:transparent;border:var(--fs-border-solid-thin, 1px solid)}.fs-button:not(.fs-button--inverted).fs-button--outlined.fs-button--secondary:not(:disabled){border-color:var(--fs-color-interactive-secondary-default, hsl(0, 0%, 41%));color:var(--fs-color-interactive-secondary-default, hsl(0, 0%, 41%));fill:currentColor}.fs-button:not(.fs-button--inverted).fs-button--outlined.fs-button--secondary:not(:disabled):hover{border-color:var(--fs-color-interactive-secondary-hover, hsl(0, 0%, 32%));box-shadow:inset 0 0 0 1px var(--fs-color-interactive-secondary-hover, hsl(0, 0%, 32%));color:var(--fs-color-interactive-secondary-hover, hsl(0, 0%, 32%))}.fs-button:not(.fs-button--inverted).fs-button--outlined.fs-button--secondary:not(:disabled):focus{border-color:var(--fs-color-interactive-secondary-focus, hsl(0, 0%, 32%));color:var(--fs-color-interactive-secondary-focus, hsl(0, 0%, 32%));outline:0;box-shadow:0 0 0 2px var(--fs-color-focus-secondary-default, hsl(0, 0%, 100%)),0 0 0 4px var(--fs-color-focus-primary-default, hsl(200, 98%, 35%))}.fs-button:not(.fs-button--inverted).fs-button--outlined.fs-button--secondary:not(:disabled):active{border-color:var(--fs-color-interactive-secondary-active, hsl(0, 0%, 24%));color:var(--fs-color-interactive-secondary-active, hsl(0, 0%, 24%))}.fs-button:not(.fs-button--inverted).fs-button--outlined:disabled,.fs-button:not(.fs-button--inverted).fs-button--outlined:disabled:hover,.fs-button:not(.fs-button--inverted).fs-button--outlined:disabled:focus,.fs-button:not(.fs-button--inverted).fs-button--outlined:disabled:active{border-color:var(--fs-color-disabled-light, hsl(0, 0%, 96%));color:var(--fs-text-color-disabled, hsl(0, 0%, 49%));cursor:not-allowed}.fs-button:not(.fs-button--inverted).fs-button--ghost.fs-button--primary:not(:disabled){color:var(--fs-color-interactive-primary-default, hsl(200, 98%, 35%));fill:currentColor}.fs-button:not(.fs-button--inverted).fs-button--ghost.fs-button--primary:not(:disabled):hover{color:var(--fs-color-interactive-primary-hover, hsl(200, 97%, 30%));fill:var(--fs-color-interactive-primary-hover, hsl(200, 97%, 30%))}.fs-button:not(.fs-button--inverted).fs-button--ghost.fs-button--primary:not(:disabled):focus{position:relative;color:var(--fs-color-interactive-primary-focus, hsl(200, 97%, 30%));outline:0}.fs-button:not(.fs-button--inverted).fs-button--ghost.fs-button--primary:not(:disabled):focus:after{content:"";position:absolute;width:100%;height:calc(100% - var(--fs-size-spacing-small1, 8px) * 2);border-radius:var(--fs-radius-small, 4px);box-shadow:0 0 0 2px var(--fs-color-focus-secondary-default, hsl(0, 0%, 100%)),0 0 0 4px var(--fs-color-focus-primary-default, hsl(200, 98%, 35%))}.fs-button:not(.fs-button--inverted).fs-button--ghost.fs-button--primary:not(:disabled):active{color:var(--fs-color-interactive-primary-active, hsl(200, 98%, 23%))}.fs-button:not(.fs-button--inverted).fs-button--ghost.fs-button--primary:not(:disabled).fs-button--icon-only:after{height:calc(var(--fs-size-medium2, 24px) + var(--fs-size-spacing-tiny2, 2px));width:calc(var(--fs-size-medium2, 24px) + var(--fs-size-spacing-tiny2, 2px))}.fs-button:not(.fs-button--inverted).fs-button--ghost.fs-button--secondary:not(:disabled){color:var(--fs-color-interactive-secondary-default, hsl(0, 0%, 41%));fill:currentColor}.fs-button:not(.fs-button--inverted).fs-button--ghost.fs-button--secondary:not(:disabled):hover{color:var(--fs-color-interactive-secondary-hover, hsl(0, 0%, 32%));fill:var(--fs-color-interactive-secondary-hover, hsl(0, 0%, 32%))}.fs-button:not(.fs-button--inverted).fs-button--ghost.fs-button--secondary:not(:disabled):focus{position:relative;color:var(--fs-color-interactive-secondary-focus, hsl(0, 0%, 32%));outline:0}.fs-button:not(.fs-button--inverted).fs-button--ghost.fs-button--secondary:not(:disabled):focus:after{content:"";position:absolute;width:100%;height:calc(100% - var(--fs-size-spacing-small1, 8px) * 2);border-radius:var(--fs-radius-small, 4px);box-shadow:0 0 0 2px var(--fs-color-focus-secondary-default, hsl(0, 0%, 100%)),0 0 0 4px var(--fs-color-focus-primary-default, hsl(200, 98%, 35%))}.fs-button:not(.fs-button--inverted).fs-button--ghost.fs-button--secondary:not(:disabled):active{color:var(--fs-color-interactive-secondary-active, hsl(0, 0%, 24%))}.fs-button:not(.fs-button--inverted).fs-button--ghost.fs-button--secondary:not(:disabled).fs-button--icon-only:after{height:calc(var(--fs-size-medium2, 24px) + var(--fs-size-spacing-tiny2, 2px));width:calc(var(--fs-size-medium2, 24px) + var(--fs-size-spacing-tiny2, 2px))}.fs-button:not(.fs-button--inverted).fs-button--ghost{background:var(--fs-color-constant-transparent, hsla(0, 0%, 0%, 0));font-weight:var(--fs-font-weight-semibold, 600);padding:0 var(--fs-size-spacing-tiny1, 1px)}.fs-button:not(.fs-button--inverted).fs-button--ghost.fs-button--destructive:not(:disabled){color:var(--fs-color-interactive-destructive-default, hsl(359, 70%, 47%));fill:currentColor}.fs-button:not(.fs-button--inverted).fs-button--ghost.fs-button--destructive:not(:disabled):hover{color:var(--fs-color-interactive-destructive-hover, hsl(359, 66%, 44%));fill:var(--fs-color-interactive-destructive-hover, hsl(359, 66%, 44%))}.fs-button:not(.fs-button--inverted).fs-button--ghost.fs-button--destructive:not(:disabled):focus{position:relative;color:var(--fs-color-interactive-destructive-focus, hsl(359, 66%, 44%));outline:0}.fs-button:not(.fs-button--inverted).fs-button--ghost.fs-button--destructive:not(:disabled):focus:after{content:"";position:absolute;width:100%;height:calc(100% - var(--fs-size-spacing-small1, 8px) * 2);border-radius:var(--fs-radius-small, 4px);box-shadow:0 0 0 2px var(--fs-color-focus-secondary-default, hsl(0, 0%, 100%)),0 0 0 4px var(--fs-color-focus-primary-default, hsl(200, 98%, 35%))}.fs-button:not(.fs-button--inverted).fs-button--ghost.fs-button--destructive:not(:disabled):active{color:var(--fs-color-interactive-destructive-active, hsl(359, 61%, 40%))}.fs-button:not(.fs-button--inverted).fs-button--ghost.fs-button--destructive:not(:disabled).fs-button--icon-only:after{height:calc(var(--fs-size-medium2, 24px) + var(--fs-size-spacing-tiny2, 2px));width:calc(var(--fs-size-medium2, 24px) + var(--fs-size-spacing-tiny2, 2px))}.fs-button:not(.fs-button--inverted).fs-button--ghost:disabled,.fs-button:not(.fs-button--inverted).fs-button--ghost:disabled:hover,.fs-button:not(.fs-button--inverted).fs-button--ghost:disabled:focus,.fs-button:not(.fs-button--inverted).fs-button--ghost:disabled:active{border:0;color:var(--fs-text-color-disabled, hsl(0, 0%, 49%));cursor:not-allowed}.fs-button:not(.fs-button--outlined).fs-button--inverted.fs-button--primary:not(:disabled){color:var(--fs-color-interactive-primary-default, hsl(200, 98%, 35%));fill:currentColor}.fs-button:not(.fs-button--outlined).fs-button--inverted.fs-button--primary:not(:disabled):hover{color:var(--fs-color-interactive-primary-hover, hsl(200, 97%, 30%))}.fs-button:not(.fs-button--outlined).fs-button--inverted.fs-button--primary:not(:disabled):focus:not(.fs-button--ghost){color:var(--fs-color-interactive-primary-focus, hsl(200, 97%, 30%));outline:0;box-shadow:0 0 0 2px var(--fs-color-focus-secondary-high-contrast, hsl(0, 0%, 8%)),0 0 0 4px var(--fs-color-focus-primary-high-contrast, hsl(0, 0%, 100%))}.fs-button:not(.fs-button--outlined).fs-button--inverted.fs-button--primary:not(:disabled):active{color:var(--fs-color-interactive-primary-active, hsl(200, 98%, 23%))}.fs-button:not(.fs-button--outlined).fs-button--inverted.fs-button--secondary:not(:disabled){color:var(--fs-color-interactive-secondary-default, hsl(0, 0%, 41%));fill:currentColor}.fs-button:not(.fs-button--outlined).fs-button--inverted.fs-button--secondary:not(:disabled):hover{color:var(--fs-color-interactive-secondary-hover, hsl(0, 0%, 32%))}.fs-button:not(.fs-button--outlined).fs-button--inverted.fs-button--secondary:not(:disabled):focus:not(.fs-button--ghost){color:var(--fs-color-interactive-secondary-focus, hsl(0, 0%, 32%));outline:0;box-shadow:0 0 0 2px var(--fs-color-focus-secondary-high-contrast, hsl(0, 0%, 8%)),0 0 0 4px var(--fs-color-focus-primary-high-contrast, hsl(0, 0%, 100%))}.fs-button:not(.fs-button--outlined).fs-button--inverted.fs-button--secondary:not(:disabled):active{color:var(--fs-color-interactive-secondary-active, hsl(0, 0%, 24%))}.fs-button:not(.fs-button--outlined).fs-button--inverted{background:var(--fs-color-constant-white, hsl(0, 0%, 100%))}.fs-button:not(.fs-button--outlined).fs-button--inverted.fs-button--action:not(:disabled){color:var(--fs-color-interactive-action-default, hsl(108, 80%, 28%));fill:currentColor}.fs-button:not(.fs-button--outlined).fs-button--inverted.fs-button--action:not(:disabled):hover{color:var(--fs-color-interactive-action-hover, hsl(108, 81%, 23%))}.fs-button:not(.fs-button--outlined).fs-button--inverted.fs-button--action:not(:disabled):focus:not(.fs-button--ghost){color:var(--fs-color-interactive-action-focus, hsl(108, 81%, 23%));outline:0;box-shadow:0 0 0 2px var(--fs-color-focus-secondary-high-contrast, hsl(0, 0%, 8%)),0 0 0 4px var(--fs-color-focus-primary-high-contrast, hsl(0, 0%, 100%))}.fs-button:not(.fs-button--outlined).fs-button--inverted.fs-button--action:not(:disabled):active{color:var(--fs-color-interactive-action-active, hsl(108, 80%, 18%))}.fs-button:not(.fs-button--outlined).fs-button--inverted:disabled,.fs-button:not(.fs-button--outlined).fs-button--inverted:disabled:hover,.fs-button:not(.fs-button--outlined).fs-button--inverted:disabled:focus,.fs-button:not(.fs-button--outlined).fs-button--inverted:disabled:active{background:var(--fs-color-disabled-medium, hsl(0, 0%, 83%));color:var(--fs-text-color-disabled, hsl(0, 0%, 49%));fill:currentColor;cursor:not-allowed}.fs-button.fs-button--outlined.fs-button--inverted.fs-button--primary:not(:disabled){background:var(--fs-color-constant-transparent, hsla(0, 0%, 0%, 0));border:1px solid var(--fs-color-constant-white, hsl(0, 0%, 100%));color:var(--fs-color-constant-white, hsl(0, 0%, 100%));fill:currentColor}.fs-button.fs-button--outlined.fs-button--inverted.fs-button--primary:not(:disabled):hover{box-shadow:inset 0 0 0 1px var(--fs-color-constant-white, hsl(0, 0%, 100%))}.fs-button.fs-button--outlined.fs-button--inverted.fs-button--primary:not(:disabled):focus{outline:0;box-shadow:0 0 0 2px var(--fs-color-focus-secondary-high-contrast, hsl(0, 0%, 8%)),0 0 0 4px var(--fs-color-focus-primary-high-contrast, hsl(0, 0%, 100%))}.fs-button.fs-button--outlined.fs-button--inverted:disabled,.fs-button.fs-button--outlined.fs-button--inverted:disabled:hover,.fs-button.fs-button--outlined.fs-button--inverted:disabled:focus,.fs-button.fs-button--outlined.fs-button--inverted:disabled:active{background:var(--fs-color-constant-transparent, hsla(0, 0%, 0%, 0));border:1px solid var(--fs-color-disabled-medium, hsl(0, 0%, 83%));color:var(--fs-text-color-disabled, hsl(0, 0%, 49%));fill:currentColor;cursor:not-allowed}.fs-button.fs-button--ghost.fs-button--inverted.fs-button--primary:not(:disabled){background:var(--fs-color-constant-transparent, hsla(0, 0%, 0%, 0));color:var(--fs-color-constant-white, hsl(0, 0%, 100%));fill:currentColor;font-weight:var(--fs-font-weight-semibold, 600);padding:0 var(--fs-size-spacing-tiny1, 1px)}.fs-button.fs-button--ghost.fs-button--inverted.fs-button--primary:not(:disabled):hover,.fs-button.fs-button--ghost.fs-button--inverted.fs-button--primary:not(:disabled):active{color:var(--fs-color-constant-white, hsl(0, 0%, 100%))}.fs-button.fs-button--ghost.fs-button--inverted.fs-button--primary:not(:disabled):focus{position:relative;color:var(--fs-color-constant-white, hsl(0, 0%, 100%));outline:0}.fs-button.fs-button--ghost.fs-button--inverted.fs-button--primary:not(:disabled):focus:after{content:"";position:absolute;width:100%;height:calc(100% - var(--fs-size-spacing-small1, 8px) * 2);border-radius:var(--fs-radius-small, 4px);box-shadow:0 0 0 2px var(--fs-color-focus-secondary-high-contrast, hsl(0, 0%, 8%)),0 0 0 4px var(--fs-color-focus-primary-high-contrast, hsl(0, 0%, 100%))}.fs-button.fs-button--ghost.fs-button--inverted.fs-button--primary:not(:disabled).fs-button--icon-only:after{height:calc(var(--fs-size-medium2, 24px) + var(--fs-size-spacing-tiny2, 2px));width:calc(var(--fs-size-medium2, 24px) + var(--fs-size-spacing-tiny2, 2px))}.fs-button.fs-button--ghost.fs-button--inverted:disabled,.fs-button.fs-button--ghost.fs-button--inverted:disabled:hover,.fs-button.fs-button--ghost.fs-button--inverted:disabled:focus,.fs-button.fs-button--ghost.fs-button--inverted:disabled:active{background:var(--fs-color-constant-transparent, hsla(0, 0%, 0%, 0));color:var(--fs-text-color-disabled, hsl(0, 0%, 49%));cursor:not-allowed}
