@font-face {
  font-family: "OpenSans";
  src: url("../fonts/OpenSans-VariableFont_wdth_wght.ttf") format("truetype") tech("variations"), url("../fonts/OpenSans-VariableFont_wdth_wght.ttf") format("truetype-variations"), url("../fonts/OpenSans-Regular.ttf") format("truetype");
  font-weight: 300 800;
  font-stretch: 75% 100%;
}
@font-face {
  font-family: "TangoSans";
  src: url("../fonts/TangoSans.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
#wrapper #panelWrapper .pokeInfo .calcDropdown .calcSearchInput, #wrapper #panelWrapper .pokeInfo .moveGroup .moveWrapper .moveDropdown .moveSearchInput {
  font-family: "OpenSans";
  font-weight: 400;
}

#wrapper {
  margin: 1% 15%;
  padding: 15px;
  background-color: #555;
  border-radius: 10px;
}

#wrapper {
  background-color: transparent;
}
#wrapper .hide {
  display: none !important;
}
#wrapper .btn {
  display: flex;
  justify-content: center;
  align-items: center;
  user-select: none;
  cursor: pointer;
}
#wrapper .btn:has(input:checked) p {
  font-weight: bold;
}
#wrapper #moveResultWrapper {
  display: flex;
  justify-content: space-between;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 10px;
}
#wrapper #moveResultWrapper .left {
  display: flex;
  flex-direction: column;
}
#wrapper #moveResultWrapper .left .moveResult p {
  margin-left: 10px;
}
#wrapper #moveResultWrapper .right {
  display: flex;
  flex-direction: column;
}
#wrapper #moveResultWrapper .right .moveResult {
  flex-direction: row-reverse;
}
#wrapper #moveResultWrapper .right .moveResult p {
  margin-right: 10px;
}
#wrapper #moveResultWrapper .moveResult {
  display: flex;
  justify-content: center;
}
#wrapper #moveResultWrapper .moveResult input[type=radio] {
  appearance: none;
  margin: 0px;
}
#wrapper #moveResultWrapper .moveResult .btn {
  display: flex;
  justify-content: center;
  width: 200px;
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid #777;
}
#wrapper #moveResultWrapper .moveResult .btn.top {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
#wrapper #moveResultWrapper .moveResult .btn.bot {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
#wrapper #moveResultWrapper .moveResult .btn:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
#wrapper #moveResultWrapper .moveResult .btn p {
  font-size: 1.8rem;
  margin: 0px;
}
#wrapper #moveResultWrapper .moveResult .btn:has(input:checked) p {
  font-weight: bold;
}
#wrapper #calcResultWrapper {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
  padding: 5px;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 10px;
}
#wrapper #calcResultWrapper #mainResult {
  font-size: 1.8rem;
  font-weight: bold;
}
#wrapper #panelWrapper {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 450px 1fr;
  gap: 10px;
  margin-top: 10px;
}
#wrapper #panelWrapper input[type=number] {
  appearance: textfield;
  background-color: rgba(0, 0, 0, 0.8);
  border: 1px solid #777;
  border-radius: 4px;
  transition: box-shadow 0.25s ease-in-out;
}
#wrapper #panelWrapper input[type=number]::-webkit-outer-spin-button, #wrapper #panelWrapper input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
#wrapper #panelWrapper input[type=number]:focus {
  outline: none;
  box-shadow: 0px 0px 4px 1px #DF1338;
}
#wrapper #panelWrapper select {
  background-color: rgba(0, 0, 0, 0.8);
  border: 1px solid #777;
  border-radius: 4px;
}
#wrapper #panelWrapper #panelLeft {
  grid-column: 1/span 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#wrapper #panelWrapper #panelMiddle {
  grid-column: 2/span 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#wrapper #panelWrapper #panelRight {
  grid-column: 3/span 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#wrapper #panelWrapper .pokeInfo {
  display: grid;
  grid-template-rows: repeat(6, auto);
  grid-template-columns: repeat(2, auto);
  width: -moz-available;
  width: -webkit-fill-available;
  padding: 10px;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 10px;
}
#wrapper #panelWrapper .pokeInfo .calcDropdown {
  grid-row: 1/span 1;
  grid-column: 1/span 2;
  width: -moz-available;
  width: -webkit-fill-available;
}
#wrapper #panelWrapper .pokeInfo .calcDropdown label {
  width: inherit;
}
#wrapper #panelWrapper .pokeInfo .calcDropdown .calcSearchInput {
  width: inherit;
  padding: 7px;
  background-color: rgba(0, 0, 0, 0.8);
  border: 2px solid #777;
  border-radius: 4px;
  transition: box-shadow 0.25s ease-in-out;
}
#wrapper #panelWrapper .pokeInfo .calcDropdown .calcSearchInput::-webkit-search-decoration, #wrapper #panelWrapper .pokeInfo .calcDropdown .calcSearchInput::-webkit-search-cancel-button, #wrapper #panelWrapper .pokeInfo .calcDropdown .calcSearchInput::-webkit-search-results-button, #wrapper #panelWrapper .pokeInfo .calcDropdown .calcSearchInput::-webkit-search-results-decoration {
  display: none;
}
#wrapper #panelWrapper .pokeInfo .calcDropdown .calcSearchInput:focus {
  outline: none;
  box-shadow: 0px 0px 4px 2px #DF1338;
}
#wrapper #panelWrapper .pokeInfo .calcDropdown .calcDropdownContent {
  display: block;
  position: absolute;
  width: inherit;
  background-color: #333;
  box-shadow: 0px 0px 8px rgba(255, 255, 255, 0.5);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
