@zohodesk/dot/lib/dropdown/ToggleDropDown/ToggleDropDown.module.css

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

.wrapper {
  position: relative;
  max-width: 100% ;
}
.maxHgt {
  max-height: var(--zd_size265) ;
  padding-inline:0 ;
  padding-block:var(--zd_size10) ;
}
.responsivemaxHgt {
  padding: 0 ;
}
.title {
  padding-block-start: var(--zd_size6) ;
}
.default_arrow,
.overlay_arrow {
  padding-inline:var(--zd_size5) 0 ;
  padding-block:0 ;
}
.overlay_arrow {
  position: absolute;
  top: 50% ;
  transform: translateY(-50%) perspective(1px);
}
[dir=ltr] .overlay_arrow {
  left: 100% ;
}
[dir=rtl] .overlay_arrow {
  right: 100% ;
}
.hoverIcon .arrow {
  opacity: 0;
  visibility: hidden;
}
.hoverIcon:hover .arrow
/* .hoverIcon:focus .arrow  */
{
  opacity: 1;
  visibility: visible;
}
.value {
  composes: dotted  offSelection from '~@zohodesk/components/es/common/common.module.css';
}
.search {
  padding-block: var(--zd_size6) 0 ;
  padding-inline:var(--zd_size20) ;
}
.svgWrapper {
  padding-block-end: var(--zd_size25) ;
}
.cursorDefault {
  cursor: default;
}
.cursor {
  cursor: pointer;
}
[dir=ltr] .dropBoxContainer {
  text-align: left;
}
[dir=rtl] .dropBoxContainer {
  text-align: right;
}
.iconBox {
  margin-inline-end: var(--zd_size4) ;
}
.iconBox > i {
  display: block;
}
.loader {
  width: var(--zd_size40) ;
  margin: 0 auto ;
}
.seperatedLine {
  height: var(--zd_size1) ;
  margin-inline: 0 ;
  margin-block: var(--zd_size7) var(--zd_size8) ;
  border-bottom: 1px solid var(--zdt_toggledropdown_line_border);
}
.hiddenInput {
  width: 0 ;
  height: 0 ;
  opacity: 0;
  position: absolute;
}
.hiddenInputElement{
  width: 100% ;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0 ;
  border: 0;
}
.groupName {
  margin-inline: 0 ;
  margin-block: var(--zd_size6) ;
}
.dropdown {
  background-color: transparent;
}