body#ticket-page {
  & section.bg {
    background-image: url("title-bg.55502394.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  & .priceRow {
    &.disabled {
      opacity: .6;
    }

    &.with-goods {
      & dt {
        background-color: rgb(var(--color-accent-dark));
      }

      & dd {
        color: rgb(var(--color-accent-dark));
      }
    }

    & dt, & dd {
      text-align: center;
      font-size: clamp(18px, 2vw, 25px);
      font-weight: 600;
    }

    & dt {
      background-color: rgb(var(--color-accent));
    }

    & dd {
      color: rgb(var(--color-accent));
      background-color: #eee;
    }
  }

  & article.ticket {
    border: 2px solid rgb(var(--color-accent));

    &.invalid {
      opacity: .5;
      pointer-events: none;
    }

    & h3 {
      color: rgb(var(--color-accent));
      font-size: clamp(30px, 5vw, 40px);
      font-weight: 600;
      line-height: 1em;
    }

    & table {
      border: 1px solid var(--color-white);
      border-collapse: collapse;

      & th, & td {
        text-align: center;
        border: 1px solid var(--color-white);
        white-space: pre-wrap;
        padding: 30px 10px;
        font-weight: 700;
      }
    }
  }
}

@media (width <= 768px) {
  article.ticket {
    & table tr {
      flex-direction: column;
      display: flex;
    }
  }

  .priceRow {
    flex-direction: column;

    & dt span {
      display: block;
    }
  }
}
/*# sourceMappingURL=ticket.5883abbc.css.map */