/*!***********************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/flatpickr/dist/flatpickr.css ***!
  \***********************************************************************************************/
.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
          animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  background: #fff;
  -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08);
          box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08);
}
.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}
.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}
.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
          animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}
.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}
.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
          box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}
.flatpickr-calendar.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6;
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}
.flatpickr-calendar:before,
.flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  left: 22px;
}
.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.arrowRight:after {
  left: auto;
  right: 22px;
}
.flatpickr-calendar.arrowCenter:before,
.flatpickr-calendar.arrowCenter:after {
  left: 50%;
  right: 50%;
}
.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}
.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}
.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}
.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6;
}
.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}
.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  top: 100%;
}
.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6;
}
.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}
.flatpickr-calendar:focus {
  outline: 0;
}
.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}
.flatpickr-months {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flatpickr-months .flatpickr-month {
  background: transparent;
  color: rgba(0,0,0,0.9);
  fill: rgba(0,0,0,0.9);
  height: 34px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 34px;
  padding: 10px;
  z-index: 3;
  color: rgba(0,0,0,0.9);
  fill: rgba(0,0,0,0.9);
}
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}
.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
  position: relative;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
/*
      /*rtl:begin:ignore*/
/*
      */
  left: 0;
/*
      /*rtl:end:ignore*/
/*
      */
}
/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
/*
      /*rtl:begin:ignore*/
/*
      */
  right: 0;
/*
      /*rtl:end:ignore*/
/*
      */
}
/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  color: #959ea9;
}
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747;
}
.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}
.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
  -webkit-transition: fill 0.1s;
  transition: fill 0.1s;
  fill: inherit;
}
.numInputWrapper {
  position: relative;
  height: auto;
}
.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}
.numInputWrapper input {
  width: 100%;
}
.numInputWrapper input::-ms-clear {
  display: none;
}
.numInputWrapper input::-webkit-outer-spin-button,
.numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(57,57,57,0.15);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.numInputWrapper span:hover {
  background: rgba(0,0,0,0.1);
}
.numInputWrapper span:active {
  background: rgba(0,0,0,0.2);
}
.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}
.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}
.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57,57,57,0.6);
  top: 26%;
}
.numInputWrapper span.arrowDown {
  top: 50%;
}
.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57,57,57,0.6);
  top: 40%;
}
.numInputWrapper span svg {
  width: inherit;
  height: auto;
}
.numInputWrapper span svg path {
  fill: rgba(0,0,0,0.5);
}
.numInputWrapper:hover {
  background: rgba(0,0,0,0.05);
}
.numInputWrapper:hover span {
  opacity: 1;
}
.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 7.48px 0 0 0;
  line-height: 1;
  height: 34px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
}
.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
}
.flatpickr-current-month span.cur-month:hover {
  background: rgba(0,0,0,0.05);
}
.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0;
  display: inline-block;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0,0,0,0.9);
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0,0,0,0.9);
}
.flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}
.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(0,0,0,0.5);
  background: transparent;
  pointer-events: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  background: transparent;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: -1px 0 0 0;
  outline: none;
  padding: 0 0 0 0.5ch;
  position: relative;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  width: auto;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(0,0,0,0.05);
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: transparent;
  outline: none;
  padding: 0;
}
.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 28px;
}
.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: transparent;
  color: rgba(0,0,0,0.54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-weight: bolder;
}
.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0 0;
}
.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 307.875px;
}
.flatpickr-days:focus {
  outline: 0;
}
.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
          justify-content: space-around;
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
  opacity: 1;
}
.dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 #e6e6e6;
          box-shadow: -1px 0 0 #e6e6e6;
}
.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  -webkit-flex-basis: 14.2857143%;
      -ms-flex-preferred-size: 14.2857143%;
          flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6;
}
.flatpickr-day.today {
  border-color: #959ea9;
}
.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: #959ea9;
  background: #959ea9;
  color: #fff;
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #569ff7;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #fff;
  border-color: #569ff7;
}
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: -10px 0 0 #569ff7;
          box-shadow: -10px 0 0 #569ff7;
}
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}
.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
          box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57,57,57,0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgba(57,57,57,0.1);
}
.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
          box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
}
.flatpickr-day.hidden {
  visibility: hidden;
}
.rangeMode .flatpickr-day {
  margin-top: 1px;
}
.flatpickr-weekwrapper {
  float: left;
}
.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  -webkit-box-shadow: 1px 0 0 #e6e6e6;
          box-shadow: 1px 0 0 #e6e6e6;
}
.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}
.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(57,57,57,0.3);
  background: transparent;
  cursor: default;
  border: none;
}
.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}
.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}
.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939;
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939;
}
.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}
.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}
.flatpickr-time input {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #393939;
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}
.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 400;
}
.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  color: #393939;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
}
.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}
.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
  background: #eee;
}
.flatpickr-input[readonly] {
  cursor: pointer;
}
@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

/*!********************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js!./sass/booking/index.scss ***!
  \********************************************************************************************************************/
