.nice-select {

  -webkit-tap-highlight-color: transparent;

  color: #b8e2d9; width: 100%;
 
background: rgba(255, 255, 255, 0.1);
 

  border: 1px solid rgba(255, 255, 255, 0.3);

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  clear: both;

  cursor: pointer;

  display: block;

  float: left;

  font-family: inherit;

  font-size: 16px;

  font-weight: normal;

  height: 40px;

  line-height: 40px;

  outline: none;

  padding-left: 15px;

  padding-right: 44px;

  position: relative;

  text-align: left !important;

  -webkit-transition: all 0.2s ease-in-out;

  transition: all 0.2s ease-in-out;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  white-space: nowrap;

 

}

/* .nice-select:hover {

  background-color: var(--rs-theme-primary);

} */

.style-2 .nice-select:hover {

  background-color: var(--rs-theme-primary);

  color: var(--rs-white);

}

.style-2:hover .nice-select::after {

  color: var(--rs-white);

}



.nice-select:active,

.nice-select.open,

.nice-select:focus {

  /* border-color: #999; */

  border-color: 0;

}

.nice-select:after {

  display: block;

  height: auto;

  pointer-events: none;

  position: absolute;

  inset-inline-end: 20px;

  top: 50%;

  -webkit-transition: all 0.15s ease-in-out;

  transition: all 0.15s ease-in-out;

  content: "\f107";

  font-family: "Font Awesome 6 Pro";

  font-size: 16px;

  -webkit-transform: translateY(-50%);

      -ms-transform: translateY(-50%);

          transform: translateY(-50%);

  margin-top: 0;

  height: auto;

  width: auto;

color: var(--rs-white);

  -webkit-transition: 0.3s;

  transition: 0.3s;

}

.is-white .nice-select span {

  color: var(--rs-white);

}

.is-white .nice-select::after {

  color: var(--rs-white);

}

.is-white:hover .nice-select::after {

  color: var(--rs-white);

}



.nice-select.open:after {

  -webkit-transform: translateY(-50%) rotate(-180deg);

  -ms-transform: translateY(-50%) rotate(-180deg);

  transform: translateY(-50%) rotate(-180deg);

}

.nice-select.open .list {

  opacity: 1;

  pointer-events: auto;

  -webkit-transform: scale(1) translateY(0);

  -ms-transform: scale(1) translateY(0);

  transform: scale(1) translateY(0);

}

.df-input-field .nice-select.open .list {

  width: 100%;

}

.nice-select.disabled {

  border-color: #ededed;

  color: #999;

  pointer-events: none;

}

.nice-select.disabled:after {

  border-color: #cccccc;

}

.nice-select.wide {

  width: 100%;

}

.nice-select.wide .list {

  left: 0 !important;

  right: 0 !important;

}

.nice-select.right {

  float: right;

}

.nice-select.right .list {

  left: auto;

  right: 0;

}

.nice-select.small {

  font-size: 12px;

  height: 36px;

  line-height: 34px;

}

.nice-select.small:after {

  height: 4px;

  width: 4px;

}

.nice-select.small .option {

  line-height: 34px;

  min-height: 34px;

}

.nice-select .list {

  color: var(--rs-black);

  background-color: #fff;

  

  -webkit-box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);

          box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  margin-top: 4px;

  opacity: 0;

   

  padding: 0;

  pointer-events: none;

  position: absolute;

  top: 100%;

  left: 0;

  -webkit-transform-origin: 50% 0;

  -ms-transform-origin: 50% 0;

  transform-origin: 50% 0;

  -webkit-transform: scale(0.75) translateY(-21px);

  -ms-transform: scale(0.75) translateY(-21px);

  transform: scale(0.75) translateY(-21px);

  -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25),

    opacity 0.15s ease-out;

  -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;

  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;

  z-index: 1000000;

}

.nice-select .list:hover .option:not(:hover) {

  background-color: transparent !important;

}

.nice-select .option {

  cursor: pointer;

  font-weight: normal;

  line-height: 20px;

  list-style: none;
 font-size: 14px;

  outline: none;

  -webkit-padding-start: 18px;

     -moz-padding-start: 18px;

          padding-inline-start: 18px;

  -webkit-padding-end: 29px;

     -moz-padding-end: 29px;

          padding-inline-end: 29px;

  text-align: start;

  -webkit-transition: all 0.2s;

  transition: all 0.2s;

  color: #787878;

}

/* .nice-select .option:hover,

.nice-select .option.focus,

.nice-select .option.selected.focus {

  background-color: #f6f6f6;

} */

.nice-select .option.selected {

  font-weight: bold;

}

.nice-select .option.disabled {

  background-color: transparent;

  color: #999;

  cursor: default;

}



.no-csspointerevents .nice-select .list {

  display: none;

}



.no-csspointerevents .nice-select.open .list {

  display: block;

}