.icon{vertical-align:middle;flex-shrink:0;display:inline-block}
.spinner{justify-content:center;align-items:center;display:inline-flex}.spinner-circle{border-radius:var(--ds-border-radius-circle);border:2px solid var(--ds-border);border-top-color:var(--ds-icon-subtle);width:100%;height:100%;animation:.8s linear infinite spinner-rotate;display:block}.spinner.small{width:16px;height:16px}.spinner.medium{width:24px;height:24px}.spinner.large{width:48px;height:48px}.spinner.large .spinner-circle{border-width:4px}.spinner.inverted .spinner-circle{border-color:#ffffff59;border-top-color:var(--ds-text-inverse)}@keyframes spinner-rotate{to{transform:rotate(360deg)}}
.button{justify-content:center;align-items:center;gap:var(--ds-space-050);height:var(--ds-control-height);padding:0 var(--ds-space-150);border-radius:var(--ds-border-radius);font-weight:var(--ds-font-weight-medium);font-size:var(--ds-font-size-body);line-height:var(--ds-line-height-body);white-space:nowrap;cursor:pointer;transition:background-color var(--ds-transition-fast), box-shadow var(--ds-transition-fast);border:none;text-decoration:none;display:inline-flex;position:relative}.button:hover{text-decoration:none}.button.spacing-compact{height:var(--ds-control-height-compact);padding:0 var(--ds-space-100)}.button.icon-only{width:var(--ds-control-height);padding:0}.button.icon-only.spacing-compact{width:var(--ds-control-height-compact)}.button.fit-container{width:100%}.button.default{background-color:var(--ds-background-neutral);color:var(--ds-text-subtle)}.button.default:hover{background-color:var(--ds-background-neutral-hovered)}.button.default:active{background-color:var(--ds-background-neutral-pressed)}.button.primary{background-color:var(--ds-background-brand-bold);color:var(--ds-text-inverse)}.button.primary:hover{background-color:var(--ds-background-brand-bold-hovered)}.button.primary:active{background-color:var(--ds-background-brand-bold-pressed)}.button.subtle{color:var(--ds-text-subtle);background-color:#0000}.button.subtle:hover{background-color:var(--ds-background-neutral-subtle-hovered)}.button.subtle:active{background-color:var(--ds-background-neutral-subtle-pressed)}.button.warning{background-color:var(--ds-background-warning-bold);color:var(--ds-text-warning-inverse)}.button.warning:hover{background-color:var(--ds-background-warning-bold-hovered)}.button.warning:active{background-color:var(--ds-background-warning-bold-pressed)}.button.danger{background-color:var(--ds-background-danger-bold);color:var(--ds-text-inverse)}.button.danger:hover{background-color:var(--ds-background-danger-bold-hovered)}.button.danger:active{background-color:var(--ds-background-danger-bold-pressed)}.button.link{color:var(--ds-link);padding:0 var(--ds-space-050);background-color:#0000}.button.link:hover{text-decoration:underline}.button.selected{background-color:var(--ds-background-selected);color:var(--ds-text-selected)}.button.selected:hover{background-color:var(--ds-background-selected-hovered)}.button:disabled{background-color:var(--ds-background-disabled);color:var(--ds-text-disabled);cursor:not-allowed}.button.link:disabled,.button.subtle:disabled{background-color:#0000}.button.loading .button-label,.button.loading .icon{visibility:hidden}.button-spinner{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}