@keyframes slide-down {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes slide-up {
  from {
    transform: translateY(101%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.01);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes bounce {
  0% {
    transform: scale(0);
  }
  60% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes reveal {
  0% {
    clip-path: inset(0% 0% 100% 0%);
  }
  100% {
    clip-path: inset(0%);
  }
}
:root {
  --width--full--padded: calc(100% - (var(--section--margin-inline) * 2));
  --width--xs: 838px;
  --width--xs--padded: min(var(--width--xs), var(--width--full--padded));
  --width--s: 934px;
  --width--s--padded: min(var(--width--s), var(--width--full--padded));
  --width--m: 796px;
  --width--m--padded: min(var(--width--m), var(--width--full--padded));
  --width--l: 1047px;
  --width--l--padded: min(var(--width--l), var(--width--full--padded));
  --width--xl: 1200px;
  --width--xl--padded: min(var(--width--xl), var(--width--full--padded));
  --width--max: 1366px;
  --width--max--padded: min(var(--width--max), var(--width--full--padded));
  --width--fluid-min: 390px;
  --width--fluid-min--padded: min(var(--width--fluid-min), var(--width--full--padded));
  --width--fluid-max: 1200px;
  --width--fluid-max--padded: min(var(--width--fluid-max), var(--width--full--padded));
}

:root {
  --color--black: #000;
  --color--black--hsl: 0deg, 0%, 0%;
  --color--black--h: 0deg;
  --color--black--s: 0%;
  --color--black--l: 0%;
  --color--white: #fff;
  --color--white--hsl: 0deg, 0%, 100%;
  --color--white--h: 0deg;
  --color--white--s: 0%;
  --color--white--l: 100%;
  --color--off-white: #f6f9ed;
  --color--off-white--hsl: 75deg, 50%, 95.2941176471%;
  --color--off-white--h: 75deg;
  --color--off-white--s: 50%;
  --color--off-white--l: 95.2941176471%;
  --color--cream: #f4f2ba;
  --color--cream--hsl: 57.9310344828deg, 72.5%, 84.3137254902%;
  --color--cream--h: 57.9310344828deg;
  --color--cream--s: 72.5%;
  --color--cream--l: 84.3137254902%;
  --color--purple-dark: #2B0539;
  --color--purple-dark--hsl: 283.8461538462deg, 83.8709677419%, 12.1568627451%;
  --color--purple-dark--h: 283.8461538462deg;
  --color--purple-dark--s: 83.8709677419%;
  --color--purple-dark--l: 12.1568627451%;
  --color--purple-primary: #461D6C;
  --color--purple-primary--hsl: 271.1392405063deg, 57.6642335766%, 26.862745098%;
  --color--purple-primary--h: 271.1392405063deg;
  --color--purple-primary--s: 57.6642335766%;
  --color--purple-primary--l: 26.862745098%;
  --color--lilac-dark: #C0B6C9;
  --color--lilac-dark--hsl: 271.5789473684deg, 14.9606299213%, 75.0980392157%;
  --color--lilac-dark--h: 271.5789473684deg;
  --color--lilac-dark--s: 14.9606299213%;
  --color--lilac-dark--l: 75.0980392157%;
  --color--lilac-primary: #C4BDD8;
  --color--lilac-primary--hsl: 255.5555555556deg, 25.7142857143%, 79.4117647059%;
  --color--lilac-primary--h: 255.5555555556deg;
  --color--lilac-primary--s: 25.7142857143%;
  --color--lilac-primary--l: 79.4117647059%;
  --color--violet: #8638CF;
  --color--violet--hsl: 270.9933774834deg, 61.1336032389%, 51.568627451%;
  --color--violet--h: 270.9933774834deg;
  --color--violet--s: 61.1336032389%;
  --color--violet--l: 51.568627451%;
  --color--blue: #00567B;
  --color--blue--hsl: 198.0487804878deg, 100%, 24.1176470588%;
  --color--blue--h: 198.0487804878deg;
  --color--blue--s: 100%;
  --color--blue--l: 24.1176470588%;
  --color--cyan: #49BCC3;
  --color--cyan--hsl: 183.4426229508deg, 50.4132231405%, 52.5490196078%;
  --color--cyan--h: 183.4426229508deg;
  --color--cyan--s: 50.4132231405%;
  --color--cyan--l: 52.5490196078%;
  --color--pink-lighter: #F91BF5;
  --color--pink-lighter--hsl: 301.0810810811deg, 94.8717948718%, 54.1176470588%;
  --color--pink-lighter--h: 301.0810810811deg;
  --color--pink-lighter--s: 94.8717948718%;
  --color--pink-lighter--l: 54.1176470588%;
  --color--pink-primary: #B80E80;
  --color--pink-primary--hsl: 319.7647058824deg, 85.8585858586%, 38.8235294118%;
  --color--pink-primary--h: 319.7647058824deg;
  --color--pink-primary--s: 85.8585858586%;
  --color--pink-primary--l: 38.8235294118%;
  --color--yellow: #FFDA00;
  --color--yellow--hsl: 51.2941176471deg, 100%, 50%;
  --color--yellow--h: 51.2941176471deg;
  --color--yellow--s: 100%;
  --color--yellow--l: 50%;
  --color--neutral-100: #F4F2F5;
  --color--neutral-100--hsl: 280deg, 13.0434782609%, 95.4901960784%;
  --color--neutral-100--h: 280deg;
  --color--neutral-100--s: 13.0434782609%;
  --color--neutral-100--l: 95.4901960784%;
  --color--neutral-200: #ededed;
  --color--neutral-200--hsl: 0deg, 0%, 92.9411764706%;
  --color--neutral-200--h: 0deg;
  --color--neutral-200--s: 0%;
  --color--neutral-200--l: 92.9411764706%;
  --color--neutral-300: #d9d9d9;
  --color--neutral-300--hsl: 0deg, 0%, 85.0980392157%;
  --color--neutral-300--h: 0deg;
  --color--neutral-300--s: 0%;
  --color--neutral-300--l: 85.0980392157%;
  --color--neutral-400: #CDCDCD;
  --color--neutral-400--hsl: 0deg, 0%, 80.3921568627%;
  --color--neutral-400--h: 0deg;
  --color--neutral-400--s: 0%;
  --color--neutral-400--l: 80.3921568627%;
  --color--neutral-500: #9B9B9B;
  --color--neutral-500--hsl: 0deg, 0%, 60.7843137255%;
  --color--neutral-500--h: 0deg;
  --color--neutral-500--s: 0%;
  --color--neutral-500--l: 60.7843137255%;
  --color--neutral-600: #595959;
  --color--neutral-600--hsl: 0deg, 0%, 34.9019607843%;
  --color--neutral-600--h: 0deg;
  --color--neutral-600--s: 0%;
  --color--neutral-600--l: 34.9019607843%;
  --color--neutral-700: #707070;
  --color--neutral-700--hsl: 0deg, 0%, 43.9215686275%;
  --color--neutral-700--h: 0deg;
  --color--neutral-700--s: 0%;
  --color--neutral-700--l: 43.9215686275%;
  --color--accent: #000000;
  --color--accent--hsl: 0deg, 0%, 0%;
  --color--accent--h: 0deg;
  --color--accent--s: 0%;
  --color--accent--l: 0%;
  --color--focus: #000;
  --color--focus--hsl: 0deg, 0%, 0%;
  --color--focus--h: 0deg;
  --color--focus--s: 0%;
  --color--focus--l: 0%;
  --color--error: #D62C41;
  --color--error--hsl: 352.5882352941deg, 67.4603174603%, 50.5882352941%;
  --color--error--h: 352.5882352941deg;
  --color--error--s: 67.4603174603%;
  --color--error--l: 50.5882352941%;
  --color--error-light: #f5ebeb;
  --color--error-light--hsl: 0deg, 33.3333333333%, 94.1176470588%;
  --color--error-light--h: 0deg;
  --color--error-light--s: 33.3333333333%;
  --color--error-light--l: 94.1176470588%;
  --color--success: #000;
  --color--success--hsl: 0deg, 0%, 0%;
  --color--success--h: 0deg;
  --color--success--s: 0%;
  --color--success--l: 0%;
  --color--success-light: #f6f9ed;
  --color--success-light--hsl: 75deg, 50%, 95.2941176471%;
  --color--success-light--h: 75deg;
  --color--success-light--s: 50%;
  --color--success-light--l: 95.2941176471%;
  --color--disabled: #bababa;
  --color--disabled--hsl: 0deg, 0%, 72.9411764706%;
  --color--disabled--h: 0deg;
  --color--disabled--s: 0%;
  --color--disabled--l: 72.9411764706%;
  --color--background: #fff;
  --color--background--hsl: 0deg, 0%, 100%;
  --color--background--h: 0deg;
  --color--background--s: 0%;
  --color--background--l: 100%;
  --color--text: #000;
  --color--text--hsl: 0deg, 0%, 0%;
  --color--text--h: 0deg;
  --color--text--s: 0%;
  --color--text--l: 0%;
  --space--xxs: 4px;
  --space--xs: 8px;
  --space--s: 12px;
  --space--m: 16px;
  --space--l: 24px;
  --space--xl: 32px;
  --space--xxl: 40px;
  --space--layout--xs: 48px;
  --space--layout--s: 64px;
  --space--layout--m: 80px;
  --space--layout--l: 100px;
  --space--layout--xl: 130px;
  --space--layout: calc(32 * 1px + (48 - 32) * var(--fluid--bp));
  --space--base: var(--space--l);
  --space--prose: var(
      --space--base
  );
  --space--stack: var(
      --space--base
  );
  --fs--base: 1rem;
  --fs--body: 1rem;
  --fs--body-xs: 0.75rem;
  --fs--body-s: 0.875rem;
  --fs--body-l: calc(18 / 16 * 1rem + (20 - 18) * var(--fluid--bp));
  --fs--body-xl: calc(20 / 16 * 1rem + (24 - 20) * var(--fluid--bp));
  --fs--hero: calc(48 / 16 * 1rem + (144 - 48) * var(--fluid--bp));
  --fs--xxl: calc(48 / 16 * 1rem + (80 - 48) * var(--fluid--bp));
  --fs--xl: calc(48 / 16 * 1rem + (60 - 48) * var(--fluid--bp));
  --fs--l: calc(36 / 16 * 1rem + (60 - 36) * var(--fluid--bp));
  --fs--heading-l: calc(36 / 16 * 1rem + (48 - 36) * var(--fluid--bp));
  --fs--h1: calc(32 / 16 * 1rem + (40 - 32) * var(--fluid--bp));
  --fs--h2: calc(28 / 16 * 1rem + (34 - 28) * var(--fluid--bp));
  --fs--h3: calc(24 / 16 * 1rem + (28 - 24) * var(--fluid--bp));
  --fs--h4: calc(20 / 16 * 1rem + (24 - 20) * var(--fluid--bp));
  --fs--h5: calc(18 / 16 * 1rem + (20 - 18) * var(--fluid--bp));
  --fs--h6: 1rem;
  --fs--xs: 1rem;
  --fs--promo: calc(32 / 16 * 1rem + (60 - 32) * var(--fluid--bp));
  --fs--page-header: calc(40 / 16 * 1rem + (96 - 40) * var(--fluid--bp));
  --fw--normal: 400;
  --fw--medium: 500;
  --fw--bold: 700;
  --fw--black: 900;
  --ff--primary: "azo-sans-web", sans-serif;
  --ff--secondary: "brother-1816", sans-serif;
  --text-underline-offset: 0.15em;
  --heading--margin-top: var(--space--prose);
  --heading--margin-bottom: 16px;
  --border-radius--s: 4px;
  --border-radius--m: 6px;
  --border-radius--l: 15px;
  --border--1: 1px solid var(--color--black);
  --transition--duration: 200ms;
  --transition--base: var(--transition--duration) ease-out;
  --btn--size: 48px;
  --btn--icon-size: 40px;
  --btn--border-width: 2px;
  --btn--padding-block: 10px;
  --btn--padding-inline: 24px;
  --btn--border-radius: 0px;
  --btn--background-color: var(--color--black);
  --btn--border-color: var(--color--black);
  --btn--color: var(--color--white);
  --btn--background-color--hover: var(--color--white);
  --btn--border-color--hover: var(--color--black);
  --btn--color--hover: var(--color--black);
  --link--color: inherit;
  --link--color--hover: inherit;
  --link--text-decoration: underline;
  --link--text-decoration--hover: underline;
  --article-content--margin-block: 24px;
}
@media (min-width: 75em) {
  :root {
    --article-content--margin-block: 48px;
  }
}
:root {
  --container--width: 1164px;
  --container--padding-inline: calc(16 * 1px + (48 - 16) * var(--fluid--bp));
  --section--max-width: var(--width--l);
  --section--margin-inline: var(--container--padding-inline);
  --section--margin-block: var(--space--layout);
  --section--padding-inline: var(--container--padding-inline);
  --section--padding-block: var(--space--layout);
  --form--column-gap: 16px;
  --form--row-gap: calc(32 / 16 * 1rem + (36 - 32) * var(--fluid--bp));
  --form--label-spacing: 8px;
  --form--field--row-gap: var(--space--xs);
  --form--field--column-gap: var(--space--s);
  --input--background-color: var(--color--white);
  --input--background-color--focus: var(--color--white);
  --input--border-width: 1px;
  --input--border-color: currentColor;
  --input--border-radius: 0;
  --input--color: currentColor;
  --input--gap: var(--space--xs);
  --input--padding-block: calc(11px - var(--input--border-width));
  --input--padding-inline: calc(11px - var(--input--border-width));
  --input--placeholder-color: currentColor;
  --checkbox--size: 1.5em;
  --checkbox--check-size: 1.125em;
  --checkbox--checkmark-size: 1em;
  --checkbox--input--background-color: transparent;
  --radio--size: 1.5em;
  --radio--check-size: 1.125em;
  --grid--column-gap: var(--space--base);
  --grid--row-gap: var(--space--xl);
  --grid--columns: 1;
  --grid--item--min-width: 21.875rem;
}
@media (min-width: 48em) {
  :root {
    --grid--columns: 2;
    --grid--column-gap: var(--space--l);
    --grid--row-gap: var(--space--xxl);
  }
}
@media (min-width: 62em) {
  :root {
    --grid--columns: 4;
  }
}
:root {
  --table--header--background-color: var(--color--white);
  --table--header--border: var(--border--1);
  --table--row--padding-block: var(--space--l);
  --table--row--padding-inline: var(--space--xs);
  --table--row--background-color--even: var(--color--white);
  --table--row--background-color--odd: var(--color--neutral-100);
  --fluid--min-width: 390;
  --fluid--max-width: 1200;
  --fluid--screen: 100vw;
  --fluid--bp: calc(
      (var(--fluid--screen) - var(--fluid--min-width) / 16 * 1rem) /
          (var(--fluid--max-width) - var(--fluid--min-width))
  );
}
@media screen and (min-width: 1200px) {
  :root {
    --fluid--screen: calc(var(--fluid--max-width) * 1px);
  }
}
:root {
  --uri-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 22 22'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M10.6 21.3a1 1 0 0 1-1-1V3.4l-7.9 8A1 1 0 0 1 .3 9.8L9.9.3a1 1 0 0 1 1.4 0L21 9.9a1 1 0 0 1-1.5 1.4l-7.9-7.9v16.9c0 .5-.4 1-1 1Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  --uri-cross: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 25 24'%3E%3Cpath stroke='%23000' d='M.9 12a11.5 11.5 0 1 1 23 0 11.5 11.5 0 0 1-23 0Z'/%3E%3Cpath fill='%23000' d='M17.3 15.5 16 17 7.4 8.5 8.8 7l8.5 8.4Z'/%3E%3Cpath fill='%23000' d='m16 7 1.3 1.5-8.5 8.4-1.4-1.4L16 7.1Z'/%3E%3C/svg%3E");
  --uri-tick: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 32 32'%3E%3Cpath d='M11.94 28.88 0 16.93l5.7-5.7 6.24 6.25L26.31 3.13 32 8.82'/%3E%3C/svg%3E");
}

/* More intuitive box sizing model */
*,
*::before,
*::after {
  box-sizing: border-box;
  min-width: 0;
}

/* Remove default margins */
:where(body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
blockquote,
dl,
dd) {
  margin: 0;
}

/* Prevent font size inflation */
html {
  text-size-adjust: none;
}
html:focus-within {
  scroll-behavior: smooth;
}

/* Allow percentage-based heights */
html,
body {
  height: 100%;
}

/* Set core body defaults */
body {
  min-height: 100%;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

/* Improve media defaults */
img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

/* Remove built-in form typography styles */
input,
button,
textarea,
select {
  font: inherit;
}

/* Avoid text overflows */
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
  color: currentColor;
}

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  display: block;
  width: 100%;
  height: auto;
}

/* Make sure textareas without a rows attribute are not tiny */
textarea:not([rows]) {
  min-height: 10em;
}

/* Anything that has been anchored to should have extra scroll margin */
:target {
  scroll-margin-block: 5ex;
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

small {
  font-size: 80%;
}

:where(form) {
  margin: 0;
}

.type-hero {
  font-family: var(--ff--primary);
  font-weight: var(--fw--black);
  font-size: var(--fs--hero);
  line-height: 0.95;
}

.type-heading-xxl {
  font-family: var(--ff--primary);
  font-weight: var(--fw--black);
  font-size: var(--fs--xxl);
  line-height: 1.25;
}

.type-heading-xl {
  font-family: var(--ff--primary);
  font-weight: var(--fw--black);
  font-size: var(--fs--xl);
  line-height: 1.25;
}

.type-heading-l {
  font-family: var(--ff--primary);
  font-weight: var(--fw--black);
  font-size: var(--fs--l);
  line-height: 1.25;
}

h1,
.type-h1 {
  font-family: var(--ff--secondary);
  font-weight: var(--fw--bold);
  font-size: var(--fs--h1);
  line-height: 1.15;
}

.seating-plan__video-dialog .booking-pathway__header, .seating-plan__video-dialog .dialog-container .booking-pathway__header, .priority-booking-dialog__title,
.member-delete-dialog__title, h2,
.type-h2 {
  font-family: var(--ff--secondary);
  font-weight: var(--fw--bold);
  font-size: var(--fs--h2);
  line-height: 1.2;
}

.customer-donation-history__donation-amount, .membership-prompt__title,
.donation-prompt__title, .basket-item__title, .extras-group__title, .order-summary .booking-pathway__header, .donate-per-ticket__summary--total, .booking-pathway__header, h3,
.type-h3 {
  font-family: var(--ff--secondary);
  font-weight: var(--fw--bold);
  font-size: var(--fs--h3);
  line-height: 1.2;
}

.account-overview-navigation__list--header, .priority-booking-dialog .booking-pathway__promo-code .booking-pathway__header--aside,
.member-delete-dialog .booking-pathway__promo-code .booking-pathway__header--aside, .prompt__title, .extras-instance__title, .booking-pathway__checkout .basket-summary .basket-summary__total,
.booking-pathway__summary .basket-summary .basket-summary__total, .booking-pathway__no-results--title, h4,
.type-h4 {
  font-family: var(--ff--secondary);
  font-weight: var(--fw--bold);
  font-size: var(--fs--h4);
  line-height: 1.25;
}

.past-orders .order-content__header, .donation-slider-block__title, .prompt__header, .membership-prompt .booking-pathway__header,
.donation-prompt .booking-pathway__header, .basket-item__groupe-title, .instance-event-summary__title, .confirmed-order__header, h5,
.type-h5 {
  font-family: var(--ff--secondary);
  font-weight: var(--fw--bold);
  font-size: var(--fs--h5);
  line-height: 1.2;
}

.personalised-offer__title, .accessibility-key__title, .seat-info-dialog__header, .seat-info-dialog__seat-name, .view-alternative-dates__title-row, .membership-prompt__discount-title,
.donation-prompt__discount-title, .booking-pathway__filters .booking-pathway__header, .booking-pathway__summary .booking-pathway__header, .donate-per-ticket__carousel--status, .donate-per-ticket__header, .donate-per-ticket__heading--info, .donate-per-ticket__summary--donation, .booking-pathway__header--aside, .booking-pathway__ticket-quantity-heading .booking-pathway__header, .booking-pathway__preferences--form legend, .best-available__box--result .booking-pathway__header, .details--accessibility-key[open] summary, .form-field__label,
.btn--link,
.btn--more, .priority-booking-dialog__footer .btn--back.btn--link,
.member-delete-dialog__footer .btn--back.btn--link, h6,
.type-h6 {
  font-family: var(--ff--secondary);
  font-weight: var(--fw--bold);
  font-size: var(--fs--h6);
  line-height: 1.2;
}

.type-heading-xs {
  font-family: var(--ff--secondary);
  font-weight: var(--fw--bold);
  font-size: var(--fs--xs);
  text-transform: uppercase;
  line-height: 1.14;
}

.type-heading-promo {
  font-family: var(--ff--secondary);
  font-weight: var(--fw--black);
  font-size: var(--fs--promo);
  line-height: 1.13;
}

.type-heading-page-header {
  font-family: var(--ff--primary);
  font-weight: var(--fw--black);
  font-size: var(--fs--page-header);
  line-height: 1.12;
}

.type-card-header {
  font-family: var(--ff--primary);
  font-weight: var(--fw--black);
  font-size: 2rem;
  line-height: 1;
}

.extras-instance__price,
.type-card-date {
  font-family: var(--ff--primary);
  font-variation-settings: "wght" var(--fw--bold);
  font-weight: var(--fw--bold);
  font-size: var(--fs--base);
  line-height: 1.4;
}

.btn, .btn--filter,
.btn--pill,
.type-button {
  font-family: var(--ff--primary);
  font-size: var(--fs--base);
  font-weight: var(--fw--bold);
  font-variation-settings: "wght" var(--fw--bold);
  line-height: 1;
}

.type-body-xs {
  --space--prose: 16px;
  font-family: var(--ff--primary);
  font-size: var(--fs--body-xs);
  font-weight: var(--fw--medium);
  font-variation-settings: "wght" var(--fw--medium);
  line-height: 1.4;
}
@media (min-width: 48em) {
  .type-body-xs {
    font-weight: var(--fw--normal);
    font-variation-settings: "wght" var(--fw--normal);
  }
}

.booking-pathway__thanks-message,
.error-block,
.error-block h2,
.error-block h3,
.error-block h4,
.error-block h5,
.type-body-s {
  --space--prose: 20px;
  font-family: var(--ff--primary);
  font-size: var(--fs--body-s);
  font-weight: var(--fw--normal);
  font-variation-settings: "wght" var(--fw--normal);
  line-height: 1.4;
}

.extras-instance .ticket-quantity-buttons__counter,
.extras-instance .extras-instance__buttons__counter, body,
.type-body {
  font-family: var(--ff--primary);
  font-size: var(--fs--body);
  font-weight: var(--fw--normal);
  font-variation-settings: "wght" var(--fw--normal);
  line-height: 1.4;
}

.type-body-l {
  font-size: var(--fs--body-l);
  font-weight: var(--fw--medium);
  font-variation-settings: "wght" var(--fw--medium);
  line-height: 1.4;
}

.type-body-xl {
  font-size: var(--fs--body-xl);
  font-weight: var(--fw--medium);
  font-variation-settings: "wght" var(--fw--medium);
  line-height: 1.4;
}

.view-alternative-dates__dialog .booking-pathway__header,
.seat-info-dialog .booking-pathway__header,
.seating-plan__video-dialog .booking-pathway__header,
.priority-booking-dialog .booking-pathway__header,
.member-delete-dialog .booking-pathway__header,
.basket-dialog .booking-pathway__header, label,
.label,
legend,
.type-input-label {
  font-family: var(--ff--primary);
  font-size: var(--fs--body);
  font-weight: var(--fw--medium);
  font-variation-settings: "wght" var(--fw--medium);
  line-height: 1;
}

html {
  color: var(--color--foreground);
  background-color: var(--color--background);
  scroll-behavior: smooth;
}

body {
  display: flex;
  flex-direction: column;
  text-underline-offset: var(--text-underline-offset);
  min-height: 100vh;
  min-height: 100dvh;
}

.page-wrap {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.SpektrixFooter {
  display: none;
}

:where(p, ul, ol, table, iframe, embed, hr, address, pre, dl, fieldset):where(:not([class~=not-prose] *)) {
  margin-block: var(--space--prose);
}

:where(h1, h2, h3, h4, h5, h6) {
  text-wrap: balance;
}
:where(h1, h2, h3, h4, h5, h6):where(:not([class~=not-prose] *)) {
  margin-block-start: var(--heading--margin-top, 0px);
  margin-block-end: var(--heading--margin-bottom, 0px);
}
:where(h1, h2, h3, h4, h5, h6):where(:not([class~=not-prose] *)) + p {
  margin-top: var(--heading--margin-bottom);
}

strong,
b {
  font-weight: normal;
  font-variation-settings: "wght" var(--fw--bold);
}

details,
summary {
  list-style: none;
}

::-webkit-details-marker,
summary::marker {
  display: none;
}

ul,
ol {
  padding-left: 1.2em;
}

li {
  position: relative;
  margin-bottom: 0.5em;
}
li:last-child {
  margin-bottom: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
.memberships__detail-content ul,
[role=list] {
  margin: 0;
  padding: 0;
  list-style: none;
}
.memberships__detail-content ul li,
[role=list] li {
  list-style-image: none;
  margin-bottom: 0;
}
.memberships__detail-content ul li::after,
[role=list] li::after {
  content: none;
}

button,
[type=submit] {
  font-family: var(--ff--secondary);
  background-color: transparent;
  border: 0;
  border-radius: 0;
  appearance: none;
  padding: 0;
  cursor: pointer;
  color: currentColor;
}

svg {
  width: 100%;
  height: auto;
}
svg:where(:not(.svg--stroke)) {
  fill: currentColor;
}

:where(.svg--stroke) path {
  stroke: currentColor;
}

*:focus-visible {
  outline: 3px dotted var(--color--focus);
  outline-offset: 3px;
}
*:focus-visible:not(:focus-visible):focus-visible, *:focus-visible:not(:focus-visible):active {
  outline-style: none;
  outline-width: 0;
}

.force-show {
  display: flex !important;
}

.force-hide {
  display: none !important;
}

.container {
  width: 100%;
  max-width: var(--container--width, var(--width--max));
  margin-inline: auto;
}

:where(.container:not(.container .container)) {
  padding-inline: var(--container--padding-inline);
}

.upsell-block, .customer-membership, .preferences-block, .account-navigation,
.has-black-background-color {
  --color--background: var(--color--black);
  background-color: var(--color--background);
  --color--foreground: var(--color--off-white);
  --focus--color: var(--color--foreground);
  color: var(--color--foreground);
  --btn--background-color: var(--color--off-white);
  --btn--border-color: var(--color--off-white);
  --btn--color: var(--color--black);
  --btn--background-color--hover: var(--color--black);
  --btn--color--hover: var(--color--off-white);
  --btn--border-color--hover: var(--color--off-white);
  --input--background-color: transparent;
}

.has-black-color {
  color: var(--color--black);
}

.has-white-background-color {
  --color--background: var(--color--white);
  background-color: var(--color--background);
  --color--foreground: var(--color--black);
  --focus--color: var(--color--foreground);
  color: var(--color--foreground);
  --btn--background-color: transparent;
  --btn--border-color: var(--color--black);
  --btn--color: var(--color--black);
  --btn--background-color--hover: var(--venue-accent, var(--color--black));
  --btn--color--hover: var(--color--white);
}

.has-white-color {
  color: var(--color--white);
}

.has-off-white-background-color {
  --color--background: var(--color--off-white);
  background-color: var(--color--background);
  --color--foreground: var(--color--black);
  --focus--color: var(--color--foreground);
  color: var(--color--foreground);
  --btn--background-color: transparent;
  --btn--border-color: var(--color--black);
  --btn--color: var(--color--black);
  --btn--background-color--hover: var(--color--black);
  --btn--color--hover: var(--color--white);
  --color--disabled: #898a83;
}

.has-off-white-color {
  color: var(--color--off-white);
}

.has-cream-background-color {
  --color--background: var(--color--cream);
  background-color: var(--color--background);
  --color--foreground: var(--color--black);
  --focus--color: var(--color--foreground);
  color: var(--color--foreground);
  --btn--background-color: transparent;
  --btn--border-color: var(--color--black);
  --btn--color: var(--color--black);
  --btn--background-color--hover: var(--color--black);
  --btn--color--hover: var(--color--white);
}

.has-cream-color {
  color: var(--color--cream);
}

.upsell-block__overview-upsell, .upsell-block__orders-upsell,
.has-purple-dark-background-color {
  --color--background: var(--color--purple-dark);
  background-color: var(--color--background);
}

.has-purple-dark-color {
  color: var(--color--purple-dark);
}

.has-purple-primary-background-color {
  --color--background: var(--color--purple-primary);
  background-color: var(--color--background);
}

.has-purple-primary-color {
  color: var(--color--purple-primary);
}

.has-lilac-dark-background-color {
  --color--background: var(--color--lilac-dark);
  background-color: var(--color--background);
}

.has-lilac-dark-color {
  color: var(--color--lilac-dark);
}

.has-lilac-primary-background-color {
  --color--background: var(--color--lilac-primary);
  background-color: var(--color--background);
}

.has-lilac-primary-color {
  color: var(--color--lilac-primary);
}

.has-violet-background-color {
  --color--background: var(--color--violet);
  background-color: var(--color--background);
}

.has-violet-color {
  color: var(--color--violet);
}

.has-blue-background-color {
  --color--background: var(--color--blue);
  background-color: var(--color--background);
}

.has-blue-color {
  color: var(--color--blue);
}

.upsell-block__help-upsell, .upsell-block__preferences-upsell,
.has-cyan-background-color {
  --color--background: var(--color--cyan);
  background-color: var(--color--background);
}

.has-cyan-color {
  color: var(--color--cyan);
}

.has-pink-lighter-background-color {
  --color--background: var(--color--pink-lighter);
  background-color: var(--color--background);
}

.has-pink-lighter-color {
  color: var(--color--pink-lighter);
}

.customer-donation-history,
.has-pink-primary-background-color {
  --color--background: var(--color--pink-primary);
  background-color: var(--color--background);
}

.has-pink-primary-color {
  color: var(--color--pink-primary);
}

.personalised-offers,
.has-yellow-background-color {
  --color--background: var(--color--yellow);
  background-color: var(--color--background);
}

.has-yellow-color {
  color: var(--color--yellow);
}

.has-neutral-100-background-color {
  --color--background: var(--color--neutral-100);
  background-color: var(--color--background);
}

.has-neutral-100-color {
  color: var(--color--neutral-100);
}

.has-neutral-200-background-color {
  --color--background: var(--color--neutral-200);
  background-color: var(--color--background);
}

.has-neutral-200-color {
  color: var(--color--neutral-200);
}

.has-neutral-300-background-color {
  --color--background: var(--color--neutral-300);
  background-color: var(--color--background);
}

.has-neutral-300-color {
  color: var(--color--neutral-300);
}

.has-neutral-400-background-color {
  --color--background: var(--color--neutral-400);
  background-color: var(--color--background);
}

.has-neutral-400-color {
  color: var(--color--neutral-400);
}

.has-neutral-500-background-color {
  --color--background: var(--color--neutral-500);
  background-color: var(--color--background);
}

.has-neutral-500-color {
  color: var(--color--neutral-500);
}

.has-neutral-600-background-color {
  --color--background: var(--color--neutral-600);
  background-color: var(--color--background);
}

.has-neutral-600-color {
  color: var(--color--neutral-600);
}

.has-neutral-700-background-color {
  --color--background: var(--color--neutral-700);
  background-color: var(--color--background);
}

.has-neutral-700-color {
  color: var(--color--neutral-700);
}

.has-accent-background-color {
  --color--background: var(--color--accent);
  background-color: var(--color--background);
}

.has-accent-color {
  color: var(--color--accent);
}

.has-focus-background-color {
  --color--background: var(--color--focus);
  background-color: var(--color--background);
}

.has-focus-color {
  color: var(--color--focus);
}

.has-error-background-color {
  --color--background: var(--color--error);
  background-color: var(--color--background);
}

.has-error-color {
  color: var(--color--error);
}

.has-error-light-background-color {
  --color--background: var(--color--error-light);
  background-color: var(--color--background);
}

.has-error-light-color {
  color: var(--color--error-light);
}

.has-success-background-color {
  --color--background: var(--color--success);
  background-color: var(--color--background);
}

.has-success-color {
  color: var(--color--success);
}

.has-success-light-background-color {
  --color--background: var(--color--success-light);
  background-color: var(--color--background);
}

.has-success-light-color {
  color: var(--color--success-light);
}

.has-disabled-background-color {
  --color--background: var(--color--disabled);
  background-color: var(--color--background);
}

.has-disabled-color {
  color: var(--color--disabled);
}

.has-background-background-color {
  background-color: var(--color--background);
}

.has-background-color {
  color: var(--color--background);
}

.has-text-background-color {
  --color--background: var(--color--text);
  background-color: var(--color--background);
}

.has-text-color {
  color: var(--color--text);
}

.grid--auto,
.grid {
  display: grid;
  grid-template-columns: repeat(var(--grid--columns), minmax(0, 1fr));
  column-gap: var(--grid--column-gap, 0px);
  row-gap: var(--grid--row-gap, 0px);
}

.grid--auto {
  grid-template-columns: repeat(auto-fill, minmax(min(var(--grid--item--min-width, 21.875rem), 100%), 1fr));
}

.flex-grid {
  display: flex;
  flex-flow: row wrap;
  column-gap: var(--grid--column-gap, 0px);
  row-gap: var(--grid--row-gap, 0px);
}
.flex-grid > *,
.flex-grid-item {
  width: calc(100% / var(--grid--columns) - var(--grid--column-gap, 0px) + var(--grid--column-gap, 0px) / var(--grid--columns));
}

.flex-list {
  display: flex;
  flex-flow: row wrap;
  column-gap: var(--grid--column-gap, 0px);
  row-gap: var(--grid--row-gap, 0px);
  align-items: center;
  justify-content: flex-start;
}

.mask-icon,
.btn--mask-icon::before,
.btn--mask-icon--after::after,
.btn--filter::after,
.btn--pill::after {
  width: var(--icon--size, 1em);
  height: var(--icon--size, 1em);
  background-color: currentColor;
  content: "";
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-image: var(--icon--url);
}

.img-fit {
  position: relative;
  display: block;
  overflow: hidden;
}
.img-fit > * {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  object-fit: var(--img-fit--object-fit, cover);
}

.img-fit--contain {
  --img-fit--object-fit: contain;
}

.personalised-offer__introduction > *:first-child, .upsell-block__introduction > *:first-child, .push-notification__content > *:first-child, .extras-instance__header--content > *:first-child, .extras-instance__summary > *:first-child, .error-text > *:first-child,
.wysiwyg-content > *:first-child, .section > *:first-child, .section__inner > *:first-child,
.section > [class*=__inner] > *:first-child,
.margin-trim > *:first-child {
  margin-block-start: 0;
}
.personalised-offer__introduction > *:last-child, .upsell-block__introduction > *:last-child, .push-notification__content > *:last-child, .extras-instance__header--content > *:last-child, .extras-instance__summary > *:last-child, .error-text > *:last-child,
.wysiwyg-content > *:last-child, .section > *:last-child, .section__inner > *:last-child,
.section > [class*=__inner] > *:last-child,
.margin-trim > *:last-child {
  margin-block-end: 0;
}

.margin-trim-start > *:first-child {
  margin-block-start: 0;
}

.margin-trim-end > *:last-child {
  margin-block-end: 0;
}

.card-carousel > *, .top-picks__cards > *,
.discount-event-feed__cards > *,
:where(.stack) > * {
  margin-block: 0;
}
.card-carousel :where(.stack > * + *), .top-picks__cards :where(.stack > * + *),
.discount-event-feed__cards :where(.stack > * + *),
:where(.stack) :where(.stack > * + *) {
  margin-block-start: var(--space--stack);
}

.card-carousel > * + *, .top-picks__cards > * + *,
.discount-event-feed__cards > * + * {
  margin-block-start: var(--space--stack);
}

:where(.stack--xxs) > * + * {
  --space--stack: var(--space--xxs);
}

:where(.stack--xs) > * + * {
  --space--stack: var(--space--xs);
}

:where(.stack--s) > * + * {
  --space--stack: var(--space--s);
}

:where(.stack--m) > * + * {
  --space--stack: var(--space--m);
}

:where(.stack--l) > * + * {
  --space--stack: var(--space--l);
}

:where(.stack--xl) > * + * {
  --space--stack: var(--space--l);
}

:where(.stack--layout) > * + * {
  --space--stack: var(--space--layout);
}

:where(:any-link),
.link,
.btn--link,
.btn--more,
.priority-booking-dialog__footer .btn--back.btn--link,
.member-delete-dialog__footer .btn--back.btn--link {
  color: var(--link--color);
  text-decoration: var(--link--text-decoration);
}
:where(:any-link):focus-visible, :where(:any-link):active,
.link:focus-visible,
.link:active,
.btn--link:focus-visible,
.btn--more:focus-visible,
.priority-booking-dialog__footer .btn--back.btn--link:focus-visible,
.member-delete-dialog__footer .btn--back.btn--link:focus-visible,
.btn--link:active,
.btn--more:active,
.priority-booking-dialog__footer .btn--back.btn--link:active,
.member-delete-dialog__footer .btn--back.btn--link:active {
  color: var(--link--color--hover);
  text-decoration: var(--link--text-decoration--hover);
}
@media (hover: hover) {
  :where(:any-link):hover,
  .link:hover,
  .btn--link:hover,
  .btn--more:hover,
  .priority-booking-dialog__footer .btn--back.btn--link:hover,
  .member-delete-dialog__footer .btn--back.btn--link:hover {
    color: var(--link--color--hover);
    text-decoration: var(--link--text-decoration--hover);
  }
}

.link--secondary {
  color: var(--link--color);
  text-decoration: var(--link--text-decoration);
  font-variation-settings: "wght" var(--fw--bold);
}
.link--secondary:focus-visible, .link--secondary:active {
  color: var(--link--color--hover);
  text-decoration: var(--link--text-decoration--hover);
}
@media (hover: hover) {
  .link--secondary:hover {
    color: var(--link--color--hover);
    text-decoration: var(--link--text-decoration--hover);
  }
}

.btn--black {
  --btn--background-color: var(--color--black);
  --btn--border-color: var(--color--black);
  --btn--color: var(--color--white);
  --btn--background-color--hover: var(--color--white);
  --btn--border-color--hover: var(--color--black);
  --btn--color--hover: var(--color--black);
}

.btn--secondary,
.btn--white {
  --btn--background-color: var(--color--white);
  --btn--border-color: var(--color--black);
  --btn--color: var(--color--black);
  --btn--background-color--hover: var(--color--neutral-200);
  --btn--border-color--hover: var(--color--black);
  --btn--color--hover: var(--color--black);
}

.btn--white-lilac {
  --btn--background-color: var(--color--white);
  --btn--border-color: var(--color--white);
  --btn--color: var(--color--purple-primary);
  --btn--background-color--hover: var(--color--lilac-primary);
  --btn--border-color--hover: var(--color--lilac-primary);
  --btn--color--hover: var(--color--white);
}

.btn--primary,
.btn--yellow-pink {
  --btn--background-color: var(--color--yellow);
  --btn--border-color: var(--color--yellow);
  --btn--color: var(--color--purple-dark);
  --btn--background-color--hover: var(--color--pink-primary);
  --btn--border-color--hover: var(--color--pink-primary);
  --btn--color--hover: var(--color--white);
}

.btn--pink-yellow {
  --btn--background-color: var(--color--pink-primary);
  --btn--border-color: var(--color--pink-primary);
  --btn--color: var(--color--white);
  --btn--background-color--hover: var(--color--yellow);
  --btn--border-color--hover: var(--color--yellow);
  --btn--color--hover: var(--color--purple-dark);
}

.btn--pink-purple {
  --btn--background-color: var(--color--pink-primary);
  --btn--border-color: var(--color--pink-primary);
  --btn--color: var(--color--white);
  --btn--background-color--hover: var(--color--purple-primary);
  --btn--border-color--hover: var(--color--purple-primary);
  --btn--color--hover: var(--color--white);
}

.btn--purpuloutline-purple {
  --btn--background-color: var(--color--white);
  --btn--border-color: var(--color--purple-dark);
  --btn--color: var(--color--purple-dark);
  --btn--background-color--hover: var(--color--purple-dark);
  --btn--border-color--hover: var(--color--purple-dark);
  --btn--color--hover: var(--color--white);
}

.btn--yellow-white {
  --btn--background-color: var(--color--yellow);
  --btn--border-color: var(--color--yellow);
  --btn--color: var(--color--purple-dark);
  --btn--background-color--hover: var(--color--white);
  --btn--border-color--hover: var(--color--white);
  --btn--color--hover: var(--color--purple-dark);
}

.btn--purple-neutral100 {
  --btn--background-color: var(--color--purple-primary);
  --btn--border-color: var(--color--purple-primary);
  --btn--color: var(--color--white);
  --btn--background-color--hover: var(--color--neutral-100);
  --btn--border-color--hover: var(--color--neutral-100);
  --btn--color--hover: var(--color--purple-dark);
}

.btn--cyan-purple {
  --btn--background-color: var(--color--cyan);
  --btn--border-color: var(--color--cyan);
  --btn--color: var(--color--purple-dark);
  --btn--background-color--hover: #C3E6E8;
  --btn--border-color--hover: #C3E6E8;
  --btn--color--hover: var(--color--purple-dark);
}

.btn--neutral-200 {
  --btn--background-color: var(--color--neutral-200);
  --btn--border-color: var(--color--black);
  --btn--color: var(--color--black);
  --btn--background-color--hover: var(--color--neutral-300);
  --btn--border-color--hover: var(--color--black);
  --btn--color--hover: var(--color--black);
}

p.btn {
  margin-block: 0;
  pointer-events: none;
}

.btn--filter,
.btn--pill,
.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--btn--padding-block) var(--btn--padding-inline);
  gap: 0.75rem;
  min-height: 44px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  border: var(--btn--border-width) solid var(--btn--border-color);
  border-radius: var(--btn--border-radius, 0px);
  background-color: var(--btn--background-color);
  color: var(--btn--color);
  transition: all var(--transition--base);
  transition-property: background-color, color, border-color, box-shadow, transform;
}
.btn--filter:focus-visible,
.btn--pill:focus-visible, .btn--filter:active,
.btn--pill:active,
.btn:focus-visible,
.btn:active {
  background-color: var(--btn--background-color--hover);
  color: var(--btn--color--hover);
  border-color: var(--btn--border-color--hover);
  text-decoration: none;
}
@media (hover: hover) {
  .btn--filter:hover,
  .btn--pill:hover,
  .btn:hover {
    background-color: var(--btn--background-color--hover);
    color: var(--btn--color--hover);
    border-color: var(--btn--border-color--hover);
    text-decoration: none;
  }
}
.btn--filter svg,
.btn--pill svg,
.btn svg {
  width: var(--btn--icon-size, 1em);
  height: var(--btn--icon-size, 1em);
}
.coming-soon.btn--filter,
.coming-soon.btn--pill,
.btn.coming-soon {
  --btn--background-override: var(--color--yellow);
  --btn--border-color-override: var(--color--yellow);
}
.application-closed.btn--filter,
.application-closed.btn--pill,
.btn.application-closed {
  --btn--background-override: var(--color--black);
  --btn--color-override: var(--color--off-white);
  --btn--border-color-override: var(--color--off-white);
}
[type=reset].btn--filter,
[type=reset].btn--pill,
.btn[type=reset] {
  --btn--background-color: var(--color--off-white);
  --btn--color: var(--color--black);
  --btn--border-color: var(--color--off-white);
  --btn--background-color--hover: var(--color--black);
  --btn--color--hover: var(--color--white);
  --btn--border-color--hover: var(--color--black);
  --btn--padding-inline: 20px;
}
[type=reset][aria-hidden=true].btn--filter,
[type=reset][aria-hidden=true].btn--pill,
.btn[type=reset][aria-hidden=true] {
  display: none;
}
.btn--filter .loading-indicator,
.btn--pill .loading-indicator,
.btn .loading-indicator {
  --loading-spinner--size: 20px;
  --loading-spinner--size: 20px;
  --loading-spinner--border: 3px;
  position: relative;
  inset: auto;
  min-height: 10px;
}

@media (min-width: 48em) {
  .btn--lg {
    --btn--padding-block: 18px;
    --btn--padding-inline: 30px;
    font-size: 1.5rem;
  }
}

.carousel__controls--prev__text:disabled, .carousel__controls--next__text:disabled, .btn--filter:disabled,
.btn--pill:disabled, .disabled.btn--filter,
.disabled.btn--pill,
.btn:disabled,
.btn.disabled,
.btn--disabled {
  background-color: var(--color--neutral-100);
  border-color: var(--color--neutral-100);
  color: var(--color--lilac-primary);
  pointer-events: none;
}

.priority-booking-dialog__footer .btn--back.btn--link,
.member-delete-dialog__footer .btn--back.btn--link,
.btn--more,
.btn--link {
  --btn--icon-size: 1.3em;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-variation-settings: "wght" var(--fw--bold);
  background-color: unset;
  padding: unset;
  text-align: inherit;
  border: 0;
  border-radius: 0;
  transition: none;
  text-decoration: var(--link--text-decoration);
}
.priority-booking-dialog__footer .btn--back.btn--link svg,
.member-delete-dialog__footer .btn--back.btn--link svg,
.btn--more svg,
.btn--link svg {
  width: var(--btn--icon-size, 1em);
  height: var(--btn--icon-size, 1em);
}
.priority-booking-dialog__footer .btn--back.btn--link:focus-visible,
.member-delete-dialog__footer .btn--back.btn--link:focus-visible,
.btn--more:focus-visible, .priority-booking-dialog__footer .btn--back.btn--link:active,
.member-delete-dialog__footer .btn--back.btn--link:active,
.btn--more:active,
.btn--link:focus-visible,
.btn--link:active {
  color: var(--link--color--hover);
  text-decoration: var(--link--text-decoration--hover);
  background-color: unset;
}
@media (hover: hover) {
  .priority-booking-dialog__footer .btn--back.btn--link:hover,
  .member-delete-dialog__footer .btn--back.btn--link:hover,
  .btn--more:hover,
  .btn--link:hover {
    color: var(--link--color--hover);
    text-decoration: var(--link--text-decoration--hover);
    background-color: unset;
  }
}

.btn--more {
  --link--text-decoration: 'none';
  font-variation-settings: "wght" var(--fw--medium);
  font-weight: var(--fw--medium);
  font-size: inherit;
  font-family: inherit;
}

.donation-slider > .btn, .btn--remove, .btn--play,
.btn--square {
  padding: 0 0.3em;
  min-width: var(--btn--size, 2.75rem);
  min-height: var(--btn--size, 2.75rem);
  z-index: 1;
  border-radius: var(--btn--border-radius, 0px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.donation-slider > .btn svg, .btn--remove svg, .btn--play svg,
.btn--square svg {
  width: var(--btn--icon-size, 1em);
  height: var(--btn--icon-size, 1em);
}

.btn--play {
  --btn--icon-size: 1em;
  background-color: rgba(0, 0, 0, 0.5);
  color: var(--color--white);
  border: 1px solid var(--color--white);
  transition: background-color var(--transition--base);
}
.btn--play:hover, .btn--play:focus-visible {
  background-color: var(--color--black);
}

.btn--mask-icon {
  --icon--size: var(--btn--icon-size, 1em);
  position: relative;
  overflow: hidden;
}
.btn--filter,
.btn--pill,
.btn--mask-icon--after {
  --icon--size: var(--btn--icon-size, 1em);
  position: relative;
  overflow: hidden;
}
.carousel__controls--prev, .carousel__controls--next,
[data-control-prev],
[data-control-next] {
  --space--gap: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin-inline: auto;
  width: var(--btn--size);
  height: var(--btn--size);
  border: 1px solid var(--btn--border-color, var(--color--black));
  background-color: var(--btn--background-color, transparent);
  color: var(--btn--color, var(--color--black));
  transition: all var(--transition--base);
}
.carousel__controls--prev svg, .carousel__controls--next svg,
[data-control-prev] svg,
[data-control-next] svg {
  width: calc(var(--btn--size) / 2.5);
}
.carousel__controls--prev:disabled, .carousel__controls--next:disabled,
[data-control-prev]:disabled,
[data-control-next]:disabled {
  pointer-events: none;
  opacity: 0.5;
}
.carousel__controls--prev:disabled:hover, .carousel__controls--next:disabled:hover, .carousel__controls--prev:disabled:focus-visible, .carousel__controls--next:disabled:focus-visible,
[data-control-prev]:disabled:hover,
[data-control-prev]:disabled:focus-visible,
[data-control-next]:disabled:hover,
[data-control-next]:disabled:focus-visible {
  background-color: var(--btn--background-color, transparent);
  color: var(--btn--color, var(--color--black));
}
.carousel__controls--prev:hover, .carousel__controls--next:hover, .carousel__controls--prev:focus-visible, .carousel__controls--next:focus-visible,
[data-control-prev]:hover,
[data-control-prev]:focus-visible,
[data-control-next]:hover,
[data-control-next]:focus-visible {
  background-color: var(--btn--background-color--hover, transparent);
  color: var(--btn--color--hover, var(--color--black));
}

.carousel__controls--prev, .carousel__controls--prev__text,
[data-control-prev] {
  transform: translateX(calc((var(--btn--size) / 2 + var(--space--gap) / 2) * -1));
}
.carousel__controls--prev svg, .carousel__controls--prev__text svg,
[data-control-prev] svg {
  transform: rotate(-90deg);
}

.carousel__controls--next, .carousel__controls--next__text,
[data-control-next] {
  transform: translateX(calc(var(--btn--size) / 2 + var(--space--gap) / 2));
}
.carousel__controls--next svg, .carousel__controls--next__text svg,
[data-control-next] svg {
  transform: rotate(90deg);
}

.btn--cross {
  width: var(--btn--size);
  height: var(--btn--size);
}
.btn--cross svg {
  transform: rotate(45deg);
}

.btn--ticket,
.btn--icon {
  --btn--icon-size: 1.3em;
}
.btn--ticket svg,
.btn--icon svg {
  width: auto;
  transform: translateY(-2px);
  flex-shrink: 0;
}

.btn--ticket {
  --btn--icon-size: 1em;
}
.btn--ticket svg {
  transform: rotate(30deg) translateY(-2px);
}

.btn--search .icon--arrow svg {
  transform: rotate(-90deg);
}
.btn--search[aria-expanded=false] .icon--arrow {
  display: none;
}
.btn--search[aria-expanded=true] .icon--magnify {
  display: none;
}
.btn--search[aria-expanded=false] .icon--magnify {
  animation: fade-in 0.2s linear forwards;
}
.btn--search[aria-expanded=true] .icon--arrow {
  animation: fade-in 0.3s linear forwards;
}

.btn--play-pause .pause-icon {
  display: none;
}
.btn--play-pause svg {
  height: 16px;
  width: auto;
}
.btn--play-pause.playing .play-icon {
  display: none;
}
.btn--play-pause.playing .pause-icon {
  display: block;
}

.btn--primary-cta {
  --btn--background-color: var(--venue-accent, transparent);
  --btn--border-color: var(--venue-accent, var(--color--white));
}

[type=radio]:has(~ .btn--checkbox), [type=radio]:has(~ .btn--pill),
[type=checkbox]:has(~ .btn--checkbox),
[type=checkbox]:has(~ .btn--pill) {
  position: absolute;
  top: 0;
  right: 100vw;
  height: 0;
  width: 0;
  opacity: 0;
}
[type=radio]:checked ~ .btn--checkbox,
[type=radio]:checked ~ .btn--pill,
[type=checkbox]:checked ~ .btn--checkbox,
[type=checkbox]:checked ~ .btn--pill {
  background-color: var(--btn--background-color--hover);
  color: var(--btn--color--hover);
  border-color: var(--btn--border-color--hover);
}

.btn--filter,
.btn--pill {
  --btn--background-color: var(--color--white);
  --btn--color: var(--color--purple-dark);
  --btn--border-color: var(--color--purple-dark);
  --btn--background-color--hover: var(--color--purple-dark);
  --btn--color--hover: var(--color--white);
  --btn--border-color--hover: var(--color--purple-dark);
  --icon--url: var(--uri-cross);
  --btn--border-width: 1px;
  --icon--size: 18px;
  padding: 12px 19px;
  gap: 8px;
  line-height: 1;
  font-weight: var(--fw--bold);
}
.btn--filter::after,
.btn--pill::after {
  transform: translateY(-1px);
}
.btn--filter[aria-selected=false]::after,
.btn--pill[aria-selected=false]::after {
  display: none;
}
.btn--filter[name=reset],
.btn--pill[name=reset] {
  --btn--background-color: var(--color--black);
  --btn--color: var(--color--white);
  --btn--background-color--hover: var(--color--purple-dark);
}

.btn--remove {
  --btn--size: 24px;
  --btn--icon-size: 0.8em;
  padding: 0;
  border: 0;
}
@media (min-width: 48em) {
  .btn--remove {
    margin-top: 10px;
  }
}
.btn--remove svg {
  transform: rotate(45deg);
}
.btn--remove:disabled {
  opacity: 0.5;
}

.btn--success {
  --btn--background-color: var(--color--pink-primary);
  --btn--border-color: var(--color--pink-primary);
  --btn--color: var(--color--white);
  --btn--background-color--hover: var(--color--black);
  --btn--border-color--hover: var(--color--black);
  --btn--color--hover: var(--color--white);
  --btn--icon-size: 1em;
}
.btn--success svg {
  transform: translateY(-1px);
}

.cog-select {
  display: block;
  width: 100%;
  height: 50px;
  padding: 0.5em 2em 0.5em 1em;
  border: var(--input--border-width, 1px) solid var(--input--border-color, #ccc);
  border-radius: var(--input--border-radius, 4px);
  background: var(--input--background-color, #fff);
  color: var(--input--color, #000);
  font-family: inherit;
  font-size: 1rem;
  line-height: inherit;
  box-shadow: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.382823 0.817787C-0.0565166 1.25713 -0.0565165 1.96944 0.382823 2.40878L5.15579 7.18175C5.59513 7.62109 6.30744 7.62109 6.74678 7.18175C7.18612 6.74241 7.18612 6.0301 6.74678 5.59076L1.97381 0.817787C1.53447 0.378447 0.822163 0.378447 0.382823 0.817787Z' fill='black'/%3E%3Cpath d='M11.617 0.817819C11.1777 0.378479 10.4654 0.378479 10.026 0.817819L5.25307 5.59079C4.81373 6.03013 4.81373 6.74244 5.25307 7.18178C5.69241 7.62112 6.40472 7.62112 6.84406 7.18178L11.617 2.40881C12.0564 1.96947 12.0564 1.25716 11.617 0.817819Z' fill='black'/%3E%3C/svg%3E");
  background-position: right 1em top 50%;
  background-repeat: no-repeat;
  background-size: 0.8em auto;
  cursor: pointer;
  box-sizing: border-box;
  text-align: left;
}

.info-circle--simple {
  display: block;
}
.info-circle--full {
  display: none;
}

.select-ticket-type--select select {
  padding: 7px 32px 7px 16px;
  background-size: 0.85em auto;
  font-weight: var(--fw--normal);
  color: var(--color--purple-dark);
  border-color: var(--color--purple-dark);
}

.section {
  margin-block-end: var(--section--margin-block);
}
.section__heading {
  margin: 0 0 var(--heading--margin-bottom, 0px);
}
.section__heading p {
  margin: 0;
}
.section__header {
  margin-bottom: var(--space--base);
}
@media (min-width: 48em) {
  .section__header:where(:has(.section__header--button)) {
    display: flex;
    align-items: flex-start;
  }
}
.section__header--text-content {
  flex: 1;
}
.section__header--button {
  display: inline-flex;
  align-items: flex-end;
  gap: 8px;
  min-height: var(--btn--size);
}
.section__header--button svg {
  height: 0.9em;
  width: auto;
  transform: rotate(90deg) translateX(-6px);
}
@media (min-width: 48em) {
  .section__header--button svg {
    display: none;
  }
}
.section.has-background {
  padding-block: var(--section--padding-block);
}

:where(.section:not(:first-child)) {
  margin-block-start: var(--section--margin-block);
}

.theme-kings {
  --btn--background-color: var(--color--yellow);
  --btn--border-color: var(--color--yello);
  --btn--color: var(--color--white);
  --btn--background-color--hover: var(--color--black);
  --btn--border-color--hover: var(--color--black);
  --btn--color--hover: var(--color--white);
}
.theme-kings .section__heading {
  color: var(--color--yello);
}

.theme-festival {
  --btn--background-color: var(--color--blue);
  --btn--border-color: var(--color--blue);
  --btn--color: var(--color--white);
  --btn--background-color--hover: var(--color--black);
  --btn--border-color--hover: var(--color--black);
  --btn--color--hover: var(--color--white);
}
.theme-festival .section__heading {
  color: var(--color--blue);
}

.theme-studio {
  --btn--background-color: var(--color--yellow);
  --btn--border-color: var(--color--yellow);
  --btn--color: var(--color--white);
  --btn--background-color--hover: var(--color--black);
  --btn--border-color--hover: var(--color--black);
  --btn--color--hover: var(--color--white);
}
.theme-studio .section__heading {
  color: var(--color--yellow);
}

.table {
  border-collapse: collapse;
  width: 100%;
  line-height: inherit;
}
.table th,
.table td {
  padding: var(--table--row--padding-block) var(--table--row--padding-inline);
}
.table th {
  height: var(--table--header--height);
  background-color: var(--table--header--background-color);
  border-bottom: var(--table--header--border);
  font-variation-settings: "wght" var(--fw--bold);
  text-align: left;
}
.table td {
  height: var(--table--row--height);
}
.table td:first-child {
  text-align: left;
}
.table tr:nth-child(even) {
  background-color: var(--table--row--background-color--even);
}
.table tr:nth-child(odd) {
  background-color: var(--table--row--background-color--odd);
}
.table tfoot::before {
  content: "";
  display: block;
  height: var(--space--layout);
}
.table tfoot tr:first-of-type {
  border-top: var(--border--1);
}
.table tfoot .label {
  font-variation-settings: "wght" var(--fw--bold);
}
.table tfoot .grand-total td {
  font-weight: var(--fw--bold);
  font-variation-settings: "wght" var(--fw--bold);
}

.responsive-table {
  overflow-x: scroll;
  overflow-y: hidden;
}
.responsive-table > table {
  margin-block: 0;
}

[type=text],
[type=password],
[type=date],
[type=datetime],
[type=datetime-local],
[type=month],
[type=week],
[type=email],
[type=number],
[type=search],
[type=tel],
[type=time],
[type=url],
[type=color],
textarea, select {
  display: block;
  width: 100%;
  padding-top: calc(var(--input--padding-block) + 1px);
  padding-bottom: calc(var(--input--padding-block) - 1px);
  padding-inline: var(--input--padding-inline);
  border: var(--input--border-width) solid var(--input--border-color);
  border-radius: var(--input--border-radius);
  background: var(--input--background-color);
  box-shadow: none;
  color: var(--input--color);
  font-family: inherit;
  line-height: inherit;
}

select {
  position: relative;
  min-width: 6em;
  max-width: 100%;
}
select:not([multiple]) {
  padding-right: 2em;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.382823 0.817787C-0.0565166 1.25713 -0.0565165 1.96944 0.382823 2.40878L5.15579 7.18175C5.59513 7.62109 6.30744 7.62109 6.74678 7.18175C7.18612 6.74241 7.18612 6.0301 6.74678 5.59076L1.97381 0.817787C1.53447 0.378447 0.822163 0.378447 0.382823 0.817787Z' fill='black'/%3E%3Cpath d='M11.617 0.817819C11.1777 0.378479 10.4654 0.378479 10.026 0.817819L5.25307 5.59079C4.81373 6.03013 4.81373 6.74244 5.25307 7.18178C5.69241 7.62112 6.40472 7.62112 6.84406 7.18178L11.617 2.40881C12.0564 1.96947 12.0564 1.25716 11.617 0.817819Z' fill='black'/%3E%3C/svg%3E%0A");
  background-position: right var(--input--padding-block) top 50%;
  background-repeat: no-repeat;
  background-size: 0.6875em auto;
  cursor: pointer;
}
select:not([multiple]):focus-visible, select:not([multiple]):active {
  background-color: transparent;
}

.form-grid {
  display: grid;
  grid-auto-flow: row;
  column-gap: var(--form--row-gap);
  row-gap: var(--form--row-gap);
  grid-template-columns: repeat(6, 1fr);
  grid-template-areas: "left left left right right right";
}
.form-grid > * {
  grid-column: 1/-1;
}

@media (min-width: 36em) {
  .form-item--left {
    grid-column: left;
  }
}

@media (min-width: 36em) {
  .form-item--right {
    grid-column: right;
  }
}

.form-field--compound {
  display: flex;
  flex-flow: row wrap;
  gap: var(--space--s);
  align-items: flex-start;
}
.form-field--compound label,
.form-field--compound .label {
  width: 100%;
}

.form-field--error {
  border-color: var(--color--error) !important;
}

::placeholder {
  color: var(--input--placeholder-color);
  opacity: 1;
}

fieldset {
  width: 100%;
  padding: 0;
  border: 0;
  margin: 0;
}
fieldset + fieldset {
  margin-top: var(--form--row-gap);
}

label,
.label,
legend {
  display: inline-block;
  cursor: pointer;
  margin-bottom: var(--form--label-spacing);
  padding: 0;
}
label .label__required,
.label .label__required,
legend .label__required {
  font-weight: var(--fw--normal);
}

.form-field__label {
  margin-top: var(--form--row-gap);
  margin-bottom: 8px;
}

textarea {
  resize: vertical;
}

input.datepicker {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 18'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M4.8.6c.2 0 .4.2.4.4v1.2h5.6V1a.4.4 0 0 1 .8 0v1.2H13c.4 0 .7.1 1 .3.6.3 1 .7 1.3 1.2l.3 1.1v10c0 .4-.1.7-.3 1-.3.6-.7 1-1.2 1.3l-1.1.3H3c-.4 0-.7-.1-1-.3-.6-.3-1-.7-1.3-1.2l-.3-1.1v-10c0-.4.1-.7.3-1 .3-.6.7-1 1.2-1.3L3 2.2h1.4V1c0-.2.2-.4.4-.4ZM4.4 3H3.1l-.8.2a2 2 0 0 0-.9.9l-.2.8V7h13.6V5l-.2-.8a2 2 0 0 0-.9-.9L13 3h-1.3v1.2a.4.4 0 1 1-.8 0V3H5.2v1.2a.4.4 0 1 1-.8 0V3Zm10.4 4.8H1.2v6.9l.2.8c.2.4.5.7.9.9l.8.2h9.8l.8-.2c.4-.2.7-.5.9-.9l.2-.8V7.8Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-position: right var(--input--padding-block) top 50%;
  background-repeat: no-repeat;
  background-size: 1.3em auto;
}

.alert-messages {
  margin: var(--space--m) 0;
}
.alert-messages > * {
  margin: 0;
}
.alert-messages .error-message {
  color: var(--color--error);
}

.form-field--checkbox-radio,
.form-field--radio,
.form-field--checkbox {
  display: grid;
  grid-template-columns: min-content auto;
  grid-template-areas: "input label";
  column-gap: var(--input--gap);
  row-gap: var(--space--xxs);
  padding-top: 3px;
  font-variation-settings: "wght" var(--fw--normal);
}
.form-field--checkbox-radio + .form-field--checkbox,
.form-field--checkbox-radio + .form-field--radio,
.form-field--radio + .form-field--checkbox,
.form-field--checkbox + .form-field--checkbox,
.form-field--radio + .form-field--radio,
.form-field--checkbox + .form-field--radio {
  margin-top: 20px;
}
.form-field--checkbox-radio > *,
.form-field--radio > *,
.form-field--checkbox > * {
  grid-column: label;
  justify-self: flex-start;
}
.form-field--checkbox-radio [type=checkbox],
.form-field--checkbox-radio [type=radio],
.form-field--checkbox-radio .input,
.form-field--radio [type=checkbox],
.form-field--checkbox [type=checkbox],
.form-field--radio [type=radio],
.form-field--checkbox [type=radio],
.form-field--radio .input,
.form-field--checkbox .input {
  grid-area: input;
}
.form-field--checkbox-radio [role=tab],
.form-field--radio [role=tab],
.form-field--checkbox [role=tab] {
  display: grid;
  grid-template-columns: min-content auto;
  grid-template-areas: "input label";
  column-gap: var(--input--gap);
  row-gap: var(--space--xxs);
  align-items: center;
}
.form-field--checkbox-radio [role=tab][aria-selected=true] .input::before, .form-field--checkbox-radio [role=tab][aria-selected=true] .input::after,
.form-field--radio [role=tab][aria-selected=true] .input::before,
.form-field--checkbox [role=tab][aria-selected=true] .input::before,
.form-field--radio [role=tab][aria-selected=true] .input::after,
.form-field--checkbox [role=tab][aria-selected=true] .input::after {
  opacity: 1;
}
.form-field--checkbox-radio:where(:has([role=tab])),
.form-field--radio:where(:has([role=tab])),
.form-field--checkbox:where(:has([role=tab])) {
  display: block;
}
.form-field--checkbox-radio label,
.form-field--checkbox-radio .label,
.form-field--radio label,
.form-field--checkbox label,
.form-field--radio .label,
.form-field--checkbox .label {
  line-height: 1;
  font-variation-settings: "wght" var(--fw--normal);
  margin-bottom: 0;
}

[type=checkbox],
[type=radio],
.form-field--radio [role=tab] .input {
  position: relative;
  appearance: none;
  background-color: var(--checkbox--input--background-color);
  margin: 0;
  cursor: pointer;
  font: inherit;
  color: currentColor;
  width: var(--checkbox--size);
  height: var(--checkbox--size);
  border: var(--input--border-width) solid var(--input--border-color);
  transform: translateY(-6px);
}
[type=checkbox]::before,
[type=radio]::before,
.form-field--radio [role=tab] .input::before {
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  width: var(--checkbox--check-size);
  height: var(--checkbox--check-size);
  opacity: 0;
  background-color: var(--color--accent);
}
[type=checkbox]:disabled,
[type=radio]:disabled,
.form-field--radio [role=tab] .input:disabled {
  --color--accent: var(--color--neutral-400);
  color: var(--color--disabled);
  cursor: not-allowed;
}
[type=checkbox]:disabled ~ label,
[type=checkbox]:disabled .label,
[type=radio]:disabled ~ label,
[type=radio]:disabled .label,
.form-field--radio [role=tab] .input:disabled ~ label,
.form-field--radio [role=tab] .input:disabled .label {
  color: var(--color--disabled);
  cursor: not-allowed;
}
[type=checkbox] ~ label:where(:not(.btn--pill)),
[type=checkbox] .label,
[type=radio] ~ label:where(:not(.btn--pill)),
[type=radio] .label,
.form-field--radio [role=tab] .input ~ label:where(:not(.btn--pill)),
.form-field--radio [role=tab] .input .label {
  display: block;
  font-variation-settings: "wght" var(--fw--normal);
  margin-bottom: 0;
}
[type=checkbox]:where(:not(:checked)) ~ .btn--pill::after,
[type=radio]:where(:not(:checked)) ~ .btn--pill::after,
.form-field--radio [role=tab] .input:where(:not(:checked)) ~ .btn--pill::after {
  display: none;
}
[type=checkbox]:disabled,
[type=radio]:disabled,
.form-field--radio [role=tab] .input:disabled {
  color: var(--color--neutral-600);
}
[type=checkbox]:checked::before, [type=checkbox]:checked::after,
[type=radio]:checked::before,
[type=radio]:checked::after,
.form-field--radio [role=tab] .input:checked::before,
.form-field--radio [role=tab] .input:checked::after {
  opacity: 1;
}

[type=checkbox] {
  border-radius: var(--input--border-radius);
}
[type=checkbox]::before, [type=checkbox]::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
[type=checkbox]::before {
  background-color: transparent;
  transition: all var(--transition--base);
  transition-property: background-color;
}
[type=checkbox]::after {
  content: "";
  width: var(--checkbox--checkmark-size);
  height: var(--checkbox--checkmark-size);
  mask-image: var(--uri-tick);
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
  background-color: currentColor;
  opacity: 0;
  transition: all var(--transition--base);
  transition-property: background-color;
}

[type=radio],
.form-field--radio [role=tab] .input {
  --check-scale: 1;
  border-radius: 50%;
}
[type=radio]::before,
.form-field--radio [role=tab] .input::before {
  border-radius: 50%;
  opacity: 0;
  transform: translate(-50%, -50%) scale(var(--check-scale, 0));
}

.width--xs {
  max-width: var(--width--xs);
}

.width--s {
  max-width: var(--width--s);
}

.width--m {
  max-width: var(--width--m);
}

.width--l {
  max-width: var(--width--l);
}

.width--xl {
  max-width: var(--width--xl);
}

.width--max {
  max-width: var(--width--max);
}

.width--fluid-min {
  max-width: var(--width--fluid-min);
}

.width--fluid-max {
  max-width: var(--width--fluid-max);
}

.width--full {
  max-width: 100%;
}

.width--full--padded {
  max-width: var(--width--full--padded);
}

.wysiwyg-content {
  --heading--margin-top: 12px;
  --heading--margin-bottom: 24px;
}
.wysiwyg-content figure {
  max-width: 100% !important;
}

.small {
  font-size: 0.875rem;
}

.wp-caption {
  position: relative;
}
.wp-caption .wp-caption-text {
  background-color: rgba(0, 0, 0, 0.7);
  color: var(--color--white);
  font-size: 0.875rem;
  padding: 8px var(--container--padding-inline);
  z-index: 3;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
@media (min-width: 62em) {
  .wp-caption .wp-caption-text {
    padding-inline: 12px;
  }
}

.error-block {
  padding: var(--space--m);
  border: 1px solid var(--color--error);
  background-color: var(--color--error-light);
  color: var(--color--black);
  margin-bottom: var(--space--m);
  outline: 0;
}
.error-block h2,
.error-block h3,
.error-block h4,
.error-block h5 {
  margin: 0;
  text-transform: none;
}
.error-block:empty {
  display: none;
}

dialog,
.dialog-container {
  position: fixed;
  top: var(--wp-admin--admin-bar--height, 0);
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow-y: auto;
  padding-bottom: 1px;
}
dialog::-webkit-scrollbar,
.dialog-container::-webkit-scrollbar {
  display: none;
}

.dialog-container {
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  scroll-behavior: smooth;
  background-color: var(--dialog--background-color, var(--color--black));
  color: var(--dialog--color, var(--color--white));
  padding: calc(var(--btn--size) + 24px) var(--container--padding-inline) var(--section--margin-inline);
}
.dialog-container[aria-hidden=true] {
  visibility: hidden;
}

[data-dialog-close].btn--cross,
.btn--dialog-close {
  position: absolute;
  top: calc(16 / 16 * 1rem + (24 - 16) * var(--fluid--bp));
  right: var(--container--padding-inline);
  z-index: 20;
}

.dialog-overlay {
  background-color: rgba(0, 0, 0, 0.95);
}

.dialog-content {
  margin: auto;
  z-index: 2;
  position: relative;
  width: 100%;
  min-height: 100%;
}
.dialog-content > .btn {
  --btn--backgorund-color: var(--color--black);
  --btn--color: var(--color--white);
  --btn--border-color: var(--color--white);
  --btn--background-color--hover: var(--color--white);
  --btn--color--hover: var(--color--black);
  margin-top: 24px;
  max-width: 220px;
  margin-inline: auto;
}
.dialog-content:has(> .btn:last-child) {
  padding-bottom: 64px;
}

.date-picker .flatpickr-calendar {
  width: 100%;
  border: 1px solid var(--color--black);
  box-shadow: none;
  border-radius: 0;
  height: 100%;
  max-height: 100% !important;
}
@media (min-width: 75em) {
  .date-picker .flatpickr-calendar {
    max-height: 640px !important;
  }
}
.date-picker .flatpickr-calendar.arrowTop::after, .date-picker .flatpickr-calendar.arrowTop::before {
  content: none;
}
.date-picker .flatpickr-months {
  border-bottom: 1px solid var(--color--black);
  padding: 12px;
}
.date-picker .flatpickr-months .flatpickr-current-month {
  font-size: 1rem;
  height: 50px;
}
.date-picker .flatpickr-months .flatpickr-current-month .cur-year,
.date-picker .flatpickr-months .flatpickr-current-month .cur-month {
  font-weight: var(--fw--medium);
  font-variation-settings: "wght" var(--fw--medium);
}
.date-picker .flatpickr-months .flatpickr-month {
  padding: 0;
}
.date-picker .flatpickr-months .flatpickr-prev-month,
.date-picker .flatpickr-months .flatpickr-next-month {
  height: 60px;
  display: flex;
  align-items: center;
}
.date-picker .flatpickr-months .flatpickr-prev-month:hover svg,
.date-picker .flatpickr-months .flatpickr-next-month:hover svg {
  fill: var(--color--pink-primary);
}
.date-picker .flatpickr-innerContainer, .date-picker .flatpickr-rContainer, .date-picker .flatpickr-days,
.date-picker .flatpickr .dayContainer {
  width: 100%;
}
.date-picker .flatpickr-innerContainer {
  padding: 8px;
}
.date-picker .flatpickr-innerContainer .flatpickr-rContainer,
.date-picker .flatpickr-innerContainer .flatpickr-days,
.date-picker .flatpickr-innerContainer .dayContainer {
  width: 100%;
  max-width: 100%;
}
.date-picker .flatpickr-innerContainer .flatpickr-day {
  width: 14.2857142857%;
  max-width: 100%;
}
.date-picker .flatpickr-innerContainer .flatpickr-weekdays {
  height: auto;
}
.date-picker .flatpickr-innerContainer .flatpickr-day,
.date-picker .flatpickr-innerContainer .flatpickr-weekday {
  color: var(--color--black);
  font-size: 0.875rem;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
  font-weight: var(--fw--medium);
  font-variation-settings: "wght" var(--fw--medium);
}
.date-picker .flatpickr-innerContainer .flatpickr-day.flatpickr-disabled,
.date-picker .flatpickr-innerContainer .flatpickr-weekday.flatpickr-disabled {
  opacity: 0.4;
  color: var(--color--black);
}
.date-picker .flatpickr-innerContainer .flatpickr-day.today,
.date-picker .flatpickr-innerContainer .flatpickr-weekday.today {
  background: var(--color--lilac-primary);
  border: 0;
  color: var(--color--black);
}
.date-picker .flatpickr-innerContainer .flatpickr-day.selected, .date-picker .flatpickr-innerContainer .flatpickr-day.startRange, .date-picker .flatpickr-innerContainer .flatpickr-day.endRange,
.date-picker .flatpickr-innerContainer .flatpickr-weekday.selected,
.date-picker .flatpickr-innerContainer .flatpickr-weekday.startRange,
.date-picker .flatpickr-innerContainer .flatpickr-weekday.endRange {
  background-color: var(--color--purple-primary);
  color: var(--color--white);
  border-color: var(--color--purple-primary);
}

.breadcrumbs {
  padding-block: var(--space--l) var(--space--m);
  display: none;
  margin: 0;
  color: var(--color--purple-dark);
  background: var(--color--neutral-100);
  position: relative;
  z-index: 2;
}
.breadcrumbs:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  content: "";
  background: var(--color--neutral-100);
  z-index: 0;
}
@media (min-width: 48em) {
  .breadcrumbs {
    display: block;
  }
}
.breadcrumbs ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.breadcrumbs li {
  position: relative;
  margin: 0;
  padding-block: 1px 15px;
}
.breadcrumbs li:after {
  background: url('data:image/svg+xml,<svg width="9" height="15" viewBox="0 0 9 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.41406 13.4142L7.41406 7.41422L1.41406 1.41422" stroke="%232B0539" stroke-width="2" stroke-linecap="square" stroke-linejoin="round"/></svg>') no-repeat 50%/cover;
  width: 9px;
  height: 15px;
  content: "";
  display: inline-block;
  margin: -1px 30px 1px 31px;
}
.breadcrumbs li:before {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 70px;
  content: "";
  height: 3px;
  background: var(--color--pink-primary);
  opacity: 0;
  width: 0;
  transition: all 0.3s ease-in-out;
}
.breadcrumbs li:last-child:after {
  display: none;
}
.breadcrumbs li:last-child:before {
  right: 0;
}
.breadcrumbs li.active:before {
  opacity: 1;
  width: calc(100% - 70px);
}
.breadcrumbs li.active:last-child:before {
  width: 100%;
}
.breadcrumbs li:has(a:hover):before {
  opacity: 1;
  width: calc(100% - 70px);
}
.breadcrumbs li:not(.active) span {
  font-weight: var(--fw--medium);
}
.breadcrumbs li a {
  text-decoration: none;
}

.details summary {
  cursor: pointer;
  list-style: none;
  display: flex;
  gap: 5px;
  color: var(--color--purple-dark);
  text-decoration: underline;
}
.details summary::-webkit-details-marker {
  display: none;
}
.details summary svg {
  transition: transform 0.2s ease;
  width: 9px;
  margin-top: 1px;
}
.details--accessibility-key {
  position: absolute;
  bottom: 16px;
  right: 16px;
  background: var(--color--white);
  border: 1px solid var(--color--purple-dark);
  padding: 11px 12px;
  max-height: calc(100% - 32px);
  overflow: auto;
}
.details--accessibility-key summary {
  font-size: 14px;
  font-weight: var(--fw--bold);
  font-variation-settings: "wght" var(--fw--bold);
  display: flex;
  gap: 8px;
  justify-content: space-between;
  color: var(--color--purple-dark);
  text-decoration: none;
}
.details--accessibility-key summary svg {
  margin: 0;
  width: 13px;
}
.details--accessibility-key[open] {
  padding: 16px;
  left: 16px;
  z-index: 5;
}
.details--accessibility-key[open] summary {
  margin: 0 0 16px;
}
.details--accessibility-key[open] summary svg {
  transform: rotate(45deg);
  width: 16px;
}
.details--accessibility-key .accessibility-key {
  padding: 0;
  border: 0;
  margin: 0;
}

.read-more {
  display: flex;
  flex-direction: column;
  gap: var(--space--m);
}
.read-more > * {
  margin: 0;
}
.read-more .btn--more {
  margin-right: auto;
}
.booking-pathway__ticket-donations__header .read-more {
  margin-bottom: var(--space--l);
}

.loading-indicator {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10;
  display: flex;
  min-height: 200px;
  align-items: center;
  justify-content: center;
  transition: var(--transition--base) all;
  transition-property: opacity, visibility;
}
.loading-indicator__spinner {
  width: var(--loading-spinner--size, 40px);
  height: var(--loading-spinner--size, 40px);
  border-width: var(--loading-spinner--border, 6px);
  border-style: solid;
  border-color: var(--color--violet) var(--color--neutral-300) var(--color--neutral-300);
  border-radius: 50%;
  animation: 1.6s linear infinite rotate;
}
.loading-indicator.page {
  background: rgba(196, 189, 216, 0.5);
  position: fixed;
  z-index: 1000;
}
.loading-indicator.align-top {
  padding-top: 100px;
  align-items: flex-start;
}
.loading-indicator.align-bottom {
  padding-bottom: 150px;
  align-items: flex-end;
}
.loading-indicator[aria-hidden=true] {
  opacity: 0;
  visibility: hidden;
}

body:has(.loading-indicator.page) {
  overflow: hidden;
}

.booking-pathway__select-quantity--footer:has(.loading-indicator) {
  position: relative;
  min-height: 48px;
}
.booking-pathway__select-quantity--footer:has(.loading-indicator) .loading-indicator {
  min-height: 100%;
}

.booking-pathway__select-quantity--footer:has(.best-available) {
  background: none;
  padding: 0;
}

.best-available {
  position: relative;
  width: 100%;
}
@media (min-width: 48em) {
  .best-available {
    display: flex;
    flex-direction: column;
    gap: var(--space--l);
  }
}
.best-available__box--buttons {
  background: var(--color--neutral-100);
  flex-direction: column;
  display: flex;
  flex-wrap: wrap;
  gap: var(--space--m);
  width: 100%;
  padding: 0 var(--space--m) var(--space--l);
}
@media (min-width: 48em) {
  .best-available__box--buttons {
    padding: 0;
    flex-direction: row;
    background: none;
  }
}
.best-available__box--price {
  background: var(--color--neutral-100);
  padding: var(--space--m) var(--space--m) var(--space--l);
  gap: var(--space--l);
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: var(--space--l);
}
@media (min-width: 48em) {
  .best-available__box--price {
    margin: 0;
  }
}
.best-available__box--price .booking-pathway__pricelist {
  position: relative;
}
@media (max-width: 35.99em) {
  .best-available__box--price .booking-pathway__pricelist {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
.best-available__box--result {
  background: var(--color--neutral-100);
  padding: var(--space--m);
  position: relative;
  margin-top: var(--space--l);
}
@media (min-width: 48em) {
  .best-available__box--result {
    margin: 0;
  }
}
.best-available__box--result .booking-pathway__header {
  margin: 0 0 var(--space--l);
}
@media (min-width: 48em) {
  .best-available__box--result .booking-pathway__header {
    font-size: var(--fs--h3);
  }
}
.best-available__box--result .btn--remove {
  display: none;
}
.best-available__box--result .select-ticket-type--select {
  width: 100%;
}
@media (min-width: 48em) {
  .best-available__box--result .select-ticket-type--select select {
    padding: 13px 32px 13px 16px;
    background-size: 14px auto;
  }
}
@media (min-width: 48em) {
  .best-available__box--result .basket-summary__item {
    padding-bottom: 10px;
    border: 0;
  }
}
@media (min-width: 48em) {
  .best-available__box--result .basket-summary__item.basket-summary__total {
    border-top: 1px solid var(--color--lilac-dark);
    padding-bottom: 0;
    margin: 13px 0 -8px;
  }
}
.best-available .booking-pathway__info-text {
  margin: var(--space--l) 0 0;
}
@media (min-width: 48em) {
  .best-available .booking-pathway__info-text {
    margin: 0;
  }
}

.no-scroll {
  overflow: hidden;
  padding-right: var(--scrollbar-width);
}

.sr-only,
.sr-text,
.screen-reader-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
.sr-only:active, .sr-only:focus,
.sr-text:active,
.sr-text:focus,
.screen-reader-text:active,
.screen-reader-text:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: fixed;
  top: 30px;
  left: 20px;
  white-space: normal;
  width: auto;
}

.d-none {
  display: none;
}

@media (min-width: 22.5em) {
  .xxs\:d-none {
    display: none;
  }
}
@media (min-width: 25em) {
  .xs\:d-none {
    display: none;
  }
}
@media (min-width: 36em) {
  .s\:d-none {
    display: none;
  }
}
@media (min-width: 48em) {
  .m\:d-none {
    display: none;
  }
}
@media (min-width: 62em) {
  .l\:d-none {
    display: none;
  }
}
@media (min-width: 75em) {
  .xl\:d-none {
    display: none;
  }
}
@media (min-width: 87.5em) {
  .xxl\:d-none {
    display: none;
  }
}
@media (min-width: 75em) {
  .menu\:d-none {
    display: none;
  }
}
@media (min-width: 65.4375em) {
  .sidebar\:d-none {
    display: none;
  }
}
.d-block {
  display: block;
}

@media (min-width: 22.5em) {
  .xxs\:d-block {
    display: block;
  }
}
@media (min-width: 25em) {
  .xs\:d-block {
    display: block;
  }
}
@media (min-width: 36em) {
  .s\:d-block {
    display: block;
  }
}
@media (min-width: 48em) {
  .m\:d-block {
    display: block;
  }
}
@media (min-width: 62em) {
  .l\:d-block {
    display: block;
  }
}
@media (min-width: 75em) {
  .xl\:d-block {
    display: block;
  }
}
@media (min-width: 87.5em) {
  .xxl\:d-block {
    display: block;
  }
}
@media (min-width: 75em) {
  .menu\:d-block {
    display: block;
  }
}
@media (min-width: 65.4375em) {
  .sidebar\:d-block {
    display: block;
  }
}
.template--booking-pathway .site-main {
  overflow: hidden;
}
.template--booking-pathway > .site-header .site-header__header-menu--link,
.template--booking-pathway > .site-header .site-header__utility-menu--access,
.template--booking-pathway > .site-header .site-header__utility-menu--friend,
.template--booking-pathway > .site-header .site-header__header-menu--button-search {
  visibility: hidden;
}

#spektrixBookingPathway:empty {
  height: 100vh;
  height: calc(100vh - var(--header-height, 136px));
}

.booking-pathway {
  --btn--background-color: var(--color--white);
  --btn--color: var(--color--purple-dark);
  --btn--border-color: var(--color--purple-dark);
  --btn--background-color--hover: var(--color--purple-dark);
  --btn--border-color--hover: var(--color--purple-dark);
  --btn--color--hover: var(--color--white);
  --btn--icon-size: 1.2em;
}
@media (min-width: 48em) {
  .booking-pathway:not(:has(.breadcrumbs)) {
    margin-top: var(--space--xl);
  }
}
.booking-pathway:has(#SpektrixAccountIFrame), .booking-pathway:has(.account-navigation) {
  margin-top: 0;
}
.booking-pathway iframe {
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow-y: auto;
  padding-bottom: 1px;
}
.booking-pathway iframe::-webkit-scrollbar {
  display: none;
}
.booking-pathway iframe {
  width: 100%;
  border: 0;
  margin: 0;
}
.booking-pathway iframe[data-visibility=hidden] {
  display: none;
}
.booking-pathway select,
.booking-pathway input,
.booking-pathway label {
  font-size: 1rem;
  color: var(--color--black);
}
.booking-pathway .login-form label {
  display: inline-flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: space-between;
  color: var(--color--purple-dark);
  width: 100%;
}
.booking-pathway__container {
  padding-bottom: 32px;
}
@media (min-width: 48em) {
  .booking-pathway__container {
    padding-bottom: 48px;
    display: grid;
    grid-template-columns: repeat(2, 1fr) 302px;
    grid-template-rows: auto auto 1fr;
    grid-template-areas: "content content summary" "content content buttons" "content content message";
    column-gap: 36px;
    row-gap: 0;
  }
}
@media (min-width: 75em) {
  .booking-pathway__container {
    padding-bottom: 72px;
    grid-template-columns: repeat(3, 1fr) 302px;
    grid-template-rows: auto auto 1fr;
    grid-template-areas: "content content content summary" "content content content buttons" "content content content message";
  }
}
@media (min-width: 48em) {
  .booking-pathway__container:has(.basket-summary) {
    grid-template-rows: auto auto auto 1fr;
    grid-template-areas: "content content summary" "content content basket" "content content buttons" "content content message";
  }
}
@media (min-width: 75em) {
  .booking-pathway__container:has(.basket-summary) {
    grid-template-rows: auto auto auto 1fr;
    grid-template-areas: "content content content summary" "content content content basket" "content content content buttons" "content content content message";
  }
}
@media (min-width: 48em) {
  .booking-pathway__container:has(.booking-pathway__select-quantity--no-reserved) {
    grid-template-rows: auto auto auto auto auto 1fr;
    grid-template-areas: "content  content  content summary" "content content content summary" "content content content basket" "content content content promo" "content content content buttons" "content content content message";
  }
}
@media (min-width: 48em) {
  .booking-pathway__container.booking-pathway__select-seat {
    grid-template-columns: repeat(3, 1fr) 302px;
    grid-template-rows: auto auto auto auto 1fr;
    grid-template-areas: "header  header  header  summary" "content content content summary" "content content content promo" "content content content buttons" "content content content message";
  }
}
@media (min-width: 48em) {
  .booking-pathway__container.booking-pathway__select-seat:has(.basket-summary) {
    grid-template-rows: auto auto auto auto auto 1fr;
    grid-template-areas: "header  header  header  summary" "content content content summary" "content content content basket" "content content content promo" "content content content buttons" "content content content message";
  }
}
.booking-pathway__container.booking-pathway__select-seat .booking-pathway__select-seat--header {
  grid-area: header;
  padding-top: var(--space--xs);
}
@media (min-width: 48em) {
  .booking-pathway__container.booking-pathway__select-seat .booking-pathway__select-seat--header {
    padding-top: var(--space--xl);
  }
}
@media (min-width: 48em) {
  .booking-pathway__container.booking-pathway__ticket-donations {
    grid-template-rows: auto auto auto auto 1fr;
    grid-template-areas: "content content summary" "content content basket" "content content thanks" "content content buttons" "content content message";
  }
}
@media (min-width: 75em) {
  .booking-pathway__container.booking-pathway__ticket-donations {
    grid-template-rows: auto auto auto auto 1fr;
    grid-template-areas: "content content content summary" "content content content basket" "content content content thanks" "content content content buttons" "content content content message";
  }
}
.booking-pathway__sidebar-loading {
  position: relative;
  z-index: 10;
  grid-column: 3/4;
  grid-row: 1/4;
}
@media (max-width: 47.99em) {
  .booking-pathway__sidebar-loading {
    display: none;
  }
}
.booking-pathway__sidebar-loading .loading-indicator {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--color--white);
  display: flex;
  align-items: center;
  justify-content: center;
}
.booking-pathway__header {
  margin-block: 0 var(--space--m);
  width: 100%;
  color: var(--color--purple-dark);
}
@media (min-width: 48em) {
  .booking-pathway__header {
    font-size: var(--fs--h1);
    line-height: 1.15;
    margin-bottom: var(--space--xl);
  }
}
.booking-pathway__header--aside {
  color: var(--color--purple-dark);
  padding-bottom: var(--space--m);
  margin: 0 0 var(--space--m);
  border-bottom: 1px solid var(--color--lilac-dark);
}
.booking-pathway__header svg {
  height: 1.2em;
  width: auto;
  transform: translateY(-3px);
  flex-shrink: 0;
}
.booking-pathway__header:has(svg) {
  display: flex;
  gap: 8px;
}
.booking-pathway__header p {
  margin: 0;
}
.booking-pathway__breadcrumb {
  margin-bottom: 24px;
  display: inline-block;
  font-variation-settings: "wght" var(--fw--bold);
}
.booking-pathway__main-content {
  grid-area: content;
  width: 100%;
}
@media (min-width: 48em) {
  .booking-pathway__main-content .booking-pathway__footer {
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 24px;
  }
}
@media (min-width: 48em) {
  .booking-pathway__main-content .booking-pathway__footer .btn {
    width: auto;
    min-width: 175px;
  }
}
@media (max-width: 47.99em) {
  .booking-pathway__main-content + .confirmation-message {
    margin-top: 12px;
  }
}
.booking-pathway__main-content--seating-plan {
  position: relative;
}
.booking-pathway__footer {
  grid-area: buttons;
  margin: 20px 0;
  display: flex;
  gap: 12px;
}
@media (max-width: 47.99em) {
  .booking-pathway__footer {
    background-color: var(--color--white);
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
    padding: 16px 22px;
    padding-bottom: calc(16px + constant(safe-area-inset-bottom));
    padding-bottom: calc(16px + env(safe-area-inset-bottom));
    box-shadow: 5px -4px 15px 0px rgba(0, 0, 0, 0.1);
    margin: 0;
    display: flex;
    flex-direction: row;
    gap: var(--space--m);
  }
}
@media (max-width: 35.99em) {
  .booking-pathway__footer {
    flex-direction: column;
  }
}
@media (min-width: 48em) {
  .booking-pathway__footer {
    flex-direction: column;
  }
}
.booking-pathway__footer:where(:has(.order-summary)) {
  grid-area: summary;
  position: relative;
  box-shadow: none;
  padding: 32px 0 0;
}
@media (min-width: 48em) {
  .booking-pathway__footer:where(:has(.order-summary)) {
    padding: 0;
    margin-top: 0;
  }
}
@media (min-width: 48em) {
  .booking-pathway__footer .order-summary {
    margin-top: 0;
    padding-top: 32px;
  }
}
.booking-pathway__footer .btn {
  width: 100%;
}
.booking-pathway__advisory-message {
  font-size: var(--fs--body-xs);
  grid-area: message;
  padding-top: var(--space--l) 0;
}
@media (min-width: 48em) {
  .booking-pathway__advisory-message {
    padding-bottom: var(--space--m);
  }
}
.booking-pathway__advisory-message b, .booking-pathway__advisory-message strong {
  font-weight: var(--fw--medium);
}
.booking-pathway__advisory-message p {
  margin: 0;
}
.booking-pathway__info-text {
  font-size: calc(12 / 16 * 1rem + (14 - 12) * var(--fluid--bp));
  margin: 12px 0 0;
}
.booking-pathway__info-text p {
  margin: 0;
}
.booking-pathway__progress-line {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: var(--space--xl);
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: center;
}
.booking-pathway__progress-line:after {
  width: 5px;
  transform: translateX(-50%);
  left: 50%;
  top: 5px;
  bottom: 5px;
  background: var(--color--neutral-100);
  content: "";
  position: absolute;
  z-index: 0;
}
.booking-pathway__progress-line svg {
  position: relative;
  z-index: 2;
}
.booking-pathway__select-quantity {
  min-height: calc(100svh - var(--header-height) - var(--section--margin-block));
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  overflow: hidden;
}
@media (min-width: 48em) {
  .booking-pathway__select-quantity {
    padding-left: var(--space--xxl);
    display: flex;
    justify-content: center;
    min-height: calc(100svh - var(--header-height) - var(--section--margin-block) * 2);
  }
}
.booking-pathway__select-quantity--no-reserved {
  padding-left: 0;
}
.booking-pathway__select-quantity--no-reserved .ticket-step-icon {
  display: none !important;
}
.booking-pathway__select-quantity--no-reserved .booking-pathway__footer .btn {
  min-width: 154px;
}
.booking-pathway__select-quantity .ticket-step-icon {
  position: absolute;
  left: 0;
  width: 32px;
  color: var(--color--neutral-100);
  display: none;
}
@media (min-width: 48em) {
  .booking-pathway__select-quantity .ticket-step-icon {
    display: block;
  }
}
.booking-pathway__select-quantity .ticket-step-icon:after {
  width: 5px;
  transform: translateX(-50%);
  left: 50%;
  bottom: 6px;
  background: currentColor;
  height: 500px;
  position: absolute;
  content: "";
  z-index: 0;
}
.booking-pathway__select-quantity .ticket-step-icon svg {
  position: relative;
  z-index: 2;
  width: 32px;
  height: 32px;
}
.booking-pathway__select-quantity > .ticket-step-icon {
  top: 0;
  color: var(--color--pink-primary);
  z-index: 4;
}
@media (max-width: 47.99em) {
  .booking-pathway__select-quantity > .ticket-step-icon {
    display: flex;
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    justify-content: space-between;
    margin-bottom: var(--space--xs);
  }
}
.booking-pathway__select-quantity > .ticket-step-icon:before {
  position: absolute;
  content: "";
  height: 7px;
  width: 38px;
  left: 0;
  background: var(--color--white);
  z-index: 2;
}
@media (max-width: 47.99em) {
  .booking-pathway__select-quantity > .ticket-step-icon:before {
    height: 5px;
    width: calc(100% - 16px);
    background: var(--color--neutral-100);
    z-index: 1;
    transform: translateY(-50%);
    top: 50%;
    left: 8px;
  }
}
@media (max-width: 47.99em) {
  .booking-pathway__select-quantity > .ticket-step-icon:after {
    height: 5px;
    width: 0;
    background: var(--color--pink-primary);
    transform: translateY(-50%);
    top: 50%;
    left: 8px;
    z-index: 1;
  }
}
@media (min-width: 48em) {
  .booking-pathway__select-quantity > .ticket-step-icon svg:not(:first-child) {
    display: none;
  }
}
.booking-pathway__select-quantity .booking-pathway__ticket-quantity,
.booking-pathway__select-quantity .best-available__box--price {
  position: relative;
}
.booking-pathway__select-quantity .booking-pathway__ticket-quantity .ticket-step-icon,
.booking-pathway__select-quantity .best-available__box--price .ticket-step-icon {
  bottom: 0;
  left: -40px;
}
.booking-pathway__select-quantity-step--one > .ticket-step-icon svg:nth-child(2) {
  color: var(--color--neutral-100);
}
.booking-pathway__select-quantity-step--one > .ticket-step-icon svg:nth-child(3) {
  opacity: 0;
}
.booking-pathway__select-quantity-step--three .booking-pathway__ticket-quantity .ticket-step-icon, .booking-pathway__select-quantity-step--two .booking-pathway__ticket-quantity .ticket-step-icon {
  bottom: -72px;
  color: var(--color--pink-primary);
  z-index: 2;
}
@media (max-width: 47.99em) {
  .booking-pathway__select-quantity-step--two > .ticket-step-icon:after {
    width: calc(50% - 16px);
  }
}
.booking-pathway__select-quantity-step--two > .ticket-step-icon svg:nth-child(3) {
  color: var(--color--neutral-100);
}
.booking-pathway__select-quantity-step--three .best-available__box--price .ticket-step-icon {
  bottom: -72px;
  color: var(--color--pink-primary);
  z-index: 1;
}
@media (max-width: 47.99em) {
  .booking-pathway__select-quantity-step--three > .ticket-step-icon:after {
    width: calc(100% - 16px);
  }
}
@media (max-width: 47.99em) {
  .booking-pathway__select-quantity-step--three:not(:has(.best-available__box--price)) > .ticket-step-icon svg:nth-child(2) {
    opacity: 0;
  }
}
.booking-pathway__select-quantity .instance-event-summary {
  width: 100%;
  border: 0;
  margin-bottom: var(--section--margin-block);
}
@media (min-width: 48em) {
  .booking-pathway__select-quantity .instance-event-summary {
    display: flex;
    gap: 12px;
  }
  .booking-pathway__select-quantity .instance-event-summary > * {
    margin: 0;
    line-height: 1;
  }
}
.booking-pathway__select-quantity .instance-event-summary::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 200vw;
  transform: translateX(-50%);
  background: rgba(246, 249, 237, 0.5);
  z-index: -1;
}
.booking-pathway__select-quantity .instance-event-summary__title {
  font-size: 1.125rem;
}
.booking-pathway__select-quantity--pricelist--panel {
  margin: 0;
  padding: 12px;
  background-color: var(--color--white);
  transition: background-color var(--transition--base);
  border: 1px solid var(--color--black);
  border-top: 0;
}
.booking-pathway__select-quantity--pricelist--panel[aria-hidden=true] {
  display: none;
}
.booking-pathway__select-quantity--pricelist--panel[aria-hidden=false] {
  background-color: var(--color--off-white);
}
.booking-pathway__select-quantity--pricelist--panel .btn {
  margin-top: 12px;
  margin-bottom: 0;
}
.booking-pathway__select-quantity--price-panel {
  position: relative;
}
.booking-pathway__select-quantity--price-panel-button[aria-expanded=true] {
  background-color: var(--color--off-white);
  color: var(--color--black);
  border-bottom: 0;
}
.booking-pathway__select-quantity--price-panel .loading-indicator {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 10;
}
.booking-pathway__select-quantity--footer {
  flex-direction: column;
  flex-wrap: wrap;
  gap: var(--space--m);
  flex: 1;
  position: static;
  box-shadow: none;
  margin: 0;
  width: 100%;
  background: var(--color--neutral-100);
  padding: 0 var(--space--m) var(--space--m);
}
@media (min-width: 48em) {
  .booking-pathway__select-quantity--footer {
    background: none;
    padding: 0;
    flex-direction: row;
    margin: var(--space--l) 0 0;
  }
}
.booking-pathway__select-quantity--footer .btn--select-seats {
  margin-top: auto;
}
@media (min-width: 48em) {
  .booking-pathway__select-quantity--footer .btn--select-seats {
    margin-bottom: 40px;
  }
}
.booking-pathway__select-quantity--own-choose {
  width: 100%;
  position: static;
  box-shadow: none;
  padding: 0;
  flex-direction: row;
}
.booking-pathway__main-content .booking-pathway__select-quantity--own-choose {
  margin: var(--space--xl) 0 0;
}
.booking-pathway__select-quantity--own-choose .btn--link {
  color: var(--color--purple-dark);
}
.booking-pathway__select-quantity--own-choose .btn--link:hover {
  text-decoration: none;
}
.booking-pathway__ticket-quantity {
  padding: var(--space--m) var(--space--m) var(--space--l);
  background: var(--color--neutral-100);
  color: var(--color--purple-dark);
  width: 100%;
}
.booking-pathway__ticket-quantity-heading {
  display: flex;
  gap: var(--space--xs);
  flex-direction: column;
}
@media (min-width: 48em) {
  .booking-pathway__ticket-quantity-heading .booking-pathway__header {
    font-size: var(--fs--h3);
  }
}
.booking-pathway__ticket-quantity-heading > * {
  margin: 0;
}
.booking-pathway__ticket-quantity .ticket-quantity-buttons {
  margin-top: var(--space--l);
  justify-content: center;
}
@media (min-width: 48em) {
  .booking-pathway__ticket-quantity .ticket-quantity-buttons {
    justify-content: flex-start;
  }
}
.booking-pathway__pricelist {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space--m);
}
.booking-pathway__pricelist-item {
  position: relative;
  display: flex;
  padding: 0;
}
.booking-pathway__pricelist-item input {
  position: absolute;
  inset: 0;
  border-radius: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  transform: none;
  opacity: 0;
}
.booking-pathway__pricelist-item input:checked + .btn--filter,
.booking-pathway__pricelist-item input .btn--filter:hover {
  color: var(--color--white);
  background: var(--color--purple-dark);
  border-color: var(--color--purple-dark);
}
.booking-pathway__pricelist-item input:checked + .btn--filter .booking-pathway__filters--button-icon,
.booking-pathway__pricelist-item input .btn--filter:hover .booking-pathway__filters--button-icon {
  border-color: var(--color--white);
  background: var(--circle--color);
  border-width: 1px;
}
.booking-pathway__pricelist-item input:checked + .btn--filter .booking-pathway__filters--button-icon svg,
.booking-pathway__pricelist-item input .btn--filter:hover .booking-pathway__filters--button-icon svg {
  opacity: 1;
}
.booking-pathway__pricelist-item .btn--filter {
  display: flex;
  min-width: 120px;
}
.booking-pathway__pricelist-item .btn--filter:after {
  display: none;
}
.booking-pathway__pricelist-item .booking-pathway__filters--button-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1px;
}
.booking-pathway__pricelist-item .booking-pathway__filters--button-icon svg {
  opacity: 0;
}
.booking-pathway__pricelist > .form-field--radio {
  margin: 0;
}
.booking-pathway__select-seat__header {
  margin-top: 0;
}
.booking-pathway__title-row {
  position: relative;
  display: flex;
  gap: 16px;
  justify-content: space-between;
}
.booking-pathway__best-seat-link {
  color: var(--color--white);
  text-decoration: none;
  padding: 29px 8px 11px;
  font-weight: var(--fw--bold);
  font-variation-settings: "wght" var(--fw--bold);
  letter-spacing: -0.16px;
  display: none;
  gap: 8px;
  flex: 0 0 40%;
  max-width: 158px;
  align-self: start;
  text-align: left;
  justify-content: center;
  position: relative;
  transform: translateY(-26px) rotate(-4deg);
  font-size: 12px;
}
@media (min-width: 36em) {
  .booking-pathway__best-seat-link {
    display: flex;
  }
}
@media (min-width: 48em) {
  .booking-pathway__best-seat-link {
    font-size: 16px;
    text-align: center;
    transform: translateY(-43px) rotate(-6deg);
    flex: 0 0 43%;
    max-width: 214px;
    padding: 29px 15px 11px;
  }
}
.booking-pathway__best-seat-link > * {
  position: relative;
  z-index: 2;
}
.booking-pathway__best-seat-link svg {
  align-self: center;
  width: 18px;
  transform: rotate(4deg);
}
@media (min-width: 48em) {
  .booking-pathway__best-seat-link svg {
    width: 24px;
    transform: rotate(6deg);
  }
}
.booking-pathway__best-seat-link:hover:before {
  transform: translate(6px, 6px);
  opacity: 1;
}
.booking-pathway__best-seat-link:after {
  position: absolute;
  inset: 0;
  content: "";
  background: var(--color--pink-primary);
  z-index: 1;
}
.booking-pathway__best-seat-link:before {
  bottom: 0;
  left: 0;
  right: 0;
  height: 42px;
  content: "";
  background: var(--color--purple-primary);
  position: absolute;
  z-index: 0;
  opacity: 0;
  transition: all var(--transition--base);
}
@media (min-width: 48em) {
  .booking-pathway__edit-tickets .booking-pathway__main-content {
    border-top: 1px solid var(--color--black);
    padding-top: 24px;
  }
}
.booking-pathway__no-results {
  --btn--background-color: transparent;
  --btn--color: var(--color--black);
  --btn--background-color--hover: var(--color--black);
  --btn--color--hover: var(--color--white);
  --space--prose: 24px;
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid var(--color--black);
  max-width: var(--width--s);
}
.booking-pathway__no-results--title {
  margin-bottom: 24px;
}
.booking-pathway__no-results .btn {
  display: inline-flex;
  width: auto;
}
.booking-pathway__promo-code {
  grid-area: promo;
  padding-top: var(--space--l);
}
@media (min-width: 48em) {
  .booking-pathway__promo-code {
    padding-top: var(--space--m);
  }
}
.booking-pathway__promo-code .booking-pathway__header--aside {
  color: var(--color--purple-dark);
}
.booking-pathway__promo-code--input {
  display: flex;
  gap: 8px;
}
.booking-pathway__promo-code--input [type=text] {
  height: 44px;
  background: var(--color--neutral-100);
  margin: 0 0 var(--space--xs);
  flex: 1;
  border-color: transparent;
}
.booking-pathway__promo-code--input .btn {
  --btn--icon-size: var(--space--l);
  flex-shrink: 0;
  height: 44px;
  padding: 10px;
  flex: 0 0 56px;
  justify-content: center;
  margin: 0 0 var(--space--xs);
}
.booking-pathway__promo-code .confirmation-message {
  color: var(--color--purple-dark);
  margin-block: 0 var(--space--xs);
}
.booking-pathway__basket .booking-pathway__main-content, .booking-pathway__login .booking-pathway__main-content, .booking-pathway__create-account .booking-pathway__main-content, .booking-pathway__checkout .booking-pathway__main-content, .booking-pathway__order-confirmation .booking-pathway__main-content, .booking-pathway__ticket-donations .booking-pathway__main-content, .booking-pathway__extras .booking-pathway__main-content, .booking-pathway__best-seat .booking-pathway__main-content {
  padding-top: var(--space--xs);
}
@media (min-width: 48em) {
  .booking-pathway__basket .booking-pathway__main-content, .booking-pathway__login .booking-pathway__main-content, .booking-pathway__create-account .booking-pathway__main-content, .booking-pathway__checkout .booking-pathway__main-content, .booking-pathway__order-confirmation .booking-pathway__main-content, .booking-pathway__ticket-donations .booking-pathway__main-content, .booking-pathway__extras .booking-pathway__main-content, .booking-pathway__best-seat .booking-pathway__main-content {
    padding-top: var(--space--xl);
  }
}
@media (min-width: 48em) {
  .booking-pathway__basket .booking-pathway__main-content > .booking-pathway__header, .booking-pathway__login .booking-pathway__main-content > .booking-pathway__header, .booking-pathway__create-account .booking-pathway__main-content > .booking-pathway__header, .booking-pathway__checkout .booking-pathway__main-content > .booking-pathway__header, .booking-pathway__order-confirmation .booking-pathway__main-content > .booking-pathway__header, .booking-pathway__ticket-donations .booking-pathway__main-content > .booking-pathway__header, .booking-pathway__extras .booking-pathway__main-content > .booking-pathway__header, .booking-pathway__best-seat .booking-pathway__main-content > .booking-pathway__header {
    margin-bottom: 16px;
  }
}
.booking-pathway__extras .booking-pathway__main-content, .booking-pathway__best-seat .booking-pathway__main-content {
  position: relative;
}
.booking-pathway__extras .booking-pathway__heading, .booking-pathway__best-seat .booking-pathway__heading {
  margin-bottom: var(--space--m);
  display: flex;
  gap: var(--space--m);
  flex-direction: column;
}
@media (min-width: 48em) {
  .booking-pathway__extras .booking-pathway__heading, .booking-pathway__best-seat .booking-pathway__heading {
    margin-bottom: var(--space--xl);
  }
}
.booking-pathway__extras .booking-pathway__heading > *, .booking-pathway__best-seat .booking-pathway__heading > * {
  margin: 0;
}
.booking-pathway__extras .booking-pathway__heading-text, .booking-pathway__best-seat .booking-pathway__heading-text {
  display: flex;
  gap: var(--space--m);
  flex-direction: column;
}
.booking-pathway__extras .booking-pathway__heading-text > *, .booking-pathway__best-seat .booking-pathway__heading-text > * {
  margin: 0;
}
@media (min-width: 48em) {
  .booking-pathway__best-seat:not(:has(.booking-pathway__select-quantity--no-reserved)) .basket-summary {
    display: none;
  }
}
.booking-pathway__ticket-donations .view-alternative-dates__button,
.booking-pathway__ticket-donations .basket-summary__item--ticket-type-button, .booking-pathway__extras .view-alternative-dates__button,
.booking-pathway__extras .basket-summary__item--ticket-type-button {
  display: none;
}
@media (max-width: 47.99em) {
  .booking-pathway__create-account .booking-pathway__main-content .booking-pathway__footer, .booking-pathway__checkout .booking-pathway__main-content .booking-pathway__footer {
    display: none;
  }
}
@media (min-width: 48em) {
  .booking-pathway__create-account > .booking-pathway__footer .btn--primary, .booking-pathway__checkout > .booking-pathway__footer .btn--primary {
    display: none;
  }
}
.booking-pathway__delivery-options {
  border-top: 1px solid var(--color--black);
  padding-top: 24px;
  margin-top: 24px;
}
@media (min-width: 48em) {
  .booking-pathway__delivery-options {
    margin-top: 48px;
  }
}
@media (min-width: 48em) {
  .booking-pathway__preferences--form {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
}
.booking-pathway__preferences--form legend {
  margin-bottom: 16px;
  grid-column: span 2;
}
@media (min-width: 48em) {
  .booking-pathway__preferences--form fieldset {
    margin-top: 0;
  }
}
@media (min-width: 48em) {
  .booking-pathway__preferences--tags {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .booking-pathway__preferences--tags .form-field--checkbox {
    margin-top: 0;
  }
}
.booking-pathway__order-confirmation .booking-pathway__header {
  max-width: 760px;
}
.booking-pathway__order-confirmation--images {
  margin-block: calc(24 / 16 * 1rem + (48 - 24) * var(--fluid--bp));
}
.booking-pathway__order-confirmation--images:where(:has(img:nth-child(2))) {
  display: flex;
  gap: calc(16 / 16 * 1rem + (24 - 16) * var(--fluid--bp));
}
.booking-pathway__order-confirmation--images:where(:has(img:nth-child(2))) img {
  flex: 1;
  aspect-ratio: 1/1;
  object-fit: cover;
}
@media (min-width: 48em) {
  .booking-pathway__order-confirmation--button .btn {
    display: inline-flex;
    width: auto;
    margin-top: 24px;
  }
}
.booking-pathway__basket .top-picks__account {
  display: none;
}
@media (min-width: 48em) {
  .booking-pathway__basket .booking-pathway__main-content .booking-pathway__header {
    margin: 0 0 var(--space--xl);
  }
}
.booking-pathway__basket .booking-pathway__header {
  color: var(--color--white);
  position: relative;
  padding: 24px 0;
  font-size: 32px;
}
@media (min-width: 48em) {
  .booking-pathway__basket .booking-pathway__header {
    color: var(--color--purple-dark);
    padding: 0;
    font-size: 40px;
  }
}
.booking-pathway__basket .booking-pathway__header > * {
  position: relative;
  z-index: 2;
}
@media (max-width: 47.99em) {
  .booking-pathway__basket .booking-pathway__header:before {
    position: absolute;
    top: 0;
    left: -22px;
    right: -22px;
    bottom: 0;
    content: "";
    background: var(--color--purple-dark);
    z-index: 0;
  }
}
.booking-pathway__thanks-message {
  grid-area: thanks;
  color: var(--color--white);
  background: var(--color--pink-primary);
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: var(--space--m);
}
@media (min-width: 48em) {
  .booking-pathway__thanks-message {
    margin-top: 0;
  }
}
.booking-pathway__thanks-message > * {
  margin: 0;
}
.booking-pathway__thanks-message__content {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.booking-pathway__thanks-message__content > * {
  margin: 0;
}

.ticket-card {
  --grid--columns: 3;
  display: block;
  grid-template-columns: repeat(var(--grid--columns), 1fr);
  grid-template-areas: "img sum sum";
  border: 1px solid #000;
  padding: 20px;
  display: flex;
  flex-direction: column;
}
@media (min-width: 48em) {
  .ticket-card {
    padding: 24px;
    display: grid;
    gap: 24px;
  }
}
.ticket-card > .btn {
  grid-column: span var(--grid--columns);
}
.ticket-card .instance-event-summary {
  display: flex;
  flex-direction: column;
  margin-top: 24px;
  height: 100%;
}
@media (min-width: 48em) {
  .ticket-card .instance-event-summary {
    margin-top: 0;
  }
}
.ticket-card .instance-event-summary__venue {
  margin-bottom: 0px;
  margin-top: 0;
}
.ticket-card .instance-event-summary__date {
  margin-bottom: 16px;
}
.ticket-card .instance-event-summary .btn {
  max-width: 170px;
  width: 100%;
}
@media (min-width: 62em) {
  .ticket-card .instance-event-summary .btn {
    max-width: 250px;
  }
}
.ticket-card .instance-event-summary__button__flex {
  display: flex;
  justify-content: space-between;
  margin-top: auto;
  align-items: center;
  gap: 24px;
}
.ticket-card .instance-event-summary__button__flex svg {
  height: 44px;
  fill: var(--venue-logo-fill, var(--color--yellow));
}
.ticket-card .instance-event-summary__button__flex svg.festival {
  fill: var(--venue-logo-fill, var(--color--blue));
}
.ticket-card img {
  aspect-ratio: 1/1;
  object-fit: cover;
}

.confirmed-order {
  background-color: var(--color--off-white);
  padding: 16px;
}
.confirmed-order__header {
  margin-top: 0;
  margin-bottom: 8px;
}
.confirmed-order p {
  margin-block: 8px;
}
.confirmed-order .btn {
  width: 100%;
}

.form-field--radio.is-loading,
.form-field--checkbox.is-loading {
  --spinner--size: 1em;
  pointer-events: none;
}
.form-field--radio.is-loading input,
.form-field--radio.is-loading label,
.form-field--checkbox.is-loading input,
.form-field--checkbox.is-loading label {
  grid-row: 1;
  opacity: 0.3;
}
.form-field--radio .loading-indicator,
.form-field--checkbox .loading-indicator {
  align-items: flex-start;
  grid-row: 1;
  background-color: rgba(255, 255, 255, 0.5);
}

.booking-pathway__ticket-donations {
  --ticket-width: 20.625rem;
}
@media (min-width: 48em) {
  .booking-pathway__ticket-donations--header {
    display: flex;
    justify-content: space-between;
    gap: 16px;
  }
  .booking-pathway__ticket-donations--header > * {
    margin-top: 0;
    flex-shrink: 0;
    width: auto;
  }
}
.booking-pathway__ticket-donations__header {
  display: flex;
  gap: 16px;
  flex-direction: column;
  color: var(--color--purple-dark);
  margin: 0 0 var(--space--xs);
}
@media (min-width: 48em) {
  .booking-pathway__ticket-donations__header {
    margin: 0 0 var(--space--xl);
  }
}
.booking-pathway__ticket-donations__header > * {
  margin: 0;
}
.booking-pathway__ticket-donations__content {
  display: flex;
  gap: 16px;
  flex-direction: column;
}
.booking-pathway__ticket-donations__content > * {
  margin: 0;
}

.donate-per-ticket {
  max-width: var(--ticket-width);
  box-shadow: 0px 3.843px 3.843px 0px rgba(0, 0, 0, 0.25), 0px 1.922px 1.922px 0px rgba(0, 0, 0, 0.25), 0px 3.843px 11.53px 0px rgba(0, 0, 0, 0.25);
  border: 0.961px solid rgba(0, 0, 0, 0.2);
  border-radius: 24.982px;
  padding: 24px;
  margin-bottom: 12px;
  background-color: var(--color--white);
  transition: transform var(--transition--base);
}
.donate-per-ticket__carousel {
  overflow: hidden;
}
.donate-per-ticket__carousel .carousel {
  max-width: var(--ticket-width);
  margin-inline: auto;
  overflow: visible;
}
.donate-per-ticket__carousel .carousel--slider .donate-per-ticket {
  transform: scale(0.8);
}
.donate-per-ticket__carousel .carousel--slider .carousel__slide--active .donate-per-ticket {
  transform: scale(1);
}
.donate-per-ticket__heading {
  border-bottom: 0.961px solid rgba(0, 0, 0, 0.2);
  padding-bottom: 12px;
}
.donate-per-ticket__heading span {
  display: flex;
  justify-content: space-between;
  gap: 4px;
}
.donate-per-ticket__heading span > * {
  margin: 0;
}
.donate-per-ticket__heading--info {
  flex-shrink: 0;
}
.donate-per-ticket__heading--date {
  font-size: 0.875rem;
  font-variation-settings: "wght" var(--fw--normal);
}
.donate-per-ticket__heading--secondary {
  margin-top: 4px;
}
.donate-per-ticket__summary {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 0;
}
.donate-per-ticket__summary--total {
  line-height: 1;
}
.donate-per-ticket__summary--total span {
  font-size: var(--fs--xxl);
}
.donate-per-ticket__slider {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 8px;
  grid-template-areas: "input input input" "minus label plus";
  margin-top: -30px;
}
.donate-per-ticket__slider--label {
  grid-area: label;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.donate-per-ticket__slider--input {
  grid-area: input;
  position: relative;
}
.donate-per-ticket__slider--input input {
  position: absolute;
  top: 0;
  right: 7%;
  bottom: 0;
  left: 7%;
  opacity: 0;
  margin: 0;
  cursor: grab;
}
.donate-per-ticket__slider--input input:active {
  cursor: grabbing;
}
.donate-per-ticket__slider--input:has(input:focus-visible) {
  outline: 3px dotted var(--color--focus);
  outline-offset: 3px;
}
.donate-per-ticket__slider--increment {
  grid-area: plus;
}
.donate-per-ticket__slider--decrement {
  grid-area: minus;
}
.donate-per-ticket__slider--arc {
  fill: none;
}
.donate-per-ticket__slider--arc .ball {
  transform-origin: center;
}
.donate-per-ticket__footer {
  margin-top: 32px;
}
.donate-per-ticket__footer .btn {
  width: 100%;
}
.donate-per-ticket__footer .form-field--checkbox {
  margin-top: 16px;
}
.donate-per-ticket__footer .form-field--checkbox input {
  transform: translateY(0);
}
.donate-per-ticket__footer .form-field--checkbox label {
  font-size: 0.875rem;
  line-height: 1.4;
}

.booking-pathway__summary {
  grid-area: summary;
}
@media (min-width: 48em) {
  .booking-pathway__summary {
    border-top: 1px solid var(--color--lilac-dark);
    padding-top: var(--space--m);
    margin-top: 110px;
  }
}
.booking-pathway__summary > *:where(:not(:first-child)) {
  margin-top: 24px;
}
.booking-pathway__summary .booking-pathway__promo-code .booking-pathway__label {
  display: none;
}
.booking-pathway__summary .booking-pathway__promo-code .booking-pathway__header--aside {
  padding: 0;
  border: 0;
}
.booking-pathway__summary .booking-pathway__promo-code .btn,
.booking-pathway__summary .booking-pathway__promo-code input {
  margin: 0;
}
.booking-pathway__summary .booking-pathway__promo-code .booking-pathway__header--aside {
  color: var(--color--black);
  font-size: 18px;
  margin: 0 0 8px;
}
.booking-pathway__summary .booking-pathway__promo-code .confirmation-message {
  margin-block: var(--space--xs) 0;
  color: var(--color--purple-primary);
}
.booking-pathway__summary .booking-pathway__advisory-message {
  font-size: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 40px;
  padding: 16px 0 0;
}
@media (min-width: 48em) {
  .booking-pathway__basket .booking-pathway__footer {
    margin-top: 40px;
  }
}

.instance-event-summary > * {
  margin: 0;
}
.instance-event-summary__header {
  grid-area: summary;
  position: relative;
  padding: 16px 0;
  display: grid;
  grid-template-columns: 34.4% auto;
  gap: 0 16px;
  z-index: 2;
}
@media (min-width: 48em) {
  .instance-event-summary__header {
    margin: 0;
    display: block;
    padding: 32px 0 0;
  }
}
@media (max-width: 47.99em) {
  .instance-event-summary__header > * {
    position: relative;
    z-index: 2;
  }
}
@media (max-width: 47.99em) {
  .instance-event-summary__header::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -22px;
    right: -22px;
    background: var(--color--neutral-100);
    z-index: 0;
  }
}
.instance-event-summary__image {
  overflow: hidden;
  aspect-ratio: 16/9;
  background: var(--color--neutral-100);
  position: relative;
}
@media (min-width: 48em) {
  .instance-event-summary__image {
    height: 170px;
    margin: 0 0 var(--space--l);
    aspect-ratio: auto;
  }
}
.instance-event-summary__image > * {
  width: 100%;
  height: 100%;
  min-height: 100%;
}
.instance-event-summary__image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.instance-event-summary__title {
  margin: 2px 0 8px;
  color: var(--color--purple-dark);
}
@media (min-width: 48em) {
  .instance-event-summary__title {
    font-size: var(--fs--h4);
    line-height: 1.25;
    margin: 0 0 var(--space--l);
  }
}
.instance-event-summary__date {
  color: var(--color--purple-dark);
  font-size: 12px;
  font-weight: var(--fs--medium);
  font-variation-settings: "wght" var(--fw--medium);
}
@media (min-width: 48em) {
  .instance-event-summary__date {
    font-family: var(--ff--secondary);
    font-variation-settings: "wght" var(--fw--bold);
    font-weight: var(--fw--bold);
    font-size: var(--fs--h6);
    line-height: 1.2;
  }
}
.instance-event-summary__venue {
  font-size: 1rem;
}
.instance-event-summary + .order-summary__item {
  padding-top: 0;
}

.basket-summary,
.order-summary {
  --spinner--size: 1em;
  margin-top: 8px;
  font-size: 1rem;
}
.basket-summary__item, .basket-summary__total,
.order-summary__item,
.order-summary__total {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  margin: 0;
  padding-top: 10px;
  padding-bottom: 8px;
}
.basket-summary__item svg, .basket-summary__total svg,
.order-summary__item svg,
.order-summary__total svg {
  display: inline-block;
  height: 1em;
  width: auto;
  margin-right: 4px;
  margin-bottom: 4px;
}
.basket-summary__item span:last-child, .basket-summary__total span:last-child,
.order-summary__item span:last-child,
.order-summary__total span:last-child {
  flex-shrink: 0;
}
.basket-summary__item--total, .basket-summary__total,
.order-summary__item--total,
.order-summary__total {
  font-variation-settings: "wght" var(--fw--bold);
}
.basket-summary .loading-indicator,
.order-summary .loading-indicator {
  margin-inline: auto;
}

.basket-summary {
  grid-area: basket;
  margin-top: 16px;
}
@media (min-width: 48em) {
  .basket-summary {
    margin-top: 24px;
  }
}
.basket-summary__items {
  margin-bottom: 9px;
}
.basket-summary__total .basket-summary__item--primary {
  display: flex;
  gap: 8px;
  justify-content: space-between;
  align-items: center;
}
.basket-summary__total .basket-summary__item--plan-name {
  font-weight: var(--fw--bold);
}
.basket-summary__item {
  border-bottom: 1px solid var(--color--lilac-dark);
  padding: 16px 0;
  gap: 8px;
  flex-direction: column;
}
.basket-summary__item:first-child {
  padding-top: 0;
}
.basket-summary__item:last-child {
  padding-bottom: 10px;
  border: 0;
}
.basket-summary__item--seats {
  border-top: 0;
  padding-top: 0;
}
.basket-summary__item--seats:last-child {
  padding-bottom: 0;
}
.basket-summary__item--primary {
  display: flex;
  gap: var(--space--xs);
  justify-content: space-between;
  align-items: center;
}
.basket-summary__item--primary-info {
  margin: 0;
  display: flex;
  justify-content: space-between;
  gap: var(--space--xs);
  min-width: 6.25rem;
}
.basket-summary__item--plan-name {
  font-weight: var(--fw--medium);
  font-variation-settings: "wght" var(--fw--medium);
  min-width: 3.125rem;
}
.basket-summary__item--seat-name {
  flex: 1;
}
.basket-summary__item--secondary {
  min-height: 32px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.basket-summary__item--seat-info {
  display: flex;
  gap: 4px;
  font-size: 12px;
  line-height: 1.4;
  color: var(--color--purple-primary);
  padding: 4px 0 0;
}
.basket-summary__item--seat-info .info-circle {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  color: currentColor;
  margin: 0;
}
.basket-summary__item--seat-info p {
  margin: 0;
  align-self: center;
}
.basket-summary__item--donation .basket-summary__item--primary-info, .basket-summary__item--supplementary .basket-summary__item--primary-info, .basket-summary__item--membership .basket-summary__item--primary-info {
  flex: 1;
}
.basket-summary__item--ticket-type {
  margin: 0;
  flex: auto;
  display: flex;
  gap: 8px;
  justify-content: space-between;
}
.basket-summary__item--ticket-type-button {
  text-decoration: underline;
  color: var(--color--purple-primary);
  flex: 0 0 auto;
}
.basket-summary__item .btn--remove {
  flex-shrink: 0;
  margin: 0;
}
.basket-summary__item .btn--remove svg {
  margin: 0;
  height: 1.1em;
}
.basket-summary > p {
  margin-block: var(--space--m);
}
.basket-summary .select-ticket-type--select {
  width: 100%;
}

.order-summary .booking-pathway__header {
  margin-bottom: 16px;
}
@media (min-width: 48em) {
  .order-summary .booking-pathway__header {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
  }
  .order-summary .booking-pathway__header:active, .order-summary .booking-pathway__header:focus-visible {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: fixed;
    top: 30px;
    left: 20px;
    white-space: normal;
    width: auto;
  }
}
.order-summary__list li + li {
  margin-top: 16px;
}
.order-summary__list > *:where(:not(:first-child)) {
  border-top: 1px solid var(--color--disabled);
  padding-top: 24px;
}
@media (min-width: 48em) {
  .order-summary__disclosure-button {
    display: none;
  }
}
@media (max-width: 47.99em) {
  .order-summary__disclosure-button + .order-summary {
    background-color: var(--color--white);
    padding: calc(16 / 16 * 1rem + (24 - 16) * var(--fluid--bp));
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    transform: translateY(101%);
    z-index: 10;
  }
  .order-summary__disclosure-button + .order-summary[aria-hidden=false] {
    transform: translateY(0);
  }
  .order-summary__disclosure-button + .order-summary[aria-hidden=false]:before {
    opacity: 1;
  }
  .order-summary__disclosure-button + .order-summary > * {
    z-index: 3;
    position: relative;
  }
}
@media (max-width: 47.99em) {
  .order-summary__disclosure-button + .order-summary:before {
    transition: all 0.3s linear;
    position: fixed;
    height: 100vh;
    height: 100dvh;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    content: "";
    background-color: rgba(38, 38, 38, 0.6);
    opacity: 0;
  }
}
@media (max-width: 47.99em) {
  .order-summary__disclosure-button + .order-summary:after {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: "";
    background: var(--color--white);
    z-index: 2;
  }
}
@media (max-width: 47.99em) {
  .order-summary__disclosure-button + .order-summary .booking-pathway__header {
    color: var(--color--purple-dark);
    padding-bottom: var(--space--m);
    margin: 0 0 var(--space--m);
    border-bottom: 1px solid var(--color--lilac-dark);
    font-size: var(--fs--h6);
  }
}
.order-summary__disclosure-button--hide {
  margin-top: 16px;
}
@media (min-width: 48em) {
  .order-summary__disclosure-button--hide {
    display: none;
  }
}
.order-summary__item--discount {
  margin: 0;
  padding-top: 0;
  border: 0;
}

.booking-pathway__checkout .basket-summary,
.booking-pathway__summary .basket-summary {
  margin-top: 24px;
  border-top: 1px solid var(--color--lilac-dark);
  padding: 16px 0 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.booking-pathway__checkout .basket-summary > p,
.booking-pathway__summary .basket-summary > p {
  margin: 0;
  font-style: normal;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 8px;
  border: 0;
  padding: 0;
  font-weight: var(--fw--medium);
}
.booking-pathway__checkout .basket-summary > p span:last-child,
.booking-pathway__summary .basket-summary > p span:last-child {
  font-weight: var(--fw--normal);
}

.extras-group {
  display: flex;
  flex-direction: column;
  gap: var(--space--m);
}
@media (min-width: 48em) {
  .extras-group {
    gap: var(--space--xl);
  }
}
.extras-group__title {
  color: var(--color--purple-dark);
  margin: 0;
}
@media (min-width: 48em) {
  .extras-group__title {
    font-size: var(--fs--h2);
  }
}
.extras-group__extra {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
  gap: var(--space--m);
}
@media (min-width: 48em) {
  .extras-group__extra {
    gap: var(--space--xl);
  }
}
.extras-group + .extras-group {
  margin-top: 40px;
}
@media (min-width: 48em) {
  .extras-group + .extras-group {
    margin-top: var(--space--xl);
  }
}

.extras-instance {
  --space--stack: 12px;
}
.extras-instance__img {
  background: var(--color--neutral-100);
  aspect-ratio: 8/6;
  overflow: hidden;
}
.extras-instance__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.extras-instance__content {
  padding: 16px 20px 20px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.extras-instance__header {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin: 0 0 var(--space--xs);
}
.extras-instance__header--content {
  flex: 1;
}
.extras-instance__title {
  color: var(--color--purple-dark);
  font-size: 24px;
  line-height: 1.2;
  margin: 0;
}
.extras-instance__price {
  color: var(--color--purple-dark);
  margin-top: 8px;
}
.extras-instance__footer {
  --btn--size: 44px;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: var(--space--l);
}
.extras-instance__footer .error-message {
  margin: 0;
}
.extras-instance__buttons {
  display: flex;
  gap: 12px;
}
.extras-instance .ticket-quantity-buttons,
.extras-instance .extras-instance__buttons {
  gap: 6px;
  justify-content: flex-start;
}
.extras-instance .ticket-quantity-buttons__counter,
.extras-instance .extras-instance__buttons__counter {
  min-width: 60px;
  line-height: var(--btn--size);
  height: var(--btn--size);
  border: 2px solid var(--color--black);
  font-variation-settings: "wght" var(--fw--bold);
  font-weight: var(--fw--bold);
}
.extras-instance .confirmation-message {
  width: 100%;
  grid-column: span 2;
}
@media (max-width: 74.99em) {
  .extras-instance__additional-donation {
    display: flex;
    flex-direction: column;
  }
  .extras-instance__additional-donation .extras-instance__image {
    margin-top: var(--space--stack);
    order: 3;
    max-width: 100%;
    width: 100%;
  }
  .extras-instance__additional-donation .extras-instance__buttons {
    width: 100%;
  }
  .extras-instance__additional-donation .extras-instance__buttons > * {
    flex: 1;
  }
  .extras-instance__additional-donation .extras-instance__footer {
    flex-wrap: wrap;
  }
  .extras-instance__additional-donation .extras-instance__footer .btn--primary {
    width: 100%;
  }
}
@media (min-width: 75em) {
  .extras-instance__additional-donation .extras-instance__summary {
    font-size: var(--fs--body-l);
    margin-top: 0;
  }
}

.ticket-quantity-buttons {
  --btn--size: 42px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  min-height: 48px;
}
.ticket-quantity-buttons__counter {
  order: 2;
  color: var(--color--purple-primary);
  min-width: 78px;
  font: var(--fw--black) 44px/1 var(--ff--secondary);
  text-align: center;
}
.ticket-quantity-buttons__increment {
  order: 3;
}
.ticket-quantity-buttons__decrement {
  order: 1;
}
.ticket-quantity-buttons .btn {
  border-width: 2px;
}

.booking-pathway__filters {
  grid-area: filters;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 24px;
  flex-wrap: wrap;
}
@media (min-width: 48em) {
  .booking-pathway__filters {
    flex-direction: row;
    column-gap: var(--space--l);
    justify-content: space-between;
    margin-bottom: var(--space--m);
  }
}
.booking-pathway__filters .booking-pathway__header {
  margin-bottom: 16px;
  line-height: 1;
}
.booking-pathway__filters .btn--filter:after {
  display: none;
}
.booking-pathway__filters--header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
}
.booking-pathway__filters--header .btn--link {
  font-size: 0.875rem;
  font-family: var(--ff-secondary);
  font-weight: var(--fw--normal);
  font-variation-settings: "wght" var(--fw--normal);
  flex-shrink: 0;
  line-height: 1;
}
.booking-pathway__filters--button {
  width: 100%;
}
.booking-pathway__filters--button[aria-selected=true] {
  --btn--background-color: var(--color--purple-dark);
  --btn--color: var(--color--white);
}
.booking-pathway__filters--button[aria-selected=true] .booking-pathway__filters--button-icon {
  background-color: var(--circle--color);
  border: 1px solid var(--color--white);
}
.booking-pathway__filters--button[aria-selected=true] .booking-pathway__filters--button-icon svg {
  opacity: 1;
}
.booking-pathway__filters--button:focus-visible {
  --btn--background-color: var(--color--white);
  --btn--color: var(--color--purple-dark);
}
.booking-pathway__filters--button-icon {
  width: 18px;
  height: 18px;
  background: rgb(from var(--circle--color) r g b/40%);
  display: inline-block;
  border-radius: 50%;
  border: 2px solid var(--circle--color);
  position: relative;
}
.booking-pathway__filters--button-icon svg {
  opacity: 0;
  position: absolute;
  inset: -2px 0;
  transform: scale(1.2);
}
.booking-pathway__pricelist .booking-pathway__filters--button-icon svg {
  transform: scale(1);
  position: relative;
  inset: auto;
  transform: none;
}
.booking-pathway__filters--button-icon svg .tick-icon--circle {
  display: none;
}
.booking-pathway__filters .form-field--radio {
  margin: 0;
}
.booking-pathway__filters .loading-indicator {
  margin-inline: auto;
}
.booking-pathway__filter-list {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.booking-pathway__filter-list > * {
  flex-shrink: 0;
}
@media (max-width: 35.99em) {
  .booking-pathway__filter-list--price, .booking-pathway__filter-list--area {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
}
@media (min-width: 27.5em) {
  .booking-pathway__filter-list--price, .booking-pathway__filter-list--area {
    grid-template-columns: repeat(3, 1fr);
  }
}
.booking-pathway__filters--prices .booking-pathway__filter-list .btn--filter {
  min-width: 120px;
}

.basket-items {
  margin: 0 0 32px;
}
@media (min-width: 48em) {
  .basket-items {
    margin: 0 0 10px;
  }
}
@media (min-width: 48em) {
  .basket-items {
    padding-top: 16px;
    border-top: 1px solid var(--color--lilac-dark);
  }
}

.basket-item__groupe {
  padding: 16px 0 0;
}
@media (min-width: 48em) {
  .basket-item__groupe {
    padding: 10px 0 24px;
  }
}
.basket-item__groupe--extra {
  padding: 0;
}
@media (min-width: 48em) {
  .basket-item__groupe--extra {
    padding: 0 0 24px;
    border: 0;
  }
}
@media (min-width: 48em) {
  .basket-item__groupe--extra li {
    padding-top: 0;
  }
}
@media (min-width: 48em) {
  .basket-item__groupe--extra li + li {
    margin-top: 16px;
  }
}
.basket-item__groupe-title {
  margin: 0 0 var(--space--m);
  color: var(--color--purple-dark);
}
.basket-item__groupe--donation, .basket-item__groupe--membership {
  padding: 32px 0 0;
}
@media (min-width: 48em) {
  .basket-item__groupe--donation, .basket-item__groupe--membership {
    padding: 10px 0 24px;
  }
}
.basket-item__groupe--donation .basket-item__groupe-title, .basket-item__groupe--membership .basket-item__groupe-title {
  font-size: var(--fs--h3);
  margin: 0 0 10px;
}
@media (min-width: 48em) {
  .basket-item__groupe--donation .basket-item__groupe-title, .basket-item__groupe--membership .basket-item__groupe-title {
    margin: 0;
    font-size: var(--fs--h4);
  }
}
.basket-item__groupe--donation .basket-item__ticket-list--item, .basket-item__groupe--membership .basket-item__ticket-list--item {
  margin-top: 0;
}
.basket-item__groupe--donation:not(:has(.basket-item__ticket-list--item)) {
  display: none;
}

.basket-item {
  --spinner--size: 1em;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "img" "sum" "list";
  gap: 16px;
}
@media (min-width: 48em) {
  .basket-item {
    --img--width: 181px;
    gap: 24px;
    grid-template-columns: var(--img--width) 1fr;
    grid-template-rows: auto 1fr;
    grid-template-areas: "img sum" "list list";
  }
}
.basket-item:not(:has(.basket-item__summary)) {
  grid-template-areas: "list";
}
@media (min-width: 48em) {
  .basket-item:not(:has(.basket-item__summary)) {
    grid-template-rows: 1fr;
    grid-template-areas: "list list";
  }
}
.basket-item:first-child .instance-event-summary {
  border: 0;
  padding-top: 0;
}
.basket-item select {
  max-width: 14em;
}
.basket-item__membership, .basket-item__donation, .basket-item__gift-voucher {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  padding-top: 24px;
  border-top: 1px solid;
}
@media (min-width: 48em) {
  .basket-item__membership, .basket-item__donation, .basket-item__gift-voucher {
    padding-top: 0px;
    border-top: none;
  }
}
.basket-item__title {
  width: 100%;
  margin: 0;
  color: var(--color--purple-dark);
}
@media (min-width: 48em) {
  .basket-item__title {
    font-size: var(--fs--h4);
  }
}
.basket-item__date, .basket-item__venue {
  margin: 0;
}
@media (min-width: 48em) {
  .basket-item__date, .basket-item__venue {
    font-size: var(--fs--body-l);
  }
}
.basket-item__info {
  font-variation-settings: "wght" var(--fw--bold);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  margin: 0;
}
.basket-item__info .btn--remove {
  flex-shrink: 0;
}
.basket-item__info p {
  margin: 0;
}
.basket-item__info--breakdown span {
  display: block;
  font-variation-settings: "wght" var(--fw--normal);
  font-size: 1rem;
  margin-bottom: 2px;
}
.basket-item__info .form-field--checkbox {
  margin-top: 8px;
}
.basket-item__image {
  grid-area: img;
  aspect-ratio: 16/9;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color--neutral-100);
  position: relative;
}
.basket-item__image svg {
  width: 30%;
  color: var(--color--neutral-300);
}
.basket-item__image > *:not(svg) {
  max-width: 100%;
  max-height: 100%;
}
.basket-item__image img {
  object-fit: cover;
}
.basket-item__image .loading-indicator {
  min-height: 100%;
}
.basket-item__summary {
  grid-area: sum;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (min-width: 48em) {
  .basket-item__summary {
    gap: 8px;
    padding: 3px 0;
  }
}
.basket-item__ticket-list {
  grid-area: list;
}
@media (min-width: 48em) {
  .basket-item__ticket-list {
    margin-top: -4px;
  }
}
.basket-item__ticket-list--item {
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid var(--color--lilac-dark);
  min-height: 62px;
  padding: 16px 0 22px;
  align-items: start;
  display: grid;
  grid-template-columns: 1fr 10% minmax(80px, 20%);
  grid-template-rows: auto auto auto;
  grid-template-areas: "area amount price" "seat-info seat-info seat-info" "amend amend amend";
}
@media (min-width: 48em) {
  .basket-item__ticket-list--item {
    padding: 16px 0 8px;
    gap: 8px 16px;
    grid-template-columns: 1fr 10% 20% auto;
    grid-template-rows: 1fr auto;
    grid-template-areas: "area amount price amend" "seat-info amount price amend";
  }
}
@media (min-width: 62em) {
  .basket-item__ticket-list--item {
    grid-template-columns: 1fr 30% 10% 20% auto;
    grid-template-rows: 1fr;
    grid-template-areas: "area seat-info amount price amend";
  }
}
.basket-item__ticket-list--item:not(:has(.basket-summary__item--seat-info)) {
  grid-template-rows: auto auto;
  grid-template-areas: "area amount price" "amend amend amend";
}
@media (min-width: 48em) {
  .basket-item__ticket-list--item:not(:has(.basket-summary__item--seat-info)) {
    grid-template-rows: 1fr;
    grid-template-areas: "area amount price amend";
  }
}
@media (min-width: 62em) {
  .basket-item__ticket-list--item:not(:has(.basket-summary__item--seat-info)) {
    grid-template-areas: "area seat-info amount price amend";
  }
}
@media (min-width: 48em) {
  .basket-item__ticket-list--item:first-child {
    padding-top: 0;
  }
}
.basket-item__ticket-list--item > * {
  margin: 0;
  line-height: 1.1;
}
@media (min-width: 48em) {
  .basket-item__ticket-list--item > * {
    flex: 1;
  }
}
.basket-item__ticket-list--item .select-ticket-type--select {
  margin-right: auto;
  max-width: 100%;
}
.basket-item__ticket-list--item .select-ticket-type--select select {
  max-width: 17em;
}
.basket-item__groupe--extra .basket-item__ticket-list--item {
  min-height: 42px;
}
.basket-item__ticket-list--item .basket-summary__item--seat-info {
  margin: -4px 0 0;
  padding: 0;
  font-size: 14px;
}
@media (min-width: 48em) {
  .basket-item__ticket-list--item .basket-summary__item--seat-info {
    margin: 0;
    font-size: 12px;
    padding: 0 0 4px;
  }
}
.basket-item__ticket-list--amount {
  text-align: center;
  grid-area: amount;
  padding-top: 4px;
}
@media (min-width: 48em) {
  .basket-item__ticket-list--amount {
    padding: 0;
    text-align: left;
  }
}
.basket-item__ticket-list--seat {
  max-width: 2.5rem;
}
.basket-item__ticket-list--price {
  display: flex;
  flex-direction: column;
  gap: 6px;
  text-align: center;
  grid-area: price;
  padding-top: 4px;
}
@media (min-width: 48em) {
  .basket-item__ticket-list--price {
    text-align: left;
    padding: 0;
  }
}
.basket-item__ticket-list--price__discount {
  color: var(--color--purple-primary);
}
.basket-item__ticket-list--price:has(.basket-item__ticket-list--price__discount) .basket-item__ticket-list--price__full {
  text-decoration: line-through;
}
.basket-item__ticket-list--seat-info {
  grid-area: seat-info;
}
.basket-item__ticket-list--amend-ticket {
  display: flex;
  gap: 16px;
  grid-area: amend;
}
@media (min-width: 48em) {
  .basket-item__ticket-list--amend-ticket {
    flex-direction: column;
    gap: 6px;
  }
}
.basket-item__ticket-list--amend-ticket .btn--edit,
.basket-item__ticket-list--amend-ticket .btn--remove {
  font-weight: var(--fw--medium);
  font-variation-settings: "wght" var(--fw--medium);
  color: var(--color--purple-dark);
  text-decoration: underline;
  min-height: 10px;
  margin: 0;
  text-align: left;
  font-family: var(--ff--secondary);
}
.basket-item__ticket-list--amend-ticket .btn--edit:hover,
.basket-item__ticket-list--amend-ticket .btn--remove:hover {
  text-decoration: none;
  background: none;
}
.basket-item__ticket-list--area {
  font-weight: var(--fw--bold);
  display: inline-flex;
  align-items: center;
  gap: 4px 12px;
  flex-wrap: wrap;
  grid-area: area;
}
@media (min-width: 48em) {
  .basket-item__ticket-list--area {
    gap: 8px 12px;
  }
}
.basket-item__ticket-list--area .basket-item__ticket-list--type {
  width: 100%;
  font-weight: var(--fw--normal);
  min-height: 32px;
  align-items: center;
  display: inline-flex;
}
.basket-item__ticket-list--area .select-ticket-type--select {
  width: 100%;
}
.basket-item__ticket-list--area .basket-summary__item--ticket-type-button {
  display: none;
}
.basket-item .btn--edit {
  text-decoration: underline;
}
.basket-item .btn--remove {
  margin: 0;
}
.basket-item img {
  aspect-ratio: 16/9;
  object-fit: cover;
}

.basket-top-picks {
  border: none;
}
@media (min-width: 48em) {
  .basket-top-picks {
    border-top: none;
  }
}
.basket-top-picks .booking-pathway__header {
  width: 70%;
}
@media (min-width: 48em) {
  .basket-top-picks .booking-pathway__header {
    width: 100%;
  }
}

.carousel {
  position: relative;
  overflow: hidden;
}
.carousel__track {
  display: flex;
  transition: transform var(--transition--base);
}
.carousel__track--stacked {
  position: relative;
  display: block;
  transform: none !important;
}
.carousel__slide {
  min-width: 100%;
  transition: transform var(--transition--base), opacity var(--transition--base);
  will-change: transform, opacity;
}
.carousel__slide--stacked {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.carousel__slide--active {
  position: relative;
  z-index: 1;
  opacity: 1;
  transform: translate(0, 0);
}
.carousel__slide:not(.carousel__slide--active) {
  opacity: 0.5;
}
.carousel__slide[aria-hidden=true] {
  pointer-events: none;
}
.carousel__controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 24px;
}
.carousel__controls--prev, .carousel__controls--next {
  position: relative;
  transform: none;
  margin: 0;
}
.carousel__controls--prev__text, .carousel__controls--next__text {
  display: flex;
  gap: 8px;
  font-variation-settings: "wght" var(--fw--bold);
}
.carousel__controls--prev__text svg, .carousel__controls--next__text svg {
  height: 0.8em;
  width: auto;
  margin-top: 4px;
}
.carousel__controls--prev__text:hover, .carousel__controls--prev__text:focus-visible, .carousel__controls--next__text:hover, .carousel__controls--next__text:focus-visible {
  text-decoration: underline;
}
.prompt {
  --r: 32px;
  --bg-color: var(--color--cyan);
  padding: 49px 39px;
  display: grid;
  gap: 16px;
  position: relative;
  background: var(--bg-color);
  mask: radial-gradient(circle at top left, transparent var(--r), black calc(var(--r) + 1px)) top left, radial-gradient(circle at top right, transparent var(--r), black calc(var(--r) + 1px)) top right, radial-gradient(circle at bottom left, transparent var(--r), black calc(var(--r) + 1px)) bottom left, radial-gradient(circle at bottom right, transparent var(--r), black calc(var(--r) + 1px)) bottom right;
  mask-size: 51% 51%;
  mask-repeat: no-repeat;
}
@media (min-width: 62em) {
  .prompt {
    --r: 53px;
    padding: 79px 83px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto auto;
    gap: 34px;
  }
}
.prompt:before, .prompt:after {
  --inner-offset: 16px;
  position: absolute;
  inset: var(--inner-offset);
  content: "";
  background: var(--color--white);
  mask: radial-gradient(circle at top left, transparent var(--r), black calc(var(--r) + 1px)) top left, radial-gradient(circle at top right, transparent var(--r), black calc(var(--r) + 1px)) top right, radial-gradient(circle at bottom left, transparent var(--r), black calc(var(--r) + 1px)) bottom left, radial-gradient(circle at bottom right, transparent var(--r), black calc(var(--r) + 1px)) bottom right;
  mask-size: 51% 51%;
  mask-repeat: no-repeat;
  z-index: 1;
}
@media (min-width: 48em) {
  .prompt:before, .prompt:after {
    --inner-offset: 18px;
  }
}
.prompt:after {
  --inner-offset: 18px;
  background: var(--bg-color);
}
@media (min-width: 48em) {
  .prompt:after {
    --inner-offset: 20px;
  }
}
.prompt > * {
  position: relative;
  z-index: 2;
}
.prompt--membership {
  --bg-color: var(--color--pink-primary);
  color: var(--color--white);
}
.prompt--membership .prompt__header {
  color: currentColor;
}
.prompt__header {
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: var(--color--purple-dark);
  font-size: calc(16 / 16 * 1rem + (20 - 16) * var(--fluid--bp));
}
.prompt__header > * {
  margin: 0;
}
@media (min-width: 62em) {
  .prompt__button {
    order: 2;
  }
}
.prompt__button > * + * {
  margin: 8px 0 0;
}
.prompt__button-text {
  font-size: var(--fs--body-xs);
  line-height: 1;
}
.prompt__button .btn {
  display: inline-flex;
}
@media (min-width: 62em) {
  .prompt__content {
    grid-column: 2/3;
    grid-row: 1/3;
  }
}
.prompt__content p {
  margin: 0;
}
.prompt__content p + * {
  margin: 16px 0 0;
}
.prompt__content a {
  color: var(--color--purple-primary);
  text-decoration: underline;
}

.membership-prompt,
.donation-prompt {
  margin: 0 0 32px;
}
.membership-prompt--inner,
.donation-prompt--inner {
  padding: 16px;
  background-color: var(--color--purple-dark);
  color: var(--color--white);
}
.membership-prompt .booking-pathway__header,
.donation-prompt .booking-pathway__header {
  margin-bottom: 8px;
}
.membership-prompt--description,
.donation-prompt--description {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.875rem;
}
.membership-prompt--description p,
.donation-prompt--description p {
  margin: 0;
}
.membership-prompt .btn,
.donation-prompt .btn {
  margin-top: 12px;
}
.membership-prompt__title,
.donation-prompt__title {
  margin: 0;
  color: var(--color--purple-dark);
}
.membership-prompt__title + .booking-pathway__promo-code,
.donation-prompt__title + .booking-pathway__promo-code {
  padding-top: var(--space--m);
}
.membership-prompt__discount,
.donation-prompt__discount {
  display: flex;
  flex-direction: column;
  gap: var(--space--s);
  margin: var(--space--l) 0 0;
}
.membership-prompt__discount-title,
.donation-prompt__discount-title {
  margin: 0;
}
.membership-prompt__discount-row,
.donation-prompt__discount-row {
  display: flex;
  flex-direction: column;
  gap: var(--space--xxs);
  color: var(--color--purple-primary);
}
.membership-prompt__discount-row span,
.donation-prompt__discount-row span {
  font-weight: var(--fw--medium);
}
.membership-prompt__discount-row p,
.donation-prompt__discount-row p {
  margin: 0;
}
.membership-prompt__discount-footer,
.donation-prompt__discount-footer {
  margin: var(--space--xs) 0 0;
  display: flex;
  justify-content: space-between;
  gap: 8px;
  font-weight: var(--fw--medium);
}
.membership-prompt__discount-footer span:last-child,
.donation-prompt__discount-footer span:last-child {
  color: var(--color--purple-primary);
  font-weight: var(--fw--normal);
}
.membership-prompt .booking-pathway__thanks-message,
.donation-prompt .booking-pathway__thanks-message {
  margin-top: var(--space--m);
}

.donation-prompt--button {
  font-variation-settings: "wght" var(--fw--bold);
  text-decoration: underline;
}
.donation-prompt--detail {
  display: flex;
  justify-content: space-between;
  margin-block: 16px;
}
.donation-prompt--detail.donation-removed {
  color: var(--color--neutral-500);
  text-decoration: line-through;
}
.donation-prompt--detail span:last-child {
  font-variation-settings: "wght" var(--fw--bold);
}

.booking-pathway__additional-donation--amount.active {
  --btn--background-color: var(--color--black);
  --btn--color: var(--color--white);
}
@media (max-width: 47.99em) {
  .booking-pathway__additional-donation .booking-pathway__header {
    margin-bottom: 8px;
  }
}

.seating-plan {
  --seating-plan--color--available: #095aaf;
  --seating-plan--color--unavailable: #ccc;
  --seating-plan--color--info: #ebdc08;
  width: 100%;
  position: relative;
  aspect-ratio: 1/1;
  border: 1px solid var(--color--black);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 75em) {
  .seating-plan {
    aspect-ratio: 4/2.85;
  }
}
.seating-plan .loading-indicator {
  position: relative;
  aspect-ratio: 16/9;
}
.seating-plan__plan {
  container: seating-plan;
  margin: auto;
  position: relative;
}
.seating-plan__plan img {
  max-width: none;
  max-height: none;
  animation: fade-in 500ms ease-out forwards;
}
.seating-plan__plan--studio-auditorium .seating-plan__seat, .seating-plan__plan--studio-theatre .seating-plan__seat {
  width: 3%;
}
.seating-plan .is-available {
  --seating-plan--color: var(--seating-plan--color--available);
}
.seating-plan .is-unavailable {
  --seating-plan--color: var(--seating-plan--color--unavailable);
}
.seating-plan .is-info {
  --seating-plan--color: var(--seating-plan--color--info);
}
.seating-plan .is-widow {
  animation: pulse 2s infinite;
  background-color: #0f0;
  color: var(--color--black);
  border: 1px solid var(--color--black);
}
@keyframes pulse {
  0% {
    transform: scale(1);
    background-color: #0f0;
  }
  50% {
    transform: scale(1.2);
    background-color: #000;
  }
  100% {
    transform: scale(1);
    background-color: #0f0;
  }
}
.seating-plan__seat {
  position: absolute;
  width: 1.5%;
  height: auto;
  aspect-ratio: 1;
  border-radius: 50%;
  text-align: center;
  line-height: 0;
  font-size: 10px;
  color: var(--color--white);
  font-family: var(--ff--primary);
  font-weight: var(--fw--black);
  background-color: var(--seating-plan--color, var(--seating-plan--color--available));
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color var(--transition--base);
  animation: bounce 1000ms ease-out forwards;
  border: 2px solid transparent;
}
.seating-plan__seat.disabled {
  background-color: var(--seating-plan--color--unavailable) !important;
}
.seating-plan__seat.disabled .seating-plan__more-info {
  display: none;
}
.seating-plan__seat.is-available:not(:disabled), .seating-plan__seat.is-locked:not(:disabled) {
  border: 2px solid currentColor;
  background: rgb(from currentColor r g b/50%) !important;
}
.seating-plan__seat.is-available:not(:disabled) svg, .seating-plan__seat.is-locked:not(:disabled) svg {
  color: var(--color--black);
}
.seating-plan__seat.is-available:not(:disabled):hover, .seating-plan__seat.is-locked:not(:disabled):hover {
  z-index: 2;
}
.seating-plan__seat svg {
  display: none;
  width: 100%;
  height: 100%;
  color: var(--color--white);
}
.seating-plan__seat svg.tick-icon {
  transform: scale(1.1);
}
.seating-plan__seat svg.tick-icon .tick-icon--circle {
  display: none;
}
.seating-plan__seat[aria-selected=true] svg {
  display: block;
}
.seating-plan__seat[aria-selected=true] .seating-plan__more-info {
  display: none;
}
.seating-plan__seat .seating-plan__more-info svg {
  display: block;
  aspect-ratio: 1/1;
  background-color: transparent;
  fill: var(--color--black);
  border-radius: 500px;
  color: var(--color--black);
}
.seating-plan__seat .seating-plan__more-info .info-circle .circle {
  display: none;
}
.seating-plan__seat .seating-plan__more-info .info-circle .info {
  transform: scale(1.6);
  transform-origin: center;
}
.seating-plan__controls {
  --btn--size: 42px;
  --btn--icon-size: 20px;
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 5;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.seating-plan__controls button {
  width: var(--btn--size);
  height: var(--btn--size);
  border: 1px solid var(--color--purple-dark);
  color: var(--color--purple-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color--white);
}
.seating-plan .error-message {
  position: absolute;
  top: 15px;
  right: 15px;
  left: 15px;
  margin: 0;
  z-index: 6;
  animation: slide-up var(--transition--base) forwards;
  padding: 16px;
  border: 1px solid var(--color--error);
  background: #FFF2F4;
}
@media (min-width: 48em) {
  .seating-plan .error-message {
    bottom: 15px;
    top: auto;
  }
}
.seating-plan .error-message + .error-message {
  transform: translateY(110%);
}
@media (min-width: 48em) {
  .seating-plan .error-message + .error-message {
    transform: translateY(-110%);
  }
}
.seating-plan__video {
  position: absolute;
  left: 16px;
  bottom: 16px;
}
.seating-plan__video-btn {
  --btn--background-color--hover: var(--color--white);
  --btn--color--hover: var(--color--purple-dark);
  padding: 16px 8px 16px 16px;
  border-radius: 32px 32px 32px 0;
  border-width: 1px;
  font-weight: var(--fw--medium);
  font-variation-settings: "wght" var(--fw--medium);
  overflow: hidden;
}
.seating-plan__video-btn-inner {
  display: flex;
}
.seating-plan__video-btn-inner > span {
  max-width: 0;
  opacity: 0;
  overflow: hidden;
  white-space: nowrap;
  transition: max-width 0.6s cubic-bezier(0.65, 0, 0.35, 1), padding 0.6s cubic-bezier(0.65, 0, 0.35, 1), opacity 0.3s ease 0.2s;
}
.seating-plan__video-btn:hover .seating-plan__video-btn-inner span {
  opacity: 1;
  max-width: 260px;
  padding-right: 8px;
}
.seating-plan__video-btn svg {
  flex: 1 0 24px;
  width: 24px;
  margin: 0 8px 0 0;
}
.seating-plan__zoom-mark {
  background: rgb(from var(--color--cyan) r g b/30%);
  border: 1px solid var(--color--cyan);
  position: absolute;
  width: 100px;
  aspect-ratio: 1;
  border-radius: 50%;
  transform: translate(calc(-50% + 6px), calc(-50% + 6px));
}
.seating-plan .tooltiptext {
  position: fixed;
  width: 150px;
  display: flex;
  gap: 8px;
  padding: 9px 12px;
  left: 50%;
  transform: translate(-50%, calc(-100% - 10px));
  background: #F4F2F5;
  font-size: 12px;
  line-height: 1.4;
  color: var(--color--black);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.seating-plan .tooltiptext:after {
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  border: 11px solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: transparent;
  border-top-color: #F4F2F5;
}
@media (min-width: 48em) {
  .seating-plan .tooltiptext {
    width: 250px;
  }
}
.seating-plan .tooltiptext strong {
  font-weight: var(--fw--bold);
}
.seating-plan .tooltiptext .info-circle {
  margin: 0;
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  color: var(--color--purple-dark);
}
.seating-plan .tooltiptext .info-circle--simple {
  display: none;
}
.seating-plan .tooltiptext .info-circle--full {
  display: block;
}
.seating-plan .tooltiptext p {
  margin: 0;
}

@keyframes bounce-up {
  0% {
    transform: translateY(200%);
  }
  100% {
    transform: translateY(0%);
  }
}
@keyframes bounce-down {
  0% {
    transform: translateY(-200%);
  }
  70% {
    transform: translateY(-20%);
  }
  100% {
    transform: translateY(0%);
  }
}
.push-notification {
  --color-error-light: var(--color--error);
  --btn--size: 24px;
  position: fixed;
  bottom: 16px;
  right: 16px;
  left: 16px;
  margin: 0;
  z-index: 1200;
  padding: 16px;
  display: flex;
  align-items: flex-start;
  border: 1px solid var(--color-error-light);
  background: #FFF2F4;
  animation: bounce-up 200ms ease-out forwards;
}
@media (min-width: 48em) {
  .push-notification {
    max-width: 600px;
    width: 100%;
    left: auto;
  }
}
.push-notification em {
  display: block;
}
.push-notification__content {
  flex: 1;
}
.push-notification .btn--cross svg {
  width: var(--btn--icon-size, 1em);
  height: var(--btn--icon-size, 1em);
}
.push-notification.notification {
  --color-error-light: #f3d00f;
  background: var(--color--white);
}

.printable-ticket {
  padding-inline: 16px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.printable-ticket__image {
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color--neutral-100);
}
.printable-ticket__image img {
  aspect-ratio: 1/1;
  object-fit: cover;
}
.printable-ticket__image svg {
  width: 30%;
  color: var(--color--neutral-300);
}
.printable-ticket__list {
  --grid--columns: 1;
}
@media (min-width: 75em) {
  .printable-ticket__list {
    --grid--columns: 2;
    --grid--column-gap: 48px;
  }
}
.printable-ticket__header {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 16px;
  row-gap: 8px;
  margin-top: 16px;
}
.printable-ticket__title {
  grid-column: span 2;
  margin: 0;
  font-size: 1.5rem;
}
.printable-ticket__info {
  display: block;
  padding-top: 13px;
  padding-bottom: 11px;
  border-bottom: 1px dashed var(--color--black);
  margin: 0;
  line-height: 1;
  display: flex;
  justify-content: space-between;
}
.printable-ticket__info--date {
  font-variation-settings: "wght" var(--fw--bold);
}
.printable-ticket__info--price--total {
  font-variation-settings: "wght" var(--fw--bold);
}
.printable-ticket__seat-info {
  font-variation-settings: "wght" var(--fw--bold);
  margin: 0;
}
.printable-ticket__seat-info span {
  display: block;
}
.printable-ticket__content {
  margin-bottom: 16px;
}
.printable-ticket__footer {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-top: auto;
}
.printable-ticket .venue-logo svg {
  height: 45px;
  width: auto;
}

.ticket-border {
  --box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.25);
  --circle--size: 30px;
  --circle--size-offset: 31px;
  position: relative;
  border-radius: var(--circle--size);
  filter: drop-shadow(var(--box-shadow));
}
.ticket-border > * {
  mask-image: radial-gradient(circle var(--circle--size) at center top, transparent var(--circle--size), black var(--circle--size-offset)), radial-gradient(circle var(--circle--size) at center bottom, transparent var(--circle--size), black var(--circle--size-offset));
  mask-repeat: no-repeat;
  mask-size: 100% 70%;
  mask-position: center -5%, center 105%;
  background: white;
  padding-block: var(--circle--size);
  border-radius: calc(var(--circle--size) / 2);
}

.upcoming-tickets,
.top-picks {
  margin-block: calc(24 / 16 * 1rem + (32 - 24) * var(--fluid--bp));
}
@media (min-width: 62em) {
  .upcoming-tickets,
  .top-picks {
    padding-top: 0;
  }
}

@media (min-width: 75em) {
  .card-carousel.not-carousel {
    column-gap: var(--grid--column-gap, 0px);
    row-gap: var(--grid--row-gap, 0px);
  }
  .card-carousel.not-carousel > * {
    margin-top: 0;
  }
}

.card-carousel .slick-slider, .card-carousel.slick-slider,
.top-picks .slick-slider,
.top-picks.slick-slider,
.discount-event-feed .slick-slider,
.discount-event-feed.slick-slider {
  display: block;
  margin-right: calc(var(--grid--column-gap, 0px) * -1);
}
.card-carousel .slick-slider .top-picks__cards--item,
.card-carousel .slick-slider .card-carousel__item,
.card-carousel .slick-slider .discount-event-feed__cards--item, .card-carousel.slick-slider .top-picks__cards--item,
.card-carousel.slick-slider .card-carousel__item,
.card-carousel.slick-slider .discount-event-feed__cards--item,
.top-picks .slick-slider .top-picks__cards--item,
.top-picks .slick-slider .card-carousel__item,
.top-picks .slick-slider .discount-event-feed__cards--item,
.top-picks.slick-slider .top-picks__cards--item,
.top-picks.slick-slider .card-carousel__item,
.top-picks.slick-slider .discount-event-feed__cards--item,
.discount-event-feed .slick-slider .top-picks__cards--item,
.discount-event-feed .slick-slider .card-carousel__item,
.discount-event-feed .slick-slider .discount-event-feed__cards--item,
.discount-event-feed.slick-slider .top-picks__cards--item,
.discount-event-feed.slick-slider .card-carousel__item,
.discount-event-feed.slick-slider .discount-event-feed__cards--item {
  padding-right: var(--grid--column-gap, 0px);
}
.card-carousel [data-control-prev],
.card-carousel [data-control-next],
.top-picks [data-control-prev],
.top-picks [data-control-next],
.discount-event-feed [data-control-prev],
.discount-event-feed [data-control-next] {
  left: auto;
  right: var(--grid--column-gap, 0px);
  bottom: calc(100% + 24px);
}
.card-carousel [data-control-next],
.top-picks [data-control-next],
.discount-event-feed [data-control-next] {
  transform: none;
}
.card-carousel [data-control-prev],
.top-picks [data-control-prev],
.discount-event-feed [data-control-prev] {
  transform: translateX(calc((var(--btn--size) + 16px) * -1));
}

@media (min-width: 75em) {
  .card-carousel__container:has(.btn) .booking-pathway__header, .card-carousel__container:has([data-control-prev]) .booking-pathway__header,
  .top-picks:has(.btn) .booking-pathway__header,
  .top-picks:has([data-control-prev]) .booking-pathway__header,
  .discount-event-feed:has(.btn) .booking-pathway__header,
  .discount-event-feed:has([data-control-prev]) .booking-pathway__header {
    min-height: var(--btn--size);
    padding-right: 300px;
  }
}

.top-picks__account,
.discount-event-feed,
.top-picks__basket {
  background-color: var(--color--off-white);
  color: var(--color--black);
  padding-block: 24px;
}
@media (max-width: 47.99em) {
  .top-picks__account,
  .discount-event-feed,
  .top-picks__basket {
    position: relative;
    color: var(--color--white);
    background-color: var(--color--black);
  }
  .top-picks__account::after,
  .discount-event-feed::after,
  .top-picks__basket::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
    z-index: -1;
    background-color: var(--color--black);
  }
  .top-picks__account,
  .discount-event-feed,
  .top-picks__basket {
    background-color: var(--color--off-white);
    color: var(--color--black);
  }
}
@media (min-width: 48em) {
  .top-picks__account,
  .discount-event-feed,
  .top-picks__basket {
    padding-inline: 24px;
  }
}
.top-picks__account .section,
.discount-event-feed .section,
.top-picks__basket .section {
  margin: 0;
}
.top-picks__account::after,
.discount-event-feed::after,
.top-picks__basket::after {
  background-color: var(--color--off-white);
}
.top-picks__account .ticket-card,
.discount-event-feed .ticket-card,
.top-picks__basket .ticket-card {
  padding: 0;
  border: none;
  display: flex;
  gap: 16px;
}
.top-picks__account .ticket-card .instance-event-summary__date,
.top-picks__account .ticket-card .card__genre,
.top-picks__account .ticket-card .instance-event-summary__venue,
.discount-event-feed .ticket-card .instance-event-summary__date,
.discount-event-feed .ticket-card .card__genre,
.discount-event-feed .ticket-card .instance-event-summary__venue,
.top-picks__basket .ticket-card .instance-event-summary__date,
.top-picks__basket .ticket-card .card__genre,
.top-picks__basket .ticket-card .instance-event-summary__venue {
  margin: 0;
}
.top-picks__account .ticket-card .card__genre,
.discount-event-feed .ticket-card .card__genre,
.top-picks__basket .ticket-card .card__genre {
  margin-top: 4px;
}
.top-picks__account .ticket-card .instance-event-summary,
.discount-event-feed .ticket-card .instance-event-summary,
.top-picks__basket .ticket-card .instance-event-summary {
  margin-top: 0;
}
.top-picks__account .ticket-card .instance-event-summary__button__flex,
.discount-event-feed .ticket-card .instance-event-summary__button__flex,
.top-picks__basket .ticket-card .instance-event-summary__button__flex {
  align-items: flex-start;
}
.top-picks__account .ticket-card .btn,
.discount-event-feed .ticket-card .btn,
.top-picks__basket .ticket-card .btn {
  margin-top: 16px;
  max-width: none;
}

@media (min-width: 75em) {
  .top-picks__cards,
  .discount-event-feed__cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--grid--column-gap);
  }
  .top-picks__cards > *,
  .discount-event-feed__cards > * {
    margin-top: 0;
  }
}
.top-picks:has([data-control-prev]) .top-picks__header .btn,
.top-picks:has([data-control-prev]) .discount-event-feed__header .btn,
.discount-event-feed:has([data-control-prev]) .top-picks__header .btn,
.discount-event-feed:has([data-control-prev]) .discount-event-feed__header .btn {
  right: calc(var(--btn--size) * 2 + 32px);
}
.top-picks__header,
.discount-event-feed__header {
  position: relative;
}
.top-picks__header .btn,
.discount-event-feed__header .btn {
  position: absolute;
  bottom: 0;
  right: 0;
}
@media (max-width: 74.99em) {
  .top-picks__header .btn,
  .discount-event-feed__header .btn {
    display: none;
  }
}

@media (max-width: 74.99em) {
  .discount-event-feed:where(:not(:has(.slick-slider))) .discount-event-feed__cards--item {
    border-top: 1px solid var(--color--neutral-500);
    padding-top: 24px;
  }
  .discount-event-feed:where(:not(:has(.slick-slider))) .discount-event-feed__cards--item:first-child {
    border: 0;
    padding-top: 0;
  }
}

.view-alternative-dates__dialog,
.seat-info-dialog,
.seating-plan__video-dialog,
.priority-booking-dialog,
.member-delete-dialog,
.basket-dialog {
  height: 100vh;
  height: 100svh;
  border: 0;
}
@media (min-width: 48em) {
  .view-alternative-dates__dialog,
  .seat-info-dialog,
  .seating-plan__video-dialog,
  .priority-booking-dialog,
  .member-delete-dialog,
  .basket-dialog {
    height: fit-content;
  }
}
.view-alternative-dates__dialog .dialog-container,
.seat-info-dialog .dialog-container,
.seating-plan__video-dialog .dialog-container,
.priority-booking-dialog .dialog-container,
.member-delete-dialog .dialog-container,
.basket-dialog .dialog-container {
  background-color: var(--color--white);
  color: var(--color--black);
  padding: calc(16 / 16 * 1rem + (24 - 16) * var(--fluid--bp));
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  height: 100vh;
  height: 100svh;
  width: 95%;
  margin: auto;
  max-height: 90vh;
  overflow: auto;
}
@media (min-width: 48em) {
  .view-alternative-dates__dialog .dialog-container,
  .seat-info-dialog .dialog-container,
  .seating-plan__video-dialog .dialog-container,
  .priority-booking-dialog .dialog-container,
  .member-delete-dialog .dialog-container,
  .basket-dialog .dialog-container {
    height: fit-content;
    max-width: 25.3125rem;
  }
}
.view-alternative-dates__dialog::backdrop,
.seat-info-dialog::backdrop,
.seating-plan__video-dialog::backdrop,
.priority-booking-dialog::backdrop,
.member-delete-dialog::backdrop,
.basket-dialog::backdrop {
  background-color: rgba(38, 38, 38, 0.6);
}
.view-alternative-dates__dialog .btn--dialog-close,
.seat-info-dialog .btn--dialog-close,
.seating-plan__video-dialog .btn--dialog-close,
.priority-booking-dialog .btn--dialog-close,
.member-delete-dialog .btn--dialog-close,
.basket-dialog .btn--dialog-close {
  top: calc(8 / 16 * 1rem + (12 - 8) * var(--fluid--bp));
  right: calc(0 / 16 * 1rem + (8 - 0) * var(--fluid--bp));
}
.view-alternative-dates__dialog .booking-pathway__header,
.seat-info-dialog .booking-pathway__header,
.seating-plan__video-dialog .booking-pathway__header,
.priority-booking-dialog .booking-pathway__header,
.member-delete-dialog .booking-pathway__header,
.basket-dialog .booking-pathway__header {
  padding: 0 20px;
  margin: 0;
  color: var(--color--black);
}
.view-alternative-dates__dialog .type-input-label,
.seat-info-dialog .type-input-label,
.seating-plan__video-dialog .type-input-label,
.priority-booking-dialog .type-input-label,
.member-delete-dialog .type-input-label,
.basket-dialog .type-input-label {
  margin-bottom: 12px;
}
.view-alternative-dates__dialog select,
.seat-info-dialog select,
.seating-plan__video-dialog select,
.priority-booking-dialog select,
.member-delete-dialog select,
.basket-dialog select {
  font-weight: var(--fw--medium);
  font-variation-settings: "wght" var(--fw--medium);
}

.view-alternative-dates__dialog .dialog-container {
  max-height: 100vh;
  max-height: 100svh;
  height: fit-content;
  max-width: 25.3125rem;
}
.view-alternative-dates__dialog .btn--dialog-close {
  top: 3px;
  right: 6px;
}
@media (min-width: 48em) {
  .view-alternative-dates__dialog .btn--dialog-close {
    top: 8px;
  }
}
.view-alternative-dates__dialog .booking-pathway__header {
  padding: 0 30px 16px 0;
}

.seat-info-dialog__header, .seat-info-dialog__seat-name {
  margin: 0;
}
.seat-info-dialog__image {
  margin-top: 16px;
}
.seat-info-dialog__image--info {
  margin: 8px 0 0;
  font-size: 0.75rem;
}

.view-alternative-dates {
  --btn--background-color: var(--color--black);
  --btn--color: var(--color--white);
  --btn--background-color--hover: var(--color--white);
  --btn--color--hover: var(--color--black);
}
.view-alternative-dates__title-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: var(--space--xs);
  margin-bottom: var(--space--xs);
  border-bottom: 1px solid var(--color--lilac-dark);
  font-size: 12px;
  font-weight: var(--fw--bold);
  font-variation-settings: "wght" var(--fw--bold);
}
@media (min-width: 48em) {
  .view-alternative-dates__title-row {
    gap: 8px;
    font-size: 16px;
    padding-bottom: var(--space--m);
    margin-bottom: var(--space--m);
    font-weight: var(--fw--normal);
    font-variation-settings: "wght" var(--fw--normal);
  }
}
.view-alternative-dates__title {
  color: var(--color--purple-dark);
  margin: 0;
  font-weight: var(--fw--bold);
  font-variation-settings: "wght" var(--fw--bold);
}
.view-alternative-dates__details {
  flex: auto;
  font-size: var(--fs--body-xs);
  text-align: center;
}
@media (min-width: 48em) {
  .view-alternative-dates__details {
    font-size: var(--fs--body);
    text-align: left;
  }
}
.view-alternative-dates__details-date {
  font-weight: var(--fw--medium);
  font-variation-settings: "wght" var(--fw--medium);
}
.view-alternative-dates__details > * {
  margin: 0;
}
.view-alternative-dates__button {
  text-decoration: underline;
}
@media (min-width: 48em) {
  .view-alternative-dates__button {
    font-family: var(--ff--primary);
  }
}
.view-alternative-dates__button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.view-alternative-dates__paginate {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  align-items: center;
}
.view-alternative-dates__paginate .view-alternative-dates__button {
  flex: 0 0 24px;
  margin-top: -1px;
}
.view-alternative-dates__paginate .view-alternative-dates__button svg {
  width: auto;
  transform: translateY(1px);
}
.view-alternative-dates__picker-input {
  display: none;
}
.view-alternative-dates__performances {
  margin-top: 16px;
}
.view-alternative-dates__performances .btn {
  margin-top: 16px;
  width: 100%;
}
.view-alternative-dates .dialog-content .btn {
  max-width: 100%;
}

.seating-plan__video-dialog {
  --btn--size: 32px;
}
.seating-plan__video-dialog .btn--dialog-close {
  top: 24px;
  right: 16px;
}
@media (min-width: 48em) {
  .seating-plan__video-dialog .btn--dialog-close {
    top: 38px;
    right: 23px;
  }
}
.seating-plan__video-dialog .booking-pathway__header {
  padding: 0 20px 0 0;
  margin: 0 0 16px;
  color: var(--color--purple-dark);
}
@media (min-width: 48em) {
  .seating-plan__video-dialog .booking-pathway__header {
    margin: 0 0 28px;
  }
}
.seating-plan__video-dialog .dialog-container {
  max-width: 787px;
  border-radius: 8px;
  padding: 24px 16px 32px;
  max-width: 90vw;
  height: fit-content;
}
@media (min-width: 48em) {
  .seating-plan__video-dialog .dialog-container {
    max-width: 787px;
    padding: 32px;
  }
}
.seating-plan__video-dialog .dialog-content__video {
  width: 100%;
  aspect-ratio: 16/9;
  position: relative;
}
.seating-plan__video-dialog .dialog-content__video .btn--play {
  --btn--icon-size: 104px;
  background: none;
  position: absolute;
  inset: 0;
}

.priority-booking-dialog .dialog-container,
.member-delete-dialog .dialog-container {
  max-width: 780px;
  border-radius: 16px;
  padding: calc(24 / 16 * 1rem + (32 - 24) * var(--fluid--bp)) calc(16 / 16 * 1rem + (24 - 16) * var(--fluid--bp));
}
.priority-booking-dialog .dialog-content,
.member-delete-dialog .dialog-content {
  display: flex;
  flex-direction: column;
  gap: var(--space--m);
  justify-content: flex-start;
}
@media (min-width: 48em) {
  .priority-booking-dialog .dialog-content,
  .member-delete-dialog .dialog-content {
    gap: var(--space--l);
  }
}
.priority-booking-dialog__title,
.member-delete-dialog__title {
  color: var(--color--purple-dark);
  margin: 0;
}
.priority-booking-dialog__title + *,
.member-delete-dialog__title + * {
  margin: var(--space--m) 0 0;
}
.priority-booking-dialog__footer,
.member-delete-dialog__footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: var(--space--m);
  padding-top: 4px;
}
.priority-booking-dialog__footer-text,
.member-delete-dialog__footer-text {
  margin: 0;
  align-self: center;
}
@media (max-width: 47.99em) {
  .priority-booking-dialog__footer-text,
  .member-delete-dialog__footer-text {
    order: -1;
    margin: 0 0 var(--space--xl);
  }
}
.priority-booking-dialog__footer .btn--back.btn--link,
.member-delete-dialog__footer .btn--back.btn--link {
  color: var(--color--purple-dark);
  min-height: 10px;
}
.priority-booking-dialog__footer .btn--back.btn--link svg,
.member-delete-dialog__footer .btn--back.btn--link svg {
  width: 13px;
  height: 13px;
  transform: rotate(-90deg);
}
.priority-booking-dialog__footer .btn--link,
.member-delete-dialog__footer .btn--link {
  font-weight: var(--fw--normal);
  color: var(--color--purple-dark);
  display: inline;
  margin-left: 3px;
}
.priority-booking-dialog__content,
.member-delete-dialog__content {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space--m);
}
@media (min-width: 48em) {
  .priority-booking-dialog__content,
  .member-delete-dialog__content {
    grid-template-columns: repeat(2, 1fr);
  }
}
.priority-booking-dialog__content-col,
.member-delete-dialog__content-col {
  padding-top: var(--space--m);
}
.priority-booking-dialog__content-col > *,
.member-delete-dialog__content-col > * {
  margin: 0;
}
.priority-booking-dialog__content-col--login,
.member-delete-dialog__content-col--login {
  position: relative;
  padding: var(--space--m) var(--space--l);
  background: var(--color--neutral-100);
}
.priority-booking-dialog__content-col .type-h4,
.member-delete-dialog__content-col .type-h4 {
  color: var(--color--purple-dark);
  margin: 0 0 28px;
}
.priority-booking-dialog__content .btn,
.member-delete-dialog__content .btn {
  min-width: 136px;
}
.priority-booking-dialog .login-form__footer,
.member-delete-dialog .login-form__footer {
  margin-top: var(--space--m);
}
.priority-booking-dialog .login-form__forgot-password,
.member-delete-dialog .login-form__forgot-password {
  --link--color: var(--color--purple-dark);
  margin: 7px 0 0;
}
.priority-booking-dialog .login-form__forgot-password .btn--link,
.member-delete-dialog .login-form__forgot-password .btn--link {
  font-weight: var(--fw--normal);
}
.priority-booking-dialog .booking-pathway__promo-code,
.member-delete-dialog .booking-pathway__promo-code {
  padding: 0;
}
.priority-booking-dialog .booking-pathway__promo-code .booking-pathway__header--aside,
.member-delete-dialog .booking-pathway__promo-code .booking-pathway__header--aside {
  padding: 0;
  margin: 0 0 8px;
  border: 0;
}
.priority-booking-dialog .booking-pathway__promo-code .booking-pathway__label,
.member-delete-dialog .booking-pathway__promo-code .booking-pathway__label {
  line-height: 20px;
}
.priority-booking-dialog .booking-pathway__promo-code--input,
.member-delete-dialog .booking-pathway__promo-code--input {
  flex-direction: column;
}
.priority-booking-dialog .booking-pathway__promo-code--input input[type=text],
.member-delete-dialog .booking-pathway__promo-code--input input[type=text] {
  border-color: var(--color--purple-dark);
  background: var(--color--white);
}
.priority-booking-dialog .booking-pathway__promo-code--input .btn,
.member-delete-dialog .booking-pathway__promo-code--input .btn {
  margin-right: auto;
  flex: 0 0 auto;
  padding: var(--btn--padding-block) var(--btn--padding-inline);
}
.priority-booking-dialog .join-book-element:not(:first-child),
.member-delete-dialog .join-book-element:not(:first-child) {
  padding-top: 30px;
}
.priority-booking-dialog .join-book-element .type-h4,
.member-delete-dialog .join-book-element .type-h4 {
  margin: 0 0 8px;
}

.member-delete-dialog .dialog-container {
  height: fit-content;
}
.member-delete-dialog__footer {
  flex-direction: column;
  gap: var(--space--m);
  padding-top: var(--space--xs);
}
.member-delete-dialog__footer-text {
  align-self: flex-start;
  position: relative;
}
.member-delete-dialog__footer-text .btn--link {
  --loading-spinner--size: 20px;
  --loading-spinner--border: 4px;
  display: inline-flex;
  gap: var(--space--xxs);
}
.member-delete-dialog__footer-text .btn--link:disabled {
  opacity: 0.5;
}
.member-delete-dialog__footer-text .btn--link .loading-indicator {
  position: relative;
  min-height: 20px;
}
.member-delete-dialog__introduction > * {
  margin: 0;
}
.member-delete-dialog__introduction > * + * {
  margin-top: var(--space--xs);
}
.member-delete-dialog .buttons {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space--m);
  flex-direction: column;
}
@media (min-width: 36em) {
  .member-delete-dialog .buttons {
    flex-direction: row;
  }
}

.memberships > * + * {
  margin-top: var(--space--m);
}
.memberships__item {
  padding: 20px;
  color: var(--color--white);
  background: var(--color--blue);
}
.memberships__item--premium {
  background: var(--color--pink-primary);
}
.memberships__item-header {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}
@media (min-width: 48em) {
  .memberships__item-header {
    grid-template-columns: 1fr auto;
  }
}
.memberships__item-header > * {
  margin: 0;
}
@media (min-width: 48em) {
  .memberships__item-header .btn {
    grid-row: 1/3;
    grid-column: 2/3;
    align-self: center;
  }
}
.memberships__item-title {
  font-family: var(--ff--secondary);
  font-weight: var(--fw--bold);
  font-size: 28px;
  line-height: 1.2;
}
@media (min-width: 48em) {
  .memberships__item-price {
    order: 1;
  }
}
.memberships__detail {
  padding-top: 21px;
}
.memberships__detail-title {
  --btn--size: 26px;
  display: flex;
  gap: 8px;
  justify-content: space-between;
  border-top: 1px solid currentColor;
  padding-top: 8px;
}
.memberships__detail[open] .memberships__detail-icon {
  transform: rotate(180deg);
}
.memberships__detail-icon {
  border: 0;
  background: none;
  color: var(--color--white);
  transition: all var(--transition--base);
}
.memberships__detail-icon svg {
  transform: rotate(270deg);
}
.memberships__detail-icon:hover {
  background: none;
}
.memberships__detail-content {
  margin-top: 8px;
}
.memberships__detail-content > * {
  margin: 0;
}
.memberships__detail-content > * + * {
  margin-top: var(--space--m);
}
.memberships__detail-content ul {
  display: flex;
  flex-direction: column;
  gap: 6px;
  line-height: 20px;
}
.memberships__detail-content ul li {
  position: relative;
  padding-left: 20px;
}
.memberships__detail-content ul li:before {
  position: absolute;
  content: "";
  top: 11px;
  left: 6px;
  width: 3px;
  height: 3px;
  background: currentColor;
  border-radius: 50%;
}

.basket-dialog .dialog-content {
  display: flex;
  flex-direction: column;
  margin: 0;
  height: auto;
}
.basket-dialog .dialog-container {
  width: 100%;
  max-height: 76.9%;
  margin: auto 0 0;
  min-height: 51.3%;
  top: auto;
  height: auto;
  align-items: stretch;
  padding-bottom: 0;
}
.basket-dialog .basket-summary__items .btn {
  width: auto;
}
.basket-dialog__content {
  position: relative;
  flex: 1 0 auto;
}
.basket-dialog__footer {
  display: flex;
  flex-direction: column;
  gap: var(--space--m);
  padding-bottom: calc(1rem + 8 * var(--fluid--bp));
}
.basket-dialog__footer .buttons {
  display: flex;
  flex-direction: column;
  gap: var(--space--m);
}
@media (min-width: 36em) {
  .basket-dialog__footer .buttons {
    flex-direction: row;
  }
}
.basket-dialog__footer .btn {
  width: 100%;
}
.basket-dialog .booking-pathway__advisory-message {
  padding: 0;
}
.basket-dialog .basket-summary {
  margin-top: 0;
  flex: auto;
}
.basket-dialog .basket-summary__item {
  gap: 0;
  padding-top: var(--space--l);
}
.basket-dialog .basket-summary__item:first-child {
  padding-top: 0;
}
.basket-dialog .basket-summary__item__item:last-child {
  padding-bottom: var(--space--m);
}

.select-ticket-type {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  padding-block: 16px;
  border-bottom: 1px solid var(--color--neutral-400);
}
.select-ticket-type .confirmation-message {
  width: 100%;
}
.select-ticket-type .btn--remove {
  margin: 0;
}
.select-ticket-type__list > *:first-child .select-ticket-type {
  padding-top: 0;
}
.select-ticket-type__list > *:last-child .select-ticket-type {
  border: 0;
}
.select-ticket-type__header {
  width: 100%;
  flex-shrink: 0;
  font-size: calc(14 / 16 * 1rem + (16 - 14) * var(--fluid--bp));
}
@media (min-width: 75em) {
  .select-ticket-type__header {
    flex: 1;
    width: auto;
  }
}
.select-ticket-type__select {
  --spinner--size: 1em;
  flex: 1;
  max-width: 300px;
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 8px;
}
.select-ticket-type--select {
  margin: 0;
}
.select-ticket-type__title, .select-ticket-type__name {
  margin: 0;
  font-variation-settings: "wght" var(--fw--bold);
}
.select-ticket-type__seat-info {
  display: flex;
  gap: 8px;
  align-items: center;
  color: var(--color--error);
  font-size: 0.875rem;
  line-height: 1.2;
  width: 100%;
  margin: 0;
}
p.select-ticket-type__seat-info {
  margin-top: 4px;
}

.select-ticket-type__seat-info svg {
  height: 1.2em;
  width: auto;
  margin: 0;
}
.select-ticket-type__view-button {
  text-align: left;
  text-decoration: underline;
  margin-top: 4px;
  font-size: 0.875rem;
}
.select-ticket-type .loading-indicator {
  height: 1em;
  display: inline-block;
}

.donation-slider {
  display: flex;
  flex-direction: column;
  gap: var(--space--m);
  order: -1;
  padding: 0 36px 0 0;
  position: relative;
}
@media (min-width: 62em) {
  .donation-slider {
    margin: 0 auto;
    order: 1;
    padding: 0;
  }
}
.donation-slider-block {
  display: flex;
  flex-direction: column;
  gap: var(--space--m);
  overflow: hidden;
}
.donation-slider-block__title {
  margin: 0 0 var(--space--xs);
  color: var(--color--purple-dark);
  text-wrap: auto;
}
@media (min-width: 48em) {
  .donation-slider-block__title {
    font-size: var(--fs--h3);
  }
}
.donation-slider > .btn {
  --btn--size: 28px;
  padding: 2px;
  border: 0;
  margin: 0 0 0 102px;
  width: var(--btn--size);
}
.donation-slider > .btn svg {
  width: 100%;
}
.donation-slider > .btn:nth-of-type(1) {
  order: -1;
}
.donation-slider > .btn:nth-of-type(2) {
  margin-top: -26px;
}
.donation-slider > .btn:disabled {
  background: none;
}
.donation-slider__result {
  margin: 0 auto;
  max-width: 486px;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}
@media (min-width: 62em) {
  .donation-slider__result {
    flex-direction: row;
  }
}
.donation-slider__result-value {
  display: flex;
  gap: 5px;
}
@media (min-width: 48em) {
  .donation-slider__result-value {
    gap: 10px;
  }
}
.donation-slider__result-buttons {
  position: relative;
  margin: 24px auto 0;
  width: 100%;
  max-width: 100%;
  min-height: 44px;
  transition: all 0.3s ease;
}
@media (min-width: 62em) {
  .donation-slider__result-buttons {
    max-width: 226px;
    margin: 0 auto 0 44px;
  }
}
@media (max-width: 47.99em) {
  .donation-slider__result-buttons:has(.btn--primary.fade-out:only-child) {
    height: 0;
    min-height: 0;
    margin-top: 0;
  }
}
.donation-slider__result-row {
  align-self: center;
  margin: 0 auto;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media (min-width: 62em) {
  .donation-slider__result-row {
    padding: 36px 0 0;
    gap: var(--space--xl);
    width: 288px;
    margin: 0;
  }
}
.donation-slider__result-row .btn {
  margin: 0;
  padding: 10px 12px;
  transition: all 0.3s ease;
  width: 100%;
  max-width: 100%;
}
.donation-slider__result-row .btn--message {
  position: absolute;
  top: 0;
  z-index: 2;
  background: var(--color--pink-primary);
  border-color: var(--color--pink-primary);
  color: var(--color--white);
  pointer-events: none;
}
.donation-slider__result-row .btn.fade-out {
  opacity: 0;
  pointer-events: none;
}
.donation-slider__result-row .btn.fade-in {
  opacity: 1;
  pointer-events: auto;
}
.donation-slider__result-currency {
  color: var(--color--purple-dark);
  font: var(--fw--bold) 31px/1.2 var(--ff--secondary);
  width: 20px;
  align-self: flex-end;
  padding: 0 0 5px;
}
@media (min-width: 48em) {
  .donation-slider__result-currency {
    font-size: 54px;
    padding: 0 0 10px;
    width: 34px;
  }
}
.donation-slider__result input[type=number] {
  padding: 5px 14px;
  border-color: #cecece;
  color: var(--color--lilac-dark) !important;
  font: var(--fw--bold) 42px/1 var(--ff--secondary);
  letter-spacing: -2px;
  text-align: center;
  margin: 0;
  height: 54px;
  width: 141px;
}
@media (min-width: 48em) {
  .donation-slider__result input[type=number] {
    text-align: left;
    font-size: 72px;
    height: 94px;
    width: 244px;
  }
}
.donation-slider__result input[type=number]:focus {
  border-width: 1px;
  margin: 0;
  border-color: var(--color--purple-dark);
}
.donation-slider__result input[type=number].active {
  color: var(--color--purple-dark) !important;
}
.donation-slider__range {
  width: 174px;
  cursor: pointer;
  position: relative;
}
.donation-slider__range-mask,
.donation-slider__range input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.donation-slider__range input {
  height: 24px;
  margin: 0;
  outline: none;
  appearance: none;
  pointer-events: none;
  opacity: 0;
}
.donation-slider__range-mask {
  cursor: grab;
  height: 100%;
}
.donation-slider__range svg {
  overflow: visible;
}
.donation-slider__animation {
  position: absolute;
  bottom: -9%;
  left: 50%;
  transform: translateX(-47%);
  width: 400%;
  pointer-events: none;
}

.accessibility-key {
  width: 100%;
  border: 1px solid var(--color--black);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: var(--space--m);
  padding: var(--space--m) var(--space--l);
  margin-top: var(--space--m);
}
.accessibility-key__title {
  margin: 0;
  color: var(--color--purple-dark);
}
.accessibility-key__list {
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 16px;
  font-size: var(--fs--body-xs);
}
.accessibility-key__list-item {
  display: flex;
  gap: var(--space--xs);
  font-weight: var(--fw--medium);
  font-variation-settings: "wght" var(--fw--medium);
  align-items: center;
  margin: 0;
}
.accessibility-key__icon {
  flex: 0 0 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: flex-start;
}
.accessibility-key__message {
  font-size: var(--fs--body-xs);
  color: var(--color--purple-dark);
}
@media (min-width: 48em) {
  .accessibility-key__message {
    font-size: var(--fs--body-s);
  }
}
.accessibility-key__message p {
  margin: 0;
}

.booking-pathway__tickets-header {
  display: flex;
  justify-content: space-between;
  align-items: self-start;
  margin-bottom: 24px;
  min-height: 48px;
}
.booking-pathway__tickets-header h1 {
  font-size: var(--fs--h2);
}
@media (min-width: 48em) {
  .booking-pathway__tickets-header h1 {
    align-self: center;
    margin: 0;
  }
}
.booking-pathway__tickets-header button {
  width: 50%;
  min-height: 48px;
  padding-block: 5px;
  max-width: 358px;
}
@media (max-width: 47.99em) {
  .booking-pathway__tickets-header button {
    display: none;
  }
}
.booking-pathway__tickets-header button svg {
  transition: stroke 0.2s;
}
.booking-pathway__tickets-header button svg [stroke] {
  stroke: currentColor;
}
.booking-pathway__tickets-header button:hover svg, .booking-pathway__tickets-header button:focus-visible svg {
  stroke: #fff;
}
.booking-pathway__account.booking-pathway__container {
  grid-template-columns: repeat(3, 1fr);
  grid-template-areas: "content content summary" "content content buttons";
}
.booking-pathway__account h1.booking-pathway__header {
  font-size: var(--fs--h1);
  font-weight: var(--fw--black);
}
@media (max-width: 47.99em) {
  .booking-pathway__account h1.booking-pathway__header {
    margin-top: 24px;
  }
}
.booking-pathway__account .booking-pathway__header {
  font-size: var(--fs--h2);
}
.booking-pathway__account .booking-pathway__header:where(:has(+ .preferences-block)) {
  position: relative;
}
@media (max-width: 47.99em) {
  .booking-pathway__account .booking-pathway__header:where(:has(+ .preferences-block)) {
    position: relative;
    color: var(--color--white);
    background-color: var(--color--black);
  }
  .booking-pathway__account .booking-pathway__header:where(:has(+ .preferences-block))::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
    z-index: -1;
    background-color: var(--color--black);
  }
  .booking-pathway__account .booking-pathway__header:where(:has(+ .preferences-block)) {
    padding-block: 24px;
    margin-bottom: 0;
  }
}
@media (max-width: 47.99em) {
  .booking-pathway__account--overview h1.booking-pathway__header {
    position: relative;
    color: var(--color--white);
    background-color: var(--color--black);
  }
  .booking-pathway__account--overview h1.booking-pathway__header::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
    z-index: -1;
    background-color: var(--color--black);
  }
  .booking-pathway__account--overview h1.booking-pathway__header {
    padding-block: 24px;
    margin: 0;
  }
}
.booking-pathway__account--overview .card-carousel__container {
  margin-bottom: calc(24 / 16 * 1rem + (32 - 24) * var(--fluid--bp));
}
.booking-pathway__account--overview .card-carousel__container .booking-pathway__header {
  width: 70%;
}
@media (min-width: 48em) {
  .booking-pathway__account--overview .card-carousel__container .booking-pathway__header {
    width: 100%;
  }
}
.booking-pathway__account--overview .card-carousel__container .card-carousel__item,
.booking-pathway__account--overview .card-carousel__container .top-picks__cards--item {
  display: flex !important;
  height: 100%;
  flex-direction: column;
}
@media (min-width: 62em) {
  .booking-pathway__account--overview .card-carousel__container .card-carousel__item,
  .booking-pathway__account--overview .card-carousel__container .top-picks__cards--item {
    flex-direction: row;
  }
}
.booking-pathway__account--overview .card-carousel__container .card-carousel__item .ticket-card,
.booking-pathway__account--overview .card-carousel__container .top-picks__cards--item .ticket-card {
  display: flex;
}
.booking-pathway__account--overview .card-carousel__container .card-carousel__item .ticket-card .instance-event-summary .btn,
.booking-pathway__account--overview .card-carousel__container .top-picks__cards--item .ticket-card .instance-event-summary .btn {
  max-width: none;
}
.booking-pathway__account--overview .card-carousel__container .card-carousel__item .ticket-card .instance-event-summary__button__flex.has-studio .btn,
.booking-pathway__account--overview .card-carousel__container .top-picks__cards--item .ticket-card .instance-event-summary__button__flex.has-studio .btn {
  width: 50%;
}
.booking-pathway__account--overview .card-carousel__container .slick-track {
  display: flex;
}
.booking-pathway__account--overview .card-carousel__container .slick-slide {
  height: inherit;
}
.booking-pathway__account--overview .card-carousel__container .slick-slide > * {
  height: 100%;
}
.booking-pathway__account--overview .card-carousel__container .not-carousel .card-carousel__item {
  gap: 24px;
}
@media (min-width: 62em) {
  .booking-pathway__account--overview .card-carousel__container .not-carousel .card-carousel__item .ticket-card {
    width: 50%;
  }
}
.booking-pathway__account--orders .card-carousel__container {
  margin-bottom: calc(24 / 16 * 1rem + (32 - 24) * var(--fluid--bp));
}
.booking-pathway__account--orders .card-carousel__container .booking-pathway__header {
  width: 70%;
}
@media (min-width: 48em) {
  .booking-pathway__account--orders .card-carousel__container .booking-pathway__header {
    width: 100%;
  }
}
.booking-pathway__account--orders .card-carousel__container .card-carousel__item,
.booking-pathway__account--orders .card-carousel__container .top-picks__cards--item {
  display: flex !important;
  height: 100%;
  flex-direction: column;
}
@media (min-width: 62em) {
  .booking-pathway__account--orders .card-carousel__container .card-carousel__item,
  .booking-pathway__account--orders .card-carousel__container .top-picks__cards--item {
    flex-direction: row;
  }
}
.booking-pathway__account--orders .card-carousel__container .card-carousel__item .ticket-card,
.booking-pathway__account--orders .card-carousel__container .top-picks__cards--item .ticket-card {
  display: flex;
}
.booking-pathway__account--orders .card-carousel__container .card-carousel__item .ticket-card .instance-event-summary .btn,
.booking-pathway__account--orders .card-carousel__container .top-picks__cards--item .ticket-card .instance-event-summary .btn {
  max-width: none;
}
.booking-pathway__account--orders .card-carousel__container .card-carousel__item .ticket-card .instance-event-summary__button__flex.has-studio .btn,
.booking-pathway__account--orders .card-carousel__container .top-picks__cards--item .ticket-card .instance-event-summary__button__flex.has-studio .btn {
  width: 50%;
}
.booking-pathway__account--orders .card-carousel__container .slick-track {
  display: flex;
}
.booking-pathway__account--orders .card-carousel__container .slick-slide {
  height: inherit;
}
.booking-pathway__account--orders .card-carousel__container .slick-slide > * {
  height: 100%;
}
.booking-pathway__account--orders .not-carousel .card-carousel__item {
  gap: 24px;
}
@media (min-width: 62em) {
  .booking-pathway__account--orders .not-carousel .card-carousel__item .ticket-card {
    width: 50%;
  }
}
.booking-pathway__account--details--form + .booking-pathway__account--details--form {
  margin-top: 48px;
}
.booking-pathway__account--details--form .form-field--group.form-field--group__name {
  grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 48em) {
  .booking-pathway__account--details--form .form-field--group.form-field--group__name {
    grid-template-columns: repeat(2, 1fr);
  }
}
.booking-pathway__account--memberships .memberships .two-col .card--membership {
  max-width: unset;
  width: 100%;
}
.booking-pathway__account--memberships .card-carousel__item,
.booking-pathway__account--memberships .top-picks__cards--item,
.booking-pathway__account--memberships .discount-event-feed__cards--item {
  display: flex !important;
  height: 100%;
}
.booking-pathway__account--memberships .card-carousel__item .ticket-card,
.booking-pathway__account--memberships .top-picks__cards--item .ticket-card,
.booking-pathway__account--memberships .discount-event-feed__cards--item .ticket-card {
  display: flex;
}
.booking-pathway__account--memberships .card-carousel__item .ticket-card .instance-event-summary .btn,
.booking-pathway__account--memberships .top-picks__cards--item .ticket-card .instance-event-summary .btn,
.booking-pathway__account--memberships .discount-event-feed__cards--item .ticket-card .instance-event-summary .btn {
  max-width: none;
}
.booking-pathway__account--memberships .card-carousel__item .ticket-card .instance-event-summary__button__flex.has-studio .btn,
.booking-pathway__account--memberships .top-picks__cards--item .ticket-card .instance-event-summary__button__flex.has-studio .btn,
.booking-pathway__account--memberships .discount-event-feed__cards--item .ticket-card .instance-event-summary__button__flex.has-studio .btn {
  width: 50%;
}
.booking-pathway__account--memberships .slick-track {
  display: flex;
}
.booking-pathway__account--memberships .slick-slide {
  height: inherit;
}
.booking-pathway__account--memberships .slick-slide > * {
  height: 100%;
}
.booking-pathway__account .booking-pathway__footer {
  grid-area: summary;
}
@media (min-width: 48em) {
  .booking-pathway__account .booking-pathway__footer {
    margin-top: 0;
  }
}
@media (max-width: 74.99em) {
  .booking-pathway__account .booking-pathway__footer .btn--logout {
    display: none;
  }
}

.account-navigation {
  --btn--color: var(--color--foreground);
  position: relative;
}
@media (min-width: 48em) {
  .account-navigation {
    margin-bottom: 24px;
  }
}
.account-navigation::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  bottom: 0;
  width: 100vw;
  transform: translateX(-50%);
  background-color: var(--color--black);
  z-index: -1;
}
.account-navigation__disclosure-button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: calc(var(--btn--padding-block) + 2px);
  padding-bottom: var(--btn--padding-block);
  width: 100%;
}
@media (min-width: 75em) {
  .account-navigation__disclosure-button {
    display: none;
  }
}
.account-navigation__disclosure-button::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 100vw;
  height: 1px;
  transform: translateX(-50%);
  background-color: var(--color--off-white);
}
.account-navigation__disclosure-button svg {
  width: var(--btn--icon-size, 1em);
  height: var(--btn--icon-size, 1em);
  transform: rotate(180deg);
}
.account-navigation__disclosure-panel {
  --btn--background-color: transparent;
  --btn--border-color: var(--color--foreground);
  --btn--color: var(--color--foreground);
  padding-bottom: 16px;
}
@media (min-width: 75em) {
  .account-navigation__disclosure-panel {
    padding-block: 0;
  }
}
.account-navigation__disclosure-panel .btn {
  width: 100%;
}
@media (min-width: 75em) {
  .account-navigation__disclosure-panel .btn {
    display: none;
  }
}
.account-navigation__list {
  padding-block: 8px;
}
@media (min-width: 75em) {
  .account-navigation__list {
    display: flex;
    padding-block: 0;
  }
}
.account-navigation__list a {
  display: block;
  padding-block: 8px;
  text-decoration: none;
}
@media (min-width: 75em) {
  .account-navigation__list a {
    padding: 16px 24px;
  }
}
.account-navigation__list a:hover {
  text-decoration: underline;
}
@media (min-width: 75em) {
  .account-navigation__list a:hover {
    text-decoration: none;
  }
}
.account-navigation__list a.active {
  text-decoration: underline;
}
@media (min-width: 75em) {
  .account-navigation__list a.active {
    background-color: var(--color--white);
    color: var(--color--black);
    text-decoration: none;
  }
}

.account-overview-navigation {
  margin-block: calc(24 / 16 * 1rem + (32 - 24) * var(--fluid--bp));
}
@media (min-width: 75em) {
  .account-overview-navigation {
    border-top: 1px solid var(--color--black);
    padding-top: 24px;
  }
}
@media (min-width: 48em) {
  .account-overview-navigation__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
}
.account-overview-navigation__list--header {
  margin-bottom: 4px;
}
.account-overview-navigation__list--link {
  --icon--size: 52px;
  padding: 24px 16px;
  display: flex;
  gap: 24px;
  text-decoration: none;
  border-bottom: 1px solid var(--color--black);
  transition: all var(--transition--base);
}
@media (min-width: 48em) {
  .account-overview-navigation__list--link {
    border: 1px solid var(--color--black);
  }
}
.account-overview-navigation__list--link svg {
  width: var(--icon--size);
  height: auto;
  flex-shrink: 0;
  flex-grow: 0;
}
.account-overview-navigation__list--link span {
  display: block;
}
.account-overview-navigation__list--link:hover, .account-overview-navigation__list--link:focus-visible {
  background-color: var(--color--purple-dark);
  color: var(--color--white);
}

.preferences-block {
  position: relative;
  padding-top: 16px;
  padding-bottom: 32px;
  margin-bottom: 24px;
}
@media (max-width: 47.99em) {
  .preferences-block {
    position: relative;
    color: var(--color--white);
    background-color: var(--color--black);
  }
  .preferences-block::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
    z-index: -1;
    background-color: var(--color--black);
  }
}
@media (min-width: 48em) {
  .preferences-block {
    padding: 24px;
  }
}
.preferences-block--form-fields {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.preferences-block [type=submit] {
  margin-top: 32px;
  width: 100%;
}
@media (min-width: 48em) {
  .preferences-block [type=submit] {
    margin-top: 24px;
    max-width: 175px;
  }
}
.preferences-block .btn--pill {
  --btn--background-color: transparent;
  --btn--color: var(--color--foreground);
  --btn--border-color: var(--color--foreground);
  --btn--background-color--hover: var(--color--foreground);
  --btn--color--hover: var(--color--black);
  margin: 0;
}
.preferences-block .booking-pathway__header {
  font-size: var(--fs--h2);
}
.preferences-block .booking-pathway__introduction {
  margin-bottom: 24px;
}
@media (min-width: 48em) {
  .preferences-block .booking-pathway__introduction {
    font-size: 1.25rem;
  }
}

.customer-status-blocks {
  margin-bottom: calc(24 / 16 * 1rem + (32 - 24) * var(--fluid--bp));
}
@media (min-width: 48em) {
  .customer-status-blocks {
    display: flex;
    flex-direction: column;
    gap: calc(16 / 16 * 1rem + (24 - 16) * var(--fluid--bp));
  }
}
@media (min-width: 62em) {
  .customer-status-blocks {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .customer-status-blocks > * {
    flex: 1;
    min-width: 45%;
  }
}
@media (min-width: 75em) {
  .customer-status-blocks .customer-membership:only-child {
    padding-right: 160px;
  }
  .customer-status-blocks .customer-membership:only-child .btn {
    position: absolute;
    right: 24px;
    bottom: 24px;
    max-width: 150px;
  }
  .customer-status-blocks .customer-membership:only-child .customer-membership__info {
    margin-bottom: 0;
  }
}

.customer-membership,
.customer-donation-history {
  position: relative;
  padding-top: 16px;
  padding-bottom: 32px;
}
@media (max-width: 47.99em) {
  .customer-membership,
  .customer-donation-history {
    position: relative;
    color: var(--color--white);
    background-color: var(--color--black);
  }
  .customer-membership::after,
  .customer-donation-history::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
    z-index: -1;
    background-color: var(--color--black);
  }
}
@media (min-width: 48em) {
  .customer-membership,
  .customer-donation-history {
    padding: 24px;
    display: flex;
    flex-direction: column;
  }
}
.customer-membership__info,
.customer-donation-history__info {
  margin: 0;
}
.customer-membership__info:has(+ .btn),
.customer-donation-history__info:has(+ .btn) {
  margin-bottom: 16px;
}
@media (min-width: 48em) {
  .customer-membership__info:has(+ .btn),
  .customer-donation-history__info:has(+ .btn) {
    margin-bottom: 24px;
  }
}
.customer-membership .btn,
.customer-donation-history .btn {
  --btn--background-color: transparent;
  --btn--color: var(--color--foreground);
  --btn--border: var(--color--foreground);
  --btn--background-color--hover: var(--color--foreground);
  --btn--color--hover: var(--color--black);
  width: 100%;
  margin-top: auto;
}
.customer-membership .booking-pathway__header,
.customer-donation-history .booking-pathway__header {
  font-size: var(--fs--h2);
  margin: 0;
  font-weight: 900;
}
@media (min-width: 48em) {
  .customer-membership .booking-pathway__header,
  .customer-donation-history .booking-pathway__header {
    margin-bottom: 8px;
  }
}

@media (min-width: 48em) {
  .customer-membership {
    --color--background: var(--color--purple-dark);
  }
}
.customer-membership__info {
  font-variation-settings: "wght" var(--fw--bold);
}

.customer-donation-history {
  --space--prose: 8px;
  --color--background: var(--color--pink-primary);
  background-color: var(--color--pink-primary);
  padding-bottom: 16px;
}
.customer-donation-history::after {
  background-color: var(--color--pink-primary);
}
.customer-donation-history p {
  margin: 0;
}
.customer-donation-history__donation-amount {
  display: block;
}

.upsell-block {
  width: 100%;
}
@media (min-width: 75em) {
  .upsell-block {
    display: flex;
    flex-direction: column-reverse;
  }
}
.upsell-block img {
  aspect-ratio: 1/1;
  object-fit: cover;
}
.upsell-block__content {
  padding: 16px 16px 24px;
}
@media (min-width: 75em) {
  .upsell-block__content {
    padding: 24px;
  }
}
.upsell-block__header {
  margin: 0 0 16px;
  font-size: var(--fs--h3);
}
@media (min-width: 75em) {
  .upsell-block__header {
    font-size: var(--fs--h2);
  }
}
.upsell-block__button {
  margin-top: 24px;
}
.orders__extras {
  margin-block: calc(24 / 16 * 1rem + (32 - 24) * var(--fluid--bp));
  padding-block: 24px;
}
@media (max-width: 47.99em) {
  .orders__extras {
    position: relative;
    color: var(--color--white);
    background-color: var(--color--black);
  }
  .orders__extras::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
    z-index: -1;
    background-color: var(--color--black);
  }
  .orders__extras {
    background-color: var(--color--off-white);
    color: var(--color--black);
  }
}
@media (min-width: 48em) {
  .orders__extras {
    border-top: 1px solid var(--color--black);
    padding-bottom: 0;
  }
}
.orders__extras::after {
  background-color: var(--color--off-white);
}
.orders__extras--select {
  background-color: var(--color--white);
}
.orders__extras--select, .orders__extras--date {
  font-variation-settings: "wght" var(--fw--bold);
  margin-block: 8px;
  flex-shrink: 0;
}
@media (min-width: 75em) {
  .orders__extras--select, .orders__extras--date {
    margin: 0;
  }
}
@media (min-width: 75em) {
  .orders__extras--header {
    margin-bottom: 8px;
    align-items: flex-start;
    column-gap: 16px;
  }
}
.orders__extras--header .booking-pathway__header {
  margin-bottom: 16px;
}
@media (min-width: 75em) {
  .orders__extras--header .booking-pathway__header {
    min-height: var(--btn--size);
  }
}
.orders__extras--header select {
  margin-bottom: 24px;
}
@media (min-width: 75em) {
  .orders__extras--header select {
    max-width: 50%;
  }
}
.orders__extras .extras-group {
  border: 0;
  padding: 0;
}
.orders__extras .extras-instance:where(:not(:first-child)) {
  border-top: 1px solid var(--color--disabled);
  padding-top: 24px;
}

.past-orders-header {
  border-top: 1px solid var(--color--black);
  padding-top: 24px;
}

.past-orders .accordion-item__heading {
  font-size: 1rem;
  font-weight: var(--fs--normal);
  font-variation-settings: "wght" var(--fw--normal);
  text-decoration: underline;
  min-width: 60%;
  display: flex;
  gap: 8px;
}
.past-orders .accordion-item__heading > * {
  flex: 1;
}
.past-orders .order-content {
  --space--prose: 8px;
}
.past-orders .order-content__header {
  margin: 0 0 24px;
}
.past-orders .order-content__list span {
  display: block;
}
.past-orders .order-content__list > li {
  border-bottom: solid 1px var(--color--black);
}
.past-orders .order-content__list-item--title {
  font-variation-settings: "wght" var(--fw--bold);
}
.past-orders .order-content__list-item--group {
  display: flex;
  justify-content: space-between;
  gap: 16px;
}
.past-orders .order-content__list-item--total {
  font-variation-settings: "wght" var(--fw--bold);
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-top: 24px;
}
.past-orders .order-content__section + .order-content__section {
  margin-top: 32px;
  padding-top: 14px;
  border-top: 1px solid var(--color--black);
}

.save-to-wallet {
  display: none;
}
@media (max-width: 47.99em) {
  .save-to-wallet {
    display: flex;
    justify-content: space-evenly;
    margin-top: var(--space--m);
  }
  .save-to-wallet a {
    padding: 0 0.5rem;
    display: flex;
  }
  .save-to-wallet a svg path {
    stroke: unset;
  }
}

@media (min-width: 75em) {
  .contact-preferences {
    border-top: 1px solid var(--color--black);
    padding-top: 24px;
  }
}
.contact-preferences__static {
  --space--prose: 8px;
  margin-bottom: 24px;
}
.contact-preferences .contact-preferences__form .btn {
  margin-top: 24px;
}
.contact-preferences .booking-pathway__introduction {
  max-width: 41.25rem;
}
.contact-preferences .btn {
  min-width: 175px;
  margin-top: 12px;
}
@media (max-width: 47.99em) {
  .contact-preferences .btn {
    width: 100%;
  }
}

.personalised-offers {
  padding: 24px 16px;
}
.personalised-offers .booking-pathway__header {
  font-size: var(--fs--h2);
}

.personalised-offer {
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--color--off-white);
}
@media (min-width: 75em) {
  .personalised-offer {
    display: flex;
    gap: 16px;
  }
}
.personalised-offer:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
.personalised-offer__title {
  margin: 0 0 4px;
  font-size: 24px;
}
.personalised-offer__introduction {
  margin-bottom: 16px;
}
@media (min-width: 75em) {
  .personalised-offer__introduction {
    margin-bottom: 0;
  }
}
.personalised-offer__content {
  flex: 1;
}