@charset "UTF-8";
:root {
  --primaryColor: #18181b;
  --secondaryColor: #71717a;
  --accentColor: #18181b;
  --textColor: #09090b;
  --textLinkColor: #18181b;
  --headingColor: #09090b;
  --backgroundColor: #ffffff;
  --dropdownColor: #ffffff;
  --divider: #e4e4e7;
  --primaryFont: 'Inter', ui-sans-serif, system-ui, sans-serif;
  --headingFont: 'Inter', ui-sans-serif, system-ui, sans-serif;
  --siteWidth: 1440px;
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 32px;
  --spacing-xl: 64px;
  --smallRadius: 6px;
  --mediumRadius: 8px;
  --largeRadius: 12px;
  --smallDropShadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --largeDropShadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  --cardBackgroundColor: #ffffff;
  --cardTextColor: #09090b;
  --cardBackground: #ffffff;
  --cardBorder: 1px solid #e4e4e7;
  --cardRadius: 8px;
  --cardPadding: 0px;
  --cardContentPadding: 16px;
  --cardImageRadius: 8px;
  --cardDropShadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --cartBackgroundColor: #ffffff;
  --fieldBackgroundColor: #ffffff;
  --fieldTextColor: #09090b;
  --fieldBorderColor: #e4e4e7;
  --fieldRadius: 6px;
  --buttonBackgroundColor: #18181b;
  --buttonTextColor: #fafafa;
  --buttonBorderColor: #18181b;
  --buttonHoverBackgroundColor: #27272a;
  --buttonHoverTextColor: #fafafa;
  --buttonHoverBorderColor: #27272a;
  --buttonRadius: 6px;
  --buttonFontSize: 14px;
  --buttonFontWeight: 500;
  --buttonFontFamily: var(--primaryFont);
  --buttonLetterSpacing: 0;
  --buttonTextTransform: none;
  --buttonPaddingX: 16px;
  --buttonPaddingY: 10px;
  --buttonTransition: all 0.15s ease;
  --secondaryButtonBackgroundColor: transparent;
  --secondaryButtonTextColor: #09090b;
  --secondaryButtonBorderColor: #e4e4e7;
  --secondaryButtonHoverBackgroundColor: #f4f4f5;
  --secondaryButtonHoverTextColor: #09090b;
  --secondaryButtonHoverBorderColor: #e4e4e7;
  --pillBackgroundColor: #f4f4f5;
  --pillTextColor: #18181b;
  --pillBorderColor: transparent;
  --pillHoverBackgroundColor: #e4e4e7;
  --pillHoverTextColor: #09090b;
  --pillHoverBorderColor: transparent;
  --pillRadius: 9999px;
  --pillFontSize: 12px;
  --pillFontWeight: 500;
  --pillPaddingX: 10px;
  --pillPaddingY: 2px;
  --panelBackgroundColor: #ffffff;
  --panelBorder: 1px solid #e4e4e7;
  --panelBorderRadius: 8px;
  --panelDropShadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --icon-filter-none: none;
  --icon-filter-invert: invert(1);
  --focusRingColor: #18181b;
  --focusRingWidth: 2px;
  --focusRingOffset: 2px;
}

/* =======================================
   Scoped Reset – scoped to #app / #ft_ferveCart
   ======================================= */
#app *,
#app *::before,
#app *::after,
#ft_ferveCart *,
#ft_ferveCart *::before,
#ft_ferveCart *::after {
  box-sizing: border-box;
}
#app *,
#ft_ferveCart * {
  margin: 0;
  padding: 0;
}
#app a,
#ft_ferveCart a {
  color: inherit;
  text-decoration: none;
}
#app img,
#app svg,
#ft_ferveCart img,
#ft_ferveCart svg {
  display: block;
  max-width: 100%;
}
#app input,
#app button,
#app textarea,
#app select,
#ft_ferveCart input,
#ft_ferveCart button,
#ft_ferveCart textarea,
#ft_ferveCart select {
  font: inherit;
}
#app button,
#ft_ferveCart button {
  cursor: pointer;
  background: none;
  border: none;
}
#app ul,
#app ol,
#ft_ferveCart ul,
#ft_ferveCart ol {
  list-style: none;
}
#app h1,
#app h2,
#app h3,
#app h4,
#app h5,
#app h6,
#ft_ferveCart h1,
#ft_ferveCart h2,
#ft_ferveCart h3,
#ft_ferveCart h4,
#ft_ferveCart h5,
#ft_ferveCart h6 {
  font-size: inherit;
  font-weight: inherit;
  text-decoration: none !important;
}
#app table,
#ft_ferveCart table {
  border-collapse: collapse;
  border-spacing: 0;
}
#app,
#ft_ferveCart {
  /* Remove all animations, transitions, and smooth scroll for reduced motion */
}
@media (prefers-reduced-motion: reduce) {
  #app *,
  #app *::before,
  #app *::after,
  #ft_ferveCart *,
  #ft_ferveCart *::before,
  #ft_ferveCart *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}
#app,
#ft_ferveCart {
  /* Prevent iOS autofill styling from breaking layout */
}
#app input:-webkit-autofill,
#ft_ferveCart input:-webkit-autofill {
  box-shadow: 0 0 0 1000px white inset !important;
  -webkit-text-fill-color: inherit !important;
}

#app {
  font-family: var(--primaryFont);
  font-size: 16px;
  line-height: 1.5;
  color: var(--textColor);
  background-color: var(--backgroundColor);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#ft_ferveCart {
  font-family: var(--primaryFont);
  font-size: 16px;
  line-height: 1.5;
  color: var(--textColor);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#app,
#ft_ferveCart {
  font-family: var(--primaryFont);
  font-optical-sizing: auto;
}
#app h1,
#ft_ferveCart h1 {
  font-size: 38px !important;
  line-height: 42px !important;
  font-weight: bold !important;
  margin: 0 0 var(--spacing-lg);
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  color: var(--headingColor);
  font-family: var(--headingFont);
}
#app h2,
#ft_ferveCart h2 {
  font-size: 24px !important;
  font-weight: bold !important;
  margin: 0 0 var(--spacing-md);
  color: var(--headingColor);
  font-family: var(--headingFont);
}
#app h3,
#ft_ferveCart h3 {
  font-size: 22px !important;
  font-weight: bold !important;
  margin: 0 0 var(--spacing-md);
  color: var(--primaryColor);
  font-family: var(--headingFont);
}
#app a,
#ft_ferveCart a {
  color: var(--textLinkColor);
  font-weight: 700;
  text-decoration: none !important;
}
#app a:hover,
#ft_ferveCart a:hover {
  text-decoration: underline;
}

#app {
  max-width: var(--siteWidth);
  padding: var(--spacing-lg) var(--spacing-md);
  margin: 0 auto;
  background-color: var(--backgroundColor);
  overflow-x: hidden;
  box-sizing: border-box;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #app {
    padding: var(--spacing-lg);
  }
}
@media screen and (min-width: 1024px) {
  #app {
    padding: var(--spacing-lg);
  }
}

#ft_account #app,
#ft_accountEdit #app,
#ft_accountBookings #app,
#ft_accountTickets #app,
#ft_accountPlay #app,
#ft_browse_wishlist #app {
  max-width: var(--siteWidth);
  margin: 0 auto;
  box-sizing: border-box;
}

#app #ft_notificationBG {
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 19751980;
}
#app #ft_notification {
  position: fixed;
  top: 64px !important;
  left: 50% !important;
  transform: translateX(-50%);
  width: 90%;
  max-width: 400px;
  border-radius: var(--smallRadius);
  overflow: hidden;
  background-color: var(--backgroundColor);
  z-index: 197506;
  box-shadow: var(--largeDropShadow);
}
#app #ft_notification #ft_notificationIcon {
  padding: var(--spacing-lg) var(--spacing-lg) 0;
  margin: 0 auto;
  width: 100%;
  display: flex;
  justify-content: center;
  filter: var(--icon-filter-none);
}
#app #ft_notification #ft_notificationIcon #ft_notificationIconElement {
  width: 32px;
}
#app #ft_notification #ft_notificationMessage {
  padding: var(--spacing-lg);
  text-align: center;
  color: var(--textColor);
}
#app #ft_notification #ft_notificationButtons {
  display: flex;
  justify-content: stretch;
  flex: 1;
}
#app #ft_notification #ft_notificationButtons div {
  display: flex;
  justify-content: stretch;
  flex: 1;
}
#app #ft_notification #ft_notificationButtons a {
  padding: var(--spacing-md);
  text-decoration: none;
  text-align: center;
  color: var(--buttonTextColor);
  display: block;
  width: 100%;
}
#app #ft_notification #ft_notificationButtons #ft_notificationOK {
  background-color: var(--focusRingColor);
}
#app #ft_notification #ft_notificationButtons #ft_notificationCancel {
  background-color: #f44336;
}

#app input,
#app select,
#app textarea,
#ft_ferveCart input,
#ft_ferveCart select,
#ft_ferveCart textarea {
  font: inherit !important;
  color: inherit !important;
  border: 1px solid var(--fieldBorderColor) !important;
  background-color: var(--fieldBackgroundColor) !important;
  padding: 12px !important;
  border-radius: var(--fieldRadius) !important;
  width: 100% !important;
  box-sizing: border-box !important;
  line-height: 1.5 !important;
  color: var(--fieldTextColor) !important;
}
#app input:focus,
#app select:focus,
#app textarea:focus,
#ft_ferveCart input:focus,
#ft_ferveCart select:focus,
#ft_ferveCart textarea:focus {
  border-color: var(--focusRingColor);
  outline: none;
  box-shadow: 0 0 0 var(--focusRingWidth) rgba(78, 195, 224, 0.3);
}
#app input::-moz-placeholder, #app select::-moz-placeholder, #app textarea::-moz-placeholder, #ft_ferveCart input::-moz-placeholder, #ft_ferveCart select::-moz-placeholder, #ft_ferveCart textarea::-moz-placeholder {
  color: var(--secondaryColor);
  opacity: 1;
}
#app input::placeholder,
#app select::placeholder,
#app textarea::placeholder,
#ft_ferveCart input::placeholder,
#ft_ferveCart select::placeholder,
#ft_ferveCart textarea::placeholder {
  color: var(--secondaryColor);
  opacity: 1;
}
#app input:disabled,
#app select:disabled,
#app textarea:disabled,
#ft_ferveCart input:disabled,
#ft_ferveCart select:disabled,
#ft_ferveCart textarea:disabled {
  background-color: var(--panelBackgroundColor);
  color: var(--secondaryColor);
  cursor: not-allowed;
}
#app input[type=checkbox],
#app input[type=radio],
#ft_ferveCart input[type=checkbox],
#ft_ferveCart input[type=radio] {
  width: 16px !important;
  margin: 6px var(--spacing-sm) 0 0 !important;
  margin-right: var(--spacing-sm);
  margin-top: 3px;
  float: left;
}
#app label,
#ft_ferveCart label {
  display: inline-block;
  position: relative;
}
#app label img,
#ft_ferveCart label img {
  position: absolute;
  top: 2px;
  right: -10px;
}
#app .form-group,
#ft_ferveCart .form-group {
  margin-bottom: 12px;
}
#app .form-group br,
#ft_ferveCart .form-group br {
  display: none;
}
#app textarea,
#ft_ferveCart textarea {
  min-height: 120px;
  resize: vertical;
}
#app select,
#ft_ferveCart select {
  height: 47px !important;
}

#app button,
#app input[type=submit],
#app input[type=button],
#ft_ferveCart button,
#ft_ferveCart input[type=submit],
#ft_ferveCart input[type=button] {
  background-color: var(--buttonBackgroundColor) !important;
  color: var(--buttonTextColor) !important;
  border: 1px solid var(--buttonBorderColor) !important;
  font-weight: var(--buttonFontWeight) !important;
  font-size: var(--buttonFontSize) !important;
  font-family: var(--buttonFontFamily);
  letter-spacing: var(--buttonLetterSpacing);
  text-transform: var(--buttonTextTransform);
  cursor: pointer !important;
  padding: var(--buttonPaddingY) var(--buttonPaddingX) !important;
  border-radius: var(--buttonRadius) !important;
  display: inline-block;
  height: 50px;
  text-align: center !important;
  width: 100%;
  transition: var(--buttonTransition) !important;
}
#app button:hover,
#app input[type=submit]:hover,
#app input[type=button]:hover,
#ft_ferveCart button:hover,
#ft_ferveCart input[type=submit]:hover,
#ft_ferveCart input[type=button]:hover {
  background-color: var(--buttonHoverBackgroundColor) !important;
  color: var(--buttonHoverTextColor) !important;
  border-color: var(--buttonHoverBorderColor) !important;
}
#app button:disabled,
#app input[type=submit]:disabled,
#app input[type=button]:disabled,
#ft_ferveCart button:disabled,
#ft_ferveCart input[type=submit]:disabled,
#ft_ferveCart input[type=button]:disabled {
  background-color: #ccc;
  cursor: not-allowed;
}

#app #ft_tabs {
  display: flex;
  gap: 12px;
  padding: var(--spacing-xs);
  border: var(--panelBorder);
  box-shadow: var(--panelDropShadow);
  background-color: var(--panelBackgroundColor);
  border-radius: var(--panelBorderRadius);
}
#app #ft_tabs .ft_loginTab {
  display: block;
  width: 100%;
  text-align: center;
  cursor: pointer;
  padding: 12px;
}
#app #ft_tabs .ft_loginTab-active {
  background-color: var(--pillBackgroundColor);
  border-radius: var(--pillRadius);
  color: var(--pillTextColor);
  box-shadow: var(--smallDropShadow);
}

#app #ft_browseOptions {
  border: var(--panelBorder);
  box-shadow: var(--panelDropShadow);
  background-color: var(--panelBackgroundColor);
  border-radius: var(--panelBorderRadius);
  padding: var(--spacing-md);
  margin-bottom: var(--spacing-lg);
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  margin-top: var(--spacing-lg);
}
#app #ft_browseOptions br {
  display: none;
}
#app #ft_browseOptions div:empty {
  display: none;
}
#app #ft_browseOptions #ft_callouts {
  display: flex;
  gap: 6px;
  grid-column: 1/-1;
  flex-wrap: wrap;
}
#app #ft_browseOptions #ft_callouts div:empty {
  display: none;
}
#app #ft_browseOptions #ft_callouts .ft_callout {
  display: inline-block;
  background-color: var(--pillBackgroundColor);
  color: var(--pillTextColor);
  border-radius: var(--pillRadius);
  padding: var(--pillPaddingY) 12px;
}
#app #ft_browseOptions #ft_callouts .ft_callout a {
  text-decoration: none !important;
  font-weight: normal;
}
#app #ft_browseOptions #ft_callouts .ft_callout:hover {
  background-color: var(--pillHoverBackgroundColor);
}
#app #ft_browseOptions #ft_callouts .ft_callout:hover a {
  color: var(--pillHoverTextColor);
}
#app #ft_browseOptions .ft_textBox label {
  display: none;
}
#app #ft_browseOptions #ft_resetOptions {
  grid-column: 1/-1;
}
#app #ft_browseOptions #ft_selectedOptions {
  grid-column: 1/-1;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
#app #ft_browseOptions #ft_selectedOptions:empty {
  display: none;
}
#app #ft_browseOptions #ft_selectedOptions .ft_selectedOption {
  display: inline-block;
  background-color: var(--pillBackgroundColor);
  color: var(--pillTextColor);
  border-radius: var(--pillRadius);
  padding: var(--pillPaddingY) 12px var(--pillPaddingY) 28px;
  position: relative;
  width: -moz-fit-content !important;
  width: fit-content !important;
}
#app #ft_browseOptions #ft_selectedOptions .ft_selectedOption span {
  text-indent: -9999px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#app #ft_browseOptions #ft_selectedOptions .ft_selectedOption span:before {
  content: "";
  background-image: url(../icons/xmark-sharp-regular.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 5px;
  left: 8px;
  filter: invert(1);
}
#app #ft_browseOptions #ft_selectedOptions .ft_selectedOption a {
  text-decoration: none !important;
  white-space: nowrap;
  font-weight: normal;
  min-height: 14px;
  display: inline-block;
}
#app #ft_browseOptions #ft_selectedOptions .ft_selectedOption:hover {
  background-color: var(--pillHoverBackgroundColor);
}
#app #ft_browseOptions #ft_selectedOptions .ft_selectedOption:hover a {
  color: var(--pillHoverTextColor);
}
#app #BrOptions {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: end;
  margin-bottom: var(--spacing-lg);
}
#app #BrOptions #BrOptionsView {
  display: flex;
  gap: 12px;
  filter: var(--icon-filter-invert);
}
#app #BrOptions .ft_clear {
  display: none;
}
#app #BrOptions [class^=fticon-] {
  width: 24px;
  height: 24px;
}
#app .ft_menuBox {
  position: relative;
}
#app .ft_menuBox a {
  text-decoration: none;
  font-weight: normal;
}
#app .ft_menuBox > a {
  display: block;
  color: var(--fieldTextColor);
  border: 1px solid var(--fieldBorderColor);
  background-color: var(--fieldBackgroundColor);
  padding: 14px 24px 14px 12px;
  border-radius: var(--fieldRadius);
  box-sizing: border-box;
  background-image: url(../icons/chevron-down-sharp-solid.svg);
  background-repeat: no-repeat;
  background-position: center right 8px;
  background-size: 8px;
  font-weight: normal;
}
#app .ft_menuBox #ft_menuS,
#app .ft_menuBox .ft_menu {
  position: absolute;
  top: 54px;
  left: 0 !important;
  width: -moz-max-content;
  width: max-content;
  min-width: 100%;
  padding: 12px;
  background-color: var(--dropdownColor);
  border-radius: var(--smallRadius);
  box-shadow: var(--largeDropShadow);
  display: grid;
  gap: 6px;
  z-index: 10;
}
#app .ft_menuBox #ft_menuS a,
#app .ft_menuBox .ft_menu a {
  font-weight: normal;
}
#app .ft_menuBox #ft_menuS.ft_itemHidden,
#app .ft_menuBox .ft_menu.ft_itemHidden {
  display: none;
}
#app .ft_menuBox #ft_menuD {
  padding: 0;
  height: auto !important;
}
#app .ft_menuBox input[type=checkbox] {
  margin-top: 3px !important;
}
#app .ft_menuBoxSmall > a {
  width: 120px;
  padding: 8px 24px 8px 8px;
}
#app .ft_menuBoxSmall #ft_menuS {
  top: 40px;
}

#app .ft_status [class^=fticon-],
#app .ft_status div {
  display: inline-block;
  padding: 2px var(--spacing-sm);
  border-radius: var(--smallRadius);
  font-size: 14px;
  font-weight: 500;
  color: var(--textColor);
  background-color: var(--cardBackgroundColor);
  max-width: 100% !important;
  max-height: 100% !important;
  content: "";
  font-weight: normal;
}
#app .ft_status span:nth-of-type(2) {
  display: none;
}
#app .ft_status .fticon-status-sellingfast {
  background-color: orange;
}
#app .ft_status .ft_soldout {
  background-color: red;
  color: white;
}
#app .ft_status .ft_eventStatus:empty {
  display: none;
}
#app .ft_ed_status [class^=fticon-] {
  display: none;
}
#app .ft_ed_status span {
  display: inline-block;
  padding: 2px var(--spacing-sm);
  border-radius: var(--smallRadius);
  font-size: inherit;
  font-weight: 500;
  color: var(--textColor);
  background-color: var(--cardBackgroundColor);
  max-width: 100% !important;
  max-height: 100% !important;
  content: "";
  font-weight: normal;
}
#app .ft_ed_status span.ft_soldout {
  background-color: red;
  color: white;
}
#app .ft_eventInformationRight .ft_eventStatus [class^=fticon-] {
  display: none;
}
#app .ft_eventInformationRight .ft_eventStatus:has(.ft_sellingfast) {
  background-color: orange;
}
#app .ft_eventInformationRight .ft_eventStatus:has(.ft_soldout) {
  background-color: red;
}
#app #ft_eventDetailsLeft .ft_info .ft_status {
  display: none;
}

#ft_ferveCart {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 500px;
  height: 100%;
  z-index: 19751980;
  background-color: var(--cartBackgroundColor);
  box-shadow: var(--largeDropShadow);
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  justify-content: stretch;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
#ft_ferveCart::-webkit-scrollbar {
  display: none;
}
#ft_ferveCart #ft_fcHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--spacing-md);
  border-bottom: 1px solid var(--divider);
}
#ft_ferveCart #ft_fcHeader .fticon-close {
  width: 24px;
  height: 24px;
}
#ft_ferveCart #ft_fcHeader #ft_fcTitle {
  font-size: 24px !important;
  font-weight: bold !important;
  margin: 0 0 var(--spacing-md);
  color: var(--headingColor);
  font-family: var(--headingFont);
  margin: 0;
}
#ft_ferveCart #ft_fcHeader #ft_fcTitle .fticon-cart {
  display: none;
}
#ft_ferveCart #ft_fcHeader2 {
  display: none;
}
#ft_ferveCart #ft_fcContents {
  flex: 1;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  padding: var(--spacing-lg) var(--spacing-md);
}
#ft_ferveCart #ft_fcContents::-webkit-scrollbar {
  display: none;
}
#ft_ferveCart #ft_fcContents .ft_fcItem {
  display: grid;
  grid-template-columns: auto 60px;
  padding-left: 80px;
  position: relative;
  gap: 0px 16px;
  font-size: 14px;
  align-items: center;
  margin-bottom: var(--spacing-lg);
  padding-bottom: var(--spacing-lg);
  border-bottom: 1px solid var(--divider);
}
#ft_ferveCart #ft_fcContents .ft_fcItem:last-of-type {
  border-bottom: none;
}
@media screen and (min-width: 768px) {
  #ft_ferveCart #ft_fcContents .ft_fcItem {
    gap: 4px 16px;
    font-size: 15px;
    padding-left: 112px;
  }
}
#ft_ferveCart #ft_fcContents .ft_fcItem .ft_fcItemThumbnail {
  position: absolute;
  width: 64px;
  height: calc(100% - 32px);
  overflow: hidden;
  border-radius: var(--smallRadius);
  left: 0;
  top: 0;
}
@media screen and (min-width: 768px) {
  #ft_ferveCart #ft_fcContents .ft_fcItem .ft_fcItemThumbnail {
    width: 96px;
  }
}
#ft_ferveCart #ft_fcContents .ft_fcItem .ft_fcItemThumbnail img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#ft_ferveCart #ft_fcContents .ft_fcItem .ft_fcItemDetails {
  grid-row: 2;
  grid-column: 1/-1;
}
#ft_ferveCart #ft_fcContents .ft_fcItem .ft_fcItemTotal {
  grid-column: 2;
  grid-row: 1;
  text-align: right;
  font-weight: bold;
}
#ft_ferveCart #ft_fcContents .ft_fcItem .ft_fcItemSummary {
  grid-column: 1/-1;
  grid-row: 3;
}
#ft_ferveCart #ft_fcContents .ft_fcItem .ft_fcItemQtySelect {
  grid-row: 4;
  grid-column: 1;
}
#ft_ferveCart #ft_fcContents .ft_fcItem .ft_fcItemRemove {
  grid-row: 4;
  grid-column: 2;
  display: flex;
  justify-content: end;
}
#ft_ferveCart #ft_fcContents .ft_fcItem .ft_fcItemType,
#ft_ferveCart #ft_fcContents .ft_fcItem .ft_fcItemPrice,
#ft_ferveCart #ft_fcContents .ft_fcItem .ft_fcItemQtyText {
  display: none;
}
#ft_ferveCart #ft_fcContents .ft_fcItem .form-control {
  max-width: 80px;
  margin-top: var(--spacing-xs);
}
#ft_ferveCart #ft_fcContents .ft_fcItem .fticon-trash {
  width: 14px;
  height: auto;
}
#ft_ferveCart #ft_fcCartTotal {
  border-top: 1px solid var(--divider);
  padding: var(--spacing-md);
  text-align: right;
  margin: 0;
  font-weight: bold;
  font-size: 16px;
}
#ft_ferveCart #ft_fcFooter {
  margin-top: var(--spacing-md);
  padding: var(--spacing-md);
  border-top: 1px solid var(--divider);
}
#ft_ferveCart #ft_fcFooter #ft_fcLogo {
  display: none;
}
#ft_ferveCart #ft_fcFooter #ft_fcButtons form {
  display: flex;
  gap: var(--spacing-sm);
  margin-bottom: var(--spacing-md);
}
#ft_ferveCart #ft_fcFooter #ft_fcButtons form button {
  width: 100%;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
#ft_ferveCart #ft_fcFooter .ft_timeout {
  font-size: 14px;
}

