@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap");
html {
  background: url("./images/bg.jpg") no-repeat center/cover !important;
  font-family: "Poppins", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif !important;
}

#root {
  color: #2E3132 !important;
}

#root::before, #root::after,
#root .gradiant-border-bottom {
  border: 0 !important;
  background: transparent !important;
}
#root header .flex-shrink-0 {
  background: url("./images/logo.png") no-repeat center/contain !important;
}
#root header .flex-shrink-0 .w-auto {
  opacity: 0 !important;
}
#root header .text-primary {
  color: #1f2328 !important;
}
#root header .text-high-emphesis {
  font-weight: bold !important;
}
#root header .w-auto.flex.items-center.rounded.bg-dark-900.whitespace-nowrap.text-sm.font-bold.cursor-pointer.select-none.pointer-events-auto {
  background: transparent !important;
}
#root header #connect-wallet {
  background: #1f2328 !important;
  border: 0 !important;
  height: 30px;
  border-radius: 999.9rem;
}
#root header #connect-wallet .sc-hwwEjo {
  color: #fff !important;
}
#root header .iUXdek {
  background: #3965E5 !important;
  border: 0 !important;
}
#root header .p-0\.5 {
  padding: 0 !important;
}
#root .bg-dark-900,
#root .md\:bg-dark-900,
#root #fhohnZ,
#root #fGvCeX,
#root #cTaCnY,
#root #dUFqBX,
#root input {
  background: #fff !important;
  background-color: #fff !important;
}
#root .bg-dark-900 .kAfHSm,
#root .md\:bg-dark-900 .kAfHSm,
#root #fhohnZ .kAfHSm,
#root #fGvCeX .kAfHSm,
#root #cTaCnY .kAfHSm,
#root #dUFqBX .kAfHSm,
#root input .kAfHSm {
  background: #3965E5 !important;
  border-radius: 2.0625rem !important;
  color: #fff !important;
}
#root .bg-dark-900 .flex.items-center.rounded,
#root .md\:bg-dark-900 .flex.items-center.rounded,
#root #fhohnZ .flex.items-center.rounded,
#root #fGvCeX .flex.items-center.rounded,
#root #cTaCnY .flex.items-center.rounded,
#root #dUFqBX .flex.items-center.rounded,
#root input .flex.items-center.rounded {
  border: 0 !important;
}
#root .bg-dark-900 .flex.items-center.rounded .bg-dark-800.rounded-sm.h-full.w-full,
#root .md\:bg-dark-900 .flex.items-center.rounded .bg-dark-800.rounded-sm.h-full.w-full,
#root #fhohnZ .flex.items-center.rounded .bg-dark-800.rounded-sm.h-full.w-full,
#root #fGvCeX .flex.items-center.rounded .bg-dark-800.rounded-sm.h-full.w-full,
#root #cTaCnY .flex.items-center.rounded .bg-dark-800.rounded-sm.h-full.w-full,
#root #dUFqBX .flex.items-center.rounded .bg-dark-800.rounded-sm.h-full.w-full,
#root input .flex.items-center.rounded .bg-dark-800.rounded-sm.h-full.w-full {
  background: transparent !important;
}
#root .bg-dark-900 .flex.items-center.rounded .bg-dark-800.rounded-sm.h-full.w-full svg path,
#root .md\:bg-dark-900 .flex.items-center.rounded .bg-dark-800.rounded-sm.h-full.w-full svg path,
#root #fhohnZ .flex.items-center.rounded .bg-dark-800.rounded-sm.h-full.w-full svg path,
#root #fGvCeX .flex.items-center.rounded .bg-dark-800.rounded-sm.h-full.w-full svg path,
#root #cTaCnY .flex.items-center.rounded .bg-dark-800.rounded-sm.h-full.w-full svg path,
#root #dUFqBX .flex.items-center.rounded .bg-dark-800.rounded-sm.h-full.w-full svg path,
#root input .flex.items-center.rounded .bg-dark-800.rounded-sm.h-full.w-full svg path {
  stroke: #C3C5CB !important;
}
#root .bg-dark-800 {
  background: #F2F2F2 !important;
  background-color: #F2F2F2 !important;
}
#root .bg-dark-800 svg path {
  stroke: #E2E2E2 !important;
}
#root .bg-dark-800 .border {
  border: 0 !important;
  color: #000 !important;
}
#root .bg-dark-800.rounded-full.p-3 {
  background: #808080 !important;
  background-color: #808080 !important;
}
#root .bg-dark-900 .rounded-md.grid {
  border-radius: 2.3125rem !important;
  background: #F2F2F2 !important;
  background-color: #F2F2F2 !important;
}
#root .bg-dark-900 .rounded-md.grid .text-high-emphesis {
  border-radius: 1.9375rem !important;
  font-weight: bold !important;
  color: #000 !important;
}
#root a.text-center.text-secondary.text-base,
#root .bg-purple .text-caption {
  color: #000 !important;
}
#root .flex-1.flex-col.items-start.justify-center.w-full.overflow-x-hidden svg path {
  stroke: #000 !important;
}
#root .text-gray-500.text-sm.leading-5 {
  color: #fff !important;
}
#root input {
  color: #000 !important;
}
#root #pool-page .bg-purple {
  background: transparent !important;
}
#root #pool-page .bg-purple .text-2xl.font-medium {
  color: #000 !important;
}
#root #pool-page .text-xl.text-high-emphesis.font-medium {
  color: #000 !important;
}
#root #pool-page button.rounded {
  border-radius: 2rem !important;
}
#root #pool-page button#join-pool-button {
  background: #3965E5 !important;
  color: #fff !important;
}
#root .container.max-w-2xl.mx-auto .relative.h-full.bg-dark-900 div input {
  color: #000 !important;
}
#root .container.max-w-2xl.mx-auto .relative.h-full.bg-dark-900 div .px-2.py-4 button.bg-blue {
  background: #3965E5 !important;
  color: #fff !important;
}
#root .container.max-w-2xl.mx-auto .relative.h-full.bg-dark-900 div .px-2.py-4 button.bg-pink {
  background: #2FB97A !important;
  color: #fff !important;
}
#root .bg-dark-900.shadow-swap-blue-glow .flex.w-full.h-14.bg-dark-800.rounded {
  border-radius: 2.3125rem !important;
}
#root .bg-dark-900.shadow-swap-blue-glow .flex.justify-center.items-center.rounded-lg {
  border-radius: 1.9375rem !important;
}
#root .bg-dark-900.shadow-swap-blue-glow .flex.justify-center.items-center.rounded-lg p {
  color: #000 !important;
}
#root .bg-dark-900.shadow-swap-blue-glow .text-large.font-bold.text-high-emphesis {
  color: #000 !important;
}
#root .bg-dark-900.shadow-swap-blue-glow .border-gradient-r-pink-red-light-brown-dark-pink-red.border-transparent.border-solid.border.rounded-3xl.text-high-emphesis.text-xs.font-medium {
  background: #F2F2F2 !important;
  color: #000 !important;
}
#root .bg-dark-900.shadow-swap-blue-glow .flex.items-center.text-secondary.text-caption2 button {
  background: #2FB97A !important;
  border: 0 !important;
  color: #fff !important;
}
#root .bg-dark-900.shadow-swap-blue-glow .flex.justify-center.items-center.w-full.h-14.rounded.font-bold.bg-dark-700 {
  background: #3965E5 !important;
  border-radius: 2.0625rem !important;
  color: #fff !important;
}
#root .hidden.w-72.ml-6 {
  margin-top: 1rem !important;
}
#root .hidden.w-72.ml-6 .text-lg.font-bold.text-high-emphesis,
#root .hidden.w-72.ml-6 .flex-col .font-bold.text-high-emphesis,
#root .hidden.w-72.ml-6 .flex-col .text-primary {
  color: #000 !important;
}
#root .hidden.w-72.ml-6 img.w-10 {
  max-width: 3rem !important;
}
#root .hidden.justify-center.align-center.w-72.ml-6 {
  background: url("./images/coin.png") no-repeat center/contain !important;
}
#root .hidden.justify-center.align-center.w-72.ml-6 img {
  opacity: 0 !important;
}

.YVHTi {
  background: #fff !important;
  background-color: #fff !important;
}
.YVHTi .absolute.top-0.right-0 {
  top: 15px !important;
  right: 15px !important;
}
.YVHTi .roJoP:hover {
  background: #fff !important;
  background-color: #fff !important;
}
.YVHTi .relative.mb-2 {
  padding: 22px 20px 0 !important;
}
.YVHTi .mt-3.mb-8,
.YVHTi .sc-bsbRJL.fqSddD {
  padding: 0 20px !important;
}
.YVHTi .border-gradient-r-blue-pink-dark-900 {
  background: #F2F2F2 !important;
  background-color: #F2F2F2 !important;
  color: #000 !important;
}
.YVHTi .css-8mokm4 {
  color: #25125B !important;
}
.YVHTi .fAkedb {
  color: #8A82B1 !important;
}
/*# sourceMappingURL=style.css.map */