@zohodesk/dot/es/deprecated/SelectDropdown/SelectDropdown.module.css

In this Library, we Provide Some Basic Components to Build Your Application

/* css:lineheight-validation:ignore */
.container {
  position: relative;
  line-height: var(--zd_size18);
  composes: dInflex alignVertical from '~@zohodesk/components/lib/common/common.module.css';
  padding: var(--zd_size3) var(--zd_size15) ;
  cursor: pointer;
}
[dir=ltr] .container {
  margin-left: var(--zd_size15) ;
}
[dir=rtl] .container {
  margin-right: var(--zd_size15) ;
}
.container:hover {
  background: var(--zdt_selectdropzdt_selectdropdown_hover_bg down_hover_bg);
}
.departName {
  font-size: var(--zd_font_size13) ;
  color: var(--zdt_selectdropdown_departname_text);
  composes: flexgrow dotted offSelection from '~@zohodesk/components/lib/common/common.module.css';
}
.departIcon {
  color: var(--zdt_selectdropdown_departicon);
  cursor: pointer;
}
[dir=ltr] .departIcon {
  margin-left: var(--zd_size5) ;
}
[dir=rtl] .departIcon {
  margin-right: var(--zd_size5) ;
}
.rulesPopup {
  max-height: var(--zd_size260) ;
  padding: var(--zd_size10) 0 ;
}

.rulesDepart {
  margin: 0 var(--zd_size5) var(--zd_size10) var(--zd_size5) ;
}
.searchDepart {
  padding: 0 var(--zd_size20) ;
  margin: 0 0 var(--zd_size10) 0 ;
}

/*Variables */
/* select dropdown */

[data-mode='dark'] {
  --zdt_selectdropdown_hover_bg: var(--dot_smoke64);
  --zdt_selectdropdown_departname_text: var(--zd_dark4);
  --zdt_selectdropdown_departicon: var(--zd_dark5);
}

[data-mode='default'] {
  --zdt_selectdropdown_hover_bg: var(--dot_smoke64);
  --zdt_selectdropdown_departname_text: var(--zd_dark4);
  --zdt_selectdropdown_departicon: var(--zd_dark5);
}