.io-spinner{--spinner-size:20px;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--spinner-size);block-size:var(--spinner-size);color:var(--io-text-secondary)}.io-spinner__arc{inline-size:100%;block-size:100%;animation:io-spinner-rotate calc(var(--io-motion-duration-slow) * 2) linear infinite;transform-origin:center}@keyframes io-spinner-rotate{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.io-spinner__arc{animation:none}}.io-button{position:relative;gap:var(--io-spacing-8);box-sizing:border-box;min-block-size:36px;min-inline-size:36px;padding-block:var(--io-spacing-8);padding-inline:var(--io-spacing-16);border:var(--io-border-width-thin) solid transparent;border-radius:var(--io-border-radius-base);font-family:var(--io-font-primary);font-size:var(--io-type-size-body);line-height:var(--io-type-line-body);font-weight:var(--io-type-weight-body);text-align:center;white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;isolation:isolate;transition:background-color .12s ease,color .12s ease}.io-button,.io-button__icon{display:inline-flex;align-items:center;justify-content:center}.io-button__icon{flex:0 0 auto;inline-size:1em;block-size:1em;line-height:0}.io-button__icon>svg{inline-size:100%;block-size:100%;display:block}:where(:root:not([data-brand])) .io-button__icon>svg,[data-brand=legacy] .io-button__icon>svg{color:inherit!important}.io-button__icon--spinner .io-spinner{color:inherit}.io-button__label{display:inline-block}.io-button:after{content:"";position:absolute;inset:0;border-radius:inherit;background-color:var(--io-text-primary);opacity:0;pointer-events:none;z-index:0;transition:opacity .12s ease}.io-button[data-variant=secondary]:after{background-color:var(--io-action-secondary-text)}.io-button>:not(.io-button__icon):not(.io-button__label):not(.io-button__sizer):not(.io-button__loading),.io-button__icon,.io-button__label{position:relative;z-index:1}.io-button[data-variant=primary]{background-color:var(--io-surface-primary);color:var(--io-text-primary);border-color:var(--io-border-default)}.io-button[data-variant=primary]:hover:not([disabled]):not([data-disabled]):not([data-loading]){border-color:var(--io-border-strong)}.io-button[data-variant=secondary]{background-color:var(--io-action-secondary);color:var(--io-action-secondary-text)}[data-brand=legacy][data-theme=dark] .io-button[data-variant=secondary]:not([disabled]):not([data-disabled]){border-color:var(--io-action-secondary-text)}.io-button[data-variant=quiet]{background-color:transparent;color:var(--io-text-secondary)}.io-button:hover:not([disabled]):not([data-disabled]):not([data-loading]):after{opacity:var(--io-state-layer-standard-alpha)}.io-button:active:not([disabled]):not([data-disabled]):not([data-loading]):after{opacity:var(--io-state-layer-strong-alpha)}.io-button:focus-visible{outline:var(--io-border-width-thin) solid transparent;outline-offset:var(--io-border-width-thin);box-shadow:0 0 0 var(--io-border-width-thin) var(--io-text-on-accent),0 0 0 calc(var(--io-border-width-thin) * 2) var(--io-border-focus)}.io-button[data-size=sm]{min-block-size:32px;min-inline-size:32px;padding-block:var(--io-spacing-4);padding-inline:var(--io-spacing-12);font-size:var(--io-type-size-small);line-height:var(--io-type-line-small)}.io-button[data-size=md]{min-block-size:36px;min-inline-size:36px;padding-block:var(--io-spacing-8);padding-inline:var(--io-spacing-16)}.io-button[data-size=lg]{min-block-size:40px;min-inline-size:40px;padding-block:var(--io-spacing-12);padding-inline:var(--io-spacing-24)}@media (pointer:coarse){.io-button{min-block-size:44px;min-inline-size:44px}}.io-button[data-disabled],.io-button[disabled]{opacity:var(--io-alpha-disabled);cursor:not-allowed;pointer-events:none;border-style:dashed;border-color:var(--io-border-strong)}.io-button[data-loading]{cursor:default}.io-button__sizer{display:inline-flex;align-items:center;gap:var(--io-spacing-8);visibility:hidden}.io-button[data-loading]>.io-button__loading{position:absolute;inset:0;display:inline-flex;align-items:center;justify-content:center;gap:var(--io-spacing-8);overflow:hidden}@media (prefers-reduced-motion:reduce){.io-button,.io-button:after{transition:none}}