._1g66zyp0 {
  width: 100%;
}
._1g66zyp1 {
  width: 18px;
  height: 18px;
}
._1g66zyp3 {
  isolation: isolate;
  position: relative;
  border-width: 1px;
  border-style: solid;
  transition-property: border-color;
  border-color: transparent;
  padding: 11px 24px;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
}
label:focus-within ._1g66zyp3 {
  border-color: color-mix(in srgb, var(--eofi4se) 80%, var(--eofi4s4));
}
._1g66zyp5 {
  background-color: var(--eofi4s1);
}
._1g66zyp6 {
  background-color: var(--eofi4se);
}
._1g66zyp8 {
  color: var(--eofi4s4);
}
._1g66zyp8::placeholder {
  color: var(--eofi4s5);
}
._1g66zyp8::-webkit-input-placeholder {
  color: var(--eofi4s5);
}
._1g66zyp8::-moz-placeholder {
  color: var(--eofi4s5);
}
._1g66zypa {
  color: var(--eofi4s4);
  opacity: 0;
}
._1g66zypa:disabled {
  pointer-events: none;
}
label:focus-within
  input:not(:placeholder-shown)
  ~ *:not(:focus):not(:focus-within)
  ~ ._1g66zypc:not(:disabled),
label:focus-within input:not(:placeholder-shown) + ._1g66zypc:not(:disabled),
._1g66zypc:focus-visible:not(:disabled) {
  margin-left: 0;
  opacity: 1;
}
input:not(:placeholder-shown) + ._1g66zypd:not(:disabled),
._1g66zypd:focus-visible:not(:disabled) {
  margin-left: 0;
  opacity: 1;
}
@media screen and (max-width: 767px) {
  ._1g66zyp3 {
    padding: 15px 24px;
  }
}
._1m08t4l1:focus-visible {
  background-color: var(--eofi4sg);
}
._1m08t4l2 {
  border-color: var(--eofi4se);
  background-color: #1c1c1c;
  color: #fffdf8;
}
._1m08t4l1:hover ._1m08t4l2 {
  border-color: var(--eofi4sg);
}
darkPurple
  ._1m08t4l2:not(.light ._1m08t4l2):not(.violet ._1m08t4l2):not(.purple
    ._1m08t4l2):not(.cash ._1m08t4l2) {
  background-color: #fffdf8;
  color: #1c1c1c;
}
dark
  ._1m08t4l2:not(.light ._1m08t4l2):not(.violet ._1m08t4l2):not(.purple
    ._1m08t4l2):not(.cash ._1m08t4l2) {
  background-color: #fffdf8;
  color: #1c1c1c;
}
connect
  ._1m08t4l2:not(.light ._1m08t4l2):not(.violet ._1m08t4l2):not(.purple
    ._1m08t4l2):not(.cash ._1m08t4l2) {
  background-color: #fffdf8;
  color: #1c1c1c;
}
._1m08t4l6 {
  box-shadow: 0 0 10px 0 var(--eofi4s0);
}
._1m08t4l8 {
  top: calc(100% + 8px);
  background-color: var(--eofi4se);
}
._1m08t4l8:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 24px;
  background-color: var(--eofi4s3);
  z-index: -2;
}
._1m08t4la {
  overflow-y: auto;
  overscroll-behavior: contain;
  box-shadow: var(--eofi4s13);
  background-color: var(--eofi4s3);
  border-radius: 24px;
}
._1m08t4la:before {
  content: "";
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  padding: 1px;
  z-index: -1;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  -webkit-mask-composite: xor;
  border-radius: 24px;
  background: var(--eofi4s12);
}
._1m08t4lb {
  max-height: 50vh;
}
._1m08t4ld {
  color: var(--eofi4s5);
}
._1m08t4le,
._1m08t4lf {
  color: var(--eofi4s4);
}
._1m08t4lg {
  color: var(--eofi4s5);
}
._1m08t4lh {
  background-color: var(--eofi4s1);
}
@media (hover: hover) {
  ._1m08t4l1:hover {
    background-color: var(--eofi4sg);
  }
}
._1sxo91c1 {
  width: 100%;
}
._1sxo91c2 {
  padding: 8px;
}
._1sxo91c7 {
  padding: 12px 16px;
}
._1sxo91c8 {
  width: 18px;
  height: 18px;
}
._1sxo91cb {
  background-color: #000;
}
._1sxo91cc {
  background-color: transparent;
}
._1sxo91cd {
  z-index: 30;
}
._1sxo91ce {
  z-index: 10;
}