#app #ft_fcBG {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9996;
  background-color: rgba(0, 0, 0, 0.8);
}
@media screen and (min-width: 768px) {
  #app #ft_fcBG {
    display: block;
  }
}
#app #ft_fcBG.ft_itemVisible40 {
  display: block;
}

#app #ft_ed_cal_container {
  width: 100%;
}
#app #ft_calendarContainer {
  border-radius: var(--smallRadius);
  display: flex;
  flex-direction: column;
}
#app #ft_calendarContainer #ft_calendar {
  display: flex;
  flex-direction: column;
  color: var(--textColor);
}
#app #ft_calendarContainer #ft_calendar .calDate {
  font-size: 16px;
  text-align: center;
  flex: 1;
}
#app #ft_calendarContainer #ft_calendar .calCells > div {
  padding: var(--spacing-sm) 0;
  border-bottom: 1px solid var(--divider);
  display: flex;
  justify-content: center;
  align-items: center;
}
#app #ft_calendarContainer #ft_calendar .calCells > div a {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-decoration: none;
  color: var(--secondaryColor);
  border-radius: var(--smallRadius);
  transition: all 0.2s ease-in-out;
}
#app #ft_calendarContainer #ft_calendar .calCells > div a:hover {
  background-color: var(--buttonBorderColor);
  color: var(--buttonTextColor);
}
#app #ft_calendarContainer #ft_calendar .calCells .calDisabled a {
  color: var(--divider);
  pointer-events: none;
}
#app #ft_calendarContainer #ft_calendar .calCells .calOrganiser a {
  background-color: var(--buttonBorderColor);
  color: var(--buttonTextColor);
  font-weight: bold;
}
#app #ft_calendarContainer #ft_CalendarTabs {
  display: flex;
  justify-content: space-around;
  background-color: var(--dropdownColor);
  border-top: 1px solid var(--divider);
}
#app #ft_calendarContainer #ft_CalendarTabs > div {
  flex: 1;
  text-align: center;
  padding: var(--spacing-sm);
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
#app #ft_calendarContainer #ft_CalendarTabs > div a {
  text-decoration: none;
  color: var(--secondaryColor);
  font-weight: 500;
}
#app #ft_calendarContainer #ft_CalendarTabs > div a:hover {
  color: var(--buttonBorderColor);
}
#app #ft_calendarContainer #ft_CalendarTabs > div:hover {
  background-color: var(--panelBackgroundColor);
}
#app .ft_ed_cal {
  border-right: none;
  border-bottom: none;
  border-radius: var(--mediumRadius);
  overflow: hidden;
  font-family: var(--primaryFont);
  background-color: var(--backgroundColor);
  max-width: 100%;
  box-shadow: var(--smallDropShadow);
}
#app .ft_ed_cal_header,
#app .calHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  background-color: var(--panelBackgroundColor);
  border-top: none;
  border-left: none;
  font-weight: 600;
  font-size: 1rem;
}
#app .ft_ed_cal_month {
  font-size: 1rem;
  font-weight: 600;
  color: var(--headingColor);
}
#app .ft_ed_cal_monthSwitch a,
#app .calHeader a {
  padding: 0.25rem 0.5rem;
  color: var(--secondaryColor);
  font-weight: bold;
  text-decoration: none;
}
#app .ft_ed_cal_days,
#app .calWeek {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  text-align: center;
  font-size: 0.75rem;
  color: var(--secondaryColor);
  padding: 0.5rem 0;
  background-color: var(--panelBackgroundColor);
}
#app .ft_ed_cal_day {
  padding: 0.25rem 0;
  font-weight: 500;
}
#app .ft_ed_cal_row,
#app .calCells {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
}
#app .ft_ed_cal_column,
#app .calCells:not(.calWeek) > div {
  padding: 0.75rem;
  text-align: center;
  font-size: 0.875rem;
  color: var(--textColor);
  border-left: none;
  border-top: none;
  position: relative;
  background-color: var(--backgroundColor);
  cursor: pointer;
  transition: background-color 0.2s;
}
#app .ft_ed_cal_column:hover {
  background-color: var(--panelBackgroundColor);
}
#app .ft_ed_cal_column a {
  color: inherit;
  text-decoration: none;
}
#app .ft_ed_cal_columnSelected,
#app .ft_ed_cal_column_selected {
  background-color: var(--accentColor);
  color: var(--buttonTextColor);
  font-weight: 600;
  border-color: var(--accentColor);
}
#app .ft_ed_cal_columnInactive {
  color: var(--divider);
  background-color: var(--panelBackgroundColor);
  cursor: not-allowed;
}
#app .ft_ed_cal_status {
  position: absolute;
  bottom: 4px;
  left: 4px;
  right: 4px;
  height: 4px;
  border-radius: 9999px;
  background-color: var(--divider);
}
#app .ft_ed_cal_status.ft_ed_cal_normal {
  background-color: #10b981;
}
#app .ft_ed_cal_key {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  padding: var(--spacing-md) 0;
  font-size: 12px;
}
#app .ft_ed_cal_key div {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 500;
  color: var(--secondaryColor);
}
#app .ft_ed_cal_key_normal::before,
#app .ft_ed_cal_key_sellingFast::before,
#app .ft_ed_cal_key_soldOut::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 9999px;
}
#app {
  /* Color indicators */
}
#app .ft_ed_cal_key_normal::before {
  background-color: #10b981;
}
#app .ft_ed_cal_key_sellingFast::before {
  background-color: #f59e0b;
}
#app .ft_ed_cal_key_soldOut::before {
  background-color: #ef4444;
}

#app .ft_event {
  padding: var(--cardPadding);
  background-color: var(--cardBackground);
  border: var(--cardBorder);
  border-radius: var(--cardRadius);
  position: relative;
  transition: all 0.1s ease-in-out;
  overflow: hidden;
  outline: 0px solid var(--backgroundColor);
  box-shadow: var(--cardDropShadow);
}
#app .ft_event a {
  font-weight: normal;
  color: var(--textColor);
  text-decoration: none;
}
#app .ft_event a:hover {
  text-decoration: none;
}
#app .ft_event a:hover .ft_title {
  color: var(--textLinkColor);
}
#app .ft_event .ft_status {
  position: absolute;
  left: calc(var(--cardContentPadding) / 2);
  top: -60px;
  z-index: 5;
}
#app .ft_event .ft_priceRange,
#app .ft_event .ft_btnView,
#app .ft_event .ft_attributes,
#app .ft_event .ft_btnTrailer,
#app .ft_event .ft_code {
  display: none;
}
#app .ft_event .ft_image {
  margin-bottom: var(--spacing-md);
  aspect-ratio: 5/2;
  position: relative;
  overflow: hidden;
  border-radius: var(--cardImageRadius) var(--cardImageRadius) 0 0;
}
#app .ft_event .ft_image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.3s ease-in-out;
}
#app .ft_event .ft_info {
  position: relative;
  padding: 0 var(--cardContentPadding) var(--cardContentPadding) var(--cardContentPadding);
}
#app .ft_event .ft_info > a {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
#app .ft_event .ft_title {
  font-size: 22px !important;
  font-weight: bold !important;
  margin: 0 0 var(--spacing-md);
  color: var(--primaryColor);
  font-family: var(--headingFont);
  margin: 0;
  flex-basis: 100%;
  width: 100%;
}
#app .ft_event .ft_date,
#app .ft_event .ft_venue,
#app .ft_event .ft_runtime {
  padding-left: 20px;
  position: relative;
}
#app .ft_event .ft_date::before,
#app .ft_event .ft_venue::before,
#app .ft_event .ft_runtime::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  background-size: contain;
  filter: var(--icon-filter-none);
}
#app .ft_event .ft_date::before {
  background-image: url(../icons/calendar-week-regular.svg);
}
#app .ft_event .ft_runtime::before {
  background-image: url(../icons/clock-regular.svg);
}
#app .ft_event .ft_venue::before {
  background-image: url(../icons/location-dot-regular.svg);
  left: 1px;
}
#app .ft_event .ft_accessibility {
  display: flex;
  gap: 6px;
  justify-content: flex-end;
}
#app .ft_event .ft_accessibility [class^=fticon-] {
  width: 16px;
  height: 16px;
}
#app .ft_event .ft_description {
  flex-basis: 100%;
  width: 100%;
}
#app .ft_event .ft_wishlist {
  position: absolute;
  top: calc(var(--cardPadding) + 8px);
  right: calc(var(--cardPadding) + 8px);
  z-index: 2;
}
#app .ft_event .ft_wishlist .fticon-desc {
  display: none;
}
#app .ft_event .ft_wishlist div {
  display: block;
  width: 18px;
  height: 18px;
  filter: invert(1);
}
#app .ft_event:hover .ft_image img {
  transform: scale(1.1);
}

#app div[id^=ft_eventDates] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-lg);
}
#app div[id^=ft_eventDates] > div:last-of-type {
  display: none;
}
#app div[id^=ft_eventDates] .ft_ed_legend {
  display: none;
}
#app div[id^=ft_eventDates] #ft_ed_intro {
  border: 1px solid yellow;
  padding: var(--spacing-md) var(--spacing-md) var(--spacing-md) 40px;
  border-radius: var(--smallRadius);
  background-color: #ffffdd;
  position: relative;
}
#app div[id^=ft_eventDates] #ft_ed_intro .icon {
  width: 16px;
  height: 16px;
  position: absolute;
  left: var(--spacing-md);
  top: calc(50% - 8px);
}
#app div[id^=ft_eventDates] .ft_ed_headerRow {
  display: none;
}
#app div[id^=ft_eventDates] .ft_ed_timeRow {
  border: var(--panelBorder);
  box-shadow: var(--panelDropShadow);
  background-color: var(--panelBackgroundColor);
  border-radius: var(--panelBorderRadius);
  padding: var(--spacing-md) var(--spacing-lg);
  height: -moz-fit-content !important;
  height: fit-content !important;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 12px;
  position: relative;
  overflow: hidden;
  opacity: 0.9;
}
#app div[id^=ft_eventDates] .ft_ed_timeRow a:hover {
  text-decoration: none;
}
#app div[id^=ft_eventDates] .ft_ed_timeRow.ft_ed_timeRowSelected {
  border: 2px solid var(--buttonBorderColor);
  background-color: var(--backgroundColor);
  opacity: 1;
}
#app div[id^=ft_eventDates] .ft_ed_timeRow .ft_ed_buy {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#app div[id^=ft_eventDates] .ft_ed_timeRow .ft_ed_buy input {
  margin: 0;
  padding: 0;
}
#app div[id^=ft_eventDates] .ft_ed_timeRow .ft_ed_dateTime {
  width: 100%;
}
#app div[id^=ft_eventDates] .ft_ed_timeRow .ft_ed_dateTime a {
  font-size: 16px;
  font-weight: bold;
}
#app div[id^=ft_eventDates] .ft_ed_timeRow a {
  font-weight: normal;
}
#app div[id^=ft_eventDates] .ft_ed_timeRow .ft_ed_wishlist {
  position: absolute;
  top: calc(50% - 9px);
  right: var(--spacing-md);
  width: 18px;
  height: 18px;
}
#app div[id^=ft_eventDates] .ft_ed_timeRow .ft_ed_wishlist .fticon-desc {
  display: none;
}
#app div[id^=ft_eventDates] .ft_ed_timeRow .ft_ed_accessibility {
  display: flex;
  gap: 6px;
}
#app div[id^=ft_eventDates] .ft_ed_timeRow .ft_ed_accessibility div {
  width: 14px;
  height: 14px;
}
#app div[id^=ft_eventDates] .ft_ed_timeRow .ft_ed_status {
  display: none;
}
#app div[id^=ft_eventPricing] .ft_pricingDisabled {
  display: none;
}
#app div[id^=ft_eventPricing] form.ft_pricing {
  display: grid;
  gap: var(--spacing-md);
}
#app div[id^=ft_eventPricing] #ft_pricing {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}
#app div[id^=ft_eventPricing] #ft_pricing .ft_ep_headerRow {
  display: none;
}
#app div[id^=ft_eventPricing] #ft_pricing .ft_ep_headerRow .ft_ep_type {
  order: 1;
}
#app div[id^=ft_eventPricing] #ft_pricing .ft_ep_headerRow .ft_ep_price {
  order: 2;
}
#app div[id^=ft_eventPricing] #ft_pricing .ft_ep_headerRow .ft_ep_qty {
  order: 3;
}
#app div[id^=ft_eventPricing] #ft_pricing.ft_pricingDisabled {
  display: none !important;
}
#app div[id^=ft_eventPricing] #ft_pricing[style*="display: block"] .ft_ep_priceRow {
  margin-bottom: var(--spacing-md);
}
#app div[id^=ft_eventPricing] #ft_pricing_available {
  border: 1px solid #00ad00;
  padding: 12px;
  background-color: rgba(0, 173, 0, 0.1254901961);
  border-radius: var(--smallRadius);
}
#app div[id^=ft_eventPricing] .ft_ep_priceRow {
  border: var(--panelBorder);
  box-shadow: var(--panelDropShadow);
  background-color: var(--panelBackgroundColor);
  border-radius: var(--panelBorderRadius);
  display: grid;
  grid-template-columns: auto 70px 70px;
  gap: 6px 12px;
  align-items: center;
  padding: var(--spacing-md);
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  #app div[id^=ft_eventPricing] .ft_ep_priceRow {
    grid-template-columns: auto 100px 90px;
    gap: 12px 18px;
  }
}
#app div[id^=ft_eventPricing] .ft_ep_priceRow .ft_clear {
  display: none;
}
#app div[id^=ft_eventPricing] .ft_ep_priceRow .ft_ep_type {
  order: 1;
  font-weight: bold;
  display: flex;
}
#app div[id^=ft_eventPricing] .ft_ep_priceRow .ft_ep_type [class^=fticon-] {
  max-width: 80px;
  margin-left: 12px;
}
#app div[id^=ft_eventPricing] .ft_ep_priceRow .ft_ep_price {
  order: 2;
}
#app div[id^=ft_eventPricing] .ft_ep_priceRow .ft_ep_price a {
  display: none;
}
#app div[id^=ft_eventPricing] .ft_ep_priceRow .ft_ep_qty {
  order: 3;
}
#app div[id^=ft_eventPricing] .ft_ep_priceRow .ft_ep_qty select {
  padding: 6px;
}
#app div[id^=ft_eventPricing] .ft_ep_priceRow .ft_ep_type {
  grid-column: 1/span 1;
}
#app div[id^=ft_eventPricing] .ft_ep_priceRow .ft_ep_price {
  grid-column: 2/span 1;
  text-align: right;
}
#app div[id^=ft_eventPricing] .ft_ep_priceRow .ft_ep_qty {
  grid-column: 3/span 1;
}
#app div[id^=ft_eventPricing] .ft_ep_priceRow .ft_ep_conditionsRow {
  order: 4;
  grid-column: 1/-1;
  display: flex;
  gap: 12px;
}
#app div[id^=ft_eventPricing] .ft_ep_priceRow .ft_ep_conditionsRow .icon {
  width: 14px;
  height: 14px;
  margin-top: 2px;
  filter: var(--icon-filter-none);
}
#app div[id^=ft_eventPricing] #ft_codesContainer {
  display: grid;
  gap: var(--spacing-md);
  margin: var(--spacing-md) 0;
}
#app div[id^=ft_eventPricing] #ft_codesContainer .ft_ep_headerRow {
  display: block;
  font-size: 22px !important;
  font-weight: bold !important;
  margin: 0 0 var(--spacing-md);
  color: var(--primaryColor);
  font-family: var(--headingFont);
  margin: 0;
}
#app div[id^=ft_eventPricing] #ft_codesContainer .ft_ep_priceRow {
  border: var(--panelBorder);
  box-shadow: var(--panelDropShadow);
  background-color: var(--panelBackgroundColor);
  border-radius: var(--panelBorderRadius);
}
#app div[id^=ft_eventPricing] #ft_codesContainer .ft_ep_priceRow.ft_noBorder, #app div[id^=ft_eventPricing] #ft_codesContainer .ft_ep_priceRow.ft_codes {
  all: unset;
  display: block;
}
#app div[id^=ft_eventPricing] #ft_codesContainer div .ft_ep_priceRow {
  display: grid;
}
#app div[id^=ft_eventPricing] #ft_codesContainer .ft_noBorder {
  margin-top: var(--spacing-md);
}
#app div[id^=ft_eventPricing] #ft_codesContainer .ft_ep_text {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}
#app div[id^=ft_eventPricing] #ft_codesContainer .ft_ep_text input {
  flex: 1 1 auto;
  min-width: 0;
  max-width: 100%;
}
#app div[id^=ft_eventPricing] #ft_codesContainer .ft_ep_text button {
  width: 120px;
  flex-shrink: 0;
}
#app div[id^=ft_eventPricing] #ft_codesContainer div[id^=ft_codeRow]:empty {
  display: none;
}
#app div[id^=ft_eventPricing] #ft_pricingQuestionsContainer {
  margin-bottom: -12px;
}
#app div[id^=ft_eventPricing] #ft_pricingQuestionsContainer label {
  margin-bottom: 6px;
}
#app div[id^=ft_eventPricing] #ft_additionsContainer {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}
#app div[id^=ft_eventPricing] #ft_additionsContainer .ft_ep_priceRow.ft_additions {
  display: none;
}
#app div[id^=ft_eventPricing] #ft_additionsContainer .ft_ep_priceRow {
  padding-left: 80px;
  position: relative;
  min-height: 80px;
  overflow: hidden;
}
@media screen and (min-width: 500px) {
  #app div[id^=ft_eventPricing] #ft_additionsContainer .ft_ep_priceRow {
    padding-left: 120px;
    min-height: 100px;
  }
}
#app div[id^=ft_eventPricing] #ft_additionsContainer .ft_ep_img {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 64px;
}
@media screen and (min-width: 500px) {
  #app div[id^=ft_eventPricing] #ft_additionsContainer .ft_ep_img {
    width: 96px;
  }
}
#app div[id^=ft_eventPricing] #ft_additionsContainer .ft_ep_img img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
#app div[id^=ft_eventPricing] #ft_donationsContainer {
  border: var(--panelBorder);
  box-shadow: var(--panelDropShadow);
  background-color: var(--panelBackgroundColor);
  border-radius: var(--panelBorderRadius);
  padding: var(--spacing-md);
  display: grid;
  gap: 12px;
  margin: var(--spacing-md) 0;
}
#app div[id^=ft_eventPricing] .ft_ep_buttonRow {
  display: grid;
  gap: 12px;
  position: relative;
}
#app div[id^=ft_eventPricing] .ft_ep_buttonRow #ft_btnCheckout,
#app div[id^=ft_eventPricing] .ft_ep_buttonRow #ft_btnViewCart {
  display: none;
}
#app div[id^=ft_eventPricing] .ft_ep_buttonRow #ft_pricingAdditionalMessage {
  padding-left: 48px;
  font-size: 12px;
  grid-column: 1/-1;
  margin-top: 24px;
}
#app div[id^=ft_eventPricing] .ft_ep_buttonRow .ft_ep_ft {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 32px;
}
#app div[id^=ft_eventPricing] .ft_allocatedSession {
  display: grid;
  gap: var(--spacing-md);
}
#app div[id^=ft_eventPricing] .ft_allocatedSession .ft_section_available,
#app div[id^=ft_eventPricing] .ft_allocatedSession .ft_cs_section_available {
  display: inline-block;
  margin-left: 12px;
  background-color: var(--pillBackgroundColor);
  color: var(--pillTextColor);
  border: 1px solid var(--pillBorderColor);
  border-radius: var(--pillRadius);
  padding: var(--pillPaddingY) var(--pillPaddingX);
  font-size: var(--pillFontSize);
  font-weight: var(--pillFontWeight);
  text-decoration: none;
  transition: background-color 0.2s;
  cursor: pointer;
}
#app div[id^=ft_eventPricing] .ft_allocatedSession .ft_section_available:hover,
#app div[id^=ft_eventPricing] .ft_allocatedSession .ft_cs_section_available:hover {
  background-color: var(--pillHoverBackgroundColor);
  color: var(--pillHoverTextColor);
  border: 1px solid var(--pillHoverBorderColor);
}
#app div[id^=ft_eventPricing] .ft_allocatedSession .ft_section_available,
#app div[id^=ft_eventPricing] .ft_allocatedSession .ft_cs_section_available {
  background-color: var(--backgroundColor);
  padding: 2px var(--spacing-xs);
  border: 1px solid var(--backgroundColor);
  color: var(--textColor);
  font-size: 12px;
}
#app div[id^=ft_eventPricing] .ft_allocatedSession #ft_allocated {
  display: flex;
  gap: 12px;
  padding: var(--spacing-xs);
  border: var(--panelBorder);
  box-shadow: var(--panelDropShadow);
  background-color: var(--panelBackgroundColor);
  border-radius: var(--panelBorderRadius);
}
#app div[id^=ft_eventPricing] .ft_allocatedSession #ft_allocated input[type=radio] + label,
#app div[id^=ft_eventPricing] .ft_allocatedSession #ft_allocated input[type=checkbox] + label {
  margin: 0;
  padding: 12px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
