:root { /* add the theme override variables here */ /*Splash Page Style Variables Start (splash/index.scss)*/ --splash-container-top-sec-timer-sec-h3-font-family: var(--font-semibold); --splash-container-top-sec-timer-sec-p-font-family: var(--secondary-font-medium); --splash-container-top-sec-timer-sec-p-color: var(--color3); --splash-container-top-sec-timer-sec-location-font: 22px/24px var(--secondary-font-medium); --splash-container-top-sec-timer-sec-location-color: var(--base-color2); --splash-container-welcome-blk-h1-color: var(--color3); --splash-container-welcome-blk-h1-span-font: 136px/140px var(--font-semibold); --splash-container-buttons-container-button-get-tickets-button-color: var(--base-color1); --splash-container-buttons-container-button-order-fnb-button-color: var(--base-color1); --splash-container-buttons-container-button-order-fnb-button-background: var(--base-color2); --splash-container-buttons-container-button-font-family: var(--secondary-font-demibold); --splash-container-buttons-container-button-font-size: 38px; --splash-container-buttons-container-button-line-height: 42px; --splash-container-buttons-container-button-get-tickets-button-background: var(--base-color2); --splash-container-buttons-container-button-span-font-family: var(--secondary-font-light); --splash-container-buttons-container-button-i-font: 38px/42px var(--tertiary-font); --splash-container-buttons-container-button-i-color: var(--base-color1); --splash-container-buttons-container-button-i-margin: 0px; --splash-container-powered-by-influx-p-font-family: var(--secondary-font-light); --splash-container-buttons-container-button-pickup-tickets-button-background: var(--base-color2); --splash-container-buttons-container-button-pickup-tickets-button-color: var(--base-color1); /*Header Component Style Variables Start (components/header/index.scss)*/ --innerPageHeader-background: var(--color2); --innerPageHeader-rightColumn-homeButton-background: var(--color2); --innerPageHeader-rightColumn-homeButton-span-font: 14px/18px var(--secondary-font-medium); --innerPageHeader-timer-blk-time-txt-font: 24px/28px var(--secondary-font-light); --innerPageHeader-timer-blk-timer-count-font: 38px/42px var(--secondary-font-demibold); --innerPageHeader-timer-blk-timer-count-color: var(--color3); /* Movies pages Style Variables Start (movies-pages/index.scss) */ --movie-container-op-sec-rt-sec-filter-btn-color: var(--base-color1); --movie-container-op-sec-timer-p-font-family: var(--font-semibold); --movie-container-op-sec-timer-p-color: var(--base-color1); --movie-container-op-sec-timer-p-font-size: 44px; --movie-container-op-sec-timer-p-line-height: 44px; --movie-container-background: unset; --movie-container-movie-sec-movies-list-a-bg: var(--color4); --movie-container-movie-sec-movies-list-next-show-details-bg: var(--color4); --movie-container-movie-sec-movies-list-cont-sec-h4-font: 26px/26px var(--font-semibold); --movie-container-movie-sec-movies-list-cont-sec-h4-font-family: var(--font-semibold); --movie-container-movie-sec-movies-list-cont-sec-h4-color: var(--base-color1); --movie-container-movie-sec-movies-list-cont-sec-p-font: 16px/22px var(--secondary-font-medium); --movie-container-movie-sec-movies-list-cont-sec-p-color: var(--color6); --movie-container-movie-sec-movies-list-next-show-details-p-font: 14px/14px var(--secondary-font-medium); --movie-container-movie-sec-movies-list-next-show-details-show-experience-font-family: var(--secondary-font-medium); --movie-container-movie-sec-movies-list-next-show-details-show-experience-color: var(--color6); --movie-container-movie-sec-movies-list-next-show-details-show-time-background: var(--color1); --movie-container-movie-sec-movies-list-next-show-details-p-color: var(--base-color1); --movie-container-movie-sec-movies-list-next-show-details-show-time-font-family: var(--secondary-font-medium); --movie-container-op-sec-filter-count-font-family: var(--secondary-font-demibold); --movie-container-op-sec-filter-count-color: var(--base-color2); --movie-container-movie-sec-movies-list-cont-sec-span-lang-font-family: var(--secondary-font-demibold); --movie-container-movie-sec-movies-list-movie-det-ad-book-span-font-family: var(--secondary-font-medium); --movie-container-movie-sec-movies-list-movie-det-mov-type-span-font: 14px/14px var(--secondary-font-demibold); --movie-container-movie-sec-error-blk-p-font: 30px/34px var(--secondary-font-medium); --movie-container-movies-footer-span-font-family: var(--secondary-font-medium); --movie-container-movie-sec-no-movies-found-p-font-family: var(--secondary-font-demibold); --movie-container-movies-footer-background: var(--color6); --movie-container-movies-footer-span-color: var(--base-color2); --movie-container-movie-sec-movies-list-a-selected-bg: var(--color2); --movie-container-movie-sec-error-blk-p-color: var(--base-color1); --movie-container-inner-page-header-background: var(--color2); --experience-modal-close-button-background: var(--base-color2); --experience-modal-close-button-border: 2px solid var(--color1); --experience-modal-heading-font-family: var(--font-semibold); --experience-modal-modal-body-experience-div-border: 2px solid var(--color2); --experience-modal-modal-body-experience-div-color: var(--color2); --experience-modal-modal-body-experience-div-font-family: var(--font-semibold); --experience-modal-modal-body-experience-div-font-size: 42px; --experience-modal-modal-body-experience-div-line-height: 36px; --experience-modal-apply-button-color: var(--base-color2); --experience-modal-apply-button-background: var(--color1); --experience-modal-apply-button-border-color: var(--color1); --experience-modal-reset-button-color: var(--base-color1); --experience-modal-modal-body-experience-div-active-background: var(--color2); --experience-modal-modal-body-experience-div-active-border-color: var(--color2); --experience-modal-close-button-icon-color: var(--color1); --experience-modal-button-font-family: var(--secondary-font-medium); --experience-modal-button-font-size: 32px; --experience-modal-button-line-height: 32px; --experience-modal-reset-button-font-size: 26px; /* Movie Info component Style Variables Start (components/movie-info/index.scss) */ --banner-wrap-banner-wrap-movie-detail-wrap-movie-detail-movie-title-border-bottom: 1px solid var(--color5); --banner-wrap-banner-wrap-movie-detail-wrap-movie-detail-movie-desc-border-bottom: 1px solid var(--color5); --banner-wrap-banner-wrap-movie-detail-wrap-movie-detail-movie-title-font: 54px/48px var(--font-semibold); --banner-wrap-banner-wrap-movie-detail-wrap-movie-detail-movie-desc-span-font: 22px/22px var(--secondary-font-medium); --banner-wrap-banner-wrap-movie-detail-wrap-movie-detail-movie-cast-font-family: var(--secondary-font-light); --banner-wrap-banner-wrap-movie-detail-wrap-movie-detail-movie-cast-font-bold-font-family: var(--secondary-font-demibold); --banner-wrap-banner-wrap-movie-detail-wrap-movie-detail-movie-desc-span-after-background: var(--color3); --banner-wrap-bg-color: var(--color6); --banner-wrap-banner-wrap-movie-detail-wrap-movie-detail-movie-desc-span-ratingSpan-font-family: var(--secondary-font-demibold); --banner-wrap-banner-wrap-movie-detail-wrap-movie-detail-movieSupportInfo-span-font: 26px/22px var(--secondary-font-medium); --banner-wrap-noAfter-movie-title-color: var(--base-color1); --banner-wrap-noAfter-movie-desc-span-color: var(--base-color1); --banner-wrap-noAfter-movieSupportInfo-span-font-family: var(--secondary-font-medium); --banner-wrap-noAfter-movieSupportInfo-color: var(--base-color1); --banner-wrap-noAfter-movieSupportInfo-span-after-background: var(--color3); --banner-wrap-noAfter-movie-title-border-color: var(--color5); --banner-wrap-banner-wrap-movie-detail-wrap-movie-detail-movie-desc-font-family: var(--secondary-font-medium); --banner-wrap-noAfter-movie-desc-border-color: var(--color5); --banner-wrap-noAfter-font-family: var(--secondary-font-light); /* Showtimes Page Style Variables Start (showtimes/index.scss) */ --showtime-container-time-wrap-ul-movie-date-wrap-background: var(--color4); --showtime-container-time-wrap-ul-movie-date-wrap-movie-date-font: 40px/30px var(--font-semibold); --showtime-container-time-wrap-ul-movie-date-wrap-color: var(--base-color1); --showtime-container-time-wrap-ul-movie-date-wrap-movie-day-font: 20px/20px var(--secondary-font-medium); --showtime-container-time-wrap-ul-movie-date-wrap-today-background: var(--color1); --showtime-container-time-wrap-future-date-caution-p-color: var(--color1); --showtime-container-time-wrap-ul-movie-date-wrap-border-radius: 16px; --showtime-container-play-wrap-play-icon-wrap-h2-font: 28px/32px var(--font-semibold); --showtime-container-play-wrap-ul-play-date-wrap-showtime-available-play-time-color: var(--color2); --showtime-container-play-wrap-ul-play-date-wrap-showtime-available-play-time-border-color: var(--color2); --showtime-container-play-wrap-ul-play-date-wrap-showtime-fast-filling-play-time-color: var(--color2); --showtime-container-play-wrap-ul-play-date-wrap-showtime-fast-filling-play-time-border-color: var(--color3); --showtime-container-play-wrap-ul-play-date-wrap-showtime-fast-filling-span-color: var(--color2); --showtime-container-play-wrap-ul-play-date-wrap-showtime-sold-play-time-color: var(--color5); --showtime-container-play-wrap-ul-play-date-wrap-showtime-sold-play-time-bg-color: var(--base-color2); --showtime-container-play-wrap-ul-play-date-wrap-showtime-sold-play-time-border-color: var(--color5); --showtime-container-play-wrap-ul-play-date-wrap-showtime-sold-span-color: var(--color5); --showtime-container-play-wrap-ul-play-date-wrap-showtime-disabled-play-time-color: rgba(var(--color5), 0.3); --showtime-container-play-wrap-ul-play-date-wrap-showtime-disabled-play-time-background: rgba(var(--color5), 0.3); --showtime-container-play-wrap-ul-play-date-wrap-showtime-disabled-play-time-border-color: rgba(var(--color5), 0.3); --showtime-container-play-wrap-ul-play-date-wrap-play-time-font: 28px/28px var(--secondary-font-medium); --showtime-container-play-wrap-ul-play-date-wrap-play-time-border: 1.8px solid var(--color2); --showtime-container-play-wrap-ul-play-date-wrap-play-time-color: var(--base-color1); --showtime-modal-show-modal-dialog-modal-content-modal-close-background: var(--base-color2) url('/assets/images/close-icon.svg') no-repeat center center; --showtime-modal-show-modal-dialog-modal-content-modal-close-border: 2px solid var(--color1); --showtime-modal-show-modal-dialog-modal-content-modal-body-movie-info-modal-experince-heading-font-family: var(--font-semibold); --showtime-modal-show-modal-dialog-modal-content-modal-body-movie-info-modal-movie-info-desc-font: 24px/42px var(--secondary-font-medium); --showtime-modal-show-modal-dialog-modal-content-modal-body-movie-info-modal-movie-info-desc-color: var(--base-color1); --showtime-container-play-wrap-ul-play-date-wrap-play-time-is-selected-bg-color: var(--color2); --showtime-container-time-wrap-future-date-caution-p-font-family: var(--secondary-font-medium); --showtime-container-showtime-not-p-font: 24px/28px var(--secondary-font-demibold); --showtime-container-play-wrap-ul-play-date-wrap-span-font-family: var(--secondary-font-medium); --rules-modal-show-modal-dialog-modal-content-modal-body-rules-wrap-font-bold-font-family: var(--secondary-font-demibold); --consumber-advice-popup-modal-dialog-modal-content-modal-body-title-font-family: var(--font-semibold); --custom-modal-modal-dialog-modal-content-modal-body-title-color: var(--base-color1); --custom-modal-modal-dialog-modal-content-modal-body-title-font-family: var(--font-semibold); --custom-modal-modal-dialog-modal-content-modal-body-description-font-family: var(--secondary-font-medium); --custom-modal-modal-dialog-modal-content-modal-body-description-color: var(--base-color1); --consumber-advice-popup-modal-dialog-modal-content-modal-body-btns-wrap-btn-btnprimary-active-background: var(--base-color2); --consumber-advice-popup-modal-dialog-modal-content-modal-body-btns-wrap-btn-btnprimary-active-border-color: var(--color1); --consumber-advice-popup-modal-dialog-modal-content-modal-body-btns-wrap-btn-btnprimary-active-color: var(--color1); /* seatlayout page Style Variables Start (seatlayout/index.scss) */ --seatlayout-container-showtimes-wrap-play-date-wrap-sold-out-show-time-play-time-color: var(--color5); --seatlayout-container-showtimes-wrap-play-date-wrap-play-time-border: 2px solid var(--color1); --seatlayout-container-showtimes-wrap-play-date-wrap-play-time-border-radius: 7.2px; --seatlayout-container-showtimes-wrap-play-date-wrap-active-play-time-background: var(--color1); --seatlayout-container-showtimes-wrap-play-date-wrap-active-play-time-border: 1px solid var(--color1); --seatlayout-container-showtimes-wrap-play-date-wrap-play-time-font-family: var(--secondary-font-medium); --seatlayout-container-showtimes-wrap-play-date-wrap-play-time-color: var(--base-color1); --seatlayout-container-showtimes-wrap-play-date-wrap-play-time-hover-border: 1px solid var(--color1); --seatlayout-container-showtimes-wrap-play-date-wrap-play-time-hover-background: var(--color1); --seatlayout-container-movie-type-seat-count-color: var(--color2); --seatlayout-container-showtimes-wrap-play-date-wrap-span-font-family: var(--secondary-font-medium); --seatlayout-container-movie-type-std-type-font-family: var(--secondary-font-demibold); --seatlayout-container-movie-type-prem-type-font-family: var(--secondary-font-demibold); --seatlayout-container-ticket-summary-modal-continue-wrap-continue-btn-font-family: var(--secondary-font-medium); --seatlayout-container-movie-type-background: var(--color4); /*Seats/ Index Style Variables Start (components/seats/index.scss)*/ --seat-types-zoomIconDiv-background: var(--color2); --seat-types-li-span-color: var(--base-color1); --seat-types-li-span-font-family: var(--secondary-font-medium); --seats-container-zoomed-in-seat-row-title-font-family: var(--secondary-font-demibold); /* Seats/ TicketTypeDrawer Component Style Variables Start (components/seats/ticket-type-drawer/index.scss) */ --ticket-type-drawer-h3-title-font-family: var(--font-semibold); --ticket-type-drawer-vertical-ticket-type-btn-font-family: var(--secondary-font-medium); --ticket-type-drawer-ticket-type-btn-color: var(--color2); --ticket-type-drawer-ticket-type-btn-border: 2px solid var(--color2); --ticket-type-drawer-drawer-footer-background-color: var(--color4); --ticket-type-drawer-form-check-label-font-family: var(--secondary-font-medium); --ticket-type-drawer-form-check-input-border-color: var(--color1); --ticket-type-drawer-close-btn-background-color: var(--base-color2); --ticket-type-drawer-close-btn-border: 2px solid var(--color1); --ticket-type-drawer-form-check-input-checkbox-background: url(/assets/images/check-icon.svg) white no-repeat center center !important; --ticket-type-drawer-voucherCode-font: 28px/24px var(--secondary-font-medium); --ticket-type-drawer-ticket-type-btn-font-family: var(--secondary-font-demibold); --ticket-type-drawer-ticket-type-price-font-family: var(--secondary-font-medium); --ticket-type-drawer-note-font-family: var(--secondary-font-light); --ticket-type-drawer-note-span-font-family: var(--secondary-font-demibold); --ticket-type-drawer-MuiFormControlLabel-label-font-family: var(--secondary-font-light); /* Ticket Summary Component Style Variables Start (components/ticket-summary/index.scss) */ --ticket-summary-title-font-family: var(--secondary-font-demibold); --ticket-summary-title-font-family: var(--secondary-font-demibold); --ticket-summary-ticket-type-font-family: var(--secondary-font-demibold); --ticket-summary-tick-info-price-txt-font-family: var(--secondary-font-demibold); --ticket-summary-info-dec-info-txt-font-bold-font-family: var(--secondary-font-demibold); --ticket-summary-info-dec-price-txt-font-family: var(--secondary-font-demibold); --ticket-summary-total-info-dec-info-txt-font-bold-font-family: var(--secondary-font-demibold); --ticket-summary-total-info-dec-price-txt-font-family: var(--secondary-font-demibold); /*Warning Tooltip Component Style Variables Start (components/warning-tooltip/index.scss)*/ --warning-tooltip-content-p-font-family: var(--secondary-font-medium); /* Booking Summary Component Style Variables Start (components/booking-summary/index.scss) */ --purchase-footer-back-btn-a-font-family: var(--secondary-font-medium); --purchase-footer-back-btn-a-color: var(--base-color2); --purchase-footer-purchase-next-button-font-family: var(--secondary-font-medium); --purchase-footer-purchase-summary-purchase-grand-total-p-font-family: var(--secondary-font-medium); --purchase-footer-purchase-summary-purchase-grand-total-p-background: var(--color1); --purchase-footer-purchase-next-button-color: var(--base-color2); --purchase-footer-purchase-summary-purchase-grand-total-p-span-font-family: var(--secondary-font-demibold); --purchase-footer-purchase-next-button-font-size: 36px; --purchase-footer-purchase-next-button-line-height: 36px; --purchase-footer-back-btn-a-font-size: 28px; --purchaseFooter-offcanvas-btn-close-font-size: 24px; --back-arrow-color: var(--base-color2); --booking-summary-booking-summary-heading-font-family: var(--font-semibold); --booking-summary-heading-font-family: var(--secondary-font-demibold); --booking-summary-heading-color: var(--base-color1); --booking-summary-each-ticket-div-name-font-family: var(--secondary-font-medium); --booking-summary-each-ticket-div-name-color: var(--base-color1); --booking-summary-each-ticket-div-each-qty-font-family: var(--secondary-font-medium); --booking-summary-each-ticket-div-each-qty-color: var(--base-color1); --booking-summary-each-ticket-div-price-div-color: var(--base-color1); --booking-summary-each-ticket-div-price-div-font-family: var(--secondary-font-medium); --booking-summary-each-ticket-div-total-cost-color: var(--color2); --booking-summary-each-ticket-div-total-cost-font-family: var(--secondary-font-demibold); --booking-summary-continue-button-background: var(--color1); --booking-summary-continue-button-color: var(--base-color2); --booking-summary-continue-button-line-height: 103px; --booking-summary-each-ticket-div-font-family: var(--secondary-font-medium); --booking-summary-each-ticket-div-pre-cost-font-family: var(--secondary-font-medium); --booking-summary-each-ticket-div-pre-cost-color: var(--base-color1); --booking-summary-each-ticket-div-modifiers-font-family: var(--secondary-font-light); --booking-summary-each-ticket-div-voucher-type-name-span-font-family: var(--secondary-font-medium); --booking-summary-each-ticket-div-voucher-type-name-span-modifiers-font-family: var(--secondary-font-medium); --booking-summary-each-ticket-div-voucher-fnb-type-name-span-font-family: var(--secondary-font-medium); --booking-summary-each-ticket-div-voucher-fnb-type-name-span-modifiers-font-family: var(--secondary-font-medium); --booking-summary-each-ticket-div-modifiers-color: var(--base-color1); --booking-summary-delivery-type-label-seat-bg: var(--color2); --booking-summary-delivery-type-label-pickup-bg: var(--color1); /* Booking Timer Popup */ --booking-timer-popup-content-p-color: var(--base-color1); --booking-timer-popup-progress-sec-h2-color: var(--base-color1); --booking-timer-popup-RadialProgressIndicator__label-font-family: var(--secondary-font-medium); /*Payment Page Style Variables Start (payment/index.scss)*/ --payment-container-summary-sec-info-dec-info-txt-span-lite-txt-font-family: var(--secondary-font-light); --payment-container-accordion-button-booking-summary-title-font-family: var(--font-semibold); --payment-container-accordion-button-booking-summary-title-color: var(--color2); --payment-container-movie-detail-wrap-movie-detail-movie-title-font: 54px/58px var(--font-semibold); --payment-container-paymentPageMovieInfo-accordion-item-accordion-button-banner-wrap-movieSupportInfo-span-after-background: var(--color3); --payment-container-accordion-button-border-bottom: 1px solid var(--color5); --payment-container-movie-detail-wrap-movie-detail-movie-desc-span-font-family: var(--secondary-font-medium); --payment-container-movie-detail-wrap-movie-detail-movie-desc-span-rating-font-family: var(--secondary-font-medium); --payment-container-accordion-button-banner-wrap-movie-detail-wrap-movie-detail-movieSupportInfo-span-font-family: var(--secondary-font-medium); --payment-container-tick-info-price-txt-font-family: var(--secondary-font-demibold); --payment-container-summary-sec-info-dec-price-txt-font-family: var(--secondary-font-demibold); --payment-container-accordion-body-eachTicketDiv-giftcard-payment-preCost-font: 28px/28px var(--secondary-font-medium); --payment-container-accordion-body-eachTicketDiv-giftcard-payment-giftcard-priceDiv-price-font: 36px/36px var(--secondary-font-demibold); --payment-container-movie-detail-movie-title-font-family: var(--secondary-font-demibold); /* your details page Style Variables Start (your-details/index.scss) */ --yourdetails-page-yr-details-wrapper-scan-btn-p-font: 24px/24px var(--secondary-font-medium); --yourdetails-page-yr-details-wrapper-details-blk-h1-font: 56px/56px var(--font-semibold); --yourdetails-page-yr-details-wrapper-details-blk-form-blk-form-grp-fm-inner-input-font: 24px/24px var(--secondary-font-demibold); --yourdetails-page-yr-details-wrapper-details-blk-form-blk-form-grp-fm-inner-input-color: var(--base-color1); --yourdetails-page-yr-details-wrapper-details-blk-form-blk-form-grp-fm-inner-input-border: 1px solid var(--color6); --yourdetails-page-yr-details-wrapper-details-blk-country-field-fm-inner-input-font: 24px/24px var(--secondary-font-demibold); --yourdetails-page-yr-details-wrapper-details-blk-country-field-fm-inner-country-wrap-span-font: 24px/24px var(--secondary-font-demibold); --yourdetails-page-yr-details-wrapper-details-blk-btn-sec-p-font: 20px/24px var(--secondary-font-medium); --yourdetails-page-yr-details-wrapper-details-blk-h1-color: var(--base-color1); --yourdetails-page-yr-details-wrapper-details-blk-procced-text-p-span-color: var(--color5); --yourdetails-page-yr-details-wrapper-details-blk-procced-text-p-a-color: var(--base-color1); --yourdetails-page-yr-details-wrapper-details-blk-procced-text-p-font: 36px/36px var(--secondary-font-demibold); --your-details-blk-h3-font: 56px/60px var(--font-semibold); --your-details-blk-h3-color: var(--color2); --your-details-blk-h3-span-font: 26px/30px var(--secondary-font-medium); /* Your voucher page Style Variables Start (your-voucher/index.scss) */ --yourvoucher-page-yourvoucher-wrapper-custom-banner-content-rewards-redeem-text-font: 23px/29px var(--secondary-font-light); --yourvoucher-page-yourvoucher-wrapper-your-voucher-component-h4-font: 58px/54px var(--secondary-font-demibold) er; --yourvoucher-page-yourvoucher-wrapper-your-voucher-component-your-voucher-sec-voucher-head-h5-font: 46px/54px var(--secondary-font-demibold) er; --yourvoucher-page-yourvoucher-wrapper-your-voucher-component-your-voucher-sec-voucher-list-li-p-font: 28px/32px var(--secondary-font-medium); --yourvoucher-page-yourvoucher-wrapper-your-voucher-component-your-voucher-sec-voucher-list-li-p-span-font: 28px/28px var(--secondary-font-light); --yourvoucher-page-yourvoucher-wrapper-your-voucher-component-your-voucher-sec-voucher-list-li-remove-text-font: 22px/28px var(--secondary-font-demibold) er; --yourvoucher-page-yourvoucher-wrapper-your-voucher-component-scan-btn-btn-plus-icon-font: 77px/36px var(--secondary-font-demibold) er; --yourvoucher-page-yourvoucher-wrapper-your-voucher-component-vouchers-not-p-font: 24px/28px var(--secondary-font-demibold); --content-blk-your-details-blk-form-blk-input-wrap-input-font: 18px/18px var(--secondary-font-medium); --content-blk-your-details-blk-tandc-blk-form-groups-label-font: 22px/40px var(--secondary-font-light); --content-blk-your-details-blk-tandc-blk-form-groups-label-a-font-family: var(--secondary-font-demibold); --content-blk-choose-payment-sec-payment-list-ul-li-p-span-font: 30px/48px var(--secondary-font-demibold); --content-blk-choose-payment-sec-payment-list-ul-li-p-span-color: var(--base-color1); --content-blk-choose-payment-sec-payment-list-ul-li-gift-card-giftcard-details-h4-font: 30px/34px var(--secondary-font-demibold); --content-blk-choose-payment-sec-payment-list-ul-li-gift-card-giftcard-details-h4-span-font: 26px/30px var(--secondary-font-medium); --content-blk-choose-payment-sec-payment-list-ul-li-credit-card-bg: url(/assets/images/credit-card-icon.svg) no-repeat; --content-blk-choose-payment-sec-payment-list-ul-li-gift-card-before-bg: url(/assets/images/gift-card-icon.svg) no-repeat; --booking-summary-separator-background: var(--color6); /* rewards-redemption start */ --payment-rewards-redemption-price-font-family: var(--secondary-font-demibold); --payment-rewards-redemption-redeemBtn-font-family: var(--secondary-font-demibold); /* Recent Bookings Page Style Variables Start (recentBookings/index.scss) */ --recent-bookings-page-h4-title-font-family: var(--secondary-font-demibold); --recent-bookings-page-recent-booking-slider-h6-font-family: var(--secondary-font-demibold); --recent-bookings-page-booking-details-film-status-font-family: var(--secondary-font-medium); --recent-bookings-page-booking-details-film-status-span-font-family: var(--secondary-font-medium); --recent-bookings-page-booking-details-booking-id-font-family: var(--secondary-font-light); --recent-bookings-page-booking-details-booking-id-span-font-family: var(--secondary-font-demibold); --recent-bookings-page-booking-details-film-details-span-font-family: var(--secondary-font-medium); --recent-bookings-page-buy-food-cta-title-font-family: var(--secondary-font-demibold); --recent-bookings-page-buy-food-cta-content-description-font-family: var(--secondary-font-medium); /* Close Button */ --btn-close-background-color: var(--base-color2); --btn-close-color: var(--color1); --btn-close-border: 4px solid var(--color1); /* Login Page Style Variables Start (login/index.scss) */ --login-page-back-arrow-color: var(--color3); --login-page-content-h2-font: 58px/62px var(--font-semibold); --login-page-content-h2-color: var(--base-color1); --login-custom-banner-color: transparent; --login-page-content-h2-dynamic-font: 54px/64px var(--font-semibold); --loginComponent-phone-number-login-btn-phone-login-bg-color: var(--color2); --loginComponent-member-manual-login-bg-color: var(--color2); --loginComponent-member-manual-login-border-color: var(--color2); --loginComponent-member-manual-login-color: var(--base-color2); /* Login Component Style Variables Start (components/login/index.scss) */ --loginComponent-scanYourBarcode-font: 36px/40px var(--secondary-font-demibold); --loginComponent-scan-btn-p-font: 24px/24px var(--secondary-font-medium); --loginComponent-scan-btn-p-color: var(--base-color1); --loginComponent-or-para-font: 32px/32px var(--secondary-font-medium); --loginComponent-or-para-color: var(--color5); --loginComponent-procced-text-p-font: 28px/28px var(--secondary-font-demibold); --loginComponent-procced-text-p-span-color: var(--color5); --loginComponent-procced-text-p-a-color: var(--base-color1); --loginComponent-scan-btn-btn-btnPrimary-scanBarCode-color: var(--base-color2); --user-selection-modal-title-color: var(--base-color1); --user-selection-modal-desc1-color: var(--base-color1); --user-selection-modal-form-label-name-color: var(--base-color1); --user-selection-modal-form-label-email-color: var(--base-color1); --user-selection-modal-desc2-color: var(--base-color1); /* Custom Banner Component Style Variables Start (components/custom-banner/index.scss) */ --custom-banner-padding: 180px; --custom-banner-content-rewards-redeem-text-bottom: 160px; --custom-banner-header-a-button-font: 40px/40px var(--font-semibold); --custom-banner-header-a-button-color: var(--base-color2); --custom-banner-content-span-font: 62px/62px var(--font-semibold); --custom-banner-content-span-font-family: var(--font-semibold); --custom-banner-content-span-color: var(--color3); --custom-banner-content-rewards-redeem-text-font: 22px/36px var(--secondary-font-medium); --custom-banner-content-span-b-pc2-text-color: var(--color3); --custom-banner-content-h3-font: 70px/74px var(--font-semibold); --custom-banner-content-h1-font: 76px/80px var(--font-semibold); --custom-banner-content-span-b-font-family: var(--secondary-font-medium); --custom-banner-pickup-background-img: url('/assets/images/pickup-bg-pattern.svg') no-repeat; --custom-banner-content-h1-color: var(--color3); /* Barcode Modal Component Style Variables Start (components/barcodemodal/index.scss) */ --barcode-popup-modal-content-modal-body-content-h1-font: 58px/62px var(--secondary-font-demibold); --barcode-popup-modal-content-modal-body-content-h2-color: var(--color2); --barcode-popup-modal-content-modal-body-close-btn-background: var(--base-color2); --barcode-popup-modal-content-modal-body-content-scan-btn-a-disabled: var(--base-color2); --barcode-popup-modal-content-modal-body-content-form-blk-fm-inner-input-wrap-input-font: 28px/28px var(--secondary-font-medium); --barcode-popup-modal-content-modal-body-content-form-blk-fm-inner-input-wrap-input-color: var(--base-color1); --barcode-popup-modal-content-modal-body-close-btn-bg: url(/assets/images/close-icon.svg) no-repeat; --barcode-popup-modal-content-modal-body-content-form-blk-fm-inner-input-wrap-input-placeholder-font: 18px/22px var(--secondary-font-medium); --barcode-popup-modal-content-modal-body-content-form-blk-fm-inner-input-wrap-input-placeholder-color: var(--color5); --barcode-popup-modal-content-modal-body-content-form-blk-fm-inner-border: 1px solid var(--color6); --barcode-popup-modal-content-modal-body-content-form-blk-fm-inner-input-wrap-input-border: 2px solid var(--color5); --barcode-popup-modal-content-modal-body-content-error-blk-p-font: 30px/34px var(--secondary-font-medium); --barcode-popup-modal-content-modal-body-content-error-blk-p-color: var(--base-color1); --barcode-popup-modal-content-modal-body-close-btn-border: 2px solid var(--color1); --barcode-popup-modal-content-modal-body-content-loader-blk-p-font: 20px/24px var(--secondary-font-demibold); --barcode-popup-modal-content-modal-body-content-title-color: var(--color2); --barcode-popup-modal-content-modal-body-content-title-font-family: var(--font-semibold); /* Styles/ Common Style Variables Start (styles/common.scss) */ --btn-font: 400 32px/36px var(--secondary-font-medium); --btn-btnPrimary-background: var(--color1); --btn-btnPrimary-border-color: var(--color1); --btn-btnPrimary-hover-background: var(--color1); --btn-btnPrimary-hover-border-color: var(--color1); --btn-btnPrimary-color: var(--base-color2); --btn-border-radius: 12px; --btn-btnSecondary-background: var(--base-color2); --btn-btnSecondary-border-color: var(--color1); --btn-btnSecondary-color: var(--color1); .btn-close { --bs-btn-close-bg: url('/assets/images/close-icon.svg'); } --bs-btn-active-color: var(--color1); --bs-btn-active-bg: var(--base-color2); --bs-btn-active-border-color: var(--color1); --alert-btn-color: var(--base-color2); --alert-btn-btnSecondary-color: var(--color1); --alert-btn-btnSecondary-border: 1px solid var(--color1); /* Booking Flow Component Style Variables Start (components/booking-flow/index.scss) */ --booking-flow-step-name-font-family: var(--secondary-font-medium); --booking-flow-step-name-color: var(--base-color1); --booking-flow-step-active-name-color: var(--color2); --booking-flow-step-active-name-font-family: var(--secondary-font-medium); --booking-flow-step-name-step-number-background: var(--color5); --booking-flow-step-not-last-child-after-border-top: 1px dashed var(--color5); --booking-flow-step-active-name-step-number-background: var(--color3); --booking-flow-step-active-name-step-number-color: var(--base-color1); --booking-flow-step-name-step-number-color: var(--base-color2); --innerPageHeader-logged-welcome-font: 20px/14px var(--secondary-font-light); --innerPageHeader-logged-welcome-color: var(--base-color2); --innerPageHeader-logged-username-font: 24px/24px var(--secondary-font-medium); /* Custom Slider Component Style Variables Start (components/custom-slider/index.scss) */ --custom-slider-arrow-left-right-border: 0.5px solid transparent; --custom-slider-arrow-left-right-background-color: transparent; --custom-slider-arrow-left-right-svg-color: var(--color5); --custom-slider-arrow-disabled-left-right-svg-color: var(--color5); /* Fnb / Fnb Categories Header Component Style Variables Start (components/fnb/fnb-categories-header/index.scss) */ --fnb-categories-header-category-btn-background: var(--color4); --fnb-categories-header-category-btn-color: var(--base-color1); --fnb-categories-header-category-btn-is-active-background: var(--color1); --fnb-item-card-item-details-h3-font-family: var(--font-semibold); --fnb-item-card-item-details-item-details-font-family: var(--secondary-font-light); --fnb-item-card-item-details-h3-color: var(--color2); --fnb-item-card-item-details-item-price-font-family: var(--font-semibold); --fnb-item-card-item-details-item-price-color: var(--color2); --fnb-item-card-item-details-button-add-to-cart-background: var(--color3); --fnb-item-card-item-details-button-add-to-cart-font-family: var(--secondary-font-medium); --fnb-item-card-item-details-button-add-to-cart-color: var(--base-color1); --fnb-item-card-item-details-button-add-to-cart-font-size: 24px; --fnb-item-card-item-details-button-add-to-cart-line-height: 24px; --fnb-item-card-item-image-container-border: 1px solid var(--color4); --fnb-item-card-item-details-border: 1px solid var(--color4); --fnb-item-card-item-delivery-type-to-be-picked-up-bg-color: var(--color2); --fnb-item-card-item-details-item-price-cart-vouchers-applied-details-p-font-family: var(--secondary-font-demibold); --fnbItemDetailsContainer-modifierHeader-bg-color: var(--color2); --fnbItemDetailsContainer-fnbItemName-font-family: var(--secondary-font-medium); --fnbItemDetailsContainer-modifierHeader-pricecart-font: var(--secondary-font-medium); --fnbItemDetailsContainer-modifierGroupDiv-incDecButtonDiv-selectedQty-font-family: var(--secondary-font-medium); --fnbItemDetailsContainer-modifierTitle-color: var(--base-color1); --fnbItemDetailsContainer-modifierGroupsAccordionWrapper-accordion-button-color: var(--base-color1); --fnbItemDetailsContainer-modifierGroupsAccordionWrapper-accordion-button-font-family: var(--secondary-font-medium); --fnbItemDetailsContainer-modifierItem-border: 2px solid var(--base-color2); --fnbItemDetailsContainer-modifierGroupsAccordionWrapper-accordion-button-span-color: var(--color1); --fnbItemDetailsContainer-modifierGroupsAccordionWrapper-accordion-button-span-optional-color: var(--color1); --fnbItemDetailsContainer-modifierItem-formcheckinput-checkbox-checked-bg-color: var(--color1); --fnbItemDetailsContainer-modifierItem-formcheckinput-checkbox-checked-border-color: var(--color1); --fnbItemDetailsContainer-modifierItem-selected-border: 2px solid var(--color3); --fnbItemDetailsContainer-modifierItem-content-name-font-family: var(--font-semibold); --fnb-item-card-item-details-h3-font-size: 34px; --fnb-item-card-item-details-h3-line-height: 32px; --fnbItemDetailsContainer-modifierItem-content-name-font-size: 24px; --fnbItemDetailsContainer-modifierItem-content-name-line-height: 23px; --fnbItemDetailsContainer-modifierItem-content-name-color: var(--base-color1); --fnbItemDetailsContainer-modifierGroupsAccordionWrapper-price-span-font-family: var(--secondary-font-medium); --fnbItemDetailsContainer-modifierGroupsAccordionWrapper-price-span-font-size: 18px; --fnbItemDetailsContainer-modifierGroupsAccordionWrapper-price-span-line-height: 22px; --fnbItemDetailsContainer-modifierGroupsAccordionWrapper-price-span-color: var(--base-color1); --fnbItemDetailsContainer-modifierPopupFooter-proceedButton-background: var(--color2); --fnbItemDetailsContainer-modifierPopupFooter-submitButtonPriceDiv-button-font-family: var(--secondary-font-medium); --fnbItemDetailsContainer-modifierPopupFooter-submitButtonPriceDiv-button-bg-color: var(--color3); --fnbItemDetailsContainer-modifierPopupFooter-proceedButton-color: var(--base-color1); --fnbItemDetailsContainer-modifierItem-formcheckinput-border: 2px solid var(--color5); --fnbItemDetailsContainer-modifierPopupFooter-submitButtonPriceDiv-price-font-family: var(--secondary-font-medium); --fnbItemDetailsContainer-nextAccordionBtn-bg-color: var(--color1); --fnbItemDetailsContainer-modifierItem-formcheckinput-radio-checked-border: 1px solid var(--color1); --fnbItemDetailsContainer-modifierItem-formcheckinput-radio-checked-bg-color: var(--color1); --fnbItemDetailsContainer-modifierPopupFooter-makeRequired-color: var(--base-color2); --fnbItemDetailsContainer-modifierPopupFooter-makeRequired-font-family: var(--secondary-font-medium); --fnbItemDetailsContainer-fnbItemDescription-font-family: var(--secondary-font-light); --fnbItemDetailsContainer-modifierGroupDiv-incDecButtonDiv-button-font-family: var(--secondary-font-demibold); --fnbItemDetailsContainer-modifierGroupDiv-modifierItemName-font-family: var(--secondary-font-medium); --fnbItemDetailsContainer-modifierGroupDiv-modifierItemPrice-font-family: var(--secondary-font-demibold); --fnbItemDetailsContainer-modiferGroupName-font-family: var(--secondary-font-demibold); --fnbItemDetailsContainer-modifierPopupFooter-itemQty-font-family: var(--secondary-font-demibold); --fnbItemDetailsContainer-modifierPopupFooter-proceedButton-font: 24px/24px var(--secondary-font-demibold); --fnb-item-card-item-delivery-type-in-seat-bg-color: var(--color2); --fnbItemDetailsContainer-modifierItem-bg-color: var(--base-color2); --fnbItemDetailsContainer-modifierGroupDiv-background-color: var(--color4); --fnbItemDetailsContainer-modifierGroupDiv-border: 1px solid var(--color4); --fnbItemDetailsContainer-modifierItem-selected-bg-color: var(--color7); --fnbItemDetailsContainer-modifierPopupFooter-submitButtonPriceDiv-price-color: var(--base-color2); --addedToCartDrawer-background: var(--color1); --addedToCartDrawer-offcanvas-body-p-font-family: var(--secondary-font-demibold); /* Fnb/ Age Restriction Component Style Variables Start (components/fnb/age-restriction-modal/index.scss) */ --age-restriction-popup-header-div-heading-font-family: var(--secondary-font-light); --age-restriction-popup-dob-div-heading-font-family: var(--secondary-font-demibold); --age-restriction-popup-dob-div-dob-fields-input-field-label-font-family: var(--secondary-font-demibold); --age-restriction-popup-footer-div-heading-font-family: var(--secondary-font-light); --age-restriction-popup-ok-button-font: 26px/26px var(--secondary-font-demibold); /*Idle Stay Modal Component Style Variables Start (components/idle-stay-modal/index.scss)*/ --idle-stay-popup-modal-content-modal-body-content-progress-sec-RadialProgressIndicator-label-font-family: var(--secondary-font-medium); --idle-stay-popup-modal-content-modal-body-content-p-font: 22px/28px var(--secondary-font-medium); --incDecDivForItem-decButton-color: var(--base-color1); --incDecDivForItem-itemQty-border-color: var(--base-color1); --incDecDivForItem-itemQty-color: var(--base-color1); --incDecDivForItem-itemQty-font-family: var(--secondary-font-medium); --incDecDivForItem-decButton-active-color: var(--base-color1); --incDecDivForItem-quty-p-font: 20px/20px var(--secondary-font-demibold); --inc-dec-div-for-item-quty-p-font: 20px/20px var(--secondary-font-demibold); --inc-dec-div-for-item-item-qty-font-family: var(--secondary-font-demibold); /* --bs-btn-close-bg: url('/assets/images/close-icon.svg') no-repeat center center !important; */ /* Review Order Page Style Variables Start (review-order/index.scss) */ --order-review-container-booking-summary-booking-summary-heading-font-family: var(--font-semibold); --order-review-container-booking-summary-booking-summary-heading-color: var(--color2); --order-review-container-review-order-div-background: var(--color4); --order-review-container-review-order-div-color: var(--color2); --order-review-container-review-order-div-p-font-family: var(--font-semibold); --order-review-container-suggestive-selling-p-font-family: var(--secondary-font-demibold); /*Payment Page Style Variables Start (payment/index.scss)*/ --content-blk-choose-payment-sec-payment-list-ul-li-border: 2px solid var(--color6); /* Booking Selection Component Style Variables Start (components/booking-selection/index.scss) */ --booking-selection-container-footer-bg-color: var(--color2); --booking-selection-container-footer-btn-bg-color: var(--color1); --booking-selection-container-footer-btn-border-color: var(--color1); --booking-selection-container-footer-btn-color: var(--base-color2); /* Delivery Type Component Style Variables Start (components/Deliverytype/index.scss) */ --delivery-type-container-description-font-family: var(--font-semibold); --delivery-type-card-to-be-picked-up-border: 2px solid var(--color5); --delivery-type-card-active-to-be-picked-up-border: 2px solid var(--color1); --delivery-type-card-active-to-be-picked-up-label-color: var(--color1); --delivery-type-card-to-be-picked-up-label-color: var(--color1); --delivery-type-card-header-label-font-family: var(--secondary-font-medium); --delivery-type-card-content-delivery-note-to-be-picked-up-color: var(--base-color1); --delivery-type-card-content-delivery-note-font-family: var(--secondary-font-medium); --delivery-type-card-content-list-font-family: var(--secondary-font-medium); --delivery-type-card-content-list-color: var(--base-color1); --delivery-type-card-in-seat-delivery-active-label-color: var(--color2); --delivery-type-card-in-seat-delivery-border: 2px solid var(--color5); --delivery-type-card-in-seat-delivery-active-border: 2px solid var(--color2); --delivery-type-card-in-seat-delivery-label-color: var(--color2); --delivery-type-card-content-delivery-note-in-seat-color: var(--base-color1); --delivery-type-card-content-note-font-family: var(--secondary-font-demibold); /* Common Alert Popup */ --common-alert-popup-fnb-disabled-text-font-family: var(--secondary-font-medium); --common-alert-popup-fnb-disabled-text-color: var(--base-color1); --common-alert-popup-fnb-disabled-text-span-font-family: var(--secondary-font-medium); --common-alert-popup-swal2-html-container-p-font-family: var(--secondary-font-medium); --common-alert-popup-swal2-html-container-font-family: var(--secondary-font-medium); --common-alert-popup-swal2-html-container-p-color: var(--base-color1); /* Session Expired Popup */ --session-expired-popup-a-font-family: var(--secondary-font-medium); --session-expired-popup-p-color: var(--base-color1); --session-expired-popup-a-color: var(--base-color1); /* Fonts */ --secondaryFontRegular-font-family: var(--secondary-font-light); /* Gift Card Modal Component Style Variables Start (components/gift-card-modal/index.scss) */ --gift-card-popup-modal-content-modal-body-close-btn-background: var(--base-color2); --gift-card-popup-modal-close-icon: url(/assets/images/close-icon.svg) no-repeat; --gift-card-popup-modal-content-modal-body-close-btn-border: 2px solid var(--color1); --gift-card-popup-modal-content-modal-body-content-h2-color: var(--color2); --gift-card-popup-modal-content-modal-body-content-form-blk-fm-inner-input-wrap-input-font: 28px/28px var(--secondary-font-medium); --gift-card-popup-modal-content-modal-body-content-form-blk-fm-inner-border: 1px solid var(--color5); --gift-card-popup-modal-content-modal-body-content-form-blk-fm-inner-input-wrap-input-color: var(--base-color1); --gift-card-popup-modal-content-modal-body-content-form-blk-fm-inner-input-wrap-input-placeholder-font: 18px/22px var(--secondary-font-medium); --gift-card-popup-modal-content-modal-body-content-form-blk-fm-inner-input-wrap-input-placeholder-color: var(--color5); --gift-card-popup-modal-content-modal-body-content-error-blk-p-font: 28px/34px var(--secondary-font-medium); --gift-card-popup-modal-content-modal-body-content-error-blk-p-color: var(--base-color1); --gift-card-popup-modal-content-modal-body-content-loader-blk-p-font: 20px/24px var(--secondary-font-demibold); --gift-card-popup-modal-content-modal-body-content-loader-blk-clickhere-a-font-family: var(--secondary-font-demibold); /*swipe card page Style Variables Start (swipe-card-modal/index.scss)*/ --swipe-card-container-swipe-inner-swipe-card-p-font: 36px/48px var(--secondary-font-medium); --swipe-card-container-swipe-inner-swipe-card-p-span-font: 20px/26px var(--secondary-font-medium); /* Confirmation Page Style Variables Start (confirmation/index.scss) */ --confirmation-summary-movie-detail-movie-status-span-font-family: var(--font-semibold); --confirmation-summary-movie-detail-movie-status-h1-font-family: var(--font-regular); --confirmation-summary-movie-detail-movie-status-h1-font-size: 42px; --confirmation-summary-movie-detail-movie-status-span-font-size: 72px; --confirmation-summary-movie-detail-movie-booking-wrap-booking-id-font-family: var(--font-regular); --confirmation-summary-movie-detail-movie-booking-wrap-booking-id-span-font-family: var(--font-semibold); --confirmation-summary-booking-summary-heading-font-family: var(--font-semibold); --confirmation-summary-booking-summary-heading-color: var(--color2); --confirmation-summary-booking-summary-payment-types-heading-color: var(--base-color1); --confirmation-summary-booking-summary-payment-types-ticket-name-color: var(--base-color1); --confirmation-summary-booking-summary-payment-types-ticket-price-color: var(--base-color1); --confirmation-summary-ticket-summary-home-link-font-family: var(--secondary-font-medium); --confirmation-summary-ticket-summary-home-link-color: var(--color1); --confirmation-summary-failure-wrap-movie-detail-wrap-border-bottom: 1px solid var(--color5); --confirmation-summary-failure-transaction-fail-background: var(--color4); --confirmation-summary-failure-transaction-fail-p-color: var(--color1); --confirmation-summary-failure-transaction-fail-p-font-family: var(--secondary-font-medium); --confirmation-summary-failure-transaction-fail-p-font-size: 32px; --confirmation-summary-failure-transaction-fail-p-line-height: 42px; --confirmation-summary-failure-home-wrap-home-link-font-family: var(--secondary-font-medium); --confirmation-summary-failure-home-wrap-home-link-color: var(--color2); --confirmation-summary-header-home-link-font-family: var(--secondary-font-medium); --confirmation-summary-header-print-btn-font-family: var(--secondary-font-medium); --confirmation-summary-movie-detail-food-counter-font: 26px/30px var(--secondary-font-medium); --confirmation-summary-booking-summary-payment-types-ticket-name-strong-font-family: var(--secondary-font-medium); --confirmation-summary-movie-detail-movie-title-font-family: var(--font-semibold); --confirmation-summary-ticket-summary-summary-title-font-family: var(--font-semibold); --confirmation-summary-ticket-summary-ticket-type-font-family: var(--secondary-font-medium); --confirmation-summary-ticket-summary-price-txt-font-family: var(--secondary-font-medium); --confirmation-summary-failure-wrap-movie-detail-cont-movie-title-font-family: var(--secondary-font-medium); --confirmation-summary-failure-wrap-movie-detail-cont-movie-desc-font-bold-font-family: var(--secondary-font-demibold); /* Failure Page Style Variables Start (failure/index.scss) */ --failure-banner-wrap-movie-status-span-font-family: var(--secondary-font-medium); --failure-movie-detail-cont-movie-title-font-family: var(--secondary-font-medium); --failure-movie-detail-cont-movie-desc-font-family: var(--secondary-font-medium); --failure-try-btn-wrap_try-again-font-family: var(--secondary-font-medium); --failure-home-link-wrap-home-link-font-family: var(--secondary-font-medium); /*Success Page Style Variables Start (success/index.scss)*/ --success-container-banner-wrap-movie-detail-wrap-movie-status-h1-span-font-family: var(--secondary-font-demibold); --success-container-success-wrap-booking-wrap-booking-id-span-font-family: var(--secondary-font-demibold); --success-container-success-wrap-movie-detail-cont-movie-title-font-family: var(--secondary-font-demibold); --success-container-success-wrap-movie-detail-cont-movie-desc-font-bold-font-family: var(--secondary-font-demibold); --success-container-success-wrap-ticket-summary-summary-title-font-family: var(--secondary-font-demibold); --success-container-success-wrap-ticket-summary-ticket-type-font-family: var(--secondary-font-demibold); --success-container-success-wrap-ticket-summary-tick-info-price-txt-font-family: var(--secondary-font-demibold); --success-container-success-wrap-ticket-summary-info-dec-info-txt-font-bold-font-family: var(--secondary-font-demibold); --success-container-success-wrap-ticket-summary-info-dec-price-txt-font-family: var(--secondary-font-demibold); --success-container-success-wrap-ticket-summary-total-info-dec-info-txt-font-bold-font-family: var(--secondary-font-demibold); --success-container-success-wrap-ticket-summary-total-info-dec-price-txt-font-family: var(--secondary-font-demibold); --success-container-success-wrap-home-wrap-home-link-wrap-home-link-font-family: var(--secondary-font-demibold); --pickup-tickets-page-content-h2-font: 36px/56px var(--secondary-font-medium); --pickup-tickets-component-scan-btn-font-size: 28px; --pickup-tickets-component-scan-btn-line-height: 28px; --pickup-tickets-component-skip-text-color: var(--base-color1); --pickup-tickets-component-skip-text-font: 36px/56px var(--secondary-font-medium); --pickup-tickets-component-or-para-font: 36px/56px var(--secondary-font-medium); --pickup-tickets-component-or-para-color: var(--color5); --pickup-tickets-page-content-h2-color: var(--base-color1); /* Add Voucher Page Style Variables Start (addVoucher/index.scss)*/ --add-voucher-component-or-para-color: var(--base-color1); --add-voucher-component-skip-text-color: var(--base-color1); --color2stroke-color: var(--color3); --color5Fill-color: var(--color2); --color4Fill-color: var(--color1); --color7Fill-color: var(--color5); --color2Fill-color: var(--color1); --color17Fill-color: var(--color5); --barcodeFill-color: var(--base-color2); --modal-close-button-span-background-color: var(--base-color2); --modal-close-button-span-border: 4px solid var(--color1); --mobile-popup-modal-content-modal-body-content-input-wrap-border: 2px solid var(--color6); --mobile-popup-modal-content-modal-body-content-input-wrap-border-left: 2px solid var(--color6); }