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

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

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

.emptyState {
  font-size: var(--zd_font_size14) ;
  color: var(--zdt_viewdropdown_empty_text);
  font-weight: var(--zd-fw-semibold);
  composes: ftsmooth from '~@zohodesk/components/es/common/common.module.css';
  padding: var(--zd_size12) var(--zd_size15) ;
}

.hide {
  composes: vishidden from '~@zohodesk/components/es/common/common.module.css';
}

.container {
  position: relative;
}

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

/* Label Style */
.labelCnt {
  composes: dInflex alignVertical from '~@zohodesk/components/es/common/common.module.css';
  line-height: 1.6667;
  color: var(--zdt_viewdropdown_label_text);
  cursor: pointer;
}

.labelText {
  font-size: var(--zd_font_size12) ;
  max-width: var(--zd_size180) ;
  composes: dotted from '~@zohodesk/components/es/common/common.module.css';
}

[dir=ltr] .labelText {
  margin-right: var(--zd_size5) ;
}

[dir=rtl] .labelText {
  margin-left: var(--zd_size5) ;
}

.labelCnt:hover .arrowIcon {
  color: var(--zdt_viewdropdown_hover_label_text);
}

.loader {
  padding: var(--zd_size12) var(--zd_size15) ;
}