.openui-icon-button{box-sizing:border-box;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,0);cursor:pointer;transition:all .12s ease;padding:0;flex-shrink:0}.openui-icon-button-icon{display:flex;align-items:center;justify-content:center}.openui-icon-button-primary{background-color:var(--openui-interactive-accent-default);color:var(--openui-text-accent-primary);border-color:var(--openui-border-accent);box-shadow:var(--openui-shadow-m)}.openui-icon-button-primary:not(:disabled):hover{background-color:var(--openui-interactive-accent-hover);box-shadow:none}.openui-icon-button-primary:disabled{background-color:var(--openui-interactive-accent-disabled);cursor:not-allowed;box-shadow:none}.openui-icon-button-primary:not(:disabled):active{background-color:var(--openui-interactive-accent-pressed)}.openui-icon-button-secondary{background-color:rgba(0,0,0,0);color:var(--openui-text-neutral-primary);border-color:var(--openui-border-interactive);box-shadow:var(--openui-shadow-m)}.openui-icon-button-secondary:not(:disabled):hover{background-color:var(--openui-highlight);box-shadow:none}.openui-icon-button-secondary:disabled{background-color:rgba(0,0,0,0);color:var(--openui-text-neutral-tertiary);cursor:not-allowed;box-shadow:none}.openui-icon-button-secondary:not(:disabled):active{background-color:var(--openui-highlight)}.openui-icon-button-tertiary{background-color:rgba(0,0,0,0);color:var(--openui-text-neutral-primary)}.openui-icon-button-tertiary:not(:disabled):hover{background-color:var(--openui-highlight)}.openui-icon-button-tertiary:disabled{background-color:rgba(0,0,0,0);border-color:var(--openui-border-default);color:var(--openui-text-neutral-tertiary);cursor:not-allowed}.openui-icon-button-tertiary:not(:disabled):active{background-color:var(--openui-highlight);border-color:var(--openui-border-interactive)}.openui-icon-button-destructive-primary{background-color:var(--openui-interactive-destructive-accent-default);color:var(--openui-text-danger-inverted-primary);border-color:var(--openui-border-accent)}.openui-icon-button-destructive-primary:not(:disabled):hover{background-color:var(--openui-interactive-destructive-accent-hover)}.openui-icon-button-destructive-primary:disabled{background-color:var(--openui-interactive-destructive-accent-disabled);cursor:not-allowed}.openui-icon-button-destructive-primary:not(:disabled):active{background-color:var(--openui-interactive-destructive-accent-pressed)}.openui-icon-button-destructive-secondary{background-color:var(--openui-interactive-destructive-default);color:var(--openui-text-danger-primary);border-color:var(--openui-border-danger)}.openui-icon-button-destructive-secondary:not(:disabled):hover{background-color:var(--openui-interactive-destructive-hover)}.openui-icon-button-destructive-secondary:disabled{background-color:var(--openui-interactive-destructive-disabled);color:var(--openui-text-danger-tertiary);cursor:not-allowed}.openui-icon-button-destructive-secondary:not(:disabled):active{background-color:var(--openui-interactive-destructive-hover)}.openui-icon-button-destructive-tertiary{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0);color:var(--openui-text-danger-primary)}.openui-icon-button-destructive-tertiary:not(:disabled):hover{background-color:var(--openui-interactive-destructive-hover)}.openui-icon-button-destructive-tertiary:disabled{color:var(--openui-text-danger-tertiary);cursor:not-allowed}.openui-icon-button-destructive-tertiary:not(:disabled):active{background-color:var(--openui-interactive-destructive-hover);border-color:var(--openui-border-danger)}.openui-icon-button-3-extra-small{width:20px;height:20px}.openui-icon-button-3-extra-small .openui-icon-button-icon{height:10px;width:10px}.openui-icon-button-2-extra-small{width:24px;height:24px}.openui-icon-button-2-extra-small .openui-icon-button-icon{height:12px;width:12px}.openui-icon-button-extra-small{width:28px;height:28px}.openui-icon-button-extra-small .openui-icon-button-icon{height:14px;width:14px}.openui-icon-button-small{width:32px;height:32px}.openui-icon-button-small .openui-icon-button-icon{height:16px;width:16px}.openui-icon-button-medium{width:36px;height:36px}.openui-icon-button-medium .openui-icon-button-icon{height:16px;width:16px}.openui-icon-button-large{width:40px;height:40px;min-width:40px;min-height:40px;font-size:16px}.openui-icon-button-large .openui-icon-button-icon{height:16px;width:16px}.openui-icon-button-square{border-radius:var(--openui-radius-s)}.openui-icon-button-square.openui-icon-button-2-extra-small{border-radius:calc(var(--openui-radius-s) - 1px)}.openui-icon-button-square.openui-icon-button-extra-small{border-radius:var(--openui-radius-s)}.openui-icon-button-square.openui-icon-button-small{border-radius:calc(var(--openui-radius-s) + 1px)}.openui-icon-button-square.openui-icon-button-medium{border-radius:var(--openui-radius-m)}.openui-icon-button-square.openui-icon-button-large{border-radius:var(--openui-radius-l)}.openui-icon-button-circle{border-radius:var(--openui-radius-full)}