@import '../../variables.less';

.@{prefix-cls}-designer-tools {
  display: flex;
  align-items: center;

  .ant-input-number {
    font-size: 12px !important;
    background: var(--dn-toolbar-input-bg-color) !important;
    border-color: var(--dn-toolbar-input-border-color) !important;
    color: var(--dn-toolbar-input-color) !important;

    .ant-input-number-handler-wrap,
    .ant-input-number-handler {
      background: var(--dn-toolbar-input-handler-bg-color) !important;
      border-color: var(--dn-toolbar-input-border-color) !important;
      color: var(--dn-toolbar-input-color) !important;
    }

    .ant-input-number-handler-down-inner,
    .ant-input-number-handler-up-inner {
      color: var(--dn-toolbar-input-color) !important;
    }

    &:hover {
      border-color: var(--dn-toolbar-input-hover-border-color) !important;
    }
  }
}