one-design-next 0.0.4-alpha.57

package/dist/select/style/index.css

@@ -0,0 +1,1736 @@
+@charset "UTF-8";
+html {
+  --odn-select-selector-padding-inline: 12px;
+  --odn-select-border-radius: 6px;
+  --odn-select-border-radius-sm: 4px;
+  --odn-select-internal_fixed_item_margin: 2px;
+  --odn-select-multiple-item-height: 22px;
+  --odn-select-multiple-item-bg: var(--odn-color-black-1);
+  --odn-select-multiple-item-border-color: var(--odn-color-border);
+  --odn-select-popup-padding-block: 8px;
+  --odn-select-popup-padding-inline: 0;
+  --odn-select-selector-bg: var(--odn-color-white);
+  --odn-select-border-color: var(--odn-color-border);
+  --odn-select-border-color-hover: var(--odn-color-border-hover);
+  --odn-select-border-color-active: var(--odn-color-border-active);
+  --odn-select-arrow-color: var(--odn-color-black-9);
+  --odn-select-clear-color: var(--odn-color-black-7);
+  --odn-select-clear-color-hover: var(--odn-color-black-9);
+  --odn-select-show-arrow-padding-inline-end: 18px;
+  --odn-select-option-padding-block: 7px;
+  --odn-select-option-padding-inline: 12px;
+  --odn-select-option-height: var(--odn-popup-control-height);
+  --odn-select-option-font-size: 14px;
+  --odn-select-option-line-height: 1.57142857;
+  --odn-select-option-border-radius: 0;
+  --odn-select-option-active-bg: var(--odn-color-black-1);
+  --odn-select-option-selected-font-weight: 400;
+  --odn-select-option-selected-color: var(--odn-color-black-12);
+  --odn-select-option-selected-bg: var(--odn-color-blue-1);
+}
+
+.odn-select.odn-select-in-form-item {
+  width: 100%;
+}
+
+.odn-select {
+  margin: 0;
+  padding: 0;
+  color: var(--odn-color-text);
+  font-size: var(--odn-font-size);
+  line-height: var(--odn-line-height);
+  list-style: none;
+  font-family: var(--odn-font-family);
+  position: relative;
+  display: inline-flex;
+  cursor: pointer;
+}
+
+.odn-select:not(.odn-cascader) .odn-select-selection-placeholder {
+  visibility: visible !important;
+}
+
+.odn-select-focused {
+  z-index: 2;
+}
+
+.odn-select:not(.odn-select-customize-input) .odn-select-selector {
+  position: relative;
+  transition: all 0.12s cubic-bezier(0, 0, 0.2, 1);
+}
+
+.odn-select:not(.odn-select-customize-input) .odn-select-selector input {
+  cursor: pointer;
+}
+
+.odn-select-show-search.odn-select:not(.odn-select-customize-input) .odn-select-selector input {
+  cursor: auto;
+  color: inherit;
+  height: 100%;
+}
+
+.odn-select-disabled.odn-select:not(.odn-select-customize-input) .odn-select-selector {
+  cursor: not-allowed;
+}
+
+.odn-select-disabled.odn-select:not(.odn-select-customize-input) .odn-select-selector input {
+  cursor: not-allowed;
+}
+
+.odn-select:not(.odn-select-customize-input) .odn-select-selector .odn-select-selection-search-input {
+  margin: 0;
+  padding: 0;
+  background: transparent;
+  border: none;
+  outline: none;
+  appearance: none;
+  font-family: inherit;
+}
+
+.odn-select:not(.odn-select-customize-input) .odn-select-selector .odn-select-selection-search-input::-webkit-search-cancel-button {
+  display: none;
+  appearance: none;
+}
+
+.odn-select .odn-select-selection-item {
+  flex: 1;
+  font-weight: normal;
+  position: relative;
+  user-select: none;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.odn-select .odn-select-selection-item > .ant-typography {
+  display: inline;
+}
+
+.odn-select .odn-select-selection-placeholder {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  flex: 1;
+  color: var(--odn-color-text-placeholder);
+  pointer-events: none;
+}
+
+.odn-select .odn-select-arrow {
+  display: flex;
+  align-items: center;
+  color: var(--odn-select-arrow-color);
+  font-style: normal;
+  line-height: 1;
+  text-align: center;
+  text-transform: none;
+  vertical-align: -0.125em;
+  position: absolute;
+  top: 50%;
+  inset-inline: auto calc(var(--odn-select-selector-padding-inline) - 1px);
+  height: var(--odn-icon-size);
+  margin-top: calc(var(--odn-icon-size) * -1 / 2);
+  font-size: var(--odn-icon-size);
+  pointer-events: none;
+  transition: all 0.12s ease;
+}
+
+.odn-select-open [data-odn-icon-name=down] {
+  transform: rotate(180deg);
+}
+
+.odn-cascader.odn-select-single.odn-select-open.odn-select-show-inner-search .odn-select-selection-item {
+  color: var(--odn-color-text-placeholder);
+}
+
+.odn-select .odn-select-arrow > * {
+  line-height: 1;
+}
+
+.odn-select .odn-select-arrow svg {
+  display: inline-block;
+}
+
+.odn-select .odn-select-arrow .anticon {
+  vertical-align: top;
+  transition: transform var(--odn-motion-duration-slow);
+}
+
+.odn-select .odn-select-arrow .anticon > svg {
+  vertical-align: top;
+}
+
+.odn-select .odn-select-arrow .anticon:not(.odn-select-suffix) {
+  pointer-events: auto;
+}
+
+.odn-select-disabled .odn-select .odn-select-arrow {
+  cursor: not-allowed;
+}
+
+.odn-select .odn-select-arrow > *:not(:last-child) {
+  margin-inline-end: 8px;
+}
+
+.odn-select .odn-select-selection-wrap {
+  display: flex;
+  width: 100%;
+  position: relative;
+  min-width: 0;
+}
+
+.odn-select .odn-select-selection-wrap::after {
+  content: " ";
+  width: 0;
+  overflow: hidden;
+}
+
+.odn-select .odn-select-prefix {
+  flex: none;
+  margin-inline-end: 8px;
+}
+
+.odn-select .odn-select-clear {
+  position: absolute;
+  top: 50%;
+  inset-inline: auto calc(var(--odn-select-selector-padding-inline) - 1px);
+  z-index: 1;
+  display: inline-block;
+  width: var(--odn-icon-size);
+  height: var(--odn-icon-size);
+  margin-top: calc(var(--odn-icon-size) * -1 / 2);
+  color: var(--odn-select-clear-color);
+  font-size: var(--odn-icon-size);
+  font-style: normal;
+  line-height: 1;
+  text-align: center;
+  text-transform: none;
+  cursor: pointer;
+  opacity: 0;
+  transition: color 0.12s ease, opacity 0.12s ease;
+  text-rendering: auto;
+}
+
+.odn-select .odn-select-clear::before {
+  display: block;
+}
+
+.odn-select .odn-select-clear:hover {
+  color: var(--odn-select-clear-color-hover);
+}
+
+@media (hover: none) {
+  .odn-select .odn-select-clear {
+    opacity: 1;
+    background: var(--odn-color-bg-base);
+    border-radius: 50%;
+  }
+}
+.odn-select:hover .odn-select-clear {
+  opacity: 1;
+  background: var(--odn-color-bg-base);
+  border-radius: 50%;
+}
+
+.odn-select-status-error.odn-select-has-feedback .odn-select-clear,
+.odn-select-status-warning.odn-select-has-feedback .odn-select-clear,
+.odn-select-status-success.odn-select-has-feedback .odn-select-clear,
+.odn-select-status-validating.odn-select-has-feedback .odn-select-clear {
+  inset-inline-end: calc(var(--odn-select-selector-padding-inline) - 1px + var(--odn-font-size) + var(--odn-padding-xs));
+}
+
+.odn-select-single {
+  font-size: var(--odn-font-size);
+  height: var(--odn-control-height);
+}
+.odn-select-single.odn-select-small {
+  --odn-font-size: 13px;
+  --odn-control-height: 30px;
+}
+
+.odn-select-single .odn-select-selector {
+  margin: 0;
+  padding: 0;
+  color: var(--odn-color-text);
+  font-size: var(--odn-font-size);
+  line-height: var(--odn-line-height);
+  list-style: none;
+  font-family: inherit;
+  display: flex;
+  border-radius: var(--odn-select-border-radius);
+  flex: 1 1 auto;
+}
+
+.odn-select-single .odn-select-selector .odn-select-selection-wrap::after {
+  line-height: calc(var(--odn-control-height) - 2px);
+}
+
+.odn-select-single .odn-select-selector .odn-select-selection-search {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+}
+
+.odn-select-single .odn-select-selector .odn-select-selection-search-input {
+  width: 100%;
+  appearance: textfield;
+}
+
+.odn-select-single .odn-select-selector .odn-select-selection-item,
+.odn-select-single .odn-select-selector .odn-select-selection-placeholder {
+  display: block;
+  padding: 0;
+  line-height: calc(var(--odn-control-height) - 2px);
+  transition: all var(--odn-motion-duration-slow), visibility 0s;
+  align-self: center;
+}
+
+.odn-select-single .odn-select-selector .odn-select-selection-placeholder {
+  transition: none;
+  pointer-events: none;
+}
+
+.odn-select-single .odn-select-selector::after,
+.odn-select-single .odn-select-selector .odn-select-selection-item:empty::after,
+.odn-select-single .odn-select-selector .odn-select-selection-placeholder:empty::after {
+  display: inline-block;
+  width: 0;
+  visibility: hidden;
+  content: " ";
+}
+
+.odn-select-single.odn-select-show-arrow .odn-select-selection-item,
+.odn-select-single.odn-select-show-arrow .odn-select-selection-search,
+.odn-select-single.odn-select-show-arrow .odn-select-selection-placeholder {
+  padding-inline-end: var(--odn-select-show-arrow-padding-inline-end);
+}
+
+.odn-select-single:not(.odn-select-customize-input) .odn-select-selector {
+  width: 100%;
+  height: 100%;
+  align-items: center;
+  padding: 0 calc(var(--odn-select-selector-padding-inline) - 1px);
+}
+
+.odn-select-single:not(.odn-select-customize-input) .odn-select-selector .odn-select-selection-search-input {
+  height: calc(var(--odn-control-height) - 2px);
+  font-size: var(--odn-font-size);
+}
+
+.odn-select-single:not(.odn-select-customize-input) .odn-select-selector::after {
+  line-height: calc(var(--odn-control-height) - 2px);
+}
+
+.odn-select-single.odn-select-customize-input .odn-select-selector::after {
+  display: none;
+}
+
+.odn-select-single.odn-select-customize-input .odn-select-selector .odn-select-selection-search {
+  position: static;
+  width: 100%;
+}
+
+.odn-select-single.odn-select-customize-input .odn-select-selector .odn-select-selection-placeholder {
+  position: absolute;
+  inset-inline: 0;
+  padding: 0 calc(var(--odn-select-selector-padding-inline) - 1px);
+}
+
+.odn-select-single.odn-select-customize-input .odn-select-selector .odn-select-selection-placeholder::after {
+  display: none;
+}
+
+.odn-select-single.odn-select-sm {
+  font-size: var(--odn-font-size);
+  height: var(--odn-control-height-sm);
+}
+
+.odn-select-single.odn-select-sm .odn-select-selector {
+  margin: 0;
+  padding: 0;
+  color: var(--odn-color-text);
+  font-size: var(--odn-font-size);
+  line-height: var(--odn-line-height);
+  list-style: none;
+  font-family: inherit;
+  display: flex;
+  border-radius: var(--odn-select-border-radius-sm);
+  flex: 1 1 auto;
+}
+
+.odn-select-single.odn-select-sm .odn-select-selector .odn-select-selection-wrap::after {
+  line-height: calc(var(--odn-control-height-sm) - 2px);
+}
+
+.odn-select-single.odn-select-sm .odn-select-selector .odn-select-selection-search {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+}
+
+.odn-select-single.odn-select-sm .odn-select-selector .odn-select-selection-search-input {
+  width: 100%;
+  appearance: textfield;
+}
+
+.odn-select-single.odn-select-sm .odn-select-selector .odn-select-selection-item,
+.odn-select-single.odn-select-sm .odn-select-selector .odn-select-selection-placeholder {
+  display: block;
+  padding: 0;
+  line-height: calc(var(--odn-control-height-sm) - 2px);
+  transition: all var(--odn-motion-duration-slow), visibility 0s;
+  align-self: center;
+}
+
+.odn-select-single.odn-select-sm .odn-select-selector .odn-select-selection-placeholder {
+  transition: none;
+  pointer-events: none;
+}
+
+.odn-select-single.odn-select-sm .odn-select-selector::after,
+.odn-select-single.odn-select-sm .odn-select-selector .odn-select-selection-item:empty::after,
+.odn-select-single.odn-select-sm .odn-select-selector .odn-select-selection-placeholder:empty::after {
+  display: inline-block;
+  width: 0;
+  visibility: hidden;
+  content: " ";
+}
+
+.odn-select-single.odn-select-sm.odn-select-show-arrow .odn-select-selection-item,
+.odn-select-single.odn-select-sm.odn-select-show-arrow .odn-select-selection-search,
+.odn-select-single.odn-select-sm.odn-select-show-arrow .odn-select-selection-placeholder {
+  padding-inline-end: var(--odn-select-show-arrow-padding-inline-end);
+}
+
+.odn-select-single.odn-select-sm:not(.odn-select-customize-input) .odn-select-selector {
+  width: 100%;
+  height: 100%;
+  align-items: center;
+  padding: 0 calc(var(--odn-select-selector-padding-inline) - 1px);
+}
+
+.odn-select-single.odn-select-sm:not(.odn-select-customize-input) .odn-select-selector .odn-select-selection-search-input {
+  height: calc(var(--odn-control-height-sm) - 2px);
+  font-size: var(--odn-font-size);
+}
+
+.odn-select-single.odn-select-sm:not(.odn-select-customize-input) .odn-select-selector::after {
+  line-height: calc(var(--odn-control-height-sm) - 2px);
+}
+
+.odn-select-single.odn-select-sm.odn-select-customize-input .odn-select-selector::after {
+  display: none;
+}
+
+.odn-select-single.odn-select-sm.odn-select-customize-input .odn-select-selector .odn-select-selection-search {
+  position: static;
+  width: 100%;
+}
+
+.odn-select-single.odn-select-sm.odn-select-customize-input .odn-select-selector .odn-select-selection-placeholder {
+  position: absolute;
+  inset-inline: 0;
+  padding: 0 calc(var(--odn-select-selector-padding-inline) - 1px);
+}
+
+.odn-select-single.odn-select-sm.odn-select-customize-input .odn-select-selector .odn-select-selection-placeholder::after {
+  display: none;
+}
+
+.odn-select-single.odn-select-sm:not(.odn-select-customize-input) .odn-select-selector {
+  padding: 0 calc(var(--odn-control-padding-horizontal-sm) - 1px);
+}
+
+.odn-select-single.odn-select-sm:not(.odn-select-customize-input).odn-select-show-arrow .odn-select-selection-search {
+  inset-inline-end: calc(var(--odn-control-padding-horizontal-sm) - 1px + var(--odn-font-size) * 1.5);
+}
+
+.odn-select-single.odn-select-sm:not(.odn-select-customize-input).odn-select-show-arrow .odn-select-selection-item,
+.odn-select-single.odn-select-sm:not(.odn-select-customize-input).odn-select-show-arrow .odn-select-selection-placeholder {
+  padding-inline-end: calc(var(--odn-font-size) * 1.5);
+}
+
+.odn-select-single.odn-select-lg {
+  font-size: var(--odn-font-size-lg);
+  height: var(--odn-select-single-item-height-lg);
+}
+
+.odn-select-single.odn-select-lg .odn-select-selector {
+  margin: 0;
+  padding: 0;
+  color: var(--odn-color-text);
+  font-size: var(--odn-font-size-lg);
+  line-height: var(--odn-line-height);
+  list-style: none;
+  font-family: inherit;
+  display: flex;
+  border-radius: var(--odn-select-border-radius-lg);
+  flex: 1 1 auto;
+}
+
+.odn-select-single.odn-select-lg .odn-select-selector .odn-select-selection-wrap::after {
+  line-height: calc(var(--odn-select-single-item-height-lg) - 2px);
+}
+
+.odn-select-single.odn-select-lg .odn-select-selector .odn-select-selection-search {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+}
+
+.odn-select-single.odn-select-lg .odn-select-selector .odn-select-selection-search-input {
+  width: 100%;
+  appearance: textfield;
+}
+
+.odn-select-single.odn-select-lg .odn-select-selector .odn-select-selection-item,
+.odn-select-single.odn-select-lg .odn-select-selector .odn-select-selection-placeholder {
+  display: block;
+  padding: 0;
+  line-height: calc(var(--odn-select-single-item-height-lg) - 2px);
+  transition: all var(--odn-motion-duration-slow), visibility 0s;
+  align-self: center;
+}
+
+.odn-select-single.odn-select-lg .odn-select-selector .odn-select-selection-placeholder {
+  transition: none;
+  pointer-events: none;
+}
+
+.odn-select-single.odn-select-lg .odn-select-selector::after,
+.odn-select-single.odn-select-lg .odn-select-selector .odn-select-selection-item:empty::after,
+.odn-select-single.odn-select-lg .odn-select-selector .odn-select-selection-placeholder:empty::after {
+  display: inline-block;
+  width: 0;
+  visibility: hidden;
+  content: " ";
+}
+
+.odn-select-single.odn-select-lg.odn-select-show-arrow .odn-select-selection-item,
+.odn-select-single.odn-select-lg.odn-select-show-arrow .odn-select-selection-search,
+.odn-select-single.odn-select-lg.odn-select-show-arrow .odn-select-selection-placeholder {
+  padding-inline-end: var(--odn-select-show-arrow-padding-inline-end);
+}
+
+.odn-select-single.odn-select-lg:not(.odn-select-customize-input) .odn-select-selector {
+  width: 100%;
+  height: 100%;
+  align-items: center;
+  padding: 0 calc(var(--odn-select-selector-padding-inline) - 1px);
+}
+
+.odn-select-single.odn-select-lg:not(.odn-select-customize-input) .odn-select-selector .odn-select-selection-search-input {
+  height: calc(var(--odn-select-single-item-height-lg) - 2px);
+  font-size: var(--odn-font-size-lg);
+}
+
+.odn-select-single.odn-select-lg:not(.odn-select-customize-input) .odn-select-selector::after {
+  line-height: calc(var(--odn-select-single-item-height-lg) - 2px);
+}
+
+.odn-select-single.odn-select-lg.odn-select-customize-input .odn-select-selector::after {
+  display: none;
+}
+
+.odn-select-single.odn-select-lg.odn-select-customize-input .odn-select-selector .odn-select-selection-search {
+  position: static;
+  width: 100%;
+}
+
+.odn-select-single.odn-select-lg.odn-select-customize-input .odn-select-selector .odn-select-selection-placeholder {
+  position: absolute;
+  inset-inline: 0;
+  padding: 0 calc(var(--odn-select-selector-padding-inline) - 1px);
+}
+
+.odn-select-single.odn-select-lg.odn-select-customize-input .odn-select-selector .odn-select-selection-placeholder::after {
+  display: none;
+}
+
+.odn-select-multiple .odn-select-selection-overflow {
+  position: relative;
+  display: flex;
+  flex: auto;
+  flex-wrap: wrap;
+  max-width: 100%;
+}
+
+.odn-select-multiple .odn-select-selection-overflow-item {
+  flex: none;
+  align-self: center;
+  max-width: 100%;
+  display: inline-flex;
+}
+
+.odn-select-multiple .odn-select-selection-overflow .odn-select-selection-item {
+  display: flex;
+  align-self: center;
+  flex: none;
+  max-width: 100%;
+  margin-block: var(--odn-select-internal_fixed_item_margin);
+  border-radius: var(--odn-select-border-radius-sm);
+  cursor: default;
+  margin-inline-end: 8px;
+  padding-inline: var(--odn-padding-xs) calc(var(--odn-padding-xs) / 2);
+}
+
+.odn-select-disabled.odn-select-multiple .odn-select-selection-overflow .odn-select-selection-item {
+  color: var(--odn-select-multiple-item-color-disabled);
+  border-color: var(--odn-select-multiple-item-border-color-disabled);
+  cursor: not-allowed;
+}
+
+.odn-select-multiple .odn-select-selection-overflow .odn-select-selection-item-content {
+  display: inline-block;
+  margin-inline-end: calc(var(--odn-padding-xs) / 2);
+  overflow: hidden;
+  white-space: pre;
+  text-overflow: ellipsis;
+}
+
+.odn-select-multiple .odn-select-selection-overflow .odn-select-selection-item-remove {
+  display: inline-flex;
+  align-items: center;
+  color: var(--odn-color-icon);
+  font-style: normal;
+  line-height: inherit;
+  text-align: center;
+  text-transform: none;
+  vertical-align: -0.125em;
+  font-weight: bold;
+  font-size: 10px;
+  cursor: pointer;
+}
+
+.odn-select-multiple .odn-select-selection-overflow .odn-select-selection-item-remove > * {
+  line-height: 1;
+}
+
+.odn-select-multiple .odn-select-selection-overflow .odn-select-selection-item-remove svg {
+  display: inline-block;
+}
+
+.odn-select-multiple .odn-select-selection-overflow .odn-select-selection-item-remove > .anticon {
+  vertical-align: -0.2em;
+}
+
+.odn-select-multiple .odn-select-selection-overflow .odn-select-selection-item-remove:hover {
+  color: var(--odn-color-icon-hover);
+}
+
+.odn-select-multiple .odn-select-selector {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+  padding-inline: 12px;
+  padding-block: 4px;
+  border-radius: var(--odn-select-border-radius);
+}
+
+.odn-select-disabled.odn-select-multiple .odn-select-selector {
+  background: var(--odn-select-multiple-selector-bg-disabled);
+  cursor: not-allowed;
+}
+
+.odn-select-multiple .odn-select-selector::after {
+  display: inline-block;
+  width: 0;
+  margin: var(--odn-select-internal_fixed_item_margin) 0;
+  line-height: var(--odn-select-multiple-item-height);
+  visibility: hidden;
+  content: " ";
+}
+
+.odn-select-multiple .odn-select-selection-item {
+  height: var(--odn-select-multiple-item-height);
+  line-height: calc(var(--odn-select-multiple-item-height) - 2px);
+}
+
+.odn-select-multiple .odn-select-selection-wrap {
+  align-self: flex-start;
+}
+
+.odn-select-multiple .odn-select-selection-wrap::after {
+  line-height: var(--odn-select-multiple-item-height);
+  margin-block: var(--odn-select-internal_fixed_item_margin);
+}
+
+.odn-select-multiple .odn-select-selection-overflow-item + .odn-select-selection-overflow-item .odn-select-selection-search,
+.odn-select-multiple .odn-select-prefix + .odn-select-selection-wrap .odn-select-selection-search {
+  margin-inline-start: 0;
+}
+
+.odn-select-multiple .odn-select-selection-overflow-item + .odn-select-selection-overflow-item .odn-select-selection-placeholder,
+.odn-select-multiple .odn-select-prefix + .odn-select-selection-wrap .odn-select-selection-placeholder {
+  inset-inline-start: 0;
+}
+
+.odn-select-multiple .odn-select-selection-overflow-item-suffix {
+  display: none;
+  min-height: var(--odn-select-multiple-item-height);
+  margin-block: var(--odn-select-internal_fixed_item_margin);
+}
+
+.odn-select-multiple .odn-select-selection-search {
+  display: inline-flex;
+  position: relative;
+  max-width: 100%;
+  margin-inline-start: 0;
+}
+
+.odn-select-multiple .odn-select-selection-search-input,
+.odn-select-multiple .odn-select-selection-search-mirror {
+  height: var(--odn-select-multiple-item-height);
+  font-family: var(--odn-font-family);
+  line-height: var(--odn-select-multiple-item-height);
+  transition: all var(--odn-motion-duration-slow);
+}
+
+.odn-select-multiple .odn-select-selection-search-input {
+  width: 100%;
+  min-width: 4.1px;
+}
+
+.odn-select-multiple .odn-select-selection-search-mirror {
+  position: absolute;
+  top: 0;
+  inset-inline: 0 auto;
+  z-index: 999;
+  white-space: pre;
+  visibility: hidden;
+}
+
+.odn-select-multiple .odn-select-selection-placeholder {
+  position: absolute;
+  top: 50%;
+  inset-inline: 0 calc(var(--odn-select-selector-padding-inline) - 1px);
+  transform: translateY(-50%);
+  transition: all var(--odn-motion-duration-slow);
+}
+
+.odn-select-multiple.odn-select-show-arrow .odn-select-selector,
+.odn-select-multiple.odn-select-allow-clear .odn-select-selector {
+  padding-inline-end: calc(var(--odn-icon-size) + var(--odn-control-padding-horizontal));
+}
+
+.odn-select-multiple.odn-select-sm .odn-select-selection-overflow {
+  position: relative;
+  display: flex;
+  flex: auto;
+  flex-wrap: wrap;
+  max-width: 100%;
+}
+
+.odn-select-multiple.odn-select-sm .odn-select-selection-overflow-item {
+  flex: none;
+  align-self: center;
+  max-width: 100%;
+  display: inline-flex;
+}
+
+.odn-select-multiple.odn-select-sm .odn-select-selection-overflow .odn-select-selection-item {
+  display: flex;
+  align-self: center;
+  flex: none;
+  max-width: 100%;
+  margin-block: var(--odn-select-internal_fixed_item_margin);
+  border-radius: var(--odn-select-border-radius-xs);
+  cursor: default;
+  margin-inline-end: 8px;
+  padding-inline: var(--odn-padding-xs) calc(var(--odn-padding-xs) / 2);
+}
+
+.odn-select-disabled.odn-select-multiple.odn-select-sm .odn-select-selection-overflow .odn-select-selection-item {
+  color: var(--odn-select-multiple-item-color-disabled);
+  border-color: var(--odn-select-multiple-item-border-color-disabled);
+  cursor: not-allowed;
+}
+
+.odn-select-multiple.odn-select-sm .odn-select-selection-overflow .odn-select-selection-item-content {
+  display: inline-block;
+  margin-inline-end: calc(var(--odn-padding-xs) / 2);
+  overflow: hidden;
+  white-space: pre;
+  text-overflow: ellipsis;
+}
+
+.odn-select-multiple.odn-select-sm .odn-select-selection-overflow .odn-select-selection-item-remove {
+  display: inline-flex;
+  align-items: center;
+  color: var(--odn-color-icon);
+  font-style: normal;
+  line-height: inherit;
+  text-align: center;
+  text-transform: none;
+  vertical-align: -0.125em;
+  font-weight: bold;
+  font-size: 10px;
+  cursor: pointer;
+}
+
+.odn-select-multiple.odn-select-sm .odn-select-selection-overflow .odn-select-selection-item-remove > * {
+  line-height: 1;
+}
+
+.odn-select-multiple.odn-select-sm .odn-select-selection-overflow .odn-select-selection-item-remove svg {
+  display: inline-block;
+}
+
+.odn-select-multiple.odn-select-sm .odn-select-selection-overflow .odn-select-selection-item-remove > .anticon {
+  vertical-align: -0.2em;
+}
+
+.odn-select-multiple.odn-select-sm .odn-select-selection-overflow .odn-select-selection-item-remove:hover {
+  color: var(--odn-color-icon-hover);
+}
+
+.odn-select-multiple.odn-select-sm .odn-select-selector {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+  padding-inline: 12px;
+  padding-block: max(max(var(--odn-padding-xxs) - 1px, 0px) - var(--odn-select-internal_fixed_item_margin), 0px);
+  border-radius: var(--odn-select-border-radius-sm);
+}
+
+.odn-select-disabled.odn-select-multiple.odn-select-sm .odn-select-selector {
+  background: var(--odn-select-multiple-selector-bg-disabled);
+  cursor: not-allowed;
+}
+
+.odn-select-multiple.odn-select-sm .odn-select-selector::after {
+  display: inline-block;
+  width: 0;
+  margin: var(--odn-select-internal_fixed_item_margin) 0;
+  line-height: var(--odn-select-multiple-item-height-sm);
+  visibility: hidden;
+  content: " ";
+}
+
+.odn-select-multiple.odn-select-sm .odn-select-selection-item {
+  height: var(--odn-select-multiple-item-height-sm);
+  line-height: calc(var(--odn-select-multiple-item-height-sm) - 2px);
+}
+
+.odn-select-multiple.odn-select-sm .odn-select-selection-wrap {
+  align-self: flex-start;
+}
+
+.odn-select-multiple.odn-select-sm .odn-select-selection-wrap::after {
+  line-height: var(--odn-select-multiple-item-height-sm);
+  margin-block: var(--odn-select-internal_fixed_item_margin);
+}
+
+.odn-select-multiple.odn-select-sm .odn-select-prefix {
+  margin-inline-start: calc(var(--odn-select-selector-padding-inline) - 1px - max(var(--odn-padding-xxs) - 1px, 0px));
+}
+
+.odn-select-multiple.odn-select-sm .odn-select-selection-overflow-item + .odn-select-selection-overflow-item .odn-select-selection-search,
+.odn-select-multiple.odn-select-sm .odn-select-prefix + .odn-select-selection-wrap .odn-select-selection-search {
+  margin-inline-start: 0;
+}
+
+.odn-select-multiple.odn-select-sm .odn-select-selection-overflow-item + .odn-select-selection-overflow-item .odn-select-selection-placeholder,
+.odn-select-multiple.odn-select-sm .odn-select-prefix + .odn-select-selection-wrap .odn-select-selection-placeholder {
+  inset-inline-start: 0;
+}
+
+.odn-select-multiple.odn-select-sm .odn-select-selection-overflow-item-suffix {
+  min-height: var(--odn-select-multiple-item-height-sm);
+  margin-block: var(--odn-select-internal_fixed_item_margin);
+}
+
+.odn-select-multiple.odn-select-sm .odn-select-selection-search {
+  display: inline-flex;
+  position: relative;
+  max-width: 100%;
+  margin-inline-start: calc(var(--odn-select-selector-padding-inline) - 1px - ((var(--odn-control-height-sm) - var(--odn-select-multiple-item-height-sm)) / 2 - 1px));
+}
+
+.odn-select-multiple.odn-select-sm .odn-select-selection-search-input,
+.odn-select-multiple.odn-select-sm .odn-select-selection-search-mirror {
+  height: var(--odn-select-multiple-item-height-sm);
+  font-family: var(--odn-font-family);
+  line-height: var(--odn-select-multiple-item-height-sm);
+  transition: all var(--odn-motion-duration-slow);
+}
+
+.odn-select-multiple.odn-select-sm .odn-select-selection-search-input {
+  width: 100%;
+  min-width: 4.1px;
+}
+
+.odn-select-multiple.odn-select-sm .odn-select-selection-search-mirror {
+  position: absolute;
+  top: 0;
+  inset-inline: 0 auto;
+  z-index: 999;
+  white-space: pre;
+  visibility: hidden;
+}
+
+.odn-select-multiple.odn-select-sm .odn-select-selection-placeholder {
+  position: absolute;
+  top: 50%;
+  inset-inline: calc(var(--odn-select-selector-padding-inline) - 1px - max(var(--odn-padding-xxs) - 1px, 0px)) calc(var(--odn-select-selector-padding-inline) - 1px);
+  transform: translateY(-50%);
+  transition: all var(--odn-motion-duration-slow);
+}
+
+.odn-select-multiple.odn-select-sm {
+  font-size: var(--odn-font-size);
+}
+
+.odn-select-multiple.odn-select-sm.odn-select-show-arrow .odn-select-selector,
+.odn-select-multiple.odn-select-sm.odn-select-allow-clear .odn-select-selector {
+  padding-inline-end: calc(var(--odn-icon-size) + var(--odn-control-padding-horizontal));
+}
+
+.odn-select-multiple.odn-select-sm .odn-select-selection-placeholder {
+  inset-inline: calc(var(--odn-control-padding-horizontal-sm) - 1px);
+}
+
+.odn-select-multiple.odn-select-sm .odn-select-selection-search {
+  margin-inline-start: 2px;
+}
+
+.odn-select-multiple.odn-select-lg .odn-select-selection-overflow {
+  position: relative;
+  display: flex;
+  flex: auto;
+  flex-wrap: wrap;
+  max-width: 100%;
+}
+
+.odn-select-multiple.odn-select-lg .odn-select-selection-overflow-item {
+  flex: none;
+  align-self: center;
+  max-width: 100%;
+  display: inline-flex;
+}
+
+.odn-select-multiple.odn-select-lg .odn-select-selection-overflow .odn-select-selection-item {
+  display: flex;
+  align-self: center;
+  flex: none;
+  max-width: 100%;
+  margin-block: var(--odn-select-internal_fixed_item_margin);
+  border-radius: var(--odn-select-border-radius);
+  cursor: default;
+  margin-inline-end: 8px;
+  padding-inline: var(--odn-padding-xs) calc(var(--odn-padding-xs) / 2);
+}
+
+.odn-select-disabled.odn-select-multiple.odn-select-lg .odn-select-selection-overflow .odn-select-selection-item {
+  color: var(--odn-select-multiple-item-color-disabled);
+  border-color: var(--odn-select-multiple-item-border-color-disabled);
+  cursor: not-allowed;
+}
+
+.odn-select-multiple.odn-select-lg .odn-select-selection-overflow .odn-select-selection-item-content {
+  display: inline-block;
+  margin-inline-end: calc(var(--odn-padding-xs) / 2);
+  overflow: hidden;
+  white-space: pre;
+  text-overflow: ellipsis;
+}
+
+.odn-select-multiple.odn-select-lg .odn-select-selection-overflow .odn-select-selection-item-remove {
+  display: inline-flex;
+  align-items: center;
+  color: var(--odn-color-icon);
+  font-style: normal;
+  line-height: inherit;
+  text-align: center;
+  text-transform: none;
+  vertical-align: -0.125em;
+  font-weight: bold;
+  font-size: 10px;
+  cursor: pointer;
+}
+
+.odn-select-multiple.odn-select-lg .odn-select-selection-overflow .odn-select-selection-item-remove > * {
+  line-height: 1;
+}
+
+.odn-select-multiple.odn-select-lg .odn-select-selection-overflow .odn-select-selection-item-remove svg {
+  display: inline-block;
+}
+
+.odn-select-multiple.odn-select-lg .odn-select-selection-overflow .odn-select-selection-item-remove > .anticon {
+  vertical-align: -0.2em;
+}
+
+.odn-select-multiple.odn-select-lg .odn-select-selection-overflow .odn-select-selection-item-remove:hover {
+  color: var(--odn-color-icon-hover);
+}
+
+.odn-select-multiple.odn-select-lg .odn-select-selector {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+  padding-inline: 12px;
+  padding-block: max(max(var(--odn-padding-xxs) - 1px, 0px) - var(--odn-select-internal_fixed_item_margin), 0px);
+  border-radius: var(--odn-select-border-radius-lg);
+}
+
+.odn-select-disabled.odn-select-multiple.odn-select-lg .odn-select-selector {
+  background: var(--odn-select-multiple-selector-bg-disabled);
+  cursor: not-allowed;
+}
+
+.odn-select-multiple.odn-select-lg .odn-select-selector::after {
+  display: inline-block;
+  width: 0;
+  margin: var(--odn-select-internal_fixed_item_margin) 0;
+  line-height: var(--odn-select-multiple-item-height-lg);
+  visibility: hidden;
+  content: " ";
+}
+
+.odn-select-multiple.odn-select-lg .odn-select-selection-item {
+  height: var(--odn-select-multiple-item-height-lg);
+  line-height: calc(var(--odn-select-multiple-item-height-lg) - 2px);
+}
+
+.odn-select-multiple.odn-select-lg .odn-select-selection-wrap {
+  align-self: flex-start;
+}
+
+.odn-select-multiple.odn-select-lg .odn-select-selection-wrap::after {
+  line-height: var(--odn-select-multiple-item-height-lg);
+  margin-block: var(--odn-select-internal_fixed_item_margin);
+}
+
+.odn-select-multiple.odn-select-lg .odn-select-prefix {
+  margin-inline-start: calc(var(--odn-select-selector-padding-inline) - 1px - max(var(--odn-padding-xxs) - 1px, 0px));
+}
+
+.odn-select-multiple.odn-select-lg .odn-select-selection-overflow-item + .odn-select-selection-overflow-item .odn-select-selection-search,
+.odn-select-multiple.odn-select-lg .odn-select-prefix + .odn-select-selection-wrap .odn-select-selection-search {
+  margin-inline-start: 0;
+}
+
+.odn-select-multiple.odn-select-lg .odn-select-selection-overflow-item + .odn-select-selection-overflow-item .odn-select-selection-placeholder,
+.odn-select-multiple.odn-select-lg .odn-select-prefix + .odn-select-selection-wrap .odn-select-selection-placeholder {
+  inset-inline-start: 0;
+}
+
+.odn-select-multiple.odn-select-lg .odn-select-selection-overflow-item-suffix {
+  min-height: var(--odn-select-multiple-item-height-lg);
+  margin-block: var(--odn-select-internal_fixed_item_margin);
+}
+
+.odn-select-multiple.odn-select-lg .odn-select-selection-search {
+  display: inline-flex;
+  position: relative;
+  max-width: 100%;
+  margin-inline-start: calc(var(--odn-select-selector-padding-inline) - 1px - ((var(--odn-control-height-lg) - var(--odn-select-multiple-item-height-lg)) / 2 - 1px));
+}
+
+.odn-select-multiple.odn-select-lg .odn-select-selection-search-input,
+.odn-select-multiple.odn-select-lg .odn-select-selection-search-mirror {
+  height: var(--odn-select-multiple-item-height-lg);
+  font-family: var(--odn-font-family);
+  line-height: var(--odn-select-multiple-item-height-lg);
+  transition: all var(--odn-motion-duration-slow);
+}
+
+.odn-select-multiple.odn-select-lg .odn-select-selection-search-input {
+  width: 100%;
+  min-width: 4.1px;
+}
+
+.odn-select-multiple.odn-select-lg .odn-select-selection-search-mirror {
+  position: absolute;
+  top: 0;
+  inset-inline: 0 auto;
+  z-index: 999;
+  white-space: pre;
+  visibility: hidden;
+}
+
+.odn-select-multiple.odn-select-lg .odn-select-selection-placeholder {
+  position: absolute;
+  top: 50%;
+  inset-inline: calc(var(--odn-select-selector-padding-inline) - 1px - max(var(--odn-padding-xxs) - 1px, 0px)) calc(var(--odn-select-selector-padding-inline) - 1px);
+  transform: translateY(-50%);
+  transition: all var(--odn-motion-duration-slow);
+}
+
+.odn-select-multiple.odn-select-lg {
+  font-size: var(--odn-font-size-lg);
+}
+
+.odn-select-multiple.odn-select-lg.odn-select-show-arrow .odn-select-selector,
+.odn-select-multiple.odn-select-lg.odn-select-allow-clear .odn-select-selector {
+  padding-inline-end: calc(var(--odn-icon-size) + var(--odn-control-padding-horizontal));
+}
+
+.odn-select-dropdown {
+  margin: 0;
+  padding: var(--odn-select-popup-padding-block) var(--odn-select-popup-padding-inline);
+  color: var(--odn-color-text);
+  font-size: var(--odn-font-size);
+  line-height: var(--odn-line-height);
+  list-style: none;
+  font-family: var(--odn-font-family);
+  position: absolute;
+  top: -9999px;
+  z-index: var(--odn-z-index-select);
+  overflow: hidden;
+  font-variant: initial;
+  background-color: var(--odn-color-bg-elevated);
+  border-radius: var(--odn-popup-border-radius);
+  outline: none;
+  box-shadow: var(--odn-popup-box-shadow);
+  filter: var(--odn-popup-filter);
+}
+.odn-select-dropdown .rc-virtual-list-scrollbar-vertical {
+  width: 6px !important;
+}
+.odn-select-dropdown .rc-virtual-list-scrollbar-vertical .rc-virtual-list-scrollbar-thumb {
+  right: 2px;
+  background-color: var(--odn-color-border) !important;
+}
+
+.odn-select-dropdown.odn-slide-up-enter.odn-slide-up-enter-active.odn-select-dropdown-placement-bottomLeft,
+.odn-select-dropdown.odn-slide-up-appear.odn-slide-up-appear-active.odn-select-dropdown-placement-bottomLeft {
+  animation-name: odn-slide-up-in;
+}
+
+.odn-select-dropdown.odn-slide-up-enter.odn-slide-up-enter-active.odn-select-dropdown-placement-topLeft,
+.odn-select-dropdown.odn-slide-up-appear.odn-slide-up-appear-active.odn-select-dropdown-placement-topLeft,
+.odn-select-dropdown.odn-slide-up-enter.odn-slide-up-enter-active.odn-select-dropdown-placement-topRight,
+.odn-select-dropdown.odn-slide-up-appear.odn-slide-up-appear-active.odn-select-dropdown-placement-topRight {
+  animation-name: odn-slide-down-in;
+}
+
+.odn-select-dropdown.odn-slide-up-leave.odn-slide-up-leave-active.odn-select-dropdown-placement-bottomLeft {
+  animation-name: odn-slide-up-out;
+}
+
+.odn-select-dropdown.odn-slide-up-leave.odn-slide-up-leave-active.odn-select-dropdown-placement-topLeft,
+.odn-select-dropdown.odn-slide-up-leave.odn-slide-up-leave-active.odn-select-dropdown-placement-topRight {
+  animation-name: odn-slide-down-out;
+}
+
+.odn-select-dropdown-hidden {
+  display: none;
+}
+
+.odn-select-dropdown .odn-select-item {
+  position: relative;
+  display: block;
+  min-height: var(--odn-select-option-height);
+  padding: var(--odn-select-option-padding-block) var(--odn-select-option-padding-inline);
+  color: var(--odn-color-text);
+  font-weight: normal;
+  font-size: var(--odn-select-option-font-size);
+  line-height: var(--odn-select-option-line-height);
+  cursor: pointer;
+  border-radius: var(--odn-select-option-border-radius);
+}
+
+.odn-select-dropdown .odn-select-item-group {
+  color: var(--odn-color-black-9);
+  font-size: var(--odn-font-size-text-sm);
+  cursor: default;
+}
+.odn-select-dropdown .odn-select-item-group:empty {
+  padding: 0;
+  min-height: 0;
+}
+.odn-select-dropdown .odn-select-item-group:not(:first-child) {
+  margin-top: var(--odn-select-option-padding-block);
+  padding-top: calc(var(--odn-select-option-padding-block) * 2);
+  border-top: 1px solid var(--odn-color-black-6);
+}
+.odn-select-dropdown .odn-select-item-group:not(:first-child):empty {
+  padding-top: 0;
+  margin-bottom: var(--odn-select-option-padding-block);
+}
+
+.odn-select-dropdown .odn-select-item-option {
+  display: flex;
+}
+
+.odn-select-dropdown-multiple .odn-select-item-option {
+  flex-direction: row-reverse;
+  gap: 8px;
+}
+
+.odn-select-dropdown .odn-select-item-option-content {
+  flex: auto;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.odn-select-dropdown .odn-select-item-option-state {
+  flex: none;
+  display: flex;
+  align-items: center;
+}
+
+.odn-select-dropdown .odn-select-item-option-active:not(.odn-select-item-option-disabled) {
+  background-color: var(--odn-select-option-active-bg);
+}
+
+.odn-select-dropdown .odn-select-item-option-selected:not(.odn-select-item-option-disabled) {
+  color: var(--odn-select-option-selected-color);
+  font-weight: var(--odn-select-option-selected-font-weight);
+  background-color: var(--odn-select-option-selected-bg);
+}
+
+.odn-select-dropdown .odn-select-item-option-selected:not(.odn-select-item-option-disabled) .odn-select-item-option-state {
+  color: var(--odn-color-primary);
+}
+
+.odn-select-dropdown .odn-select-item-option-disabled {
+  color: var(--odn-color-text-disabled);
+  cursor: not-allowed;
+}
+
+.odn-select-dropdown .odn-select-item-option-disabled.odn-select-item-option-selected {
+  background-color: var(--odn-color-bg-container-disabled);
+}
+
+.odn-select-dropdown .odn-select-item-empty,
+.odn-select-empty {
+  position: relative;
+  display: block;
+  min-height: var(--odn-select-option-height);
+  padding: var(--odn-select-option-padding-block) var(--odn-select-option-padding-inline);
+  color: var(--odn-color-text-disabled);
+  font-weight: normal;
+  font-size: var(--odn-select-option-font-size);
+  line-height: var(--odn-select-option-line-height);
+}
+
+.odn-select-dropdown .odn-select-item-option-selected:has(+ .odn-select-item-option-selected) {
+  border-end-start-radius: 0;
+  border-end-end-radius: 0;
+}
+
+.odn-select-dropdown .odn-select-item-option-selected:has(+ .odn-select-item-option-selected) + .odn-select-item-option-selected {
+  border-start-start-radius: 0;
+  border-start-end-radius: 0;
+}
+
+.odn-slide-up-enter,
+.odn-slide-up-appear {
+  animation-duration: 0.12s;
+  animation-fill-mode: both;
+  animation-play-state: paused;
+}
+
+.odn-slide-up-leave {
+  animation-duration: 0.12s;
+  animation-fill-mode: both;
+  animation-play-state: paused;
+}
+
+.odn-slide-up-enter.odn-slide-up-enter-active,
+.odn-slide-up-appear.odn-slide-up-appear-active {
+  animation-name: odn-slide-up-in;
+  animation-play-state: running;
+}
+
+.odn-slide-up-leave.odn-slide-up-leave-active {
+  animation-name: odn-slide-up-out;
+  animation-play-state: running;
+  pointer-events: none;
+}
+
+.odn-slide-up-enter,
+.odn-slide-up-appear {
+  transform: translate3d(0, -4px, 0);
+  transform-origin: 0% 0%;
+  opacity: 0;
+  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
+}
+
+.odn-slide-up-enter-prepare,
+.odn-slide-up-appear-prepare {
+  transform: translate3d(0, 0, 0);
+}
+
+.odn-slide-up-leave {
+  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
+}
+
+.ant-slide-down-enter,
+.ant-slide-down-appear {
+  animation-duration: 0.12s;
+  animation-fill-mode: both;
+  animation-play-state: paused;
+}
+
+.ant-slide-down-leave {
+  animation-duration: 0.12s;
+  animation-fill-mode: both;
+  animation-play-state: paused;
+}
+
+.ant-slide-down-enter.ant-slide-down-enter-active,
+.ant-slide-down-appear.ant-slide-down-appear-active {
+  animation-name: odn-slide-down-in;
+  animation-play-state: running;
+}
+
+.ant-slide-down-leave.ant-slide-down-leave-active {
+  animation-name: odn-slide-down-out;
+  animation-play-state: running;
+  pointer-events: none;
+}
+
+.ant-slide-down-enter,
+.ant-slide-down-appear {
+  transform: translate3d(0, 4px, 0);
+  transform-origin: 0% 0%;
+  opacity: 0;
+  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
+}
+
+.ant-slide-down-enter-prepare,
+.ant-slide-down-appear-prepare {
+  transform: translate3d(0, 0, 0);
+}
+
+.ant-slide-down-leave {
+  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
+}
+
+.ant-move-up-enter,
+.ant-move-up-appear {
+  animation-duration: 0.12s;
+  animation-fill-mode: both;
+  animation-play-state: paused;
+}
+
+.ant-move-up-leave {
+  animation-duration: 0.12s;
+  animation-fill-mode: both;
+  animation-play-state: paused;
+}
+
+.ant-move-up-enter.ant-move-up-enter-active,
+.ant-move-up-appear.ant-move-up-appear-active {
+  animation-name: antMoveUpIn;
+  animation-play-state: running;
+}
+
+.ant-move-up-leave.ant-move-up-leave-active {
+  animation-name: antMoveUpOut;
+  animation-play-state: running;
+  pointer-events: none;
+}
+
+.ant-move-up-enter,
+.ant-move-up-appear {
+  opacity: 0;
+  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
+}
+
+.ant-move-up-leave {
+  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
+}
+
+.ant-move-down-enter,
+.ant-move-down-appear {
+  animation-duration: 0.12s;
+  animation-fill-mode: both;
+  animation-play-state: paused;
+}
+
+.ant-move-down-leave {
+  animation-duration: 0.12s;
+  animation-fill-mode: both;
+  animation-play-state: paused;
+}
+
+.ant-move-down-enter.ant-move-down-enter-active,
+.ant-move-down-appear.ant-move-down-appear-active {
+  animation-name: antMoveDownIn;
+  animation-play-state: running;
+}
+
+.ant-move-down-leave.ant-move-down-leave-active {
+  animation-name: antMoveDownOut;
+  animation-play-state: running;
+  pointer-events: none;
+}
+
+.ant-move-down-enter,
+.ant-move-down-appear {
+  opacity: 0;
+  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
+}
+
+.ant-move-down-leave {
+  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
+}
+
+.odn-select-compact-item:not(.odn-select-compact-last-item) {
+  margin-inline-end: -1px;
+}
+
+.odn-select-compact-item:hover > *,
+.odn-select-compact-item:active > * {
+  z-index: 2;
+}
+
+.odn-select-compact-item.odn-select-focused {
+  z-index: 2;
+}
+
+.odn-select-compact-item[disabled] > * {
+  z-index: 0;
+}
+
+.odn-select-compact-item:not(.odn-select-compact-first-item,
+.odn-select-compact-last-item) > .odn-select-selector {
+  border-radius: 0;
+}
+
+.odn-select-compact-item:not(.odn-select-compact-last-item).odn-select-compact-first-item > .odn-select-selector,
+.odn-select-compact-item:not(.odn-select-compact-last-item).odn-select-compact-first-item.odn-select-sm > .odn-select-selector,
+.odn-select-compact-item:not(.odn-select-compact-last-item).odn-select-compact-first-item.odn-select-lg > .odn-select-selector {
+  border-start-end-radius: 0;
+  border-end-end-radius: 0;
+}
+
+.odn-select-compact-item:not(.odn-select-compact-first-item).odn-select-compact-last-item > .odn-select-selector,
+.odn-select-compact-item:not(.odn-select-compact-first-item).odn-select-compact-last-item.odn-select-sm > .odn-select-selector,
+.odn-select-compact-item:not(.odn-select-compact-first-item).odn-select-compact-last-item.odn-select-lg > .odn-select-selector {
+  border-start-start-radius: 0;
+  border-end-start-radius: 0;
+}
+
+.odn-select-outlined:not(.odn-select-customize-input) .odn-select-selector {
+  border: 1px solid var(--odn-select-border-color);
+  background: var(--odn-select-selector-bg);
+}
+
+.odn-select-outlined:not(.odn-select-disabled,
+.odn-select-customize-input,
+.ant-pagination-size-changer):hover .odn-select-selector {
+  border-color: var(--odn-select-border-color-hover);
+}
+
+.odn-select-focused.odn-select-outlined:not(.odn-select-disabled,
+.odn-select-customize-input,
+.ant-pagination-size-changer) .odn-select-selector {
+  border-color: var(--odn-select-border-color-active);
+  box-shadow: 0 0 0 var(--odn-control-outline-width) var(--odn-select-active-outline-color);
+  outline: 0;
+}
+
+.odn-select-outlined:not(.odn-select-disabled,
+.odn-select-customize-input,
+.ant-pagination-size-changer) .odn-select-prefix {
+  color: var(--odn-color-text);
+}
+
+.odn-select-outlined.odn-select-status-error:not(.odn-select-customize-input) .odn-select-selector {
+  border: 1px solid var(--odn-color-error);
+  background: var(--odn-select-selector-bg);
+}
+
+.odn-select-outlined.odn-select-status-error:not(.odn-select-disabled,
+.odn-select-customize-input,
+.ant-pagination-size-changer):hover .odn-select-selector {
+  border-color: var(--odn-color-error-hover);
+}
+
+.odn-select-focused.odn-select-outlined.odn-select-status-error:not(.odn-select-disabled,
+.odn-select-customize-input,
+.ant-pagination-size-changer) .odn-select-selector {
+  border-color: var(--odn-color-error);
+  box-shadow: 0 0 0 var(--odn-control-outline-width) var(--odn-color-error-outline);
+  outline: 0;
+}
+
+.odn-select-outlined.odn-select-status-error:not(.odn-select-disabled,
+.odn-select-customize-input,
+.ant-pagination-size-changer) .odn-select-prefix {
+  color: var(--odn-color-error);
+}
+
+.odn-select-outlined.odn-select-status-warning:not(.odn-select-customize-input) .odn-select-selector {
+  border: 1px solid var(--odn-color-warning);
+  background: var(--odn-select-selector-bg);
+}
+
+.odn-select-outlined.odn-select-status-warning:not(.odn-select-disabled,
+.odn-select-customize-input,
+.ant-pagination-size-changer):hover .odn-select-selector {
+  border-color: var(--odn-color-warning-hover);
+}
+
+.odn-select-focused.odn-select-outlined.odn-select-status-warning:not(.odn-select-disabled,
+.odn-select-customize-input,
+.ant-pagination-size-changer) .odn-select-selector {
+  border-color: var(--odn-color-warning);
+  box-shadow: 0 0 0 var(--odn-control-outline-width) var(--odn-color-warning-outline);
+  outline: 0;
+}
+
+.odn-select-outlined.odn-select-status-warning:not(.odn-select-disabled,
+.odn-select-customize-input,
+.ant-pagination-size-changer) .odn-select-prefix {
+  color: var(--odn-color-warning);
+}
+
+.odn-select-outlined.odn-select-disabled:not(.odn-select-customize-input) .odn-select-selector {
+  background: var(--odn-color-bg-container-disabled);
+  color: var(--odn-color-text-disabled);
+}
+
+.odn-select-outlined.odn-select-multiple .odn-select-selection-item {
+  background: var(--odn-select-multiple-item-bg);
+  border: 1px solid var(--odn-select-multiple-item-border-color);
+}
+
+.odn-select-filled:not(.odn-select-customize-input) .odn-select-selector {
+  background: var(--odn-color-fill-tertiary);
+  border: 1px solid transparent;
+  color: var(--odn-color-text);
+}
+
+.odn-select-filled:not(.odn-select-disabled,
+.odn-select-customize-input,
+.ant-pagination-size-changer):hover .odn-select-selector {
+  background: var(--odn-color-fill-secondary);
+}
+
+.odn-select-focused.odn-select-filled:not(.odn-select-disabled,
+.odn-select-customize-input,
+.ant-pagination-size-changer) .odn-select-selector {
+  background: var(--odn-select-selector-bg);
+  border-color: var(--odn-select-border-color-active);
+  outline: 0;
+}
+
+.odn-select-filled.odn-select-status-error:not(.odn-select-customize-input) .odn-select-selector {
+  background: var(--odn-color-error-bg);
+  border: 1px solid transparent;
+  color: var(--odn-color-error);
+}
+
+.odn-select-filled.odn-select-status-error:not(.odn-select-disabled,
+.odn-select-customize-input,
+.ant-pagination-size-changer):hover .odn-select-selector {
+  background: var(--odn-color-error-bg-hover);
+}
+
+.odn-select-focused.odn-select-filled.odn-select-status-error:not(.odn-select-disabled,
+.odn-select-customize-input,
+.ant-pagination-size-changer) .odn-select-selector {
+  background: var(--odn-select-selector-bg);
+  border-color: var(--odn-color-error);
+  outline: 0;
+}
+
+.odn-select-filled.odn-select-status-warning:not(.odn-select-customize-input) .odn-select-selector {
+  background: var(--odn-color-warning-bg);
+  border: 1px solid transparent;
+  color: var(--odn-color-warning);
+}
+
+.odn-select-filled.odn-select-status-warning:not(.odn-select-disabled,
+.odn-select-customize-input,
+.ant-pagination-size-changer):hover .odn-select-selector {
+  background: var(--odn-color-warning-bg-hover);
+}
+
+.odn-select-focused.odn-select-filled.odn-select-status-warning:not(.odn-select-disabled,
+.odn-select-customize-input,
+.ant-pagination-size-changer) .odn-select-selector {
+  background: var(--odn-select-selector-bg);
+  border-color: var(--odn-color-warning);
+  outline: 0;
+}
+
+.odn-select-filled.odn-select-disabled:not(.odn-select-customize-input) .odn-select-selector {
+  border-color: var(--odn-select-border-color);
+  background: var(--odn-color-bg-container-disabled);
+  color: var(--odn-color-text-disabled);
+}
+
+.odn-select-filled.odn-select-multiple .odn-select-selection-item {
+  background: var(--odn-color-bg-container);
+  border: 1px solid var(--odn-color-split);
+}
+
+.odn-select-borderless .odn-select-selector {
+  background: transparent;
+  border: 1px solid transparent;
+}
+
+.odn-select-borderless.odn-select-disabled:not(.odn-select-customize-input) .odn-select-selector {
+  color: var(--odn-color-text-disabled);
+}
+
+.odn-select-borderless.odn-select-multiple .odn-select-selection-item {
+  background: var(--odn-select-multiple-item-bg);
+  border: 1px solid var(--odn-select-multiple-item-border-color);
+}
+
+.odn-select-borderless.odn-select-status-error .odn-select-prefix,
+.odn-select-borderless.odn-select-status-error .odn-select-selection-item {
+  color: var(--odn-color-error);
+}
+
+.odn-select-borderless.odn-select-status-warning .odn-select-prefix,
+.odn-select-borderless.odn-select-status-warning .odn-select-selection-item {
+  color: var(--odn-color-warning);
+}
+
+.odn-select-underlined:not(.odn-select-customize-input) .odn-select-selector {
+  border-width: 0 0 1px;
+  border-style: none none solid;
+  border-color: var(--odn-select-border-color);
+  background: var(--odn-select-selector-bg);
+  border-radius: 0;
+}
+
+.odn-select-underlined:not(.odn-select-disabled,
+.odn-select-customize-input,
+.ant-pagination-size-changer):hover .odn-select-selector {
+  border-color: var(--odn-select-border-color-hover);
+}
+
+.odn-select-focused.odn-select-underlined:not(.odn-select-disabled,
+.odn-select-customize-input,
+.ant-pagination-size-changer) .odn-select-selector {
+  border-color: var(--odn-select-border-color-active);
+  outline: 0;
+}
+
+.odn-select-underlined:not(.odn-select-disabled,
+.odn-select-customize-input,
+.ant-pagination-size-changer) .odn-select-prefix {
+  color: var(--odn-color-text);
+}
+
+.odn-select-underlined.odn-select-status-error:not(.odn-select-customize-input) .odn-select-selector {
+  border-width: 0 0 1px;
+  border-style: none none solid;
+  border-color: var(--odn-color-error);
+  background: var(--odn-select-selector-bg);
+  border-radius: 0;
+}
+
+.odn-select-underlined.odn-select-status-error:not(.odn-select-disabled,
+.odn-select-customize-input,
+.ant-pagination-size-changer):hover .odn-select-selector {
+  border-color: var(--odn-color-error-hover);
+}
+
+.odn-select-focused.odn-select-underlined.odn-select-status-error:not(.odn-select-disabled,
+.odn-select-customize-input,
+.ant-pagination-size-changer) .odn-select-selector {
+  border-color: var(--odn-color-error);
+  outline: 0;
+}
+
+.odn-select-underlined.odn-select-status-error:not(.odn-select-disabled,
+.odn-select-customize-input,
+.ant-pagination-size-changer) .odn-select-prefix {
+  color: var(--odn-color-error);
+}
+
+.odn-select-underlined.odn-select-status-warning:not(.odn-select-customize-input) .odn-select-selector {
+  border-width: 0 0 1px;
+  border-style: none none solid;
+  border-color: var(--odn-color-warning);
+  background: var(--odn-select-selector-bg);
+  border-radius: 0;
+}
+
+.odn-select-underlined.odn-select-status-warning:not(.odn-select-disabled,
+.odn-select-customize-input,
+.ant-pagination-size-changer):hover .odn-select-selector {
+  border-color: var(--odn-color-warning-hover);
+}
+
+.odn-select-focused.odn-select-underlined.odn-select-status-warning:not(.odn-select-disabled,
+.odn-select-customize-input,
+.ant-pagination-size-changer) .odn-select-selector {
+  border-color: var(--odn-color-warning);
+  outline: 0;
+}
+
+.odn-select-underlined.odn-select-status-warning:not(.odn-select-disabled,
+.odn-select-customize-input,
+.ant-pagination-size-changer) .odn-select-prefix {
+  color: var(--odn-color-warning);
+}
+
+.odn-select-underlined.odn-select-disabled:not(.odn-select-customize-input) .odn-select-selector {
+  color: var(--odn-color-text-disabled);
+}
+
+.odn-select-underlined.odn-select-multiple .odn-select-selection-item {
+  background: var(--odn-select-multiple-item-bg);
+  border: 1px solid var(--odn-select-multiple-item-border-color);
+}
+
+[data-odn-select-option-multiple] {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.odn-select-dropdown-top {
+  margin-bottom: var(--odn-select-popup-padding-block);
+}
+.odn-select-dropdown-top:first-child {
+  margin-top: calc(var(--odn-select-popup-padding-block) * -1);
+}
+
+.odn-select-dropdown-search {
+  display: flex;
+  align-items: center;
+  padding-left: var(--odn-select-option-padding-inline);
+  height: 36px;
+  border-bottom: 1px solid var(--odn-color-black-6);
+}
+
+.odn-select-dropdown-search-icon {
+  color: var(--odn-color-black-9);
+  flex: none;
+}
+
+.odn-select-dropdown-search-input {
+  flex: 1;
+  margin-left: 4px;
+  min-width: 0;
+  outline: none;
+  border: none;
+  background: transparent;
+  font-size: 14px;
+}
+.odn-select-dropdown-search-input::placeholder {
+  color: var(--odn-color-black-9);
+}
+
+.odn-select-show-inner-search:not(.odn-cascader) .odn-select-selection-item {
+  visibility: visible !important;
+}
+
+.odn-select-max-count {
+  flex: none;
+  margin-right: 4px;
+  color: var(--odn-color-black-10);
+  font-size: 12px;
+  white-space: nowrap;
+}
+
+.odn-select-selection-overflow-item-rest > span {
+  min-width: 0;
+}