@charset "utf-8";

.accordion-wrap.active .accordion-header button[data-v-2f687bc4] { color: rgb(255, 255, 255); }

.accordion-wrap.active .accordion-header button[data-v-2f687bc4]::after { right: 0px; }

.accordion-wrap + .accordion-wrap[data-v-2f687bc4] { margin-top: 40px; }

.accordion-wrap .accordion-header button[data-v-2f687bc4] { align-items: center; color: rgb(115, 115, 115); display: flex; flex-wrap: wrap; font-size: 20px; font-weight: 500; justify-content: space-between; letter-spacing: 0.6px; line-height: 24px; overflow: hidden; padding-bottom: 16px; position: relative; text-align: left; width: 100%; }

@media screen and (min-width: 768px) {
  .accordion-wrap .accordion-header button[data-v-2f687bc4] { font-size: 22px; letter-spacing: 0.66px; line-height: 26px; }
}

@media screen and (min-width: 1244px) {
  .accordion-wrap .accordion-header button[data-v-2f687bc4] { font-size: 24px; letter-spacing: 0.72px; line-height: 32px; }
}

.accordion-wrap .accordion-header button[data-v-2f687bc4]::before { background-color: rgba(255, 255, 255, 0.2); bottom: 0px; content: ""; display: block; height: 1px; left: 0px; position: absolute; width: 100%; }

.accordion-wrap .accordion-header button[data-v-2f687bc4]::after { background-image: linear-gradient(90deg, rgb(211, 0, 0) -2.21%, rgb(60, 60, 68) 50%); bottom: 0px; content: ""; display: block; height: 2px; position: absolute; right: 100%; transition: right 0.35s ease-in-out 0s; width: 100%; }

.accordion-wrap .accordion-header button .sub-title[data-v-2f687bc4] { font-size: 18px; font-weight: 400; letter-spacing: 0.54px; line-height: 24px; padding-bottom: 4px; width: 100%; }

@media screen and (min-width: 1244px) {
  .accordion-wrap .accordion-header button .sub-title[data-v-2f687bc4] { font-size: 20px; letter-spacing: 0.6px; line-height: 26px; }
}

.accordion-wrap .accordion-header .icon svg[data-v-2f687bc4] { height: 40px; vertical-align: top; width: 40px; }

.accordion-wrap .accordion-body[data-v-2f687bc4] { overflow: hidden; transition: max-height 0.3s ease 0s; }

.accordion-wrap .accordion-body > div[data-v-2f687bc4] { padding-top: 16px; }

@media screen and (min-width: 768px) {
  .accordion-wrap .accordion-header button[data-v-2f687bc4] { padding-bottom: 24px; }
  .accordion-wrap .accordion-header button .sub-title[data-v-2f687bc4] { padding-bottom: 16px; }
  .accordion-wrap .accordion-body > div[data-v-2f687bc4] { padding-top: 24px; }
}

.house-rules + .accordion-wrap[data-v-2f687bc4] { margin-top: 48px; }

.house-rules .accordion-header button[data-v-2f687bc4] { font-size: 26px; font-weight: 500; letter-spacing: 0.78px; line-height: 34px; }

@media screen and (min-width: 768px) {
  .house-rules .accordion-header button[data-v-2f687bc4] { font-size: 30px; letter-spacing: 0.9px; line-height: 38px; }
}

@media screen and (min-width: 1244px) {
  .house-rules .accordion-header button[data-v-2f687bc4] { font-size: 42px; letter-spacing: 1.26px; line-height: 48px; }
}

.house-rules .accordion-body > div[data-v-2f687bc4] { padding-top: 32px; }

@media screen and (min-width: 768px) {
  .house-rules + .accordion-wrap[data-v-2f687bc4] { margin-top: 64px; }
  .house-rules .accordion-body > div[data-v-2f687bc4] { padding-top: 48px; }
}

.history .accordion-header button[data-v-2f687bc4] { font-size: 36px; font-weight: 500; letter-spacing: 0.36px; line-height: 40px; padding-bottom: 24px; text-transform: uppercase; }

@media screen and (min-width: 768px) {
  .history .accordion-header button[data-v-2f687bc4] { font-size: 60px; letter-spacing: 0.6px; line-height: 64px; }
}

@media screen and (min-width: 1244px) {
  .history .accordion-header button[data-v-2f687bc4] { font-size: 68px; letter-spacing: 0.68px; line-height: 72px; }
}

.history .accordion-body > div[data-v-2f687bc4] { padding-top: 32px; }

@media screen and (min-width: 768px) {
  .history + .accordion-wrap[data-v-2f687bc4] { margin-top: 56px; }
  .history .accordion-body > div[data-v-2f687bc4] { padding-top: 40px; }
}

@media screen and (min-width: 1244px) {
  .history + .accordion-wrap[data-v-2f687bc4] { margin-top: 80px; }
  .history .accordion-body > div[data-v-2f687bc4] { padding-top: 56px; }
}

.game-play + .accordion-wrap[data-v-2f687bc4] { margin-top: 32px; }

.game-play .accordion-header button[data-v-2f687bc4] { font-size: 22px; font-weight: 500; letter-spacing: 0.66px; line-height: 28px; }

@media screen and (min-width: 768px) {
  .game-play .accordion-header button[data-v-2f687bc4] { font-size: 24px; letter-spacing: 0.72px; line-height: 30px; }
}

@media screen and (min-width: 1244px) {
  .game-play .accordion-header button[data-v-2f687bc4] { font-size: 28px; letter-spacing: 0.84px; line-height: 36px; }
}

.game-play .accordion-header button[data-v-2f687bc4]::before, .game-play .horizontal-icon[data-v-2f687bc4] { display: none; }

@media screen and (min-width: 768px) {
  .game-play .accordion-header button[data-v-2f687bc4] { padding-bottom: 16px; }
  .game-play .accordion-body > div[data-v-2f687bc4] { padding-top: 16px; }
}

@media screen and (min-width: 1244px) {
  .game-play + .accordion-wrap[data-v-2f687bc4] { margin-top: 16px; }
  .game-play:not(.active) .accordion-header button[data-v-2f687bc4] { padding-bottom: 16px; }
  .game-play .vertical-icon[data-v-2f687bc4] { display: none; }
  .game-play .horizontal-icon[data-v-2f687bc4] { display: block; }
}