@ozen-ui/kit/__inner__/cjs/components/Select/Select.css

React component library

.Select {
  min-inline-size: 120px;
}

  .Select-Input {
    inset-block-end: 0;
    inset-inline-start: 0;
    position: absolute;
    opacity: 0;
    pointer-events: none;
    inline-size: 100%;
    box-sizing: border-box;
  }

  .Select-Body {
    position: relative;
    display: flex;
    -moz-column-gap: var(--textfield-input-gap);
         column-gap: var(--textfield-input-gap);
    align-items: center;
    box-sizing: border-box;
    background-color: var(--textfield-background-color);
    transition: background-color var(--transition-slow);
    padding: 0 var(--textfield-gutter-x);
    color: var(--textfield-color);
    border-radius: var(--textfield-border-radius);
    cursor: pointer;
    outline: none;
  }

  .Select-FieldContainer {
    inline-size: 100%;
    position: relative;
    overflow: hidden;
  }

  .Select-Field {
    border: none;
    position: relative;
    display: flex;
    inline-size: 100%;
    padding: 0;
    background: none;
    color: var(--textfield-color);
    box-sizing: border-box;
    block-size: var(--textfield-input-height);
    align-items: center;
  }

  .Select-Field span {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

  .Select-Field_asPlaceholder {
      color: var(--textfield-placeholder-color);
    }

  .Select-HiddenLabel {
    visibility: hidden;
    block-size: 0;
    opacity: 0;
  }

  .Select_multiline .Select-FieldContainer {
      overflow: auto;
    }

  .Select_multiline .Select-Field {
      block-size: initial;
      min-block-size: var(--textfield-input-height);
    }

  .Select_multiline .Select-Field > span {
        overflow: auto;
        text-overflow: initial;
        white-space: initial;
      }

  .Select-RenderLeft,
  .Select-RenderRight {
    pointer-events: none;
  }

  .Select-DropDownIcon {
    display: flex;
    align-items: center;
    transition: transform var(--transition-default);
    will-change: transform;
  }

  .Select-DropDownIcon_open {
      transform: rotate(180deg);
    }

.FieldControl_hasLabel .Select-Field {
      padding: var(--textfield-input-padding);
    }

.Select .ListItemButton::after {
  content: none;
}