#wrapper #panelWrapper .pokeInfo .calcDropdown .calcDropdownContent p {
  font-size: 1.7rem;
  padding: 10px;
}
#wrapper #panelWrapper .pokeInfo #playerTags, #wrapper #panelWrapper .pokeInfo #oppoTags {
  grid-row: 2/span 1;
  grid-column: 1/span 2;
  display: flex;
  justify-content: space-between;
  margin-top: 5px;
}
#wrapper #panelWrapper .pokeInfo #playerTags .tagsLeft, #wrapper #panelWrapper .pokeInfo #oppoTags .tagsLeft {
  display: flex;
  justify-content: flex-start;
  gap: 5px;
}
#wrapper #panelWrapper .pokeInfo #playerTags .tagsRight, #wrapper #panelWrapper .pokeInfo #oppoTags .tagsRight {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: 5px;
}
#wrapper #panelWrapper .pokeInfo #playerTags .btn, #wrapper #panelWrapper .pokeInfo #oppoTags .btn {
  width: fit-content;
  padding: 0px 5px;
  background-color: rgba(187, 134, 252, 0.3);
  border: 2px solid rgba(187, 134, 252, 0.5);
  border-radius: 10px;
}
#wrapper #panelWrapper .pokeInfo #playerTags .btn p, #wrapper #panelWrapper .pokeInfo #oppoTags .btn p {
  font-size: 1.4rem;
  padding: 0px;
}
#wrapper #panelWrapper .pokeInfo #playerTags .btn:hover, #wrapper #panelWrapper .pokeInfo #oppoTags .btn:hover {
  background-color: rgba(187, 134, 252, 0.5);
}
#wrapper #panelWrapper .pokeInfo #oppoTags {
  flex-direction: row-reverse;
}
#wrapper #panelWrapper .pokeInfo .genericGroup {
  grid-row: 3/span 1;
  grid-column: 1/span 1;
  display: flex;
  flex-direction: column;
  height: 100px;
  margin: 5px 0px;
}
#wrapper #panelWrapper .pokeInfo .genericGroup #levelLeft {
  width: 34px;
}
#wrapper #panelWrapper .pokeInfo .genericGroup .genWrapper {
  display: flex;
  align-items: center;
  gap: 5px;
}
#wrapper #panelWrapper .pokeInfo .genericGroup .genWrapper p {
  width: 80px;
  cursor: none;
  font-weight: bold;
}
#wrapper #panelWrapper .pokeInfo .pkmImgWrapper {
  grid-row: 3/span 1;
  grid-column: 2/span 1;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  top: 33px;
}
#wrapper #panelWrapper .pokeInfo .pkmImgWrapper img {
  max-height: 110px;
}
#wrapper #panelWrapper .pokeInfo .statGroup {
  grid-row: 4/span 1;
  grid-column: 1/span 1;
  display: grid;
  grid-template-rows: repeat(7, 30px);
  grid-template-columns: 90px repeat(4, 40px) 50px;
  gap: 5px;
}
#wrapper #panelWrapper .pokeInfo .statGroup .topLabel {
  grid-row: 1/span 1;
  justify-self: center;
  align-self: end;
  font-size: 1.4rem;
  font-weight: bold;
}
#wrapper #panelWrapper .pokeInfo .statGroup .hp {
  grid-row: 2/span 1;
}
#wrapper #panelWrapper .pokeInfo .statGroup .atk {
  grid-row: 3/span 1;
}
#wrapper #panelWrapper .pokeInfo .statGroup .def {
  grid-row: 4/span 1;
}
#wrapper #panelWrapper .pokeInfo .statGroup .spa {
  grid-row: 5/span 1;
}
#wrapper #panelWrapper .pokeInfo .statGroup .spd {
  grid-row: 6/span 1;
}
#wrapper #panelWrapper .pokeInfo .statGroup .spe {
  grid-row: 7/span 1;
}
#wrapper #panelWrapper .pokeInfo .statGroup .statLabel {
  grid-column: 1/span 1;
  align-self: center;
  width: 80px;
  font-size: 1.4rem;
  font-weight: bold;
}
#wrapper #panelWrapper .pokeInfo .statGroup .base {
  grid-column: 2/span 1;
}
#wrapper #panelWrapper .pokeInfo .statGroup .ivs {
  grid-column: 3/span 1;
}
#wrapper #panelWrapper .pokeInfo .statGroup .evs {
  grid-column: 4/span 1;
}
#wrapper #panelWrapper .pokeInfo .statGroup .statCalc {
  grid-column: 5/span 1;
  align-self: center;
}
#wrapper #panelWrapper .pokeInfo .statGroup .statCalc p {
  padding: 0px;
}
#wrapper #panelWrapper .pokeInfo .statGroup .statRank {
  grid-column: 6/span 1;
}
#wrapper #panelWrapper .pokeInfo .btlGroup {
  grid-row: 4/span 1;
  grid-column: 2/span 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
}
#wrapper #panelWrapper .pokeInfo .currHPGroup {
  grid-row: 5/span 1;
  grid-column: 1/span 2;
  display: flex;
  height: 30px;
  margin-top: 10px;
}
#wrapper #panelWrapper .pokeInfo .currHPGroup input {
  width: 34px;
}
#wrapper #panelWrapper .pokeInfo .currHPGroup p.bold {
  font-weight: bold;
}
#wrapper #panelWrapper .pokeInfo .moveGroup {
  grid-row: 6/span 1;
  grid-column: 1/span 2;
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-top: 10px;
}
#wrapper #panelWrapper .pokeInfo .moveGroup .moveWrapper {
  display: flex;
  gap: 5px;
  align-items: center;
  height: 30px;
}
#wrapper #panelWrapper .pokeInfo .moveGroup .moveWrapper input[type=checkbox] {
  appearance: none;
  margin: 0px;
}
#wrapper #panelWrapper .pokeInfo .moveGroup .moveWrapper input[type=number] {
  width: 34px;
}
#wrapper #panelWrapper .pokeInfo .moveGroup .moveWrapper .moveDropdown {
  width: 280px;
}
#wrapper #panelWrapper .pokeInfo .moveGroup .moveWrapper .moveDropdown label {
  width: inherit;
}
#wrapper #panelWrapper .pokeInfo .moveGroup .moveWrapper .moveDropdown .moveSearchInput {
  width: inherit;
  padding: 1px 5px;
  background-color: rgba(0, 0, 0, 0.8);
  border: 1px solid #777;
  border-radius: 4px;
  transition: box-shadow 0.25s ease-in-out;
}
#wrapper #panelWrapper .pokeInfo .moveGroup .moveWrapper .moveDropdown .moveSearchInput::-webkit-search-decoration, #wrapper #panelWrapper .pokeInfo .moveGroup .moveWrapper .moveDropdown .moveSearchInput::-webkit-search-cancel-button, #wrapper #panelWrapper .pokeInfo .moveGroup .moveWrapper .moveDropdown .moveSearchInput::-webkit-search-results-button, #wrapper #panelWrapper .pokeInfo .moveGroup .moveWrapper .moveDropdown .moveSearchInput::-webkit-search-results-decoration {
  display: none;
}
#wrapper #panelWrapper .pokeInfo .moveGroup .moveWrapper .moveDropdown .moveSearchInput:focus {
  outline: none;
  box-shadow: 0px 0px 4px 1px #DF1338;
}
#wrapper #panelWrapper .pokeInfo .moveGroup .moveWrapper .moveDropdown .moveDropdownContent {
  display: block;
  position: absolute;
  width: inherit;
  background-color: #333;
  box-shadow: 0px 0px 8px rgba(255, 255, 255, 0.5);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