#app div[id^=ft_eventPricing] .ft_allocatedSession #ft_allocated input[type=radio],
#app div[id^=ft_eventPricing] .ft_allocatedSession #ft_allocated input[type=checkbox] {
  display: none;
}
#app div[id^=ft_eventPricing] .ft_allocatedSession #ft_allocated input[type=radio]:checked + label,
#app div[id^=ft_eventPricing] .ft_allocatedSession #ft_allocated input[type=checkbox]:checked + label {
  background-color: var(--pillBackgroundColor);
  color: var(--pillTextColor);
  border: 1px solid var(--pillBorderColor);
  border-radius: var(--pillRadius);
  padding: var(--pillPaddingY) var(--pillPaddingX);
  font-size: var(--pillFontSize);
  font-weight: var(--pillFontWeight);
  text-decoration: none;
  transition: background-color 0.2s;
  cursor: pointer;
}
#app div[id^=ft_eventPricing] .ft_allocatedSession #ft_allocated input[type=radio]:checked + label:hover,
#app div[id^=ft_eventPricing] .ft_allocatedSession #ft_allocated input[type=checkbox]:checked + label:hover {
  background-color: var(--pillHoverBackgroundColor);
  color: var(--pillHoverTextColor);
  border: 1px solid var(--pillHoverBorderColor);
}
#app div[id^=ft_eventPricing] .ft_allocatedSession .ft_seatingPlan {
  padding: var(--spacing-md);
  display: flex;
  gap: 12px;
}
#app div[id^=ft_eventPricing] .ft_allocatedSession #ft_allocated_bestAvailable {
  border: var(--panelBorder);
  box-shadow: var(--panelDropShadow);
  background-color: var(--panelBackgroundColor);
  border-radius: var(--panelBorderRadius);
  padding: var(--spacing-md);
}
#app div[id^=ft_eventPricing] .ft_allocatedSession #ft_allocated_bestAvailable .ft_plan_introduction {
  margin-bottom: 12px;
}
#app div[id^=ft_eventPricing] .ft_allocatedSession #ft_allocated_bestAvailable .ft_ep_headerRow {
  font-size: 16px;
  font-weight: bold;
  margin: 12px 0;
}
#app div[id^=ft_eventPricing] .ft_allocatedSession #ft_allocated_bestAvailable .ft_ep_sectionRow input {
  margin: 5px 6px 0 0;
}
#app div[id^=ft_eventPricing] .ft_allocatedSession #ft_pricingAllocated {
  height: -moz-fit-content !important;
  height: fit-content !important;
}
#app div[id^=ft_eventPricing] .ft_allocatedSession #ft_pricingAllocated strong:first-of-type {
  display: block;
  margin-bottom: 12px;
}
#app div[id^=ft_eventPricing] .ft_allocatedSession #ft_pricingAllocated br {
  display: none;
}
#app div[id^=ft_eventPricing] .ft_allocatedSession #ft_allocated_seatingPlan {
  position: relative;
  border: var(--panelBorder);
  box-shadow: var(--panelDropShadow);
  background-color: var(--panelBackgroundColor);
  border-radius: var(--panelBorderRadius);
  padding: var(--spacing-md);
}
#app div[id^=ft_eventPricing] .ft_allocatedSession #ft_allocated_seatingPlan.ft_pricingActive {
  border: none;
  padding: 0;
  background: transparent;
  box-shadow: none;
}
#app div[id^=ft_eventPricing] .ft_allocatedSession #ft_allocated_seatingPlan.ft_pricingActive #ft_plan_title {
  display: none !important;
}
#app div[id^=ft_eventPricing] .ft_allocatedSession #ft_allocated_seatingPlan.ft_pricingActive #ft_pricingAllocated {
  padding: 0;
  font-size: unset;
  overflow: visible;
}
#app div[id^=ft_eventPricing] .ft_allocatedSession #ft_allocated_seatingPlan.ft_pricingActive #ft_pricingAllocated .ft_ep_priceRow {
  margin-bottom: var(--spacing-md);
}
#app div[id^=ft_eventPricing] .ft_allocatedSession #ft_allocated_seatingPlan.ft_pricingActive #ft_selectedSeats2 {
  margin: var(--spacing-md) 0;
  padding: var(--spacing-md);
  border-radius: var(--smallRadius);
  border: 1px solid green;
  background-color: #e2ffc0;
}
#app div[id^=ft_eventPricing] .ft_allocatedSession #ft_allocated_seatingPlan.ft_pricingActive .ft_ep_buttonRow {
  grid-template-columns: 1fr 1fr;
  margin-bottom: var(--spacing-lg);
}
#app div[id^=ft_eventPricing] .ft_allocatedSession #ft_allocated_seatingPlan.ft_pricingActive .ft_button[name=btnCancel] {
  width: 100% !important;
}
#app div[id^=ft_eventPricing] .ft_allocatedSession #ft_allocated_seatingPlan #ft_plan_title {
  display: block !important;
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 12px 0;
}
#app div[id^=ft_eventPricing] .ft_allocatedSession #ft_allocated_seatingPlan .ft_plan_introduction {
  margin-bottom: 12px;
}
#app div[id^=ft_eventPricing] .ft_allocatedSession #ft_allocated_seatingPlan .ft_ep_headerRow {
  display: none;
}
#app div[id^=ft_eventPricing] .ft_allocatedSession #ft_allocated_seatingPlan .ft_ep_sectionRow {
  display: none;
}
#app div[id^=ft_eventPricing] .ft_allocatedSession #ft_allocated_seatingPlan #ft_plan {
  border-radius: var(--smallRadius) var(--smallRadius) 0 0;
}
#app div[id^=ft_eventPricing] .ft_allocatedSession #ft_allocated_seatingPlan #ft_legend {
  border-radius: 0 0 var(--smallRadius) var(--smallRadius);
}
#app div[id^=ft_eventPricing] .ft_allocatedSession #ft_allocated_seatingPlan #ft_overview {
  bottom: 18px;
  left: 18px;
}
#app div[id^=ft_eventPricing] .ft_allocatedSession #ft_allocated_seatingPlan #ft_planControls {
  right: 18px;
  bottom: 118px;
}
#app .corner-ribbon {
  width: 80px;
  background: #e43;
  position: absolute;
  top: 16px;
  left: -20px;
  text-align: center;
  color: #f0f0f0;
  opacity: 0.6;
  transform: rotate(-45deg);
  font-size: 12px;
  line-height: 14px;
  font-weight: bold;
  z-index: 3;
}
#app #ft_allocated.ft_bestAvailable ~ #ft_allocated_bestAvailable {
  display: block;
}
#app #ft_allocated.ft_bestAvailable ~ #ft_allocated_seatingPlan {
  display: block;
  top: -9999px;
  position: absolute;
}
#app #ft_allocated.ft_bestAvailable ~ #ft_allocated_generalAdmission {
  display: none;
}
#app #ft_allocated.ft_seatingPlan ~ #ft_allocated_bestAvailable {
  display: none;
}
#app #ft_allocated.ft_seatingPlan ~ #ft_allocated_seatingPlan {
  display: block;
}
#app #ft_allocated.ft_seatingPlan ~ #ft_allocated_generalAdmission {
  display: none;
}
#app #ft_allocated.ft_seatingPlan ~ #ft_pricing {
  display: none;
}
#app #ft_allocated.ft_generalAdmission ~ #ft_allocated_bestAvailable {
  display: none;
}
#app #ft_allocated.ft_generalAdmission ~ #ft_allocated_seatingPlan {
  display: none;
}
#app #ft_allocated.ft_generalAdmission ~ #ft_allocated_generalAdmission {
  display: block;
}

#ftapi_modal {
  position: fixed;
  top: 10%;
  left: 50%;
  width: 80%;
  height: 80%;
  max-width: 1000px;
  transform: translateX(-50%);
  padding: 48px 24px;
  background: var(--backgroundColor);
  overflow: auto;
  z-index: 19751977;
  font-size: 16px;
}
#ftapi_modal #ftapi_modal-header {
  position: fixed;
  top: 0;
  right: 0;
  background: var(--panelBackgroundColor);
  padding: 5px 15px;
  border-bottom-left-radius: var(--smallRadius);
}
#ftapi_modal h1 {
  font-size: 28px !important;
  margin: 24px 0 !important;
  text-decoration: none !important;
}
#ftapi_modal h2 {
  font-size: 20px !important;
  margin: 24px 0 !important;
  text-decoration: none !important;
}
#ftapi_modal h3 {
  font-size: 18px !important;
}

#ft_fcBG {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 19751976;
}
#ft_fcBG.ft_itemHidden {
  display: none;
}

#app .ft_radio {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 6px;
  align-items: center;
}
#app .ft_radio input[type=radio] + label,
#app .ft_radio input[type=checkbox] + label {
  margin: 0;
}
#app .ft_radio input[type=radio],
#app .ft_radio input[type=checkbox] {
  display: none;
}
#app .ft_radio input[type=radio] + label,
#app .ft_radio input[type=checkbox] + label {
  background-color: var(--pillBackgroundColor);
  color: var(--pillTextColor);
  border: 1px solid var(--pillBorderColor);
  border-radius: var(--pillRadius);
  padding: var(--pillPaddingY) var(--pillPaddingX);
  font-size: var(--pillFontSize);
  font-weight: var(--pillFontWeight);
  text-decoration: none;
  transition: background-color 0.2s;
  cursor: pointer;
}
#app .ft_radio input[type=radio] + label:hover,
#app .ft_radio input[type=checkbox] + label:hover {
  background-color: var(--pillHoverBackgroundColor);
  color: var(--pillHoverTextColor);
  border: 1px solid var(--pillHoverBorderColor);
}
#app .ft_radio input[type=radio] + label:hover,
#app .ft_radio input[type=checkbox] + label:hover {
  background-color: var(--pillHoverBackgroundColor);
  border-color: var(--pillHoverBorderColor);
  color: var(--pillHoverTextColor);
}
#app .ft_radio input[type=radio]:checked + label,
#app .ft_radio input[type=checkbox]:checked + label {
  background-color: var(--pillBackgroundColor);
  color: var(--pillTextColor);
  border: 1px solid var(--pillBorderColor);
  border-radius: var(--pillRadius);
  padding: var(--pillPaddingY) var(--pillPaddingX);
  font-size: var(--pillFontSize);
  font-weight: var(--pillFontWeight);
  text-decoration: none;
  transition: background-color 0.2s;
  cursor: pointer;
}
#app .ft_radio input[type=radio]:checked + label:hover,
#app .ft_radio input[type=checkbox]:checked + label:hover {
  background-color: var(--pillHoverBackgroundColor);
  color: var(--pillHoverTextColor);
  border: 1px solid var(--pillHoverBorderColor);
}
#app .ft_radio input[type=radio]:checked + label,
#app .ft_radio input[type=checkbox]:checked + label {
  background-color: var(--pillHoverBackgroundColor);
  border-color: var(--pillHoverBorderColor);
  color: var(--pillHoverTextColor);
}

#app #checkout {
  display: grid;
}
@media screen and (min-width: 768px) {
  #app #checkout {
    grid-template-columns: 3fr 2fr;
    -moz-column-gap: var(--spacing-lg);
         column-gap: var(--spacing-lg);
  }
}
#app #checkout div:empty {
  display: none;
}
#app #checkout h1,
#app #checkout #ft_checkoutIntroduction {
  grid-column: 1/-1;
}
#app #checkout #ft_checkoutRight {
  padding: var(--spacing-md);
  margin-top: 0 !important;
  margin-bottom: 48px;
  display: flex;
  flex-direction: column;
  justify-items: flex-start;
  border: var(--panelBorder);
  box-shadow: var(--panelDropShadow);
  background-color: var(--panelBackgroundColor);
  border-radius: var(--panelBorderRadius);
}
@media screen and (min-width: 768px) {
  #app #checkout #ft_checkoutRight {
    grid-column: 2;
    grid-row: 2;
    padding: var(--spacing-lg);
    margin-bottom: 0;
  }
}
#app #checkout #ft_checkoutRight .ft_progress-container-small {
  display: none;
}
#app #checkout #ft_checkoutRight #ft_bookingSummary {
  margin-bottom: 24px;
  gap: var(--spacing-md);
  display: grid;
  order: 4;
}
#app #checkout #ft_checkoutRight #ft_bookingSummary div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#app #checkout #ft_checkoutRight #ft_bookingSummary .fticon-trash {
  margin-right: var(--spacing-sm);
}
#app #checkout #ft_checkoutRight #ft_bookingSummary .ft_bookingSummaryTitle {
  font-size: 24px !important;
  font-weight: bold !important;
  margin: 0 0 var(--spacing-md);
  color: var(--headingColor);
  font-family: var(--headingFont);
  margin-bottom: var(--spacing-xs);
  display: none;
}
#app #checkout #ft_checkoutRight #ft_bookingSummary .ft_bookingSummaryTotal {
  font-size: 24px !important;
  font-weight: bold !important;
  margin: 0 0 var(--spacing-md);
  color: var(--headingColor);
  font-family: var(--headingFont);
  margin-bottom: 0;
}
#app #checkout #ft_checkoutRight #ft_bookingSummary .ft_bookingSummaryVoucher {
  margin-top: var(--spacing-md);
  display: none;
}
#app #checkout #ft_checkoutRight #ft_voucher {
  margin-bottom: 48px;
  order: 3;
}
#app #checkout #ft_checkoutRight #ft_voucher p {
  margin-bottom: var(--spacing-md);
}
#app #checkout #ft_checkoutRight #ft_voucher .form-group {
  display: grid;
  gap: var(--spacing-md);
  align-items: center;
  grid-template-columns: auto 100px;
  margin: 0;
}
#app #checkout #ft_checkoutRight #ft_voucher .form-group button {
  width: 100%;
}
#app #checkout #ft_checkoutRight #ft_voucher label {
  display: none;
}
#app #checkout #ft_checkoutRight #ft_voucher .list-group {
  max-width: 100% !important;
  max-height: 100% !important;
  overflow: unset !important;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: var(--spacing-md);
}
#app #checkout #ft_checkoutRight #ft_voucher .list-group .list-group-item {
  display: inline-block;
  background-color: var(--pillBackgroundColor);
  color: var(--pillTextColor);
  border-radius: var(--pillRadius);
  padding: var(--spacing-xs) 12px;
  text-decoration: none !important;
  font-weight: 700;
}
#app #checkout #ft_checkoutRight #ft_voucher .list-group .list-group-item:hover {
  background-color: var(--pillHoverBackgroundColor);
  color: var(--pillHoverTextColor);
}
#app #checkout #ft_checkoutRight #ft_voucher .list-group .list-group-item div {
  display: flex;
  gap: var(--spacing-xs);
  flex-direction: row-reverse;
}
#app #checkout #ft_checkoutRight #ft_voucher .list-group .list-group-item div * {
  font-size: 14px !important;
}
#app #checkout #ft_checkoutRight #ft_voucher .list-group .list-group-item u {
  text-decoration: none;
  color: var(--pillTextColor) !important;
  font-weight: 700;
}
#app #checkout #ft_checkoutRight #ft_bookingCart {
  order: 2;
  margin-bottom: 48px;
}
#app #checkout #ft_checkoutRight #ft_bookingItems {
  order: 1;
}
#app #checkout #ft_checkoutRight #ft_bookingItems .ft_bookingItemsTitle {
  font-size: 24px !important;
  font-weight: bold !important;
  margin: 0 0 var(--spacing-md);
  color: var(--headingColor);
  font-family: var(--headingFont);
  display: none;
}
#app #checkout #ft_checkoutRight #ft_bookingItems #ft_fcContents {
  display: grid;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-lg);
}
#app #checkout #ft_checkoutRight #ft_bookingItems #ft_fcContents .ft_fcItem {
  display: grid;
  gap: var(--spacing-xs) var(--spacing-md);
  grid-template-columns: auto 60px;
  padding-left: 80px;
  position: relative;
}
#app #checkout #ft_checkoutRight #ft_bookingItems #ft_fcContents .ft_fcItem a {
  font-weight: normal;
  text-decoration: none;
}
#app #checkout #ft_checkoutRight #ft_bookingItems #ft_fcContents .ft_fcItem .ft_fcItemThumbnail {
  position: absolute;
  width: 64px;
  height: auto;
}
#app #checkout #ft_checkoutRight #ft_bookingItems #ft_fcContents .ft_fcItem .ft_fcItemThumbnail img {
  border-radius: var(--smallRadius);
}
#app #checkout #ft_checkoutRight #ft_bookingItems #ft_fcContents .ft_fcItem .ft_fcItemDetails {
  grid-column: 1/-1;
}
#app #checkout #ft_checkoutRight #ft_bookingItems #ft_fcContents .ft_fcItem .ft_fcItemTotal {
  grid-column: 2;
  grid-row: 1;
  text-align: right;
}
#app #checkout #ft_checkoutRight #ft_bookingItems #ft_fcContents .ft_fcItem .ft_fcItemSummary {
  grid-column: 1/-1;
  grid-row: 3;
}
#app #checkout #ft_checkoutRight #ft_bookingItems #ft_fcContents .ft_fcItem .ft_fcItemType,
#app #checkout #ft_checkoutRight #ft_bookingItems #ft_fcContents .ft_fcItem .ft_fcItemPrice,
#app #checkout #ft_checkoutRight #ft_bookingItems #ft_fcContents .ft_fcItem .ft_fcItemQtyText {
  display: none;
}
@media screen and (min-width: 768px) {
  #app #checkout #ft_checkoutLeft {
    grid-column: 1;
    grid-row: 2;
  }
}
#app #checkout #ft_checkoutLeft hr {
  display: none;
}
#app #checkout #ft_checkoutLeft h2 {
  font-size: 24px !important;
  font-weight: bold !important;
  margin: 0 0 var(--spacing-md);
  color: var(--headingColor);
  font-family: var(--headingFont);
}
#app #checkout #ft_checkoutLeft #ft_checkout_account,
#app #checkout #ft_checkoutLeft #ft_checkout_details,
#app #checkout #ft_checkoutLeft #ft_checkout_emailLists {
  margin-bottom: 48px;
}
#app #checkout #ft_checkoutLeft #ft_checkout_account label {
  display: none;
}
#app #checkout #ft_checkoutLeft #ft_checkout_account #ft_password {
  max-width: 100% !important;
}
#app #checkout #ft_checkoutLeft #ft_checkout_account #ft_password .ft_passwordMessage {
  margin-top: 6px;
}
#app #checkout #ft_checkoutLeft #ft_checkout_account .ft_Phone {
  display: grid;
  grid-template-columns: 1fr 2fr;
  -moz-column-gap: var(--spacing-sm);
       column-gap: var(--spacing-sm);
}
@media screen and (min-width: 768px) {
  #app #checkout #ft_checkoutLeft #ft_checkout_account {
    display: grid;
    -moz-column-gap: var(--spacing-sm);
         column-gap: var(--spacing-sm);
    grid-template-columns: 1fr 1fr;
  }
  #app #checkout #ft_checkoutLeft #ft_checkout_account h2,
  #app #checkout #ft_checkoutLeft #ft_checkout_account .form-group {
    grid-column: 1/-1;
  }
  #app #checkout #ft_checkoutLeft #ft_checkout_account .ft_FirstName {
    grid-column: 1/2;
  }
  #app #checkout #ft_checkoutLeft #ft_checkout_account .ft_Surname {
    grid-column: 2/3;
  }
  #app #checkout #ft_checkoutLeft #ft_checkout_account button {
    width: 100px;
  }
}
#app #checkout #ft_checkoutLeft #ft_checkout_details label {
  display: none;
}
#app #checkout #ft_checkoutLeft #ft_checkout_details #ft_checkout_details2 {
  line-height: 24px;
  margin-bottom: var(--spacing-md);
}
#app #checkout #ft_checkoutLeft #ft_checkout_details button {
  width: 100px;
}
#app #checkout #ft_checkoutLeft #ft_checkout_emailLists .col-sm-9,
#app #checkout #ft_checkoutLeft #ft_checkout_emailLists .col-sm-12 {
  display: grid;
  grid-template-columns: 20px 1fr;
  -moz-column-gap: var(--spacing-sm);
       column-gap: var(--spacing-sm);
  row-gap: 6px;
}
#app #checkout #ft_checkoutLeft #ft_checkout_emailLists .form-control-static {
  margin-bottom: var(--spacing-md);
  grid-column: 1/-1;
}
#app #checkout #ft_checkoutLeft #ft_checkout_emailLists input[type=checkbox] {
  margin-top: 2px;
}
#app #checkout #ft_checkoutLeft #ft_checkout-option-sms {
  margin-bottom: var(--spacing-lg);
}
#app #checkout #ft_checkoutLeft #ft_checkout-option-sms .ft_checkoutListGroup {
  border: var(--panelBorder);
  box-shadow: var(--panelDropShadow);
  background-color: var(--panelBackgroundColor);
  border-radius: var(--panelBorderRadius);
  display: flex;
  flex-direction: column;
  padding: var(--spacing-xs);
  margin-top: var(--spacing-md);
}
@media screen and (min-width: 768px) {
  #app #checkout #ft_checkoutLeft #ft_checkout-option-sms .ft_checkoutListGroup {
    flex-direction: row;
    gap: 12px;
  }
}
#app #checkout #ft_checkoutLeft #ft_checkout-option-sms .ft_checkoutListGroup .list-group-item {
  display: block;
  text-align: left;
  cursor: pointer;
  padding: 12px;
  width: 100%;
}
#app #checkout #ft_checkoutLeft #ft_checkout-option-sms .ft_checkoutListGroup .list-group-item h5 {
  font-size: 22px !important;
  font-weight: bold !important;
  margin: 0 0 var(--spacing-md);
  color: var(--primaryColor);
  font-family: var(--headingFont);
  margin: 0;
  display: flex;
}
#app #checkout #ft_checkoutLeft #ft_checkout-option-sms .ft_checkoutListGroup input[type=radio] {
  margin-top: 7px;
}
#app #checkout #ft_checkoutLeft #ft_paymentMethod {
  border: var(--panelBorder);
  box-shadow: var(--panelDropShadow);
  background-color: var(--panelBackgroundColor);
  border-radius: var(--panelBorderRadius);
  display: grid;
  margin-bottom: 24px;
}
#app #checkout #ft_checkoutLeft #ft_paymentMethod .list-group-item {
  cursor: pointer;
  display: block;
  padding: var(--spacing-md);
  text-decoration: none;
  background-color: var(--panelBackgroundColor);
  transition: all 0.2s ease-in-out;
  border-bottom: var(--panelBorder);
  position: relative;
  border-radius: var(--panelBorderRadius);
}
#app #checkout #ft_checkoutLeft #ft_paymentMethod .list-group-item:last-of-type {
  border: none;
}
#app #checkout #ft_checkoutLeft #ft_paymentMethod .list-group-item input {
  margin: 0 6px 0 0;
}
#app #checkout #ft_checkoutLeft #ft_paymentMethod .list-group-item .justify-content-between {
  display: grid;
  gap: 6px 12px;
  grid-template-columns: auto auto;
  align-items: center;
}
#app #checkout #ft_checkoutLeft #ft_paymentMethod .list-group-item .justify-content-between small {
  grid-column: 1/-1;
}
#app #checkout #ft_checkoutLeft #ft_paymentMethod .list-group-item span[class^=fticon-payment] {
  position: absolute;
  top: var(--spacing-md);
  right: var(--spacing-md);
  max-width: 30px;
}
#app #checkout #ft_checkoutLeft #ft_paymentMethod .list-group-item h5 {
  font-size: 22px !important;
  font-weight: bold !important;
  margin: 0 0 var(--spacing-md);
  color: var(--primaryColor);
  font-family: var(--headingFont);
  margin: 0;
  display: flex;
}
#app #checkout #ft_checkoutLeft #ft_paymentMethod .list-group-item small {
  display: block;
  font-size: 14px;
  font-weight: 400;
  max-width: 100%;
}
#app #checkout #ft_checkoutLeft #ft_paymentMethod .list-group-item .ft_acceptedCards {
  position: absolute;
  display: flex;
  justify-content: flex-end;
  gap: 6px;
  float: none;
  opacity: 0.4;
  top: 18px;
  right: 60px;
  width: 90px;
}
#app #checkout #ft_checkoutLeft #ft_paymentMethod .list-group-item .ft_acceptedCards [class^=fticon-] {
  max-width: 24px;
}
#app #checkout #ft_checkoutLeft #ft_paymentMethod-content {
  margin-bottom: 24px;
}
#app #checkout #ft_checkoutLeft #ft_paymentMethod-content .fticon-lock {
  display: none;
}
#app #checkout #ft_checkoutLeft #ft_noPayment {
  margin-bottom: 48px;
}
#app #checkout #ft_checkoutLeft .ft_paymentMethod-active {
  border: var(--panelBorder);
  box-shadow: var(--panelDropShadow);
  background-color: var(--panelBackgroundColor);
  border-radius: var(--panelBorderRadius);
  padding: var(--spacing-md);
}
#app #checkout #ft_checkoutLeft #ft_paymentMethod-content-Credit {
  position: relative;
}
#app #checkout #ft_checkoutLeft #ft_paymentMethod-content-Credit p {
  margin: var(--spacing-xs) 0 var(--spacing-md);
  padding-right: 100px;
  min-height: 24px;
}
#app #checkout #ft_checkoutLeft #ft_paymentMethod-content-Credit #ft_paymentCard-new {
  position: absolute;
  right: var(--spacing-md);
  top: var(--spacing-md);
}
#app #checkout #ft_checkoutLeft #ft_paymentMethod-content-Credit #ft_paymentCard-new #ft_paymentCard-acceptedCards {
  display: flex;
  gap: var(--spacing-xs);
}
#app #checkout #ft_checkoutLeft #ft_paymentMethod-content-Credit #ft_paymentCard-new #ft_paymentCard-acceptedCards img {
  background-color: var(--fieldBackgroundColor);
  border-radius: var(--smallRadius);
  border: 1px solid var(--divider);
  padding: var(--spacing-xs);
  width: 32px;
}
#app #checkout #ft_checkoutLeft #ft_paymentMethod-content-Credit #ft_paymentCard label {
  display: none;
}
#app #checkout #ft_checkoutLeft #ft_paymentMethod-content-Credit #ft_paymentCard .floatl {
  margin-bottom: 12px;
}
#app #checkout #ft_checkoutLeft #ft_paymentMethod-content-Credit #ft_paymentCard .form-group {
  display: grid;
  gap: var(--spacing-md);
  grid-template-columns: 1fr 1fr;
  position: relative;
}
#app #checkout #ft_checkoutLeft #ft_paymentMethod-content-Credit #ft_paymentCard .ft_help-input {
  position: absolute;
  top: 12px;
  right: var(--spacing-md);
}
#app #checkout #ft_checkoutLeft #ft_paymentMethod-otp {
  margin-bottom: 48px;
}
#app #checkout #ft_checkoutLeft #ft_paymentMethod-otp #ft_paymentMethod-otp-send,
#app #checkout #ft_checkoutLeft #ft_paymentMethod-otp #ft_paymentMethod-otp-receive {
  position: relative;
}
#app #checkout #ft_checkoutLeft #ft_paymentMethod-otp #ft_paymentMethod-otp-send label,
#app #checkout #ft_checkoutLeft #ft_paymentMethod-otp #ft_paymentMethod-otp-receive label {
  display: none;
}
#app #checkout #ft_checkoutLeft #ft_paymentMethod-otp #ft_paymentMethod-otp-send,
#app #checkout #ft_checkoutLeft #ft_paymentMethod-otp #ft_paymentMethod-otp-receive {
  display: grid;
  gap: var(--spacing-md);
  align-items: center;
  grid-template-columns: auto 100px;
}
#app #checkout #ft_checkoutLeft #ft_paymentMethod-otp #ft_paymentMethod-otp-send button,
#app #checkout #ft_checkoutLeft #ft_paymentMethod-otp #ft_paymentMethod-otp-receive button {
  width: 100%;
}
#app #checkout #ft_checkoutLeft #ft_paymentMethod-otp #ft_paymentMethod-otp-send a,
#app #checkout #ft_checkoutLeft #ft_paymentMethod-otp #ft_paymentMethod-otp-receive a {
  position: absolute;
  left: 0;
  top: 54px;
}
#app #checkout #ft_checkoutLeft #ft_paymentMethod-otp #ft_otpNotification {
  margin-bottom: var(--spacing-md);
  padding: 9px;
  color: #209400;
  border-radius: var(--smallRadius);
  border: 1px solid #209400;
  background-color: rgba(32, 148, 0, 0.1254901961);
}
#app #checkout #ft_checkoutLeft #ft_paymentMethod-content-Voucher {
  display: none;
}
#app #checkout #ft_checkoutLeft #ft_checkout-questions input[type=text] {
  margin-top: var(--spacing-md);
}
#app #checkout #ft_checkoutLeft #ft_checkout-button {
  margin: 0;
}
#app #checkout #ft_checkoutLeft #ft_checkout-button button {
  width: 100%;
}
#app #checkout #ft_checkoutLeft .apple-pay-btn {
  padding: 10px 0;
}

