@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

/* global style */

#fastbet-rules, #cashout-rules {
  font-family: 'Open Sans', sans-serif;
  color: #383e4d;
  font-size: 14px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 0 32px 96px;
}

/* utility classes */

.flex {
  display: flex;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.flex-align-center {
  display: flex;
  align-items: center;
}

.flex-justify-center {
  display: flex;
  justify-content: center;
}

.flex-wrap {
  flex-wrap: wrap;
}

.text-align--center {
  text-align: center;
}

.text--light {
  color: #ffffff;
}

.text--blue {
  color: #687ca7;
}

.font-size--xs {
  font-size: 0.25rem;
}

.font-size--s {
  font-size: 0.5rem;
}

.font-size--reg {
  font-size: 1rem;
}

.font-size--l {
  font-size: 1.5rem;
}

.font-size--xl {
  font-size: 2rem;
}

.font-weight--bold {
  font-weight: bold;
}

.font-weight--light {
  font-weight: lighter;
}

.bg--dark {
  background-color: #383e4d;
}

.border-radius-1 {
  border-radius: 0.25rem;
}

.border-radius-2 {
  border-radius: 0.5rem;
}

.border-radius-3 {
  border-radius: 0.75rem;
}

.border-radius-4 {
  border-radius: 1rem;
}

.gap-1 {
  gap: 0.25rem;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-3 {
  gap: 0.75rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-5 {
  gap: 1.25rem;
}

.gap-6 {
  gap: 1.5rem;
}

.gap-7 {
  gap: 1.75rem;
}

.gap-8 {
  gap: 2rem;
}

.p-1 {
  padding: 1.25rem;
}

.p-2 {
  padding: 0.5rem;
}

.p-3 {
  padding: 0.75rem;
}

.p-4 {
  padding: 1rem;
}

.p-5 {
  padding: 1.25rem;
}

.p-6 {
  padding: 1.5rem;
}

.p-7 {
  padding: 1.75rem;
}

.p-8 {
  padding: 2rem;
}

.px-1 {
  padding: 0 1.25rem;
}

.px-2 {
  padding: 0 0.5rem;
}

.px-3 {
  padding: 0 0.75rem;
}

.px-4 {
  padding: 0 1rem;
}

.px-5 {
  padding: 0 1.25rem;
}

.px-6 {
  padding: 0 1.5rem;
}

.px-7 {
  padding: 0 1.75rem;
}

.px-8 {
  padding: 0 2rem;
}

.py-1 {
  padding: 1.25rem 0;
}

.py-2 {
  padding: 0.5rem 0;
}

.py-3 {
  padding: 0.75rem 0;
}

.py-4 {
  padding: 1rem 0;
}

.py-5 {
  padding: 1.25rem 0;
}

.py-6 {
  padding: 1.5rem 0;
}

.py-7 {
  padding: 1.75rem 0;
}

.py-8 {
  padding: 2rem 0;
}

.m-1 {
  margin: 1.25rem;
}

.m-2 {
  margin: 0.5rem;
}

.m-3 {
  margin: 0.75rem;
}

.m-4 {
  margin: 1rem;
}

.m-5 {
  margin: 1.25rem;
}

.m-6 {
  margin: 1.5rem;
}

.m-7 {
  margin: 1.75rem;
}

.m-8 {
  margin: 2rem;
}