/* [project]/src/styles/globals.css [client] (css) */
@font-face {
  font-family: Satoshi;
  src: url("../media/Satoshi-Regular.60f3af6d.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Satoshi;
  src: url("../media/Satoshi-Medium.a85133ad.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: Satoshi;
  src: url("../media/Satoshi-Bold.7cb24862.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: Satoshi !important;
}

main {
  overflow: hidden !important;
}

::-webkit-scrollbar {
  width: .2em;
  height: .2em;
  display: block;
}

.BigScrollBar ::-webkit-scrollbar {
  width: .4em;
  height: .4em;
}

::-webkit-scrollbar-thumb {
  background-color: #ff8300;
}

input:-webkit-autofill {
  transition: background-color 5000s ease-in-out;
  -webkit-box-shadow: inset 0 0 0 30px #fff !important;
}

input:-webkit-autofill:hover {
  transition: background-color 5000s ease-in-out;
  -webkit-box-shadow: inset 0 0 0 30px #fff !important;
}

input:-webkit-autofill:focus {
  transition: background-color 5000s ease-in-out;
  -webkit-box-shadow: inset 0 0 0 30px #fff !important;
}

input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out;
  -webkit-box-shadow: inset 0 0 0 30px #fff !important;
}

input[type="number"]::-webkit-inner-spin-button {
  appearance: none;
  margin: 0;
}

input[type="number"]::-webkit-outer-spin-button {
  appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

.animated-bg {
  z-index: 0;
  pointer-events: none;
  position: fixed;
  inset: 0;
  overflow: hidden;
}

.animated-bg span {
  opacity: .35;
  border-radius: 50%;
  animation: linear infinite floatUp;
  display: block;
  position: absolute;
}

.animated-bg span:first-child {
  background: #ff830014;
  width: 160px;
  height: 160px;
  animation-duration: 22s;
  animation-delay: 0s;
  bottom: -120px;
  left: 8%;
}

.animated-bg span:nth-child(2) {
  background: #ff830010;
  width: 220px;
  height: 220px;
  animation-duration: 28s;
  animation-delay: 4s;
  bottom: -300px;
  left: 22%;
}

.animated-bg span:nth-child(3) {
  background: #ff830018;
  width: 180px;
  height: 180px;
  animation-duration: 24s;
  animation-delay: 2s;
  bottom: -200px;
  left: 40%;
}

.animated-bg span:nth-child(4) {
  background: #ff83000f;
  width: 260px;
  height: 260px;
  animation-duration: 30s;
  animation-delay: 6s;
  bottom: -350px;
  left: 60%;
}

.animated-bg span:nth-child(5) {
  background: #ff830016;
  width: 200px;
  height: 200px;
  animation-duration: 26s;
  animation-delay: 3s;
  bottom: -180px;
  left: 75%;
}

.animated-bg span:nth-child(6) {
  background: #ff83001c;
  width: 140px;
  height: 140px;
  animation-duration: 20s;
  animation-delay: 5s;
  bottom: -250px;
  left: 90%;
}

@keyframes floatUp {
  0% {
    opacity: .35;
    transform: translateY(0)scale(1);
  }

  50% {
    opacity: .5;
  }

  100% {
    opacity: 0;
    transform: translateY(-130vh)scale(1.2);
  }
}

.policy-html table {
  border-collapse: collapse;
  width: 100%;
  margin: 1.5em 0;
}

.policy-html th, .policy-html td {
  text-align: left;
  border: 1px solid #ddd;
  padding: 10px 12px;
}

.policy-html th {
  background: #fff0e6;
  font-weight: 600;
}

.policy-html tr:nth-child(2n) {
  background: #fffcf7;
}

.policy-html img {
  max-width: 100%;
  height: auto;
}

.policy-html a {
  color: #ff8300;
  font-weight: 500;
  text-decoration: none;
}

.policy-html a:hover {
  opacity: .85;
  text-decoration: underline;
}

.policy-html ul, .policy-html ol {
  margin-left: 0;
  padding-left: 20px;
}

.policy-html li {
  margin-bottom: 6px;
}

/*# sourceMappingURL=src_styles_globals_5bb75e7e.css.map*/