#app #testGateway {
  display: none !important;
}

.no-apple-pay #app #ft_paymentMethod-ApplePay {
  display: none;
}

#ft_accountLogin #app .ft_panelContent,
#ft_accountReset #app .ft_panelContent,
#ft_resetpassword #app .ft_panelContent,
#ft_signup #app .ft_panelContent {
  border: var(--panelBorder);
  box-shadow: var(--panelDropShadow);
  background-color: var(--panelBackgroundColor);
  border-radius: var(--panelBorderRadius);
  padding: var(--spacing-md);
  margin: 0 auto !important;
}
#ft_accountLogin #app #ft_tabs,
#ft_accountReset #app #ft_tabs,
#ft_resetpassword #app #ft_tabs,
#ft_signup #app #ft_tabs {
  margin-bottom: 48px;
}
#ft_accountLogin #app,
#ft_accountReset #app,
#ft_resetpassword #app,
#ft_signup #app {
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#ft_accountLogin #app .ft_panelContent,
#ft_accountLogin #app #AccountForm,
#ft_accountReset #app .ft_panelContent,
#ft_accountReset #app #AccountForm,
#ft_resetpassword #app .ft_panelContent,
#ft_resetpassword #app #AccountForm,
#ft_signup #app .ft_panelContent,
#ft_signup #app #AccountForm {
  margin: 0 auto;
  max-width: 500px;
  width: 100%;
}
#ft_accountLogin #app .ft_panelContent .col-md-9,
#ft_accountLogin #app #AccountForm .col-md-9,
#ft_accountReset #app .ft_panelContent .col-md-9,
#ft_accountReset #app #AccountForm .col-md-9,
#ft_resetpassword #app .ft_panelContent .col-md-9,
#ft_resetpassword #app #AccountForm .col-md-9,
#ft_signup #app .ft_panelContent .col-md-9,
#ft_signup #app #AccountForm .col-md-9 {
  max-width: unset !important;
}
#ft_accountLogin #app #Login *,
#ft_accountLogin #app #Signup *,
#ft_accountLogin #app #AccountForm *,
#ft_accountLogin #app #resetPassword *,
#ft_accountReset #app #Login *,
#ft_accountReset #app #Signup *,
#ft_accountReset #app #AccountForm *,
#ft_accountReset #app #resetPassword *,
#ft_resetpassword #app #Login *,
#ft_resetpassword #app #Signup *,
#ft_resetpassword #app #AccountForm *,
#ft_resetpassword #app #resetPassword *,
#ft_signup #app #Login *,
#ft_signup #app #Signup *,
#ft_signup #app #AccountForm *,
#ft_signup #app #resetPassword * {
  max-width: unset;
}
#ft_accountLogin #app #Login h2, #ft_accountLogin #app #Login h1,
#ft_accountLogin #app #Signup h2,
#ft_accountLogin #app #Signup h1,
#ft_accountLogin #app #AccountForm h2,
#ft_accountLogin #app #AccountForm h1,
#ft_accountLogin #app #resetPassword h2,
#ft_accountLogin #app #resetPassword h1,
#ft_accountReset #app #Login h2,
#ft_accountReset #app #Login h1,
#ft_accountReset #app #Signup h2,
#ft_accountReset #app #Signup h1,
#ft_accountReset #app #AccountForm h2,
#ft_accountReset #app #AccountForm h1,
#ft_accountReset #app #resetPassword h2,
#ft_accountReset #app #resetPassword h1,
#ft_resetpassword #app #Login h2,
#ft_resetpassword #app #Login h1,
#ft_resetpassword #app #Signup h2,
#ft_resetpassword #app #Signup h1,
#ft_resetpassword #app #AccountForm h2,
#ft_resetpassword #app #AccountForm h1,
#ft_resetpassword #app #resetPassword h2,
#ft_resetpassword #app #resetPassword h1,
#ft_signup #app #Login h2,
#ft_signup #app #Login h1,
#ft_signup #app #Signup h2,
#ft_signup #app #Signup h1,
#ft_signup #app #AccountForm h2,
#ft_signup #app #AccountForm h1,
#ft_signup #app #resetPassword h2,
#ft_signup #app #resetPassword h1 {
  display: block !important;
  font-size: 24px !important;
  font-weight: bold !important;
  margin: 0 0 var(--spacing-md);
  color: var(--headingColor);
  font-family: var(--headingFont);
  margin: 0 0 12px;
}
#ft_accountLogin #app #Login p,
#ft_accountLogin #app #Signup p,
#ft_accountLogin #app #AccountForm p,
#ft_accountLogin #app #resetPassword p,
#ft_accountReset #app #Login p,
#ft_accountReset #app #Signup p,
#ft_accountReset #app #AccountForm p,
#ft_accountReset #app #resetPassword p,
#ft_resetpassword #app #Login p,
#ft_resetpassword #app #Signup p,
#ft_resetpassword #app #AccountForm p,
#ft_resetpassword #app #resetPassword p,
#ft_signup #app #Login p,
#ft_signup #app #Signup p,
#ft_signup #app #AccountForm p,
#ft_signup #app #resetPassword p {
  margin-bottom: var(--spacing-md);
}
#ft_accountLogin #app #Login label,
#ft_accountLogin #app #Signup label,
#ft_accountLogin #app #AccountForm label,
#ft_accountLogin #app #resetPassword label,
#ft_accountReset #app #Login label,
#ft_accountReset #app #Signup label,
#ft_accountReset #app #AccountForm label,
#ft_accountReset #app #resetPassword label,
#ft_resetpassword #app #Login label,
#ft_resetpassword #app #Signup label,
#ft_resetpassword #app #AccountForm label,
#ft_resetpassword #app #resetPassword label,
#ft_signup #app #Login label,
#ft_signup #app #Signup label,
#ft_signup #app #AccountForm label,
#ft_signup #app #resetPassword label {
  visibility: hidden;
  height: 0;
  margin: 0;
  padding: 0;
  font-size: 0;
  position: absolute;
}
#ft_accountLogin #app #Login .ft_Email,
#ft_accountLogin #app #Signup .ft_Email,
#ft_accountLogin #app #AccountForm .ft_Email,
#ft_accountLogin #app #resetPassword .ft_Email,
#ft_accountReset #app #Login .ft_Email,
#ft_accountReset #app #Signup .ft_Email,
#ft_accountReset #app #AccountForm .ft_Email,
#ft_accountReset #app #resetPassword .ft_Email,
#ft_resetpassword #app #Login .ft_Email,
#ft_resetpassword #app #Signup .ft_Email,
#ft_resetpassword #app #AccountForm .ft_Email,
#ft_resetpassword #app #resetPassword .ft_Email,
#ft_signup #app #Login .ft_Email,
#ft_signup #app #Signup .ft_Email,
#ft_signup #app #AccountForm .ft_Email,
#ft_signup #app #resetPassword .ft_Email {
  margin-top: var(--spacing-md);
}
#ft_accountLogin #app #Login .ft_Phone,
#ft_accountLogin #app #Signup .ft_Phone,
#ft_accountLogin #app #AccountForm .ft_Phone,
#ft_accountLogin #app #resetPassword .ft_Phone,
#ft_accountReset #app #Login .ft_Phone,
#ft_accountReset #app #Signup .ft_Phone,
#ft_accountReset #app #AccountForm .ft_Phone,
#ft_accountReset #app #resetPassword .ft_Phone,
#ft_resetpassword #app #Login .ft_Phone,
#ft_resetpassword #app #Signup .ft_Phone,
#ft_resetpassword #app #AccountForm .ft_Phone,
#ft_resetpassword #app #resetPassword .ft_Phone,
#ft_signup #app #Login .ft_Phone,
#ft_signup #app #Signup .ft_Phone,
#ft_signup #app #AccountForm .ft_Phone,
#ft_signup #app #resetPassword .ft_Phone {
  display: grid;
  grid-template-columns: 2fr 3fr;
  -moz-column-gap: var(--spacing-sm);
       column-gap: var(--spacing-sm);
}
#ft_accountLogin #app #Login input[type=text],
#ft_accountLogin #app #Login input[type=email],
#ft_accountLogin #app #Login input[type=password],
#ft_accountLogin #app #Login input[type=tel],
#ft_accountLogin #app #Login input[type=number],
#ft_accountLogin #app #Login input[type=search],
#ft_accountLogin #app #Login input[type=url],
#ft_accountLogin #app #Signup input[type=text],
#ft_accountLogin #app #Signup input[type=email],
#ft_accountLogin #app #Signup input[type=password],
#ft_accountLogin #app #Signup input[type=tel],
#ft_accountLogin #app #Signup input[type=number],
#ft_accountLogin #app #Signup input[type=search],
#ft_accountLogin #app #Signup input[type=url],
#ft_accountLogin #app #AccountForm input[type=text],
#ft_accountLogin #app #AccountForm input[type=email],
#ft_accountLogin #app #AccountForm input[type=password],
#ft_accountLogin #app #AccountForm input[type=tel],
#ft_accountLogin #app #AccountForm input[type=number],
#ft_accountLogin #app #AccountForm input[type=search],
#ft_accountLogin #app #AccountForm input[type=url],
#ft_accountLogin #app #resetPassword input[type=text],
#ft_accountLogin #app #resetPassword input[type=email],
#ft_accountLogin #app #resetPassword input[type=password],
#ft_accountLogin #app #resetPassword input[type=tel],
#ft_accountLogin #app #resetPassword input[type=number],
#ft_accountLogin #app #resetPassword input[type=search],
#ft_accountLogin #app #resetPassword input[type=url],
#ft_accountReset #app #Login input[type=text],
#ft_accountReset #app #Login input[type=email],
#ft_accountReset #app #Login input[type=password],
#ft_accountReset #app #Login input[type=tel],
#ft_accountReset #app #Login input[type=number],
#ft_accountReset #app #Login input[type=search],
#ft_accountReset #app #Login input[type=url],
#ft_accountReset #app #Signup input[type=text],
#ft_accountReset #app #Signup input[type=email],
#ft_accountReset #app #Signup input[type=password],
#ft_accountReset #app #Signup input[type=tel],
#ft_accountReset #app #Signup input[type=number],
#ft_accountReset #app #Signup input[type=search],
#ft_accountReset #app #Signup input[type=url],
#ft_accountReset #app #AccountForm input[type=text],
#ft_accountReset #app #AccountForm input[type=email],
#ft_accountReset #app #AccountForm input[type=password],
#ft_accountReset #app #AccountForm input[type=tel],
#ft_accountReset #app #AccountForm input[type=number],
#ft_accountReset #app #AccountForm input[type=search],
#ft_accountReset #app #AccountForm input[type=url],
#ft_accountReset #app #resetPassword input[type=text],
#ft_accountReset #app #resetPassword input[type=email],
#ft_accountReset #app #resetPassword input[type=password],
#ft_accountReset #app #resetPassword input[type=tel],
#ft_accountReset #app #resetPassword input[type=number],
#ft_accountReset #app #resetPassword input[type=search],
#ft_accountReset #app #resetPassword input[type=url],
#ft_resetpassword #app #Login input[type=text],
#ft_resetpassword #app #Login input[type=email],
#ft_resetpassword #app #Login input[type=password],
#ft_resetpassword #app #Login input[type=tel],
#ft_resetpassword #app #Login input[type=number],
#ft_resetpassword #app #Login input[type=search],
#ft_resetpassword #app #Login input[type=url],
#ft_resetpassword #app #Signup input[type=text],
#ft_resetpassword #app #Signup input[type=email],
#ft_resetpassword #app #Signup input[type=password],
#ft_resetpassword #app #Signup input[type=tel],
#ft_resetpassword #app #Signup input[type=number],
#ft_resetpassword #app #Signup input[type=search],
#ft_resetpassword #app #Signup input[type=url],
#ft_resetpassword #app #AccountForm input[type=text],
#ft_resetpassword #app #AccountForm input[type=email],
#ft_resetpassword #app #AccountForm input[type=password],
#ft_resetpassword #app #AccountForm input[type=tel],
#ft_resetpassword #app #AccountForm input[type=number],
#ft_resetpassword #app #AccountForm input[type=search],
#ft_resetpassword #app #AccountForm input[type=url],
#ft_resetpassword #app #resetPassword input[type=text],
#ft_resetpassword #app #resetPassword input[type=email],
#ft_resetpassword #app #resetPassword input[type=password],
#ft_resetpassword #app #resetPassword input[type=tel],
#ft_resetpassword #app #resetPassword input[type=number],
#ft_resetpassword #app #resetPassword input[type=search],
#ft_resetpassword #app #resetPassword input[type=url],
#ft_signup #app #Login input[type=text],
#ft_signup #app #Login input[type=email],
#ft_signup #app #Login input[type=password],
#ft_signup #app #Login input[type=tel],
#ft_signup #app #Login input[type=number],
#ft_signup #app #Login input[type=search],
#ft_signup #app #Login input[type=url],
#ft_signup #app #Signup input[type=text],
#ft_signup #app #Signup input[type=email],
#ft_signup #app #Signup input[type=password],
#ft_signup #app #Signup input[type=tel],
#ft_signup #app #Signup input[type=number],
#ft_signup #app #Signup input[type=search],
#ft_signup #app #Signup input[type=url],
#ft_signup #app #AccountForm input[type=text],
#ft_signup #app #AccountForm input[type=email],
#ft_signup #app #AccountForm input[type=password],
#ft_signup #app #AccountForm input[type=tel],
#ft_signup #app #AccountForm input[type=number],
#ft_signup #app #AccountForm input[type=search],
#ft_signup #app #AccountForm input[type=url],
#ft_signup #app #resetPassword input[type=text],
#ft_signup #app #resetPassword input[type=email],
#ft_signup #app #resetPassword input[type=password],
#ft_signup #app #resetPassword input[type=tel],
#ft_signup #app #resetPassword input[type=number],
#ft_signup #app #resetPassword input[type=search],
#ft_signup #app #resetPassword input[type=url] {
  width: 100%;
}
#ft_accountLogin #app #Login button,
#ft_accountLogin #app #Signup button,
#ft_accountLogin #app #AccountForm button,
#ft_accountLogin #app #resetPassword button,
#ft_accountReset #app #Login button,
#ft_accountReset #app #Signup button,
#ft_accountReset #app #AccountForm button,
#ft_accountReset #app #resetPassword button,
#ft_resetpassword #app #Login button,
#ft_resetpassword #app #Signup button,
#ft_resetpassword #app #AccountForm button,
#ft_resetpassword #app #resetPassword button,
#ft_signup #app #Login button,
#ft_signup #app #Signup button,
#ft_signup #app #AccountForm button,
#ft_signup #app #resetPassword button {
  width: 100%;
  margin-bottom: var(--spacing-md);
}
#ft_accountLogin #app #Login #SignupViewModel_Email,
#ft_accountLogin #app #Signup #SignupViewModel_Email,
#ft_accountLogin #app #AccountForm #SignupViewModel_Email,
#ft_accountLogin #app #resetPassword #SignupViewModel_Email,
#ft_accountReset #app #Login #SignupViewModel_Email,
#ft_accountReset #app #Signup #SignupViewModel_Email,
#ft_accountReset #app #AccountForm #SignupViewModel_Email,
#ft_accountReset #app #resetPassword #SignupViewModel_Email,
#ft_resetpassword #app #Login #SignupViewModel_Email,
#ft_resetpassword #app #Signup #SignupViewModel_Email,
#ft_resetpassword #app #AccountForm #SignupViewModel_Email,
#ft_resetpassword #app #resetPassword #SignupViewModel_Email,
#ft_signup #app #Login #SignupViewModel_Email,
#ft_signup #app #Signup #SignupViewModel_Email,
#ft_signup #app #AccountForm #SignupViewModel_Email,
#ft_signup #app #resetPassword #SignupViewModel_Email {
  margin-top: var(--spacing-md);
}
#ft_accountLogin #app #Login #ft_checkout_mailing + *,
#ft_accountLogin #app #Signup #ft_checkout_mailing + *,
#ft_accountLogin #app #AccountForm #ft_checkout_mailing + *,
#ft_accountLogin #app #resetPassword #ft_checkout_mailing + *,
#ft_accountReset #app #Login #ft_checkout_mailing + *,
#ft_accountReset #app #Signup #ft_checkout_mailing + *,
#ft_accountReset #app #AccountForm #ft_checkout_mailing + *,
#ft_accountReset #app #resetPassword #ft_checkout_mailing + *,
#ft_resetpassword #app #Login #ft_checkout_mailing + *,
#ft_resetpassword #app #Signup #ft_checkout_mailing + *,
#ft_resetpassword #app #AccountForm #ft_checkout_mailing + *,
#ft_resetpassword #app #resetPassword #ft_checkout_mailing + *,
#ft_signup #app #Login #ft_checkout_mailing + *,
#ft_signup #app #Signup #ft_checkout_mailing + *,
#ft_signup #app #AccountForm #ft_checkout_mailing + *,
#ft_signup #app #resetPassword #ft_checkout_mailing + * {
  display: grid;
  grid-template-columns: 20px 1fr;
  -moz-column-gap: var(--spacing-sm);
       column-gap: var(--spacing-sm);
  row-gap: 6px;
}
#ft_accountLogin #app #Login #ft_checkout_mailing + * .form-control-static,
#ft_accountLogin #app #Signup #ft_checkout_mailing + * .form-control-static,
#ft_accountLogin #app #AccountForm #ft_checkout_mailing + * .form-control-static,
#ft_accountLogin #app #resetPassword #ft_checkout_mailing + * .form-control-static,
#ft_accountReset #app #Login #ft_checkout_mailing + * .form-control-static,
#ft_accountReset #app #Signup #ft_checkout_mailing + * .form-control-static,
#ft_accountReset #app #AccountForm #ft_checkout_mailing + * .form-control-static,
#ft_accountReset #app #resetPassword #ft_checkout_mailing + * .form-control-static,
#ft_resetpassword #app #Login #ft_checkout_mailing + * .form-control-static,
#ft_resetpassword #app #Signup #ft_checkout_mailing + * .form-control-static,
#ft_resetpassword #app #AccountForm #ft_checkout_mailing + * .form-control-static,
#ft_resetpassword #app #resetPassword #ft_checkout_mailing + * .form-control-static,
#ft_signup #app #Login #ft_checkout_mailing + * .form-control-static,
#ft_signup #app #Signup #ft_checkout_mailing + * .form-control-static,
#ft_signup #app #AccountForm #ft_checkout_mailing + * .form-control-static,
#ft_signup #app #resetPassword #ft_checkout_mailing + * .form-control-static {
  grid-column: 1/-1;
}
#ft_accountLogin #app #Login #ft_checkout_mailing + * label,
#ft_accountLogin #app #Signup #ft_checkout_mailing + * label,
#ft_accountLogin #app #AccountForm #ft_checkout_mailing + * label,
#ft_accountLogin #app #resetPassword #ft_checkout_mailing + * label,
#ft_accountReset #app #Login #ft_checkout_mailing + * label,
#ft_accountReset #app #Signup #ft_checkout_mailing + * label,
#ft_accountReset #app #AccountForm #ft_checkout_mailing + * label,
#ft_accountReset #app #resetPassword #ft_checkout_mailing + * label,
#ft_resetpassword #app #Login #ft_checkout_mailing + * label,
#ft_resetpassword #app #Signup #ft_checkout_mailing + * label,
#ft_resetpassword #app #AccountForm #ft_checkout_mailing + * label,
#ft_resetpassword #app #resetPassword #ft_checkout_mailing + * label,
#ft_signup #app #Login #ft_checkout_mailing + * label,
#ft_signup #app #Signup #ft_checkout_mailing + * label,
#ft_signup #app #AccountForm #ft_checkout_mailing + * label,
#ft_signup #app #resetPassword #ft_checkout_mailing + * label {
  display: block;
  visibility: visible;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  font-size: 15px;
}
#ft_accountLogin #app #ft_resetpassword h1,
#ft_accountReset #app #ft_resetpassword h1,
#ft_resetpassword #app #ft_resetpassword h1,
#ft_signup #app #ft_resetpassword h1 {
  display: block;
}
#ft_accountLogin #app #formLost .col-md-12,
#ft_accountReset #app #formLost .col-md-12,
#ft_resetpassword #app #formLost .col-md-12,
#ft_signup #app #formLost .col-md-12 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 32px 0;
}
#ft_accountLogin #app #formLost .col-md-12 label,
#ft_accountReset #app #formLost .col-md-12 label,
#ft_resetpassword #app #formLost .col-md-12 label,
#ft_signup #app #formLost .col-md-12 label {
  display: block;
  width: 100%;
  border: var(--panelBorder);
  background-color: var(--panelBackgroundColor);
  border-radius: var(--panelBorderRadius);
  padding: 12px;
}
#ft_accountLogin #app .ft_errorHeading,
#ft_accountReset #app .ft_errorHeading,
#ft_resetpassword #app .ft_errorHeading,
#ft_signup #app .ft_errorHeading {
  border: 1px solid var(--accentColor);
  background-color: #f8d7da;
  color: #721c24;
  padding: var(--spacing-sm);
  border-radius: var(--smallRadius);
  margin-bottom: var(--spacing-md);
  display: flex;
  align-items: center;
}
#ft_accountLogin #app .ft_errorHeading span[class*=fticon-],
#ft_accountReset #app .ft_errorHeading span[class*=fticon-],
#ft_resetpassword #app .ft_errorHeading span[class*=fticon-],
#ft_signup #app .ft_errorHeading span[class*=fticon-] {
  width: 18px;
  height: 18px;
  margin-right: var(--spacing-sm);
}
#ft_accountLogin #app #validationSummary,
#ft_accountReset #app #validationSummary,
#ft_resetpassword #app #validationSummary,
#ft_signup #app #validationSummary {
  margin-bottom: var(--spacing-md);
  color: var(--accentColor);
}
#ft_accountLogin #app #validationSummary ul,
#ft_accountReset #app #validationSummary ul,
#ft_resetpassword #app #validationSummary ul,
#ft_signup #app #validationSummary ul {
  margin: var(--spacing-md) 0;
  padding: 0;
}
#ft_accountLogin #app #validationSummary li,
#ft_accountReset #app #validationSummary li,
#ft_resetpassword #app #validationSummary li,
#ft_signup #app #validationSummary li {
  display: block;
  margin-bottom: var(--spacing-xs);
}
#ft_accountLogin #app .field-validation-error,
#ft_accountReset #app .field-validation-error,
#ft_resetpassword #app .field-validation-error,
#ft_signup #app .field-validation-error {
  color: var(--accentColor);
  font-size: 13px;
  margin-top: var(--spacing-sm);
  display: inline-block;
}
#ft_accountLogin #app br,
#ft_accountLogin #app hr,
#ft_accountReset #app br,
#ft_accountReset #app hr,
#ft_resetpassword #app br,
#ft_resetpassword #app hr,
#ft_signup #app br,
#ft_signup #app hr {
  display: none;
}
#ft_accountLogin #app,
#ft_accountReset #app,
#ft_resetpassword #app,
#ft_signup #app {
  /* Login V3 */
}
#ft_accountLogin #app div[id^=ft_loginForm-step]:not(#ft_loginForm-step1),
#ft_accountReset #app div[id^=ft_loginForm-step]:not(#ft_loginForm-step1),
#ft_resetpassword #app div[id^=ft_loginForm-step]:not(#ft_loginForm-step1),
#ft_signup #app div[id^=ft_loginForm-step]:not(#ft_loginForm-step1) {
  display: none;
  margin-bottom: 24px;
}
#ft_accountLogin #app .ft_login-single .ft_loginForm-account,
#ft_accountLogin #app .ft_login-single .ft_loginForm-guest,
#ft_accountReset #app .ft_login-single .ft_loginForm-account,
#ft_accountReset #app .ft_login-single .ft_loginForm-guest,
#ft_resetpassword #app .ft_login-single .ft_loginForm-account,
#ft_resetpassword #app .ft_login-single .ft_loginForm-guest,
#ft_signup #app .ft_login-single .ft_loginForm-account,
#ft_signup #app .ft_login-single .ft_loginForm-guest {
  display: none;
}
#ft_accountLogin #app .ft_login-single .ft_loginForm-password,
#ft_accountReset #app .ft_login-single .ft_loginForm-password,
#ft_resetpassword #app .ft_login-single .ft_loginForm-password,
#ft_signup #app .ft_login-single .ft_loginForm-password {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.8s ease-out;
}
#ft_accountLogin #app .ft_login-return .ft_loginForm-password,
#ft_accountReset #app .ft_login-return .ft_loginForm-password,
#ft_resetpassword #app .ft_login-return .ft_loginForm-password,
#ft_signup #app .ft_login-return .ft_loginForm-password {
  max-height: 200px;
}
#ft_accountLogin #app .ft_smsCode-inline,
#ft_accountReset #app .ft_smsCode-inline,
#ft_resetpassword #app .ft_smsCode-inline,
#ft_signup #app .ft_smsCode-inline {
  display: inline-block;
}
#ft_accountLogin #app .ft_smsCode-step3 .input-group,
#ft_accountReset #app .ft_smsCode-step3 .input-group,
#ft_resetpassword #app .ft_smsCode-step3 .input-group,
#ft_signup #app .ft_smsCode-step3 .input-group {
  max-width: 100%;
}
#ft_accountLogin #app #OneTimeLogin,
#ft_accountReset #app #OneTimeLogin,
#ft_resetpassword #app #OneTimeLogin,
#ft_signup #app #OneTimeLogin {
  display: none;
}
#ft_accountLogin #app .input-append,
#ft_accountReset #app .input-append,
#ft_resetpassword #app .input-append,
#ft_signup #app .input-append {
  font-size: 14px;
  width: 100%;
  position: relative;
}
#ft_accountLogin #app .input-append .add-on,
#ft_accountReset #app .input-append .add-on,
#ft_resetpassword #app .input-append .add-on,
#ft_signup #app .input-append .add-on {
  position: absolute;
  right: 10px;
  top: 12px;
}
#ft_accountLogin h1,
#ft_accountReset h1,
#ft_resetpassword h1,
#ft_signup h1 {
  display: none;
}

