.mi-drawer .ant-drawer-content {
  background: transparent;
}
.mi-drawer .ant-drawer-content-wrapper {
  max-width: 100%;
  color: var(--mi-font, #fff);
  border-left: 1px solid var(--mi-theme, #f0c26f);
  box-shadow: 0 0 10px rgba(240, 194, 111, 0.2);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
}
.mi-drawer .ant-drawer-content-wrapper .ant-tree-select .ant-select-selector {
  border-radius: 0.125rem;
}
.mi-drawer .ant-drawer-mask {
  background: rgba(0, 0, 0, 0.6);
}
.mi-drawer .ant-drawer-header {
  background: transparent;
  border-bottom-color: var(--mi-border, #505050);
}
.mi-drawer .ant-drawer-close,
.mi-drawer .ant-drawer-title {
  color: var(--mi-font, #fff);
}
.mi-drawer .ant-input-affix-wrapper {
  background-color: var(--mi-gradient-bg, #1d1e23);
  background-image: linear-gradient(315deg, var(--mi-gradient-s, #000) 0%, var(--mi-gradient-e, #434343) 74%);
  border-color: var(--mi-border, #505050);
  box-shadow: none;
}
.mi-drawer .ant-input-affix-wrapper:hover,
.mi-drawer .ant-input-affix-wrapper:focus {
  border-color: var(--mi-theme, #f0c26f);
  box-shadow: 0 0 0 2px rgba(240, 194, 111, 0.2);
}
.mi-drawer .ant-input-affix-wrapper > input {
  background: transparent;
}
.mi-drawer .ant-input-affix-wrapper > input:hover,
.mi-drawer .ant-input-affix-wrapper > input:focus {
  border-color: transparent;
  box-shadow: none;
}
.mi-drawer .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover,
.mi-drawer .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):focus {
  border-color: var(--mi-border, #505050);
  box-shadow: 0 0 0 2px rgba(240, 194, 111, 0.2);
}
.mi-drawer .ant-input-affix-wrapper .anticon {
  color: var(--mi-font, #fff);
  cursor: pointer;
}