button[data-theme=light],[data-theme=dark] button[data-theme=inverse],[data-theme=light] [data-theme=inverse] button[data-theme=inverse],.button[data-theme=light],[data-theme=dark] .button[data-theme=inverse],[data-theme=light] [data-theme=inverse] .button[data-theme=inverse]{--default-hover: #e5e5e8;--default-selected: #c8c9cc;--default-border: #c8c9cc;--text-disabled: #a6a8ad;--primary-btn: #03f;--primary-hover: #0029cc;--primary-selected: #001f99;--primary-disabled: #e5e5e8;--destructive-default: #e81d01;--destructive-hover: #e81d01;--destructive-selected: #b61701;--link-primary: #03f;--over-color-default: #fff}button[data-theme=dark],[data-theme=light] button[data-theme=inverse],[data-theme=dark] [data-theme=inverse] button[data-theme=inverse],.button[data-theme=dark],[data-theme=light] .button[data-theme=inverse],[data-theme=dark] [data-theme=inverse] .button[data-theme=inverse]{--default-hover: #63656d;--default-selected: #45464d;--default-border: #45464d;--text-disabled: #81838a;--primary-btn: #1253ff;--primary-hover: #03f;--primary-selected: #0029cc;--primary-disabled: #45464d;--destructive-default: #e81d01;--destructive-hover: #e81d01;--destructive-selected: #b61701;--link-primary: #528fff;--over-color-default: #fff}button:not(.invisible),.button{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;position:relative;font-size:1rem;font-family:InterVariable,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;font-weight:500;line-height:1.2;margin:0;padding:.469rem 1.25rem;cursor:pointer;color:#121214;background-color:#fff;border:1px transparent solid;border-radius:.5rem;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background-color .1s ease-out,border-color .1s ease-out,color .1s ease-out,box-shadow .1s ease-out,fill .1s ease-out}button:not(.invisible):hover,button:not(.invisible):focus,.button:hover,.button:focus{color:#121214;text-decoration:none;background:#fff}button:not(.invisible) .text,.button .text{display:flex;align-items:center}button:not(.invisible) .icon,.button .icon{--icon-size: 1.5rem;color:var(--button-icon-color)}button:not(.invisible) .icon:hover,button:not(.invisible) .icon:active,.button .icon:hover,.button .icon:active{color:var(--button-icon-color-hover)}button:not(.invisible).icon-small .icon,.button.icon-small .icon{--icon-size: 1.25rem;--icon-padding: .125rem}button:not(.invisible)[disabled] .icon,.button[disabled] .icon{color:var(--button-icon-color-disabled)}button:not(.invisible).icon-left,.button.icon-left{padding:.313rem 1.25rem}button:not(.invisible).icon-left .icon,.button.icon-left .icon{margin-right:.25rem}button:not(.invisible).icon-left .icon svg,.button.icon-left .icon svg{margin:0}button:not(.invisible).icon-right,.button.icon-right{padding:.313rem 1.25rem}button:not(.invisible).icon-right .icon,.button.icon-right .icon{margin-left:.25rem}button:not(.invisible).icon-right .icon svg,.button.icon-right .icon svg{margin:0}button:not(.invisible).icon-only,.button.icon-only{padding:var(--button-padding, .313rem);border-radius:var(--button-border-radius, .5rem)}button:not(.invisible).icon-stacked,.button.icon-stacked{padding:.313rem .5rem}button:not(.invisible).icon-stacked .text,.button.icon-stacked .text{flex-direction:column;align-items:center}button:not(.invisible).icon-stacked .icon svg,.button.icon-stacked .icon svg{margin:0}button:not(.invisible).loading .spinner,.button.loading .spinner{display:flex;position:absolute}button:not(.invisible).loading .text,.button.loading .text{visibility:hidden}button:not(.invisible) .text .spinner,.button .text .spinner{margin-right:.45rem}button:not(.invisible) .spinner svg circle,.button .spinner svg circle{stroke:currentcolor}button:not(.invisible).full-width,.button.full-width{width:100%}button:not(.invisible).size-small,.button.size-small{padding:.375rem 1rem;font-size:.875rem}button:not(.invisible).size-small.icon,.button.size-small.icon{padding:.25rem 1rem}button:not(.invisible).size-small.icon-only,.button.size-small.icon-only{padding:var(--button-padding, .25rem)}button:not(.invisible).size-small.icon .icon,.button.size-small.icon .icon{--icon-size: 1.25rem}button:not(.invisible).size-large,.button.size-large{padding:.844rem 2rem}button:not(.invisible).size-large.icon,.button.size-large.icon{padding:.688rem 2rem}button:not(.invisible).size-large.icon-only,.button.size-large.icon-only{padding:.688rem}button:not(.invisible).variant-default,.button.variant-default{background:var(--button-background, transparent);color:var(--text-01);border-color:var(--button-border, var(--default-border))}button:not(.invisible).variant-default:hover,.button.variant-default:hover{background:var(--button-background, var(--default-hover));border-color:var(--button-border, var(--default-hover));color:var(--text-01)}button:not(.invisible).variant-default:focus,.button.variant-default:focus{background:var(--button-background, transparent);color:var(--text-01);border-color:var(--button-border, var(--default-border));outline:none;box-shadow:0 0 0 3px var(--focus)}button:not(.invisible).variant-default:active,button:not(.invisible).variant-default .selected,.button.variant-default:active,.button.variant-default .selected{background:var(--button-background, var(--default-selected));border-color:var(--button-border, var(--default-selected));color:var(--text-01)}button:not(.invisible).variant-default[disabled],button:not(.invisible).variant-default.loading,button:not(.invisible).variant-default.disabled,.button.variant-default[disabled],.button.variant-default.loading,.button.variant-default.disabled{color:var(--text-disabled);background-color:var(--button-background, transparent);cursor:default}button:not(.invisible).variant-default[disabled]:hover,button:not(.invisible).variant-default.loading:hover,button:not(.invisible).variant-default.disabled:hover,.button.variant-default[disabled]:hover,.button.variant-default.loading:hover,.button.variant-default.disabled:hover{cursor:default}button:not(.invisible).variant-default[disabled]:hover,button:not(.invisible).variant-default.loading:hover,button:not(.invisible).variant-default.disabled:hover,.button.variant-default[disabled]:hover,.button.variant-default.loading:hover,.button.variant-default.disabled:hover{border-color:var(--button-border, var(--default-border))}button:not(.invisible).variant-default[disabled]:focus,button:not(.invisible).variant-default.loading:focus,button:not(.invisible).variant-default.disabled:focus,.button.variant-default[disabled]:focus,.button.variant-default.loading:focus,.button.variant-default.disabled:focus{box-shadow:none}button:not(.invisible).variant-primary,.button.variant-primary{background:var(--button-background, var(--primary-btn));color:#fff;border-color:var(--button-border, transparent)}button:not(.invisible).variant-primary:hover,.button.variant-primary:hover{background:var(--button-background, var(--primary-hover));border-color:var(--button-border, var(--primary-hover));color:#fff}button:not(.invisible).variant-primary:focus,.button.variant-primary:focus{background:var(--button-background, var(--primary-btn));color:#fff;border-color:var(--button-border, transparent);outline:none;box-shadow:0 0 0 3px var(--focus)}button:not(.invisible).variant-primary:active,button:not(.invisible).variant-primary .selected,.button.variant-primary:active,.button.variant-primary .selected{background:var(--button-background, var(--primary-selected));border-color:var(--button-border, var(--primary-selected));color:#fff}button:not(.invisible).variant-primary[disabled],button:not(.invisible).variant-primary.loading,button:not(.invisible).variant-primary.disabled,.button.variant-primary[disabled],.button.variant-primary.loading,.button.variant-primary.disabled{color:var(--text-disabled);background-color:var(--button-background, var(--primary-disabled));cursor:default}button:not(.invisible).variant-primary[disabled]:hover,button:not(.invisible).variant-primary.loading:hover,button:not(.invisible).variant-primary.disabled:hover,.button.variant-primary[disabled]:hover,.button.variant-primary.loading:hover,.button.variant-primary.disabled:hover{cursor:default}button:not(.invisible).variant-primary[disabled]:hover,button:not(.invisible).variant-primary.loading:hover,button:not(.invisible).variant-primary.disabled:hover,.button.variant-primary[disabled]:hover,.button.variant-primary.loading:hover,.button.variant-primary.disabled:hover{border-color:var(--button-border, transparent)}button:not(.invisible).variant-primary[disabled]:focus,button:not(.invisible).variant-primary.loading:focus,button:not(.invisible).variant-primary.disabled:focus,.button.variant-primary[disabled]:focus,.button.variant-primary.loading:focus,.button.variant-primary.disabled:focus{box-shadow:none}button:not(.invisible).variant-transparent,.button.variant-transparent{background:var(--button-background, transparent);color:var(--text-01);border-color:var(--button-border, transparent)}button:not(.invisible).variant-transparent:hover,.button.variant-transparent:hover{background:var(--button-background, var(--default-hover));border-color:var(--button-border, var(--default-hover));color:var(--text-01)}button:not(.invisible).variant-transparent:focus,.button.variant-transparent:focus{background:var(--button-background, transparent);color:var(--text-01);border-color:var(--button-border, transparent);outline:none;box-shadow:0 0 0 3px var(--focus)}button:not(.invisible).variant-transparent:active,button:not(.invisible).variant-transparent .selected,.button.variant-transparent:active,.button.variant-transparent .selected{background:var(--button-background, var(--default-selected));border-color:var(--button-border, var(--default-selected));color:var(--text-01)}button:not(.invisible).variant-transparent[disabled],button:not(.invisible).variant-transparent.loading,button:not(.invisible).variant-transparent.disabled,.button.variant-transparent[disabled],.button.variant-transparent.loading,.button.variant-transparent.disabled{color:var(--text-disabled);background-color:var(--button-background, transparent);cursor:default}button:not(.invisible).variant-transparent[disabled]:hover,button:not(.invisible).variant-transparent.loading:hover,button:not(.invisible).variant-transparent.disabled:hover,.button.variant-transparent[disabled]:hover,.button.variant-transparent.loading:hover,.button.variant-transparent.disabled:hover{cursor:default}button:not(.invisible).variant-transparent[disabled]:hover,button:not(.invisible).variant-transparent.loading:hover,button:not(.invisible).variant-transparent.disabled:hover,.button.variant-transparent[disabled]:hover,.button.variant-transparent.loading:hover,.button.variant-transparent.disabled:hover{border-color:var(--button-border, transparent)}button:not(.invisible).variant-transparent[disabled]:focus,button:not(.invisible).variant-transparent.loading:focus,button:not(.invisible).variant-transparent.disabled:focus,.button.variant-transparent[disabled]:focus,.button.variant-transparent.loading:focus,.button.variant-transparent.disabled:focus{box-shadow:none}button:not(.invisible).variant-destructive,.button.variant-destructive{background:var(--button-background, transparent);color:#fff;border-color:var(--button-border, var(--default-border));color:var(--destructive-default)}button:not(.invisible).variant-destructive:hover,.button.variant-destructive:hover{background:var(--button-background, var(--destructive-hover));border-color:var(--button-border, var(--destructive-hover));color:#fff}button:not(.invisible).variant-destructive:focus,.button.variant-destructive:focus{background:var(--button-background, transparent);color:#fff;border-color:var(--button-border, var(--default-border));outline:none;box-shadow:0 0 0 3px var(--focus)}button:not(.invisible).variant-destructive:active,button:not(.invisible).variant-destructive .selected,.button.variant-destructive:active,.button.variant-destructive .selected{background:var(--button-background, var(--destructive-selected));border-color:var(--button-border, var(--destructive-selected));color:#fff}button:not(.invisible).variant-destructive[disabled],button:not(.invisible).variant-destructive.loading,button:not(.invisible).variant-destructive.disabled,.button.variant-destructive[disabled],.button.variant-destructive.loading,.button.variant-destructive.disabled{color:var(--text-disabled);background-color:var(--button-background, transparent);cursor:default}button:not(.invisible).variant-destructive[disabled]:hover,button:not(.invisible).variant-destructive.loading:hover,button:not(.invisible).variant-destructive.disabled:hover,.button.variant-destructive[disabled]:hover,.button.variant-destructive.loading:hover,.button.variant-destructive.disabled:hover{cursor:default}button:not(.invisible).variant-destructive[disabled]:hover,button:not(.invisible).variant-destructive.loading:hover,button:not(.invisible).variant-destructive.disabled:hover,.button.variant-destructive[disabled]:hover,.button.variant-destructive.loading:hover,.button.variant-destructive.disabled:hover{border-color:var(--button-border, var(--default-border))}button:not(.invisible).variant-destructive[disabled]:focus,button:not(.invisible).variant-destructive.loading:focus,button:not(.invisible).variant-destructive.disabled:focus,.button.variant-destructive[disabled]:focus,.button.variant-destructive.loading:focus,.button.variant-destructive.disabled:focus{box-shadow:none}button:not(.invisible).variant-destructive:focus,.button.variant-destructive:focus{color:var(--destructive-default)}button:not(.invisible).variant-destructive:active,.button.variant-destructive:active{color:#fff}button:not(.invisible).variant-link-primary,.button.variant-link-primary{background:transparent;color:var(--link-primary);border-color:transparent;font-weight:400;padding:0;border-radius:0;vertical-align:baseline;text-decoration:underline}button:not(.invisible).variant-link-primary:hover,button:not(.invisible).variant-link-primary:focus,.button.variant-link-primary:hover,.button.variant-link-primary:focus{background:transparent;color:var(--link-primary)}button:not(.invisible).variant-link-primary:focus,.button.variant-link-primary:focus{outline:none;box-shadow:0 0 0 3px var(--focus)}button:not(.invisible).variant-link-primary.bordered,.button.variant-link-primary.bordered{background:transparent;color:var(--link-primary);border:1px solid transparent}button:not(.invisible).variant-link-primary.bordered:hover,button:not(.invisible).variant-link-primary.bordered:focus,.button.variant-link-primary.bordered:hover,.button.variant-link-primary.bordered:focus{background:transparent;color:var(--link-primary);border:1px solid transparent}button:not(.invisible).variant-link-primary[disabled],button:not(.invisible).variant-link-primary.disabled,.button.variant-link-primary[disabled],.button.variant-link-primary.disabled{color:var(--text-disabled)}button:not(.invisible).variant-link-inline,.button.variant-link-inline{background:transparent;color:inherit;border-color:transparent;font-weight:400;padding:0;border-radius:0;vertical-align:baseline;text-decoration:underline}button:not(.invisible).variant-link-inline:hover,button:not(.invisible).variant-link-inline:focus,.button.variant-link-inline:hover,.button.variant-link-inline:focus{background:transparent;color:inherit}button:not(.invisible).variant-link-inline:focus,.button.variant-link-inline:focus{outline:none;box-shadow:0 0 0 3px var(--focus)}button:not(.invisible).variant-link-inline.bordered,.button.variant-link-inline.bordered{background:transparent;color:inherit;border:1px solid transparent}button:not(.invisible).variant-link-inline.bordered:hover,button:not(.invisible).variant-link-inline.bordered:focus,.button.variant-link-inline.bordered:hover,.button.variant-link-inline.bordered:focus{background:transparent;color:inherit;border:1px solid transparent}button:not(.invisible).variant-link-inline[disabled],button:not(.invisible).variant-link-inline.disabled,.button.variant-link-inline[disabled],.button.variant-link-inline.disabled{color:var(--text-disabled)}button:not(.invisible).variant-over-color,.button.variant-over-color{background:var(--button-background, var(--over-color-default));color:#121214;border-color:var(--button-border, transparent)}button:not(.invisible).variant-over-color:hover,.button.variant-over-color:hover{background:var(--button-background, #e5e5e8);border-color:var(--button-border, #e5e5e8);color:#121214}button:not(.invisible).variant-over-color:focus,.button.variant-over-color:focus{background:var(--button-background, var(--over-color-default));color:#121214;border-color:var(--button-border, transparent);outline:none;box-shadow:0 0 0 3px var(--focus)}button:not(.invisible).variant-over-color:active,button:not(.invisible).variant-over-color .selected,.button.variant-over-color:active,.button.variant-over-color .selected{background:var(--button-background, #c8c9cc);border-color:var(--button-border, #c8c9cc);color:#121214}button:not(.invisible).variant-over-color[disabled],button:not(.invisible).variant-over-color.loading,button:not(.invisible).variant-over-color.disabled,.button.variant-over-color[disabled],.button.variant-over-color.loading,.button.variant-over-color.disabled{color:var(--text-disabled);background-color:var(--button-background, #e5e5e8);cursor:default}button:not(.invisible).variant-over-color[disabled]:hover,button:not(.invisible).variant-over-color.loading:hover,button:not(.invisible).variant-over-color.disabled:hover,.button.variant-over-color[disabled]:hover,.button.variant-over-color.loading:hover,.button.variant-over-color.disabled:hover{cursor:default}button:not(.invisible).variant-over-color[disabled]:hover,button:not(.invisible).variant-over-color.loading:hover,button:not(.invisible).variant-over-color.disabled:hover,.button.variant-over-color[disabled]:hover,.button.variant-over-color.loading:hover,.button.variant-over-color.disabled:hover{border-color:var(--button-border, transparent)}button:not(.invisible).variant-over-color[disabled]:focus,button:not(.invisible).variant-over-color.loading:focus,button:not(.invisible).variant-over-color.disabled:focus,.button.variant-over-color[disabled]:focus,.button.variant-over-color.loading:focus,.button.variant-over-color.disabled:focus{box-shadow:none}[sp-text-input]+button:not(.invisible),[sp-text-input]+.button{margin-left:.5rem}button.invisible{background:transparent;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0}button.invisible:focus{outline:none}button.invisible.focus-outline:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus);border-radius:3px}