#ft_event #app {
  padding-top: 0;
}
#ft_event #app #ft_eventImageContainer {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1242/388;
}
@media screen and (min-width: 720px) {
  #ft_event #app #ft_eventImageContainer {
    margin-bottom: 48px;
  }
}
#ft_event #app #ft_eventImageContainer img {
  width: 100%;
  height: auto;
}
#ft_event #app #ft_eventImageContainer #ft_eventImageTrailer {
  display: none;
}
#ft_event #app #ft_eventImageContainer #ft_eventPoster {
  display: none;
}
@media screen and (min-width: 768px) {
  #ft_event #app #ft_eventImageContainer #ft_eventPoster {
    display: block;
    position: absolute;
    bottom: var(--spacing-lg);
    left: var(--spacing-lg);
    width: 160px;
    height: auto;
    border-radius: var(--mediumRadius);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    z-index: 10;
  }
}
@media screen and (min-width: 1024px) {
  #ft_event #app #ft_eventImageContainer #ft_eventPoster {
    width: 200px;
    left: var(--spacing-xl);
    bottom: var(--spacing-lg);
  }
}
#ft_event #app #ft_eventContainer {
  display: grid;
  gap: var(--spacing-lg) var(--spacing-md);
}
#ft_event #app #ft_eventContainer #ft_eventDetailsCenter {
  order: 1;
}
#ft_event #app #ft_eventContainer #ft_eventDetailsRight {
  order: 2;
}
#ft_event #app #ft_eventContainer #ft_eventDetailsLeft {
  order: 3;
}
@media screen and (min-width: 768px) {
  #ft_event #app #ft_eventContainer {
    grid-template-columns: 1fr 320px;
    grid-template-rows: auto auto;
    gap: var(--spacing-lg) var(--spacing-lg);
  }
  #ft_event #app #ft_eventContainer #ft_eventDetailsCenter,
  #ft_event #app #ft_eventContainer #ft_eventDetailsRight,
  #ft_event #app #ft_eventContainer #ft_eventDetailsLeft {
    order: unset;
  }
}
@media screen and (min-width: 1024px) {
  #ft_event #app #ft_eventContainer {
    grid-template-columns: 1fr 360px;
    gap: 48px;
  }
}
#ft_event #app #ft_eventDetailsLeft {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  align-items: flex-start;
}
@media screen and (min-width: 768px) {
  #ft_event #app #ft_eventDetailsLeft {
    grid-column: 1/-1;
    grid-row: 2;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--spacing-lg);
  }
}
#ft_event #app #ft_eventDetailsLeft br {
  display: none;
}
#ft_event #app #ft_eventDetailsLeft #ft_eventPoster {
  border-radius: var(--mediumRadius);
  width: 100%;
  height: auto;
  margin: 0 auto;
  max-width: 200px;
  box-shadow: var(--smallDropShadow);
}
@media screen and (min-width: 768px) {
  #ft_event #app #ft_eventDetailsLeft #ft_eventPoster {
    display: none;
  }
}
#ft_event #app #ft_eventDetailsLeft #ft_eventTrailer {
  width: 100%;
}
@media screen and (min-width: 768px) {
  #ft_event #app #ft_eventDetailsLeft #ft_eventTrailer {
    display: none;
  }
}
#ft_event #app #ft_eventDetailsLeft #ft_eventTrailer h3,
#ft_event #app #ft_eventDetailsLeft #ft_eventTrailer img,
#ft_event #app #ft_eventDetailsLeft #ft_eventTrailer .fticon-play {
  display: none;
}
#ft_event #app #ft_eventDetailsLeft #ft_eventTrailer a {
  background-color: var(--secondaryButtonBackgroundColor);
  color: var(--secondaryButtonTextColor);
  border: 1px solid var(--secondaryButtonBorderColor);
  font-weight: var(--buttonFontWeight);
  font-size: var(--buttonFontSize);
  font-family: var(--buttonFontFamily);
  letter-spacing: var(--buttonLetterSpacing);
  text-transform: var(--buttonTextTransform);
  cursor: pointer;
  padding: var(--buttonPaddingY) var(--buttonPaddingX);
  border-radius: var(--buttonRadius);
  display: inline-block;
  height: 50px;
  text-align: center;
  width: 100%;
  transition: var(--buttonTransition);
}
#ft_event #app #ft_eventDetailsLeft #ft_eventTrailer a:hover {
  background-color: var(--secondaryButtonHoverBackgroundColor);
  color: var(--secondaryButtonHoverTextColor);
  border-color: var(--secondaryButtonHoverBorderColor);
}
#ft_event #app #ft_eventDetailsLeft #ft_eventTrailer a:disabled {
  background-color: #ccc;
  cursor: not-allowed;
}
#ft_event #app #ft_eventDetailsLeft #ft_eventTrailer a {
  font-size: 13px;
}
#ft_event #app #ft_eventDetailsLeft #ft_eventTrailer a::before {
  content: "Play Trailer";
  display: inline-block;
}
#ft_event #app #ft_eventDetailsLeft .ft_related {
  width: 100%;
}
#ft_event #app #ft_eventDetailsLeft .ft_related .ft_greyBox {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: var(--spacing-lg);
  padding: 0;
  border: none;
  border-radius: 0;
  margin-bottom: var(--spacing-lg);
}
#ft_event #app #ft_eventDetailsCenter {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media screen and (min-width: 768px) {
  #ft_event #app #ft_eventDetailsCenter {
    grid-column: 1;
    grid-row: 1;
  }
}
#ft_event #app #ft_eventDetailsCenter #ft_eventTitle {
  margin: 0;
  font-size: 28px;
  line-height: 1.2;
  letter-spacing: -0.02em;
}
@media screen and (min-width: 768px) {
  #ft_event #app #ft_eventDetailsCenter #ft_eventTitle {
    font-size: 32px;
  }
}
#ft_event #app #ft_eventDetailsCenter #ft_eventTrailer h3,
#ft_event #app #ft_eventDetailsCenter #ft_eventTrailer img,
#ft_event #app #ft_eventDetailsCenter #ft_eventTrailer .fticon-play {
  display: none;
}
#ft_event #app #ft_eventDetailsCenter #ft_eventTrailer a {
  background-color: var(--secondaryButtonBackgroundColor);
  color: var(--secondaryButtonTextColor);
  border: 1px solid var(--secondaryButtonBorderColor);
  font-weight: var(--buttonFontWeight);
  font-size: var(--buttonFontSize);
  font-family: var(--buttonFontFamily);
  letter-spacing: var(--buttonLetterSpacing);
  text-transform: var(--buttonTextTransform);
  cursor: pointer;
  padding: var(--buttonPaddingY) var(--buttonPaddingX);
  border-radius: var(--buttonRadius);
  display: inline-block;
  height: 50px;
  text-align: center;
  width: 100%;
  transition: var(--buttonTransition);
}
#ft_event #app #ft_eventDetailsCenter #ft_eventTrailer a:hover {
  background-color: var(--secondaryButtonHoverBackgroundColor);
  color: var(--secondaryButtonHoverTextColor);
  border-color: var(--secondaryButtonHoverBorderColor);
}
#ft_event #app #ft_eventDetailsCenter #ft_eventTrailer a:disabled {
  background-color: #ccc;
  cursor: not-allowed;
}
#ft_event #app #ft_eventDetailsCenter #ft_eventTrailer a {
  font-size: 13px;
  width: auto;
}
#ft_event #app #ft_eventDetailsCenter #ft_eventTrailer a::before {
  content: "Play Trailer";
  display: inline-block;
}
#ft_event #app #ft_eventDetailsCenter #ft_eventAttributes1 {
  font-size: 14px;
  color: var(--secondaryColor);
  align-items: center;
  gap: 10px;
  display: flex;
  flex-wrap: wrap;
}
#ft_event #app #ft_eventDetailsCenter #ft_eventAttributes1 a {
  color: var(--textColor);
  text-decoration: none;
}
#ft_event #app #ft_eventDetailsCenter #ft_eventAttributes1 a:hover {
  text-decoration: underline;
}
#ft_event #app #ft_eventDetailsCenter #ft_eventAttributes1:empty {
  display: none;
}
#ft_event #app #ft_eventDetailsCenter #ft_eventAttributes1 #ft_eventClassification div {
  max-width: 42px;
}
#ft_event #app #ft_eventDetailsCenter #ft_eventAttributes:empty {
  display: none;
}
#ft_event #app #ft_eventDetailsCenter #ft_eventSubTitle {
  font-size: 22px !important;
  font-weight: bold !important;
  margin: 0 0 var(--spacing-md);
  color: var(--primaryColor);
  font-family: var(--headingFont);
  margin: 0;
}
#ft_event #app #ft_eventDetailsCenter #ft_eventSubTitle:empty {
  display: none;
}
#ft_event #app #ft_eventDetailsCenter .ft_eventInformation {
  display: grid;
  gap: var(--spacing-md);
  padding: var(--spacing-md);
  border: 1px solid var(--divider);
  border-radius: var(--mediumRadius);
  background-color: var(--panelBackgroundColor);
}
@media screen and (min-width: 768px) {
  #ft_event #app #ft_eventDetailsCenter .ft_eventInformation {
    grid-template-columns: 60px auto;
  }
}
#ft_event #app #ft_eventDetailsCenter .ft_eventInformation .ft_miniCalendar {
  display: none;
}
@media screen and (min-width: 768px) {
  #ft_event #app #ft_eventDetailsCenter .ft_eventInformation .ft_miniCalendar {
    display: flex;
    flex-direction: column;
    text-align: center;
    border: 1px solid var(--divider);
    border-radius: var(--smallRadius);
    overflow: hidden;
    font-family: var(--headingFont);
    width: 52px;
  }
}
#ft_event #app #ft_eventDetailsCenter .ft_eventInformation .ft_miniCalendar .ft_calendarDay {
  padding: 3px 8px;
  background-color: var(--primaryColor);
  color: var(--backgroundColor);
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
#ft_event #app #ft_eventDetailsCenter .ft_eventInformation .ft_miniCalendar .ft_calendarDate {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  font-weight: 700;
  background-color: var(--backgroundColor);
  color: var(--textColor);
  padding: 4px 0;
}
#ft_event #app #ft_eventDetailsCenter .ft_eventInformation .ft_eventInformationRight {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  font-size: 14px;
}
#ft_event #app #ft_eventDetailsCenter .ft_eventInformation .ft_eventInformationRight br {
  display: none;
}
#ft_event #app #ft_eventDetailsCenter .ft_eventInformation .ft_eventInformationRight .ft_eventDateTime {
  font-weight: 600;
  flex-basis: 100%;
  order: 1;
}
#ft_event #app #ft_eventDetailsCenter .ft_eventInformation .ft_eventInformationRight .ft_status {
  flex-basis: 100%;
  order: 2;
}
#ft_event #app #ft_eventDetailsCenter .ft_eventInformation .ft_eventInformationRight .ft_eventVenue {
  position: relative;
  padding-left: 18px;
  font-size: 13px;
  color: var(--secondaryColor);
  order: 3;
}
#ft_event #app #ft_eventDetailsCenter .ft_eventInformation .ft_eventInformationRight .ft_eventVenue:has(#ft_eventVenueName:empty) {
  display: none;
}
#ft_event #app #ft_eventDetailsCenter .ft_eventInformation .ft_eventInformationRight .ft_eventVenue::after {
  content: "|";
  margin-left: 8px;
  color: var(--divider);
}
#ft_event #app #ft_eventDetailsCenter .ft_eventInformation .ft_eventInformationRight .ft_eventVenue .fticon-location {
  position: absolute;
  left: 0;
  top: 2px;
  width: 12px;
  height: 12px;
  background-image: url(../icons/location-dot-regular.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: none;
  filter: var(--icon-filter-none);
}
#ft_event #app #ft_eventDetailsCenter .ft_eventInformation .ft_eventInformationRight .ft_eventType {
  font-size: 13px;
  color: var(--secondaryColor);
  order: 4;
}
#ft_event #app #ft_eventDetailsCenter .ft_eventInformation .ft_eventInformationRight .ft_eventAccessibility {
  display: flex;
  gap: 6px;
  flex-basis: 100%;
  margin-top: 4px;
  order: 5;
}
#ft_event #app #ft_eventDetailsCenter .ft_eventInformation .ft_eventInformationRight .ft_eventAccessibility [class^=fticon-] {
  max-width: 16px;
  max-height: 16px;
}
#ft_event #app #ft_eventDetailsCenter .ft_eventInformation .ft_eventInformationRight .ft_eventAccessibility:empty {
  display: none;
}
#ft_event #app #ft_eventDetailsCenter #ft_calendar:empty {
  display: none;
}
#ft_event #app #ft_eventDetailsCenter #ft_eventDescription {
  font-size: 15px;
  line-height: 1.7;
  color: var(--textColor);
}
#ft_event #app #ft_eventDetailsCenter #ft_eventDescription:empty {
  display: none;
}
#ft_event #app #ft_eventDetailsCenter #ft_eventDescription hr {
  border: none;
  border-top: 1px solid var(--divider);
  margin: 16px 0;
}
#ft_event #app #ft_eventDetailsCenter #ft_eventDescription h2 {
  font-size: 24px !important;
  font-weight: bold !important;
  margin: 0 0 var(--spacing-md);
  color: var(--headingColor);
  font-family: var(--headingFont);
  font-size: 20px;
}
#ft_event #app #ft_eventDetailsCenter #ft_eventDescription h3 {
  font-size: 22px !important;
  font-weight: bold !important;
  margin: 0 0 var(--spacing-md);
  color: var(--primaryColor);
  font-family: var(--headingFont);
  font-size: 16px;
}
#ft_event #app #ft_eventDetailsCenter #ft_eventDescription h2, #ft_event #app #ft_eventDetailsCenter #ft_eventDescription h3, #ft_event #app #ft_eventDetailsCenter #ft_eventDescription h4, #ft_event #app #ft_eventDetailsCenter #ft_eventDescription p {
  margin-bottom: var(--spacing-md);
}
#ft_event #app #ft_eventDetailsCenter #ft_eventDescription a {
  color: var(--textLinkColor);
  text-decoration: underline;
  text-underline-offset: 2px;
}
#ft_event #app #ft_eventDetailsCenter #ft_eventDescription a:hover {
  text-decoration: none;
}
#ft_event #app #ft_eventDetailsCenter #ft_eventDescription strong {
  font-weight: 600;
}
#ft_event #app #ft_eventDetailsCenter #ft_eventDescription blockquote {
  border-left: 3px solid var(--divider);
  padding-left: var(--spacing-md);
  margin: var(--spacing-md) 0;
  color: var(--secondaryColor);
  font-style: italic;
}
#ft_event #app #ft_eventDetailsRight {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-lg);
}
@media screen and (min-width: 768px) {
  #ft_event #app #ft_eventDetailsRight {
    grid-column: 2;
    grid-row: 1;
  }
}
#ft_event #app #ft_eventDetailsRight h3 {
  font-size: 22px !important;
  font-weight: bold !important;
  margin: 0 0 var(--spacing-md);
  color: var(--primaryColor);
  font-family: var(--headingFont);
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: var(--secondaryColor);
  margin: 0;
}
#ft_event #app #ft_eventDetailsRight #ft_eventAttributes2 {
  display: grid;
  gap: 4px;
  font-size: 14px;
}
#ft_event #app #ft_eventDetailsRight #ft_eventAttributes2 .ft_eventAttributesGroup {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: var(--secondaryColor);
  margin-top: var(--spacing-sm);
}
#ft_event #app #ft_eventDetailsRight #ft_eventAttributes2 .ft_eventAttributesValues a {
  color: var(--textColor);
  text-decoration: none;
}
#ft_event #app #ft_eventDetailsRight #ft_eventAttributes2 .ft_eventAttributesValues a:hover {
  text-decoration: underline;
}
#ft_event #app #ft_eventDetailsRight #ft_eventAttributes2:empty {
  display: none;
}
#ft_event #app #ft_eventDetailsRight #ft_eventVenueDetail {
  width: 100%;
  border: 1px solid var(--divider);
  border-radius: var(--mediumRadius);
  overflow: hidden;
  background-color: var(--cardBackgroundColor);
}
#ft_event #app #ft_eventDetailsRight #ft_eventVenueDetail h2 {
  font-size: 22px !important;
  font-weight: bold !important;
  margin: 0 0 var(--spacing-md);
  color: var(--primaryColor);
  font-family: var(--headingFont);
}
#ft_event #app #ft_eventDetailsRight #ft_eventVenueDetail #ft_eventVenueInfo a {
  display: none;
}
#ft_event #app #ft_eventDetailsRight #ft_eventVenueDetail #ft_eventVenueAddress {
  padding: var(--spacing-md);
  font-size: 13px;
  color: var(--secondaryColor);
  line-height: 1.5;
}
#ft_event #app #ft_eventDetailsRight #ft_eventVenueDetail #venueMap {
  width: 100%;
  height: 250px;
}
#ft_event #app #ft_eventDetailsRight #ft_eventVenueDetail #venueMap h2 {
  display: none;
}
#ft_event #app #ft_eventDetailsRight #ft_eventVenueDetail #venueMap iframe {
  width: 100%;
  height: 100%;
  border: none;
}
#ft_event #app #ft_eventDetailsRight .ft_greyBoxTabContainer {
  display: flex;
  border-bottom: 1px solid var(--divider);
  width: 100%;
}
#ft_event #app #ft_eventDetailsRight .ft_greyBoxTabContainer .ft_greyBoxTab {
  display: block;
  flex: 1;
  text-align: center;
  cursor: pointer;
  padding: 8px 4px;
  font-size: 12px;
  font-weight: 500;
  color: var(--secondaryColor);
  border-bottom: 2px solid transparent;
  transition: all 0.15s ease;
}
#ft_event #app #ft_eventDetailsRight .ft_greyBoxTabContainer .ft_greyBoxTab a {
  color: inherit;
  text-decoration: none;
}
#ft_event #app #ft_eventDetailsRight .ft_greyBoxTabContainer .ft_greyBoxTab a:hover {
  text-decoration: none;
}
#ft_event #app #ft_eventDetailsRight .ft_greyBoxTabContainer .ft_greyBoxTabSelected {
  color: var(--textColor);
  border-bottom-color: var(--primaryColor);
  background: none;
  border-radius: 0;
  box-shadow: none;
}
#ft_event #app #ft_eventDetailsRight .ft_padded {
  padding: var(--spacing-md);
  font-size: 13px;
  line-height: 1.6;
  color: var(--secondaryColor);
}
#ft_event #app #ft_eventDetailsRight .ft_greyBox,
#ft_event #app #ft_eventDetailsRight .ft_greyBoxPadded {
  border: 1px solid var(--divider);
  border-radius: var(--mediumRadius);
  overflow: hidden;
  width: 100%;
}
#ft_event #app #ft_eventDetailsRight .ft_eventSponsor {
  padding: var(--spacing-md);
  display: flex;
  justify-content: center;
}
#ft_event #app #ft_eventDetailsRight .ft_eventSponsor img {
  max-width: 160px;
  height: auto;
}
#ft_event #app #ft_eventDates1,
#ft_event #app #ft_eventDates2 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0;
}
#ft_event #app #ft_eventDates1:empty,
#ft_event #app #ft_eventDates2:empty {
  display: none;
}
#ft_event #app #ft_eventDates1 .ft_eventDatesMonth,
#ft_event #app #ft_eventDates2 .ft_eventDatesMonth {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--secondaryColor);
  padding: var(--spacing-sm) 0 var(--spacing-xs);
  margin-top: var(--spacing-sm);
}
#ft_event #app #ft_eventDates1 .ft_eventDatesDays,
#ft_event #app #ft_eventDates2 .ft_eventDatesDays {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 4px var(--spacing-sm);
  width: 100%;
}
#ft_event #app #ft_eventDates1 .ft_eventDatesDays br,
#ft_event #app #ft_eventDates1 .ft_eventDatesDays .flex-break,
#ft_event #app #ft_eventDates2 .ft_eventDatesDays br,
#ft_event #app #ft_eventDates2 .ft_eventDatesDays .flex-break {
  display: none;
}
#ft_event #app #ft_eventDates1 .ft_eventDatesDays .fticon-desc,
#ft_event #app #ft_eventDates2 .ft_eventDatesDays .fticon-desc {
  display: none;
}
#ft_event #app #ft_eventDates1 .ft_eventDatesDays [class^=fticon-date-],
#ft_event #app #ft_eventDates2 .ft_eventDatesDays [class^=fticon-date-] {
  grid-column: 1;
  width: 20px;
  height: 20px;
}
#ft_event #app #ft_eventDates1 .ft_eventDatesDays .ft_eventDatesTimes,
#ft_event #app #ft_eventDates2 .ft_eventDatesDays .ft_eventDatesTimes {
  grid-column: 2;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  padding: 4px 0;
  align-items: center;
  font-size: 0;
}
#ft_event #app #ft_eventDates1 .ft_eventDatesDays .ft_eventDatesTimes a,
#ft_event #app #ft_eventDates2 .ft_eventDatesDays .ft_eventDatesTimes a {
  background-color: var(--pillBackgroundColor);
  color: var(--pillTextColor);
  border: 1px solid var(--pillBorderColor);
  border-radius: var(--pillRadius);
  padding: var(--pillPaddingY) var(--pillPaddingX);
  font-size: var(--pillFontSize);
  font-weight: var(--pillFontWeight);
  text-decoration: none;
  transition: background-color 0.2s;
  cursor: pointer;
}
#ft_event #app #ft_eventDates1 .ft_eventDatesDays .ft_eventDatesTimes a:hover,
#ft_event #app #ft_eventDates2 .ft_eventDatesDays .ft_eventDatesTimes a:hover {
  background-color: var(--pillHoverBackgroundColor);
  color: var(--pillHoverTextColor);
  border: 1px solid var(--pillHoverBorderColor);
}
#ft_event #app #ft_eventDates1 .ft_eventDatesDays .ft_eventDatesTimes a,
#ft_event #app #ft_eventDates2 .ft_eventDatesDays .ft_eventDatesTimes a {
  display: inline-flex;
  align-items: center;
  box-shadow: var(--panelDropShadow);
  background-color: var(--panelBackgroundColor);
}
#ft_event #app #ft_eventDates1 .ft_eventDatesDays .ft_eventDatesTimes a.ft_eventDateTimeSelected,
#ft_event #app #ft_eventDates2 .ft_eventDatesDays .ft_eventDatesTimes a.ft_eventDateTimeSelected {
  background-color: var(--pillHoverBackgroundColor);
  border-color: var(--pillHoverBorderColor);
  color: var(--pillHoverTextColor);
}
#ft_event #app #ft_eventDates1 .ft_eventDatesDays .ft_eventDatesTimes a div[class^=fticon-],
#ft_event #app #ft_eventDates1 .ft_eventDatesDays .ft_eventDatesTimes a .ft_sellingfast,
#ft_event #app #ft_eventDates2 .ft_eventDatesDays .ft_eventDatesTimes a div[class^=fticon-],
#ft_event #app #ft_eventDates2 .ft_eventDatesDays .ft_eventDatesTimes a .ft_sellingfast {
  display: none;
}
#ft_event #app #ft_eventDates1 {
  display: none;
}
@media screen and (min-width: 768px) {
  #ft_event #app #ft_eventDates1 {
    display: flex;
  }
}
#ft_event #app #ft_eventDates2 {
  display: flex;
}
@media screen and (min-width: 768px) {
  #ft_event #app #ft_eventDates2 {
    display: none;
  }
}
#ft_event #app #ft_eventSharing1,
#ft_event #app #ft_eventSharing2 {
  display: flex;
  gap: 8px;
  width: 100%;
}
#ft_event #app #ft_eventSharing1 a,
#ft_event #app #ft_eventSharing2 a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: 1px solid var(--divider);
  border-radius: var(--smallRadius);
  transition: background-color 0.15s ease;
}
#ft_event #app #ft_eventSharing1 a:hover,
#ft_event #app #ft_eventSharing2 a:hover {
  background-color: var(--dropdownColor);
}
#ft_event #app #ft_eventSharing1 .fticon-desc,
#ft_event #app #ft_eventSharing2 .fticon-desc {
  display: none;
}
#ft_event #app #ft_eventSharing1 div[class^=fticon-],
#ft_event #app #ft_eventSharing2 div[class^=fticon-] {
  max-width: 18px;
  max-height: 18px;
}
#ft_event #app #ft_eventSharing1 {
  display: none;
}
@media screen and (min-width: 768px) {
  #ft_event #app #ft_eventSharing1 {
    display: flex;
  }
}
#ft_event #app #ft_eventSharing2 {
  display: none;
}
#ft_event #app #ft_eventAttributes2:empty {
  display: none;
}
#ft_event #app #ft_trailer {
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 99999;
  top: 0;
  left: 0;
  padding: var(--spacing-xl);
  background-color: rgba(0, 0, 0, 0.5019607843) !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