#wrapper #panelWrapper .pokeInfo .moveGroup .moveWrapper .moveDropdown .moveDropdownContent p {
  font-size: 1.7rem;
  padding: 10px;
}
#wrapper #panelWrapper .pokeInfo .moveGroup .moveWrapper .btn {
  display: flex;
  justify-content: center;
  width: 40px;
  background-color: rgba(0, 0, 0, 0.8);
  border: 1px solid #777;
  border-radius: 4px;
}
#wrapper #panelWrapper .pokeInfo .moveGroup .moveWrapper .btn:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
#wrapper #panelWrapper .pokeInfo .moveGroup .moveWrapper .btn p {
  padding: 0px;
}
#wrapper #panelWrapper .pokeInfo .moveGroup .moveWrapper .btn:has(input:checked) p {
  font-weight: bold;
}
#wrapper #panelWrapper .pokeInfo #playerBoxPkm {
  grid-row: 7/span 1;
  grid-column: 1/span 2;
  display: grid;
  min-height: 100px;
  margin-top: 10px;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 10px;
}
#wrapper #panelWrapper .pokeInfo #trPartyPkm {
  grid-row: 7/span 1;
  grid-column: 1/span 2;
  display: flex;
  min-height: 100px;
  margin-top: 10px;
}
#wrapper #panelWrapper .fieldInfo {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: -moz-available;
  width: -webkit-fill-available;
  padding: 10px;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 10px;
}
#wrapper #panelWrapper .fieldInfo input[type=radio], #wrapper #panelWrapper .fieldInfo input[type=checkbox] {
  appearance: none;
  margin: 0px;
}
#wrapper #panelWrapper .fieldInfo .btn {
  width: fit-content;
  padding: 5px 10px;
  background-color: rgba(0, 0, 0, 0.8);
  border: 1px solid #777;
}
#wrapper #panelWrapper .fieldInfo .btn.full {
  border-radius: 10px;
}
#wrapper #panelWrapper .fieldInfo .btn.bot {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
#wrapper #panelWrapper .fieldInfo .btn.botLeft {
  border-bottom-left-radius: 10px;
}
#wrapper #panelWrapper .fieldInfo .btn.botRight {
  border-bottom-right-radius: 10px;
}
#wrapper #panelWrapper .fieldInfo .btn.left {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
#wrapper #panelWrapper .fieldInfo .btn.right {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
#wrapper #panelWrapper .fieldInfo .btn.top {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
#wrapper #panelWrapper .fieldInfo .btn.topLeft {
  border-top-left-radius: 10px;
}
#wrapper #panelWrapper .fieldInfo .btn.topRight {
  border-top-right-radius: 10px;
}
#wrapper #panelWrapper .fieldInfo .btn:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
#wrapper #panelWrapper .fieldInfo .btn p {
  padding: 0px;
}
#wrapper #panelWrapper .fieldInfo .btn:has(input:checked) {
  background-color: rgba(187, 134, 252, 0.3);
}
#wrapper #panelWrapper .fieldInfo .btn:has(input:checked):hover {
  background-color: rgba(187, 134, 252, 0.5);
}
#wrapper #panelWrapper .fieldInfo .btn:has(input:checked) p {
  font-weight: bold;
}
#wrapper #panelWrapper .fieldInfo .fieldGroup {
  display: flex;
  justify-content: center;
}
#wrapper #panelWrapper .fieldInfo .modGroup {
  display: flex;
  justify-content: space-between;
}
#wrapper #panelWrapper .fieldInfo .modGroup .modLeft {
  display: flex;
  justify-content: flex-start;
}
#wrapper #panelWrapper .fieldInfo .modGroup .modRight {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}
#wrapper #panelWrapper .fieldInfo .battleTypeGroup .btn {
  width: 79px;
}
#wrapper #panelWrapper .fieldInfo .weatherGroup .btn {
  width: 79px;
}
#wrapper #panelWrapper .fieldInfo .weatherGroup .btn:hover:has(input[type=radio].sun) {
  background-color: rgba(255, 64, 0, 0.5);
}
#wrapper #panelWrapper .fieldInfo .weatherGroup .btn:hover:has(input[type=radio].rain) {
  background-color: rgba(0, 64, 255, 0.5);
}
#wrapper #panelWrapper .fieldInfo .weatherGroup .btn:hover:has(input[type=radio].hail) {
  background-color: rgba(0, 128, 255, 0.5);
}
#wrapper #panelWrapper .fieldInfo .weatherGroup .btn:hover:has(input[type=radio].sand) {
  background-color: rgba(128, 64, 64, 0.5);
}
#wrapper #panelWrapper .fieldInfo .weatherGroup .btn:has(input[type=radio].sun:checked) {
  background-color: rgba(255, 64, 0, 0.3);
}
#wrapper #panelWrapper .fieldInfo .weatherGroup .btn:has(input[type=radio].sun:checked):hover {
  background-color: rgba(255, 64, 0, 0.5);
}
#wrapper #panelWrapper .fieldInfo .weatherGroup .btn:has(input[type=radio].rain:checked) {
  background-color: rgba(0, 64, 255, 0.3);
}
#wrapper #panelWrapper .fieldInfo .weatherGroup .btn:has(input[type=radio].rain:checked):hover {
  background-color: rgba(0, 64, 255, 0.5);
}
#wrapper #panelWrapper .fieldInfo .weatherGroup .btn:has(input[type=radio].hail:checked) {
  background-color: rgba(0, 128, 255, 0.3);
}
#wrapper #panelWrapper .fieldInfo .weatherGroup .btn:has(input[type=radio].hail:checked):hover {
  background-color: rgba(0, 128, 255, 0.5);
}
#wrapper #panelWrapper .fieldInfo .weatherGroup .btn:has(input[type=radio].sand:checked) {
  background-color: rgba(128, 64, 64, 0.3);
}
#wrapper #panelWrapper .fieldInfo .weatherGroup .btn:has(input[type=radio].sand:checked):hover {
  background-color: rgba(128, 64, 64, 0.5);
}
#wrapper #panelWrapper .fieldInfo .terrainGroup {
  flex-wrap: wrap;
}
#wrapper #panelWrapper .fieldInfo .terrainGroup .btn {
  width: 180px;
}
#wrapper #panelWrapper .fieldInfo .terrainGroup .btn:hover:has(input[type=radio].electric) {
  background-color: rgba(255, 255, 0, 0.5);
}
#wrapper #panelWrapper .fieldInfo .terrainGroup .btn:hover:has(input[type=radio].grassy) {
  background-color: rgba(0, 255, 0, 0.5);
}
#wrapper #panelWrapper .fieldInfo .terrainGroup .btn:hover:has(input[type=radio].misty) {
  background-color: rgba(255, 64, 255, 0.5);
}
#wrapper #panelWrapper .fieldInfo .terrainGroup .btn:hover:has(input[type=radio].psychic) {
  background-color: rgba(191, 0, 255, 0.5);
}
#wrapper #panelWrapper .fieldInfo .terrainGroup .btn:hover:has(input[type=radio].twilight) {
  background-color: rgba(255, 255, 255, 0.5);
}
#wrapper #panelWrapper .fieldInfo .terrainGroup .btn:has(input[type=radio].electric:checked) {
  background-color: rgba(255, 255, 0, 0.3);
}
#wrapper #panelWrapper .fieldInfo .terrainGroup .btn:has(input[type=radio].electric:checked):hover {
  background-color: rgba(255, 255, 0, 0.5);
}
#wrapper #panelWrapper .fieldInfo .terrainGroup .btn:has(input[type=radio].grassy:checked) {
  background-color: rgba(0, 255, 0, 0.3);
}
#wrapper #panelWrapper .fieldInfo .terrainGroup .btn:has(input[type=radio].grassy:checked):hover {
  background-color: rgba(0, 255, 0, 0.5);
}
#wrapper #panelWrapper .fieldInfo .terrainGroup .btn:has(input[type=radio].misty:checked) {
  background-color: rgba(255, 64, 255, 0.3);
}
#wrapper #panelWrapper .fieldInfo .terrainGroup .btn:has(input[type=radio].misty:checked):hover {
  background-color: rgba(255, 64, 255, 0.5);
}
#wrapper #panelWrapper .fieldInfo .terrainGroup .btn:has(input[type=radio].psychic:checked) {
  background-color: rgba(191, 0, 255, 0.3);
}
#wrapper #panelWrapper .fieldInfo .terrainGroup .btn:has(input[type=radio].psychic:checked):hover {
  background-color: rgba(191, 0, 255, 0.5);
}
#wrapper #panelWrapper .fieldInfo .terrainGroup .btn:has(input[type=radio].twilight:checked) {
  background-color: rgba(255, 255, 255, 0.3);
}
#wrapper #panelWrapper .fieldInfo .terrainGroup .btn:has(input[type=radio].twilight:checked):hover {
  background-color: rgba(255, 255, 255, 0.5);
}
#wrapper #panelWrapper .fieldInfo .roomGroup .btn {
  width: 180px;
}
#wrapper #panelWrapper .fieldInfo .gravityGroup .btn {
  width: 80px;
}
#wrapper #panelWrapper .importExportTitle {
  margin-top: 5px;
}
#wrapper #panelWrapper .importExportGroup {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  width: -moz-available;
  width: -webkit-fill-available;
  padding: 10px;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 10px;
}
#wrapper #panelWrapper .importExportGroup textarea {
  width: -moz-available;
  width: -webkit-fill-available;
  min-height: 100px;
  padding: 5px;
  resize: vertical;
  color: white;
  background-color: rgba(0, 0, 0, 0.8);
  border: 2px solid #777;
  border-radius: 10px;
}
#wrapper #panelWrapper .importExportGroup textarea:focus {
  outline: none;
}
#wrapper #panelWrapper .importExportGroup .btn {
  width: fit-content;
  padding: 5px 10px;
  background-color: rgba(187, 134, 252, 0.5);
  border: 2px solid rgba(187, 134, 252, 0.3);
  border-radius: 10px;
}
#wrapper #panelWrapper .importExportGroup .btn:hover {
  background-color: rgba(187, 134, 252, 0.3);
}
#wrapper #panelWrapper .importExportGroup .btn p {
  padding: 0px;
}