@zohodesk/components/lib/Select/Select.module.css

Dot UI is a customizable React component library built to deliver a clean, accessible, and developer-friendly UI experience. It offers a growing set of reusable components designed to align with modern design systems and streamline application development

.input {
  cursor: pointer;
}

.small {
  max-height: var(--zd_size200) ;
}

.medium {
  max-height: var(--zd_size350) ;
}

.large {
  max-height: var(--zd_size400) ;
}

.emptyState {
  font-size: var(--zd_font_size14) ;
  color: var(--zdt_select_emptystate_text);
  composes: semibold from '../common/common.module.css';
}

.box_small .emptyState {
  padding-block: var(--zd_size12) ;
  padding-inline:var(--zd_size6) ;
}

.box_medium .emptyState {
  padding-block: var(--zd_size12) ;
  padding-inline:var(--zd_size15) ;
}

.hide {
  composes: vishidden from '../common/common.module.css';
}

.container {
  position: relative;
}
/* css:lineheight-validation:ignore */
.arrowIcon {
  height: var(--zd_size8) ;
  line-height: var(--zd_size8);
}

.small.search {
  padding-block: 0 ;
  padding-inline:var(--zd_size5) ;
}

.medium.search {
  padding-block: var(--zd_size3) 0 ;
  padding-inline:var(--zd_size20) ;
}

.title {
  margin-block-end: var(--zd_size6) ;
}

.groupTitle {
  margin-block: var(--zd_size6) ;
  margin-inline:0 ;
}

.listItemContainer {
  padding-block: var(--zd_size10) ;
  padding-inline:0 ;
}

.responsivelistItemContainer {
  padding-block: var(--zd_size10) 0 ;
  padding-inline:0 ;
}

.readonly {
  --textboxicon_icon_cursor: not-allowed;
}

.transparentContainer .arrowIcon {
  opacity: 0;
  visibility: hidden;
}

.transparentContainer:hover .arrowIcon {
  opacity: 1;
  visibility: visible;
}

.disable {
  color: var(--zdt_select_disable_text);
}

.leftIcon {
  position: absolute;
  top: 0 ;
  bottom: 0 ;
  width: var(--zd_size30) ;
}

[dir=ltr] .leftIcon {
  left: 0 ;
}

[dir=rtl] .leftIcon {
  right: 0 ;
}

.iconSelect {
  padding-inline-start: var(--zd_size30) ;
}

.dropBoxList {
  padding-block: var(--zd_size10) ;
  padding-inline:0 ;
}

.responsivedropBoxList {
  padding-block: var(--zd_size10) 0 ;
  padding-inline:0 ;
}

.rotate {
  transform: rotateX(180deg);
}
.rightPlaceholder{
  height: 100% ;
}

.iconOnHoverStyle .arrowIcon,
.iconOnHoverReadonly .arrowIcon,
.iconOnHoverReadonly:hover .arrowIcon {
  opacity: 0;
  visibility: hidden;
}

.iconOnHoverStyle:hover .arrowIcon {
  opacity: 1;
  visibility: visible;
}

.loader {
  padding: var(--zd_size10) ;
}