#ft_event #app #ft_trailer iframe {
  width: 100%;
  max-width: 900px;
  height: 80vh;
  border-radius: var(--mediumRadius);
}

#ft_browse #app #ft_events,
#ft_browse #app #ft_venuess,
#ft_browse #app .ft_grid2.ft_gray.ft_centered,
#ft_browse_merchandise #app #ft_events,
#ft_browse_merchandise #app #ft_venuess,
#ft_browse_merchandise #app .ft_grid2.ft_gray.ft_centered,
#ft_browse_pass #app #ft_events,
#ft_browse_pass #app #ft_venuess,
#ft_browse_pass #app .ft_grid2.ft_gray.ft_centered,
#ft_venues #app #ft_events,
#ft_venues #app #ft_venuess,
#ft_venues #app .ft_grid2.ft_gray.ft_centered,
#ft_home #app #ft_events,
#ft_home #app #ft_venuess,
#ft_home #app .ft_grid2.ft_gray.ft_centered {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: var(--spacing-lg);
  padding-top: 0 !important;
}
#ft_browse #app #ft_events.ft_list,
#ft_browse #app #ft_venuess.ft_list,
#ft_browse #app .ft_grid2.ft_gray.ft_centered.ft_list,
#ft_browse_merchandise #app #ft_events.ft_list,
#ft_browse_merchandise #app #ft_venuess.ft_list,
#ft_browse_merchandise #app .ft_grid2.ft_gray.ft_centered.ft_list,
#ft_browse_pass #app #ft_events.ft_list,
#ft_browse_pass #app #ft_venuess.ft_list,
#ft_browse_pass #app .ft_grid2.ft_gray.ft_centered.ft_list,
#ft_venues #app #ft_events.ft_list,
#ft_venues #app #ft_venuess.ft_list,
#ft_venues #app .ft_grid2.ft_gray.ft_centered.ft_list,
#ft_home #app #ft_events.ft_list,
#ft_home #app #ft_venuess.ft_list,
#ft_home #app .ft_grid2.ft_gray.ft_centered.ft_list {
  grid-template-columns: 1fr;
}
#ft_browse #app #ft_events h2,
#ft_browse #app #ft_events h3,
#ft_browse #app #ft_venuess h2,
#ft_browse #app #ft_venuess h3,
#ft_browse #app .ft_grid2.ft_gray.ft_centered h2,
#ft_browse #app .ft_grid2.ft_gray.ft_centered h3,
#ft_browse_merchandise #app #ft_events h2,
#ft_browse_merchandise #app #ft_events h3,
#ft_browse_merchandise #app #ft_venuess h2,
#ft_browse_merchandise #app #ft_venuess h3,
#ft_browse_merchandise #app .ft_grid2.ft_gray.ft_centered h2,
#ft_browse_merchandise #app .ft_grid2.ft_gray.ft_centered h3,
#ft_browse_pass #app #ft_events h2,
#ft_browse_pass #app #ft_events h3,
#ft_browse_pass #app #ft_venuess h2,
#ft_browse_pass #app #ft_venuess h3,
#ft_browse_pass #app .ft_grid2.ft_gray.ft_centered h2,
#ft_browse_pass #app .ft_grid2.ft_gray.ft_centered h3,
#ft_venues #app #ft_events h2,
#ft_venues #app #ft_events h3,
#ft_venues #app #ft_venuess h2,
#ft_venues #app #ft_venuess h3,
#ft_venues #app .ft_grid2.ft_gray.ft_centered h2,
#ft_venues #app .ft_grid2.ft_gray.ft_centered h3,
#ft_home #app #ft_events h2,
#ft_home #app #ft_events h3,
#ft_home #app #ft_venuess h2,
#ft_home #app #ft_venuess h3,
#ft_home #app .ft_grid2.ft_gray.ft_centered h2,
#ft_home #app .ft_grid2.ft_gray.ft_centered h3 {
  font-size: 24px !important;
  font-weight: bold !important;
  margin: 0 0 var(--spacing-md);
  color: var(--headingColor);
  font-family: var(--headingFont);
  grid-column: 1/-1;
  margin: 12px 0;
  display: none;
}
#ft_browse #app #ft_events .ft_attribute,
#ft_browse #app #ft_events .ft_clear,
#ft_browse #app #ft_venuess .ft_attribute,
#ft_browse #app #ft_venuess .ft_clear,
#ft_browse #app .ft_grid2.ft_gray.ft_centered .ft_attribute,
#ft_browse #app .ft_grid2.ft_gray.ft_centered .ft_clear,
#ft_browse_merchandise #app #ft_events .ft_attribute,
#ft_browse_merchandise #app #ft_events .ft_clear,
#ft_browse_merchandise #app #ft_venuess .ft_attribute,
#ft_browse_merchandise #app #ft_venuess .ft_clear,
#ft_browse_merchandise #app .ft_grid2.ft_gray.ft_centered .ft_attribute,
#ft_browse_merchandise #app .ft_grid2.ft_gray.ft_centered .ft_clear,
#ft_browse_pass #app #ft_events .ft_attribute,
#ft_browse_pass #app #ft_events .ft_clear,
#ft_browse_pass #app #ft_venuess .ft_attribute,
#ft_browse_pass #app #ft_venuess .ft_clear,
#ft_browse_pass #app .ft_grid2.ft_gray.ft_centered .ft_attribute,
#ft_browse_pass #app .ft_grid2.ft_gray.ft_centered .ft_clear,
#ft_venues #app #ft_events .ft_attribute,
#ft_venues #app #ft_events .ft_clear,
#ft_venues #app #ft_venuess .ft_attribute,
#ft_venues #app #ft_venuess .ft_clear,
#ft_venues #app .ft_grid2.ft_gray.ft_centered .ft_attribute,
#ft_venues #app .ft_grid2.ft_gray.ft_centered .ft_clear,
#ft_home #app #ft_events .ft_attribute,
#ft_home #app #ft_events .ft_clear,
#ft_home #app #ft_venuess .ft_attribute,
#ft_home #app #ft_venuess .ft_clear,
#ft_home #app .ft_grid2.ft_gray.ft_centered .ft_attribute,
#ft_home #app .ft_grid2.ft_gray.ft_centered .ft_clear {
  grid-column: 1/-1;
}
#ft_browse #app #ft_events.ft_list .ft_event,
#ft_browse #app #ft_venuess.ft_list .ft_event,
#ft_browse_merchandise #app #ft_events.ft_list .ft_event,
#ft_browse_merchandise #app #ft_venuess.ft_list .ft_event,
#ft_browse_pass #app #ft_events.ft_list .ft_event,
#ft_browse_pass #app #ft_venuess.ft_list .ft_event,
#ft_venues #app #ft_events.ft_list .ft_event,
#ft_venues #app #ft_venuess.ft_list .ft_event,
#ft_home #app #ft_events.ft_list .ft_event,
#ft_home #app #ft_venuess.ft_list .ft_event {
  display: grid;
  grid-template-columns: 100px auto;
  gap: var(--spacing-lg);
}
#ft_browse #app #ft_events.ft_list .ft_event .ft_image,
#ft_browse #app #ft_venuess.ft_list .ft_event .ft_image,
#ft_browse_merchandise #app #ft_events.ft_list .ft_event .ft_image,
#ft_browse_merchandise #app #ft_venuess.ft_list .ft_event .ft_image,
#ft_browse_pass #app #ft_events.ft_list .ft_event .ft_image,
#ft_browse_pass #app #ft_venuess.ft_list .ft_event .ft_image,
#ft_venues #app #ft_events.ft_list .ft_event .ft_image,
#ft_venues #app #ft_venuess.ft_list .ft_event .ft_image,
#ft_home #app #ft_events.ft_list .ft_event .ft_image,
#ft_home #app #ft_venuess.ft_list .ft_event .ft_image {
  aspect-ratio: 1/1;
  margin: 0;
}
#ft_browse #app #ft_events.ft_list .ft_event .ft_info,
#ft_browse #app #ft_venuess.ft_list .ft_event .ft_info,
#ft_browse_merchandise #app #ft_events.ft_list .ft_event .ft_info,
#ft_browse_merchandise #app #ft_venuess.ft_list .ft_event .ft_info,
#ft_browse_pass #app #ft_events.ft_list .ft_event .ft_info,
#ft_browse_pass #app #ft_venuess.ft_list .ft_event .ft_info,
#ft_venues #app #ft_events.ft_list .ft_event .ft_info,
#ft_venues #app #ft_venuess.ft_list .ft_event .ft_info,
#ft_home #app #ft_events.ft_list .ft_event .ft_info,
#ft_home #app #ft_venuess.ft_list .ft_event .ft_info {
  padding: var(--cardContentPadding);
}
#ft_browse #app #ft_events.ft_list .ft_event .ft_info a,
#ft_browse #app #ft_venuess.ft_list .ft_event .ft_info a,
#ft_browse_merchandise #app #ft_events.ft_list .ft_event .ft_info a,
#ft_browse_merchandise #app #ft_venuess.ft_list .ft_event .ft_info a,
#ft_browse_pass #app #ft_events.ft_list .ft_event .ft_info a,
#ft_browse_pass #app #ft_venuess.ft_list .ft_event .ft_info a,
#ft_venues #app #ft_events.ft_list .ft_event .ft_info a,
#ft_venues #app #ft_venuess.ft_list .ft_event .ft_info a,
#ft_home #app #ft_events.ft_list .ft_event .ft_info a,
#ft_home #app #ft_venuess.ft_list .ft_event .ft_info a {
  display: flex;
  gap: var(--spacing-sm);
  flex-wrap: wrap;
}
#ft_browse #app #ft_events.ft_list .ft_event .ft_info a .ft_title,
#ft_browse #app #ft_events.ft_list .ft_event .ft_info a .ft_description,
#ft_browse #app #ft_venuess.ft_list .ft_event .ft_info a .ft_title,
#ft_browse #app #ft_venuess.ft_list .ft_event .ft_info a .ft_description,
#ft_browse_merchandise #app #ft_events.ft_list .ft_event .ft_info a .ft_title,
#ft_browse_merchandise #app #ft_events.ft_list .ft_event .ft_info a .ft_description,
#ft_browse_merchandise #app #ft_venuess.ft_list .ft_event .ft_info a .ft_title,
#ft_browse_merchandise #app #ft_venuess.ft_list .ft_event .ft_info a .ft_description,
#ft_browse_pass #app #ft_events.ft_list .ft_event .ft_info a .ft_title,
#ft_browse_pass #app #ft_events.ft_list .ft_event .ft_info a .ft_description,
#ft_browse_pass #app #ft_venuess.ft_list .ft_event .ft_info a .ft_title,
#ft_browse_pass #app #ft_venuess.ft_list .ft_event .ft_info a .ft_description,
#ft_venues #app #ft_events.ft_list .ft_event .ft_info a .ft_title,
#ft_venues #app #ft_events.ft_list .ft_event .ft_info a .ft_description,
#ft_venues #app #ft_venuess.ft_list .ft_event .ft_info a .ft_title,
#ft_venues #app #ft_venuess.ft_list .ft_event .ft_info a .ft_description,
#ft_home #app #ft_events.ft_list .ft_event .ft_info a .ft_title,
#ft_home #app #ft_events.ft_list .ft_event .ft_info a .ft_description,
#ft_home #app #ft_venuess.ft_list .ft_event .ft_info a .ft_title,
#ft_home #app #ft_venuess.ft_list .ft_event .ft_info a .ft_description {
  flex-basis: 100%;
  width: 100%;
}
#ft_browse #app #ft_events.ft_list .ft_event .ft_wishlist,
#ft_browse #app #ft_venuess.ft_list .ft_event .ft_wishlist,
#ft_browse_merchandise #app #ft_events.ft_list .ft_event .ft_wishlist,
#ft_browse_merchandise #app #ft_venuess.ft_list .ft_event .ft_wishlist,
#ft_browse_pass #app #ft_events.ft_list .ft_event .ft_wishlist,
#ft_browse_pass #app #ft_venuess.ft_list .ft_event .ft_wishlist,
#ft_venues #app #ft_events.ft_list .ft_event .ft_wishlist,
#ft_venues #app #ft_venuess.ft_list .ft_event .ft_wishlist,
#ft_home #app #ft_events.ft_list .ft_event .ft_wishlist,
#ft_home #app #ft_venuess.ft_list .ft_event .ft_wishlist {
  top: 2px;
  filter: invert(1);
}

#ft_browse #app .ft_grid2.ft_gray.ft_centered .ft_status,
#ft_browse_merchandise #app .ft_grid2.ft_gray.ft_centered .ft_status,
#ft_browse_pass #app .ft_grid2.ft_gray.ft_centered .ft_status,
#ft_venues #app .ft_grid2.ft_gray.ft_centered .ft_status,
#ft_home #app .ft_grid2.ft_gray.ft_centered .ft_status {
  display: none;
}

#ft_browse_merchandise #app .ft_runtime,
#ft_browse_pass #app .ft_runtime {
  display: none;
}

#ft_browse_pass #app .ft_panelWhite,
#ft_browse_merchandise #app .ft_panelWhite,
#ft_venues #app .ft_panelWhite {
  position: relative;
}
#ft_browse_pass #app h1,
#ft_browse_merchandise #app h1,
#ft_venues #app h1 {
  padding-right: 100px;
  margin-bottom: 48px;
}
#ft_browse_pass #app #BrOptions,
#ft_browse_merchandise #app #BrOptions,
#ft_venues #app #BrOptions {
  position: absolute;
  right: 0;
  top: var(--spacing-sm);
  margin: 0;
}

#ft_browse_pass .ft_event div:empty,
#ft_browse_merchandise .ft_event div:empty,
#ft_venues .ft_event div:empty {
  display: none;
}

#app .ft_buttonProgram {
  grid-column: 1/-1;
  display: block;
}
#app .ft_buttonProgram a {
  background-color: var(--buttonBackgroundColor) !important;
  color: var(--buttonTextColor) !important;
  border: 1px solid var(--buttonBorderColor) !important;
  font-weight: var(--buttonFontWeight) !important;
  font-size: var(--buttonFontSize) !important;
  font-family: var(--buttonFontFamily);
  letter-spacing: var(--buttonLetterSpacing);
  text-transform: var(--buttonTextTransform);
  cursor: pointer !important;
  padding: var(--buttonPaddingY) var(--buttonPaddingX) !important;
  border-radius: var(--buttonRadius) !important;
  display: inline-block;
  height: 50px;
  text-align: center !important;
  width: 100%;
  transition: var(--buttonTransition) !important;
}
#app .ft_buttonProgram a:hover {
  background-color: var(--buttonHoverBackgroundColor) !important;
  color: var(--buttonHoverTextColor) !important;
  border-color: var(--buttonHoverBorderColor) !important;
}
#app .ft_buttonProgram a:disabled {
  background-color: #ccc;
  cursor: not-allowed;
}

#ft_cart #app #ft_ferveCartView {
  display: flex;
  flex-direction: column;
  margin-top: var(--spacing-lg);
}
#ft_cart #app #ft_ferveCartView #ft_fcHeader2 {
  display: none;
}
#ft_cart #app #ft_ferveCartView #ft_fcContents {
  display: grid;
  gap: 12px;
}
#ft_cart #app #ft_ferveCartView .ft_fcItem {
  display: flex;
  flex-wrap: wrap;
  padding: var(--spacing-md);
  gap: 6px 12px;
  align-items: center;
  margin-bottom: var(--spacing-md);
  position: relative;
  overflow: hidden;
  border: var(--panelBorder);
  box-shadow: var(--panelDropShadow);
  background-color: var(--panelBackgroundColor);
  border-radius: var(--panelBorderRadius);
}
@media screen and (min-width: 768px) {
  #ft_cart #app #ft_ferveCartView .ft_fcItem {
    padding: 24px var(--spacing-md) 24px 128px;
    gap: 12px 24px;
    justify-content: flex-end;
    min-height: 100px;
  }
}
#ft_cart #app #ft_ferveCartView .ft_fcItem .ft_fcItemSummary {
  display: none;
}
#ft_cart #app #ft_ferveCartView .ft_fcItem .ft_fcItemTitle {
  width: 100%;
}
@media screen and (min-width: 768px) {
  #ft_cart #app #ft_ferveCartView .ft_fcItem .ft_fcItemTitle {
    flex: 1;
  }
}
#ft_cart #app #ft_ferveCartView .ft_fcItem .ft_fcItemDetails {
  width: 100%;
}
@media screen and (min-width: 768px) {
  #ft_cart #app #ft_ferveCartView .ft_fcItem .ft_fcItemDetails {
    width: unset;
  }
}
#ft_cart #app #ft_ferveCartView .ft_fcItem .ft_fcItemThumbnail {
  display: none;
}
@media screen and (min-width: 768px) {
  #ft_cart #app #ft_ferveCartView .ft_fcItem .ft_fcItemThumbnail {
    display: block;
    position: absolute;
    width: 96px;
    height: 100%;
    top: 0;
    left: 0;
  }
  #ft_cart #app #ft_ferveCartView .ft_fcItem .ft_fcItemThumbnail img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
  }
}
#ft_cart #app #ft_ferveCartView .ft_fcItem select {
  height: 44px !important;
  padding: 6px;
}
#ft_cart #app #ft_fcCartTotal {
  font-size: 24px !important;
  font-weight: bold !important;
  margin: 0 0 var(--spacing-md);
  color: var(--headingColor);
  font-family: var(--headingFont);
  margin: var(--spacing-md) 0;
}
@media screen and (min-width: 768px) {
  #ft_cart #app #ft_fcCartTotal {
    text-align: right;
  }
}
#ft_cart #app #ft_fcFooter #ft_fcLogo {
  display: none;
}
#ft_cart #app #ft_fcFooter #ft_fcButtons {
  margin: 24px 0;
}
#ft_cart #app #ft_fcFooter #ft_fcButtons form {
  display: grid;
  gap: 12px;
  margin-bottom: 24px;
}
@media screen and (min-width: 768px) {
  #ft_cart #app #ft_fcFooter #ft_fcButtons form {
    display: flex;
  }
}
@media screen and (min-width: 768px) {
  #ft_cart #app #ft_fcFooter .ft_timeout {
    text-align: right;
  }
}
#ft_cart #app #ft_ferveCartFees {
  margin: var(--spacing-md) 0;
}
@media screen and (min-width: 768px) {
  #ft_cart #app #ft_ferveCartFees {
    text-align: right;
  }
}
#ft_cart #app #ft_ferveCartUpsells {
  margin-top: 48px;
  display: block;
}
#ft_cart #app #ft_ferveCartUpsells .ft_ep_headerRow {
  font-size: 24px !important;
  font-weight: bold !important;
  margin: 0 0 var(--spacing-md);
  color: var(--headingColor);
  font-family: var(--headingFont);
}
#ft_cart #app #ft_ferveCartUpsells .ft_ep_priceRow {
  display: none;
}
#ft_cart #app #ft_ferveCartUpsells .ft_pricing {
  border: var(--panelBorder);
  box-shadow: var(--panelDropShadow);
  background-color: var(--panelBackgroundColor);
  border-radius: var(--panelBorderRadius);
  padding: var(--spacing-md);
  max-width: 100%;
  margin-bottom: var(--spacing-xl);
}
#ft_cart #app #ft_ferveCartUpsells .ft_pricing #ft_pricing {
  display: grid;
  gap: 12px;
}
#ft_cart #app #ft_ferveCartUpsells .ft_grid4 {
  display: grid;
  gap: var(--spacing-lg);
}
@media screen and (min-width: 768px) {
  #ft_cart #app #ft_ferveCartUpsells .ft_grid4 {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 1024px) {
  #ft_cart #app #ft_ferveCartUpsells .ft_grid4 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

#ft_pass #app {
  max-width: 800px;
}
#ft_pass #app hr {
  display: none;
}
#ft_pass #app #ft_eventImageContainer {
  margin-bottom: var(--spacing-lg);
}
#ft_pass #app #ft_eventDescription ul {
  margin: var(--spacing-md) 0;
  list-style-position: inside;
  list-style: disc;
  padding-left: var(--spacing-md);
}
#ft_pass #app #ft_codesContainer .ft_ep_priceRow {
  display: grid;
}
#ft_pass #app .ft_voucherTerms {
  margin-bottom: var(--spacing-lg);
}

#ft_voucher #app {
  max-width: 800px;
}
#ft_voucher #app hr {
  display: none;
}
#ft_voucher #app #ft_pricing {
  border: var(--panelBorder);
  box-shadow: var(--panelDropShadow);
  background-color: var(--panelBackgroundColor);
  border-radius: var(--panelBorderRadius);
  padding: var(--spacing-md);
  margin: 0;
}
#ft_voucher #app #ft_pricing .ft_ep_buttonRow {
  grid-template-columns: 1fr;
}

#ft_Terms-and-Conditions #app .ft_panelWhite.ft_panelContent {
  border: var(--panelBorder);
  box-shadow: var(--panelDropShadow);
  background-color: var(--panelBackgroundColor);
  border-radius: var(--panelBorderRadius);
  padding: var(--spacing-lg);
  margin: var(--spacing-lg) auto;
}
#ft_Terms-and-Conditions #app h1 {
  font-size: 38px !important;
  line-height: 42px !important;
  font-weight: bold !important;
  margin: 0 0 var(--spacing-lg);
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  color: var(--headingColor);
  font-family: var(--headingFont);
  margin: 0 0 var(--spacing-lg) !important;
}
#ft_Terms-and-Conditions #app h2 {
  font-size: 22px !important;
  font-weight: bold !important;
  margin: 0 0 var(--spacing-md);
  color: var(--primaryColor);
  font-family: var(--headingFont);
  margin: var(--spacing-lg) 0 !important;
}
#ft_Terms-and-Conditions #app p {
  font-size: 15px;
  line-height: 1.7;
  color: var(--textColor);
  margin: 0 0 var(--spacing-md);
}
#ft_Terms-and-Conditions #app a {
  color: var(--textLinkColor);
  text-decoration: underline;
}
#ft_Terms-and-Conditions #app a:hover {
  text-decoration: none;
}
#ft_Terms-and-Conditions #app hr {
  border: none;
  border-top: 1px solid var(--divider);
  margin: var(--spacing-lg) 0;
}

