.icon-button{cursor:pointer;-webkit-user-select:none;user-select:none;border-style:solid;border-width:1px;border-radius:8px;justify-content:center;align-items:center;transition:background-color .2s;display:inline-flex}.icon-button.large{width:40px;height:40px;padding:10px}.icon-button.small{width:32px;height:32px;padding:6px}.icon-button.solid{background-color:var(--surface-base-subtle);border-color:var(--border-base-dark)}.icon-button.solid.base{color:var(--icon-base-primary)}.icon-button.solid.brand{color:var(--icon-brand-primary)}.icon-button.solid.danger{color:var(--icon-danger-primary)}.icon-button.solid.warning{color:var(--icon-warning-primary)}.icon-button.solid.success{color:var(--icon-success-primary)}.icon-button.solid.disabled{background-color:var(--surface-base-light);border-color:var(--border-base-dark);color:var(--icon-base-tertiary);cursor:not-allowed;pointer-events:none}.icon-button.primary{color:var(--icon-base-negative);border-width:0}.icon-button.primary.base{background-color:var(--surface-base-dark)}.icon-button.primary.brand{background-color:var(--surface-brand-default)}.icon-button.primary.danger{background-color:var(--surface-danger-default)}.icon-button.primary.warning{background-color:var(--surface-warning-default)}.icon-button.primary.success{background-color:var(--surface-success-default)}.icon-button.primary.brand:hover{background-color:var(--surface-brand-dark)}.icon-button.primary.danger:hover{background-color:var(--surface-danger-dark)}.icon-button.primary.warning:hover{background-color:var(--surface-warning-dark)}.icon-button.primary.success:hover{background-color:var(--surface-success-dark)}.icon-button.primary.base:hover{background-color:var(--surface-base-dark)}.icon-button.primary.disabled{cursor:not-allowed;pointer-events:none;color:var(--icon-base-tertiary)}.icon-button.primary.base.disabled{background-color:var(--surface-base-subtle)}.icon-button.primary.brand.disabled{background-color:var(--surface-brand-light)}.icon-button.primary.danger.disabled{background-color:var(--surface-danger-light)}.icon-button.primary.warning.disabled{background-color:var(--surface-warning-light)}.icon-button.primary.success.disabled{background-color:var(--surface-success-light)}.icon-button.subtle{background-color:#0000;border-width:0}.icon-button.subtle.base{color:var(--icon-base-primary)}.icon-button.subtle.brand{color:var(--icon-brand-primary)}.icon-button.subtle.danger{color:var(--icon-danger-primary)}.icon-button.subtle.warning{color:var(--icon-warning-primary)}.icon-button.subtle.success{color:var(--icon-success-primary)}.icon-button.subtle.base:hover{background-color:var(--surface-base-light)}.icon-button.subtle.brand:hover{background-color:var(--surface-brand-light)}.icon-button.subtle.danger:hover{background-color:var(--surface-danger-light)}.icon-button.subtle.warning:hover{background-color:var(--surface-warning-light)}.icon-button.subtle.success:hover{background-color:var(--surface-success-light)}.icon-button.subtle.disabled{cursor:not-allowed;pointer-events:none;color:var(--icon-base-tertiary);background-color:#0000}