one-design-next 0.0.4-alpha.100

package/dist/select/style/index.css

@@ -0,0 +1,1473 @@
+@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);
+}
+
+@layer components {
+  .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 .odn-select-selection-placeholder {
+    visibility: visible !important;
+  }
+  .odn-select-open {
+    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-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-content [data-odn-reference] {
+    width: 100%;
+    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-open {
+    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-open.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-open.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-open.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-open.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-open.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-open.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-open.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-open.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-open.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 .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;
+  }
+}