@media only screen and (min-width: 768px) {
  #ft_account #app .ft_panelContent,
  #ft_accountEdit #app .ft_panelContent,
  #ft_accountBookings #app .ft_panelContent,
  #ft_accountTickets #app .ft_panelContent,
  #ft_accountExchange #app .ft_panelContent,
  #ft_accountPlay #app .ft_panelContent,
  #ft_accountPlayDetails #app .ft_panelContent,
  #ft_browse_wishlist #app .ft_panelContent {
    display: grid;
    padding: 0;
    grid-template-columns: 240px auto;
    position: relative;
    margin: 0;
    width: 100%;
    max-width: 100%;
    min-height: calc(100vh - 250px);
    -moz-column-gap: 30px;
         column-gap: 30px;
  }
}
#ft_account #app .ft_panelContent h1,
#ft_accountEdit #app .ft_panelContent h1,
#ft_accountBookings #app .ft_panelContent h1,
#ft_accountTickets #app .ft_panelContent h1,
#ft_accountExchange #app .ft_panelContent h1,
#ft_accountPlay #app .ft_panelContent h1,
#ft_accountPlayDetails #app .ft_panelContent h1,
#ft_browse_wishlist #app .ft_panelContent h1 {
  padding-right: 60px;
}
@media only screen and (min-width: 768px) {
  #ft_account #app .ft_panelContent h1,
  #ft_accountEdit #app .ft_panelContent h1,
  #ft_accountBookings #app .ft_panelContent h1,
  #ft_accountTickets #app .ft_panelContent h1,
  #ft_accountExchange #app .ft_panelContent h1,
  #ft_accountPlay #app .ft_panelContent h1,
  #ft_accountPlayDetails #app .ft_panelContent h1,
  #ft_browse_wishlist #app .ft_panelContent h1 {
    margin-bottom: 30px;
    padding-right: 0;
  }
}
@media only screen and (max-width: 1690px) {
  #ft_account #app .ft_panelContent h1 .ft_mobileHide,
  #ft_accountEdit #app .ft_panelContent h1 .ft_mobileHide,
  #ft_accountBookings #app .ft_panelContent h1 .ft_mobileHide,
  #ft_accountTickets #app .ft_panelContent h1 .ft_mobileHide,
  #ft_accountExchange #app .ft_panelContent h1 .ft_mobileHide,
  #ft_accountPlay #app .ft_panelContent h1 .ft_mobileHide,
  #ft_accountPlayDetails #app .ft_panelContent h1 .ft_mobileHide,
  #ft_browse_wishlist #app .ft_panelContent h1 .ft_mobileHide {
    display: none;
  }
}

#app .ft_accountMain > div:first-of-type,
#app .ft_returnBox + h1 + div {
  display: grid;
  gap: 20px;
}
@media only screen and (min-width: 1024px) {
  #app .ft_accountMain > div:first-of-type,
  #app .ft_returnBox + h1 + div {
    grid-template-columns: 1fr 1fr;
  }
}

#app .ft_accountContent .ft_returnBox {
  -moz-column-gap: 10px !important;
       column-gap: 10px !important;
  grid-template-columns: 20px auto !important;
  margin-bottom: 20px;
  max-width: 320px;
}
@media only screen and (min-width: 1024px) {
  #app .ft_accountContent .ft_returnBox {
    position: absolute;
    right: 0px;
    top: 0px;
  }
}
#app .ft_accountContent .ft_returnBox .ft_returnBoxIcon {
  width: 20px;
}

#app .ft_accountMain .ft_accountBox {
  border: var(--panelBorder);
  box-shadow: var(--panelDropShadow);
  background-color: var(--panelBackgroundColor);
  border-radius: var(--panelBorderRadius);
  padding: var(--spacing-md);
  position: relative;
  overflow: hidden;
}
@media only screen and (min-width: 1024px) {
  #app .ft_accountMain .ft_accountBox:first-of-type {
    grid-row: 1/span 2;
  }
}
#app .ft_accountMain .ft_accountBox .fticon-wishlist-off {
  display: none !important;
}
#app .ft_accountMain .ft_accountBox {
  /** EVENTS LIST **/
}
#app .ft_accountMain .ft_accountBox .ft_events {
  max-height: 250px;
  overflow: hidden;
  overflow-y: scroll;
  margin-top: 20px;
}
#app .ft_accountMain .ft_accountBox .ft_events::-webkit-scrollbar {
  width: 10px;
}
#app .ft_accountMain .ft_accountBox .ft_events {
  /* Handle */
}
#app .ft_accountMain .ft_accountBox .ft_events::-webkit-scrollbar-thumb {
  background: rgba(126, 126, 126, 0.514);
}
#app .ft_accountMain .ft_accountBox .ft_events {
  /* Handle on hover */
}
#app .ft_accountMain .ft_accountBox .ft_events::-webkit-scrollbar-thumb:hover {
  opacity: 0.6;
}
#app .ft_accountMain .ft_accountBox .ft_events .ft_accountBoxItem {
  padding: var(--spacing-md);
}
#app .ft_accountMain .ft_accountBox .ft_events div.ft_small {
  padding: 0;
}
#app .ft_accountMain .ft_accountBox .ft_events .ft_accountBoxItem {
  display: grid;
  grid-template-columns: 2fr 2fr 60px;
  -moz-column-gap: 10px;
       column-gap: 10px;
  margin-bottom: 0;
}
@media only screen and (min-width: 1024px) {
  #app .ft_accountMain .ft_accountBox .ft_events .ft_accountBoxItem {
    grid-template-columns: 30px 2fr 2fr 60px;
  }
}
#app .ft_accountMain .ft_accountBox .ft_events .ft_accountBoxItem img {
  display: none;
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 1024px) {
  #app .ft_accountMain .ft_accountBox .ft_events .ft_accountBoxItem img {
    display: block;
  }
}
#app .ft_accountMain .ft_accountBox .ft_events .ft_accountBoxItem .ft_button {
  order: 4;
}
#app .ft_accountMain .ft_accountBox .ft_events .ft_accountBoxItem:nth-child(even) {
  background-color: rgba(141, 141, 141, 0.09);
}
#app .ft_accountMain .ft_accountBox {
  /** ACCOUNT NUMBERS **/
}
#app .ft_accountMain .ft_accountBox .ft_accountBoxNumber {
  position: absolute;
  top: 10px;
  right: 20px;
  font-size: 2em;
  line-height: 1em;
  font-weight: bold;
}
#app .ft_accountMain .ft_accountBox .ft_accountBoxItem {
  margin-bottom: 40px;
}
#app .ft_accountMain .ft_accountBox h3 {
  margin-bottom: 12px;
}
#app .ft_accountMain .ft_accountBox .ft_accountBoxFooterLeft {
  width: 50%;
  float: left;
  position: absolute;
  bottom: 20px;
}
#app .ft_accountMain .ft_accountBox .ft_accountBoxFooterRight {
  width: 50%;
  text-align: right;
  position: absolute;
  bottom: 20px;
  right: 20px;
}
#app .ft_accountMain {
  /** WEATHER **/
}
#app .ft_accountMain .ft_accountWeatherTemperature {
  font-size: 1.5em;
  position: absolute;
  right: 50px;
  font-weight: bold;
}
#app .ft_accountMain .ft_accountWeatherIcon {
  width: 25px;
  position: absolute;
  right: 20px;
  margin-top: -5px;
}
#app .ft_accountMain {
  /** ACCOUNT DETAILS **/
}
#app .ft_accountMain .ft_details .ft_accountEdit {
  position: absolute;
  right: 20px;
  z-index: 2;
}
#app .ft_accountMain .ft_details .ft_accountEdit a {
  display: block;
  width: 15px;
  height: 15px;
  border-radius: 1000px;
  padding: 3px;
  line-height: 15px;
  text-align: center;
}
#app .ft_accountMain .ft_details .ft_accountGravatar {
  float: right;
}
#app .ft_accountMain .ft_details .ft_accountGravatar img {
  border-radius: 1000px;
  display: inline-block;
  box-shadow: var(--largeDropShadow);
}
#app .ft_accountMain .ft_details .ft_accountName {
  padding-right: 100px;
  font-weight: bold;
  font-size: 1.5em;
  margin-bottom: 15px;
}
#app .ft_accountMain .ft_details .ft_accountAddress .fticon-location {
  width: 15px;
  margin-right: 10px;
}
#app .ft_accountMain {
  /** PASSES **/
}
#app .ft_accountMain .ft_passes h3 {
  padding-right: 100px;
}
#app .ft_accountMain .ft_passes .ft_button {
  float: right;
  font-weight: bold;
  text-decoration: none;
}

#ft_accountExchange #app h4 {
  font-size: 22px;
  margin: 20px 0;
}
#ft_accountExchange #app h3 {
  color: var(--accentColor);
  margin: 0;
  font-size: 18px;
}
#ft_accountExchange #app hr {
  border: 1px solid var(--accentColor);
  margin: 30px 0 0;
}
#ft_accountExchange #app #ticketsTable {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
}
#ft_accountExchange #app ul {
  list-style: none;
  padding: 0;
  margin: 0 0 20px;
}
#ft_accountExchange #app #ft_exchangeQuick,
#ft_accountExchange #app #ft_exchangeManual {
  padding: 0;
  margin: 0 0 20px 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #ft_accountExchange #app #ft_exchangeQuick,
  #ft_accountExchange #app #ft_exchangeManual {
    margin-top: 30px;
    width: 46%;
    min-height: 200px;
    margin-right: 2%;
  }
}
#ft_accountExchange #app #ft_exchangeQuick h2,
#ft_accountExchange #app #ft_exchangeManual h2 {
  margin: 0 0 20px;
}
#ft_accountExchange #app #ft_exchangeQuick .ft_textBox,
#ft_accountExchange #app #ft_exchangeManual .ft_textBox {
  max-width: 100% !important;
  border: none;
  padding: 0;
  margin: 0;
  width: 100%;
  border-radius: 0;
}
#ft_accountExchange #app #ft_exchangeQuick .ft_textBox label,
#ft_accountExchange #app #ft_exchangeManual .ft_textBox label {
  display: none;
}
#ft_accountExchange #app #ft_exchangeQuick .ft_textBox input,
#ft_accountExchange #app #ft_exchangeManual .ft_textBox input {
  padding: 5px !important;
  border-radius: 8px !important;
  width: 100%;
  margin-bottom: 10px;
}
#ft_accountExchange #app #ft_events {
  padding: 0;
}
#ft_accountExchange #app #ft_events:empty {
  display: none;
}
#ft_accountExchange #app .ft_grid1 {
  display: grid;
  row-gap: 20px;
  -moz-column-gap: 20px;
       column-gap: 20px;
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
  #ft_accountExchange #app .ft_grid1 {
    grid-template-columns: 1fr 1fr 1fr;
  }
  #ft_accountExchange #app .ft_grid1 h3 {
    grid-column: 1/span 3;
  }
}
#ft_accountExchange #app .ft_grid1 .ft_event {
  padding: 10px;
  margin: 0;
  position: relative;
  height: auto;
  display: grid;
}
#ft_accountExchange #app .ft_grid1 .ft_event * {
  cursor: pointer !important;
}
#ft_accountExchange #app .ft_grid1 .ft_event:hover {
  box-shadow: none;
}
#ft_accountExchange #app .ft_grid1 .ft_event .ft_select {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0 0 0 0;
}
#ft_accountExchange #app .ft_grid1 .ft_event .ft_select input {
  visibility: hidden;
}
#ft_accountExchange #app .ft_grid1 .ft_event .ft_image img {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}
#ft_accountExchange #app .ft_grid1 .ft_event .ft_info {
  float: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
#ft_accountExchange #app .ft_grid1 .ft_event .ft_info * {
  position: relative !important;
}
#ft_accountExchange #app #ft_exchange,
#ft_accountExchange #app #ft_exchangeNew {
  display: inline-block;
  width: 200px;
  margin-right: 20px;
}
#ft_accountExchange #app button {
  height: auto !important;
}

#ft_accountEdit #app #AccountForm {
  border: var(--panelBorder);
  box-shadow: var(--panelDropShadow);
  background-color: var(--panelBackgroundColor);
  border-radius: var(--panelBorderRadius);
  padding: var(--spacing-md);
}
#ft_accountEdit #app #AccountForm .form-group label {
  margin-bottom: 6px;
}
#ft_accountEdit #app #AccountForm .ft_Email {
  margin-top: 24px;
}
#ft_accountEdit #app #AccountForm .form-group:has(.emailAddress) .control-label {
  display: none !important;
}
#ft_accountEdit #app #AccountForm .emailAddress {
  margin-bottom: var(--spacing-md);
}
#ft_accountEdit #app #AccountForm .showEmailField {
  position: relative !important;
  left: unset !important;
}
#ft_accountEdit #app #AccountForm #ft_password {
  max-width: 100% !important;
}
#ft_accountEdit #app #AccountForm #ft_password #Password {
  margin-bottom: 6px;
}
#ft_accountEdit #app #AccountForm .ft_Phone {
  display: grid;
  grid-template-columns: 100px auto;
  gap: 0px 12px;
}
#ft_accountEdit #app #AccountForm .ft_Phone label {
  grid-column: 1/-1;
}
#ft_accountEdit #app #AccountForm label[for|=Notifications],
#ft_accountEdit #app #AccountForm #ft_checkout_mailing {
  margin: var(--spacing-md) 0;
}
#ft_accountEdit #app #AccountForm #VotingNotifications {
  margin-right: 10px;
}
#ft_accountEdit #app #AccountForm .col-sm-9:has(.check-box) {
  display: grid;
  grid-template-columns: 15px 1fr;
  row-gap: 10px;
  -moz-column-gap: 10px;
       column-gap: 10px;
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  #ft_accountEdit #app #AccountForm .col-sm-9:has(.check-box) {
    grid-template-columns: 15px 1fr 15px 1fr;
  }
}
#ft_accountEdit #app #AccountForm .col-sm-9:has(.check-box) br {
  display: none;
}
#ft_accountEdit #app #AccountForm .col-sm-9:has(.check-box) label {
  margin-bottom: 0;
}
#ft_accountEdit #app #AccountForm .col-sm-9:has(.check-box) .form-control-static {
  grid-column: 1/span 2;
}
@media screen and (min-width: 768px) {
  #ft_accountEdit #app #AccountForm .col-sm-9:has(.check-box) .form-control-static {
    grid-column: 1/span 4;
  }
}

#ft_accountEdit #app #ft_checkout_mailing text {
  font-size: 22px !important;
  font-weight: bold !important;
  margin: 0 0 var(--spacing-md);
  color: var(--primaryColor);
  font-family: var(--headingFont);
}

#ft_accountEdit #app .table-bordered {
  border: none;
}
#ft_accountEdit #app .table-bordered .dropdown .dropdown-toggle {
  display: none;
}
#ft_accountEdit #app .table-bordered .dropdown ul {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
  border: none;
  box-shadow: none;
  background: transparent;
}
#ft_accountEdit #app .table-bordered .dropdown ul li {
  white-space: nowrap;
}
#ft_accountEdit #app .table-bordered .dropdown ul li a {
  padding: 0;
  color: inherit;
}

/*******************************************************
*   ACCOUNT MAIN PAGE + NAVIGATION
*****************************************************/
#ft_accountTickets_mobile h1 {
  display: none;
}

#ft_accountNavigation {
  display: flex;
  gap: 4px;
  list-style: none;
  align-items: center;
  padding: 0 !important;
  margin: 0 -32px 32px 0;
  width: calc(100% + 16px);
  border-bottom: 4px solid var(--buttonBackgroundColor);
  position: relative !important;
  white-space: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
@media screen and (min-width: 768px) {
  #ft_accountNavigation {
    margin: 0;
    width: 100%;
    flex-direction: column;
    border: none;
    overflow: hidden;
    gap: 6px;
    box-shadow: var(--panelDropShadow);
    background-color: var(--panelBackgroundColor);
    border-radius: var(--panelBorderRadius);
    border: var(--panelBorder);
  }
}
#ft_accountNavigation::-webkit-scrollbar {
  display: none;
}
#ft_accountNavigation li:first-of-type {
  display: none;
}
#ft_accountNavigation li {
  margin: 0;
}
@media screen and (min-width: 768px) {
  #ft_accountNavigation li {
    width: 100%;
  }
}
#ft_accountNavigation li a {
  display: block;
  align-items: center;
  -moz-column-gap: 12px;
       column-gap: 12px;
  padding: 12px;
  text-align: left;
  border-radius: var(--smallRadius) var(--smallRadius) 0 0;
  color: var(--headingColor);
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  #ft_accountNavigation li a {
    border-radius: 0;
  }
}
#ft_accountNavigation li a span {
  display: none;
}
#ft_accountNavigation li a:hover {
  background-color: var(--buttonHoverBackgroundColor);
  color: var(--buttonHoverTextColor);
  text-decoration: none;
}
#ft_accountNavigation li span {
  height: 1rem;
}
#ft_accountNavigation .ft_accountNavigation_selected a {
  background-color: var(--buttonHoverBackgroundColor);
  color: var(--buttonHoverTextColor);
}

@media screen and (min-width: 1024px) {
  #ft_account .ft_accountContent h1 + div {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
  #ft_account .ft_accountContent h1 + div .ft_clear {
    display: none;
  }
  .ft_today {
    grid-area: 1/1/3/2;
  }
  .ft_details {
    grid-area: 1/2/2/3;
  }
  .ft_bookings {
    grid-area: 2/2/3/3;
  }
}
.ft_accountBox {
  border: var(--panelBorder);
  box-shadow: var(--panelDropShadow);
  background-color: var(--panelBackgroundColor);
  border-radius: var(--panelBorderRadius);
  padding: 1.5rem;
  margin-bottom: 20px;
}
@media screen and (min-width: 1024px) {
  .ft_accountBox {
    margin-bottom: 0;
  }
}

h1 span {
  display: none;
}

.ft_returnBox {
  border: var(--panelBorder);
  box-shadow: var(--panelDropShadow);
  background-color: var(--panelBackgroundColor);
  border-radius: var(--panelBorderRadius);
  padding: 12px;
  display: flex;
  -moz-column-gap: 16px;
       column-gap: 16px;
  margin-bottom: 20px;
}
.ft_returnBox * {
  color: var(--textColor);
}
.ft_returnBox .ft_messageBoxIcon {
  width: 20px;
  filter: var(--icon-filter-none);
}

#ft_accountTickets #app #ft_headerFixed {
  position: relative !important;
  width: 100% !important;
}
#ft_accountTickets #app #ft_headerFixed > div:first-of-type {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: var(--spacing-md);
}
#ft_accountTickets #app #ft_headerFixed > div:first-of-type button {
  width: -moz-fit-content;
  width: fit-content;
  padding: 4px 12px !important;
  font-size: 14px !important;
  font-weight: normal !important;
}
#ft_accountTickets #app #ticketForm {
  padding: 0 !important;
}
#ft_accountTickets #app #ft_ticketList {
  margin: 0 !important;
}
#ft_accountTickets #app #ft_ticketList > a {
  display: none;
}
#ft_accountTickets #app #ticketsTable thead,
#ft_accountTickets #app #ticketsTable th {
  display: none;
}
#ft_accountTickets #app #ticketsTable {
  width: 100%;
  border-collapse: collapse;
}
#ft_accountTickets #app #ticketsTable tr:not(.info) {
  border: var(--panelBorder);
  box-shadow: var(--panelDropShadow);
  background-color: var(--panelBackgroundColor);
  border-radius: var(--panelBorderRadius);
  display: block;
  margin-bottom: 24px;
  overflow: hidden;
}
#ft_accountTickets #app #ticketsTable tr:not(.info):first-of-type {
  display: none;
}
#ft_accountTickets #app #ticketsTable td {
  display: grid;
  padding: 12px;
  width: 100%;
  border-bottom: 1px solid var(--divider);
  flex: 1;
  text-align: left;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  #ft_accountTickets #app #ticketsTable td {
    display: flex;
    gap: 6px;
    justify-content: flex-end;
    align-items: center;
  }
}
#ft_accountTickets #app #ticketsTable td input[type=checkbox],
#ft_accountTickets #app #ticketsTable td input[type=radio] {
  margin-top: 1px;
}
#ft_accountTickets #app #ticketsTable td::before {
  content: attr(data-label);
  font-weight: 600;
  margin-right: var(--spacing-md);
  text-align: left;
  flex: 1 0 auto;
}
#ft_accountTickets #app #ticketsTable td div {
  display: flex;
  gap: 0px;
}
#ft_accountTickets #app #ticketsTable td:nth-child(1)::before {
  content: "Time";
}
#ft_accountTickets #app #ticketsTable td:nth-child(2)::before {
  content: "Item";
}
#ft_accountTickets #app #ticketsTable td:nth-child(3)::before {
  content: "Type";
}
#ft_accountTickets #app #ticketsTable td:last-child::before {
  content: "";
}
#ft_accountTickets #app #ticketsTable td:last-child {
  justify-content: flex-start;
  gap: 6px;
  background-color: var(--divider);
}
@media screen and (min-width: 768px) {
  #ft_accountTickets #app #ticketsTable td:last-child {
    gap: 6px var(--spacing-md);
  }
}
#ft_accountTickets #app #ticketsTable td:last-child::before {
  display: none;
}
#ft_accountTickets #app tr.finished {
  display: grid !important;
}
#ft_accountTickets #app tr.finished td:last-child {
  overflow: hidden;
}
#ft_accountTickets #app tr.finished td:last-child::after {
  content: "Event Complete";
  display: block;
  font-weight: 600;
  text-align: right;
}
#ft_accountTickets #app .info {
  display: block !important;
}
#ft_accountTickets #app .info th {
  display: block !important;
  font-size: 22px !important;
  font-weight: bold !important;
  margin: 0 0 var(--spacing-md);
  color: var(--primaryColor);
  font-family: var(--headingFont);
  text-align: left;
}

#app .ft_tableSearch {
  margin-bottom: var(--spacing-md);
}
#app .ft_tableSearch input[type=search] {
  margin-bottom: var(--spacing-md);
}
#app .ft_tableSearch a {
  font-weight: normal;
}

#ft_accountBookings #app .ft_accountContent > div:first-of-type {
  float: none !important;
  width: 100%;
}
#ft_accountBookings #app .dropdown-toggle {
  display: none;
}
#ft_accountBookings #app #bookingsTable thead,
#ft_accountBookings #app #bookingsTable th {
  display: none;
}
#ft_accountBookings #app #bookingsTable {
  width: 100%;
  border-collapse: collapse;
}
#ft_accountBookings #app #bookingsTable tr {
  border: var(--panelBorder);
  box-shadow: var(--panelDropShadow);
  background-color: var(--panelBackgroundColor);
  border-radius: var(--panelBorderRadius);
  display: block;
  margin-bottom: 24px;
  overflow: hidden;
}
#ft_accountBookings #app #bookingsTable tr:first-of-type {
  display: none;
}
#ft_accountBookings #app #bookingsTable td {
  display: grid;
  padding: 12px;
  width: 100%;
  border-bottom: 1px solid var(--divider);
}
@media screen and (min-width: 768px) {
  #ft_accountBookings #app #bookingsTable td {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
#ft_accountBookings #app #bookingsTable td::before {
  content: attr(data-label);
  font-weight: 600;
  margin-right: var(--spacing-md);
  text-align: left;
  flex: 0 0 auto;
}
#ft_accountBookings #app #bookingsTable td {
  flex: 1;
  text-align: left;
}
#ft_accountBookings #app #bookingsTable td:nth-child(1)::before {
  content: "Booking Date";
}
#ft_accountBookings #app #bookingsTable td:nth-child(2)::before {
  content: "Booking Number";
}
#ft_accountBookings #app #bookingsTable td:nth-child(3)::before {
  content: "Location";
}
#ft_accountBookings #app #bookingsTable td:nth-child(4)::before {
  content: "Payment Method";
}
#ft_accountBookings #app #bookingsTable td:nth-child(5)::before {
  content: "Total";
}
#ft_accountBookings #app #bookingsTable td:nth-child(6)::before {
  content: "Items";
}
#ft_accountBookings #app #bookingsTable td:last-child::before {
  display: none;
}
#ft_accountBookings #app #bookingsTable td:last-child {
  gap: 6px;
  align-items: center;
  background-color: var(--divider);
}
@media screen and (min-width: 768px) {
  #ft_accountBookings #app #bookingsTable td:last-child {
    gap: var(--spacing-md);
    justify-content: flex-end;
  }
}
@media screen and (min-width: 768px) {
  #ft_accountBookings #app #bookingsTable td:last-child ul {
    display: flex !important;
    gap: var(--spacing-md);
    padding: 0;
  }
}
#ft_accountBookings #app #bookingsTable td:last-child ul li {
  list-style: none;
}
#ft_accountBookings #app #bookingsTable td:last-child ul li a {
  text-decoration: none;
  font-weight: normal;
}

