select,
textarea {
  background-color: transparent !important;
}
option {
  color: #000 !important;
}
.ipsContained .my-cards input {
  box-shadow: none !important;
}
#root .group {
  height: 36px;
  cursor: pointer;
}

.ipsContained input, .ipsContained select, .ipsContained textarea {
  font-size: 14px !important
}

.ipsContained div {
  background: transparent !important;
  /* color: inherit !important; */
  border-color: inherit !important;
}

.ipsContained .my-cards {
  background: var(--box--backgroundColor) !important;
  border-radius: 3px;
}

.ipsContained .my-cards > div > div > div {
  color: var(--theme-text_color) !important;
}

.my-cards > div {
  cursor: pointer;
}

.my-cards > div:nth-of-type(2) {
  background-color: var(--box--backgroundColor) !important;
  box-shadow: var(--popup--boxShadow) !important;
  border: 1px solid black;
  /* background-color: rgb( var(--theme-profile_header) ) !important; */
}

.my-cards .group button {
  margin-top: -2px;
}

.my-cards .group.group-focused {
  background: rgba(var(--theme-area_background), 0.5) !important;
}

.my-cards .group.group-selected {
  background: rgb(var(--theme-area_background_dark)) !important;
  color: #fff !important;
  font-weight: bold !important;
  cursor: default !important;
}

.ipsContained .group:last-child {
  margin-bottom: -12px;
}

input[type="file"] {
  background: inherit !important;
  border-width: 1px !important;
  border-color: inherit !important;
  color: inherit !important;
  /* background: rgb( var(--theme-area_background_dark) ) !important; */
}

.ipsReact_reactCount a {
  display: flex;
}

.ipsContained .dropdown {
  background-color: var(--box--backgroundColor) !important;
   box-shadow: var(--popup--boxShadow) !important;
  border: 1px solid black;
      z-index: 999;
  
}

.ipsContained .dropdown > div > div {
  color: var(--theme-text_color) !important;
}

.ipsContained .dropdown > div > .cursor-pointer:hover {
  background: rgba(var(--theme-area_background), 0.5) !important;
}

.ipsContained .mycards-container {
  /* box-shadow: var(--dropdown--boxShadow) !important; */
  background: rgba(var(--theme-area_background), 1) !important;
}

.cyberpunk-button~.dropdown {
  width: 338px !important;
}

.cyberpunk-button~.dropdown label.text-gray-700 {
    color: var(--theme-text_color) !important;
}