:root {
  --bonus-row-border-color: rgba(224, 20, 19, 0.4);
  --bonus-row-bg-start: rgba(93, 5, 6, 0.08);
  --bonus-row-bg-end: rgba(0, 0, 0, 0.6);
  --bonus-title-color: #0278ff;
  --bonus-title-font-size: 19.2px;
  --bonus-list-gap: 20px;
  --bonus-list-padding: 16px;
  --bonus-title-margin-top: 20px;
  --bonus-item-width: 100px;
  --bonus-item-margin-bottom: 20px;
}

.section__bonus-time .bonus-time-list {
  display: flex;
  flex-direction: column;
  padding: 0;
  row-gap: var(--bonus-list-gap);
  padding-block: var(--bonus-list-padding);
  padding-inline: var(--bonus-list-padding);
}
.section__bonus-time .bonus-time-list .bonus-time-list-item {
  border-radius: 16px;
  border: 1px solid var(--bonus-row-border-color);
  animation: breathing-glow 2s ease-in-out infinite;
  overflow: hidden;
  background: linear-gradient(98deg, var(--bonus-row-bg-start) 0%, var(--bonus-row-bg-end) 100%);
}
.section__bonus-time .bonus-time-list .bonus-time-list-item .game-list-title {
  margin-top: var(--bonus-title-margin-top);
  text-align: center;
  color: var(--bonus-title-color);
  font-size: var(--bonus-title-font-size);
  font-weight: 700;
  text-transform: uppercase;
}
.section__bonus-time .bonus-time-list .bonus-time-list-item .game-list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  padding: 0;
}
.section__bonus-time .bonus-time-list .bonus-time-list-item .game-list .game-list-item {
  width: var(--bonus-item-width);
  margin: auto;
  margin-bottom: var(--bonus-item-margin-bottom);
}

@keyframes breathing-glow {
  0%, 100% {
    box-shadow: none;
  }
  50% {
    box-shadow: 0 0 18px 0 var(--glow-color-primary), 0 0 35px 0 var(--glow-color-secondary);
  }
}

/*# sourceMappingURL=bonus-time-game.css.map */