#app .bookingItemsHidden {
  display: none;
}

#ft_browse_wishlist #app #BrOptions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  justify-content: space-between;
}
#ft_browse_wishlist #app #BrOptions #BrOptionsView a {
  display: none;
}
#ft_browse_wishlist #app #BrOptions #BrOptionsShare {
  display: flex;
  gap: 6px;
}
#ft_browse_wishlist #app #BrOptions #BrOptionsShare span {
  display: none;
}
#ft_browse_wishlist #app #BrOptions form[name=formWishlist] {
  display: flex;
}
#ft_browse_wishlist #app #BrOptions form[name=formWishlist] input[type=checkbox] {
  display: none;
}
#ft_browse_wishlist #app #BrOptions form[name=formWishlist] input[type=checkbox] + label {
  background-color: var(--pillBackgroundColor);
  color: var(--pillTextColor);
  border: 1px solid var(--pillBorderColor);
  border-radius: var(--pillRadius);
  padding: var(--pillPaddingY) var(--pillPaddingX);
  font-size: var(--pillFontSize);
  font-weight: var(--pillFontWeight);
  text-decoration: none;
  transition: background-color 0.2s;
  cursor: pointer;
}
#ft_browse_wishlist #app #BrOptions form[name=formWishlist] input[type=checkbox] + label:hover {
  background-color: var(--pillHoverBackgroundColor);
  color: var(--pillHoverTextColor);
  border: 1px solid var(--pillHoverBorderColor);
}
#ft_browse_wishlist #app #BrOptions form[name=formWishlist] input[type=checkbox] + label {
  cursor: pointer;
  background-color: var(--divider);
  border: 1px solid var(--divider);
  color: var(--textColor);
  padding: var(--spacing-xs) 12px;
  border-radius: var(--pillRadius);
  transition: background-color 0.2s, border-color 0.2s;
}
#ft_browse_wishlist #app #BrOptions form[name=formWishlist] input[type=checkbox] + label:hover {
  background-color: var(--pillHoverBackgroundColor);
  border-color: var(--pillHoverBorderColor);
  color: var(--pillHoverTextColor);
}
#ft_browse_wishlist #app #BrOptions form[name=formWishlist] input[type=checkbox]:checked + label {
  background-color: var(--pillBackgroundColor);
  border-color: var(--pillBorderColor);
  color: var(--pillTextColor);
}
#ft_browse_wishlist #app #ft_events {
  display: grid;
  gap: 26px;
}
#ft_browse_wishlist #app #ft_events div[style="padding:25px;"] {
  padding: 0 !important;
}
@media screen and (min-width: 768px) {
  #ft_browse_wishlist #app #ft_events {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 1024px) {
  #ft_browse_wishlist #app #ft_events {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
#ft_browse_wishlist #app #ft_events p {
  grid-column: 1/-1;
}
#ft_browse_wishlist #app #ft_events .fticon-status-purchased {
  position: absolute;
  right: var(--spacing-sm);
  top: -50px;
}

#ft_receipt #app {
  border: var(--panelBorder);
  box-shadow: var(--panelDropShadow);
  background-color: var(--panelBackgroundColor);
  border-radius: var(--panelBorderRadius);
  margin: 160px auto;
  max-width: 800px;
  padding: 40px 20px;
}
#ft_receipt #app ol,
#ft_receipt #app ul {
  margin: 0 0 20px 0;
  padding: 0 0 0 20px;
}
#ft_receipt #app ol li,
#ft_receipt #app ul li {
  margin-bottom: 10px;
}
#ft_receipt #app h2 {
  margin-bottom: 20px;
}
#ft_receipt #app .ft_receiptSharing {
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
  padding: 20px;
  width: -moz-fit-content;
  width: fit-content;
}
#ft_receipt #app .ft_receiptSharing .fticon-desc {
  display: none;
}
#ft_receipt #app .ft_receiptSharing .fticon-social-calendar,
#ft_receipt #app .ft_receiptSharing .fticon-social-x,
#ft_receipt #app .ft_receiptSharing .fticon-social-facebook {
  filter: invert(1);
  width: 30px;
  height: 30px;
}

#ft_memberRenew #app,
#ft_membership #app {
  max-width: 800px;
}
#ft_memberRenew #app h1 #ft_accountMenu,
#ft_membership #app h1 #ft_accountMenu {
  display: none !important;
}
#ft_memberRenew #app hr,
#ft_membership #app hr {
  display: none;
}
#ft_memberRenew #app input[type=radio],
#ft_membership #app input[type=radio] {
  margin: 4px 5px 0 0 !important;
}
#ft_memberRenew #app .ft_ep_memRow,
#ft_membership #app .ft_ep_memRow {
  display: grid;
  gap: var(--spacing-md) 10px;
  grid-template-columns: 20px auto 1px;
  margin-bottom: var(--spacing-lg);
}
#ft_memberRenew #app #ticketsTable,
#ft_membership #app #ticketsTable {
  margin: var(--spacing-md) 0 var(--spacing-lg);
  width: 100%;
}
#ft_memberRenew #app #ticketsTable tr:first-of-type,
#ft_membership #app #ticketsTable tr:first-of-type {
  background-color: var(--textColor);
  color: var(--backgroundColor);
}
#ft_memberRenew #app #ticketsTable tr:first-of-type th,
#ft_membership #app #ticketsTable tr:first-of-type th {
  padding: 12px 6px;
  text-align: left;
}
#ft_memberRenew #app #ticketsTable tr:first-of-type th:first-child,
#ft_membership #app #ticketsTable tr:first-of-type th:first-child {
  border-radius: var(--smallRadius) 0 0 var(--smallRadius);
}
#ft_memberRenew #app #ticketsTable tr:first-of-type th:last-child,
#ft_membership #app #ticketsTable tr:first-of-type th:last-child {
  border-radius: 0 var(--smallRadius) var(--smallRadius) 0;
}
#ft_memberRenew #app #ticketsTable td,
#ft_membership #app #ticketsTable td {
  padding: 12px 6px;
  text-align: left;
  border-bottom: 1px solid var(--divider);
  line-height: 150%;
}
#ft_memberRenew #app #ft_events,
#ft_membership #app #ft_events {
  display: none;
}
#ft_memberRenew #app .ft_pricingHideAddButton,
#ft_membership #app .ft_pricingHideAddButton {
  margin-top: var(--spacing-lg);
  border-radius: var(--smallRadius);
  padding: 12px;
  display: grid;
  grid-template-columns: 16px auto;
  gap: var(--spacing-md);
  border: 1px solid green;
  background-color: #e2ffc0;
}
#ft_memberRenew #app .ft_pricingHideAddButton [class^=fticon-],
#ft_membership #app .ft_pricingHideAddButton [class^=fticon-] {
  max-width: 16px;
  max-height: 16px;
}

.fticon-wishlist-off,
.fticon-wishlist {
  content: url(../icons/heart-light.svg);
}

.fticon-wishlist-on {
  content: url(../icons/heart-solid.svg);
}

.fticon-accessibility-wheelchair {
  content: url(../icons/wheelchair-sharp-regular.svg);
}

.fticon-accessibility-assistedlistening {
  content: url(../icons/ear-listen-sharp-regular.svg);
}

.fticon-accessibility-subtitled {
  content: url(../icons/closed-captioning-sharp-regular.svg);
}

.fticon-status-sellingfast {
  content: url(../icons/fire-sharp-regular.svg);
}

.fticon-status-soldout {
  content: url(../icons/octagon-solid.svg);
}

.fticon-status-standby {
  content: url(../icons/circle-exclamation-sharp-solid.svg);
}

.fticon-social-calendar {
  content: url(../icons/calendar-days-sharp-solid.svg);
}

.fticon-social-twitter {
  content: url(../icons/twitter.svg);
}

.fticon-social-x {
  content: url(../icons/x-twitter.svg);
}

.fticon-social-facebook {
  content: url(../icons/facebook.svg);
}

.fticon-menu {
  content: url(../icons/bars-sharp-solid.svg);
}

.fticon-menu-close,
.fticon-close {
  content: url(../icons/xmark-sharp-regular.svg);
}

.fticon-account {
  content: url(../icons/user-solid.svg);
}

.fticon-cart {
  content: url(../icons/cart-shopping-solid.svg);
}

.fticon-play {
  content: url(../icons/play-pause-sharp-solid.svg);
}

.fticon-trash {
  content: url(../icons/trash-can-solid.svg);
}

.fticon-warning {
  content: url(../icons/triangle-exclamation-sharp-solid.svg);
}

.fticon-media-livestream {
  content: url(../icons/signal-stream-sharp-solid.svg);
}

.fticon-accessibility-auslaninterpreted {
  content: url(../icons/hands-asl-interpreting-sharp-solid.svg);
}

.fticon-location {
  content: url(../icons/location-dot-sharp-regular.svg);
}

.fticon-settings {
  content: url(../icons/user-pen-solid.svg);
}

.fticon-view-list {
  content: url(../icons/list-sharp-solid.svg);
}

.fticon-payment-invoice {
  content: url(../icons/credit-card-sharp-solid.svg);
}

.fticon-caret-right {
  content: url(../icons/angle-right-sharp-solid.svg);
}

.fticon-classification-ma {
  content: url(../icons/classification_ma.svg);
}

.fticon-information {
  content: url(../icons/circle-info-sharp-solid.svg);
}

.fticon-view-image {
  content: url(../icons/grid-sharp-solid.svg);
}

.fticon-payment-backpocket {
  content: url(../icons/payment_backpocket.svg);
}

.fticon-payment-credit {
  content: url(../icons/payment_credit.svg);
}

.fticon-cc-mastercard {
  content: url(../icons/cc-mastercard.svg);
}

.fticon-cc-visa {
  content: url(../icons/cc-visa.svg);
}

.fticon-accessibility-accessibleToilet {
  content: url(../icons/accessibility_accessibleToilet.svg);
}

.fticon-accessibility-companionCard {
  display: none;
  content: url(../icons/accessibility_companionCard.svg);
}

/* MIFF ?*/
.fticon-accessibility-crybabysession {
  content: url(../icons/accessibility_crybabysession.svg);
}

/* MIFF ?*/
.fticon-accessibility-accessibleToilet {
  content: url(../icons/accessibility_accessibleToilet.svg);
}

.fticon-accessibility-accessSupportWorker {
  content: url(../icons/accessibility_accessSupportWorker.svg);
}

.fticon-accessibility-assistanceAnimalFacilities {
  content: url(../icons/accessibility_assistanceAnimalFacilities.svg);
  width: 1.5em !important;
}

.fticon-accessibility-assistanceAnimals {
  content: url(../icons/accessibility_assistanceAnimals.svg);
  width: 1.5em !important;
}

.fticon-accessibility-assistedlistening {
  content: url(../icons/accessibility_assistedListening.svg);
}

.fticon-accessibility-audiodescription {
  content: url(../icons/accessibility_audioDescription.svg);
}

.fticon-accessibility-auslaninterpreted {
  content: url(../icons/accessibility_auslanInterpreted.svg);
}

.fticon-accessibility-blindOrLowVision {
  content: url(../icons/accessibility_blindOrLowVision.svg);
}

.fticon-accessibility-braille {
  content: url(../icons/accessibility_braille.svg);
}

.fticon-accessibility-closecaptioned {
  content: url(../icons/accessibility_closeCaptioned.svg);
}

.fticon-accessibility-companionCard {
  content: url(../icons/accessibility_companionCard.svg);
  width: 4.5em !important;
}

.fticon-accessibility-easyRead {
  content: url(../icons/accessibility_easyRead.svg);
  width: 2em !important;
}

.fticon-accessibility-guidedtours {
  content: url(../icons/accessibility_guidedTours.svg);
}

.fticon-accessibility-largePrint {
  content: url(../icons/accessibility_largePrint.svg);
  width: 2em !important;
}

.fticon-accessibility-opencaptioned {
  content: url(../icons/accessibility_openCaptioned.svg);
}

.fticon-accessibility-opencaptionedInView {
  content: url(../icons/accessibility_openCaptionedInView.svg);
}

.fticon-accessibility-percent50 {
  content: url(../icons/accessibility_percent50.svg);
  width: 2em !important;
}

.fticon-accessibility-percent75 {
  content: url(../icons/accessibility_percent75.svg);
  width: 2em !important;
}

.fticon-accessibility-percent100 {
  content: url(../icons/accessibility_percent100.svg);
  width: 2em !important;
}

.fticon-accessibility-quietSpace {
  content: url(../icons/accessibility_quietSpace.svg);
}

.fticon-accessibility-rearwindowcaptioned {
  content: url(../icons/accessibility_rearWindowCaptioned.svg);
}

.fticon-accessibility-relaxedEvent {
  content: url(../icons/accessibility_relaxedEvent.svg);
}

.fticon-accessibility-subtitled {
  content: url(../icons/accessibility_subtitled.svg);
}

.fticon-accessibility-visualStory {
  content: url(../icons/accessibility_visualStory.svg);
  width: 2em !important;
}

.fticon-accessibility-wheelchair {
  content: url(../icons/accessibility_wheelchair.svg);
}

.fticon-accessibility-hearing-loop {
  content: url(../icons/accessibility_hearingloop.svg);
  width: 1em !important;
}

.fticon-account {
  content: url(../icons/account.svg);
}

.fticon-account-guest {
  content: url(../icons/account_guest.svg);
  width: 1.5em;
  height: auto;
  margin-top: -2px;
}

.fticon-caret-down {
  content: url(../icons/caret_down.svg);
}

.fticon-caret-left {
  content: url(../icons/caret_left.svg);
}

.fticon-caret-right {
  content: url(../icons/caret_right.svg);
}

.fticon-caret-up {
  content: url(../icons/caret_up.svg);
}

.fticon-cart {
  content: url(../icons/cart.svg);
}

.fticon-cc-amex {
  content: url(../icons/cc-amex.svg);
}

.fticon-cc-diners,
.fticon-cc-diners-club {
  content: url(../icons/cc-diners.svg);
}

.fticon-cc-mastercard {
  content: url(../icons/cc-mastercard.svg);
}

.fticon-cc-visa {
  content: url(../icons/cc-visa.svg);
}

.fticon-classification-18andover {
  content: url(../icons/classification_18andOver.svg);
}

.fticon-classification-allages {
  content: url(../icons/classification_allAges.svg);
}

.fticon-classification-ctc {
  content: url(../icons/classification_ctc.svg);
}

.fticon-classification-g {
  content: url(../icons/classification_g.svg);
}

.fticon-classification-m {
  content: url(../icons/classification_m.svg);
}

.fticon-classification-ma {
  content: url(../icons/classification_ma.svg);
}

.fticon-classification-pg {
  content: url(../icons/classification_pg.svg);
}

.fticon-classification-r {
  content: url(../icons/classification_r.svg);
}

.fticon-classification-x {
  content: url(../icons/classification_x.svg);
}

.fticon-classification-level1 {
  content: url(../icons/classification_level1.svg);
}

.fticon-classification-level2A {
  content: url(../icons/classification_level2A.svg);
}

.fticon-classification-level2B {
  content: url(../icons/classification_level2B.svg);
}

.fticon-classification-level3 {
  content: url(../icons/classification_level3.svg);
}

.fticon-close {
  content: url(../icons/xmark-sharp-regular.svg);
}

#ft_planClose {
  /* Prevent seating plan flashing icon */
  display: none;
}

.fticon-date-1 {
  content: url(../icons/date_1.svg);
}

.fticon-date-2 {
  content: url(../icons/date_2.svg);
}

.fticon-date-3 {
  content: url(../icons/date_3.svg);
}

.fticon-date-4 {
  content: url(../icons/date_4.svg);
}

.fticon-date-5 {
  content: url(../icons/date_5.svg);
}

.fticon-date-6 {
  content: url(../icons/date_6.svg);
}

.fticon-date-7 {
  content: url(../icons/date_7.svg);
}

.fticon-date-8 {
  content: url(../icons/date_8.svg);
}

.fticon-date-9 {
  content: url(../icons/date_9.svg);
}

.fticon-date-10 {
  content: url(../icons/date_10.svg);
}

.fticon-date-11 {
  content: url(../icons/date_11.svg);
}

.fticon-date-12 {
  content: url(../icons/date_12.svg);
}

.fticon-date-13 {
  content: url(../icons/date_13.svg);
}

.fticon-date-14 {
  content: url(../icons/date_14.svg);
}

.fticon-date-15 {
  content: url(../icons/date_15.svg);
}

.fticon-date-16 {
  content: url(../icons/date_16.svg);
}

.fticon-date-17 {
  content: url(../icons/date_17.svg);
}

.fticon-date-18 {
  content: url(../icons/date_18.svg);
}

.fticon-date-19 {
  content: url(../icons/date_19.svg);
}

.fticon-date-20 {
  content: url(../icons/date_20.svg);
}

.fticon-date-21 {
  content: url(../icons/date_21.svg);
}

.fticon-date-22 {
  content: url(../icons/date_22.svg);
}

.fticon-date-23 {
  content: url(../icons/date_23.svg);
}

.fticon-date-24 {
  content: url(../icons/date_24.svg);
}

.fticon-date-25 {
  content: url(../icons/date_25.svg);
}

.fticon-date-26 {
  content: url(../icons/date_26.svg);
}

.fticon-date-27 {
  content: url(../icons/date_27.svg);
}

.fticon-date-28 {
  content: url(../icons/date_28.svg);
}

.fticon-date-29 {
  content: url(../icons/date_29.svg);
}

.fticon-date-30 {
  content: url(../icons/date_30.svg);
}

.fticon-date-31 {
  content: url(../icons/date_31.svg);
}

.fticon-information {
  content: url(../icons/information.svg);
}

.fticon-information2 {
  content: url(../icons/information2.svg);
}

.fticon-location {
  content: url(../icons/location.svg);
}

.fticon-lock {
  width: 30px;
  vertical-align: top;
  content: url(../icons/lock.svg);
}

.fticon-media-ondemand {
  content: url(../icons/media_onDemand.svg);
}

.fticon-media-livestream {
  content: url(../icons/media_liveStream.svg);
}

.fticon-menu {
  content: url(../icons/menu.svg);
}

.fticon-payment-backpocket {
  content: url(../icons/payment_backpocket.svg);
}

.fticon-payment-backpocket-badge {
  width: 105px !important;
  height: 27px !important;
  margin-bottom: 5px;
  content: url(../icons/payment_backpocket-badge.svg);
}

.fticon-payment-cellmoni {
  content: url(../icons/payment_cellmoni.svg);
}

.fticon-payment-cellmoni-badge {
  width: 20px !important;
  content: url(../icons/payment_cellmoni-badge.svg);
}

.fticon-payment-applepay {
  content: url(../icons/payment_applepay.svg);
}

.fticon-payment-cash {
  content: url(../icons/payment_cash.svg);
}

.fticon-payment-cheque {
  content: url(../icons/payment_cheque.svg);
}

.fticon-payment-credit {
  content: url(../icons/payment_credit.svg);
}

.fticon-payment-eft {
  content: url(../icons/payment_eft.svg);
}

.fticon-payment-eftpos {
  content: url(../icons/payment_eftpos.svg);
}

.fticon-payment-googlepay {
  content: url(../icons/payment_googlepay.svg);
}

.fticon-payment-invoice {
  content: url(../icons/payment_invoice.svg);
}

.fticon-payment-paypal {
  content: url(../icons/payment_payPal.svg);
}

.fticon-payment-voucher {
  content: url(../icons/payment_voucher.svg);
}

.fticon-payment-bpay {
  content: url(../icons/payment_bpay.svg);
}

.fticon-play {
  content: url(../icons/play.svg);
}

.fticon-print {
  content: url(../icons/print.svg);
}

.fticon-refresh {
  content: url(../icons/refresh.svg);
}

.fticon-scroller-off {
  content: url(../icons/scroller_off.svg);
}

.fticon-scroller-on {
  content: url(../icons/scroller_on.svg);
}

.fticon-settings {
  content: url(../icons/settings.svg);
}

.fticon-social-calendar {
  content: url(../icons/social_calendar.svg);
}

.fticon-social-email {
  content: url(../icons/social_email.svg);
}

.fticon-social-facebook {
  content: url(../icons/social_facebook.svg);
}

.fticon-social-google {
  content: url(../icons/social_google.svg);
}

.fticon-social-instagram {
  content: url(../icons/social_instagram.svg);
}

.fticon-social-pinterest {
  content: url(../icons/social_pinterest.svg);
}

.fticon-social-print {
  content: url(../icons/social_print.svg);
}

.fticon-social-tumblr {
  content: url(../icons/social_tumblr.svg);
}

.fticon-social-twitter {
  content: url(../icons/social_twitter.svg);
}

.fticon-social-x {
  content: url(../icons/social_x.svg);
}

.fticon-social-youtube {
  content: url(../icons/social_youTube.svg);
}

.fticon-sort-az {
  content: url(../icons/sort_az.svg);
}

.fticon-sort-venue {
  content: url(../icons/sort_venue.svg);
}

.fticon-status-cancelled {
  content: url(../icons/status_cancelled.svg);
}

.fticon-status-postponed {
  content: url(../icons/status_postponed.svg);
}

.fticon-status-postponed {
  content: url(../icons/status_postponed.svg);
}

.fticon-status-purchased {
  content: url(https://tix.cinefestoz.com/img/ferve/status_purchased.svg);
}

.fticon-status-sellingfast {
  content: url(../icons/status_sellingFast.svg);
}

.fticon-status-soldout {
  content: url(../icons/status_soldOut.svg);
}

.fticon-status-standby {
  content: url(../icons/status_standBy.svg);
}

.fticon-trash {
  content: url(../icons/trash.svg);
}

.fticon-view-calendar {
  content: url(../icons/view_calendar.svg);
}

.fticon-view-image {
  content: url(../icons/view_image.svg);
}

.fticon-view-list {
  content: url(../icons/view_list.svg);
}

.fticon-warning {
  content: url(../icons/warning.svg);
}

.fticon-weather-cloudy1-night {
  content: url(../icons/weather_cloudy1_night.svg);
}

.fticon-weather-cloudy1 {
  content: url(../icons/weather_cloudy1.svg);
}

.fticon-weather-cloudy2 {
  content: url(../icons/weather_cloudy2.svg);
}

.fticon-weather-fog-night {
  content: url(../icons/weather_fog_night.svg);
}

.fticon-weather-fog {
  content: url(../icons/weather_fog.svg);
}

.fticon-weather-hail {
  content: url(../icons/weather_hail.svg);
}

.fticon-weather-rain1 {
  content: url(../icons/weather_rain1.svg);
}

.fticon-weather-rain2 {
  content: url(../icons/weather_rain2.svg);
}

.fticon-weather-rain3 {
  content: url(../icons/weather_rain3.svg);
}

.fticon-weather-snow-windy {
  content: url(../icons/weather_snow_windy.svg);
}

.fticon-weather-snow1-night {
  content: url(../icons/weather_snow1_night.svg);
}

.fticon-weather-snow1 {
  content: url(../icons/weather_snow1.svg);
}

.fticon-weather-snow2 {
  content: url(../icons/weather_snow2.svg);
}

.fticon-weather-storm1-night {
  content: url(../icons/weather_storm1_night.svg);
}

.fticon-weather-storm1 {
  content: url(../icons/weather_storm1.svg);
}

.fticon-weather-storm2 {
  content: url(../icons/weather_storm2.svg);
}

.fticon-weather-sunny-night {
  content: url(../icons/weather_sunny_night.svg);
}

.fticon-weather-sunny {
  content: url(../icons/weather_sunny.svg);
}

.fticon-weather-windy {
  content: url(../icons/weather_windy.svg);
}

[class^=fticon-] {
  max-width: 24px;
  max-height: 24px;
  filter: var(--icon-filter-none);
}

#app .ft_tooltipWrapper {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
#app {
  /* Tooltip box hidden by default */
}
#app .ft_tooltipContent {
  display: none;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #000;
  color: #fff;
  padding: 6px 10px;
  border-radius: var(--smallRadius);
  white-space: nowrap;
  font-size: 13px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  margin-bottom: 8px;
  z-index: 1000;
}
#app {
  /* Show tooltip when hovering over the icon */
}
#app [class^=fticon-]:hover + .ft_tooltipContent,
#app [class*=" fticon-"]:hover + .ft_tooltipContent {
  display: block;
}

#app .ft_itemHidden {
  display: none;
}
@media print {
  .ft_noPrint {
    display: none;
  }
}
html, body {
  padding: 0;
  margin: 0;
}/*# sourceMappingURL=main.css.map */