html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
height: 100%;
width: 100%
}
body {
height: 100%;
margin: 0;
width: 100%
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline
}
audio:not([controls]) {
display: none;
height: 0
}
[hidden],
template {
display: none
}
a {
background-color: rgba(0, 0, 0, 0)
}
a:active,
a:hover {
outline: 0
}
abbr[title] {
border-bottom: 1px dotted
}
b,
strong {
font-weight: bold
}
dfn {
font-style: italic
}
h1 {
font-size: 2em;
margin: .67em 0
}
mark {
background: #ff0;
color: #000
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -0.5em
}
sub {
bottom: -0.25em
}
img {
border: 0
}
svg:not(:root) {
overflow: hidden
}
figure {
margin: 1em 40px
}
hr {
box-sizing: content-box;
height: 0
}
pre {
overflow: auto
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0
}
button {
overflow: visible
}
button,
select {
text-transform: none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance: button;
cursor: pointer
}
button[disabled],
html input[disabled] {
cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0
}
input {
line-height: normal
}
input[type=checkbox],
input[type=radio] {
box-sizing: border-box;
padding: 0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
height: auto
}
input[type=search] {
-webkit-appearance: textfield;
box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: .35em .625em .75em
}
legend {
border: 0;
padding: 0
}
textarea {
overflow: auto
}
optgroup {
font-weight: bold
}
table {
border-collapse: collapse;
border-spacing: 0
}
td,
th {
padding: 0
}
html {
box-sizing: border-box
}
*,
*::after,
*::before {
box-sizing: inherit
}
:root {
--color-background: white;
--color-text: black;
--color-default-domain-regions-hyperlink: rgb(127.5, 127.5, 127.5);
--color-default-domain-regions-hyperlink-hover: rgb(127.5, 127.5, 127.5);
--color-default-domain-terms-text: rgb(127.5, 127.5, 127.5);
--color-default-domain-terms-hyperlink: rgb(127.5, 127.5, 127.5);
--color-container-tablet-bar-background: #009ddb;
--color-header-tablet-background: white;
--color-footer-background: rgb(235.875, 235.875, 235.875);
--color-footer-maf-background: #31261d;
--color-footer-maf-text: white;
--color-footer-navigation-border: rgb(205.9125, 205.9125, 205.9125);
--color-footer-navigation-dropdown-background: rgb(216.75, 216.75, 216.75);
--color-footer-social-network-background: black;
--color-footer-social-network-text: rgb(235.875, 235.875, 235.875);
--color-heading-highlight: #009ddb;
--color-hyperlink: #009ddb;
--color-hyperlink-hover: #009ddb;
--color-blockquote-cite: #999;
--color-abbr-border: #999;
--color-unordered-list-icon: #009ddb;
--color-hr-border: rgb(216.75, 216.75, 216.75);
--color-hr-dashed-border: #cccccc;
--color-hr-worded-border: rgb(216.75, 216.75, 216.75);
--color-hr-worded-background: white;
--color-table-head-background: #009ddb;
--color-table-head-text: white;
--color-table-border: #009ddb;
--color-table-row-odd-background: white;
--color-table-row-even-background: rgb(237.15, 237.15, 237.15);
--color-table-plain-border: rgb(237.15, 237.15, 237.15);
--color-code-background: rgb(247.35, 247.35, 247.35);
--color-code-border: rgb(216.75, 216.75, 216.75);
--color-code-text: #d14;
--color-message-background: rgb(204, 235.4, 247.8);
--color-message-border: #009ddb;
--color-message-text: #009ddb;
--color-message-success-background: rgb(204, 237.8, 232.6);
--color-message-success-border: #00a98f;
--color-message-success-text: #00a98f;
--color-message-warning-background: rgb(253.4, 235.6, 204.8);
--color-message-warning-border: #f79e04;
--color-message-warning-text: #f79e04;
--color-message-error-background: rgb(252.4, 221.8, 221.8);
--color-message-error-border: #f25959;
--color-message-error-text: #f25959;
--color-svg: white;
--color-svg-fill: #009ddb;
--color-accordion-border: #009ddb;
--color-accordion-header-background: #009ddb;
--color-accordion-header-text: white;
--color-actionable-item-border: #009ddb;
--color-actionable-item-text: #009ddb;
--color-actionable-item-default-border: black;
--color-actionable-item-default-text: black;
--color-action-default-background: #1a1a1a;
--color-action-default-border: #1a1a1a;
--color-action-default-text: white;
--color-action-default-hover-background: rgb(15.6, 15.6, 15.6);
--color-action-default-hover-border: rgb(15.6, 15.6, 15.6);
--color-action-default-hover-text: white;
--color-action-default-outline-border: #1a1a1a;
--color-action-default-outline-text: #1a1a1a;
--color-action-default-outline-hover-background: rgb(15.6, 15.6, 15.6);
--color-action-default-outline-hover-border: rgb(15.6, 15.6, 15.6);
--color-action-default-outline-hover-text: white;
--color-action-primary-background: #d40f7d;
--color-action-primary-border: #d40f7d;
--color-action-primary-text: white;
--color-action-primary-hover-background: rgb(127.2, 9, 75);
--color-action-primary-hover-border: rgb(127.2, 9, 75);
--color-action-primary-hover-text: white;
--color-action-primary-outline-border: #d40f7d;
--color-action-primary-outline-text: #d40f7d;
--color-action-primary-outline-hover-background: rgb(127.2, 9, 75);
--color-action-primary-outline-hover-border: rgb(127.2, 9, 75);
--color-action-primary-outline-hover-text: white;
--color-action-secondary-background: #d40f7d;
--color-action-secondary-border: #d40f7d;
--color-action-secondary-text: white;
--color-action-secondary-hover-background: rgb(127.2, 9, 75);
--color-action-secondary-hover-border: rgb(127.2, 9, 75);
--color-action-secondary-hover-text: white;
--color-action-secondary-outline-border: #d40f7d;
--color-action-secondary-outline-text: #d40f7d;
--color-action-secondary-outline-hover-background: rgb(127.2, 9, 75);
--color-action-secondary-outline-hover-border: rgb(127.2, 9, 75);
--color-action-secondary-outline-hover-text: white;
--color-action-rewards-background: #00a98f;
--color-action-rewards-border: #00a98f;
--color-action-rewards-text: white;
--color-action-rewards-hover-background: rgb(0, 101.4, 85.8);
--color-action-rewards-hover-border: rgb(0, 101.4, 85.8);
--color-action-rewards-hover-text: white;
--color-action-rewards-outline-border: #00a98f;
--color-action-rewards-outline-text: #00a98f;
--color-action-rewards-outline-hover-background: rgb(0, 101.4, 85.8);
--color-action-rewards-outline-hover-border: rgb(0, 101.4, 85.8);
--color-action-rewards-outline-hover-text: white;
--color-action-maf-share-background: #d92168;
--color-action-maf-share-border: #d92168;
--color-action-maf-share-text: white;
--color-action-maf-share-hover-background: rgb(130.2, 19.8, 62.4);
--color-action-maf-share-hover-border: rgb(130.2, 19.8, 62.4);
--color-action-maf-share-hover-text: white;
--color-action-maf-share-outline-border: #d92168;
--color-action-maf-share-outline-text: #d92168;
--color-action-maf-share-outline-hover-background: rgb(130.2, 19.8, 62.4);
--color-action-maf-share-outline-hover-border: rgb(130.2, 19.8, 62.4);
--color-action-maf-share-outline-hover-text: white;
--color-action-disabled-background: #aaa;
--color-action-disabled-border: #aaa;
--color-action-disabled-text: white;
--color-action-disabled-hover-background: #aaa;
--color-action-disabled-hover-border: #aaa;
--color-action-disabled-hover-text: white;
--color-action-disabled-outline-border: #aaa;
--color-action-disabled-outline-text: #aaa;
--color-action-disabled-outline-hover-background: inherit;
--color-action-disabled-outline-hover-border: #aaa;
--color-action-disabled-outline-hover-text: #aaa;
--color-action-showtimes-background: #d40f7d;
--color-action-showtimes-border: #d40f7d;
--color-action-showtimes-hover-background: rgb(127.2, 9, 75);
--color-action-showtimes-hover-border: rgb(127.2, 9, 75);
--color-action-showtimes-cutout: white;
--color-action-showtimes-unavailable-background: transparent;
--color-action-showtimes-unavailable-border: #aaa;
--color-action-showtimes-unavailable-color: #aaa;
--color-action-showtimes-unavailable-hover-background: transparent;
--color-action-showtimes-span: rgb(242.1, 183, 216);
--color-action-modifier-background: white;
--color-action-modifier-border: #ddd;
--color-action-modifier-text: #009ddb;
--color-action-modifier-hover-background: #009ddb;
--color-action-modifier-hover-border: #009ddb;
--color-action-modifier-hover-text: white;
--color-action-modifier-invalid-hover-background: white;
--color-action-modifier-invalid-hover-border: #ddd;
--color-action-modifier-invalid-hover-text: #009ddb;
--color-action-hyperlink-text: #d40f7d;
--color-action-hyperlink-hover-text: #d40f7d;
--color-action-hyperlink-disabled-text: #aaa;
--color-action-hyperlink-disabled-hover-text: #aaa;
--color-blocker-background: rgba(255, 255, 255, 0.92);
--color-blocker-text: black;
--color-blocker-content-background: white;
--color-blocker-dismiss-background: rgba(0, 0, 0, 0.35);
--color-blocker-dismiss-border: rgba(255, 255, 255, 0.5);
--color-blocker-dismiss-text: white;
--color-blocker-dismiss-hover-background: #009ddb;
--color-blocker-processing-background: rgba(255, 255, 255, 0.92);
--color-blocker-phone-background: rgb(255, 255, 255);
--color-blocker-phone-content-background: white;
--color-breadcrumb-border: #cccccc;
--color-breadcrumb-text: rgb(216.75, 216.75, 216.75);
--color-card-scroller-border: rgb(216.75, 216.75, 216.75);
--color-card-scroller-border-hover: rgb(162.5625, 162.5625, 162.5625);
--color-carousel-border: #ededed;
--color-carousel-ghost-primary-background: rgb(216.75, 216.75, 216.75);
--color-carousel-ghost-secondary-background: rgb(220.575, 220.575, 220.575);
--color-carousel-nav-background: #676767;
--color-carousel-nav-border: #8d8d8d;
--color-carousel-nav-active-background: #009ddb;
--color-carousel-nav-active-border: rgb(63.75, 181.5, 228);
--color-date-filter-border: white;
--color-date-filter-text: #999;
--color-date-filter-active-text: #009ddb;
--color-expandable-background-open: rgb(216.75, 216.75, 216.75);
--color-expandable-border: rgb(216.75, 216.75, 216.75);
--color-expandable-separator: rgb(195.075, 195.075, 195.075);
--color-expandable-title-text: black;
--color-expandable-html-text: #333333;
--color-form-input-background: white;
--color-form-input-border: rgb(216.75, 216.75, 216.75);
--color-form-input-disabled-background: rgb(237.15, 237.15, 237.15);
--color-form-input-disabled-text: rgb(216.75, 216.75, 216.75);
--color-form-input-error-background: rgb(252.4, 221.8, 221.8);
--color-form-input-error-border: #f25959;
--color-form-placeholder-text: rgb(191.25, 191.25, 191.25);
--color-form-radio-background: white;
--color-form-radio-border: rgb(216.75, 216.75, 216.75);
--color-form-radio-checked: black;
--color-form-radio-disabled-background: rgb(237.15, 237.15, 237.15);
--color-form-radio-disabled-checked: rgb(216.75, 216.75, 216.75);
--color-form-radio-disabled-text: rgb(191.25, 191.25, 191.25);
--color-form-radio-error-background: rgb(252.4, 221.8, 221.8);
--color-form-radio-error-border: #f25959;
--color-form-radio-error-checked: #f25959;
--color-form-checkbox-background: white;
--color-form-checkbox-border: rgb(216.75, 216.75, 216.75);
--color-form-checkbox-checked: black;
--color-form-checkbox-disabled-background: rgb(237.15, 237.15, 237.15);
--color-form-checkbox-disabled-checked: rgb(216.75, 216.75, 216.75);
--color-form-checkbox-disabled-text: rgb(191.25, 191.25, 191.25);
--color-form-checkbox-error-background: rgb(252.4, 221.8, 221.8);
--color-form-checkbox-error-border: #f25959;
--color-form-checkbox-error-checked: #f25959;
--color-form-international-telephone-background: white;
--color-form-international-telephone-border: rgb(216.75, 216.75, 216.75);
--color-form-pseudo-select-dropdown-background: white;
--color-form-pseudo-select-dropdown-border: rgb(216.75, 216.75, 216.75);
--color-form-pseudo-select-dropdown-text: black;
--color-form-pseudo-select-dropdown-hover-text: #009ddb;
--color-form-pseudo-multi-select-background: white;
--color-form-pseudo-multi-select-border: rgb(216.75, 216.75, 216.75);
--color-form-pseudo-multi-select-text: black;
--color-form-pseudo-multi-select-dropdown-background: white;
--color-form-pseudo-multi-select-dropdown-border: rgb(216.75, 216.75, 216.75);
--color-form-pseudo-multi-select-checked-background: rgb(229.5, 229.5, 229.5);
--color-form-pseudo-multi-select-disabled-background: rgb(237.15, 237.15, 237.15);
--color-form-pseudo-multi-select-disabled-text: rgb(216.75, 216.75, 216.75);
--color-form-pseudo-multi-select-error-background: rgb(252.4, 221.8, 221.8);
--color-form-pseudo-multi-select-error-border: #f25959;
--color-form-error-text: #f25959;
--color-form-error-icon-background: #f25959;
--color-form-error-icon-text: white;
--color-form-split-currency-text: #999;
--color-happy-ticket-border: black;
--color-happy-ticket-text: black;
--color-happy-ticket-image-background: white;
--color-happy-ticket-image-border: white;
--color-movie-tag-background: white;
--color-movie-tag-text: black;
--color-movie-trailer-background: rgb(216.75, 216.75, 216.75);
--color-movie-coming-soon-border: rgb(216.75, 216.75, 216.75);
--color-movie-hero-text: white;
--color-navigation-text: black;
--color-navigation-hover-text: #009ddb;
--color-navigation-dropdown-background: #009ddb;
--color-navigation-dropdown-border: rgb(63.75, 181.5, 228);
--color-navigation-dropdown-text: white;
--color-navigation-dropdown-hover-text: black;
--color-navigation-tertiary-text: white;
--color-navigation-tertiary-hover-text: white;
--color-navigation-device-tertiary-text: #009ddb;
--color-navigation-flyout-background: #009ddb;
--color-navigation-flyout-border: rgb(76.5, 186.4, 229.8);
--color-navigation-flyout-muted: #9edaf3;
--color-navigation-flyout-text: white;
--color-navigation-flyout-locale-background: rgb(216.75, 216.75, 216.75);
--color-navigation-flyout-locale-text: black;
--color-offer-item-border: rgb(216.75, 216.75, 216.75);
--color-ordering-section-border: rgb(216.75, 216.75, 216.75);
--color-ordering-section-upcoming-heading-text: #ccc;
--color-pagination-text: #009ddb;
--color-pagination-active-background: #009ddb;
--color-pagination-active-text: white;
--color-pagination-disabled: #aaa;
--color-password-restrictions-text: black;
--color-password-restrictions-icon-default: #ccc;
--color-password-restrictions-icon-pass: #00a98f;
--color-password-restrictions-icon-fail: #f25959;
--color-personalisation-ghost-background: rgb(216.75, 216.75, 216.75);
--color-poster-wall-overlay-background: rgba(0, 0, 0, 0.75);
--color-poster-wall-overlay-text: white;
--color-poster-wall-overlay-close-background: #009ddb;
--color-poster-wall-overlay-close-text: white;
--color-poster-wall-overlay-close-hover-background: rgb(0, 94.2, 131.4);
--color-poster-wall-overlay-info-background: white;
--color-poster-wall-overlay-info-text: #009ddb;
--color-progress-label-text: #666;
--color-progress-label-text-unit: #999;
--color-promotion-ghost-background: rgb(216.75, 216.75, 216.75);
--color-quick-filter-pseudo-multi-select-checked: #d40f7d;
--color-quick-filter-pseudo-multi-select-toolbar-background: rgba(62, 69, 75, 0.925);
--color-quick-filter-pseudo-multi-select-toolbar-border: rgba(62, 69, 75, 0.925);
--color-quick-filter-pseudo-multi-select-toolbar-action-outline-border: white;
--color-quick-filter-pseudo-multi-select-toolbar-action-outline-text: white;
--color-quick-filter-pseudo-multi-select-toolbar-action-outline-hover-background: white;
--color-quick-filter-pseudo-multi-select-toolbar-action-outline-hover-text: #3e454b;
--color-book-tickets-background: #3e454b;
--color-book-tickets-text: white;
--color-range-slider-track-background: rgb(237.15, 237.15, 237.15);
--color-range-slider-track-border: rgb(216.75, 216.75, 216.75);
--color-range-slider-thumb-background: rgb(0, 78.5, 109.5);
--color-range-slider-thumb-border: white;
--color-range-slider-thumb-hover-background: rgb(0, 39.25, 54.75);
--color-ratings-icon: #84754e;
--color-receipt-prepare-order-bar-background: rgba(0, 157, 219, 0.9);
--color-receipt-prepare-order-bar-text: white;
--color-ribbon-background: #00d355;
--color-ribbon-out-of-stock-background: #f25959;
--color-ribbon-text: white;
--color-search-results-heading-border: #cccccc;
--color-search-results-url-text: #aaa;
--color-search-results-highlight-marker-background: rgb(250.7, 231, 242);
--color-search-results-highlight-marker-text: inherit;
--color-site-banner-background: #5f5f5f;
--color-site-banner-text: white;
--color-site-banner-hyperlink: white;
--color-site-banner-icon: white;
--color-site-banner-hover-icon: #ccc;
--color-site-search-background: white;
--color-site-search-caret: #009ddb;
--color-site-search-tablet-border: #009ddb;
--color-social-networks-text: white;
--color-special-info-background: transparent;
--color-special-info-border: #009ddb;
--color-special-info-text: #009ddb;
--color-special-info-hover-text: #009ddb;
--color-special-help-background: #009ddb;
--color-special-help-text: white;
--color-special-help-hover-text: white;
--color-sticky-navigation-border: #cccccc;
--color-sticky-navigation-text: #bbb;
--color-sticky-navigation-hyperlink: black;
--color-sticky-navigation-hyperlink-hover: #009ddb;
--color-sticky-navigation-glued-background: white;
--color-tabs-navigation-background: white;
--color-tabs-navigation-hover-text: #009ddb;
--color-tabs-navigation-selected-border: #009ddb;
--color-tabs-navigation-selected-background: rgb(242.25, 242.25, 242.25);
--color-tabs-article-border: #009ddb;
--color-toggle-dashed-background: white;
--color-toggle-dashed-border: #cccccc;
--color-toggle-dashed-text: black;
--color-toggle-dashed-icon: black;
--color-wallet-balance-background: rgb(245.4375, 245.4375, 245.4375);
--color-wallet-balance-text: #009ddb;
--color-wallet-smallprint-text: #aaa;
--color-wallet-history-th-background: white;
--color-wallet-history-th-text: black;
--color-wallet-history-date-background: #009ddb;
--color-wallet-history-date-text: white;
--color-wallet-history-date-border: white;
--color-wallet-history-expiry-text: #f25959;
--color-wallet-history-amount-negative-text: #f25959;
--color-wallet-history-amount-positive-text: #35AE32;
--color-tooltip-background: black;
--color-tooltip-text: white;
--color-tooltip-information-background: #646464;
--color-tooltip-information-text: white;
--color-booking-order-overlay-header-background: rgba(0, 157, 219, 0.9);
--color-booking-order-overlay-header-text: white;
--color-booking-order-overlay-header-icon: white;
--color-booking-order-overlay-section-background: white;
--color-booking-code-offer-border: #cccccc;
--color-booking-transaction-breakdown-border: #cccccc;
--color-booking-transaction-breakdown-payment-background: rgb(242.25, 242.25, 242.25);
--color-booking-payment-option-border: #cccccc;
--color-booking-promotion-ieat-background: #009fe0;
--color-booking-promotion-ieat-text: black;
--color-booking-panel-food-and-drinks-border: rgb(216.75, 216.75, 216.75);
--color-booking-bank-offers-navigation-background: transparent;
--color-booking-bank-offers-navigation-border: rgb(216.75, 216.75, 216.75);
--color-booking-bank-offers-navigation-selected-border: #d40f7d;
--color-booking-bank-offers-navigation-hover-border: black;
--color-booking-bank-offers-navigation-hover-text: black;
--color-seating-plan-seat-blank: transparent;
--color-seating-plan-seat-standard: #2bace1;
--color-seating-plan-seat-standard-bachelor: #f66327;
--color-seating-plan-seat-vip: #78b587;
--color-seating-plan-seat-vip-bachelor: #fed354;
--color-seating-plan-seat-premium: #78b587;
--color-seating-plan-seat-premium-bachelor: #fed354;
--color-seating-plan-seat-balcony: #84b0af;
--color-seating-plan-seat-value: #32CD32;
--color-seating-plan-seat-lounger: #e3933b;
--color-seating-plan-seat-outdoor-lounger: #c5e0b4;
--color-seating-plan-seat-beanbag: #ba7a7a;
--color-seating-plan-seat-couch: #9982b2;
--color-seating-plan-seat-cabana: #71a74d;
--color-seating-plan-seat-wheelchair: #2bace1;
--color-seating-plan-seat-drive-in: #dbbb4c;
--color-seating-plan-seat-preferred-view: #ffcc00;
--color-seating-plan-seat-preferred-view-bachelor: #ffcaaf;
--color-seating-plan-seat-preferred-view-family: #f1ffc4;
--color-seating-plan-seat-double: #78b587;
--color-seating-plan-seat-group: #ffcc00;
--color-seating-plan-seat-pod-standard: #7ab1cc;
--color-seating-plan-seat-pod-double: #3f6e27;
--color-seating-plan-seat-sold: #e0e0e0;
--color-seating-plan-seat-sold-cross: #000000;
--color-seating-plan-seat-allocated: #d3187c;
--color-seating-plan-screen-backdrop: #dbdbdb;
--color-seating-plan-screen-text: black;
--color-seating-plan-screen-text-mirror: #bbb;
--color-seating-plan-screen-text-mirror-bloom: #fff;
--color-seating-plan-screen-distance-marker: rgb(216.75, 216.75, 216.75);
--color-seating-plan-upsell-background: rgba(0, 157, 219, 0.85);
--color-seating-plan-upsell-text: white;
--color-seating-plan-upsell-hyperlink: white;
--color-seating-plan-upsell-special-help-background: white;
--color-seating-plan-upsell-special-help-text: #009ddb;
--color-seating-plan-table-cell-text: rgb(216.75, 216.75, 216.75);
--color-seating-plan-preview-table-row-hover-cell-background: white;
--color-seating-plan-preview-table-row-hover-cell-text: rgb(216.75, 216.75, 216.75);
--color-seating-plan-exit-background: #adadad;
--color-seating-plan-exit-text: white;
--color-seating-plan-height-text: black;
--color-ieat-basket-bar-background: rgba(0, 157, 219, 0.9);
--color-ieat-basket-bar-text: white;
--color-ieat-basket-bar-quantity-background: rgb(0, 125.6, 175.2);
--color-ieat-basket-bar-quantity-border: rgb(0, 125.6, 175.2);
--color-ieat-product-heading-text: #009ddb;
--color-ieat-product-price-label-text: #666;
--color-ieat-product-price-quantity-text: #d40f7d;
--color-ieat-product-hover-border: rgb(162.5625, 162.5625, 162.5625);
--color-ieat-options-label-border: rgb(216.75, 216.75, 216.75);
--color-ieat-options-bar-background: rgba(0, 157, 219, 0.9);
--color-ieat-options-bar-text: white;
--color-ieat-highlight-next-keyframe-0-text: black;
--color-ieat-highlight-next-keyframe-50-text: #d40f7d;
--color-ieat-highlight-next-keyframe-100-text: black;
--color-ieat-highlight-choice-keyframe-0-border: rgb(216.75, 216.75, 216.75);
--color-ieat-highlight-choice-keyframe-50-border: #d40f7d;
--color-ieat-highlight-choice-keyframe-100-border: rgb(216.75, 216.75, 216.75);
--color-membership-rewards-acquisition-banner-background: #00a98f;
--color-membership-rewards-acquisition-banner-border: rgb(127.5, 212, 199);
--color-membership-rewards-acquisition-banner-text: white;
--color-membership-rewards-acquisition-banner-action-background: white;
--color-membership-rewards-acquisition-banner-action-border: white;
--color-membership-rewards-acquisition-banner-action-text: #00a98f;
--color-membership-navigation-grid-border: #009ddb;
--color-membership-navigation-grid-text: black;
--color-membership-navigation-grid-hover-text: black;
--color-membership-points-balance-progress-label-text: white;
--color-membership-points-balance-progress-label-text-unit: white;
--color-membership-points-balance-rewards-background: #00a98f;
--color-membership-points-balance-rewards-text: white;
--color-membership-points-balance-maf-background: #d92168;
--color-membership-points-balance-maf-background-curve: #d92168;
--color-membership-points-balance-maf-text: white;
--color-membership-purchase-history-border: rgb(216.75, 216.75, 216.75);
--color-membership-ecard-text: white;
--color-membership-ecard-rewards-background: #00a98f;
--color-membership-ecard-maf-background: #d92168;
--color-membership-ecard-maf-digital-delivery-background: white;
--color-membership-ecard-maf-digital-delivery-text: black;
--color-membership-rewards-history-item-background: #009ddb;
--color-membership-rewards-history-item-text: white;
--color-membership-rewards-history-item-link: #009ddb;
--color-membership-rewards-history-item-icon-background: white;
--color-membership-rewards-history-item-icon-border: #009ddb;
--color-membership-rewards-history-item-points-background: white;
--color-membership-rewards-history-item-points-border: #009ddb;
--color-membership-rewards-history-item-points-text: #009ddb;
--color-membership-rewards-history-item-burned-background: #00a98f;
--color-membership-rewards-history-item-burned-icon-border: #00a98f;
--color-membership-rewards-history-item-burned-text: rgb(229.5, 246.4, 243.8);
--color-membership-rewards-history-item-burned-link: #00a98f;
--color-membership-rewards-history-item-burned-points-background: rgb(89.25, 199.1, 182.2);
--color-membership-rewards-history-item-burned-points-border: #00a98f;
--color-membership-rewards-history-item-burned-points-text: rgb(229.5, 246.4, 243.8);
--color-membership-rewards-items-border: #cccccc;
--color-membership-rewards-items-points: #00a98f;
--color-maf-heading-highlight: #d92168;
--color-maf-unordered-list-icon: #d92168;
--color-maf-hyperlink: #d92168;
--color-maf-hyperlink-hover: #d92168;
--color-maf-table-border: #d92168;
--color-maf-table-head-background: #d92168;
--color-maf-special-info-border: #d92168;
--color-maf-special-info-text: #d92168;
--color-maf-special-help-background: #d92168;
--color-maf-special-help-text: white;
--color-maf-special-help-hover-text: white;
--color-maf-message-background: rgb(242.25, 242.25, 242.25);
--color-maf-message-border: black;
--color-maf-message-text: black;
--color-maf-message-special-help-background: rgb(242.25, 242.25, 242.25);
--color-maf-message-special-help-text: black;
--color-maf-tabs-navigation-hover-text: #d92168;
--color-maf-tabs-navigation-selected-border: #d92168;
--color-maf-tabs-article-border: #d92168;
--color-maf-accordion-border: #d92168;
--color-maf-accordion-header-background: #d92168;
--color-maf-accordion-table-head-background: #d92168;
--color-maf-accordion-table-border: #d92168;
--color-maf-navigation-grid-border: #d92168;
--color-maf-promotion-background: #d92168;
--color-maf-promotion-text: white;
--color-maf-promotion-unordered-list-icon: white;
--color-maf-action-modifier-text: #d92168;
--color-maf-action-modifier-hover-background: #d92168;
--color-maf-action-modifier-hover-border: #d92168;
--color-maf-action-modifier-hover-text: white;
--color-maf-action-modifier-invalid-hover-background: white;
--color-maf-action-modifier-invalid-hover-border: #ddd;
--color-maf-action-modifier-invalid-hover-text: #d92168;
--color-maf-pagination-text: #d92168;
--color-maf-pagination-active-background: #d92168;
--color-maf-pagination-active-text: white;
--color-maf-transactions-balance-value-text: #d92168;
--color-maf-transactions-balance-money-text: black;
--color-maf-transactions-history-date-background: #d92168;
--color-maf-transactions-history-date-text: white;
--color-maf-transactions-amount-positive-text: #35AE32;
--color-maf-transactions-amount-negative-text: #f25959;
--color-rewards-heading-highlight: #00a98f;
--color-rewards-unordered-list-icon: #00a98f;
--color-rewards-hyperlink: #00a98f;
--color-rewards-hyperlink-hover: #00a98f;
--color-rewards-table-border: #00a98f;
--color-rewards-table-head-background: #00a98f;
--color-rewards-special-info-border: #00a98f;
--color-rewards-special-info-text: #00a98f;
--color-rewards-special-help-background: #00a98f;
--color-rewards-special-help-text: white;
--color-rewards-special-help-hover-text: white;
--color-rewards-message-background: #00a98f;
--color-rewards-message-border: #00a98f;
--color-rewards-message-text: white;
--color-rewards-message-special-help-background: white;
--color-rewards-message-special-help-text: #00a98f;
--color-rewards-action-modifier-hover-background: #00a98f;
--color-rewards-action-modifier-hover-border: #00a98f;
--color-rewards-action-modifier-invalid-hover-text: #00a98f;
--color-rewards-tabs-navigation-selected-border: #00a98f;
--color-rewards-tabs-navigation-hover-text: #00a98f;
--color-rewards-tabs-article-border: #00a98f;
--color-rewards-accordion-border: #00a98f;
--color-rewards-accordion-header-background: #00a98f;
--color-rewards-navigation-grid-border: rgb(191.25, 233.5, 227);
--color-rewards-promotion-background: #00a98f;
--color-rewards-promotion-text: white;
--color-rewards-promotion-unordered-list-icon: white;
--color-alternative-sessions-selected-background: #009ddb;
--color-alternative-sessions-selected-span: rgb(178.5, 225.6, 244.2);
--color-alternative-sessions-selected-hover-background: rgb(0, 94.2, 131.4);
--color-alternative-sessions-selected-hover-border: rgb(0, 94.2, 131.4);
--color-expiry-timer-background: rgba(0, 0, 0, 0.5);
--color-expiry-timer-text: black;
--color-expiry-timer-glued-text: white;
--color-expiry-timer-icon: #009ddb
}
@media(prefers-color-scheme: dark) {
:root {
--color-background: #262729;
--color-text: white;
--color-default-domain-regions-hyperlink: rgb(127.5, 127.5, 127.5);
--color-default-domain-regions-hyperlink-hover: rgb(127.5, 127.5, 127.5);
--color-default-domain-terms-text: rgb(127.5, 127.5, 127.5);
--color-default-domain-terms-hyperlink: rgb(127.5, 127.5, 127.5);
--color-container-tablet-bar-background: black;
--color-header-tablet-background: black;
--color-footer-background: rgb(26.6, 27.3, 28.7);
--color-footer-maf-background: #31261d;
--color-footer-maf-text: white;
--color-footer-navigation-border: rgb(59.7, 60.6, 62.4);
--color-footer-navigation-dropdown-background: rgb(36.1, 37.05, 38.95);
--color-footer-social-network-background: rgb(70.55, 71.4, 73.1);
--color-footer-social-network-text: rgb(26.6, 27.3, 28.7);
--color-heading-highlight: #009ddb;
--color-hyperlink: #009ddb;
--color-hyperlink-hover: #009ddb;
--color-blockquote-cite: #999;
--color-abbr-border: #999;
--color-unordered-list-icon: #009ddb;
--color-hr-border: rgb(70.55, 71.4, 73.1);
--color-hr-dashed-border: rgb(81.4, 82.2, 83.8);
--color-hr-worded-border: rgb(70.55, 71.4, 73.1);
--color-hr-worded-background: #262729;
--color-table-head-background: rgb(70.55, 71.4, 73.1);
--color-table-head-text: white;
--color-table-border: rgb(70.55, 71.4, 73.1);
--color-table-row-odd-background: #262729;
--color-table-row-even-background: rgb(35.34, 36.27, 38.13);
--color-table-plain-border: rgb(35.34, 36.27, 38.13);
--color-code-background: rgb(36.86, 37.83, 39.77);
--color-code-border: rgb(70.55, 71.4, 73.1);
--color-code-text: #e56767;
--color-message-background: #262729;
--color-message-border: #009ddb;
--color-message-text: #009ddb;
--color-message-success-background: #262729;
--color-message-success-border: #00a98f;
--color-message-success-text: #00a98f;
--color-message-warning-background: #262729;
--color-message-warning-border: #f79e04;
--color-message-warning-text: #f79e04;
--color-message-error-background: #262729;
--color-message-error-border: #f25959;
--color-message-error-text: #f25959;
--color-svg: white;
--color-svg-fill: #009ddb;
--color-accordion-border: rgb(70.55, 71.4, 73.1);
--color-accordion-header-background: rgb(70.55, 71.4, 73.1);
--color-accordion-header-text: white;
--color-actionable-item-border: #009ddb;
--color-actionable-item-text: #009ddb;
--color-actionable-item-default-border: white;
--color-actionable-item-default-text: white;
--color-action-default-background: #1a1a1a;
--color-action-default-border: #1a1a1a;
--color-action-default-text: white;
--color-action-default-hover-background: rgb(15.6, 15.6, 15.6);
--color-action-default-hover-border: rgb(15.6, 15.6, 15.6);
--color-action-default-hover-text: white;
--color-action-default-outline-border: #1a1a1a;
--color-action-default-outline-text: white;
--color-action-default-outline-hover-background: rgb(15.6, 15.6, 15.6);
--color-action-default-outline-hover-border: rgb(15.6, 15.6, 15.6);
--color-action-default-outline-hover-text: white;
--color-action-primary-background: #d40f7d;
--color-action-primary-border: #d40f7d;
--color-action-primary-text: white;
--color-action-primary-hover-background: rgb(127.2, 9, 75);
--color-action-primary-hover-border: rgb(127.2, 9, 75);
--color-action-primary-hover-text: white;
--color-action-primary-outline-border: #d40f7d;
--color-action-primary-outline-text: #d40f7d;
--color-action-primary-outline-hover-background: rgb(127.2, 9, 75);
--color-action-primary-outline-hover-border: rgb(127.2, 9, 75);
--color-action-primary-outline-hover-text: white;
--color-action-secondary-background: #d40f7d;
--color-action-secondary-border: #d40f7d;
--color-action-secondary-text: white;
--color-action-secondary-hover-background: rgb(127.2, 9, 75);
--color-action-secondary-hover-border: rgb(127.2, 9, 75);
--color-action-secondary-hover-text: white;
--color-action-secondary-outline-border: #d40f7d;
--color-action-secondary-outline-text: #d40f7d;
--color-action-secondary-outline-hover-background: rgb(127.2, 9, 75);
--color-action-secondary-outline-hover-border: rgb(127.2, 9, 75);
--color-action-secondary-outline-hover-text: white;
--color-action-rewards-background: #00a98f;
--color-action-rewards-border: #00a98f;
--color-action-rewards-text: white;
--color-action-rewards-hover-background: rgb(0, 101.4, 85.8);
--color-action-rewards-hover-border: rgb(0, 101.4, 85.8);
--color-action-rewards-hover-text: white;
--color-action-rewards-outline-border: #00a98f;
--color-action-rewards-outline-text: #00a98f;
--color-action-rewards-outline-hover-background: rgb(0, 101.4, 85.8);
--color-action-rewards-outline-hover-border: rgb(0, 101.4, 85.8);
--color-action-rewards-outline-hover-text: white;
--color-action-maf-share-background: #d92168;
--color-action-maf-share-border: #d92168;
--color-action-maf-share-text: white;
--color-action-maf-share-hover-background: rgb(130.2, 19.8, 62.4);
--color-action-maf-share-hover-border: rgb(130.2, 19.8, 62.4);
--color-action-maf-share-hover-text: white;
--color-action-maf-share-outline-border: #d92168;
--color-action-maf-share-outline-text: #d92168;
--color-action-maf-share-outline-hover-background: rgb(130.2, 19.8, 62.4);
--color-action-maf-share-outline-hover-border: rgb(130.2, 19.8, 62.4);
--color-action-maf-share-outline-hover-text: white;
--color-action-disabled-background: #aaa;
--color-action-disabled-border: #aaa;
--color-action-disabled-text: white;
--color-action-disabled-hover-background: #aaa;
--color-action-disabled-hover-border: #aaa;
--color-action-disabled-hover-text: white;
--color-action-disabled-outline-border: #aaa;
--color-action-disabled-outline-text: #aaa;
--color-action-disabled-outline-hover-background: inherit;
--color-action-disabled-outline-hover-border: #aaa;
--color-action-disabled-outline-hover-text: #aaa;
--color-action-showtimes-background: #d40f7d;
--color-action-showtimes-border: #d40f7d;
--color-action-showtimes-hover-background: rgb(127.2, 9, 75);
--color-action-showtimes-hover-border: rgb(127.2, 9, 75);
--color-action-showtimes-cutout: #262729;
--color-action-showtimes-unavailable-background: transparent;
--color-action-showtimes-unavailable-border: #aaa;
--color-action-showtimes-unavailable-color: #aaa;
--color-action-showtimes-unavailable-hover-background: transparent;
--color-action-showtimes-span: rgb(242.1, 183, 216);
--color-action-modifier-background: white;
--color-action-modifier-border: #ddd;
--color-action-modifier-text: #009ddb;
--color-action-modifier-hover-background: #009ddb;
--color-action-modifier-hover-border: #009ddb;
--color-action-modifier-hover-text: white;
--color-action-modifier-invalid-hover-background: white;
--color-action-modifier-invalid-hover-border: #ddd;
--color-action-modifier-invalid-hover-text: #009ddb;
--color-action-hyperlink-text: #d40f7d;
--color-action-hyperlink-hover-text: #d40f7d;
--color-action-hyperlink-disabled-text: #aaa;
--color-action-hyperlink-disabled-hover-text: #aaa;
--color-blocker-background: rgba(0, 0, 0, 0.8);
--color-blocker-text: white;
--color-blocker-content-background: #262729;
--color-blocker-dismiss-background: rgba(0, 0, 0, 0.35);
--color-blocker-dismiss-border: rgba(255, 255, 255, 0.15);
--color-blocker-dismiss-text: white;
--color-blocker-dismiss-hover-background: #009ddb;
--color-blocker-processing-background: rgba(0, 0, 0, 0.8);
--color-blocker-phone-background: rgb(0, 0, 0);
--color-blocker-phone-content-background: #262729;
--color-breadcrumb-border: rgb(81.4, 82.2, 83.8);
--color-breadcrumb-text: rgb(146.5, 147, 148);
--color-card-scroller-border: rgb(70.55, 71.4, 73.1);
--color-card-scroller-border-hover: rgb(116.6625, 117.3, 118.575);
--color-carousel-border: rgb(70.55, 71.4, 73.1);
--color-carousel-ghost-primary-background: rgb(70.55, 71.4, 73.1);
--color-carousel-ghost-secondary-background: rgb(88.995, 89.76, 91.29);
--color-carousel-nav-background: #676767;
--color-carousel-nav-border: #8d8d8d;
--color-carousel-nav-active-background: #009ddb;
--color-carousel-nav-active-border: rgb(63.75, 181.5, 228);
--color-date-filter-border: rgb(70.55, 71.4, 73.1);
--color-date-filter-text: rgb(146.5, 147, 148);
--color-date-filter-active-text: #009ddb;
--color-expandable-background-open: rgb(70.55, 71.4, 73.1);
--color-expandable-border: rgb(70.55, 71.4, 73.1);
--color-expandable-separator: rgb(88.995, 89.76, 91.29);
--color-expandable-title-text: white;
--color-expandable-html-text: lightgrey;
--color-form-input-background: #262729;
--color-form-input-border: rgb(70.55, 71.4, 73.1);
--color-form-input-disabled-background: rgb(53.19, 54.12, 55.98);
--color-form-input-disabled-text: rgb(70.55, 71.4, 73.1);
--color-form-input-error-background: rgb(157.3, 57.85, 57.85);
--color-form-input-error-border: #f25959;
--color-form-placeholder-text: #666666;
--color-form-radio-background: #262729;
--color-form-radio-border: rgb(92.25, 93, 94.5);
--color-form-radio-checked: white;
--color-form-radio-disabled-background: rgb(53.19, 54.12, 55.98);
--color-form-radio-disabled-checked: rgb(92.25, 93, 94.5);
--color-form-radio-disabled-text: rgb(146.5, 147, 148);
--color-form-radio-error-background: rgb(157.3, 57.85, 57.85);
--color-form-radio-error-border: #f25959;
--color-form-radio-error-checked: #f25959;
--color-form-checkbox-background: #262729;
--color-form-checkbox-border: rgb(92.25, 93, 94.5);
--color-form-checkbox-checked: white;
--color-form-checkbox-disabled-background: rgb(53.19, 54.12, 55.98);
--color-form-checkbox-disabled-checked: rgb(92.25, 93, 94.5);
--color-form-checkbox-disabled-text: rgb(146.5, 147, 148);
--color-form-checkbox-error-background: rgb(157.3, 57.85, 57.85);
--color-form-checkbox-error-border: #f25959;
--color-form-checkbox-error-checked: #f25959;
--color-form-international-telephone-background: #262729;
--color-form-international-telephone-border: rgb(70.55, 71.4, 73.1);
--color-form-pseudo-select-dropdown-background: #262729;
--color-form-pseudo-select-dropdown-border: rgb(70.55, 71.4, 73.1);
--color-form-pseudo-select-dropdown-text: white;
--color-form-pseudo-select-dropdown-hover-text: #009ddb;
--color-form-pseudo-multi-select-background: #262729;
--color-form-pseudo-multi-select-border: rgb(70.55, 71.4, 73.1);
--color-form-pseudo-multi-select-text: white;
--color-form-pseudo-multi-select-dropdown-background: #262729;
--color-form-pseudo-multi-select-dropdown-border: rgb(70.55, 71.4, 73.1);
--color-form-pseudo-multi-select-checked-background: rgb(59.7, 60.6, 62.4);
--color-form-pseudo-multi-select-disabled-background: rgb(53.19, 54.12, 55.98);
--color-form-pseudo-multi-select-disabled-text: rgb(70.55, 71.4, 73.1);
--color-form-pseudo-multi-select-error-background: rgb(157.3, 57.85, 57.85);
--color-form-pseudo-multi-select-error-border: #f25959;
--color-form-error-text: #f25959;
--color-form-error-icon-background: #f25959;
--color-form-error-icon-text: white;
--color-form-split-currency-text: #999;
--color-happy-ticket-border: white;
--color-happy-ticket-text: white;
--color-happy-ticket-image-background: #262729;
--color-happy-ticket-image-border: #262729;
--color-movie-tag-background: white;
--color-movie-tag-text: black;
--color-movie-trailer-background: rgb(70.55, 71.4, 73.1);
--color-movie-coming-soon-border: rgb(70.55, 71.4, 73.1);
--color-movie-hero-text: white;
--color-navigation-text: white;
--color-navigation-hover-text: #009ddb;
--color-navigation-dropdown-background: black;
--color-navigation-dropdown-border: rgb(63.75, 63.75, 63.75);
--color-navigation-dropdown-text: white;
--color-navigation-dropdown-hover-text: #009ddb;
--color-navigation-tertiary-text: white;
--color-navigation-tertiary-hover-text: white;
--color-navigation-device-tertiary-text: white;
--color-navigation-flyout-background: black;
--color-navigation-flyout-border: rgb(76.5, 76.5, 76.5);
--color-navigation-flyout-muted: rgb(127.5, 127.5, 127.5);
--color-navigation-flyout-text: white;
--color-navigation-flyout-locale-background: rgb(70.55, 71.4, 73.1);
--color-navigation-flyout-locale-text: white;
--color-offer-item-border: rgb(70.55, 71.4, 73.1);
--color-ordering-section-border: rgb(70.55, 71.4, 73.1);
--color-ordering-section-upcoming-heading-text: #666;
--color-pagination-text: #009ddb;
--color-pagination-active-background: #009ddb;
--color-pagination-active-text: white;
--color-pagination-disabled: rgb(92.25, 93, 94.5);
--color-password-restrictions-text: white;
--color-password-restrictions-icon-default: #666;
--color-password-restrictions-icon-pass: #00a98f;
--color-password-restrictions-icon-fail: #f25959;
--color-personalisation-ghost-background: rgb(70.55, 71.4, 73.1);
--color-poster-wall-overlay-background: rgba(0, 0, 0, 0.75);
--color-poster-wall-overlay-text: white;
--color-poster-wall-overlay-close-background: #009ddb;
--color-poster-wall-overlay-close-text: white;
--color-poster-wall-overlay-close-hover-background: rgb(0, 94.2, 131.4);
--color-poster-wall-overlay-info-background: #262729;
--color-poster-wall-overlay-info-text: #009ddb;
--color-progress-label-text: #666;
--color-progress-label-text-unit: #444;
--color-promotion-ghost-background: rgb(70.55, 71.4, 73.1);
--color-quick-filter-pseudo-multi-select-checked: #d40f7d;
--color-quick-filter-pseudo-multi-select-toolbar-background: rgba(26, 27, 29, 0.925);
--color-quick-filter-pseudo-multi-select-toolbar-border: rgba(26, 27, 29, 0.925);
--color-quick-filter-pseudo-multi-select-toolbar-action-outline-border: white;
--color-quick-filter-pseudo-multi-select-toolbar-action-outline-text: white;
--color-quick-filter-pseudo-multi-select-toolbar-action-outline-hover-background: white;
--color-quick-filter-pseudo-multi-select-toolbar-action-outline-hover-text: #1a1b1d;
--color-book-tickets-background: #1a1b1d;
--color-book-tickets-text: white;
--color-range-slider-track-background: rgb(53.19, 54.12, 55.98);
--color-range-slider-track-border: rgb(70.55, 71.4, 73.1);
--color-range-slider-thumb-background: rgb(0, 78.5, 109.5);
--color-range-slider-thumb-border: rgb(44.51, 45.48, 47.42);
--color-range-slider-thumb-hover-background: rgb(0, 39.25, 54.75);
--color-ratings-icon: #84754e;
--color-receipt-prepare-order-bar-background: rgba(71, 71, 73, 0.9);
--color-receipt-prepare-order-bar-text: white;
--color-ribbon-background: #327c50;
--color-ribbon-out-of-stock-background: #f25959;
--color-ribbon-text: white;
--color-search-results-heading-border: rgb(81.4, 82.2, 83.8);
--color-search-results-url-text: #aaa;
--color-search-results-highlight-marker-background: black;
--color-search-results-highlight-marker-text: inherit;
--color-site-banner-background: rgb(70.55, 71.4, 73.1);
--color-site-banner-text: white;
--color-site-banner-hyperlink: white;
--color-site-banner-icon: white;
--color-site-banner-hover-icon: #ccc;
--color-site-search-background: #262729;
--color-site-search-caret: #009ddb;
--color-site-search-tablet-border: black;
--color-social-networks-text: white;
--color-special-info-background: transparent;
--color-special-info-border: #009ddb;
--color-special-info-text: #009ddb;
--color-special-info-hover-text: #009ddb;
--color-special-help-background: #009ddb;
--color-special-help-text: white;
--color-special-help-hover-text: white;
--color-sticky-navigation-border: rgb(81.4, 82.2, 83.8);
--color-sticky-navigation-text: #bbb;
--color-sticky-navigation-hyperlink: white;
--color-sticky-navigation-hyperlink-hover: #009ddb;
--color-sticky-navigation-glued-background: #262729;
--color-tabs-navigation-background: #262729;
--color-tabs-navigation-hover-text: #009ddb;
--color-tabs-navigation-selected-border: rgb(70.55, 71.4, 73.1);
--color-tabs-navigation-selected-background: rgb(48.85, 49.8, 51.7);
--color-tabs-article-border: rgb(70.55, 71.4, 73.1);
--color-toggle-dashed-background: #262729;
--color-toggle-dashed-border: rgb(81.4, 82.2, 83.8);
--color-toggle-dashed-text: white;
--color-toggle-dashed-icon: white;
--color-wallet-balance-background: rgb(70.55, 71.4, 73.1);
--color-wallet-balance-text: #009ddb;
--color-wallet-smallprint-text: #aaa;
--color-wallet-history-th-background: #262729;
--color-wallet-history-th-text: white;
--color-wallet-history-date-background: #009ddb;
--color-wallet-history-date-text: white;
--color-wallet-history-date-border: #262729;
--color-wallet-history-expiry-text: rgb(157.3, 57.85, 57.85);
--color-wallet-history-amount-negative-text: rgb(157.3, 57.85, 57.85);
--color-wallet-history-amount-positive-text: rgb(34.45, 113.1, 32.5);
--color-tooltip-background: black;
--color-tooltip-text: white;
--color-tooltip-information-background: #646464;
--color-tooltip-information-text: white;
--color-booking-order-overlay-header-background: rgba(71, 71, 73, 0.9);
--color-booking-order-overlay-header-text: white;
--color-booking-order-overlay-header-icon: white;
--color-booking-order-overlay-section-background: #262729;
--color-booking-code-offer-border: rgb(81.4, 82.2, 83.8);
--color-booking-transaction-breakdown-border: rgb(81.4, 82.2, 83.8);
--color-booking-transaction-breakdown-payment-background: rgb(34.2, 35.1, 36.9);
--color-booking-payment-option-border: rgb(81.4, 82.2, 83.8);
--color-booking-promotion-ieat-background: #009fe0;
--color-booking-promotion-ieat-text: black;
--color-booking-panel-food-and-drinks-border: rgb(70.55, 71.4, 73.1);
--color-booking-bank-offers-navigation-background: rgb(48.85, 49.8, 51.7);
--color-booking-bank-offers-navigation-border: rgb(70.55, 71.4, 73.1);
--color-booking-bank-offers-navigation-selected-border: #d40f7d;
--color-booking-bank-offers-navigation-hover-border: white;
--color-booking-bank-offers-navigation-hover-text: white;
--color-seating-plan-seat-blank: transparent;
--color-seating-plan-seat-standard: #2bace1;
--color-seating-plan-seat-standard-bachelor: #f66327;
--color-seating-plan-seat-vip: #78b587;
--color-seating-plan-seat-vip-bachelor: #fed354;
--color-seating-plan-seat-premium: #78b587;
--color-seating-plan-seat-premium-bachelor: #fed354;
--color-seating-plan-seat-balcony: #84b0af;
--color-seating-plan-seat-value: #32CD32;
--color-seating-plan-seat-lounger: #e3933b;
--color-seating-plan-seat-outdoor-lounger: #c5e0b4;
--color-seating-plan-seat-beanbag: #ba7a7a;
--color-seating-plan-seat-couch: #9982b2;
--color-seating-plan-seat-cabana: #71a74d;
--color-seating-plan-seat-wheelchair: #2bace1;
--color-seating-plan-seat-drive-in: #dbbb4c;
--color-seating-plan-seat-preferred-view: #ffcc00;
--color-seating-plan-seat-preferred-view-bachelor: #ffcaaf;
--color-seating-plan-seat-preferred-view-family: #f1ffc4;
--color-seating-plan-seat-double: #78b587;
--color-seating-plan-seat-group: #ffcc00;
--color-seating-plan-seat-pod-standard: #7ab1cc;
--color-seating-plan-seat-pod-double: #3f6e27;
--color-seating-plan-seat-sold: #444;
--color-seating-plan-seat-sold-cross: #000000;
--color-seating-plan-seat-allocated: #d3187c;
--color-seating-plan-screen-backdrop: #101010;
--color-seating-plan-screen-text: white;
--color-seating-plan-screen-text-mirror: #505050;
--color-seating-plan-screen-text-mirror-bloom: #fff;
--color-seating-plan-screen-distance-marker: rgb(70.55, 71.4, 73.1);
--color-seating-plan-upsell-background: rgba(27, 27, 29, 0.85);
--color-seating-plan-upsell-text: white;
--color-seating-plan-upsell-hyperlink: white;
--color-seating-plan-upsell-special-help-background: white;
--color-seating-plan-upsell-special-help-text: #009ddb;
--color-seating-plan-table-cell-text: rgb(70.55, 71.4, 73.1);
--color-seating-plan-preview-table-row-hover-cell-background: rgb(34.2, 35.1, 36.9);
--color-seating-plan-preview-table-row-hover-cell-text: rgb(70.55, 71.4, 73.1);
--color-seating-plan-exit-background: #adadad;
--color-seating-plan-exit-text: white;
--color-seating-plan-height-text: white;
--color-ieat-basket-bar-background: rgba(71, 71, 73, 0.9);
--color-ieat-basket-bar-text: white;
--color-ieat-basket-bar-quantity-background: rgb(0, 125.6, 175.2);
--color-ieat-basket-bar-quantity-border: rgb(0, 125.6, 175.2);
--color-ieat-product-heading-text: #009ddb;
--color-ieat-product-price-label-text: #666;
--color-ieat-product-price-quantity-text: #d40f7d;
--color-ieat-product-hover-border: rgb(116.6625, 117.3, 118.575);
--color-ieat-options-label-border: rgb(70.55, 71.4, 73.1);
--color-ieat-options-bar-background: rgba(71, 71, 73, 0.9);
--color-ieat-options-bar-text: white;
--color-ieat-highlight-next-keyframe-0-text: white;
--color-ieat-highlight-next-keyframe-50-text: #d40f7d;
--color-ieat-highlight-next-keyframe-100-text: white;
--color-ieat-highlight-choice-keyframe-0-border: rgb(70.55, 71.4, 73.1);
--color-ieat-highlight-choice-keyframe-50-border: #d40f7d;
--color-ieat-highlight-choice-keyframe-100-border: rgb(70.55, 71.4, 73.1);
--color-membership-rewards-acquisition-banner-background: #00a98f;
--color-membership-rewards-acquisition-banner-border: rgb(127.5, 212, 199);
--color-membership-rewards-acquisition-banner-text: white;
--color-membership-rewards-acquisition-banner-action-background: white;
--color-membership-rewards-acquisition-banner-action-border: white;
--color-membership-rewards-acquisition-banner-action-text: #00a98f;
--color-membership-navigation-grid-border: rgb(70.55, 71.4, 73.1);
--color-membership-navigation-grid-text: white;
--color-membership-navigation-grid-hover-text: white;
--color-membership-points-balance-progress-label-text: white;
--color-membership-points-balance-progress-label-text-unit: white;
--color-membership-points-balance-rewards-background: #00a98f;
--color-membership-points-balance-rewards-text: white;
--color-membership-points-balance-maf-background: #d92168;
--color-membership-points-balance-maf-background-curve: #d92168;
--color-membership-points-balance-maf-text: white;
--color-membership-purchase-history-border: rgb(70.55, 71.4, 73.1);
--color-membership-ecard-text: white;
--color-membership-ecard-rewards-background: #00a98f;
--color-membership-ecard-maf-background: #d92168;
--color-membership-ecard-maf-digital-delivery-background: white;
--color-membership-ecard-maf-digital-delivery-text: black;
--color-membership-rewards-history-item-background: #009ddb;
--color-membership-rewards-history-item-text: white;
--color-membership-rewards-history-item-link: #009ddb;
--color-membership-rewards-history-item-icon-background: white;
--color-membership-rewards-history-item-icon-border: #009ddb;
--color-membership-rewards-history-item-points-background: white;
--color-membership-rewards-history-item-points-border: #009ddb;
--color-membership-rewards-history-item-points-text: #009ddb;
--color-membership-rewards-history-item-burned-background: #00a98f;
--color-membership-rewards-history-item-burned-icon-border: #00a98f;
--color-membership-rewards-history-item-burned-text: rgb(229.5, 246.4, 243.8);
--color-membership-rewards-history-item-burned-link: #00a98f;
--color-membership-rewards-history-item-burned-points-background: rgb(89.25, 199.1, 182.2);
--color-membership-rewards-history-item-burned-points-border: #00a98f;
--color-membership-rewards-history-item-burned-points-text: rgb(229.5, 246.4, 243.8);
--color-membership-rewards-items-border: rgb(81.4, 82.2, 83.8);
--color-membership-rewards-items-points: #00a98f;
--color-maf-heading-highlight: #d92168;
--color-maf-unordered-list-icon: #d92168;
--color-maf-hyperlink: #d92168;
--color-maf-hyperlink-hover: #d92168;
--color-maf-table-border: #d92168;
--color-maf-table-head-background: #d92168;
--color-maf-special-info-border: #d92168;
--color-maf-special-info-text: #d92168;
--color-maf-special-help-background: #d92168;
--color-maf-special-help-text: white;
--color-maf-special-help-hover-text: white;
--color-maf-message-background: rgb(48.85, 49.8, 51.7);
--color-maf-message-border: white;
--color-maf-message-text: white;
--color-maf-message-special-help-background: rgb(48.85, 49.8, 51.7);
--color-maf-message-special-help-text: white;
--color-maf-tabs-navigation-hover-text: #d92168;
--color-maf-tabs-navigation-selected-border: #d92168;
--color-maf-tabs-article-border: #d92168;
--color-maf-accordion-border: #d92168;
--color-maf-accordion-header-background: #d92168;
--color-maf-accordion-table-head-background: #d92168;
--color-maf-accordion-table-border: #d92168;
--color-maf-navigation-grid-border: #d92168;
--color-maf-promotion-background: #d92168;
--color-maf-promotion-text: white;
--color-maf-promotion-unordered-list-icon: white;
--color-maf-action-modifier-text: #d92168;
--color-maf-action-modifier-hover-background: #d92168;
--color-maf-action-modifier-hover-border: #d92168;
--color-maf-action-modifier-hover-text: white;
--color-maf-action-modifier-invalid-hover-background: white;
--color-maf-action-modifier-invalid-hover-border: #ddd;
--color-maf-action-modifier-invalid-hover-text: #d92168;
--color-maf-pagination-text: #d92168;
--color-maf-pagination-active-background: #d92168;
--color-maf-pagination-active-text: white;
--color-maf-transactions-balance-value-text: #d92168;
--color-maf-transactions-balance-money-text: white;
--color-maf-transactions-history-date-background: #d92168;
--color-maf-transactions-history-date-text: white;
--color-maf-transactions-amount-positive-text: rgb(34.45, 113.1, 32.5);
--color-maf-transactions-amount-negative-text: rgb(157.3, 57.85, 57.85);
--color-rewards-heading-highlight: #00a98f;
--color-rewards-unordered-list-icon: #00a98f;
--color-rewards-hyperlink: #00a98f;
--color-rewards-hyperlink-hover: #00a98f;
--color-rewards-table-border: #00a98f;
--color-rewards-table-head-background: #00a98f;
--color-rewards-special-info-border: #00a98f;
--color-rewards-special-info-text: #00a98f;
--color-rewards-special-help-background: #00a98f;
--color-rewards-special-help-text: white;
--color-rewards-special-help-hover-text: white;
--color-rewards-message-background: #00a98f;
--color-rewards-message-border: #00a98f;
--color-rewards-message-text: white;
--color-rewards-message-special-help-background: white;
--color-rewards-message-special-help-text: #00a98f;
--color-rewards-action-modifier-hover-background: #00a98f;
--color-rewards-action-modifier-hover-border: #00a98f;
--color-rewards-action-modifier-invalid-hover-text: #00a98f;
--color-rewards-tabs-navigation-selected-border: #00a98f;
--color-rewards-tabs-navigation-hover-text: #00a98f;
--color-rewards-tabs-article-border: #00a98f;
--color-rewards-accordion-border: #00a98f;
--color-rewards-accordion-header-background: #00a98f;
--color-rewards-navigation-grid-border: rgb(191.25, 233.5, 227);
--color-rewards-promotion-background: #00a98f;
--color-rewards-promotion-text: white;
--color-rewards-promotion-unordered-list-icon: white;
--color-alternative-sessions-selected-background: #009ddb;
--color-alternative-sessions-selected-span: rgb(178.5, 225.6, 244.2);
--color-alternative-sessions-selected-hover-background: rgb(0, 94.2, 131.4);
--color-alternative-sessions-selected-hover-border: rgb(0, 94.2, 131.4);
--color-expiry-timer-background: rgba(0, 0, 0, 0.5);
--color-expiry-timer-text: white;
--color-expiry-timer-glued-text: white;
--color-expiry-timer-icon: #009ddb
}
}
.visible-tablet,
.visible-phone,
.hide-web,
.visible-embed {
display: none
}
@media(min-width: 769px) {
.hide-desktop {
display: none !important
}
}
@media(min-width: 481px)and (max-width: 768px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: block
}
a.visible-tablet,
button.visible-tablet {
display: inline-block
}
span.visible-tablet {
display: inline
}
.hide-tablet {
display: none !important
}
}
@media(max-width: 480px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: none
}
.visible-phone {
display: block
}
a.visible-phone,
button.visible-phone {
display: inline-block
}
span.visible-phone {
display: inline
}
.hide-phone {
display: none !important
}
}
html {
box-sizing: border-box
}
*,
*::after,
*::before {
box-sizing: inherit
}
.visible-tablet,
.visible-phone,
.hide-web,
.visible-embed {
display: none
}
@media(min-width: 769px) {
.hide-desktop {
display: none !important
}
}
@media(min-width: 481px)and (max-width: 768px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: block
}
a.visible-tablet,
button.visible-tablet {
display: inline-block
}
span.visible-tablet {
display: inline
}
.hide-tablet {
display: none !important
}
}
@media(max-width: 480px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: none
}
.visible-phone {
display: block
}
a.visible-phone,
button.visible-phone {
display: inline-block
}
span.visible-phone {
display: inline
}
.hide-phone {
display: none !important
}
}
header::after,
main::after,
footer::after {
clear: both;
content: "";
display: block
}
header>section::after,
main>section::after,
footer>section::after {
clear: both;
content: "";
display: block
}
header>section,
main>section,
footer>section {
max-width: 940px;
margin-left: auto;
margin-right: auto
}
.site-search-banner article {
max-width: 940px;
margin: 0 auto
}
@media(max-width: 940px) {
header>section {
padding-left: 15px;
padding-right: 15px
}
}
main {
padding: 0 0 20px 0
}
main::before {
clear: both;
content: "";
display: table
}
@media(max-width: 940px) {
main>section {
padding-left: 15px;
padding-right: 15px
}
}
.default-domain .regions::after {
clear: both;
content: "";
display: block
}
.default-domain .regions {
max-width: 940px;
margin-left: auto;
margin-right: auto;
text-align: center
}
.default-domain .regions li {
display: inline-block;
margin-right: 30px
}
.default-domain .regions li:last-of-type {
margin-right: 0
}
.book-tickets::after {
clear: both;
content: "";
display: block
}
.book-tickets nav::after {
clear: both;
content: "";
display: block
}
.book-tickets nav {
max-width: 940px;
margin-left: auto;
margin-right: auto
}
.book-tickets nav form {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 100%
}
.book-tickets nav form:last-child {
margin-right: 0
}
.book-tickets nav form {
margin-bottom: 15px;
margin-top: 15px
}
.banner {
display: block;
height: auto;
margin: 0 auto 30px auto;
max-width: 100%;
width: 940px
}
@media(max-width: 480px) {
.banner {
margin-bottom: 15px
}
}
a.banner img {
display: block;
max-width: 100%;
width: 100%
}
.poster-wall {
align-items: stretch;
display: grid;
grid-template-columns: repeat(4, 1fr)
}
.poster-wall article {
position: relative;
overflow: hidden
}
.poster-wall article:nth-of-type(1) {
grid-column: 1/span 2;
grid-row: 1/span 2
}
.poster-wall article:nth-of-type(10) {
grid-column: 3/span 2;
grid-row: 3/span 2
}
@media(max-width: 480px) {
.poster-wall {
grid-template-columns: repeat(2, 1fr)
}
.poster-wall article:nth-of-type(n+6) {
display: none
}
}
article.experience {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 31.7615656014%
}
article.experience:last-child {
margin-right: 0
}
article.experience:nth-of-type(3n) {
margin-right: 0
}
article.experience:nth-of-type(3n+1) {
clear: left
}
article.experience {
margin-bottom: 20px
}
article.experience a {
display: block
}
article.experience img {
aspect-ratio: 2/1;
display: block;
width: 100%
}
@media(max-width: 480px) {
article.experience:nth-of-type(3n) {
margin-right: 2.3576515979%
}
article.experience:nth-of-type(3n+1) {
clear: none
}
article.experience {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 48.821174201%
}
article.experience:last-child {
margin-right: 0
}
article.experience:nth-of-type(2n) {
margin-right: 0
}
article.experience:nth-of-type(2n+1) {
clear: left
}
article.experience img {
aspect-ratio: auto;
height: auto
}
}
.now-showing::after {
clear: both;
content: "";
display: block
}
.now-showing article {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 23.2317613015%
}
.now-showing article:last-child {
margin-right: 0
}
.now-showing article:nth-of-type(4n) {
margin-right: 0
}
.now-showing article:nth-of-type(4n+1) {
clear: left
}
.now-showing article {
margin-bottom: 30px
}
@media(max-width: 768px) {
.now-showing article:nth-of-type(4n) {
margin-right: 2.3576515979%
}
.now-showing article:nth-of-type(4n+1) {
clear: none
}
.now-showing article {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 31.7615656014%
}
.now-showing article:last-child {
margin-right: 0
}
.now-showing article:nth-of-type(3n) {
margin-right: 0
}
.now-showing article:nth-of-type(3n+1) {
clear: left
}
}
@media(max-width: 480px) {
.now-showing article:nth-of-type(3n) {
margin-right: 2.3576515979%
}
.now-showing article:nth-of-type(3n+1) {
clear: none
}
.now-showing article {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 48.821174201%
}
.now-showing article:last-child {
margin-right: 0
}
.now-showing article:nth-of-type(2n) {
margin-right: 0
}
.now-showing article:nth-of-type(2n+1) {
clear: left
}
}
.coming-soon article:not(.hero)::after {
clear: both;
content: "";
display: block
}
.coming-soon article:not(.hero)>:first-child {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 23.2317613015%
}
.coming-soon article:not(.hero)>:first-child:last-child {
margin-right: 0
}
@media(max-width: 480px) {
.coming-soon article:not(.hero)>:first-child {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 100%
}
.coming-soon article:not(.hero)>:first-child:last-child {
margin-right: 0
}
.coming-soon article:not(.hero)>:first-child {
margin-bottom: 15px
}
}
.coming-soon article:not(.hero)>:last-child {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 74.4105871005%
}
.coming-soon article:not(.hero)>:last-child:last-child {
margin-right: 0
}
.coming-soon article:not(.hero)>:last-child {
margin-right: 0
}
@media(max-width: 480px) {
.coming-soon article:not(.hero)>:last-child {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 100%
}
.coming-soon article:not(.hero)>:last-child:last-child {
margin-right: 0
}
}
.coming-soon article.hero::after {
clear: both;
content: "";
display: block
}
.movie-detail .poster {
aspect-ratio: 240/343;
float: left;
display: block;
margin-right: 2.3576515979%;
width: 31.7615656014%
}
.movie-detail .poster:last-child {
margin-right: 0
}
@media(max-width: 480px) {
.movie-detail .poster {
display: none
}
}
.movie-detail .trailer {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 65.8807828007%
}
.movie-detail .trailer:last-child {
margin-right: 0
}
.movie-detail .trailer {
margin-right: 0
}
@media(max-width: 480px) {
.movie-detail .trailer {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 100%
}
.movie-detail .trailer:last-child {
margin-right: 0
}
}
.movie-detail aside {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 31.7615656014%
}
.movie-detail aside:last-child {
margin-right: 0
}
@media(max-width: 480px) {
.movie-detail aside {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 100%
}
.movie-detail aside:last-child {
margin-right: 0
}
}
.movie-detail aside+article {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 65.8807828007%
}
.movie-detail aside+article:last-child {
margin-right: 0
}
.movie-detail aside+article {
margin-right: 0
}
@media(max-width: 480px) {
.movie-detail aside+article {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 100%
}
.movie-detail aside+article:last-child {
margin-right: 0
}
}
.showtimes article::after {
clear: both;
content: "";
display: block
}
.cinemas article {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 48.821174201%
}
.cinemas article:last-child {
margin-right: 0
}
.cinemas article:nth-of-type(2n) {
margin-right: 0
}
.cinemas article:nth-of-type(2n+1) {
clear: left
}
.cinemas article {
margin-bottom: 30px
}
@media(max-width: 480px) {
.cinemas article {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 100%
}
.cinemas article:last-child {
margin-right: 0
}
.cinemas article:nth-of-type(1n) {
margin-right: 0
}
.cinemas article:nth-of-type(1n+1) {
clear: left
}
.cinemas article {
margin-bottom: 15px
}
}
.filters .categories>ol::after {
clear: both;
content: "";
display: block
}
.filters .categories>ol>li {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 31.7615656014%
}
.filters .categories>ol>li:last-child {
margin-right: 0
}
@media(max-width: 480px) {
.filters .categories>ol>li {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 100%
}
.filters .categories>ol>li:last-child {
margin-right: 0
}
}
.booking .code-offer::after {
clear: both;
content: "";
display: block
}
.booking .code-offer>div,
.booking .code-offer>div+aside {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 48.821174201%
}
.booking .code-offer>div:last-child,
.booking .code-offer>div+aside:last-child {
margin-right: 0
}
.booking .code-offer>div+aside {
margin-right: 0
}
.booking .code-offer.read-only>div,
.booking .code-offer.read-only>div+aside {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 100%
}
.booking .code-offer.read-only>div:last-child,
.booking .code-offer.read-only>div+aside:last-child {
margin-right: 0
}
@media(max-width: 480px) {
.booking .code-offer>div,
.booking .code-offer>div+aside {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 100%
}
.booking .code-offer>div:last-child,
.booking .code-offer>div+aside:last-child {
margin-right: 0
}
.booking .code-offer form {
margin-bottom: 15px
}
}
.receipt .order-information {
display: grid;
gap: 30px;
grid-template-columns: auto 200px;
margin-bottom: 30px
}
.receipt .order-information>* {
margin-bottom: 0
}
.receipt .digital-delivery {
align-items: center;
display: flex;
flex-direction: column;
gap: 10px
}
.receipt .digital-delivery .barcode {
aspect-ratio: 1/1;
align-items: center;
display: flex;
height: auto;
justify-content: center;
width: 200px
}
.receipt .digital-delivery .barcode>img {
display: block
}
.receipt .digital-delivery .apple-wallet {
display: block
}
.receipt .digital-delivery .apple-wallet>img {
display: block
}
@media(max-width: 480px) {
.receipt .order-information {
grid-template-columns: auto;
margin-bottom: 15px
}
}
.results>article.has-image::after {
clear: both;
content: "";
display: block
}
.results>article.has-image>a,
.results>article.has-image>img {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 6.1721527019%
}
.results>article.has-image>a:last-child,
.results>article.has-image>img:last-child {
margin-right: 0
}
@media(max-width: 768px) {
.results>article.has-image>a,
.results>article.has-image>img {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 14.7019570017%
}
.results>article.has-image>a:last-child,
.results>article.has-image>img:last-child {
margin-right: 0
}
}
@media(max-width: 480px) {
.results>article.has-image>a,
.results>article.has-image>img {
display: none
}
}
.results>article.has-image>p {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 91.4701957002%
}
.results>article.has-image>p:last-child {
margin-right: 0
}
.results>article.has-image>p {
margin-right: 0
}
@media(max-width: 768px) {
.results>article.has-image>p {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 82.9403914003%
}
.results>article.has-image>p:last-child {
margin-right: 0
}
}
@media(max-width: 480px) {
.results>article.has-image>p {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 100%
}
.results>article.has-image>p:last-child {
margin-right: 0
}
}
nav.grid>ul {
display: flex;
flex-direction: row;
gap: 0
}
nav.grid>ul>li {
flex: 1 1 0px;
margin: 0;
padding: 0 10px
}
nav.grid>ul>li::before {
display: none
}
.rewards-acquisition .grid::after {
clear: both;
content: "";
display: block
}
.rewards-acquisition .grid {
list-style: none;
padding: 0
}
.rewards-acquisition .grid>li {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 23.2317613015%
}
.rewards-acquisition .grid>li:last-child {
margin-right: 0
}
.rewards-acquisition .grid>li {
margin: 0;
padding-left: 0;
padding-right: 2.35765%;
width: 25%
}
.rewards-acquisition .grid>li:nth-of-type(4n) {
padding-right: 0
}
.rewards-acquisition .grid>li::before {
display: none
}
@media(max-width: 940px) {
.rewards-acquisition .grid>li {
padding-left: 2%;
padding-right: 2%
}
.rewards-acquisition .grid>li:nth-of-type(4n) {
padding-right: 2%
}
}
@media(max-width: 768px) {
.rewards-acquisition .grid>li {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 48.821174201%
}
.rewards-acquisition .grid>li:last-child {
margin-right: 0
}
.rewards-acquisition .grid>li {
margin: 0;
padding-left: 5%;
padding-right: 5%;
width: 50%
}
.rewards-acquisition .grid>li:nth-of-type(2n-1) {
clear: left
}
.rewards-acquisition .grid>li:nth-of-type(4n) {
padding-right: 5%
}
}
@media(max-width: 480px) {
.rewards-acquisition .grid>li {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 100%
}
.rewards-acquisition .grid>li:last-child {
margin-right: 0
}
.rewards-acquisition .grid>li {
margin: 0;
padding-left: 5%;
padding-right: 5%
}
}
footer article {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 48.821174201%
}
footer article:last-child {
margin-right: 0
}
footer>section.tertiary>* {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 23.2317613015%
}
footer>section.tertiary>*:last-child {
margin-right: 0
}
@media(max-width: 768px) {
footer>section.tertiary>* {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 100%
}
footer>section.tertiary>*:last-child {
margin-right: 0
}
}
footer.maf article {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 100%
}
footer.maf article:last-child {
margin-right: 0
}
@media(max-width: 480px) {
footer article {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 100%
}
footer article:last-child {
margin-right: 0
}
footer article.applications {
display: none
}
}
.visible-tablet,
.visible-phone,
.hide-web,
.visible-embed {
display: none
}
@media(min-width: 769px) {
.hide-desktop {
display: none !important
}
}
@media(min-width: 481px)and (max-width: 768px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: block
}
a.visible-tablet,
button.visible-tablet {
display: inline-block
}
span.visible-tablet {
display: inline
}
.hide-tablet {
display: none !important
}
}
@media(max-width: 480px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: none
}
.visible-phone {
display: block
}
a.visible-phone,
button.visible-phone {
display: inline-block
}
span.visible-phone {
display: inline
}
.hide-phone {
display: none !important
}
}
@font-face {
font-display: swap;
font-family: "Effra";
src: url("/assets/fonts/Effra_W_Rg.eot");
src: url("/assets/fonts/Effra_W_Rg.eot?#Effra_W_Rg") format("embedded-opentype"), url("/assets/fonts/Effra_W_Rg.woff") format("woff"), url("/assets/fonts/Effra_Rg.ttf") format("truetype");
font-style: normal;
font-weight: normal
}
@font-face {
font-display: swap;
font-family: "Effra";
src: url("/assets/fonts/Effra_W_Bd.eot");
src: url("/assets/fonts/Effra_W_Bd.eot?#Effra_W_Bd") format("embedded-opentype"), url("/assets/fonts/Effra_W_Bd.woff") format("woff"), url("/assets/fonts/Effra_Bd.ttf") format("truetype");
font-style: normal;
font-weight: bold
}
@font-face {
font-display: swap;
font-family: "HelveticaNeueArabic";
src: url("/assets/fonts/HelveticaNeueLTArabic-Roman.eot");
src: url("/assets/fonts/HelveticaNeueLTArabic-Roman.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/HelveticaNeueLTArabic-Roman.woff") format("woff"), url("/assets/fonts/HelveticaNeueLTArabic-Roman.ttf") format("truetype");
font-style: normal;
font-weight: normal
}
@font-face {
font-display: swap;
font-family: "HelveticaNeueArabic";
src: url("/assets/fonts/HelveticaNeueLTArabic-Bold.eot");
src: url("/assets/fonts/HelveticaNeueLTArabic-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/HelveticaNeueLTArabic-Bold.woff") format("woff"), url("/assets/fonts/HelveticaNeueLTArabic-Bold.ttf") format("truetype");
font-style: normal;
font-weight: bold
}
@font-face {
font-display: swap;
font-family: "MarselisPro";
src: url("/assets/fonts/MarselisPro.eot");
src: url("/assets/fonts/MarselisPro.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/MarselisPro.woff") format("woff"), url("/assets/fonts/MarselisPro.ttf") format("truetype");
font-style: normal;
font-weight: normal
}
@font-face {
font-display: swap;
font-family: "MarselisPro";
src: url("/assets/fonts/MarselisPro-BlackItalic.eot");
src: url("/assets/fonts/MarselisPro-BlackItalic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/MarselisPro-BlackItalic.woff") format("woff"), url("/assets/fonts/MarselisPro-BlackItalic.ttf") format("truetype");
font-style: italic;
font-weight: bold
}
html[lang=en] .ar {
direction: rtl;
font-family: "HelveticaNeueArabic", "Effra", Tahoma, Arial, Helvetica, sans-serif;
font-size: 1.125rem;
text-align: right
}
html[lang=en] small .ar {
font-size: 1rem
}
html[dir=ltr] .ar {
direction: rtl;
display: inline-block
}
html[lang=ar] .en {
font-family: "Effra", Tahoma, Arial, Helvetica, sans-serif;
font-size: 1rem;
text-align: left
}
html[dir=rtl] .en {
direction: ltr;
display: inline-block
}
.visible-tablet,
.visible-phone,
.hide-web,
.visible-embed {
display: none
}
@media(min-width: 769px) {
.hide-desktop {
display: none !important
}
}
@media(min-width: 481px)and (max-width: 768px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: block
}
a.visible-tablet,
button.visible-tablet {
display: inline-block
}
span.visible-tablet {
display: inline
}
.hide-tablet {
display: none !important
}
}
@media(max-width: 480px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: none
}
.visible-phone {
display: block
}
a.visible-phone,
button.visible-phone {
display: inline-block
}
span.visible-phone {
display: inline
}
.hide-phone {
display: none !important
}
}
body {
color: #000;
color: var(--color-text);
font-family: "Effra", Tahoma, Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 24px
}
@media(max-width: 768px) {
body {
font-size: 14px
}
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: 30px;
margin-top: 0
}
h1>.action,
h2>.action,
h3>.action,
h4>.action,
h5>.action,
h6>.action {
float: right;
margin-bottom: 0
}
h1>.action:last-of-type,
h2>.action:last-of-type,
h3>.action:last-of-type,
h4>.action:last-of-type,
h5>.action:last-of-type,
h6>.action:last-of-type {
margin-right: 0
}
@media(max-width: 480px) {
h1>.action,
h2>.action,
h3>.action,
h4>.action,
h5>.action,
h6>.action {
float: none
}
}
h1,
.pseudo-h1 {
font-size: 1.875rem;
line-height: 2.25rem;
text-transform: uppercase
}
h2,
.pseudo-h2 {
font-size: 1.5rem;
line-height: 1.875rem;
text-transform: uppercase
}
h3,
.pseudo-h3 {
font-size: 1.375rem;
line-height: 1.75rem;
text-transform: none
}
h4,
.pseudo-h4 {
font-size: 1.125rem;
line-height: 1.5rem;
text-transform: none
}
h5,
.pseudo-h5 {
font-size: 1rem;
text-transform: none
}
h6,
.pseudo-h6 {
font-style: italic;
text-transform: none
}
@media(max-width: 768px) {
h1,
.pseudo-h1 {
font-size: 1.625rem
}
h2,
.pseudo-h2 {
font-size: 1.375rem
}
}
@media(max-width: 768px) {
h1,
.pseudo-h1 {
font-size: 1.5rem;
line-height: 1.875rem
}
h2,
.pseudo-h2 {
font-size: 1.125rem;
line-height: 1.5rem
}
}
h1,
h2.highlight,
h3.highlight,
h4.highlight,
h5.highlight,
h6.highlight {
padding-top: 10px;
position: relative
}
@media(max-width: 768px) {
h1,
h2.highlight,
h3.highlight,
h4.highlight,
h5.highlight,
h6.highlight {
padding-top: 8px
}
}
h1.no-highlight {
padding-top: 0
}
h1.no-highlight::before {
display: none
}
@media(max-width: 768px) {
h1.no-highlight {
padding-top: 0
}
}
h1>small,
h1>span:first-of-type>small,
h2>small,
h2>span:first-of-type>small,
h3>small,
h3>span:first-of-type>small,
h4>small,
h4>span:first-of-type>small,
h5>small,
h5>span:first-of-type>small,
h6>small,
h6>span:first-of-type>small {
display: block;
font-size: 70%;
font-weight: normal;
text-transform: none
}
h1.has-icon {
margin-top: 100px
}
h1.has-icon>svg {
position: absolute;
top: -90px
}
a {
color: #009ddb;
color: var(--color-hyperlink);
font-weight: bold;
text-decoration: none
}
a:hover {
color: #009ddb;
color: var(--color-hyperlink-hover);
text-decoration: underline
}
a[data-toggle] {
cursor: pointer
}
h1>a,
h2>a,
h3>a,
h4>a,
h5>a,
h6>a {
color: inherit;
text-decoration: none
}
h1>a:hover,
h2>a:hover,
h3>a:hover,
h4>a:hover,
h5>a:hover,
h6>a:hover {
text-decoration: none
}
picture {
display: block
}
picture>img {
height: auto
}
img {
max-width: 100%
}
p {
margin: 0 0 30px 0
}
blockquote {
font-size: 1rem;
font-style: italic;
margin: 0 0 30px 0
}
blockquote>p:last-of-type {
margin-bottom: 5px
}
blockquote cite {
color: #999;
color: var(--color-blockquote-cite);
display: block;
font-size: .875rem;
font-style: normal
}
blockquote cite:before {
content: "— "
}
abbr[title] {
border-bottom: 1px dotted #999;
border-bottom: 1px dotted var(--color-abbr-border);
cursor: help
}
ul,
ol {
margin: 0 0 30px 0
}
ul li,
ol li {
margin-bottom: 5px
}
ul ul,
ul ol,
ol ul,
ol ol {
margin-bottom: inherit
}
main ul {
list-style: none;
padding-left: 0
}
main ul li {
margin-bottom: 10px;
padding-left: 24px;
position: relative
}
main ul li::before {
box-sizing: content-box;
display: inline-block;
color: #009ddb;
color: var(--color-unordered-list-icon);
content: "";
font-family: "Iconic";
font-weight: 400;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-size: .5rem;
line-height: 1;
position: relative;
text-align: center;
top: 1px;
vertical-align: baseline;
width: 1em;
left: 0;
margin-right: 15px;
position: absolute;
top: 8px;
vertical-align: middle
}
@media(max-width: 768px) {
main ul li::before {
top: 7px
}
}
main ul ul,
main ul ol {
margin-top: 10px
}
main ul.unstyled {
list-style: none;
padding-left: 0
}
main ul.unstyled li {
padding-left: 0
}
main ul.unstyled li::before {
display: none
}
main ol {
padding-left: 25px
}
main ol li {
margin-bottom: 10px
}
main ol ul,
main ol ol {
margin-top: 10px;
padding-left: 25px
}
main ol.unstyled {
list-style: none;
padding-left: 0
}
main ol.unstyled li {
padding-left: 0
}
dl {
margin: 0 0 30px 0
}
dl dt {
font-weight: bold
}
dl dd {
margin-bottom: 5px
}
hr {
border: none;
border-bottom: 1px solid hsl(0, 0%, 85%);
border-bottom: 1px solid var(--color-hr-border);
height: 0;
margin: 30px 0;
width: 100%
}
hr.dashed {
border-bottom: 1px dashed #ccc;
border-bottom: 1px dashed var(--color-hr-dashed-border)
}
.hr-worded {
display: block;
position: relative;
text-align: center;
width: 100%
}
.hr-worded::before {
background-color: hsl(0, 0%, 85%);
background-color: var(--color-hr-worded-border);
content: "";
display: block;
height: 1px;
position: absolute;
top: 50%;
width: 100%
}
.hr-worded>span {
background-color: #fff;
background-color: var(--color-hr-worded-background);
display: inline-block;
padding: 0 15px;
position: relative
}
table {
border: 1px solid #009ddb;
border: 1px solid var(--color-table-border);
margin: 0 0 30px 0
}
table thead th {
background-color: #009ddb;
background-color: var(--color-table-head-background);
color: #fff;
color: var(--color-table-head-text);
font-weight: bold;
padding: 10px 30px;
text-transform: uppercase
}
table tbody>tr:nth-of-type(odd) {
background-color: #fff;
background-color: var(--color-table-row-odd-background)
}
table tbody>tr:nth-of-type(even) {
background-color: hsl(0, 0%, 93%);
background-color: var(--color-table-row-even-background)
}
table tbody td {
padding: 10px 30px
}
table.full-width {
width: 100%
}
table.no-head thead {
display: none
}
table.plain {
border: none
}
table.plain thead {
background-color: #fff;
background-color: var(--color-background);
color: #000;
color: var(--color-text)
}
table.plain tbody>tr:nth-of-type(odd),
table.plain tbody>tr:nth-of-type(even) {
background-color: #fff;
background-color: var(--color-background)
}
table.plain tbody>tr {
border-bottom: 1px dashed hsl(0, 0%, 93%);
border-bottom: 1px dashed var(--color-table-plain-border)
}
table.plain tbody>tr td:first-of-type {
padding-left: 15px
}
table.plain tbody>tr td:last-of-type {
padding-right: 15px
}
@media(max-width: 480px) {
table thead th {
font-size: .6875rem;
font-weight: normal;
padding: 5px 8px
}
table tbody td {
padding: 5px 8px
}
}
.responsive-table {
-webkit-overflow-scrolling: touch;
overflow-x: auto;
-ms-overflow-style: -ms-autohiding-scrollbar;
width: 100%
}
code,
pre {
background-color: hsl(0, 0%, 97%);
background-color: var(--color-code-background);
border: 1px solid hsl(0, 0%, 85%);
border: 1px solid var(--color-code-border);
border-radius: 2px;
color: #d14;
color: var(--color-code-text);
font-size: .9em;
padding: 2px 4px
}
pre {
margin: 0 0 30px 0
}
.message:not(span) {
background-color: rgb(204, 235.4, 247.8);
background-color: var(--color-message-background);
border: 1px solid #009ddb;
border: 1px solid var(--color-message-border);
color: #009ddb;
color: var(--color-message-text);
display: block;
margin: 0 0 30px 0;
padding: 15px
}
@media(max-width: 768px) {
.message:not(span) {
padding: 10px
}
}
.message:not(span)>:last-child {
margin-bottom: 0
}
.message:not(span) a:not(.disabled) {
cursor: pointer
}
.message:not(span) a:not(.action):not(.help) {
color: #009ddb;
color: var(--color-message-text)
}
.message:not(span) a.help {
margin-left: 5px;
vertical-align: middle
}
.message:not(span).success {
background-color: rgb(204, 237.8, 232.6);
background-color: var(--color-message-success-background);
border: 1px solid #00a98f;
border: 1px solid var(--color-message-success-border);
color: #00a98f;
color: var(--color-message-success-text)
}
.message:not(span).success a:not(.action):not(.help):not(.ignore-inherit) {
color: #00a98f;
color: var(--color-message-success-text)
}
.message:not(span).warning {
background-color: rgb(253.4, 235.6, 204.8);
background-color: var(--color-message-warning-background);
border: 1px solid #f79e04;
border: 1px solid var(--color-message-warning-border);
color: #f79e04;
color: var(--color-message-warning-text)
}
.message:not(span).warning a:not(.action):not(.help):not(.ignore-inherit) {
color: #f79e04;
color: var(--color-message-warning-text)
}
.message:not(span).error {
background-color: rgb(252.4, 221.8, 221.8);
background-color: var(--color-message-error-background);
border: 1px solid #f25959;
border: 1px solid var(--color-message-error-border);
color: #f25959;
color: var(--color-message-error-text)
}
.message:not(span).error a:not(.action):not(.help):not(.ignore-inherit) {
color: #f25959;
color: var(--color-message-error-text)
}
.align-center {
text-align: center
}
.align-right {
text-align: right
}
.align-right>.action:last-of-type {
margin-right: 0
}
@media(max-width: 480px) {
.align-right {
text-align: center
}
}
@media(max-width: 480px) {
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: 15px
}
p {
margin-bottom: 15px
}
blockquote {
margin-bottom: 15px
}
ul,
ol {
margin-bottom: 15px
}
dl {
margin-bottom: 15px
}
hr {
margin: 15px 0
}
table {
margin-bottom: 15px;
min-width: 100%
}
pre {
margin-bottom: 15px
}
.message:not(span) {
margin-bottom: 15px
}
.marker {
font-size: .6875rem;
margin-left: 5px;
padding: 0 6px
}
}
.brand.rewards {
aspect-ratio: 6/1;
background: url(/assets/images/membership/logo-white.webp) 0 0 no-repeat;
display: block;
height: auto;
-ms-interpolation-mode: bicubic;
text-indent: -9999px;
width: 600px
}
svg.icon {
color: #fff;
color: var(--color-svg);
fill: #009ddb;
fill: var(--color-svg-fill)
}
@font-face {
font-display: block;
font-family: "Iconic";
src: url("/assets/fonts/iconic-sm.eot");
src: url("/assets/fonts/iconic-sm.eot?#iconic-sm") format("embedded-opentype"), url("/assets/fonts/iconic-sm.woff") format("woff"), url("/assets/fonts/iconic-sm.ttf") format("truetype"), url("/assets/fonts/iconic-sm.otf") format("opentype"), url("/assets/fonts/iconic-sm.svg#iconic-sm") format("svg");
font-style: normal;
font-weight: 400
}
.iconic[data-glyph].iconic-text-replace {
font-size: 0;
line-height: 0
}
.iconic[data-glyph].iconic-text-replace:before {
width: 1em;
text-align: center
}
.iconic[data-glyph]:before {
position: relative;
top: 1px;
font-family: "Iconic", monospace;
display: inline-block;
speak: none;
line-height: 1;
vertical-align: baseline;
font-weight: 400;
font-style: normal;
font-size: 16px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.iconic[data-glyph]:empty:before {
width: 1em;
text-align: center;
box-sizing: content-box
}
.iconic[data-glyph].iconic-align-left:before {
text-align: left
}
.iconic[data-glyph].iconic-align-right:before {
text-align: right
}
.iconic[data-glyph].iconic-align-center:before {
text-align: center
}
.iconic[data-glyph].iconic-flip-horizontal:before {
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1)
}
.iconic[data-glyph].iconic-flip-vertical:before {
-webkit-transform: scale(1, -1);
-ms-transform: scale(-1, 1);
transform: scale(1, -1)
}
.iconic[data-glyph].iconic-flip-horizontal-vertical:before {
-webkit-transform: scale(-1, -1);
-ms-transform: scale(-1, 1);
transform: scale(-1, -1)
}
.iconic[data-glyph=account-login]:before {
content: ""
}
.iconic[data-glyph=account-logout]:before {
content: ""
}
.iconic[data-glyph=action-redo]:before {
content: ""
}
.iconic[data-glyph=action-undo]:before {
content: ""
}
.iconic[data-glyph=align-center]:before {
content: ""
}
.iconic[data-glyph=align-left]:before {
content: ""
}
.iconic[data-glyph=align-right]:before {
content: ""
}
.iconic[data-glyph=aperture]:before {
content: ""
}
.iconic[data-glyph=arrow-bottom-fill-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-bottom-fill-angled]:before {
content: ""
}
.iconic[data-glyph=arrow-bottom-fill-large-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-bottom-fill-large-angled]:before {
content: ""
}
.iconic[data-glyph=arrow-bottom-fill-large-oblique]:before {
content: ""
}
.iconic[data-glyph=arrow-bottom-fill-large]:before {
content: ""
}
.iconic[data-glyph=arrow-bottom-fill-oblique]:before {
content: ""
}
.iconic[data-glyph=arrow-bottom-fill]:before {
content: ""
}
.iconic[data-glyph=arrow-bottom-left-fill-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-bottom-left-fill-angled]:before {
content: ""
}
.iconic[data-glyph=arrow-bottom-left-fill-large-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-bottom-left-fill-large-angled]:before {
content: ""
}
.iconic[data-glyph=arrow-bottom-left-fill-large-oblique]:before {
content: ""
}
.iconic[data-glyph=arrow-bottom-left-fill-large]:before {
content: ""
}
.iconic[data-glyph=arrow-bottom-left-fill-oblique]:before {
content: ""
}
.iconic[data-glyph=arrow-bottom-left-fill]:before {
content: ""
}
.iconic[data-glyph=arrow-bottom-left-line-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-bottom-left-line-large-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-bottom-left-line-large-oblique]:before {
content: ""
}
.iconic[data-glyph=arrow-bottom-left-line-large]:before {
content: ""
}
.iconic[data-glyph=arrow-bottom-left-line-oblique]:before {
content: ""
}
.iconic[data-glyph=arrow-bottom-left-line]:before {
content: ""
}
.iconic[data-glyph=arrow-bottom-line-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-bottom-line-large-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-bottom-line-large-oblique]:before {
content: ""
}
.iconic[data-glyph=arrow-bottom-line-large]:before {
content: ""
}
.iconic[data-glyph=arrow-bottom-line-oblique]:before {
content: ""
}
.iconic[data-glyph=arrow-bottom-line]:before {
content: ""
}
.iconic[data-glyph=arrow-bottom-right-fill-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-bottom-right-fill-angled]:before {
content: ""
}
.iconic[data-glyph=arrow-bottom-right-fill-large-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-bottom-right-fill-large-angled]:before {
content: ""
}
.iconic[data-glyph=arrow-bottom-right-fill-large-oblique]:before {
content: ""
}
.iconic[data-glyph=arrow-bottom-right-fill-large]:before {
content: ""
}
.iconic[data-glyph=arrow-bottom-right-fill-oblique]:before {
content: ""
}
.iconic[data-glyph=arrow-bottom-right-fill]:before {
content: ""
}
.iconic[data-glyph=arrow-bottom-right-line-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-bottom-right-line-large-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-bottom-right-line-large-oblique]:before {
content: ""
}
.iconic[data-glyph=arrow-bottom-right-line-large]:before {
content: ""
}
.iconic[data-glyph=arrow-bottom-right-line-oblique]:before {
content: ""
}
.iconic[data-glyph=arrow-bottom-right-line]:before {
content: ""
}
.iconic[data-glyph=arrow-left-fill-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-left-fill-angled]:before {
content: ""
}
.iconic[data-glyph=arrow-left-fill-large-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-left-fill-large-angled]:before {
content: ""
}
.iconic[data-glyph=arrow-left-fill-large-oblique]:before {
content: ""
}
.iconic[data-glyph=arrow-left-fill-large]:before {
content: ""
}
.iconic[data-glyph=arrow-left-fill-oblique]:before {
content: ""
}
.iconic[data-glyph=arrow-left-fill]:before {
content: ""
}
.iconic[data-glyph=arrow-left-line-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-left-line-large-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-left-line-large-oblique]:before {
content: ""
}
.iconic[data-glyph=arrow-left-line-large]:before {
content: ""
}
.iconic[data-glyph=arrow-left-line-oblique]:before {
content: ""
}
.iconic[data-glyph=arrow-left-line]:before {
content: ""
}
.iconic[data-glyph=arrow-right-angle-bottom-left-fill-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-right-angle-bottom-left-fill-angled]:before {
content: ""
}
.iconic[data-glyph=arrow-right-angle-bottom-left-fill]:before {
content: ""
}
.iconic[data-glyph=arrow-right-angle-bottom-left-line]:before {
content: ""
}
.iconic[data-glyph=arrow-right-angle-bottom-right-fill-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-right-angle-bottom-right-fill-angled]:before {
content: ""
}
.iconic[data-glyph=arrow-right-angle-bottom-right-fill]:before {
content: ""
}
.iconic[data-glyph=arrow-right-angle-bottom-right-line]:before {
content: ""
}
.iconic[data-glyph=arrow-right-angle-left-bottom-fill-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-right-angle-left-bottom-fill-angled]:before {
content: ""
}
.iconic[data-glyph=arrow-right-angle-left-bottom-fill]:before {
content: ""
}
.iconic[data-glyph=arrow-right-angle-left-bottom-line]:before {
content: ""
}
.iconic[data-glyph=arrow-right-angle-left-top-fill-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-right-angle-left-top-fill-angled]:before {
content: ""
}
.iconic[data-glyph=arrow-right-angle-left-top-fill]:before {
content: ""
}
.iconic[data-glyph=arrow-right-angle-left-top-line]:before {
content: ""
}
.iconic[data-glyph=arrow-right-angle-right-bottom-fill-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-right-angle-right-bottom-fill-angled]:before {
content: ""
}
.iconic[data-glyph=arrow-right-angle-right-bottom-fill]:before {
content: ""
}
.iconic[data-glyph=arrow-right-angle-right-bottom-line]:before {
content: ""
}
.iconic[data-glyph=arrow-right-angle-right-top-fill-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-right-angle-right-top-fill-angled]:before {
content: ""
}
.iconic[data-glyph=arrow-right-angle-right-top-fill]:before {
content: ""
}
.iconic[data-glyph=arrow-right-angle-right-top-line]:before {
content: ""
}
.iconic[data-glyph=arrow-right-angle-thick-bottom-left-fill-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-right-angle-thick-bottom-left-fill-angled]:before {
content: ""
}
.iconic[data-glyph=arrow-right-angle-thick-bottom-left-fill]:before {
content: ""
}
.iconic[data-glyph=arrow-right-angle-thick-bottom-left-line]:before {
content: ""
}
.iconic[data-glyph=arrow-right-angle-thick-bottom-right-fill-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-right-angle-thick-bottom-right-fill-angled]:before {
content: ""
}
.iconic[data-glyph=arrow-right-angle-thick-bottom-right-fill]:before {
content: ""
}
.iconic[data-glyph=arrow-right-angle-thick-bottom-right-line]:before {
content: ""
}
.iconic[data-glyph=arrow-right-angle-thick-left-bottom-fill-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-right-angle-thick-left-bottom-fill-angled]:before {
content: ""
}
.iconic[data-glyph=arrow-right-angle-thick-left-bottom-fill]:before {
content: ""
}
.iconic[data-glyph=arrow-right-angle-thick-left-bottom-line]:before {
content: ""
}
.iconic[data-glyph=arrow-right-angle-thick-left-top-fill-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-right-angle-thick-left-top-fill-angled]:before {
content: ""
}
.iconic[data-glyph=arrow-right-angle-thick-left-top-fill]:before {
content: ""
}
.iconic[data-glyph=arrow-right-angle-thick-left-top-line]:before {
content: ""
}
.iconic[data-glyph=arrow-right-angle-thick-right-bottom-fill-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-right-angle-thick-right-bottom-fill-angled]:before {
content: ""
}
.iconic[data-glyph=arrow-right-angle-thick-right-bottom-fill]:before {
content: ""
}
.iconic[data-glyph=arrow-right-angle-thick-right-bottom-line]:before {
content: ""
}
.iconic[data-glyph=arrow-right-angle-thick-right-top-fill-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-right-angle-thick-right-top-fill-angled]:before {
content: ""
}
.iconic[data-glyph=arrow-right-angle-thick-right-top-fill]:before {
content: ""
}
.iconic[data-glyph=arrow-right-angle-thick-right-top-line]:before {
content: ""
}
.iconic[data-glyph=arrow-right-angle-thick-top-left-fill-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-right-angle-thick-top-left-fill-angled]:before {
content: ""
}
.iconic[data-glyph=arrow-right-angle-thick-top-left-fill]:before {
content: ""
}
.iconic[data-glyph=arrow-right-angle-thick-top-left-line]:before {
content: ""
}
.iconic[data-glyph=arrow-right-angle-thick-top-right-fill-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-right-angle-thick-top-right-fill-angled]:before {
content: ""
}
.iconic[data-glyph=arrow-right-angle-thick-top-right-fill]:before {
content: ""
}
.iconic[data-glyph=arrow-right-angle-thick-top-right-line]:before {
content: ""
}
.iconic[data-glyph=arrow-right-angle-top-left-fill-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-right-angle-top-left-fill-angled]:before {
content: ""
}
.iconic[data-glyph=arrow-right-angle-top-left-fill]:before {
content: ""
}
.iconic[data-glyph=arrow-right-angle-top-left-line]:before {
content: ""
}
.iconic[data-glyph=arrow-right-angle-top-right-fill-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-right-angle-top-right-fill-angled]:before {
content: ""
}
.iconic[data-glyph=arrow-right-angle-top-right-fill]:before {
content: ""
}
.iconic[data-glyph=arrow-right-angle-top-right-line]:before {
content: ""
}
.iconic[data-glyph=arrow-right-fill-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-right-fill-angled]:before {
content: ""
}
.iconic[data-glyph=arrow-right-fill-large-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-right-fill-large-angled]:before {
content: ""
}
.iconic[data-glyph=arrow-right-fill-large-oblique]:before {
content: ""
}
.iconic[data-glyph=arrow-right-fill-large]:before {
content: ""
}
.iconic[data-glyph=arrow-right-fill-oblique]:before {
content: ""
}
.iconic[data-glyph=arrow-right-fill]:before {
content: ""
}
.iconic[data-glyph=arrow-right-line-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-right-line-large-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-right-line-large-oblique]:before {
content: ""
}
.iconic[data-glyph=arrow-right-line-large]:before {
content: ""
}
.iconic[data-glyph=arrow-right-line-oblique]:before {
content: ""
}
.iconic[data-glyph=arrow-right-line]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-bottom-fill-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-bottom-fill-angled]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-bottom-fill-large-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-bottom-fill-large-angled]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-bottom-fill-large-oblique]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-bottom-fill-large]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-bottom-fill-oblique]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-bottom-fill]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-bottom-left-fill-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-bottom-left-fill-angled]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-bottom-left-fill-large-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-bottom-left-fill-large-angled]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-bottom-left-fill-large-oblique]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-bottom-left-fill-large]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-bottom-left-fill-oblique]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-bottom-left-fill]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-bottom-left-line-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-bottom-left-line-large-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-bottom-left-line-large-oblique]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-bottom-left-line-large]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-bottom-left-line-oblique]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-bottom-left-line]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-bottom-line-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-bottom-line-large-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-bottom-line-large-oblique]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-bottom-line-large]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-bottom-line-oblique]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-bottom-line]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-bottom-right-fill-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-bottom-right-fill-angled]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-bottom-right-fill-large-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-bottom-right-fill-large-angled]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-bottom-right-fill-large-oblique]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-bottom-right-fill-large]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-bottom-right-fill-oblique]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-bottom-right-fill]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-bottom-right-line-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-bottom-right-line-large-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-bottom-right-line-large-oblique]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-bottom-right-line-large]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-bottom-right-line-oblique]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-bottom-right-line]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-left-fill-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-left-fill-angled]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-left-fill-large-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-left-fill-large-angled]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-left-fill-large-oblique]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-left-fill-large]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-left-fill-oblique]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-left-fill]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-left-line-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-left-line-large-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-left-line-large-oblique]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-left-line-large]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-left-line-oblique]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-left-line]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-right-fill-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-right-fill-angled]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-right-fill-large-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-right-fill-large-angled]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-right-fill-large-oblique]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-right-fill-large]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-right-fill-oblique]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-right-fill]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-right-line-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-right-line-large-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-right-line-large-oblique]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-right-line-large]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-right-line-oblique]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-right-line]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-top-fill-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-top-fill-angled]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-top-fill-large-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-top-fill-large-angled]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-top-fill-large-oblique]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-top-fill-large]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-top-fill-oblique]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-top-fill]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-top-left-fill-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-top-left-fill-angled]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-top-left-fill-large-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-top-left-fill-large-angled]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-top-left-fill-large-oblique]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-top-left-fill-large]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-top-left-fill-oblique]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-top-left-fill]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-top-left-line-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-top-left-line-large-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-top-left-line-large-oblique]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-top-left-line-large]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-top-left-line-oblique]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-top-left-line]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-top-line-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-top-line-large-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-top-line-large-oblique]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-top-line-large]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-top-line-oblique]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-top-line]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-top-right-fill-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-top-right-fill-angled]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-top-right-fill-large-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-top-right-fill-large-angled]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-top-right-fill-large-oblique]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-top-right-fill-large]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-top-right-fill-oblique]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-top-right-fill]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-top-right-line-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-top-right-line-large-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-top-right-line-large-oblique]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-top-right-line-large]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-top-right-line-oblique]:before {
content: ""
}
.iconic[data-glyph=arrow-thick-top-right-line]:before {
content: ""
}
.iconic[data-glyph=arrow-top-fill-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-top-fill-angled]:before {
content: ""
}
.iconic[data-glyph=arrow-top-fill-large-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-top-fill-large-angled]:before {
content: ""
}
.iconic[data-glyph=arrow-top-fill-large-oblique]:before {
content: ""
}
.iconic[data-glyph=arrow-top-fill-large]:before {
content: ""
}
.iconic[data-glyph=arrow-top-fill-oblique]:before {
content: ""
}
.iconic[data-glyph=arrow-top-fill]:before {
content: ""
}
.iconic[data-glyph=arrow-top-left-fill-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-top-left-fill-angled]:before {
content: ""
}
.iconic[data-glyph=arrow-top-left-fill-large-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-top-left-fill-large-angled]:before {
content: ""
}
.iconic[data-glyph=arrow-top-left-fill-large-oblique]:before {
content: ""
}
.iconic[data-glyph=arrow-top-left-fill-large]:before {
content: ""
}
.iconic[data-glyph=arrow-top-left-fill-oblique]:before {
content: ""
}
.iconic[data-glyph=arrow-top-left-fill]:before {
content: ""
}
.iconic[data-glyph=arrow-top-left-line-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-top-left-line-large-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-top-left-line-large-oblique]:before {
content: ""
}
.iconic[data-glyph=arrow-top-left-line-large]:before {
content: ""
}
.iconic[data-glyph=arrow-top-left-line-oblique]:before {
content: ""
}
.iconic[data-glyph=arrow-top-left-line]:before {
content: ""
}
.iconic[data-glyph=arrow-top-line-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-top-line-large-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-top-line-large-oblique]:before {
content: ""
}
.iconic[data-glyph=arrow-top-line-large]:before {
content: ""
}
.iconic[data-glyph=arrow-top-line-oblique]:before {
content: ""
}
.iconic[data-glyph=arrow-top-line]:before {
content: ""
}
.iconic[data-glyph=arrow-top-right-fill-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-top-right-fill-angled]:before {
content: ""
}
.iconic[data-glyph=arrow-top-right-fill-large-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-top-right-fill-large-angled]:before {
content: ""
}
.iconic[data-glyph=arrow-top-right-fill-large-oblique]:before {
content: ""
}
.iconic[data-glyph=arrow-top-right-fill-large]:before {
content: ""
}
.iconic[data-glyph=arrow-top-right-fill-oblique]:before {
content: ""
}
.iconic[data-glyph=arrow-top-right-fill]:before {
content: ""
}
.iconic[data-glyph=arrow-top-right-line-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-top-right-line-large-acute]:before {
content: ""
}
.iconic[data-glyph=arrow-top-right-line-large-oblique]:before {
content: ""
}
.iconic[data-glyph=arrow-top-right-line-large]:before {
content: ""
}
.iconic[data-glyph=arrow-top-right-line-oblique]:before {
content: ""
}
.iconic[data-glyph=arrow-top-right-line]:before {
content: ""
}
.iconic[data-glyph=audio-spectrum]:before {
content: ""
}
.iconic[data-glyph=audio]:before {
content: ""
}
.iconic[data-glyph=ban]:before {
content: ""
}
.iconic[data-glyph=bar-chart]:before {
content: ""
}
.iconic[data-glyph=barcode]:before {
content: ""
}
.iconic[data-glyph=basket]:before {
content: ""
}
.iconic[data-glyph=battery]:before {
content: ""
}
.iconic[data-glyph=beaker]:before {
content: ""
}
.iconic[data-glyph=bell]:before {
content: ""
}
.iconic[data-glyph=bitcoin-address]:before {
content: ""
}
.iconic[data-glyph=bitcoin-block]:before {
content: ""
}
.iconic[data-glyph=bitcoin-transaction]:before {
content: ""
}
.iconic[data-glyph=bitcoin]:before {
content: ""
}
.iconic[data-glyph=bluetooth]:before {
content: ""
}
.iconic[data-glyph=bold]:before {
content: ""
}
.iconic[data-glyph=book]:before {
content: ""
}
.iconic[data-glyph=bookmark]:before {
content: ""
}
.iconic[data-glyph=box]:before {
content: ""
}
.iconic[data-glyph=brain]:before {
content: ""
}
.iconic[data-glyph=briefcase]:before {
content: ""
}
.iconic[data-glyph=british-pound]:before {
content: ""
}
.iconic[data-glyph=browser-full-page]:before {
content: ""
}
.iconic[data-glyph=browser-type-chrome]:before {
content: ""
}
.iconic[data-glyph=browser-type-firefox]:before {
content: ""
}
.iconic[data-glyph=browser-type-internetexplorer]:before {
content: ""
}
.iconic[data-glyph=browser-type-safari]:before {
content: ""
}
.iconic[data-glyph=browser-viewport]:before {
content: ""
}
.iconic[data-glyph=browser]:before {
content: ""
}
.iconic[data-glyph=brush]:before {
content: ""
}
.iconic[data-glyph=bug]:before {
content: ""
}
.iconic[data-glyph=building]:before {
content: ""
}
.iconic[data-glyph=bullhorn]:before {
content: ""
}
.iconic[data-glyph=calculator]:before {
content: ""
}
.iconic[data-glyph=calendar]:before {
content: ""
}
.iconic[data-glyph=camera-rangefinder]:before {
content: ""
}
.iconic[data-glyph=camera-slr]:before {
content: ""
}
.iconic[data-glyph=caret-bottom]:before {
content: ""
}
.iconic[data-glyph=caret-left]:before {
content: ""
}
.iconic[data-glyph=caret-right]:before {
content: ""
}
.iconic[data-glyph=caret-top]:before {
content: ""
}
.iconic[data-glyph=carriage-return]:before {
content: ""
}
.iconic[data-glyph=cart]:before {
content: ""
}
.iconic[data-glyph=chat]:before {
content: ""
}
.iconic[data-glyph=check-thin]:before {
content: ""
}
.iconic[data-glyph=check]:before {
content: ""
}
.iconic[data-glyph=chevron-bottom]:before {
content: ""
}
.iconic[data-glyph=chevron-left]:before {
content: ""
}
.iconic[data-glyph=chevron-right]:before {
content: ""
}
.iconic[data-glyph=chevron-top]:before {
content: ""
}
.iconic[data-glyph=circle-check]:before {
content: ""
}
.iconic[data-glyph=circle-x]:before {
content: ""
}
.iconic[data-glyph=clipboard]:before {
content: ""
}
.iconic[data-glyph=clock]:before {
content: ""
}
.iconic[data-glyph=cloud-transfer-download]:before {
content: ""
}
.iconic[data-glyph=cloud-transfer-upload]:before {
content: ""
}
.iconic[data-glyph=cloud]:before {
content: ""
}
.iconic[data-glyph=cloudy]:before {
content: ""
}
.iconic[data-glyph=code]:before {
content: ""
}
.iconic[data-glyph=cog]:before {
content: ""
}
.iconic[data-glyph=cogs]:before {
content: ""
}
.iconic[data-glyph=collapse-down]:before {
content: ""
}
.iconic[data-glyph=collapse-left]:before {
content: ""
}
.iconic[data-glyph=collapse-right]:before {
content: ""
}
.iconic[data-glyph=collapse-up]:before {
content: ""
}
.iconic[data-glyph=command]:before {
content: ""
}
.iconic[data-glyph=comment-square]:before {
content: ""
}
.iconic[data-glyph=compass]:before {
content: ""
}
.iconic[data-glyph=connections]:before {
content: ""
}
.iconic[data-glyph=contrast]:before {
content: ""
}
.iconic[data-glyph=copyleft]:before {
content: ""
}
.iconic[data-glyph=copyright]:before {
content: ""
}
.iconic[data-glyph=copywriting]:before {
content: ""
}
.iconic[data-glyph=cpu]:before {
content: ""
}
.iconic[data-glyph=credit-card]:before {
content: ""
}
.iconic[data-glyph=crop]:before {
content: ""
}
.iconic[data-glyph=dashboard]:before {
content: ""
}
.iconic[data-glyph=data-transfer-download]:before {
content: ""
}
.iconic[data-glyph=data-transfer-upload]:before {
content: ""
}
.iconic[data-glyph=database]:before {
content: ""
}
.iconic[data-glyph=delete]:before {
content: ""
}
.iconic[data-glyph=delta]:before {
content: ""
}
.iconic[data-glyph=dial]:before {
content: ""
}
.iconic[data-glyph=dna]:before {
content: ""
}
.iconic[data-glyph=document]:before {
content: ""
}
.iconic[data-glyph=dollar]:before {
content: ""
}
.iconic[data-glyph=double-quote-sans-left]:before {
content: ""
}
.iconic[data-glyph=double-quote-sans-right]:before {
content: ""
}
.iconic[data-glyph=double-quote-serif-left]:before {
content: ""
}
.iconic[data-glyph=double-quote-serif-right]:before {
content: ""
}
.iconic[data-glyph=easel]:before {
content: ""
}
.iconic[data-glyph=eject]:before {
content: ""
}
.iconic[data-glyph=electric]:before {
content: ""
}
.iconic[data-glyph=elevator]:before {
content: ""
}
.iconic[data-glyph=ellipses]:before {
content: ""
}
.iconic[data-glyph=envelope-closed]:before {
content: ""
}
.iconic[data-glyph=envelope-open]:before {
content: ""
}
.iconic[data-glyph=euro]:before {
content: ""
}
.iconic[data-glyph=excerpt]:before {
content: ""
}
.iconic[data-glyph=expand-down]:before {
content: ""
}
.iconic[data-glyph=expand-left]:before {
content: ""
}
.iconic[data-glyph=expand-right]:before {
content: ""
}
.iconic[data-glyph=expand-up]:before {
content: ""
}
.iconic[data-glyph=external-link]:before {
content: ""
}
.iconic[data-glyph=eye-closed]:before {
content: ""
}
.iconic[data-glyph=eye-open]:before {
content: ""
}
.iconic[data-glyph=eyedropper]:before {
content: ""
}
.iconic[data-glyph=file-ai]:before {
content: ""
}
.iconic[data-glyph=file-css]:before {
content: ""
}
.iconic[data-glyph=file-dmg]:before {
content: ""
}
.iconic[data-glyph=file-doc]:before {
content: ""
}
.iconic[data-glyph=file-gif]:before {
content: ""
}
.iconic[data-glyph=file-html]:before {
content: ""
}
.iconic[data-glyph=file-jpg]:before {
content: ""
}
.iconic[data-glyph=file-js]:before {
content: ""
}
.iconic[data-glyph=file-json]:before {
content: ""
}
.iconic[data-glyph=file-mov]:before {
content: ""
}
.iconic[data-glyph=file-mp3]:before {
content: ""
}
.iconic[data-glyph=file-pdf]:before {
content: ""
}
.iconic[data-glyph=file-png]:before {
content: ""
}
.iconic[data-glyph=file-psd]:before {
content: ""
}
.iconic[data-glyph=file-svg]:before {
content: ""
}
.iconic[data-glyph=file-txt]:before {
content: ""
}
.iconic[data-glyph=file-xls]:before {
content: ""
}
.iconic[data-glyph=file-xml]:before {
content: ""
}
.iconic[data-glyph=file-zip]:before {
content: ""
}
.iconic[data-glyph=fire]:before {
content: ""
}
.iconic[data-glyph=firefly]:before {
content: ""
}
.iconic[data-glyph=flag]:before {
content: ""
}
.iconic[data-glyph=flash]:before {
content: ""
}
.iconic[data-glyph=flow-four-up]:before {
content: ""
}
.iconic[data-glyph=flow-three-up]:before {
content: ""
}
.iconic[data-glyph=flow-two-up]:before {
content: ""
}
.iconic[data-glyph=folder]:before {
content: ""
}
.iconic[data-glyph=fork]:before {
content: ""
}
.iconic[data-glyph=full-page]:before {
content: ""
}
.iconic[data-glyph=fullscreen-enter]:before {
content: ""
}
.iconic[data-glyph=fullscreen-exit]:before {
content: ""
}
.iconic[data-glyph=funnel]:before {
content: ""
}
.iconic[data-glyph=game-controller]:before {
content: ""
}
.iconic[data-glyph=globe]:before {
content: ""
}
.iconic[data-glyph=graph]:before {
content: ""
}
.iconic[data-glyph=grid-four-up]:before {
content: ""
}
.iconic[data-glyph=grid-three-up]:before {
content: ""
}
.iconic[data-glyph=grid-two-up]:before {
content: ""
}
.iconic[data-glyph=group]:before {
content: ""
}
.iconic[data-glyph=guides]:before {
content: ""
}
.iconic[data-glyph=hammer]:before {
content: ""
}
.iconic[data-glyph=hand]:before {
content: ""
}
.iconic[data-glyph=hard-drive]:before {
content: ""
}
.iconic[data-glyph=header]:before {
content: ""
}
.iconic[data-glyph=headphones]:before {
content: ""
}
.iconic[data-glyph=heart]:before {
content: ""
}
.iconic[data-glyph=history]:before {
content: ""
}
.iconic[data-glyph=home]:before {
content: ""
}
.iconic[data-glyph=image-landscape]:before {
content: ""
}
.iconic[data-glyph=image-portrait]:before {
content: ""
}
.iconic[data-glyph=inbox]:before {
content: ""
}
.iconic[data-glyph=infinity]:before {
content: ""
}
.iconic[data-glyph=info]:before {
content: ""
}
.iconic[data-glyph=inkwell]:before {
content: ""
}
.iconic[data-glyph=iphone]:before {
content: ""
}
.iconic[data-glyph=italic]:before {
content: ""
}
.iconic[data-glyph=justify-center]:before {
content: ""
}
.iconic[data-glyph=justify-left]:before {
content: ""
}
.iconic[data-glyph=justify-right]:before {
content: ""
}
.iconic[data-glyph=key]:before {
content: ""
}
.iconic[data-glyph=keyboard]:before {
content: ""
}
.iconic[data-glyph=keypad-mobile]:before {
content: ""
}
.iconic[data-glyph=laptop]:before {
content: ""
}
.iconic[data-glyph=layers]:before {
content: ""
}
.iconic[data-glyph=lightbulb-alt-off]:before {
content: ""
}
.iconic[data-glyph=lightbulb-alt-on]:before {
content: ""
}
.iconic[data-glyph=lightbulb]:before {
content: ""
}
.iconic[data-glyph=lightning-bolt]:before {
content: ""
}
.iconic[data-glyph=lightning]:before {
content: ""
}
.iconic[data-glyph=link-broken]:before {
content: ""
}
.iconic[data-glyph=link-intact]:before {
content: ""
}
.iconic[data-glyph=list-nested]:before {
content: ""
}
.iconic[data-glyph=list-rich]:before {
content: ""
}
.iconic[data-glyph=list]:before {
content: ""
}
.iconic[data-glyph=location]:before {
content: ""
}
.iconic[data-glyph=lock-locked]:before {
content: ""
}
.iconic[data-glyph=lock-unlocked]:before {
content: ""
}
.iconic[data-glyph=loop-circular]:before {
content: ""
}
.iconic[data-glyph=loop-square]:before {
content: ""
}
.iconic[data-glyph=loop]:before {
content: ""
}
.iconic[data-glyph=loupe]:before {
content: ""
}
.iconic[data-glyph=magic-wand]:before {
content: ""
}
.iconic[data-glyph=magnifying-glass]:before {
content: ""
}
.iconic[data-glyph=map-marker]:before {
content: ""
}
.iconic[data-glyph=map]:before {
content: ""
}
.iconic[data-glyph=marquee]:before {
content: ""
}
.iconic[data-glyph=medal]:before {
content: ""
}
.iconic[data-glyph=media-pause]:before {
content: ""
}
.iconic[data-glyph=media-play-circle]:before {
content: ""
}
.iconic[data-glyph=media-play]:before {
content: ""
}
.iconic[data-glyph=media-record]:before {
content: ""
}
.iconic[data-glyph=media-skip-backward]:before {
content: ""
}
.iconic[data-glyph=media-skip-forward]:before {
content: ""
}
.iconic[data-glyph=media-step-backward]:before {
content: ""
}
.iconic[data-glyph=media-step-forward]:before {
content: ""
}
.iconic[data-glyph=media-stop]:before {
content: ""
}
.iconic[data-glyph=medical-cross]:before {
content: ""
}
.iconic[data-glyph=menu-selected]:before {
content: ""
}
.iconic[data-glyph=menu]:before {
content: ""
}
.iconic[data-glyph=microphone]:before {
content: ""
}
.iconic[data-glyph=minus-thin]:before {
content: ""
}
.iconic[data-glyph=minus]:before {
content: ""
}
.iconic[data-glyph=monitor]:before {
content: ""
}
.iconic[data-glyph=moon]:before {
content: ""
}
.iconic[data-glyph=move]:before {
content: ""
}
.iconic[data-glyph=musical-note]:before {
content: ""
}
.iconic[data-glyph=network]:before {
content: ""
}
.iconic[data-glyph=nexus]:before {
content: ""
}
.iconic[data-glyph=open-hardware]:before {
content: ""
}
.iconic[data-glyph=open-source]:before {
content: ""
}
.iconic[data-glyph=palette]:before {
content: ""
}
.iconic[data-glyph=paperclip]:before {
content: ""
}
.iconic[data-glyph=peace]:before {
content: ""
}
.iconic[data-glyph=pen]:before {
content: ""
}
.iconic[data-glyph=pencil]:before {
content: ""
}
.iconic[data-glyph=people]:before {
content: ""
}
.iconic[data-glyph=person-female]:before {
content: ""
}
.iconic[data-glyph=person-genderless]:before {
content: ""
}
.iconic[data-glyph=person-male]:before {
content: ""
}
.iconic[data-glyph=pie-chart]:before {
content: ""
}
.iconic[data-glyph=pilcrow]:before {
content: ""
}
.iconic[data-glyph=pill]:before {
content: ""
}
.iconic[data-glyph=pin]:before {
content: ""
}
.iconic[data-glyph=platform-android]:before {
content: ""
}
.iconic[data-glyph=platform-apple]:before {
content: ""
}
.iconic[data-glyph=platform-linux]:before {
content: ""
}
.iconic[data-glyph=platform-microsoft]:before {
content: ""
}
.iconic[data-glyph=plus-thin]:before {
content: ""
}
.iconic[data-glyph=plus]:before {
content: ""
}
.iconic[data-glyph=pointer]:before {
content: ""
}
.iconic[data-glyph=power-standby]:before {
content: ""
}
.iconic[data-glyph=print]:before {
content: ""
}
.iconic[data-glyph=project]:before {
content: ""
}
.iconic[data-glyph=pulse]:before {
content: ""
}
.iconic[data-glyph=puzzle-piece]:before {
content: ""
}
.iconic[data-glyph=question-mark]:before {
content: ""
}
.iconic[data-glyph=radiation]:before {
content: ""
}
.iconic[data-glyph=rainy]:before {
content: ""
}
.iconic[data-glyph=random]:before {
content: ""
}
.iconic[data-glyph=ratio]:before {
content: ""
}
.iconic[data-glyph=reload]:before {
content: ""
}
.iconic[data-glyph=resize-both]:before {
content: ""
}
.iconic[data-glyph=resize-height]:before {
content: ""
}
.iconic[data-glyph=resize-width]:before {
content: ""
}
.iconic[data-glyph=rocket]:before {
content: ""
}
.iconic[data-glyph=route]:before {
content: ""
}
.iconic[data-glyph=rss-alt]:before {
content: ""
}
.iconic[data-glyph=rss]:before {
content: ""
}
.iconic[data-glyph=scissors]:before {
content: ""
}
.iconic[data-glyph=screen-viewport]:before {
content: ""
}
.iconic[data-glyph=screenshot]:before {
content: ""
}
.iconic[data-glyph=screwdriver]:before {
content: ""
}
.iconic[data-glyph=script]:before {
content: ""
}
.iconic[data-glyph=server]:before {
content: ""
}
.iconic[data-glyph=settings]:before {
content: ""
}
.iconic[data-glyph=shape-circle]:before {
content: ""
}
.iconic[data-glyph=shape-hexagon]:before {
content: ""
}
.iconic[data-glyph=shape-octagon]:before {
content: ""
}
.iconic[data-glyph=shape-square-rounded]:before {
content: ""
}
.iconic[data-glyph=shape-square]:before {
content: ""
}
.iconic[data-glyph=share-boxed]:before {
content: ""
}
.iconic[data-glyph=share-social]:before {
content: ""
}
.iconic[data-glyph=share]:before {
content: ""
}
.iconic[data-glyph=shield]:before {
content: ""
}
.iconic[data-glyph=signal]:before {
content: ""
}
.iconic[data-glyph=signpost]:before {
content: ""
}
.iconic[data-glyph=social-dribbble]:before {
content: ""
}
.iconic[data-glyph=social-dropbox]:before {
content: ""
}
.iconic[data-glyph=social-facebook]:before {
content: ""
}
.iconic[data-glyph=social-flickr]:before {
content: ""
}
.iconic[data-glyph=social-github]:before {
content: ""
}
.iconic[data-glyph=social-instagram]:before {
content: ""
}
.iconic[data-glyph=social-linkedin]:before {
content: ""
}
.iconic[data-glyph=social-pinterest]:before {
content: ""
}
.iconic[data-glyph=social-reddit]:before {
content: ""
}
.iconic[data-glyph=social-tumblr]:before {
content: ""
}
.iconic[data-glyph=social-twitter]:before {
content: ""
}
.iconic[data-glyph=social-vimeo]:before {
content: ""
}
.iconic[data-glyph=social-youtube]:before {
content: ""
}
.iconic[data-glyph=sort-ascending]:before {
content: ""
}
.iconic[data-glyph=sort-descending]:before {
content: ""
}
.iconic[data-glyph=spreadsheet]:before {
content: ""
}
.iconic[data-glyph=star-empty]:before {
content: ""
}
.iconic[data-glyph=star]:before {
content: ""
}
.iconic[data-glyph=sun]:before {
content: ""
}
.iconic[data-glyph=syringe]:before {
content: ""
}
.iconic[data-glyph=tablet]:before {
content: ""
}
.iconic[data-glyph=tag]:before {
content: ""
}
.iconic[data-glyph=tags]:before {
content: ""
}
.iconic[data-glyph=target]:before {
content: ""
}
.iconic[data-glyph=task]:before {
content: ""
}
.iconic[data-glyph=terminal]:before {
content: ""
}
.iconic[data-glyph=text]:before {
content: ""
}
.iconic[data-glyph=thermometer]:before {
content: ""
}
.iconic[data-glyph=thumb-down]:before {
content: ""
}
.iconic[data-glyph=thumb-up]:before {
content: ""
}
.iconic[data-glyph=tiara]:before {
content: ""
}
.iconic[data-glyph=timer]:before {
content: ""
}
.iconic[data-glyph=tint]:before {
content: ""
}
.iconic[data-glyph=tools]:before {
content: ""
}
.iconic[data-glyph=transfer]:before {
content: ""
}
.iconic[data-glyph=trash]:before {
content: ""
}
.iconic[data-glyph=ungroup]:before {
content: ""
}
.iconic[data-glyph=vertical-align-bottom]:before {
content: ""
}
.iconic[data-glyph=vertical-align-center]:before {
content: ""
}
.iconic[data-glyph=vertical-align-top]:before {
content: ""
}
.iconic[data-glyph=video]:before {
content: ""
}
.iconic[data-glyph=viewport]:before {
content: ""
}
.iconic[data-glyph=volume-high]:before {
content: ""
}
.iconic[data-glyph=volume-low]:before {
content: ""
}
.iconic[data-glyph=volume-medium]:before {
content: ""
}
.iconic[data-glyph=volume-off]:before {
content: ""
}
.iconic[data-glyph=warning]:before {
content: ""
}
.iconic[data-glyph=weight]:before {
content: ""
}
.iconic[data-glyph=wifi]:before {
content: ""
}
.iconic[data-glyph=wrench]:before {
content: ""
}
.iconic[data-glyph=x-thin]:before {
content: ""
}
.iconic[data-glyph=x]:before {
content: ""
}
.iconic[data-glyph=yen]:before {
content: ""
}
.iconic[data-glyph=zoom-in]:before {
content: ""
}
.iconic[data-glyph=zoom-out]:before {
content: ""
}
.visible-tablet,
.visible-phone,
.hide-web,
.visible-embed {
display: none
}
@media(min-width: 769px) {
.hide-desktop {
display: none !important
}
}
@media(min-width: 481px)and (max-width: 768px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: block
}
a.visible-tablet,
button.visible-tablet {
display: inline-block
}
span.visible-tablet {
display: inline
}
.hide-tablet {
display: none !important
}
}
@media(max-width: 480px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: none
}
.visible-phone {
display: block
}
a.visible-phone,
button.visible-phone {
display: inline-block
}
span.visible-phone {
display: inline
}
.hide-phone {
display: none !important
}
}
.iconography {
content: "";
display: inline-block;
margin: 0 15px;
position: relative;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.iconography.prefixes-text {
margin-left: 0;
margin-top: -5px;
vertical-align: middle
}
.iconography.no-text {
margin: 0;
vertical-align: top
}
.iconography[data-glyph=account].black {
background: url("/assets/images/iconography/black/icon-account-32x32@2x.webp") center center no-repeat;
background-size: contain
}
@media(prefers-color-scheme: dark) {
.iconography[data-glyph=account].black {
background: url("/assets/images/iconography/white/icon-account-32x32@2x.webp") center center no-repeat;
background-size: contain
}
}
.iconography[data-glyph=account].blue {
background: url("/assets/images/iconography/blue/icon-account-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=account].burgundy {
background: url("/assets/images/iconography/burgundy/icon-account-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=account].grey {
background: url("/assets/images/iconography/grey/icon-account-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=account].white {
background: url("/assets/images/iconography/white/icon-account-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=account].magenta {
background: url("/assets/images/iconography/magenta/icon-account-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=account] {
aspect-ratio: 1/1;
height: auto;
width: 22px
}
.iconography[data-glyph=back-arrow].black {
background: url("/assets/images/iconography/black/icon-back-arrow-32x32@2x.webp") center center no-repeat;
background-size: contain
}
@media(prefers-color-scheme: dark) {
.iconography[data-glyph=back-arrow].black {
background: url("/assets/images/iconography/white/icon-back-arrow-32x32@2x.webp") center center no-repeat;
background-size: contain
}
}
.iconography[data-glyph=back-arrow].blue {
background: url("/assets/images/iconography/blue/icon-back-arrow-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=back-arrow].burgundy {
background: url("/assets/images/iconography/burgundy/icon-back-arrow-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=back-arrow].grey {
background: url("/assets/images/iconography/grey/icon-back-arrow-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=back-arrow].white {
background: url("/assets/images/iconography/white/icon-back-arrow-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=back-arrow].magenta {
background: url("../images/iconography/magenta/icon-back-arrow-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=back-arrow] {
aspect-ratio: 1/1;
height: auto;
width: 22px
}
.iconography[data-glyph=barcode].black {
background: url("/assets/images/iconography/black/icon-barcode-32x32@2x.webp") center center no-repeat;
background-size: contain
}
@media(prefers-color-scheme: dark) {
.iconography[data-glyph=barcode].black {
background: url("/assets/images/iconography/white/icon-barcode-32x32@2x.webp") center center no-repeat;
background-size: contain
}
}
.iconography[data-glyph=barcode].blue {
background: url("/assets/images/iconography/blue/icon-barcode-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=barcode].burgundy {
background: url("/assets/images/iconography/burgundy/icon-barcode-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=barcode].grey {
background: url("/assets/images/iconography/grey/icon-barcode-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=barcode].white {
background: url("/assets/images/iconography/white/icon-barcode-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=barcode].magenta {
background: url("../images/iconography/magenta/icon-barcode-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=barcode] {
aspect-ratio: 1/1;
height: auto;
width: 22px
}
.iconography[data-glyph=camera].black {
background: url("/assets/images/iconography/black/icon-camera-32x32@2x.webp") center center no-repeat;
background-size: contain
}
@media(prefers-color-scheme: dark) {
.iconography[data-glyph=camera].black {
background: url("/assets/images/iconography/white/icon-camera-32x32@2x.webp") center center no-repeat;
background-size: contain
}
}
.iconography[data-glyph=camera].blue {
background: url("/assets/images/iconography/blue/icon-camera-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=camera].burgundy {
background: url("/assets/images/iconography/burgundy/icon-camera-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=camera].grey {
background: url("/assets/images/iconography/grey/icon-camera-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=camera].white {
background: url("/assets/images/iconography/white/icon-camera-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=camera].magenta {
background: url("/assets/images/iconography/magenta/icon-camera-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=camera] {
aspect-ratio: 1/1;
height: auto;
width: 22px
}
.iconography[data-glyph=card].black {
background: url("/assets/images/iconography/black/icon-card-32x32@2x.webp") center center no-repeat;
background-size: contain
}
@media(prefers-color-scheme: dark) {
.iconography[data-glyph=card].black {
background: url("/assets/images/iconography/white/icon-card-32x32@2x.webp") center center no-repeat;
background-size: contain
}
}
.iconography[data-glyph=card].blue {
background: url("/assets/images/iconography/blue/icon-card-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=card].burgundy {
background: url("/assets/images/iconography/burgundy/icon-card-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=card].grey {
background: url("/assets/images/iconography/grey/icon-card-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=card].white {
background: url("/assets/images/iconography/white/icon-card-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=card].magenta {
background: url("/assets/images/iconography/magenta/icon-card-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=card] {
aspect-ratio: 1/1;
height: auto;
width: 22px
}
.iconography[data-glyph=cross].black {
background: url("/assets/images/iconography/black/icon-cross-32x32@2x.webp") center center no-repeat;
background-size: contain
}
@media(prefers-color-scheme: dark) {
.iconography[data-glyph=cross].black {
background: url("/assets/images/iconography/white/icon-cross-32x32@2x.webp") center center no-repeat;
background-size: contain
}
}
.iconography[data-glyph=cross].blue {
background: url("/assets/images/iconography/blue/icon-cross-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=cross].burgundy {
background: url("/assets/images/iconography/burgundy/icon-cross-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=cross].grey {
background: url("/assets/images/iconography/grey/icon-cross-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=cross].white {
background: url("/assets/images/iconography/white/icon-cross-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=cross].magenta {
background: url("../images/iconography/magenta/icon-cross-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=cross] {
aspect-ratio: 1/1;
height: auto;
width: 22px
}
.iconography[data-glyph=food-and-drink].black {
background: url("/assets/images/iconography/black/icon-food-and-drink-32x32@2x.webp") center center no-repeat;
background-size: contain
}
@media(prefers-color-scheme: dark) {
.iconography[data-glyph=food-and-drink].black {
background: url("/assets/images/iconography/white/icon-food-and-drink-32x32@2x.webp") center center no-repeat;
background-size: contain
}
}
.iconography[data-glyph=food-and-drink].blue {
background: url("/assets/images/iconography/blue/icon-food-and-drink-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=food-and-drink].burgundy {
background: url("/assets/images/iconography/burgundy/icon-food-and-drink-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=food-and-drink].grey {
background: url("/assets/images/iconography/grey/icon-food-and-drink-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=food-and-drink].white {
background: url("/assets/images/iconography/white/icon-food-and-drink-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=food-and-drink].magenta {
background: url("/assets/images/iconography/magenta/icon-food-and-drink-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=food-and-drink] {
aspect-ratio: 1/1;
height: auto;
width: 22px
}
.iconography[data-glyph=forward-arrow].black {
background: url("/assets/images/iconography/black/icon-forward-arrow-32x32@2x.webp") center center no-repeat;
background-size: contain
}
@media(prefers-color-scheme: dark) {
.iconography[data-glyph=forward-arrow].black {
background: url("/assets/images/iconography/white/icon-forward-arrow-32x32@2x.webp") center center no-repeat;
background-size: contain
}
}
.iconography[data-glyph=forward-arrow].blue {
background: url("/assets/images/iconography/blue/icon-forward-arrow-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=forward-arrow].burgundy {
background: url("/assets/images/iconography/burgundy/icon-forward-arrow-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=forward-arrow].grey {
background: url("/assets/images/iconography/grey/icon-forward-arrow-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=forward-arrow].white {
background: url("/assets/images/iconography/white/icon-forward-arrow-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=forward-arrow].magenta {
background: url("../images/iconography/magenta/icon-forward-arrow-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=forward-arrow] {
aspect-ratio: 1/1;
height: auto;
width: 22px
}
.iconography[data-glyph=help].black {
background: url("/assets/images/iconography/black/icon-help-32x32@2x.webp") center center no-repeat;
background-size: contain
}
@media(prefers-color-scheme: dark) {
.iconography[data-glyph=help].black {
background: url("/assets/images/iconography/white/icon-help-32x32@2x.webp") center center no-repeat;
background-size: contain
}
}
.iconography[data-glyph=help].blue {
background: url("/assets/images/iconography/blue/icon-help-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=help].burgundy {
background: url("/assets/images/iconography/burgundy/icon-help-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=help].grey {
background: url("/assets/images/iconography/grey/icon-help-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=help].white {
background: url("/assets/images/iconography/white/icon-help-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=help].magenta {
background: url("/assets/images/iconography/magenta/icon-help-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=help] {
aspect-ratio: 1/1;
height: auto;
width: 22px
}
.iconography[data-glyph=logged-in].black {
background: url("/assets/images/iconography/black/icon-logged-in-32x32@2x.webp") center center no-repeat;
background-size: contain
}
@media(prefers-color-scheme: dark) {
.iconography[data-glyph=logged-in].black {
background: url("/assets/images/iconography/white/icon-logged-in-32x32@2x.webp") center center no-repeat;
background-size: contain
}
}
.iconography[data-glyph=logged-in].blue {
background: url("/assets/images/iconography/blue/icon-logged-in-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=logged-in].burgundy {
background: url("/assets/images/iconography/burgundy/icon-logged-in-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=logged-in].grey {
background: url("/assets/images/iconography/grey/icon-logged-in-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=logged-in].white {
background: url("/assets/images/iconography/white/icon-logged-in-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=logged-in].magenta {
background: url("../images/iconography/magenta/icon-logged-in-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=logged-in] {
aspect-ratio: 1/1;
height: auto;
width: 22px
}
.iconography[data-glyph=menu].black {
background: url("/assets/images/iconography/black/icon-menu-32x32@2x.webp") center center no-repeat;
background-size: contain
}
@media(prefers-color-scheme: dark) {
.iconography[data-glyph=menu].black {
background: url("/assets/images/iconography/white/icon-menu-32x32@2x.webp") center center no-repeat;
background-size: contain
}
}
.iconography[data-glyph=menu].blue {
background: url("/assets/images/iconography/blue/icon-menu-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=menu].burgundy {
background: url("/assets/images/iconography/burgundy/icon-menu-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=menu].grey {
background: url("/assets/images/iconography/grey/icon-menu-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=menu].white {
background: url("/assets/images/iconography/white/icon-menu-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=menu].magenta {
background: url("/assets/images/iconography/magenta/icon-menu-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=menu] {
aspect-ratio: 1/1;
height: auto;
width: 22px
}
.iconography[data-glyph=offers].black {
background: url("/assets/images/iconography/black/icon-offers-32x32@2x.webp") center center no-repeat;
background-size: contain
}
@media(prefers-color-scheme: dark) {
.iconography[data-glyph=offers].black {
background: url("/assets/images/iconography/white/icon-offers-32x32@2x.webp") center center no-repeat;
background-size: contain
}
}
.iconography[data-glyph=offers].blue {
background: url("/assets/images/iconography/blue/icon-offers-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=offers].burgundy {
background: url("/assets/images/iconography/burgundy/icon-offers-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=offers].grey {
background: url("/assets/images/iconography/grey/icon-offers-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=offers].white {
background: url("/assets/images/iconography/white/icon-offers-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=offers].magenta {
background: url("/assets/images/iconography/magenta/icon-offers-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=offers] {
aspect-ratio: 1/1;
height: auto;
width: 22px
}
.iconography[data-glyph=promotions].black {
background: url("/assets/images/iconography/black/icon-promotions-32x32@2x.webp") center center no-repeat;
background-size: contain
}
@media(prefers-color-scheme: dark) {
.iconography[data-glyph=promotions].black {
background: url("/assets/images/iconography/white/icon-promotions-32x32@2x.webp") center center no-repeat;
background-size: contain
}
}
.iconography[data-glyph=promotions].blue {
background: url("/assets/images/iconography/blue/icon-promotions-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=promotions].burgundy {
background: url("/assets/images/iconography/burgundy/icon-promotions-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=promotions].grey {
background: url("/assets/images/iconography/grey/icon-promotions-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=promotions].white {
background: url("/assets/images/iconography/white/icon-promotions-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=promotions].magenta {
background: url("/assets/images/iconography/magenta/icon-promotions-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=promotions] {
aspect-ratio: 1/1;
height: auto;
width: 22px
}
.iconography[data-glyph=qr-code].black {
background: url("/assets/images/iconography/black/icon-qr-code-32x32@2x.webp") center center no-repeat;
background-size: contain
}
@media(prefers-color-scheme: dark) {
.iconography[data-glyph=qr-code].black {
background: url("/assets/images/iconography/white/icon-qr-code-32x32@2x.webp") center center no-repeat;
background-size: contain
}
}
.iconography[data-glyph=qr-code].blue {
background: url("/assets/images/iconography/blue/icon-qr-code-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=qr-code].burgundy {
background: url("/assets/images/iconography/burgundy/icon-qr-code-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=qr-code].grey {
background: url("/assets/images/iconography/grey/icon-qr-code-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=qr-code].white {
background: url("/assets/images/iconography/white/icon-qr-code-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=qr-code].magenta {
background: url("../images/iconography/magenta/icon-qr-code-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=qr-code] {
aspect-ratio: 1/1;
height: auto;
width: 22px
}
.iconography[data-glyph=question].black {
background: url("/assets/images/iconography/black/icon-question-32x32@2x.webp") center center no-repeat;
background-size: contain
}
@media(prefers-color-scheme: dark) {
.iconography[data-glyph=question].black {
background: url("/assets/images/iconography/white/icon-question-32x32@2x.webp") center center no-repeat;
background-size: contain
}
}
.iconography[data-glyph=question].blue {
background: url("/assets/images/iconography/blue/icon-question-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=question].burgundy {
background: url("/assets/images/iconography/burgundy/icon-question-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=question].grey {
background: url("/assets/images/iconography/grey/icon-question-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=question].white {
background: url("/assets/images/iconography/white/icon-question-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=question].magenta {
background: url("../images/iconography/magenta/icon-question-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=question] {
aspect-ratio: 1/1;
height: auto;
width: 22px
}
.iconography[data-glyph=receipt].black {
background: url("/assets/images/iconography/black/icon-receipt-32x32@2x.webp") center center no-repeat;
background-size: contain
}
@media(prefers-color-scheme: dark) {
.iconography[data-glyph=receipt].black {
background: url("/assets/images/iconography/white/icon-receipt-32x32@2x.webp") center center no-repeat;
background-size: contain
}
}
.iconography[data-glyph=receipt].blue {
background: url("/assets/images/iconography/blue/icon-receipt-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=receipt].burgundy {
background: url("/assets/images/iconography/burgundy/icon-receipt-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=receipt].grey {
background: url("/assets/images/iconography/grey/icon-receipt-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=receipt].white {
background: url("/assets/images/iconography/white/icon-receipt-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=receipt].magenta {
background: url("/assets/images/iconography/magenta/icon-receipt-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=receipt] {
aspect-ratio: 1/1;
height: auto;
width: 22px
}
.iconography[data-glyph=recent].black {
background: url("/assets/images/iconography/black/icon-recent-32x32@2x.webp") center center no-repeat;
background-size: contain
}
@media(prefers-color-scheme: dark) {
.iconography[data-glyph=recent].black {
background: url("/assets/images/iconography/white/icon-recent-32x32@2x.webp") center center no-repeat;
background-size: contain
}
}
.iconography[data-glyph=recent].blue {
background: url("/assets/images/iconography/blue/icon-recent-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=recent].burgundy {
background: url("/assets/images/iconography/burgundy/icon-recent-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=recent].grey {
background: url("/assets/images/iconography/grey/icon-recent-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=recent].white {
background: url("/assets/images/iconography/white/icon-recent-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=recent].magenta {
background: url("../images/iconography/magenta/icon-recent-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=recent] {
aspect-ratio: 1/1;
height: auto;
width: 22px
}
.iconography[data-glyph=rewards].black {
background: url("/assets/images/iconography/black/icon-rewards-32x32@2x.webp") center center no-repeat;
background-size: contain
}
@media(prefers-color-scheme: dark) {
.iconography[data-glyph=rewards].black {
background: url("/assets/images/iconography/white/icon-rewards-32x32@2x.webp") center center no-repeat;
background-size: contain
}
}
.iconography[data-glyph=rewards].blue {
background: url("/assets/images/iconography/blue/icon-rewards-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=rewards].burgundy {
background: url("/assets/images/iconography/burgundy/icon-rewards-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=rewards].grey {
background: url("/assets/images/iconography/grey/icon-rewards-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=rewards].white {
background: url("/assets/images/iconography/white/icon-rewards-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=rewards].magenta {
background: url("../images/iconography/magenta/icon-rewards-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=rewards] {
aspect-ratio: 1/1;
height: auto;
width: 22px
}
.iconography[data-glyph=scan].black {
background: url("/assets/images/iconography/black/icon-scan-32x32@2x.webp") center center no-repeat;
background-size: contain
}
@media(prefers-color-scheme: dark) {
.iconography[data-glyph=scan].black {
background: url("/assets/images/iconography/white/icon-scan-32x32@2x.webp") center center no-repeat;
background-size: contain
}
}
.iconography[data-glyph=scan].blue {
background: url("/assets/images/iconography/blue/icon-scan-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=scan].burgundy {
background: url("/assets/images/iconography/burgundy/icon-scan-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=scan].grey {
background: url("/assets/images/iconography/grey/icon-scan-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=scan].white {
background: url("/assets/images/iconography/white/icon-scan-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=scan].magenta {
background: url("/assets/images/iconography/magenta/icon-scan-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=scan] {
aspect-ratio: 1/1;
height: auto;
width: 22px
}
.iconography[data-glyph=security].black {
background: url("/assets/images/iconography/black/icon-security-32x32@2x.webp") center center no-repeat;
background-size: contain
}
@media(prefers-color-scheme: dark) {
.iconography[data-glyph=security].black {
background: url("/assets/images/iconography/white/icon-security-32x32@2x.webp") center center no-repeat;
background-size: contain
}
}
.iconography[data-glyph=security].blue {
background: url("/assets/images/iconography/blue/icon-security-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=security].burgundy {
background: url("/assets/images/iconography/burgundy/icon-security-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=security].grey {
background: url("/assets/images/iconography/grey/icon-security-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=security].white {
background: url("/assets/images/iconography/white/icon-security-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=security].magenta {
background: url("/assets/images/iconography/magenta/icon-security-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=security] {
aspect-ratio: 1/1;
height: auto;
width: 22px
}
.iconography[data-glyph=search].black {
background: url("/assets/images/iconography/black/icon-search-32x32@2x.webp") center center no-repeat;
background-size: contain
}
@media(prefers-color-scheme: dark) {
.iconography[data-glyph=search].black {
background: url("/assets/images/iconography/white/icon-search-32x32@2x.webp") center center no-repeat;
background-size: contain
}
}
.iconography[data-glyph=search].blue {
background: url("/assets/images/iconography/blue/icon-search-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=search].burgundy {
background: url("/assets/images/iconography/burgundy/icon-search-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=search].grey {
background: url("/assets/images/iconography/grey/icon-search-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=search].white {
background: url("/assets/images/iconography/white/icon-search-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=search].magenta {
background: url("/assets/images/iconography/magenta/icon-search-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=search] {
aspect-ratio: 1/1;
height: auto;
width: 22px
}
.iconography[data-glyph=star].black {
background: url("/assets/images/iconography/black/icon-star-32x32@2x.webp") center center no-repeat;
background-size: contain
}
@media(prefers-color-scheme: dark) {
.iconography[data-glyph=star].black {
background: url("/assets/images/iconography/white/icon-star-32x32@2x.webp") center center no-repeat;
background-size: contain
}
}
.iconography[data-glyph=star].blue {
background: url("/assets/images/iconography/blue/icon-star-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=star].burgundy {
background: url("/assets/images/iconography/burgundy/icon-star-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=star].grey {
background: url("/assets/images/iconography/grey/icon-star-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=star].white {
background: url("/assets/images/iconography/white/icon-star-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=star].magenta {
background: url("/assets/images/iconography/magenta/icon-star-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=star] {
aspect-ratio: 1/1;
height: auto;
width: 22px
}
.iconography[data-glyph=tickets].black {
background: url("/assets/images/iconography/black/icon-tickets-32x32@2x.webp") center center no-repeat;
background-size: contain
}
@media(prefers-color-scheme: dark) {
.iconography[data-glyph=tickets].black {
background: url("/assets/images/iconography/white/icon-tickets-32x32@2x.webp") center center no-repeat;
background-size: contain
}
}
.iconography[data-glyph=tickets].blue {
background: url("/assets/images/iconography/blue/icon-tickets-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=tickets].burgundy {
background: url("/assets/images/iconography/burgundy/icon-tickets-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=tickets].grey {
background: url("/assets/images/iconography/grey/icon-tickets-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=tickets].white {
background: url("/assets/images/iconography/white/icon-tickets-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=tickets].magenta {
background: url("../images/iconography/magenta/icon-tickets-32x32@2x.webp") center center no-repeat;
background-size: contain
}
.iconography[data-glyph=tickets] {
aspect-ratio: 1/1;
height: auto;
width: 22px
}
a.iconography,
a .iconography {
cursor: pointer
}
button.iconography {
-webkit-appearance: none;
appearance: none;
box-shadow: none;
border: none;
border-radius: 0;
padding: 0
}
td .iconography {
vertical-align: top
}
.iconography-gutter {
padding-left: 37px;
position: relative
}
.iconography-gutter .iconography {
display: block;
left: 0;
margin: 0;
position: absolute;
top: 0;
vertical-align: top
}
.visible-tablet,
.visible-phone,
.hide-web,
.visible-embed {
display: none
}
@media(min-width: 769px) {
.hide-desktop {
display: none !important
}
}
@media(min-width: 481px)and (max-width: 768px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: block
}
a.visible-tablet,
button.visible-tablet {
display: inline-block
}
span.visible-tablet {
display: inline
}
.hide-tablet {
display: none !important
}
}
@media(max-width: 480px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: none
}
.visible-phone {
display: block
}
a.visible-phone,
button.visible-phone {
display: inline-block
}
span.visible-phone {
display: inline
}
.hide-phone {
display: none !important
}
}
.accordion {
margin: 0 0 30px 0;
padding: 0;
position: relative
}
.accordion>:last-child {
margin-bottom: 0
}
.accordion>article {
border: 1px solid #009ddb;
border: 1px solid var(--color-accordion-border);
margin-bottom: 10px
}
.accordion>article header {
background: none;
background-color: #009ddb;
background-color: var(--color-accordion-header-background);
box-shadow: none;
color: #fff;
color: var(--color-accordion-header-text);
min-height: inherit;
overflow: hidden;
padding: 15px 30px 15px 15px;
position: relative
}
.accordion>article header::before {
content: inherit;
display: none
}
.accordion>article header h3 {
font-size: 1.25rem;
margin-bottom: 5px;
text-transform: uppercase
}
.accordion>article header p {
margin-bottom: 0
}
.accordion>article header a {
color: #fff;
color: var(--color-accordion-header-text)
}
.accordion>article header .toggle {
color: #fff;
color: var(--color-accordion-header-text);
cursor: pointer;
display: block;
line-height: 39px;
height: 100%;
position: absolute;
right: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
text-indent: -9999px;
top: 0;
width: 100%;
z-index: 2
}
.accordion>article header .toggle::before {
aspect-ratio: 1/1;
background: url(/assets/images/icon-arrow-down.webp) 0 0 no-repeat;
background-size: 16px;
content: "";
display: block;
height: auto;
position: absolute;
right: 12px;
text-indent: 0;
transform: rotate(0deg);
transition: transform 250ms ease;
top: 17px;
width: 16px
}
.accordion>article>div {
display: none;
padding: 15px
}
.accordion>article>div.no-padding-top {
padding-top: 0
}
.accordion>article>div.no-padding-top>:first-child.message {
margin-top: 15px
}
.accordion>article>div.no-padding-right {
padding-right: 0
}
.accordion>article>div.no-padding-bottom {
padding-bottom: 0
}
.accordion>article>div.no-padding-left {
padding-left: 0
}
.accordion>article>div>:last-child {
margin-bottom: 0
}
.accordion>article>div .pseudo-content {
margin-left: 15px;
margin-right: 15px
}
.accordion>article.selected header .toggle::before {
transform: rotate(180deg)
}
@media(max-width: 480px) {
.accordion {
margin-bottom: 15px
}
.accordion>article header {
padding: 10px 30px 10px 10px
}
.accordion>article header h3 {
font-size: 1.0625rem
}
.accordion>article header .toggle::before {
right: 10px;
top: 10px
}
.accordion>article>div {
padding: 10px
}
.accordion>article>div .pseudo-content {
padding-left: 10px;
padding-right: 10px
}
}
.visible-tablet,
.visible-phone,
.hide-web,
.visible-embed {
display: none
}
@media(min-width: 769px) {
.hide-desktop {
display: none !important
}
}
@media(min-width: 481px)and (max-width: 768px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: block
}
a.visible-tablet,
button.visible-tablet {
display: inline-block
}
span.visible-tablet {
display: inline
}
.hide-tablet {
display: none !important
}
}
@media(max-width: 480px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: none
}
.visible-phone {
display: block
}
a.visible-phone,
button.visible-phone {
display: inline-block
}
span.visible-phone {
display: inline
}
.hide-phone {
display: none !important
}
}
.banner.actionable>img {
display: block;
width: 100%
}
.banner.actionable.has-overlay {
overflow: hidden;
position: relative
}
.banner.actionable.has-overlay::before {
background: rgba(0, 0, 0, .45);
content: "";
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.banner.actionable.has-overlay>article {
bottom: 0;
left: 0;
padding: 30px;
position: absolute;
width: 100%
}
.banner.actionable.has-overlay>article>:last-child {
margin-bottom: 0
}
.banner.actionable.has-overlay>article h2 {
color: #fff
}
.banner.actionable.has-overlay>article p>a {
margin-bottom: 15px
}
.banner.actionable.has-overlay>article p>a.action.primary.outline {
color: #fff
}
@media(max-width: 480px) {
.banner.actionable.has-overlay>article {
padding: 15px
}
}
.visible-tablet,
.visible-phone,
.hide-web,
.visible-embed {
display: none
}
@media(min-width: 769px) {
.hide-desktop {
display: none !important
}
}
@media(min-width: 481px)and (max-width: 768px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: block
}
a.visible-tablet,
button.visible-tablet {
display: inline-block
}
span.visible-tablet {
display: inline
}
.hide-tablet {
display: none !important
}
}
@media(max-width: 480px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: none
}
.visible-phone {
display: block
}
a.visible-phone,
button.visible-phone {
display: inline-block
}
span.visible-phone {
display: inline
}
.hide-phone {
display: none !important
}
}
button {
-webkit-appearance: none;
appearance: none;
background: none;
border: none;
box-shadow: none
}
.action {
-webkit-appearance: none;
appearance: none;
background-color: #1a1a1a;
background-color: var(--color-action-default-background);
border: 1px solid #1a1a1a;
border: 1px solid var(--color-action-default-border);
border-radius: 3px;
box-shadow: none;
color: #fff;
color: var(--color-action-default-text);
cursor: pointer;
display: inline-block;
font-size: .875rem;
font-weight: normal;
line-height: 2.3125rem;
margin: 0 15px 0 0;
padding: 0 20px;
position: relative;
text-decoration: none;
text-transform: capitalize;
vertical-align: middle;
user-select: none
}
@media(max-width: 768px) {
.action {
margin: 0 10px 0 0
}
}
@media(max-width: 480px) {
.action {
font-size: .9375rem;
max-width: 100%;
margin: 0 0 15px 0;
text-align: center;
width: 100%;
word-break: break-word
}
}
.action:hover {
background-color: rgb(15.6, 15.6, 15.6);
background-color: var(--color-action-default-hover-background);
color: #fff;
color: var(--color-action-default-hover-text);
text-decoration: none !important;
transition: all .25s ease-in
}
.action.outline {
background: rgba(0, 0, 0, 0);
color: #1a1a1a;
color: var(--color-action-default-outline-text)
}
.action.outline:hover {
background-color: rgb(15.6, 15.6, 15.6);
background-color: var(--color-action-default-outline-hover-background);
border: 1px solid rgb(15.6, 15.6, 15.6);
border: 1px solid var(--color-action-default-outline-hover-border);
color: #fff;
color: var(--color-action-default-outline-hover-text);
transition: all .25s ease-in, color .25s ease-in
}
.action.hyperlink {
background: none;
border: none;
border-radius: 0;
color: #d40f7d;
color: var(--color-action-hyperlink-text);
cursor: pointer;
font-size: inherit;
font-weight: normal;
line-height: inherit;
padding: 0;
text-transform: none
}
.action.hyperlink:hover {
color: #d40f7d;
color: var(--color-action-hyperlink-hover-text);
text-decoration: underline !important
}
.action.hyperlink.disabled {
background: none;
border: none;
color: #aaa;
color: var(--color-action-hyperlink-disabled-text);
cursor: default
}
.action.hyperlink.disabled:hover {
background: none;
border: none;
color: #aaa;
color: var(--color-action-hyperlink-disabled-hover-text);
text-decoration: none !important
}
.action.showtime {
background-color: #d40f7d;
background-color: var(--color-action-showtimes-background);
border: 1px solid #d40f7d;
border: 1px solid var(--color-action-showtimes-border);
font-family: "Effra", Tahoma, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
line-height: 1.375rem;
margin: -5px 5px -3px 0;
padding: 0 10px 0 14px;
position: relative;
text-transform: none
}
.action.showtime::before {
background-color: #fff;
background-color: var(--color-action-showtimes-cutout);
border-bottom-right-radius: 8px;
border-top-right-radius: 8px;
content: "";
display: block;
height: 16px;
left: -2px;
margin-top: -8px;
position: absolute;
top: 50%;
width: 9px
}
.action.showtime:hover {
background-color: rgb(127.2, 9, 75);
background-color: var(--color-action-showtimes-hover-background);
border: 1px solid rgb(127.2, 9, 75);
border: 1px solid var(--color-action-showtimes-hover-border)
}
.action.showtime.unavailable {
background-color: rgba(0, 0, 0, 0);
background-color: var(--color-action-showtimes-unavailable-background);
border: 1px solid #aaa;
border: 1px solid var(--color-action-showtimes-unavailable-border);
color: #aaa;
color: var(--color-action-showtimes-unavailable-color);
cursor: auto;
text-decoration: line-through
}
.action.showtime.unavailable::before {
border-right: 1px solid #aaa;
border-right: 1px solid var(--color-action-showtimes-unavailable-border)
}
.action.showtime.unavailable:hover {
background-color: rgba(0, 0, 0, 0);
background-color: var(--color-action-showtimes-unavailable-hover-background);
text-decoration: line-through !important
}
.action.showtime span:not(.iconic) {
color: rgb(242.1, 183, 216);
color: var(--color-action-showtimes-span);
text-transform: uppercase
}
.action .iconic[data-glyph]::before {
font-size: 11px;
margin-left: 8px;
top: 1px
}
@media(max-width: 480px) {
.action .iconic[data-glyph]::before {
top: 1px
}
}
.action.primary {
background-color: #d40f7d;
background-color: var(--color-action-primary-background);
border: 1px solid #d40f7d;
border: 1px solid var(--color-action-primary-border);
color: #fff;
color: var(--color-action-primary-text)
}
.action.primary:hover {
background-color: rgb(127.2, 9, 75);
background-color: var(--color-action-primary-hover-background);
border: 1px solid rgb(127.2, 9, 75);
border: 1px solid var(--color-action-primary-hover-border)
}
.action.primary.outline {
background: rgba(0, 0, 0, 0);
border: 1px solid #d40f7d;
border: 1px solid var(--color-action-primary-outline-border);
color: #d40f7d;
color: var(--color-action-primary-outline-text)
}
.action.primary.outline:hover {
background-color: rgb(127.2, 9, 75);
background-color: var(--color-action-primary-outline-hover-background);
border: 1px solid rgb(127.2, 9, 75);
border: 1px solid var(--color-action-primary-outline-hover-border);
color: #fff;
color: var(--color-action-primary-outline-hover-text)
}
.action.secondary {
background-color: #d40f7d;
background-color: var(--color-action-secondary-background);
border: 1px solid #d40f7d;
border: 1px solid var(--color-action-secondary-border);
color: #fff;
color: var(--color-action-secondary-text)
}
.action.secondary:hover {
background-color: rgb(127.2, 9, 75);
background-color: var(--color-action-secondary-hover-background);
border: 1px solid rgb(127.2, 9, 75);
border: 1px solid var(--color-action-secondary-hover-border)
}
.action.secondary.outline {
background: rgba(0, 0, 0, 0);
border: 1px solid #d40f7d;
border: 1px solid var(--color-action-secondary-outline-border);
color: #d40f7d;
color: var(--color-action-secondary-outline-text)
}
.action.secondary.outline:hover {
background-color: rgb(127.2, 9, 75);
background-color: var(--color-action-secondary-outline-hover-background);
border: 1px solid rgb(127.2, 9, 75);
border: 1px solid var(--color-action-secondary-outline-hover-border);
color: #fff;
color: var(--color-action-secondary-outline-hover-text)
}
.action.rewards {
background-color: #00a98f;
background-color: var(--color-action-rewards-background);
border: 1px solid #00a98f;
border: 1px solid var(--color-action-rewards-border);
color: #fff;
color: var(--color-action-rewards-text)
}
.action.rewards:hover {
background-color: rgb(0, 101.4, 85.8);
background-color: var(--color-action-rewards-hover-background);
border: 1px solid rgb(0, 101.4, 85.8);
border: 1px solid var(--color-action-rewards-hover-border)
}
.action.rewards.outline {
background: rgba(0, 0, 0, 0);
border: 1px solid #00a98f;
border: 1px solid var(--color-action-rewards-outline-border);
color: #00a98f;
color: var(--color-action-rewards-outline-text)
}
.action.rewards.outline:hover {
background-color: rgb(0, 101.4, 85.8);
background-color: var(--color-action-rewards-outline-hover-background);
border: 1px solid rgb(0, 101.4, 85.8);
border: 1px solid var(--color-action-rewards-outline-hover-border);
color: #fff;
color: var(--color-action-rewards-outline-hover-text)
}
.action.maf-share {
background-color: #d92168;
background-color: var(--color-action-maf-share-background);
border: 1px solid #d92168;
border: 1px solid var(--color-action-maf-share-border);
color: #fff;
color: var(--color-action-maf-share-text)
}
.action.maf-share:hover {
background-color: rgb(130.2, 19.8, 62.4);
background-color: var(--color-action-maf-share-hover-background);
border: 1px solid rgb(130.2, 19.8, 62.4);
border: 1px solid var(--color-action-maf-share-hover-border)
}
.action.maf-share.outline {
background: rgba(0, 0, 0, 0);
border: 1px solid #d92168;
border: 1px solid var(--color-action-maf-share-outline-border);
color: #d92168;
color: var(--color-action-maf-share-outline-text)
}
.action.maf-share.outline:hover {
background-color: rgb(130.2, 19.8, 62.4);
background-color: var(--color-action-maf-share-outline-hover-background);
border: 1px solid rgb(130.2, 19.8, 62.4);
border: 1px solid var(--color-action-maf-share-outline-hover-border);
color: #fff;
color: var(--color-action-maf-share-outline-hover-text)
}
.action.disabled {
background-color: #aaa;
background-color: var(--color-action-disabled-background);
border: 1px solid #aaa;
border: 1px solid var(--color-action-disabled-border);
color: #fff;
color: var(--color-action-disabled-text)
}
.action.disabled:hover {
background-color: #aaa;
background-color: var(--color-action-disabled-hover-background);
border: 1px solid #aaa;
border: 1px solid var(--color-action-disabled-hover-border);
cursor: default
}
.action.disabled.outline {
background: rgba(0, 0, 0, 0);
border: 1px solid #aaa;
border: 1px solid var(--color-action-disabled-outline-border);
color: #aaa;
color: var(--color-action-disabled-outline-text)
}
.action.disabled.outline:hover {
background-color: inherit;
background-color: var(--color-action-disabled-outline-hover-background);
border: 1px solid #aaa;
border: 1px solid var(--color-action-disabled-outline-hover-border);
color: #aaa;
color: var(--color-action-disabled-outline-hover-text)
}
.action-group {
clear: both
}
.action-group>:last-child {
margin-bottom: 0
}
@media(max-width: 480px) {
.action-group {
margin-bottom: 0
}
}
.action[data-modifier] {
border-radius: 16px;
font-size: 30px;
height: 32px;
line-height: 32px;
margin: 0;
padding: 0;
position: relative;
text-indent: -9999px;
user-select: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-webkit-touch-callout: none;
width: 32px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.action[data-modifier].invalid {
opacity: .4
}
.action[data-modifier].primary.outline {
background-color: #fff;
background-color: var(--color-action-modifier-background);
border: 1px solid #ddd;
border: 1px solid var(--color-action-modifier-border);
color: #009ddb;
color: var(--color-action-modifier-text)
}
.action[data-modifier].primary.outline:hover {
background-color: #009ddb;
background-color: var(--color-action-modifier-hover-background);
border: 1px solid #009ddb;
border: 1px solid var(--color-action-modifier-hover-border);
color: #fff;
color: var(--color-action-modifier-hover-text)
}
.action[data-modifier].primary.outline.invalid:hover {
background-color: #fff;
background-color: var(--color-action-modifier-invalid-hover-background);
border: 1px solid #ddd;
border: 1px solid var(--color-action-modifier-invalid-hover-border);
color: #009ddb;
color: var(--color-action-modifier-invalid-hover-text);
cursor: auto
}
.action[data-modifier]::before {
display: block;
left: 50%;
position: absolute;
top: 50%;
text-indent: 0;
transform: translate(-50%, -50%)
}
.action[data-modifier][data-modifier=decrease]::before {
content: "-";
margin-top: -1px
}
.action[data-modifier][data-modifier=increase]::before {
content: "+";
margin-left: -0.5px
}
.visible-tablet,
.visible-phone,
.hide-web,
.visible-embed {
display: none
}
@media(min-width: 769px) {
.hide-desktop {
display: none !important
}
}
@media(min-width: 481px)and (max-width: 768px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: block
}
a.visible-tablet,
button.visible-tablet {
display: inline-block
}
span.visible-tablet {
display: inline
}
.hide-tablet {
display: none !important
}
}
@media(max-width: 480px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: none
}
.visible-phone {
display: block
}
a.visible-phone,
button.visible-phone {
display: inline-block
}
span.visible-phone {
display: inline
}
.hide-phone {
display: none !important
}
}
a.blocker:not(.disabled) {
cursor: pointer
}
.blocker[data-instance] {
background-color: hsla(0, 0%, 100%, .92);
background-color: var(--color-blocker-background);
color: #000;
color: var(--color-blocker-text);
display: flex;
flex-direction: column;
font-family: "Effra", Tahoma, Arial, Helvetica, sans-serif;
justify-content: center;
z-index: 99999
}
.blocker[data-instance] .dismiss.standalone {
background-color: rgba(0, 0, 0, .35);
background-color: var(--color-blocker-dismiss-background);
border: 1px solid hsla(0, 0%, 100%, .5);
border: 1px solid var(--color-blocker-dismiss-border);
color: #fff;
color: var(--color-blocker-dismiss-text);
cursor: pointer;
display: block;
height: 32px;
position: absolute;
right: 15px;
text-indent: -9999px;
top: 15px;
transition: background .35s ease-in;
width: 32px;
z-index: 999
}
.blocker[data-instance] .dismiss.standalone:hover {
background-color: #009ddb;
background-color: var(--color-blocker-dismiss-hover-background);
text-decoration: none
}
.blocker[data-instance] .dismiss.standalone::before,
.blocker[data-instance] .dismiss.standalone::after {
background-color: #fff;
background-color: var(--color-blocker-dismiss-text);
content: "";
height: 14px;
left: 14px;
position: absolute;
top: 8px;
width: 2px
}
.blocker[data-instance] .dismiss.standalone::before {
transform: rotate(45deg)
}
.blocker[data-instance] .dismiss.standalone::after {
transform: rotate(-45deg)
}
.blocker[data-instance].restricted {
z-index: 999
}
.blocker[data-instance].restricted>section>article {
max-width: 90%
}
.blocker[data-instance]>section {
display: flex;
flex-direction: row;
justify-content: center;
margin: 0;
padding: 0;
text-align: left;
width: 100%
}
.blocker[data-instance]>section>article {
background-color: #fff;
background-color: var(--color-blocker-content-background);
box-shadow: 0 0 20px 0 rgba(0, 0, 0, .25);
min-height: 52px;
max-width: 940px;
position: relative;
width: 940px
}
.blocker[data-instance]>section>article>.scroll {
display: flex;
flex-direction: column;
justify-content: center
}
.blocker[data-instance]>section.plaintext {
font-size: 1rem
}
.blocker[data-instance]>section.plaintext>article>.scroll>p {
margin: 0;
padding: 30px 55px 30px 30px
}
.blocker[data-instance]>section.html {
font-size: 1rem
}
.blocker[data-instance]>section.html>article .scroll {
padding: 30px 0
}
.blocker[data-instance]>section.html>article .scroll>*>* {
padding: 0 30px
}
.blocker[data-instance]>section.html>article .scroll>*>.highlight {
padding-top: 10px
}
.blocker[data-instance]>section.html>article .scroll>*>.highlight::before {
left: 30px
}
.blocker[data-instance]>section.html>article .scroll>*>:last-child {
margin-bottom: 0
}
.blocker[data-instance]>section.html img.banner {
margin-top: -30px;
padding: 0;
width: 100%
}
.blocker[data-instance]>section.scrollable>article>.scroll {
-webkit-overflow-scrolling: touch;
overflow-y: scroll;
-ms-overflow-style: -ms-autohiding-scrollbar;
justify-content: start;
position: relative;
width: 100%
}
.blocker[data-instance]>section.has-banner>article>.scroll {
justify-content: start
}
.blocker[data-instance] .trailer {
margin-bottom: 0
}
@media(min-width: 481px) {
.blocker[data-instance]:not(.restricted)>section.scrollable>article>.scroll {
height: 92vh
}
}
@media(max-width: 480px) {
.blocker[data-instance]:not(.restricted) {
background-color: #fff;
background-color: var(--color-blocker-phone-background)
}
.blocker[data-instance]:not(.restricted) .dismiss.standalone {
right: 20px;
top: 20px
}
.blocker[data-instance]:not(.restricted)>section {
height: 100%;
margin: 0;
padding: 0;
position: relative
}
.blocker[data-instance]:not(.restricted)>section.scrollable>article>.scroll {
height: 100%
}
.blocker[data-instance]:not(.restricted)>section.not-scrollable:not(.has-banner)>article>.scroll {
height: 100%;
position: relative;
width: 100%
}
.blocker[data-instance]:not(.restricted)>section.not-scrollable:not(.has-banner)>article>.scroll>* {
display: block;
width: 100%
}
.blocker[data-instance]:not(.restricted)>section.has-banner>article>.scroll {
padding-top: 0
}
.blocker[data-instance]:not(.restricted)>section.has-banner img.banner {
margin-top: -0.1px
}
.blocker[data-instance]:not(.restricted)>section>article {
background-color: #fff;
background-color: var(--color-blocker-phone-content-background);
box-shadow: none;
height: 100%;
width: 100%
}
}
.blocker[data-instance].processing {
background-color: hsla(0, 0%, 100%, .92);
background-color: var(--color-blocker-processing-background);
cursor: wait
}
.blocker[data-instance].processing>section>article {
background: none;
box-shadow: none;
text-align: center
}
.blocker[data-instance].processing>section>article>.scroll {
padding: 0
}
.blocker[data-instance].processing>section>article>.scroll>* {
padding-bottom: 70px
}
.blocker[data-instance].processing .html>article>.scroll>* {
background: url(/assets/images/blocker-processing-light.webp) bottom center no-repeat;
background-size: 50px
}
.blocker[data-instance].processing .plaintext>article>.scroll>* {
background: url(/assets/images/blocker-processing-light.webp) center center no-repeat;
background-size: 60px;
min-height: 60px;
text-indent: -9999px
}
@media(prefers-color-scheme: dark) {
.blocker[data-instance].processing .html>article>.scroll>* {
background-image: url(/assets/images/blocker-processing-dark.webp)
}
.blocker[data-instance].processing .plaintext>article>.scroll>* {
background-image: url(/assets/images/blocker-processing-dark.webp)
}
}
.visible-tablet,
.visible-phone,
.hide-web,
.visible-embed {
display: none
}
@media(min-width: 769px) {
.hide-desktop {
display: none !important
}
}
@media(min-width: 481px)and (max-width: 768px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: block
}
a.visible-tablet,
button.visible-tablet {
display: inline-block
}
span.visible-tablet {
display: inline
}
.hide-tablet {
display: none !important
}
}
@media(max-width: 480px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: none
}
.visible-phone {
display: block
}
a.visible-phone,
button.visible-phone {
display: inline-block
}
span.visible-phone {
display: inline
}
.hide-phone {
display: none !important
}
}
.breadcrumb {
border-bottom: 1px dashed #ccc;
border-bottom: 1px dashed var(--color-breadcrumb-border);
color: hsl(0, 0%, 85%);
color: var(--color-breadcrumb-text);
display: block;
margin: 0 0 30px 0;
padding: 0
}
.breadcrumb .viewport {
overflow: hidden;
white-space: nowrap;
width: 100%
}
.breadcrumb ol {
list-style: none;
margin: 0;
padding: 0 10px 0 0;
-webkit-overflow-scrolling: touch;
overflow-x: auto;
overflow-y: hidden;
-ms-overflow-style: scrollbar;
scrollbar-width: none
}
.breadcrumb ol::-webkit-scrollbar {
display: none
}
@media(max-width: 480px) {
.breadcrumb ol {
scroll-snap-type: x mandatory
}
}
.breadcrumb ol>li {
display: inline-block;
font-weight: normal;
margin: 0 0 20px 0;
scroll-snap-align: start
}
.breadcrumb ol>li::after {
content: ">";
display: inline-block;
margin: 0 10px
}
.breadcrumb ol>li:last-of-type::after {
display: none
}
.breadcrumb ol>li a {
font-weight: normal
}
@media(max-width: 768px) {
.breadcrumb {
margin-top: 20px
}
}
@media(max-width: 480px) {
.breadcrumb {
margin-bottom: 15px;
margin-top: 10px
}
.breadcrumb ol>li {
margin-bottom: 8px
}
}
.visible-tablet,
.visible-phone,
.hide-web,
.visible-embed {
display: none
}
@media(min-width: 769px) {
.hide-desktop {
display: none !important
}
}
@media(min-width: 481px)and (max-width: 768px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: block
}
a.visible-tablet,
button.visible-tablet {
display: inline-block
}
span.visible-tablet {
display: inline
}
.hide-tablet {
display: none !important
}
}
@media(max-width: 480px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: none
}
.visible-phone {
display: block
}
a.visible-phone,
button.visible-phone {
display: inline-block
}
span.visible-phone {
display: inline
}
.hide-phone {
display: none !important
}
}
.card-scroller {
--_action-margin-block: auto;
--_border: none;
--_border-hover: var(--_border);
--_card-direction: column;
--_card-heading-size: 1.25rem;
--_card-width: 285px;
--_content-display: flex;
--_content-grid-columns: auto 43px;
--_content-grid-template: "content action";
--_cursor-hover: default;
--_horizontal-gap: 15px;
--_image-width: 100%;
--_margin: 30px;
--_padding: 0;
--_scroll-display: flex;
--_scroll-grid-columns: repeat(2, 1fr);
--_scroll-overflow: auto;
--_text-gap: var(--_vertical-gap);
--_text-justification: initial;
--_vertical-gap: 30px;
margin: 0 0 var(--_margin) 0
}
@supports selector(:has(+ *)) {
.card-scroller:not(:has(.card-scroller__content)) {
--_card-width: 135px
}
}
.card-scroller__scroll {
display: var(--_scroll-display);
flex-direction: row;
flex-wrap: nowrap;
gap: var(--_horizontal-gap);
grid-template-columns: var(--_scroll-grid-columns);
-webkit-overflow-scrolling: touch;
overflow-x: var(--_scroll-overflow);
-ms-overflow-style: -ms-autohiding-scrollbar;
padding: 0;
scroll-snap-type: x mandatory
}
.card-scroller__card {
border: var(--_border);
display: flex;
flex-direction: var(--_card-direction);
flex-shrink: 0;
gap: var(--_vertical-gap);
scroll-snap-align: start;
width: var(--_card-width)
}
.card-scroller__card:hover {
border: var(--_border-hover);
cursor: var(--_cursor-hover)
}
.card-scroller__frame {
align-items: center;
display: flex;
flex-direction: column;
height: auto;
position: relative;
width: var(--_image-width)
}
.card-scroller__frame img {
display: block;
height: auto;
margin: 0;
max-height: 100%;
max-width: 100%;
object-fit: cover;
object-position: center center;
width: 100%
}
.card-scroller__frame[class*="--aspect-"] {
align-items: center;
display: flex;
justify-content: center;
overflow: hidden
}
.card-scroller__frame--aspect-landscape,
.card-scroller__frame--aspect-landscape>img {
aspect-ratio: 16/9
}
.card-scroller__frame--aspect-portrait,
.card-scroller__frame--aspect-portrait>img {
aspect-ratio: 3/4
}
.card-scroller__frame--aspect-square,
.card-scroller__frame--aspect-square>img {
aspect-ratio: 1/1
}
.card-scroller__content {
display: var(--_content-display);
flex-direction: column;
flex-grow: 1;
gap: var(--_vertical-gap);
grid-template-areas: var(--_content-grid-template);
grid-template-columns: var(--_content-grid-columns);
padding: var(--_padding)
}
.card-scroller__content>* {
margin-bottom: 0
}
.card-scroller__content>.action-group {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--_horizontal-gap);
grid-area: action;
margin-block-start: var(--_action-margin-block)
}
.card-scroller__content>.action-group .action {
margin: 0
}
.card-scroller__text {
display: flex;
flex-direction: column;
flex-grow: 1;
gap: var(--_text-gap);
grid-area: content;
justify-content: var(--_text-justification)
}
.card-scroller__text>* {
margin-bottom: 0
}
.card-scroller__text h1,
.card-scroller__text h2,
.card-scroller__text h3,
.card-scroller__text h4,
.card-scroller__text h5,
.card-scroller__text h6 {
font-size: var(--_card-heading-size);
line-height: 1.2rem
}
.card-scroller__link+.card-scroller__content,
.card-scroller__frame+.card-scroller__content {
padding-block-start: 0
}
.card-scroller--bordered {
--_border: 1px solid var(--color-card-scroller-border);
--_padding: 30px
}
.card-scroller--bordered.card-scroller--interactable {
--_border-hover: 1px solid var(--color-card-scroller-border-hover)
}
.card-scroller--interactable {
--_cursor-hover: pointer
}
.card-scroller--films .poster {
float: none;
width: 100%
}
.card-scroller--products {
--_content-grid-columns: auto;
--_content-grid-template: "content";
--_card-width: 160px;
--_vertical-gap: 10px
}
.card-scroller--products.card-scroller--bordered {
--_padding: 15px
}
.card-scroller--vertical {
--_action-margin-block: initial;
--_card-direction: row-reverse;
--_card-width: 100%;
--_content-display: grid;
--_image-width: 160px;
--_scroll-display: grid;
--_scroll-overflow: initial;
--_text-justification: center;
--_vertical-gap: 15px
}
.card-scroller--vertical .card-scroller__frame+.card-scroller__content {
padding-block-start: var(--_padding);
padding-inline-end: 0
}
@media(max-width: 480px) {
.card-scroller {
--_card-heading-size: 1rem;
--_horizontal-gap: 15px;
--_margin: 15px;
--_vertical-gap: 15px
}
.card-scroller--bordered {
--_padding: 15px
}
.card-scroller__scroll::-webkit-scrollbar {
display: none
}
.card-scroller--films {
--_card-width: 142px;
--_content-display: none
}
.card-scroller--films .poster {
display: block
}
.card-scroller--products {
--_card-width: 100px;
--_vertical-gap: 5px
}
.card-scroller--products.card-scroller--bordered {
--_padding: 10px
}
.card-scroller--vertical {
--_card-width: 100%;
--_image-width: 100px;
--_scroll-grid-columns: 1fr;
--_text-gap: 4px;
--_vertical-gap: 15px
}
}
.visible-tablet,
.visible-phone,
.hide-web,
.visible-embed {
display: none
}
@media(min-width: 769px) {
.hide-desktop {
display: none !important
}
}
@media(min-width: 481px)and (max-width: 768px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: block
}
a.visible-tablet,
button.visible-tablet {
display: inline-block
}
span.visible-tablet {
display: inline
}
.hide-tablet {
display: none !important
}
}
@media(max-width: 480px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: none
}
.visible-phone {
display: block
}
a.visible-phone,
button.visible-phone {
display: inline-block
}
span.visible-phone {
display: inline
}
.hide-phone {
display: none !important
}
}
@keyframes carousel-deferred-loading {
0% {
opacity: 1
}
50% {
opacity: .5
}
100% {
opacity: 1
}
}
.carousel {
border-bottom: 10px solid #ededed;
border-bottom: 10px solid var(--color-carousel-border);
max-width: inherit;
overflow: hidden;
width: 100%
}
@media(max-width: 940px) {
.carousel {
padding-left: 0;
padding-right: 0
}
}
.carousel .layout {
margin: 0 auto;
max-width: 880px;
min-height: 440px
}
.carousel .viewport {
margin: 0 auto;
padding: 0;
position: relative;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.carousel .viewport .slides {
list-style: none;
margin: 0;
overflow: hidden;
padding: 0;
position: relative
}
.carousel .viewport .slides li {
display: none;
float: left;
margin: 0;
position: relative
}
.carousel .viewport .slides li:first-of-type {
display: block
}
.carousel .viewport .slides li a {
display: block;
max-width: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
width: 100%
}
.carousel .viewport .slides li img {
aspect-ratio: 2/1;
display: block;
max-width: 100%;
width: 100%
}
.carousel nav .arrow {
aspect-ratio: 1/1;
background: url(/assets/images/carousel/arrows.webp) 0 0 no-repeat;
background-size: 120px 60px;
cursor: pointer;
display: block;
height: auto;
margin-top: -30px;
position: absolute;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
text-indent: -9999px;
top: 50%;
user-select: none;
width: 60px;
z-index: 2
}
.carousel nav .arrow.previous {
left: -30px
}
.carousel nav .arrow.next {
background-position: -60px 0;
right: -30px
}
@media(max-width: 940px) {
.carousel nav .arrow.previous {
left: 10px
}
.carousel nav .arrow.next {
right: 10px
}
}
@media(max-width: 768px) {
.carousel nav .arrow {
background-size: 80px 40px;
margin-top: -20px;
width: 40px
}
.carousel nav .arrow.next {
background-position: -40px 0
}
}
@media(max-width: 480px) {
.carousel nav .arrow {
display: none
}
}
.carousel nav .dots {
bottom: 5%;
font-size: 0;
list-style: none;
margin: 0;
padding: 0;
position: absolute;
right: 3%;
z-index: 1
}
.carousel nav .dots li {
display: inline-block;
margin: 0 10px 0 0;
vertical-align: middle
}
.carousel nav .dots li button {
background-color: #676767;
background-color: var(--color-carousel-nav-background);
border: 1px solid #8d8d8d;
border: 1px solid var(--color-carousel-nav-border);
border-radius: 50%;
cursor: pointer;
display: block;
height: 14px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
text-indent: -9999px;
user-select: none;
width: 14px
}
.carousel nav .dots li button.active {
background-color: #009ddb;
background-color: var(--color-carousel-nav-active-background);
border: 1px solid rgb(63.75, 181.5, 228);
border: 1px solid var(--color-carousel-nav-active-border);
height: 20px;
width: 20px
}
.carousel[data-deferred]:not([data-deferred=reveal]) .viewport::before,
.carousel[data-deferred]:not([data-deferred=reveal]) .viewport::after {
animation-name: carousel-deferred-loading;
animation-delay: 750ms;
animation-duration: 3s;
animation-iteration-count: infinite;
background-color: hsl(0, 0%, 86.5%);
background-color: var(--color-carousel-ghost-secondary-background);
content: "";
display: block;
height: 100%;
position: absolute;
top: 0;
width: 100%
}
.carousel[data-deferred]:not([data-deferred=reveal]) .viewport::before {
left: -100%
}
.carousel[data-deferred]:not([data-deferred=reveal]) .viewport::after {
right: -100%
}
.carousel[data-deferred]:not([data-deferred=reveal]) .viewport .slides {
min-height: 440px
}
.carousel[data-deferred]:not([data-deferred=reveal]) .viewport .slides>li {
display: none
}
.carousel[data-deferred]:not([data-deferred=reveal]) .viewport .slides::before {
animation-name: carousel-deferred-loading;
animation-delay: 125ms;
animation-duration: 3s;
animation-iteration-count: infinite;
background-color: hsl(0, 0%, 85%);
background-color: var(--color-carousel-ghost-primary-background);
content: "";
display: block;
inset: 0;
position: absolute
}
@media(max-width: 480px) {
.carousel .layout {
min-height: 195px
}
.carousel .viewport .slides li img {
height: auto
}
.carousel[data-deferred]:not([data-deferred=reveal]) .viewport .slides {
min-height: 195px
}
}
main>.carousel {
margin-bottom: 30px
}
@media(max-width: 480px) {
main>.carousel {
margin-bottom: 15px
}
}
.visible-tablet,
.visible-phone,
.hide-web,
.visible-embed {
display: none
}
@media(min-width: 769px) {
.hide-desktop {
display: none !important
}
}
@media(min-width: 481px)and (max-width: 768px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: block
}
a.visible-tablet,
button.visible-tablet {
display: inline-block
}
span.visible-tablet {
display: inline
}
.hide-tablet {
display: none !important
}
}
@media(max-width: 480px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: none
}
.visible-phone {
display: block
}
a.visible-phone,
button.visible-phone {
display: inline-block
}
span.visible-phone {
display: inline
}
.hide-phone {
display: none !important
}
}
.cinemas article h3 {
margin-bottom: 10px
}
.cinemas article p:last-of-type {
margin-bottom: 10px
}
html {
box-sizing: border-box
}
*,
*::after,
*::before {
box-sizing: inherit
}
.visible-tablet,
.visible-phone,
.hide-web,
.visible-embed {
display: none
}
@media(min-width: 769px) {
.hide-desktop {
display: none !important
}
}
@media(min-width: 481px)and (max-width: 768px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: block
}
a.visible-tablet,
button.visible-tablet {
display: inline-block
}
span.visible-tablet {
display: inline
}
.hide-tablet {
display: none !important
}
}
@media(max-width: 480px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: none
}
.visible-phone {
display: block
}
a.visible-phone,
button.visible-phone {
display: inline-block
}
span.visible-phone {
display: inline
}
.hide-phone {
display: none !important
}
}
details.component {
--_background: transparent;
--_border-color: var(--color-expandable-border);
--_margin-bottom: 30px;
--_margin-inline: auto;
--_padding: 30px;
--_spacing: 30px;
--_title-color: var(--color-expandable-title-text);
--_separator-color: var(--color-expandable-separator);
--_html-color: var(--color-expandable-html-text);
--_disclosure-icon: url(/assets/images/iconography/black/icon-down-arrow-32x32@2x.webp)
}
details.component::after {
clear: both;
content: "";
display: block
}
details.component {
max-width: 940px;
margin-left: auto;
margin-right: auto;
background: var(--_background);
border: 1px solid var(--_border-color);
border-radius: 8px;
color: var(--_html-color);
margin-bottom: var(--_margin-bottom);
margin-inline: var(--_margin-inline);
padding: var(--_padding)
}
details.component>summary {
align-items: center;
color: var(--_title-color);
display: flex;
flex-direction: row;
gap: var(--_spacing);
justify-content: space-between;
user-select: none
}
details.component>summary::after {
aspect-ratio: 1/1;
background: var(--_disclosure-icon) center center no-repeat;
background-size: 16px;
content: "";
display: block;
height: auto;
text-indent: 0;
transform: rotate(0deg);
transition: transform 250ms ease;
width: 32px
}
@media(hover: hover) {
details.component>summary:hover {
cursor: pointer
}
}
details.component>:last-child {
margin-bottom: 0
}
details.component[open] {
--_background: var(--color-expandable-background-open)
}
details.component[open]>summary {
border-bottom: 1px solid var(--_separator-color);
margin-bottom: var(--_spacing);
padding-bottom: var(--_spacing)
}
details.component[open]>summary::after {
transform: rotate(180deg)
}
@media(hover: hover) {
@supports selector(:has(+ *)) {
details.component:has(>summary:hover) {
--_disclosure-icon: url(/assets/images/iconography/blue/icon-down-arrow-32x32@2x.webp)
}
}
}
@media(prefers-color-scheme: dark) {
details.component {
--_disclosure-icon: url(/assets/images/iconography/white/icon-down-arrow-32x32@2x.webp)
}
}
@media(max-width: 480px) {
details.component {
--_margin-bottom: 15px;
--_margin-inline: 15px;
--_padding: 15px;
--_spacing: 15px
}
}
.visible-tablet,
.visible-phone,
.hide-web,
.visible-embed {
display: none
}
@media(min-width: 769px) {
.hide-desktop {
display: none !important
}
}
@media(min-width: 481px)and (max-width: 768px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: block
}
a.visible-tablet,
button.visible-tablet {
display: inline-block
}
span.visible-tablet {
display: inline
}
.hide-tablet {
display: none !important
}
}
@media(max-width: 480px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: none
}
.visible-phone {
display: block
}
a.visible-phone,
button.visible-phone {
display: inline-block
}
span.visible-phone {
display: inline
}
.hide-phone {
display: none !important
}
}
.date-filter {
margin-bottom: 30px;
min-height: 39px;
position: relative
}
.date-filter .scroll {
left: 0;
max-height: 39px;
position: absolute;
white-space: nowrap;
width: 100%
}
.date-filter .scroll .viewport {
border-bottom: 1px solid #fff;
border-bottom: 1px solid var(--color-date-filter-border);
border-top: 1px solid #fff;
border-top: 1px solid var(--color-date-filter-border);
max-height: 39px;
overflow: hidden
}
.date-filter .scroll ol {
list-style: none;
margin: 0;
padding: 6.5px 15px;
-webkit-overflow-scrolling: touch;
overflow-x: scroll;
overflow-y: hidden;
-ms-overflow-style: scrollbar;
scrollbar-width: none
}
.date-filter .scroll ol::-webkit-scrollbar {
display: none
}
@media(max-width: 480px) {
.date-filter .scroll ol {
scroll-snap-type: x mandatory
}
}
.date-filter .scroll ol li {
color: #009ddb;
color: var(--color-date-filter-active-text);
display: inline-block;
font-weight: bold;
margin: 0 30px 0 0;
scroll-snap-align: start
}
.date-filter .scroll ol li span {
display: block
}
.date-filter .scroll ol li a {
color: #999;
color: var(--color-date-filter-text);
font-weight: normal
}
.date-filter .scroll ol>:last-child {
margin-right: 0
}
@media(max-width: 480px) {
.date-filter {
margin-bottom: 15px
}
.date-filter .scroll ol li {
margin-right: 15px
}
}
.visible-tablet,
.visible-phone,
.hide-web,
.visible-embed {
display: none
}
@media(min-width: 769px) {
.hide-desktop {
display: none !important
}
}
@media(min-width: 481px)and (max-width: 768px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: block
}
a.visible-tablet,
button.visible-tablet {
display: inline-block
}
span.visible-tablet {
display: inline
}
.hide-tablet {
display: none !important
}
}
@media(max-width: 480px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: none
}
.visible-phone {
display: block
}
a.visible-phone,
button.visible-phone {
display: inline-block
}
span.visible-phone {
display: inline
}
.hide-phone {
display: none !important
}
}
form::after {
clear: both;
content: "";
display: block
}
form {
margin-bottom: 30px
}
form>:last-child {
margin-bottom: 0
}
form>.action {
float: left
}
form>label+.action,
form>.input-group+.action {
clear: left
}
form>h1,
form>h2,
form>h3,
form>h4,
form>h5,
form>h6 {
clear: left
}
form>p,
form ul,
form ol {
clear: left
}
form>div {
clear: left
}
form[data-proxied] [type=submit] {
display: none
}
@media(max-width: 480px) {
form {
margin-bottom: 15px
}
}
.input-group>span:first-child,
label>span:first-child {
display: inline-block;
font-weight: bold;
min-width: 225px;
vertical-align: top
}
@media(max-width: 768px) {
.input-group>span:first-child,
label>span:first-child {
display: block;
min-width: inherit
}
}
label {
clear: left;
cursor: pointer;
display: block;
float: left;
margin-bottom: 30px;
max-width: 100%;
position: relative;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
@media(max-width: 480px) {
label {
float: none;
margin-bottom: 15px
}
}
label>span:first-child {
margin: 8px 15px 7px 0
}
@media(max-width: 768px) {
label>span:first-child {
margin-bottom: 0;
margin-top: 0
}
}
label>span:first-child>small {
font-weight: normal
}
label.no-float {
float: none
}
[type=color],
[type=date],
[type=datetime],
[type=datetime-local],
[type=email],
[type=month],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
input:not([type]),
textarea,
select {
appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-webkit-appearance: none;
background-color: #fff;
background-color: var(--color-form-input-background);
border: 1px solid hsl(0, 0%, 85%);
border: 1px solid var(--color-form-input-border);
border-radius: 0;
display: inline-block;
font-size: 16px;
margin-bottom: 0;
max-height: 39px;
max-width: 100%;
padding: 9px 10px;
width: 350px
}
[type=color]:disabled,
[type=date]:disabled,
[type=datetime]:disabled,
[type=datetime-local]:disabled,
[type=email]:disabled,
[type=month]:disabled,
[type=number]:disabled,
[type=password]:disabled,
[type=search]:disabled,
[type=tel]:disabled,
[type=text]:disabled,
[type=time]:disabled,
[type=url]:disabled,
[type=week]:disabled,
input:not([type]):disabled,
textarea:disabled,
select:disabled {
background-color: hsl(0, 0%, 93%);
background-color: var(--color-form-input-disabled-background);
color: hsl(0, 0%, 85%);
color: var(--color-form-input-disabled-text);
cursor: default
}
@media(max-width: 768px) {
[type=color],
[type=date],
[type=datetime],
[type=datetime-local],
[type=email],
[type=month],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
input:not([type]),
textarea,
select {
display: block;
margin-top: 7px
}
}
@media(max-width: 480px) {
[type=color],
[type=date],
[type=datetime],
[type=datetime-local],
[type=email],
[type=month],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
input:not([type]),
textarea,
select {
width: 100%
}
}
select {
background-image: url(/assets/images/icon-form-select.webp);
background-position: right center;
background-repeat: no-repeat;
background-size: 35px 15px;
cursor: pointer;
line-height: 39px;
height: 40px;
padding: 0 35px 0 10px
}
select::-ms-expand {
display: none
}
@media(prefers-color-scheme: dark) {
select {
background-image: url(/assets/images/icon-form-select-dark.webp)
}
}
textarea {
min-height: 150px
}
input[type=radio] {
display: block;
height: 26px;
left: 0;
margin-top: -4px;
opacity: 0;
position: absolute;
width: 26px
}
input[type=radio]+span {
margin-left: 40px;
min-height: 26px;
vertical-align: top
}
input[type=radio]+span::before {
background-color: #fff;
background-color: var(--color-form-radio-background);
border: 1px solid hsl(0, 0%, 85%);
border: 1px solid var(--color-form-radio-border);
border-radius: 13px;
content: "";
display: block;
height: 26px;
left: 0;
position: absolute;
top: -2px;
width: 26px
}
input[type=radio]+span::after {
background-color: #000;
background-color: var(--color-form-radio-checked);
border-radius: 4px;
content: "";
display: none;
height: 8px;
left: 9px;
position: absolute;
top: 7px;
width: 8px
}
input[type=radio]:checked+span::after {
display: block
}
input[type=radio]:disabled {
cursor: default
}
input[type=radio]:disabled+span {
color: hsl(0, 0%, 75%);
color: var(--color-form-radio-disabled-text);
cursor: default
}
input[type=radio]:disabled+span::before {
background-color: hsl(0, 0%, 93%);
background-color: var(--color-form-radio-disabled-background)
}
input[type=radio]:disabled+span::after {
background-color: hsl(0, 0%, 85%);
background-color: var(--color-form-radio-disabled-checked)
}
@media(max-width: 768px) {
input[type=radio] {
height: 32px;
margin-top: -6px;
width: 32px
}
input[type=radio]+span {
min-height: 32px
}
input[type=radio]+span::before {
border-radius: 16px;
height: 32px;
top: -6px;
width: 32px
}
input[type=radio]+span::after {
border-radius: 6px;
height: 12px;
left: 10px;
top: 4px;
width: 12px
}
}
input[type=checkbox] {
display: block;
height: 20px;
left: 0;
opacity: 0;
position: absolute;
width: 20px
}
input[type=checkbox]+span {
margin-left: 30px;
min-height: 20px;
vertical-align: top
}
input[type=checkbox]+span::before {
background-color: #fff;
background-color: var(--color-form-checkbox-background);
border: 1px solid hsl(0, 0%, 85%);
border: 1px solid var(--color-form-checkbox-border);
content: "";
display: block;
height: 20px;
left: 0;
position: absolute;
top: 1px;
width: 20px
}
input[type=checkbox]+span::after {
box-sizing: content-box;
display: inline-block;
color: #000;
color: var(--color-form-checkbox-checked);
content: "";
font-family: "Iconic";
font-weight: 400;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-size: .875rem;
line-height: 1;
position: relative;
text-align: center;
top: 1px;
vertical-align: baseline;
width: 1em;
display: none;
left: 3px;
position: absolute;
top: 5px
}
input[type=checkbox]:checked+span::after {
display: block
}
input[type=checkbox]:disabled {
cursor: default
}
input[type=checkbox]:disabled+span {
color: hsl(0, 0%, 75%);
color: var(--color-form-checkbox-disabled-text);
cursor: default
}
input[type=checkbox]:disabled+span::before {
background-color: hsl(0, 0%, 93%);
background-color: var(--color-form-checkbox-disabled-background)
}
input[type=checkbox]:disabled+span::after {
color: hsl(0, 0%, 85%);
color: var(--color-form-checkbox-disabled-checked)
}
@media(max-width: 768px) {
input[type=checkbox] {
height: 28px;
margin-top: -6px;
width: 28px
}
input[type=checkbox]+span {
min-height: 28px
}
input[type=checkbox]+span::before {
height: 28px;
top: -4px;
width: 28px
}
input[type=checkbox]+span::after {
font-size: 1.25rem;
left: 4px;
top: 1px
}
}
::-webkit-input-placeholder {
color: hsl(0, 0%, 75%);
color: var(--color-form-placeholder-text)
}
::-moz-placeholder {
color: hsl(0, 0%, 75%);
color: var(--color-form-placeholder-text)
}
:-moz-placeholder {
color: hsl(0, 0%, 75%);
color: var(--color-form-placeholder-text)
}
:-ms-input-placeholder {
color: hsl(0, 0%, 75%);
color: var(--color-form-placeholder-text)
}
.input-group {
clear: left;
display: block;
float: left;
margin-bottom: 30px;
position: relative
}
.input-group>span:first-child {
margin: 8px 15px 7px 0
}
.input-group>span:first-child>small {
font-weight: normal
}
.input-group label {
clear: none;
display: inline-block;
float: none;
margin: 0;
padding-right: 30px
}
.input-group label>span {
display: inline-block;
margin-left: 45px
}
.input-group label:last-of-type {
padding-right: 0
}
.input-group .pseudo-multi-select {
display: inline-block
}
@media(max-width: 768px) {
.input-group .pseudo-multi-select {
margin-top: 7px
}
}
.input-group.pseudo>span:first-child {
margin-top: 8px
}
.input-group.no-inline {
margin-bottom: 10px
}
.input-group.no-inline label {
display: block;
margin-bottom: 20px;
margin-right: 0
}
@media(max-width: 768px) {
.input-group>span:first-child {
margin-bottom: 0
}
.input-group label {
margin-bottom: 0;
margin-top: 7px
}
.input-group.pseudo>span:first-child {
margin-top: 0
}
}
@media(max-width: 480px) {
.input-group {
float: none;
margin-bottom: 15px
}
.input-group label:last-of-type {
margin-bottom: 0
}
}
label>.help {
margin-left: 10px;
vertical-align: inherit
}
label>textarea+.help {
margin-top: 6px;
vertical-align: top
}
.input-group>.help {
margin-left: 10px;
margin-top: -2px;
vertical-align: inherit
}
.input-group.single-option .help {
margin-left: 10px;
margin-top: -2px
}
@media(max-width: 768px) {
label>.help {
position: absolute;
right: 0;
top: -3px
}
label>textarea+.help {
margin-top: 0
}
}
@media(max-width: 480px) {
.input-group:not(.single-option)>.help {
position: absolute;
right: 0;
top: -1px
}
.input-group.single-option.has-help span:not(.message) {
padding-right: 35px
}
.input-group.single-option .help {
position: absolute;
right: 0;
top: -1px
}
}
label.error,
.input-group.error {
padding-right: 35px
}
label.error::after,
.input-group.error::after {
background-color: #f25959;
background-color: var(--color-form-error-icon-background);
border-radius: 13px;
content: "!";
color: #fff;
color: var(--color-form-error-icon-text);
display: block;
font-size: 20px;
height: 26px;
line-height: 26px;
position: absolute;
right: 0;
text-align: center;
top: 6px;
width: 26px
}
label.error.no-inline label:last-of-type,
.input-group.error.no-inline label:last-of-type {
margin-bottom: 10px
}
label.error.no-inline .message,
.input-group.error.no-inline .message {
margin-bottom: 20px
}
label.error.label-empty .message,
.input-group.error.label-empty .message {
margin-left: 0
}
label.error>.help,
.input-group.error>.help {
right: 35px
}
@media(max-width: 768px) {
label.error,
.input-group.error {
padding-right: 0
}
label.error.label-empty,
.input-group.error.label-empty {
padding-right: 35px
}
label.error::after,
.input-group.error::after {
top: -3px
}
label.error.input-group::after,
.input-group.error.input-group::after {
top: -3px
}
}
@media(max-width: 480px) {
label.error,
.input-group.error {
padding-right: 0
}
label.error::after,
.input-group.error::after {
top: -3px
}
label.error.input-group::after,
.input-group.error.input-group::after {
top: -3px
}
}
label.error [type=color],
label.error [type=date],
label.error [type=datetime],
label.error [type=datetime-local],
label.error [type=email],
label.error [type=month],
label.error [type=number],
label.error [type=password],
label.error [type=search],
label.error [type=tel],
label.error [type=text],
label.error [type=time],
label.error [type=url],
label.error [type=week],
label.error input:not([type]),
label.error textarea,
label.error select,
.input-group.error [type=color],
.input-group.error [type=date],
.input-group.error [type=datetime],
.input-group.error [type=datetime-local],
.input-group.error [type=email],
.input-group.error [type=month],
.input-group.error [type=number],
.input-group.error [type=password],
.input-group.error [type=search],
.input-group.error [type=tel],
.input-group.error [type=text],
.input-group.error [type=time],
.input-group.error [type=url],
.input-group.error [type=week],
.input-group.error input:not([type]),
.input-group.error textarea,
.input-group.error select {
background-color: rgb(252.4, 221.8, 221.8);
background-color: var(--color-form-input-error-background);
border: 1px solid #f25959;
border: 1px solid var(--color-form-input-error-border)
}
label.error input[type=radio]+span::before,
.input-group.error input[type=radio]+span::before {
background-color: rgb(252.4, 221.8, 221.8);
background-color: var(--color-form-radio-error-background);
border: 1px solid #f25959;
border: 1px solid var(--color-form-radio-error-border)
}
label.error input[type=radio]+span::after,
.input-group.error input[type=radio]+span::after {
background-color: #f25959;
background-color: var(--color-form-radio-error-checked)
}
label.error input[type=checkbox]+span::before,
.input-group.error input[type=checkbox]+span::before {
background-color: rgb(252.4, 221.8, 221.8);
background-color: var(--color-form-checkbox-error-background);
border: 1px solid #f25959;
border: 1px solid var(--color-form-checkbox-error-border)
}
label.error input[type=checkbox]+span::after,
.input-group.error input[type=checkbox]+span::after {
color: #f25959;
color: var(--color-form-checkbox-error-checked)
}
label.error .pseudo-multi-select>.label,
.input-group.error .pseudo-multi-select>.label {
background-color: rgb(252.4, 221.8, 221.8);
background-color: var(--color-form-pseudo-multi-select-error-background);
border: 1px solid #f25959;
border: 1px solid var(--color-form-pseudo-multi-select-error-border)
}
label.error .message,
.input-group.error .message {
color: #f25959;
color: var(--color-form-error-text);
display: block;
font-weight: normal;
margin: 5px 0 0 245px
}
@media(max-width: 768px) {
label.error .message,
.input-group.error .message {
margin-left: 0
}
}
.input-group.error::after {
top: -2px
}
@media(max-width: 768px) {
.input-group.error.label-empty::after {
top: 4px
}
}
@media(max-width: 480px) {
.input-group.error.label-empty::after {
top: 4px
}
}
.input-group.error.label-empty.error .message {
margin-left: 0
}
.input-group.error.pseudo::after {
top: 6px
}
@media(max-width: 768px) {
.input-group.error.pseudo::after {
top: 34px
}
}
@media(max-width: 480px) {
.input-group.error.pseudo::after {
top: -2px
}
}
label.captcha.error .message {
margin-left: 0
}
label.captcha+.action {
clear: left
}
form.no-labels label>span:first-child,
form.no-labels .input-group>span:first-child {
display: none
}
@media(max-width: 480px) {
form.no-labels label.error::after,
form.no-labels .input-group.error::after {
right: 7px;
top: 7px
}
form.no-labels label.error [type=color],
form.no-labels label.error [type=date],
form.no-labels label.error [type=datetime],
form.no-labels label.error [type=datetime-local],
form.no-labels label.error [type=email],
form.no-labels label.error [type=month],
form.no-labels label.error [type=number],
form.no-labels label.error [type=password],
form.no-labels label.error [type=search],
form.no-labels label.error [type=tel],
form.no-labels label.error [type=text],
form.no-labels label.error [type=time],
form.no-labels label.error [type=url],
form.no-labels label.error [type=week],
form.no-labels label.error input:not([type]),
form.no-labels label.error textarea,
form.no-labels .input-group.error [type=color],
form.no-labels .input-group.error [type=date],
form.no-labels .input-group.error [type=datetime],
form.no-labels .input-group.error [type=datetime-local],
form.no-labels .input-group.error [type=email],
form.no-labels .input-group.error [type=month],
form.no-labels .input-group.error [type=number],
form.no-labels .input-group.error [type=password],
form.no-labels .input-group.error [type=search],
form.no-labels .input-group.error [type=tel],
form.no-labels .input-group.error [type=text],
form.no-labels .input-group.error [type=time],
form.no-labels .input-group.error [type=url],
form.no-labels .input-group.error [type=week],
form.no-labels .input-group.error input:not([type]),
form.no-labels .input-group.error textarea {
padding-right: 40px
}
}
form>.partial-card>span:first-child {
margin-top: 8px
}
form>.partial-card>div {
display: inline-block
}
form>.partial-card label {
margin: 0;
padding: 0
}
form>.partial-card label input {
margin-bottom: 0
}
@media(max-width: 768px) {
form>.partial-card label input {
display: inline-block
}
}
form>.partial-card label:first-of-type input {
margin-right: 5px;
padding-right: 0
}
form>.partial-card label:last-of-type input {
margin-left: 5px;
padding-right: 0;
width: 60px
}
form>.partial-card.type-6 label:first-of-type input {
width: 78px
}
form>.partial-card.type-7 label:first-of-type input {
width: 85px
}
form>.partial-card.type-8 label:first-of-type input {
width: 92px
}
form>.partial-card+.action {
clear: none
}
@media(max-width: 768px) {
form>.partial-card>span:first-child {
margin-top: 0
}
form>.partial-card+.action {
margin-bottom: 30px
}
}
@media(max-width: 480px) {
form>.partial-card+.action {
margin-bottom: 15px
}
}
form>.date-select label {
margin: 0 5px 0 0;
padding-right: 0
}
form>.date-select label select {
width: 160px
}
form>.date-select label:first-of-type select {
width: 80px
}
form>.date-select label:last-of-type {
margin-right: 0
}
form>.date-select label:last-of-type select {
width: 95px
}
@media(max-width: 480px) {
form>.date-select label {
float: left;
margin-left: 5%;
margin-right: 0;
width: 34%
}
form>.date-select label select {
width: 100% !important
}
form>.date-select label:first-of-type {
margin-left: 0;
width: 28%
}
form>.date-select label:last-of-type {
width: 28%
}
}
form label.quantity input[type=hidden]:disabled+.modifiers .value {
color: hsl(0, 0%, 85%);
color: var(--color-form-input-disabled-text)
}
h1 form {
float: right;
margin: 0
}
h1 form label {
float: none;
font-size: .875rem;
margin-bottom: 0;
text-transform: none
}
h1 form label>span:first-child {
margin: 0 10px 0 0;
min-width: inherit
}
@media(max-width: 768px) {
h1 form label>span:first-child {
display: inline-block
}
}
h1 form label select {
display: inline-block;
margin: 0;
width: auto
}
@media(max-width: 480px) {
h1 form {
float: none;
margin: 15px 0 0 0
}
h1 form label>span:first-child {
display: block;
margin: 0 0 7px 0
}
h1 form label select {
width: 100%
}
}
.visible-tablet,
.visible-phone,
.hide-web,
.visible-embed {
display: none
}
@media(min-width: 769px) {
.hide-desktop {
display: none !important
}
}
@media(min-width: 481px)and (max-width: 768px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: block
}
a.visible-tablet,
button.visible-tablet {
display: inline-block
}
span.visible-tablet {
display: inline
}
.hide-tablet {
display: none !important
}
}
@media(max-width: 480px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: none
}
.visible-phone {
display: block
}
a.visible-phone,
button.visible-phone {
display: inline-block
}
span.visible-phone {
display: inline
}
.hide-phone {
display: none !important
}
}
.classification {
aspect-ratio: 1/1;
display: block;
height: auto;
line-height: 34px;
margin-right: 10px;
padding: 0;
text-indent: -9999px;
top: -2px;
width: 34px;
vertical-align: middle
}
.classification.white.c-tbc {
background: url(/assets/images/movie/classification-white-tbc.webp) 0 0 no-repeat;
background-size: 34px
}
.classification.c-tbc {
background: url(/assets/images/movie/classification-black-tbc.webp) 0 0 no-repeat;
background-size: 34px
}
.classification.white.c-u {
background: url(/assets/images/movie/classification-white-u.webp) 0 0 no-repeat;
background-size: 34px
}
.classification.c-u {
background: url(/assets/images/movie/classification-black-u.webp) 0 0 no-repeat;
background-size: 34px
}
.classification.white.c-g {
background: url(/assets/images/movie/classification-white-g.webp) 0 0 no-repeat;
background-size: 34px
}
.classification.c-g {
background: url(/assets/images/movie/classification-black-g.webp) 0 0 no-repeat;
background-size: 34px
}
.classification.white.c-ug {
background: url(/assets/images/movie/classification-white-ug.webp) 0 0 no-repeat;
background-size: 34px
}
.classification.c-ug {
background: url(/assets/images/movie/classification-black-ug.webp) 0 0 no-repeat;
background-size: 34px
}
.classification.white.c-pg {
background: url(/assets/images/movie/classification-white-pg.webp) 0 0 no-repeat;
background-size: 34px
}
.classification.c-pg {
background: url(/assets/images/movie/classification-black-pg.webp) 0 0 no-repeat;
background-size: 34px
}
.classification.white.c-pg8 {
background: url(/assets/images/movie/classification-white-pg8.webp) 0 0 no-repeat;
background-size: 34px
}
.classification.c-pg8 {
background: url(/assets/images/movie/classification-black-pg8.webp) 0 0 no-repeat;
background-size: 34px
}
.classification.white.c-pg12 {
background: url(/assets/images/movie/classification-white-pg12.webp) 0 0 no-repeat;
background-size: 34px
}
.classification.c-pg12 {
background: url(/assets/images/movie/classification-black-pg12.webp) 0 0 no-repeat;
background-size: 34px
}
.classification.white.c-pg13 {
background: url(/assets/images/movie/classification-white-pg13.webp) 0 0 no-repeat;
background-size: 34px
}
.classification.c-pg13 {
background: url(/assets/images/movie/classification-black-pg13.webp) 0 0 no-repeat;
background-size: 34px
}
.classification.white.c-pg15 {
background: url(/assets/images/movie/classification-white-pg15.webp) 0 0 no-repeat;
background-size: 34px
}
.classification.c-pg15 {
background: url(/assets/images/movie/classification-black-pg15.webp) 0 0 no-repeat;
background-size: 34px
}
.classification.white.c-pg16 {
background: url(/assets/images/movie/classification-white-pg16.webp) 0 0 no-repeat;
background-size: 34px
}
.classification.c-pg16 {
background: url(/assets/images/movie/classification-black-pg16.webp) 0 0 no-repeat;
background-size: 34px
}
.classification.white.c-pg18 {
background: url(/assets/images/movie/classification-white-pg18.webp) 0 0 no-repeat;
background-size: 34px
}
.classification.c-pg18 {
background: url(/assets/images/movie/classification-black-pg18.webp) 0 0 no-repeat;
background-size: 34px
}
.classification.white.c-8p {
background: url(/assets/images/movie/classification-white-8p.webp) 0 0 no-repeat;
background-size: 34px
}
.classification.c-8p {
background: url(/assets/images/movie/classification-black-8p.webp) 0 0 no-repeat;
background-size: 34px
}
.classification.white.c-12p {
background: url(/assets/images/movie/classification-white-12p.webp) 0 0 no-repeat;
background-size: 34px
}
.classification.c-12p {
background: url(/assets/images/movie/classification-black-12p.webp) 0 0 no-repeat;
background-size: 34px
}
.classification.white.c-15p {
background: url(/assets/images/movie/classification-white-15p.webp) 0 0 no-repeat;
background-size: 34px
}
.classification.c-15p {
background: url(/assets/images/movie/classification-black-15p.webp) 0 0 no-repeat;
background-size: 34px
}
.classification.white.c-16p {
background: url(/assets/images/movie/classification-white-16p.webp) 0 0 no-repeat;
background-size: 34px
}
.classification.c-16p {
background: url(/assets/images/movie/classification-black-16p.webp) 0 0 no-repeat;
background-size: 34px
}
.classification.white.c-18p {
background: url(/assets/images/movie/classification-white-18p.webp) 0 0 no-repeat;
background-size: 34px
}
.classification.c-18p {
background: url(/assets/images/movie/classification-black-18p.webp) 0 0 no-repeat;
background-size: 34px
}
.classification.white.c-nc15p {
background: url(/assets/images/movie/classification-white-nc15p.webp) 0 0 no-repeat;
background-size: 34px
}
.classification.c-nc15p {
background: url(/assets/images/movie/classification-black-nc15p.webp) 0 0 no-repeat;
background-size: 34px
}
.classification.white.c-nc18p {
background: url(/assets/images/movie/classification-white-nc18p.webp) 0 0 no-repeat;
background-size: 34px
}
.classification.c-nc18p {
background: url(/assets/images/movie/classification-black-nc18p.webp) 0 0 no-repeat;
background-size: 34px
}
.classification.white.c-nc21p {
background: url(/assets/images/movie/classification-white-nc21p.webp) 0 0 no-repeat;
background-size: 34px
}
.classification.c-nc21p {
background: url(/assets/images/movie/classification-black-nc21p.webp) 0 0 no-repeat;
background-size: 34px
}
.classification.white.c-18tc {
background: url(/assets/images/movie/classification-white-18tc.webp) 0 0 no-repeat;
background-size: 34px
}
.classification.c-18tc {
background: url(/assets/images/movie/classification-black-18tc.webp) 0 0 no-repeat;
background-size: 34px
}
.classification.white.c-t13p {
background: url(/assets/images/movie/classification-white-t13p.webp) 0 0 no-repeat;
background-size: 34px
}
.classification.c-t13p {
background: url(/assets/images/movie/classification-black-t13p.webp) 0 0 no-repeat;
background-size: 34px
}
.classification.white.c-e {
background: url(/assets/images/movie/classification-white-e.webp) 0 0 no-repeat;
background-size: 34px
}
.classification.c-e {
background: url(/assets/images/movie/classification-black-e.webp) 0 0 no-repeat;
background-size: 34px
}
.classification.white.c-r12 {
background: url(/assets/images/movie/classification-white-r12.webp) 0 0 no-repeat;
background-size: 34px
}
.classification.c-r12 {
background: url(/assets/images/movie/classification-black-r12.webp) 0 0 no-repeat;
background-size: 34px
}
.classification.white.c-r15 {
background: url(/assets/images/movie/classification-white-r15.webp) 0 0 no-repeat;
background-size: 34px
}
.classification.c-r15 {
background: url(/assets/images/movie/classification-black-r15.webp) 0 0 no-repeat;
background-size: 34px
}
.classification.white.c-r18 {
background: url(/assets/images/movie/classification-white-r18.webp) 0 0 no-repeat;
background-size: 34px
}
.classification.c-r18 {
background: url(/assets/images/movie/classification-black-r18.webp) 0 0 no-repeat;
background-size: 34px
}
.classification.white.c-21p {
background: url(/assets/images/movie/classification-white-21p.webp) 0 0 no-repeat;
background-size: 34px
}
.classification.c-21p {
background: url(/assets/images/movie/classification-black-21p.webp) 0 0 no-repeat;
background-size: 34px
}
.classification.white.c-13p {
background: url(/assets/images/movie/classification-white-13p.webp) 0 0 no-repeat;
background-size: 34px
}
.classification.c-13p {
background: url(/assets/images/movie/classification-black-13p.webp) 0 0 no-repeat;
background-size: 34px
}
.classification.white.c-T18p {
background: url(../images/movie/classification-white-T18p.webp) 0 0 no-repeat;
background-size: 34px
}
.classification.c-T18p {
background: url(../images/movie/classification-black-T18p.webp) 0 0 no-repeat;
background-size: 34px
}
@media(prefers-color-scheme: dark) {
.classification:not(.fixed).white.c-tbc {
background: url(/assets/images/movie/classification-black-tbc.webp) 0 0 no-repeat;
background-size: 34px
}
.classification:not(.fixed).c-tbc {
background: url(/assets/images/movie/classification-white-tbc.webp) 0 0 no-repeat;
background-size: 34px
}
.classification:not(.fixed).white.c-u {
background: url(/assets/images/movie/classification-black-u.webp) 0 0 no-repeat;
background-size: 34px
}
.classification:not(.fixed).c-u {
background: url(/assets/images/movie/classification-white-u.webp) 0 0 no-repeat;
background-size: 34px
}
.classification:not(.fixed).white.c-g {
background: url(/assets/images/movie/classification-black-g.webp) 0 0 no-repeat;
background-size: 34px
}
.classification:not(.fixed).c-g {
background: url(/assets/images/movie/classification-white-g.webp) 0 0 no-repeat;
background-size: 34px
}
.classification:not(.fixed).white.c-ug {
background: url(/assets/images/movie/classification-black-ug.webp) 0 0 no-repeat;
background-size: 34px
}
.classification:not(.fixed).c-ug {
background: url(/assets/images/movie/classification-white-ug.webp) 0 0 no-repeat;
background-size: 34px
}
.classification:not(.fixed).white.c-pg {
background: url(/assets/images/movie/classification-black-pg.webp) 0 0 no-repeat;
background-size: 34px
}
.classification:not(.fixed).c-pg {
background: url(/assets/images/movie/classification-white-pg.webp) 0 0 no-repeat;
background-size: 34px
}
.classification:not(.fixed).white.c-pg8 {
background: url(/assets/images/movie/classification-black-pg8.webp) 0 0 no-repeat;
background-size: 34px
}
.classification:not(.fixed).c-pg8 {
background: url(/assets/images/movie/classification-white-pg8.webp) 0 0 no-repeat;
background-size: 34px
}
.classification:not(.fixed).white.c-pg12 {
background: url(/assets/images/movie/classification-black-pg12.webp) 0 0 no-repeat;
background-size: 34px
}
.classification:not(.fixed).c-pg12 {
background: url(/assets/images/movie/classification-white-pg12.webp) 0 0 no-repeat;
background-size: 34px
}
.classification:not(.fixed).white.c-pg13 {
background: url(/assets/images/movie/classification-black-pg13.webp) 0 0 no-repeat;
background-size: 34px
}
.classification:not(.fixed).c-pg13 {
background: url(/assets/images/movie/classification-white-pg13.webp) 0 0 no-repeat;
background-size: 34px
}
.classification:not(.fixed).white.c-pg15 {
background: url(/assets/images/movie/classification-black-pg15.webp) 0 0 no-repeat;
background-size: 34px
}
.classification:not(.fixed).c-pg15 {
background: url(/assets/images/movie/classification-white-pg15.webp) 0 0 no-repeat;
background-size: 34px
}
.classification:not(.fixed).white.c-pg16 {
background: url(/assets/images/movie/classification-black-pg16.webp) 0 0 no-repeat;
background-size: 34px
}
.classification:not(.fixed).c-pg16 {
background: url(/assets/images/movie/classification-white-pg16.webp) 0 0 no-repeat;
background-size: 34px
}
.classification:not(.fixed).white.c-pg18 {
background: url(/assets/images/movie/classification-black-pg18.webp) 0 0 no-repeat;
background-size: 34px
}
.classification:not(.fixed).c-pg18 {
background: url(/assets/images/movie/classification-white-pg18.webp) 0 0 no-repeat;
background-size: 34px
}
.classification:not(.fixed).white.c-8p {
background: url(/assets/images/movie/classification-black-8p.webp) 0 0 no-repeat;
background-size: 34px
}
.classification:not(.fixed).c-8p {
background: url(/assets/images/movie/classification-white-8p.webp) 0 0 no-repeat;
background-size: 34px
}
.classification:not(.fixed).white.c-12p {
background: url(/assets/images/movie/classification-black-12p.webp) 0 0 no-repeat;
background-size: 34px
}
.classification:not(.fixed).c-12p {
background: url(/assets/images/movie/classification-white-12p.webp) 0 0 no-repeat;
background-size: 34px
}
.classification:not(.fixed).white.c-15p {
background: url(/assets/images/movie/classification-black-15p.webp) 0 0 no-repeat;
background-size: 34px
}
.classification:not(.fixed).c-15p {
background: url(/assets/images/movie/classification-white-15p.webp) 0 0 no-repeat;
background-size: 34px
}
.classification:not(.fixed).white.c-16p {
background: url(/assets/images/movie/classification-black-16p.webp) 0 0 no-repeat;
background-size: 34px
}
.classification:not(.fixed).c-16p {
background: url(/assets/images/movie/classification-white-16p.webp) 0 0 no-repeat;
background-size: 34px
}
.classification:not(.fixed).white.c-18p {
background: url(/assets/images/movie/classification-black-18p.webp) 0 0 no-repeat;
background-size: 34px
}
.classification:not(.fixed).c-18p {
background: url(/assets/images/movie/classification-white-18p.webp) 0 0 no-repeat;
background-size: 34px
}
.classification:not(.fixed).white.c-nc15p {
background: url(/assets/images/movie/classification-black-nc15p.webp) 0 0 no-repeat;
background-size: 34px
}
.classification:not(.fixed).c-nc15p {
background: url(/assets/images/movie/classification-white-nc15p.webp) 0 0 no-repeat;
background-size: 34px
}
.classification:not(.fixed).white.c-nc18p {
background: url(/assets/images/movie/classification-black-nc18p.webp) 0 0 no-repeat;
background-size: 34px
}
.classification:not(.fixed).c-nc18p {
background: url(/assets/images/movie/classification-white-nc18p.webp) 0 0 no-repeat;
background-size: 34px
}
.classification:not(.fixed).white.c-nc21p {
background: url(/assets/images/movie/classification-black-nc21p.webp) 0 0 no-repeat;
background-size: 34px
}
.classification:not(.fixed).c-nc21p {
background: url(/assets/images/movie/classification-white-nc21p.webp) 0 0 no-repeat;
background-size: 34px
}
.classification:not(.fixed).white.c-18tc {
background: url(/assets/images/movie/classification-black-18tc.webp) 0 0 no-repeat;
background-size: 34px
}
.classification:not(.fixed).c-18tc {
background: url(/assets/images/movie/classification-white-18tc.webp) 0 0 no-repeat;
background-size: 34px
}
.classification:not(.fixed).white.c-t13p {
background: url(/assets/images/movie/classification-black-t13p.webp) 0 0 no-repeat;
background-size: 34px
}
.classification:not(.fixed).c-t13p {
background: url(/assets/images/movie/classification-white-t13p.webp) 0 0 no-repeat;
background-size: 34px
}
.classification:not(.fixed).white.c-e {
background: url(/assets/images/movie/classification-black-e.webp) 0 0 no-repeat;
background-size: 34px
}
.classification:not(.fixed).c-e {
background: url(/assets/images/movie/classification-white-e.webp) 0 0 no-repeat;
background-size: 34px
}
.classification:not(.fixed).white.c-r12 {
background: url(/assets/images/movie/classification-black-r12.webp) 0 0 no-repeat;
background-size: 34px
}
.classification:not(.fixed).c-r12 {
background: url(/assets/images/movie/classification-white-r12.webp) 0 0 no-repeat;
background-size: 34px
}
.classification:not(.fixed).white.c-r15 {
background: url(/assets/images/movie/classification-black-r15.webp) 0 0 no-repeat;
background-size: 34px
}
.classification:not(.fixed).c-r15 {
background: url(/assets/images/movie/classification-white-r15.webp) 0 0 no-repeat;
background-size: 34px
}
.classification:not(.fixed).white.c-r18 {
background: url(/assets/images/movie/classification-black-r18.webp) 0 0 no-repeat;
background-size: 34px
}
.classification:not(.fixed).c-r18 {
background: url(/assets/images/movie/classification-white-r18.webp) 0 0 no-repeat;
background-size: 34px
}
.classification:not(.fixed).white.c-21p {
background: url(/assets/images/movie/classification-black-21p.webp) 0 0 no-repeat;
background-size: 34px
}
.classification:not(.fixed).c-21p {
background: url(/assets/images/movie/classification-white-21p.webp) 0 0 no-repeat;
background-size: 34px
}
.classification:not(.fixed).white.c-13p {
background: url(/assets/images/movie/classification-black-13p.webp) 0 0 no-repeat;
background-size: 34px
}
.classification:not(.fixed).c-13p {
background: url(/assets/images/movie/classification-white-13p.webp) 0 0 no-repeat;
background-size: 34px
}
.classification:not(.fixed).white.c-T18p {
background: url(../images/movie/classification-black-T18p.webp) 0 0 no-repeat;
background-size: 34px
}
.classification:not(.fixed).c-T18p {
background: url(../images/movie/classification-white-T18p.webp) 0 0 no-repeat;
background-size: 34px
}
}
span.classification {
display: inline-block
}
.tag {
background-color: #fff;
background-color: var(--color-movie-tag-background);
color: #000;
color: var(--color-movie-tag-text);
line-height: 1em;
margin: -4px 10px 0 0;
padding: 6px 10px;
vertical-align: middle
}
span.tag {
display: inline-block
}
.poster {
aspect-ratio: 240/343;
display: block;
height: auto
}
.trailer {
background-color: hsl(0, 0%, 85%);
background-color: var(--color-movie-trailer-background);
background-image: url("/assets/images/placeholder-trailer.webp");
background-position: center center;
background-repeat: no-repeat;
background-size: 23%;
margin-bottom: 30px
}
.trailer .player {
height: 0;
padding-bottom: 48.25%;
padding-top: 8%;
position: relative
}
.trailer .player iframe {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
@media(max-width: 480px) {
.trailer {
margin-bottom: 15px
}
}
.hero {
display: block;
max-width: 100%;
width: 940px
}
.hero>:first-child:not(div) {
display: block;
margin-bottom: 30px
}
.hero .poster {
width: 100%
}
@media(max-width: 480px) {
.hero {
height: auto
}
.hero>:first-child:not(div) {
margin-bottom: 15px
}
}
img.hero {
aspect-ratio: 235/82
}
.now-showing article h3 {
font-size: 1.125rem;
height: 1.5rem;
margin: 10px 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.now-showing article p {
margin-bottom: 10px
}
.now-showing article p:last-of-type {
margin-bottom: 20px
}
@media(max-width: 768px) {
.now-showing article .action span[data-glyph] {
display: none
}
}
.coming-soon article {
border-bottom: 1px dashed hsl(0, 0%, 85%);
border-bottom: 1px dashed var(--color-movie-coming-soon-border);
margin-bottom: 30px;
padding-bottom: 30px
}
.coming-soon article:last-of-type {
border: none;
padding-bottom: 0
}
.coming-soon article .trailer {
margin-bottom: 30px
}
.coming-soon article h3 {
margin-top: 0
}
.coming-soon article .action {
margin-bottom: 0
}
.movie-hero {
color: #fff;
color: var(--color-movie-hero-text);
margin-bottom: 30px;
position: relative
}
.movie-hero>div {
bottom: 0;
left: 0;
padding: 30px;
position: absolute;
width: 100%
}
.movie-hero>div h2 {
margin-bottom: 20px;
text-transform: none
}
.movie-hero>div .read-more {
color: #fff;
color: var(--color-movie-hero-text);
font-weight: normal
}
.movie-hero>div .read-more::after {
box-sizing: content-box;
display: inline-block;
color: #fff;
color: var(--color-movie-hero-text);
content: "";
font-family: "Iconic";
font-weight: 400;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-size: .75rem;
line-height: 1;
position: relative;
text-align: center;
top: 1px;
vertical-align: baseline;
width: 1em;
margin-left: 5px;
top: 0;
vertical-align: middle
}
@media(max-width: 480px) {
.movie-hero {
margin-bottom: 15px
}
.movie-hero>div {
padding: 15px
}
.movie-hero>div h2 {
font-size: 1rem;
margin-bottom: 10px
}
}
.showtimes .dates>:last-child {
margin-bottom: 0
}
.movie-detail h1 {
margin-bottom: 15px
}
.movie-detail h1+div {
margin-bottom: 30px
}
.movie-detail h1+div .social-networks {
float: right;
margin-bottom: 0;
margin-top: -7px
}
@media(max-width: 768px) {
.movie-detail h1+div .social-networks {
margin-top: -2px
}
}
.movie-detail .trailer .player {
padding-bottom: 61%
}
.movie-detail aside>:last-child {
margin-bottom: 0
}
.movie-detail article>:last-child {
margin-bottom: 0
}
.movie-detail p.align-center {
margin-bottom: 0
}
.movie-detail p.align-center .action {
margin-bottom: 15px
}
.visible-tablet,
.visible-phone,
.hide-web,
.visible-embed {
display: none
}
@media(min-width: 769px) {
.hide-desktop {
display: none !important
}
}
@media(min-width: 481px)and (max-width: 768px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: block
}
a.visible-tablet,
button.visible-tablet {
display: inline-block
}
span.visible-tablet {
display: inline
}
.hide-tablet {
display: none !important
}
}
@media(max-width: 480px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: none
}
.visible-phone {
display: block
}
a.visible-phone,
button.visible-phone {
display: inline-block
}
span.visible-phone {
display: inline
}
.hide-phone {
display: none !important
}
}
header .iconography[data-glyph] {
background-size: contain;
width: 18px
}
header nav {
position: relative
}
header nav ul {
display: inline-block;
list-style: none;
margin: 0;
padding: 0;
text-transform: uppercase
}
header nav ul li {
display: inline-block;
margin: 0;
position: relative
}
header nav ul li>a {
color: #000;
color: var(--color-navigation-text);
display: block;
font-weight: bold;
padding: 15px 0;
text-decoration: none
}
header nav ul li>a:hover {
color: #009ddb;
color: var(--color-navigation-hover-text);
text-decoration: none
}
header nav ul li>button {
padding-block: 15px
}
header nav.primary {
margin-left: 180px
}
header nav.primary>ul {
margin-top: 15px
}
header nav.primary>ul li {
padding-right: 25px
}
header nav.primary>ul li:last-of-type {
padding-right: 0
}
header nav.tertiary {
color: #fff;
color: var(--color-navigation-tertiary-text);
display: block;
text-align: right
}
header nav.tertiary ul li {
margin-right: 25px
}
header nav.tertiary ul li:last-of-type:not(.site-search) {
margin-right: 0
}
header nav.tertiary ul li a {
color: #fff;
color: var(--color-navigation-tertiary-text);
text-align: left
}
header nav.tertiary ul li a:hover {
color: #fff;
color: var(--color-navigation-tertiary-hover-text);
text-decoration: none
}
header nav.tertiary ul li:hover>a {
color: #000;
color: var(--color-navigation-dropdown-hover-text)
}
header nav.tertiary ul li:hover>a:hover {
color: #000;
color: var(--color-navigation-dropdown-hover-text)
}
header nav.tertiary .locale {
color: #fff;
color: var(--color-navigation-tertiary-text);
padding-left: 25px
}
header nav.tertiary .locale::before {
color: #fff;
color: var(--color-navigation-tertiary-text);
content: "";
display: block;
height: 70%;
left: 0;
position: absolute;
top: 15%;
width: 1px
}
header nav.tertiary .locale .region,
header nav.tertiary .locale .language {
color: #fff;
color: var(--color-navigation-tertiary-text)
}
header nav.tertiary .locale .region:hover,
header nav.tertiary .locale .language:hover {
color: #fff;
color: var(--color-navigation-tertiary-hover-text)
}
header .locale {
position: relative
}
header .locale .flag {
display: inline-block;
margin: 0 8px 0 0
}
header .locale .flag a {
font-weight: normal
}
header .locale .flag img {
aspect-ratio: 1/1;
display: inline-block;
height: auto;
margin-right: 10px;
vertical-align: bottom;
width: 24px
}
header .locale .flag span {
display: inline-block;
line-height: 24px
}
header .locale .language {
display: inline-block;
font-weight: normal;
line-height: 24px;
padding-left: 16px;
position: relative
}
header .locale .language::before {
content: "-";
display: block;
left: 0;
position: absolute
}
header .locale .language.ar {
margin-top: -5px
}
header .locale .language.ar::before {
margin-top: -12px;
top: 50%
}
header nav[role] li>ul {
background-color: #009ddb;
background-color: var(--color-navigation-dropdown-background);
box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, .25);
float: none;
left: -20px;
margin-top: -5px;
opacity: 0;
padding: 5px 20px;
position: absolute;
text-transform: none;
transition: visibility 0s linear .1s, opacity .1s linear;
top: 100%;
visibility: hidden;
width: auto;
z-index: 1000
}
header nav[role] li>ul::after {
border: 10px solid rgba(0, 0, 0, 0);
border-bottom: 10px solid #009ddb;
border-bottom: 10px solid var(--color-navigation-dropdown-background);
bottom: 100%;
content: "";
height: 0;
left: 30px;
margin-left: -10px;
pointer-events: none;
position: absolute;
width: 0
}
header nav[role] li>ul li {
border: none;
border-bottom: 1px solid rgb(63.75, 181.5, 228);
border-bottom: 1px solid var(--color-navigation-dropdown-border);
display: block;
height: auto;
margin: 0 0 -1px 0;
min-height: inherit;
max-width: inherit;
padding: 0
}
header nav[role] li>ul li::before {
display: none
}
header nav[role] li>ul li:last-child {
border-bottom: none;
margin: 0;
padding: 0
}
header nav[role] li>ul li .iconic[data-glyph=caret-bottom] {
display: none
}
header nav[role] li>ul li a {
color: #fff;
color: var(--color-navigation-dropdown-text);
display: block;
padding: 8px 0;
white-space: nowrap
}
header nav[role] li>ul li a:hover {
color: #000;
color: var(--color-navigation-dropdown-hover-text)
}
header nav[role] li:hover>a {
color: #009ddb;
color: var(--color-navigation-hover-text)
}
header nav[role] li:hover ul {
opacity: 1;
transition-delay: 0s;
transition-duration: .2s;
visibility: visible
}
header nav[role] li:hover ul::after {
opacity: 1;
transition-delay: 0s;
transition-duration: 0s;
visibility: visible
}
header nav[role] li.active>a,
header nav[role] li.active>a:hover {
color: #009ddb;
color: var(--color-navigation-hover-text)
}
header nav[role] li.active ul {
opacity: 1 !important;
visibility: visible !important
}
header nav[role] li .iconic[data-glyph=caret-bottom]::before {
font-size: .6875rem;
margin-left: 2px;
top: 0
}
@media(max-width: 768px) {
header nav[role] li .iconic[data-glyph=caret-bottom]::before {
top: 1px
}
}
@media(max-width: 768px) {
header .iconography[data-glyph] {
background-size: contain;
width: 24px
}
header nav.tertiary {
color: #009ddb;
color: var(--color-navigation-device-tertiary-text);
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%)
}
header nav.tertiary ul li {
margin-right: 15px
}
header nav.tertiary ul li a {
color: #009ddb;
color: var(--color-navigation-device-tertiary-text)
}
header nav.tertiary ul li ul {
display: none
}
header nav.tertiary ul li:hover ul {
opacity: 0;
visibility: hidden
}
header nav.tertiary .site-login .iconic[data-glyph],
header nav.tertiary .site-account .iconic[data-glyph] {
display: none
}
header .flyout {
cursor: pointer;
left: 15px;
margin: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
header nav[data-flyout] {
background-color: #009ddb;
background-color: var(--color-navigation-flyout-background);
height: 100%;
left: -100%;
margin: 0;
padding: 10px 20px;
position: absolute;
-webkit-overflow-scrolling: touch;
overflow-y: scroll;
-ms-overflow-style: scrollbar;
scrollbar-width: none
}
header nav[data-flyout]::-webkit-scrollbar {
display: none
}
header nav[data-flyout] {
top: 0;
width: 100%;
z-index: 100
}
header nav[data-flyout] .iconography[data-glyph] {
background-size: contain;
width: 22px
}
header nav[data-flyout] .iconography.close {
position: fixed;
right: 20px;
top: 20px;
z-index: 101
}
header nav[data-flyout] .heading {
border: none;
color: #9edaf3;
color: var(--color-navigation-flyout-muted);
font-weight: bold;
padding: 10px 0 20px 0
}
header nav[data-flyout]>ul {
padding-bottom: 60px
}
header nav[data-flyout] ul {
display: block;
margin: 0
}
header nav[data-flyout] ul li {
border-bottom: 1px solid rgb(76.5, 186.4, 229.8);
border-bottom: 1px solid var(--color-navigation-flyout-border);
display: block;
padding: 0
}
header nav[data-flyout] ul li:hover>a,
header nav[data-flyout] ul li.active>a {
color: #fff;
color: var(--color-navigation-flyout-text)
}
header nav[data-flyout] ul li.has-children {
position: inherit
}
header nav[data-flyout] ul li.has-children>a {
position: relative
}
header nav[data-flyout] ul li.has-children>a::before {
background: url("/assets/images/iconography/white/icon-forward-arrow-32x32@2x.webp") center center no-repeat;
background-size: contain;
aspect-ratio: 1/1;
height: auto;
width: 22px;
content: "";
display: inline-block;
margin: 0 15px;
position: relative;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
display: block;
margin: 0;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%)
}
header nav[data-flyout] ul li a {
color: #fff;
color: var(--color-navigation-flyout-text);
display: block;
padding: 18px 0
}
header nav[data-flyout] ul li a:hover {
color: #fff;
color: var(--color-navigation-flyout-text)
}
header nav[data-flyout] ul li a .iconic[data-glyph] {
display: none
}
header nav[data-flyout] ul li>ul {
background-color: #009ddb;
background-color: var(--color-navigation-flyout-background);
box-shadow: none;
display: none;
height: 100%;
left: auto;
margin: 0;
opacity: 1;
padding: 10px 20px;
position: absolute;
right: -100%;
-webkit-overflow-scrolling: touch;
overflow-y: scroll;
-ms-overflow-style: scrollbar;
scrollbar-width: none
}
header nav[data-flyout] ul li>ul::-webkit-scrollbar {
display: none
}
header nav[data-flyout] ul li>ul {
top: 0;
transition: none;
visibility: visible;
width: 100%;
z-index: 100
}
header nav[data-flyout] ul li>ul::after {
display: none
}
header nav[data-flyout] ul li>ul>:last-child {
border: none
}
header nav[data-flyout] ul li>ul li {
border-bottom: 1px solid rgb(76.5, 186.4, 229.8);
border-bottom: 1px solid var(--color-navigation-flyout-border);
color: #fff;
color: var(--color-navigation-flyout-text);
font-weight: bold
}
header nav[data-flyout] ul li>ul li.surface {
border: none;
padding: 10px 0 20px 0
}
header nav[data-flyout] ul li>ul li.surface .iconography {
margin-right: 5px
}
header nav[data-flyout] ul li>ul li.sub-heading {
color: #9edaf3;
color: var(--color-navigation-flyout-muted);
padding: 15px 0
}
header nav[data-flyout] ul li>ul li a {
color: #fff;
color: var(--color-navigation-flyout-text);
padding: 15px 0
}
header nav[data-flyout] ul li>ul li a:hover {
color: #fff;
color: var(--color-navigation-flyout-text)
}
header nav[data-flyout] .locale {
background-color: hsl(0, 0%, 85%);
background-color: var(--color-navigation-flyout-locale-background);
border: none;
bottom: 0;
color: #000;
color: var(--color-navigation-flyout-locale-text);
left: 0;
padding: 0 20px;
position: fixed;
width: 100%
}
header nav[data-flyout] .locale a {
color: #000;
color: var(--color-navigation-flyout-locale-text)
}
header nav[data-flyout] .locale a:hover {
color: #000;
color: var(--color-navigation-flyout-locale-text)
}
}
.visible-tablet,
.visible-phone,
.hide-web,
.visible-embed {
display: none
}
@media(min-width: 769px) {
.hide-desktop {
display: none !important
}
}
@media(min-width: 481px)and (max-width: 768px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: block
}
a.visible-tablet,
button.visible-tablet {
display: inline-block
}
span.visible-tablet {
display: inline
}
.hide-tablet {
display: none !important
}
}
@media(max-width: 480px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: none
}
.visible-phone {
display: block
}
a.visible-phone,
button.visible-phone {
display: inline-block
}
span.visible-phone {
display: inline
}
.hide-phone {
display: none !important
}
}
.paginate {
display: none;
margin: 0 0 30px 0;
padding: 0;
position: relative
}
.paginate>table,
.paginate>table ol {
margin-bottom: 0
}
.paginate>table+nav,
.paginate>table ol+nav {
margin-top: 30px
}
.paginate>nav {
line-height: 32px;
text-align: center;
user-select: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.paginate>nav a {
cursor: pointer;
display: inline-block
}
.paginate>nav a.disabled {
color: #aaa;
color: var(--color-pagination-disabled);
cursor: default
}
.paginate>nav a.disabled:hover {
text-decoration: none
}
.paginate>nav ol {
display: inline-block;
list-style: none;
margin: 0 15px;
padding: 0
}
.paginate>nav ol>li {
display: inline-block;
margin: 0;
padding: 0
}
.paginate>nav ol>li>a {
background: none;
color: #009ddb;
color: var(--color-pagination-text);
display: block;
font-family: "Effra", Tahoma, Arial, Helvetica, sans-serif;
font-size: 16px;
height: 32px;
margin-left: -1px;
text-align: center;
width: 32px
}
.paginate>nav ol>li>a.selected {
background-color: #009ddb;
background-color: var(--color-pagination-active-background);
color: #fff;
color: var(--color-pagination-active-text)
}
@media(max-width: 480px) {
.paginate {
margin-bottom: 15px
}
.paginate>table,
.paginate>table ol {
margin-bottom: 0
}
.paginate>table+nav,
.paginate>table ol+nav {
margin-top: 15px
}
.paginate>nav>a {
display: block
}
.paginate>nav>a.previous {
margin-bottom: 5px
}
.paginate>nav ol>li>a {
margin-bottom: 5px
}
}
div.paginate {
display: block
}
.visible-tablet,
.visible-phone,
.hide-web,
.visible-embed {
display: none
}
@media(min-width: 769px) {
.hide-desktop {
display: none !important
}
}
@media(min-width: 481px)and (max-width: 768px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: block
}
a.visible-tablet,
button.visible-tablet {
display: inline-block
}
span.visible-tablet {
display: inline
}
.hide-tablet {
display: none !important
}
}
@media(max-width: 480px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: none
}
.visible-phone {
display: block
}
a.visible-phone,
button.visible-phone {
display: inline-block
}
span.visible-phone {
display: inline
}
.hide-phone {
display: none !important
}
}
.now-showing article.ghost {
display: block
}
.now-showing article.ghost>a:not(.action) {
display: block;
position: relative
}
.now-showing article.ghost>a:not(.action)::after {
background-color: hsl(0, 0%, 85%);
background-color: var(--color-personalisation-ghost-background);
content: "";
display: block;
height: 100%;
left: 0;
opacity: 1;
position: absolute;
top: 0;
width: 100%;
z-index: 1
}
.now-showing article.ghost h3,
.now-showing article.ghost .classification,
.now-showing article.ghost .language {
position: relative
}
.now-showing article.ghost h3::after,
.now-showing article.ghost .classification::after,
.now-showing article.ghost .language::after {
background-color: hsl(0, 0%, 85%);
background-color: var(--color-personalisation-ghost-background);
content: "";
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1
}
.now-showing article.ghost .action {
opacity: 0
}
.now-showing article.ghost.reveal>a:not(.action)::after {
opacity: 0;
transition: opacity .5s ease-in
}
.now-showing article.ghost.reveal h3::after,
.now-showing article.ghost.reveal .classification::after,
.now-showing article.ghost.reveal .language::after {
background: rgba(0, 0, 0, 0);
transition: background-color .5s ease-in
}
.now-showing article.ghost.reveal .action {
opacity: 1;
transition: opacity .5s ease-in
}
.visible-tablet,
.visible-phone,
.hide-web,
.visible-embed {
display: none
}
@media(min-width: 769px) {
.hide-desktop {
display: none !important
}
}
@media(min-width: 481px)and (max-width: 768px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: block
}
a.visible-tablet,
button.visible-tablet {
display: inline-block
}
span.visible-tablet {
display: inline
}
.hide-tablet {
display: none !important
}
}
@media(max-width: 480px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: none
}
.visible-phone {
display: block
}
a.visible-phone,
button.visible-phone {
display: inline-block
}
span.visible-phone {
display: inline
}
.hide-phone {
display: none !important
}
}
.poster-wall {
margin-bottom: 30px;
position: relative;
width: 100%
}
.poster-wall article>img {
aspect-ratio: 240/343;
cursor: pointer;
height: 100%;
width: 100%
}
.poster-wall article .overlay {
background-color: rgba(0, 0, 0, .75);
background-color: var(--color-poster-wall-overlay-background);
color: #fff;
color: var(--color-poster-wall-overlay-text);
display: none;
height: 100%;
padding: 25px 30px;
position: absolute;
top: 0;
width: 100%;
z-index: 2
}
@media(max-width: 768px) {
.poster-wall article .overlay {
padding: 10px 15px
}
}
.poster-wall article .overlay h3 {
font-size: 1.125rem;
margin: 0 0 15px 0;
padding-right: 30px;
text-transform: uppercase
}
@media(max-width: 768px) {
.poster-wall article .overlay h3 {
font-size: .6875rem;
padding-right: 20px
}
}
.poster-wall article .overlay p {
display: none
}
.poster-wall article .overlay p:first-of-type {
display: block
}
@media(max-width: 768px) {
.poster-wall article .overlay p:first-of-type {
display: none
}
}
.poster-wall article .overlay .synopsis {
overflow: hidden;
max-height: 21em
}
.poster-wall article .overlay .action {
margin-bottom: 15px
}
.poster-wall article .overlay .action.outline.primary {
color: #fff;
color: var(--color-poster-wall-overlay-text)
}
@media(max-width: 768px) {
.poster-wall article .overlay .synopsis {
margin-bottom: 15px;
max-height: 10.5em
}
.poster-wall article .overlay .action {
margin-bottom: 10px;
white-space: nowrap
}
}
@media(max-width: 768px) {
.poster-wall article:nth-of-type(1) h3,
.poster-wall article:nth-of-type(10) h3 {
font-size: 1rem
}
}
.poster-wall article:nth-of-type(1) p,
.poster-wall article:nth-of-type(10) p {
display: block
}
.poster-wall article:nth-of-type(1) p:first-of-type,
.poster-wall article:nth-of-type(10) p:first-of-type {
display: block
}
.poster-wall article .close {
background-color: #009ddb;
background-color: var(--color-poster-wall-overlay-close-background);
color: #fff;
color: var(--color-poster-wall-overlay-close-text);
cursor: pointer;
display: none;
height: 39px;
position: absolute;
right: 0;
top: 0;
text-indent: -9999px;
width: 39px;
z-index: 3
}
.poster-wall article .close::before,
.poster-wall article .close::after {
background-color: #fff;
background-color: var(--color-poster-wall-overlay-close-text);
content: "";
display: block;
height: 27px;
left: 19px;
position: absolute;
top: 6px;
width: 1px
}
.poster-wall article .close::before {
transform: rotate(45deg)
}
.poster-wall article .close::after {
transform: rotate(135deg)
}
.poster-wall article .close:hover {
background-color: rgb(0, 94.2, 131.4);
background-color: var(--color-poster-wall-overlay-close-hover-background);
text-decoration: none;
transition: background-color .25s ease-in
}
@media(max-width: 768px) {
.poster-wall article .close {
display: block;
height: 29px;
width: 29px
}
.poster-wall article .close::before,
.poster-wall article .close::after {
height: 21px;
left: 14px;
top: 4px
}
}
.poster-wall article .info {
background-color: #fff;
background-color: var(--color-poster-wall-overlay-info-background);
bottom: 10px;
border: none;
box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .4);
color: #009ddb;
color: var(--color-poster-wall-overlay-info-text);
display: none;
position: absolute;
right: 10px;
z-index: 1
}
@media(max-width: 768px) {
.poster-wall article .info {
display: block
}
}
@media(max-width: 480px) {
.poster-wall {
margin-bottom: 15px
}
}
.visible-tablet,
.visible-phone,
.hide-web,
.visible-embed {
display: none
}
@media(min-width: 769px) {
.hide-desktop {
display: none !important
}
}
@media(min-width: 481px)and (max-width: 768px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: block
}
a.visible-tablet,
button.visible-tablet {
display: inline-block
}
span.visible-tablet {
display: inline
}
.hide-tablet {
display: none !important
}
}
@media(max-width: 480px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: none
}
.visible-phone {
display: block
}
a.visible-phone,
button.visible-phone {
display: inline-block
}
span.visible-phone {
display: inline
}
.hide-phone {
display: none !important
}
}
@keyframes promotion-deferred-loading {
0% {
opacity: 1
}
50% {
opacity: .5
}
100% {
opacity: 1
}
}
.promotion {
--_display: block;
display: var(--_display);
margin-bottom: 30px;
position: relative;
width: 100%
}
.promotion[data-error] {
--_display: none
}
.promotion>:last-child {
margin-bottom: 0
}
.promotion.image img {
display: block
}
.promotion.image>a {
display: block;
margin: 0 auto 30px auto;
max-width: 100%;
width: 940px
}
.promotion.image>a img {
height: auto;
max-width: 100%;
width: 100%
}
.promotion.image>img {
height: auto;
margin: 0 auto 30px auto;
max-width: 100%;
width: 940px
}
.promotion.image[data-deferred]:not([data-deferred=reveal])::before {
animation-name: promotion-deferred-loading;
animation-delay: 125ms;
animation-duration: 3s;
animation-iteration-count: infinite;
background-color: hsl(0, 0%, 85%);
background-color: var(--color-promotion-ghost-background);
content: "";
display: block;
height: 100%;
width: 940px
}
.promotion.image[data-deferred]:not([data-deferred=reveal])>* {
display: none
}
.promotion.html h3 {
margin-bottom: 10px;
text-transform: uppercase
}
.promotion.html ul li:last-of-type,
.promotion.html ol li:last-of-type {
margin-bottom: 0
}
@media(max-width: 480px) {
.promotion {
margin-bottom: 15px
}
.promotion.image>a,
.promotion.image>img {
margin-bottom: 15px
}
}
.visible-tablet,
.visible-phone,
.hide-web,
.visible-embed {
display: none
}
@media(min-width: 769px) {
.hide-desktop {
display: none !important
}
}
@media(min-width: 481px)and (max-width: 768px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: block
}
a.visible-tablet,
button.visible-tablet {
display: inline-block
}
span.visible-tablet {
display: inline
}
.hide-tablet {
display: none !important
}
}
@media(max-width: 480px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: none
}
.visible-phone {
display: block
}
a.visible-phone,
button.visible-phone {
display: inline-block
}
span.visible-phone {
display: inline
}
.hide-phone {
display: none !important
}
}
.pseudo-select {
cursor: pointer;
display: block;
position: relative
}
@media(max-width: 480px) {
.pseudo-select {
font-size: .75rem
}
}
.pseudo-select .label {
display: inline-block;
font-weight: normal;
padding-bottom: 20px;
padding-left: 20px
}
.pseudo-select .value {
display: inline-block;
font-weight: bold;
padding-bottom: 20px;
padding-right: 20px
}
@media(max-width: 768px) {
.pseudo-select .value {
padding-right: 15px
}
}
.pseudo-select ol,
.pseudo-select ul {
background-color: #fff;
background-color: var(--color-form-pseudo-select-dropdown-background);
box-shadow: 3px 3px 8px 0 rgba(0, 0, 0, .25);
cursor: auto;
left: 0;
list-style: none;
opacity: 0;
position: absolute;
margin: -10px 0 0 0;
padding: 5px 20px;
top: 100%;
transition: visibility 0s linear .1s, opacity .1s linear;
width: 100%;
visibility: hidden;
z-index: 998
}
.pseudo-select ol::after,
.pseudo-select ul::after {
border: 10px solid rgba(0, 0, 0, 0);
border-bottom: 10px solid #fff;
border-bottom: 10px solid var(--color-form-pseudo-select-dropdown-background);
bottom: 100%;
content: "";
height: 0;
left: 30px;
margin-left: -10px;
pointer-events: none;
position: absolute;
width: 0
}
.pseudo-select ol li,
.pseudo-select ul li {
border-bottom: 1px solid hsl(0, 0%, 85%);
border-bottom: 1px solid var(--color-form-pseudo-select-dropdown-border);
display: block;
margin-bottom: 0
}
.pseudo-select ol li:last-child,
.pseudo-select ul li:last-child {
border-bottom: none
}
.pseudo-select ol li a,
.pseudo-select ul li a {
color: #000;
color: var(--color-form-pseudo-select-dropdown-text);
font-weight: bold;
display: block;
padding: 8px 0;
text-decoration: none;
text-transform: none;
white-space: nowrap
}
.pseudo-select ol li a:hover,
.pseudo-select ul li a:hover {
color: #009ddb;
color: var(--color-form-pseudo-select-dropdown-hover-text);
text-decoration: none
}
.pseudo-select:hover ul {
opacity: 1;
transition-delay: 0s;
transition-duration: .2s;
visibility: visible
}
@media(max-width: 768px) {
.pseudo-select:hover ul {
opacity: 0;
visibility: hidden
}
}
.pseudo-select.active ul {
opacity: 1 !important;
visibility: visible !important
}
.pseudo-select .iconic[data-glyph]::before {
font-size: .6875rem;
margin-left: 2px;
top: 0
}
@media(max-width: 768px) {
.pseudo-select .iconic[data-glyph]::before {
top: 1px
}
}
.pseudo-multi-select {
color: #000;
color: var(--color-form-pseudo-multi-select-text);
position: relative;
width: 350px
}
.pseudo-multi-select>.label {
background-color: #fff;
background-color: var(--color-form-pseudo-multi-select-background);
background-image: url("/assets/images/icon-form-select.webp");
background-position: right center;
background-repeat: no-repeat;
background-size: 35px 15px;
border: 1px solid hsl(0, 0%, 85%);
border: 1px solid var(--color-form-pseudo-multi-select-border);
cursor: pointer;
display: block;
font-size: 16px;
height: 40px;
line-height: 40px;
max-width: 100%;
overflow: hidden;
padding: 0 35px 0 10px;
text-overflow: ellipsis;
user-select: none;
width: 100%;
white-space: nowrap
}
.pseudo-multi-select>.dropdown {
background-color: #fff;
background-color: var(--color-form-pseudo-multi-select-dropdown-background);
border: 1px solid hsl(0, 0%, 85%);
border: 1px solid var(--color-form-pseudo-multi-select-dropdown-border);
border-top: none;
box-shadow: 3px 3px 8px 0 rgba(0, 0, 0, .075);
display: none;
position: absolute;
top: 40px;
width: 100%;
z-index: 998
}
.pseudo-multi-select>.dropdown>.scroll {
max-height: 325px;
-webkit-overflow-scrolling: touch;
overflow-y: scroll;
-ms-overflow-style: -ms-autohiding-scrollbar;
text-align: center
}
.pseudo-multi-select>.dropdown>.scroll.has-toolbar {
margin-bottom: 60px
}
.pseudo-multi-select>.dropdown>.scroll .pre-selection {
padding: 10px 0
}
.pseudo-multi-select>.dropdown>.scroll .pre-selection .action {
margin-bottom: 10px
}
.pseudo-multi-select>.dropdown>.scroll>.values {
list-style: none;
margin: 0;
padding: 0
}
.pseudo-multi-select>.dropdown>.scroll>.values li {
margin: 0;
padding: 0
}
.pseudo-multi-select>.dropdown>.scroll>.values li label {
display: block;
float: none;
margin: 0;
text-align: left
}
.pseudo-multi-select>.dropdown>.scroll>.values li label input[type=checkbox] {
cursor: pointer;
position: absolute;
right: 20px;
top: 10px;
z-index: 1
}
.pseudo-multi-select>.dropdown>.scroll>.values li label input[type=checkbox]+span {
border-bottom: 1px solid hsl(0, 0%, 85%);
border-bottom: 1px solid var(--color-form-pseudo-multi-select-dropdown-border);
display: block;
font-size: 16px;
font-weight: normal;
line-height: 40px;
margin: 0;
overflow: hidden;
padding: 0 60px 0 20px;
position: relative;
text-overflow: ellipsis;
white-space: nowrap
}
.pseudo-multi-select>.dropdown>.scroll>.values li label input[type=checkbox]+span::before {
left: inherit;
right: 20px;
top: 10px
}
.pseudo-multi-select>.dropdown>.scroll>.values li label input[type=checkbox]+span::after {
left: inherit;
right: 23px;
top: 14px
}
.pseudo-multi-select>.dropdown>.scroll>.values li label input[type=checkbox]:checked+span {
background-color: hsl(0, 0%, 90%);
background-color: var(--color-form-pseudo-multi-select-checked-background);
font-weight: bold
}
.pseudo-multi-select>.dropdown>.scroll>.values>:last-child input[type=checkbox]+span {
border: none
}
.pseudo-multi-select>.dropdown .toolbar {
padding: 10px
}
.pseudo-multi-select>.dropdown .toolbar>:last-child {
float: right;
margin-right: 0
}
.pseudo-multi-select.disabled>.label {
background-color: hsl(0, 0%, 93%);
background-color: var(--color-form-pseudo-multi-select-disabled-background);
color: hsl(0, 0%, 85%);
color: var(--color-form-pseudo-multi-select-disabled-text);
cursor: inherit
}
@media(max-width: 768px) {
.pseudo-multi-select>.label {
line-height: 37px
}
.pseudo-multi-select>.dropdown>.scroll>.values li label input[type=checkbox]+span {
line-height: 48px
}
.pseudo-multi-select>.dropdown>.scroll>.values li label input[type=checkbox]+span::after {
top: 15px
}
}
@media(max-width: 480px) {
.pseudo-multi-select {
width: 100%
}
.pseudo-multi-select>.dropdown>.scroll {
max-height: 400px
}
.pseudo-multi-select>.dropdown>.scroll .pre-selection {
padding: 10px
}
.pseudo-multi-select>.dropdown>.scroll .pre-selection:last-child {
margin-bottom: 0
}
.pseudo-multi-select>.dropdown>.scroll.has-toolbar {
padding-bottom: 110px
}
.pseudo-multi-select>.dropdown>.scroll>.values li label input[type=checkbox]+span {
max-width: inherit
}
.pseudo-multi-select>.dropdown .toolbar .action {
margin-bottom: 10px
}
.pseudo-multi-select>.dropdown .toolbar>:last-child {
float: none;
margin-bottom: 0
}
}
@media(prefers-color-scheme: dark) {
.pseudo-multi-select>.label {
background-image: url(/assets/images/icon-form-select-dark.webp)
}
}
html {
box-sizing: border-box
}
*,
*::after,
*::before {
box-sizing: inherit
}
.visible-tablet,
.visible-phone,
.hide-web,
.visible-embed {
display: none
}
@media(min-width: 769px) {
.hide-desktop {
display: none !important
}
}
@media(min-width: 481px)and (max-width: 768px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: block
}
a.visible-tablet,
button.visible-tablet {
display: inline-block
}
span.visible-tablet {
display: inline
}
.hide-tablet {
display: none !important
}
}
@media(max-width: 480px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: none
}
.visible-phone {
display: block
}
a.visible-phone,
button.visible-phone {
display: inline-block
}
span.visible-phone {
display: inline
}
.hide-phone {
display: none !important
}
}
.quick-filter::after {
clear: both;
content: "";
display: block
}
.quick-filter .action {
outline: 0
}
.quick-filter .pseudo-multi-select {
clear: none;
float: left;
margin-right: 2%;
width: 38%
}
.quick-filter .pseudo-multi-select .values input[type=checkbox]+span::after {
color: #d40f7d;
color: var(--color-quick-filter-pseudo-multi-select-checked)
}
.quick-filter .pseudo-multi-select .toolbar {
background-color: rgba(62, 69, 75, .925);
background-color: var(--color-quick-filter-pseudo-multi-select-toolbar-background);
border: 1px solid rgba(62, 69, 75, .925);
border: 1px solid var(--color-quick-filter-pseudo-multi-select-toolbar-border);
bottom: 0;
left: 0;
position: absolute;
width: 100%;
z-index: 5
}
.quick-filter .pseudo-multi-select .toolbar .action.outline {
border: 1px solid #fff;
border: 1px solid var(--color-quick-filter-pseudo-multi-select-toolbar-action-outline-border);
color: #fff;
color: var(--color-quick-filter-pseudo-multi-select-toolbar-action-outline-text)
}
.quick-filter .pseudo-multi-select .toolbar .action.outline:hover {
background-color: #fff;
background-color: var(--color-quick-filter-pseudo-multi-select-toolbar-action-outline-hover-background);
color: #3e454b;
color: var(--color-quick-filter-pseudo-multi-select-toolbar-action-outline-hover-text)
}
.quick-filter>.action {
float: left;
margin-right: 0;
width: 20%;
white-space: nowrap
}
@media(max-width: 939px) {
.quick-filter .pseudo-multi-select {
width: 34%
}
.quick-filter>.action {
width: 28%
}
}
@media(max-width: 768px) {
.quick-filter .pseudo-multi-select {
width: 34%
}
.quick-filter>.action {
width: 28%
}
}
@media(max-width: 680px) {
.quick-filter .pseudo-multi-select {
width: 28%
}
.quick-filter>.action {
width: 40%
}
}
@media(max-width: 480px) {
.quick-filter {
text-align: center
}
.quick-filter .pseudo-multi-select {
margin-bottom: 15px;
margin-right: 0;
text-align: left;
width: 100%
}
.quick-filter>.action {
float: none;
width: 100%
}
}
.book-tickets {
background-color: #3e454b;
background-color: var(--color-book-tickets-background);
color: #fff;
color: var(--color-book-tickets-text);
margin-bottom: 30px;
max-width: inherit;
width: 100%
}
.book-tickets+.carousel,
.book-tickets+.promotion.banner {
margin-top: -30px
}
@media(max-width: 940px) {
.book-tickets {
padding-left: 15px;
padding-right: 15px
}
}
@media(max-width: 480px) {
.book-tickets {
margin-bottom: 15px
}
.book-tickets+.carousel,
.book-tickets+.promotion.banner {
margin-top: -15px
}
}
.visible-tablet,
.visible-phone,
.hide-web,
.visible-embed {
display: none
}
@media(min-width: 769px) {
.hide-desktop {
display: none !important
}
}
@media(min-width: 481px)and (max-width: 768px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: block
}
a.visible-tablet,
button.visible-tablet {
display: inline-block
}
span.visible-tablet {
display: inline
}
.hide-tablet {
display: none !important
}
}
@media(max-width: 480px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: none
}
.visible-phone {
display: block
}
a.visible-phone,
button.visible-phone {
display: inline-block
}
span.visible-phone {
display: inline
}
.hide-phone {
display: none !important
}
}
.radio-tabs {
--_border-width: 1px;
--_component-margin: 0 0 30px 0;
--_navigation-alignment: start;
--_navigation-image-height: 24px;
--_navigation-selected-background: var(--color-tabs-navigation-background);
--_navigation-wrap: nowrap;
--_pseudo-borders-background: var(--color-tabs-navigation-selected-border);
--_pseudo-borders-display: block;
--_tab-gap: 30px;
--_tab-padding: var(--_tab-gap);
display: flex;
flex-direction: column;
margin-bottom: var(--_tab-gap)
}
.radio-tabs--alignment-center {
--_navigation-alignment: center
}
.radio-tabs--borderless {
--_border-width: 0;
--_navigation-selected-background: var(--color-tabs-navigation-selected-background);
--_pseudo-borders-background: transparent;
--_pseudo-borders-display: none;
--_tab-padding: var(--_tab-gap) 0 0 0
}
.radio-tabs--wrapping {
--_navigation-wrap: wrap
}
.radio-tabs>input {
display: none
}
.radio-tabs>input:nth-of-type(1):checked~nav li:nth-of-type(1)::after,
.radio-tabs>input:nth-of-type(2):checked~nav li:nth-of-type(2)::after,
.radio-tabs>input:nth-of-type(3):checked~nav li:nth-of-type(3)::after,
.radio-tabs>input:nth-of-type(4):checked~nav li:nth-of-type(4)::after,
.radio-tabs>input:nth-of-type(5):checked~nav li:nth-of-type(5)::after,
.radio-tabs>input:nth-of-type(6):checked~nav li:nth-of-type(6)::after,
.radio-tabs>input:nth-of-type(7):checked~nav li:nth-of-type(7)::after,
.radio-tabs>input:nth-of-type(8):checked~nav li:nth-of-type(8)::after,
.radio-tabs>input:nth-of-type(9):checked~nav li:nth-of-type(9)::after,
.radio-tabs>input:nth-of-type(10):checked~nav li:nth-of-type(10)::after {
background-color: #fff;
background-color: var(--color-tabs-navigation-background);
bottom: -1px;
content: "";
display: var(--_pseudo-borders-display);
height: 1px;
left: 1px;
position: absolute;
width: calc(100% - 2px);
z-index: 2
}
.radio-tabs>input:nth-of-type(1):checked~nav li:nth-of-type(1) label,
.radio-tabs>input:nth-of-type(2):checked~nav li:nth-of-type(2) label,
.radio-tabs>input:nth-of-type(3):checked~nav li:nth-of-type(3) label,
.radio-tabs>input:nth-of-type(4):checked~nav li:nth-of-type(4) label,
.radio-tabs>input:nth-of-type(5):checked~nav li:nth-of-type(5) label,
.radio-tabs>input:nth-of-type(6):checked~nav li:nth-of-type(6) label,
.radio-tabs>input:nth-of-type(7):checked~nav li:nth-of-type(7) label,
.radio-tabs>input:nth-of-type(8):checked~nav li:nth-of-type(8) label,
.radio-tabs>input:nth-of-type(9):checked~nav li:nth-of-type(9) label,
.radio-tabs>input:nth-of-type(10):checked~nav li:nth-of-type(10) label {
background-color: var(--_navigation-selected-background);
border-top: 1px solid #009ddb;
border-top: 1px solid var(--color-tabs-navigation-selected-border);
border-width: var(--_border-width)
}
.radio-tabs>input:nth-of-type(1):checked~nav li:nth-of-type(1) label::before,
.radio-tabs>input:nth-of-type(1):checked~nav li:nth-of-type(1) label::after,
.radio-tabs>input:nth-of-type(2):checked~nav li:nth-of-type(2) label::before,
.radio-tabs>input:nth-of-type(2):checked~nav li:nth-of-type(2) label::after,
.radio-tabs>input:nth-of-type(3):checked~nav li:nth-of-type(3) label::before,
.radio-tabs>input:nth-of-type(3):checked~nav li:nth-of-type(3) label::after,
.radio-tabs>input:nth-of-type(4):checked~nav li:nth-of-type(4) label::before,
.radio-tabs>input:nth-of-type(4):checked~nav li:nth-of-type(4) label::after,
.radio-tabs>input:nth-of-type(5):checked~nav li:nth-of-type(5) label::before,
.radio-tabs>input:nth-of-type(5):checked~nav li:nth-of-type(5) label::after,
.radio-tabs>input:nth-of-type(6):checked~nav li:nth-of-type(6) label::before,
.radio-tabs>input:nth-of-type(6):checked~nav li:nth-of-type(6) label::after,
.radio-tabs>input:nth-of-type(7):checked~nav li:nth-of-type(7) label::before,
.radio-tabs>input:nth-of-type(7):checked~nav li:nth-of-type(7) label::after,
.radio-tabs>input:nth-of-type(8):checked~nav li:nth-of-type(8) label::before,
.radio-tabs>input:nth-of-type(8):checked~nav li:nth-of-type(8) label::after,
.radio-tabs>input:nth-of-type(9):checked~nav li:nth-of-type(9) label::before,
.radio-tabs>input:nth-of-type(9):checked~nav li:nth-of-type(9) label::after,
.radio-tabs>input:nth-of-type(10):checked~nav li:nth-of-type(10) label::before,
.radio-tabs>input:nth-of-type(10):checked~nav li:nth-of-type(10) label::after {
background-color: var(--_pseudo-borders-background)
}
@media(hover: hover) {
.radio-tabs>input:nth-of-type(1):checked~nav li:nth-of-type(1) label,
.radio-tabs>input:nth-of-type(2):checked~nav li:nth-of-type(2) label,
.radio-tabs>input:nth-of-type(3):checked~nav li:nth-of-type(3) label,
.radio-tabs>input:nth-of-type(4):checked~nav li:nth-of-type(4) label,
.radio-tabs>input:nth-of-type(5):checked~nav li:nth-of-type(5) label,
.radio-tabs>input:nth-of-type(6):checked~nav li:nth-of-type(6) label,
.radio-tabs>input:nth-of-type(7):checked~nav li:nth-of-type(7) label,
.radio-tabs>input:nth-of-type(8):checked~nav li:nth-of-type(8) label,
.radio-tabs>input:nth-of-type(9):checked~nav li:nth-of-type(9) label,
.radio-tabs>input:nth-of-type(10):checked~nav li:nth-of-type(10) label {
color: inherit;
cursor: default
}
}
.radio-tabs>input:nth-of-type(1):checked~[role=tabpanel]:nth-of-type(1),
.radio-tabs>input:nth-of-type(2):checked~[role=tabpanel]:nth-of-type(2),
.radio-tabs>input:nth-of-type(3):checked~[role=tabpanel]:nth-of-type(3),
.radio-tabs>input:nth-of-type(4):checked~[role=tabpanel]:nth-of-type(4),
.radio-tabs>input:nth-of-type(5):checked~[role=tabpanel]:nth-of-type(5),
.radio-tabs>input:nth-of-type(6):checked~[role=tabpanel]:nth-of-type(6),
.radio-tabs>input:nth-of-type(7):checked~[role=tabpanel]:nth-of-type(7),
.radio-tabs>input:nth-of-type(8):checked~[role=tabpanel]:nth-of-type(8),
.radio-tabs>input:nth-of-type(9):checked~[role=tabpanel]:nth-of-type(9),
.radio-tabs>input:nth-of-type(10):checked~[role=tabpanel]:nth-of-type(10) {
display: block
}
.radio-tabs>nav {
isolation: isolate;
-webkit-overflow-scrolling: touch;
overflow-x: auto;
-ms-overflow-style: -ms-autohiding-scrollbar;
position: relative;
scroll-snap-type: x mandatory;
width: 100%
}
.radio-tabs>nav::-webkit-scrollbar {
display: none
}
.radio-tabs>nav::after {
background-color: #009ddb;
background-color: var(--color-tabs-article-border);
bottom: 0;
content: "";
display: var(--_pseudo-borders-display);
height: 1px;
left: 0;
position: sticky;
width: 100%
}
.radio-tabs>nav ol {
display: flex;
flex-direction: row;
flex-wrap: var(--_navigation-wrap);
justify-content: var(--_navigation-alignment);
list-style: none;
margin: 0;
padding: 0
}
.radio-tabs>nav ol li {
align-items: center;
display: flex;
flex-direction: row;
margin: 0;
padding: 0;
position: relative;
scroll-snap-align: start
}
.radio-tabs>nav ol li label {
align-items: center;
background-color: #fff;
background-color: var(--color-tabs-navigation-background);
border-top: var(--_border-width) solid rgba(0, 0, 0, 0);
display: flex;
flex-direction: row;
flex-wrap: nowrap;
font-weight: bold;
gap: var(--_tab-gap);
height: 100%;
line-height: 3.125rem;
margin: 0;
padding: 0;
position: relative;
text-transform: uppercase;
user-select: none;
white-space: nowrap
}
.radio-tabs>nav ol li label::before,
.radio-tabs>nav ol li label::after {
background-color: #fff;
background-color: var(--color-tabs-navigation-background);
bottom: 0;
content: "";
display: block;
height: 100%;
position: sticky;
top: 0;
width: 1px
}
.radio-tabs>nav ol li label::before {
left: 0
}
.radio-tabs>nav ol li label::after {
right: 0
}
.radio-tabs>nav ol li label picture {
display: block;
max-height: var(--_navigation-image-height);
max-width: 100%
}
.radio-tabs>nav ol li label img {
display: block;
max-height: var(--_navigation-image-height);
max-width: unset;
object-fit: contain
}
@media(hover: hover) {
.radio-tabs>nav ol li label:hover {
color: #009ddb;
color: var(--color-tabs-navigation-hover-text);
cursor: pointer
}
}
@supports selector(:has(+ *)) {
.radio-tabs>nav ol li label:has(img) {
min-height: 50px
}
.radio-tabs>nav ol li label:has(img)>* {
flex: 0 0 auto
}
.radio-tabs>nav ol li label:has(img) img {
align-self: center
}
}
.radio-tabs [role=tabpanel] {
border: 1px solid #009ddb;
border: 1px solid var(--color-tabs-article-border);
border-width: var(--_border-width);
border-top: none;
display: none;
padding: var(--_tab-padding);
position: relative
}
.radio-tabs [role=tabpanel]::before,
.radio-tabs [role=tabpanel]::after {
background-color: #009ddb;
background-color: var(--color-tabs-article-border);
content: "";
display: block;
height: 1px;
position: absolute;
top: -1px;
width: 1px
}
.radio-tabs [role=tabpanel]::before {
left: -1px
}
.radio-tabs [role=tabpanel]::after {
right: -1px
}
.radio-tabs [role=tabpanel]>:last-child,
.radio-tabs [role=tabpanel]>div>:last-child,
.radio-tabs [role=tabpanel]>article>:last-child {
margin-bottom: 0
}
.radio-tabs [role=tabpanel]>img {
display: block;
margin: var(--_component-margin)
}
.radio-tabs [role=tabpanel]>figure {
margin: var(--_component-margin)
}
.radio-tabs [role=tabpanel]>.trailer {
margin: var(--_component-margin)
}
@media(max-width: 480px) {
.radio-tabs {
--_component-margin: 0 0 15px 0;
--_tab-gap: 15px
}
}
html {
box-sizing: border-box
}
*,
*::after,
*::before {
box-sizing: inherit
}
.visible-tablet,
.visible-phone,
.hide-web,
.visible-embed {
display: none
}
@media(min-width: 769px) {
.hide-desktop {
display: none !important
}
}
@media(min-width: 481px)and (max-width: 768px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: block
}
a.visible-tablet,
button.visible-tablet {
display: inline-block
}
span.visible-tablet {
display: inline
}
.hide-tablet {
display: none !important
}
}
@media(max-width: 480px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: none
}
.visible-phone {
display: block
}
a.visible-phone,
button.visible-phone {
display: inline-block
}
span.visible-phone {
display: inline
}
.hide-phone {
display: none !important
}
}
.range-slider {
margin-bottom: 30px;
text-align: center
}
.range-slider input[type=range] {
-webkit-appearance: none;
background-color: hsl(0, 0%, 93%);
background-color: var(--color-range-slider-track-background);
border-radius: 10px;
height: 20px;
margin: 0;
padding: 0;
outline: none;
width: 100%
}
.range-slider input[type=range]::-webkit-slider-runnable-track {
background: rgba(0, 0, 0, 0);
border-color: rgba(0, 0, 0, 0);
color: rgba(0, 0, 0, 0);
cursor: pointer;
width: 100%
}
.range-slider input[type=range]::-webkit-slider-thumb {
-moz-appearance: none;
-webkit-appearance: none;
background-color: rgb(0, 78.5, 109.5);
background-color: var(--color-range-slider-thumb-background);
border: 1px solid #fff;
border: 1px solid var(--color-range-slider-thumb-border);
border-radius: 50%;
box-shadow: none;
cursor: pointer;
height: 20px;
position: relative;
transition: background .2s ease-in-out;
width: 20px
}
.range-slider input[type=range]::-webkit-slider-thumb:hover {
background-color: rgb(0, 39.25, 54.75);
background-color: var(--color-range-slider-thumb-hover-background)
}
.range-slider input[type=range]::-webkit-slider-thumb:active {
background-color: rgb(0, 39.25, 54.75);
background-color: var(--color-range-slider-thumb-hover-background)
}
.range-slider input[type=range]::-moz-range-track {
background: rgba(0, 0, 0, 0);
border-color: rgba(0, 0, 0, 0);
color: rgba(0, 0, 0, 0);
cursor: pointer;
width: 100%
}
.range-slider input[type=range]::-moz-focus-inner,
.range-slider input[type=range]::-moz-focus-outer {
border: 0
}
.range-slider input[type=range]::-moz-range-thumb {
-moz-appearance: none;
-webkit-appearance: none;
background-color: rgb(0, 78.5, 109.5);
background-color: var(--color-range-slider-thumb-background);
border: 1px solid #fff;
border: 1px solid var(--color-range-slider-thumb-border);
border-radius: 50%;
box-shadow: none;
cursor: pointer;
height: 20px;
position: relative;
transition: background .2s ease-in-out;
width: 20px
}
.range-slider input[type=range]::-moz-range-thumb:hover {
background-color: rgb(0, 39.25, 54.75);
background-color: var(--color-range-slider-thumb-hover-background)
}
.range-slider input[type=range]::-moz-range-thumb:active {
background-color: rgb(0, 39.25, 54.75);
background-color: var(--color-range-slider-thumb-hover-background)
}
.range-slider input[type=range]::-ms-track {
background: rgba(0, 0, 0, 0);
border-color: rgba(0, 0, 0, 0);
color: rgba(0, 0, 0, 0);
cursor: pointer;
width: 100%
}
.range-slider input[type=range]::-ms-thumb {
-moz-appearance: none;
-webkit-appearance: none;
background-color: rgb(0, 78.5, 109.5);
background-color: var(--color-range-slider-thumb-background);
border: 1px solid #fff;
border: 1px solid var(--color-range-slider-thumb-border);
border-radius: 50%;
box-shadow: none;
cursor: pointer;
height: 20px;
position: relative;
transition: background .2s ease-in-out;
width: 20px
}
.range-slider input[type=range]::-ms-thumb:hover {
background-color: rgb(0, 39.25, 54.75);
background-color: var(--color-range-slider-thumb-hover-background)
}
.range-slider input[type=range]::-ms-thumb:active {
background-color: rgb(0, 39.25, 54.75);
background-color: var(--color-range-slider-thumb-hover-background)
}
.range-slider>.points {
display: inline-block;
margin-bottom: 10px
}
.range-slider>.points>.value {
display: block;
font-size: 2.5rem;
font-weight: bold;
margin-bottom: 4px
}
.range-slider>.points>.unit {
display: block;
font-size: 1.125rem;
font-weight: normal;
text-transform: uppercase
}
@media(max-width: 480px) {
.range-slider {
margin-bottom: 15px
}
}
div.rating,
span.rating {
display: block;
font-size: 0;
line-height: 0;
margin: 0 0 30px 0;
position: relative;
white-space: nowrap
}
div.rating::before,
span.rating::before {
color: #84754e;
color: var(--color-ratings-icon);
content: " ";
display: inline-block;
font-family: "Iconic";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 1;
margin: 0;
position: relative;
text-align: left;
top: 1px;
vertical-align: baseline;
z-index: 1;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased
}
div.rating[data-value="1"]::before,
span.rating[data-value="1"]::before {
content: " "
}
div.rating[data-value="2"]::before,
span.rating[data-value="2"]::before {
content: " "
}
div.rating[data-value="3"]::before,
span.rating[data-value="3"]::before {
content: " "
}
div.rating[data-value="4"]::before,
span.rating[data-value="4"]::before {
content: " "
}
div.rating[data-value="5"]::before,
span.rating[data-value="5"]::before {
content: " "
}
@media(max-width: 480px) {
div.rating,
span.rating {
margin-bottom: 15px
}
}
span.rating {
display: inline-block
}
ol.rating {
font-size: 0;
line-height: 0;
list-style: none;
margin: 0 0 15px 0;
padding: 0;
white-space: nowrap;
width: 105px
}
ol.rating li {
display: inline-block;
font-size: 0;
line-height: 0;
margin: 0;
position: relative
}
ol.rating li::before {
color: #84754e;
color: var(--color-ratings-icon);
content: "";
display: inline-block;
font-family: "Iconic";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 1;
margin: 0;
position: relative;
text-align: left;
top: 1px;
vertical-align: baseline;
width: 21px;
z-index: 1;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased
}
ol.rating li.star::before {
content: ""
}
ol.rating input {
cursor: pointer;
display: inline-block;
height: 100%;
left: 0;
margin: 0;
opacity: 0;
padding: 0;
position: absolute;
top: 0;
width: 21px;
z-index: 2;
-moz-appearance: none;
-webkit-appearance: none
}
.visible-tablet,
.visible-phone,
.hide-web,
.visible-embed {
display: none
}
@media(min-width: 769px) {
.hide-desktop {
display: none !important
}
}
@media(min-width: 481px)and (max-width: 768px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: block
}
a.visible-tablet,
button.visible-tablet {
display: inline-block
}
span.visible-tablet {
display: inline
}
.hide-tablet {
display: none !important
}
}
@media(max-width: 480px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: none
}
.visible-phone {
display: block
}
a.visible-phone,
button.visible-phone {
display: inline-block
}
span.visible-phone {
display: inline
}
.hide-phone {
display: none !important
}
}
.has-ribbon {
position: relative;
overflow: hidden
}
.ribbon {
background-color: #00d355;
background-color: var(--color-ribbon-background);
color: #fff;
color: var(--color-ribbon-text);
display: block;
font-size: .625rem;
font-weight: normal;
height: 30px;
line-height: 30px;
position: absolute;
right: -75px;
text-align: center;
text-transform: uppercase;
top: 25px;
transform: rotate(45deg);
transform-origin: top;
vertical-align: top;
width: 200px;
z-index: 1
}
.scrollable {
--_color: var(--color-background);
--_left-mask-size: 0px;
--_right-mask-size: 0px;
position: relative
}
.scrollable--augmented {
-webkit-mask-image: linear-gradient(to right, transparent 0, var(--_color) var(--_left-mask-size, 0), var(--_color) calc(100% - var(--_right-mask-size, 0)), transparent 100%);
mask-image: linear-gradient(to right, transparent 0, var(--_color) var(--_left-mask-size, 0), var(--_color) calc(100% - var(--_right-mask-size, 0)), transparent 100%)
}
.scrollable--position-start {
--_right-mask-size: 60px
}
.scrollable--position-end {
--_left-mask-size: 60px
}
.scrollable--overflow-right {
--_right-mask-size: 60px
}
.scrollable--overflow-left {
--_left-mask-size: 60px
}
.visible-tablet,
.visible-phone,
.hide-web,
.visible-embed {
display: none
}
@media(min-width: 769px) {
.hide-desktop {
display: none !important
}
}
@media(min-width: 481px)and (max-width: 768px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: block
}
a.visible-tablet,
button.visible-tablet {
display: inline-block
}
span.visible-tablet {
display: inline
}
.hide-tablet {
display: none !important
}
}
@media(max-width: 480px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: none
}
.visible-phone {
display: block
}
a.visible-phone,
button.visible-phone {
display: inline-block
}
span.visible-phone {
display: inline
}
.hide-phone {
display: none !important
}
}
.search>label {
margin-bottom: 0
}
.search>label+.action {
clear: none;
margin-left: 15px
}
@media(max-width: 768px) {
.search>label+.action {
margin-top: 28px
}
}
@media(max-width: 480px) {
.search>label {
margin-bottom: 15px
}
.search>label+.action {
margin-left: 0;
margin-top: inherit
}
}
.results>h2 {
border-top: 1px dashed #ccc;
border-top: 1px dashed var(--color-search-results-heading-border);
padding-top: 30px
}
.results>article {
margin-bottom: 30px
}
.results>article>:last-child {
margin-bottom: 0
}
.results>article .url {
color: #aaa;
color: var(--color-search-results-url-text);
display: block;
font-weight: normal
}
.results>article .url:hover {
text-decoration: none
}
.results>article .description {
display: block
}
.results>article .highlight>.marker {
background-color: rgb(250.7, 231, 242);
background-color: var(--color-search-results-highlight-marker-background);
color: inherit;
color: var(--color-search-results-highlight-marker-text);
display: inline-block;
font-size: inherit;
font-weight: bold;
margin: 0;
padding: 1px;
text-transform: none;
vertical-align: inherit
}
@media(max-width: 480px) {
.results h2 {
padding-top: 15px
}
.results>article {
margin-bottom: 15px
}
.results>article .url {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
}
.site-search.active::before {
border: 8px solid rgba(0, 0, 0, 0);
border-top: 8px solid #fff;
border-top: 8px solid var(--color-site-search-background);
content: "";
display: block;
left: 50%;
margin-left: -8px;
position: absolute;
top: 0
}
@media(max-width: 768px) {
.site-search.active::before {
display: none
}
}
.site-search-banner {
background-color: #fff;
background-color: var(--color-site-search-background);
display: none
}
.site-search-banner form {
margin: 0;
padding: 10px 0;
text-align: right
}
.site-search-banner form label {
text-align: left;
width: 60%
}
.site-search-banner form label::before {
background: url("/assets/images/iconography/blue/icon-search-32x32@2x.webp") center center no-repeat;
background-size: contain;
aspect-ratio: 1/1;
height: auto;
width: 22px;
content: "";
display: inline-block;
margin: 0 15px;
position: relative;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
display: block;
margin: 0;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%)
}
.site-search-banner form label>span:first-child {
display: none
}
.site-search-banner form label input[type=text] {
border: none;
caret-color: #009ddb;
caret-color: var(--color-site-search-caret);
padding-left: 40px;
width: 100%
}
.site-search-banner form label input[type=text]:focus {
outline: none
}
.site-search-banner form>.action {
float: none;
display: inline-block
}
.site-search-banner form>.action[data-dismiss] {
margin-right: 0
}
.site-search-banner form .iconography.clear {
margin: 0 15px 0 0;
vertical-align: middle
}
@media(max-width: 768px) {
.site-search-banner form {
border: 5px solid #009ddb;
border: 5px solid var(--color-site-search-tablet-border);
padding: 5px;
position: relative
}
.site-search-banner form label {
margin: 0;
width: 100%
}
.site-search-banner form label::before {
margin-left: 10px
}
.site-search-banner form label input[type=text] {
margin: 0;
padding-left: 45px;
padding-right: 45px
}
.site-search-banner form>.action {
display: none
}
.site-search-banner form .iconography.clear {
margin: 0;
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%)
}
}
.visible-tablet,
.visible-phone,
.hide-web,
.visible-embed {
display: none
}
@media(min-width: 769px) {
.hide-desktop {
display: none !important
}
}
@media(min-width: 481px)and (max-width: 768px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: block
}
a.visible-tablet,
button.visible-tablet {
display: inline-block
}
span.visible-tablet {
display: inline
}
.hide-tablet {
display: none !important
}
}
@media(max-width: 480px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: none
}
.visible-phone {
display: block
}
a.visible-phone,
button.visible-phone {
display: inline-block
}
span.visible-phone {
display: inline
}
.hide-phone {
display: none !important
}
}
.social-post-stack {
margin-bottom: 30px;
overflow: hidden;
position: relative;
white-space: nowrap;
width: 100%
}
.social-post-stack .scroll-horizontal {
-webkit-overflow-scrolling: touch;
overflow-x: scroll;
overflow-y: hidden;
-ms-overflow-style: scrollbar;
scrollbar-width: none
}
.social-post-stack .scroll-horizontal::-webkit-scrollbar {
display: none
}
@media(max-width: 480px) {
.social-post-stack .scroll-horizontal {
scroll-snap-type: x mandatory
}
}
.social-post-stack .scroll-horizontal>article {
display: inline-block;
margin-right: 15px;
max-width: 285px;
scroll-snap-align: start;
white-space: initial;
width: 285px;
vertical-align: top
}
.social-post-stack .scroll-horizontal>article:last-of-type {
margin-right: 0
}
.social-post-stack .scroll-horizontal>article>iframe {
max-width: 100% !important
}
.social-post-stack .scroll-horizontal>article>iframe.instagram-media {
margin: 0 !important;
min-width: auto !important;
width: 100% !important
}
.social-post-stack .scroll-horizontal>article>.twitter-tweet {
margin: 0 !important;
max-width: 100% !important;
min-width: auto !important;
width: 100% !important
}
@font-face {
font-display: block;
font-family: "socicon";
src: url("/assets/fonts/socicon.eot");
src: url("/assets/fonts/socicon.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/socicon.woff") format("woff"), url("/assets/fonts/socicon.ttf") format("truetype"), url("/assets/fonts/socicon.svg#socicon") format("svg");
font-style: normal;
font-weight: normal
}
.social-networks {
list-style: none;
margin: 0 0 30px 0;
padding: 0;
overflow: hidden
}
.social-networks li {
display: inline-block;
padding-left: 0;
zoom: 1
}
.social-networks li::before {
display: none !important
}
.social-networks li a {
align-items: center;
color: #fff;
color: var(--color-social-networks-text);
display: flex;
justify-content: center;
margin-right: 5px;
overflow: hidden;
position: relative;
text-decoration: none;
text-indent: -9999px;
border-radius: 16px;
font-size: 18px;
height: 32px;
line-height: 32px;
width: 32px
}
.social-networks li a::before {
font-family: "socicon", monospace !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
left: 0;
line-height: 1;
text-align: center;
text-indent: 0 !important;
text-transform: none !important;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.social-networks>:last-child a {
margin-right: 0
}
@media(max-width: 480px) {
.social-networks {
margin-bottom: 15px
}
}
.facebook {
background-color: #3e5b98
}
.facebook::before {
content: ""
}
.twitter {
background-color: #4da7de
}
.twitter::before {
content: ""
}
.instagram {
background-color: #000
}
.instagram::before {
content: ""
}
.youtube {
background-color: #e02a20
}
.youtube::before {
content: ""
}
.x {
background-color: #000
}
.x::before {
aspect-ratio: 1/1;
background-color: #fff;
content: "";
height: auto;
-webkit-mask-image: url(/assets/images/iconography/social/x.svg);
mask-image: url(/assets/images/iconography/social/x.svg);
mask-size: cover;
width: 50%
}
.visible-tablet,
.visible-phone,
.hide-web,
.visible-embed {
display: none
}
@media(min-width: 769px) {
.hide-desktop {
display: none !important
}
}
@media(min-width: 481px)and (max-width: 768px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: block
}
a.visible-tablet,
button.visible-tablet {
display: inline-block
}
span.visible-tablet {
display: inline
}
.hide-tablet {
display: none !important
}
}
@media(max-width: 480px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: none
}
.visible-phone {
display: block
}
a.visible-phone,
button.visible-phone {
display: inline-block
}
span.visible-phone {
display: inline
}
.hide-phone {
display: none !important
}
}
.info {
background-color: rgba(0, 0, 0, 0);
background-color: var(--color-special-info-background);
border: 2px solid #009ddb;
border: 2px solid var(--color-special-info-border);
border-radius: 13px;
color: #009ddb;
color: var(--color-special-info-text);
cursor: pointer;
display: inline-block;
font-family: Times;
font-size: 1.25rem;
font-style: italic;
font-weight: 400;
height: 26px;
line-height: 24px;
padding: 0;
text-align: center;
text-decoration: none;
width: 26px;
vertical-align: bottom
}
.info:hover {
color: #009ddb;
color: var(--color-special-info-hover-text);
text-decoration: none
}
.help {
background-color: #009ddb;
background-color: var(--color-special-help-background);
border-radius: 13px;
color: #fff;
color: var(--color-special-help-text);
cursor: pointer;
display: inline-block;
font-family: "Effra", Tahoma, Arial, Helvetica, sans-serif;
font-size: 1.125rem;
font-style: normal;
font-weight: 400;
height: 26px;
line-height: 26px;
padding: 0;
text-align: center;
text-decoration: none;
width: 26px;
user-select: none;
vertical-align: bottom
}
.help:hover {
color: #fff;
color: var(--color-special-help-hover-text);
text-decoration: none
}
h1>.help,
h2>.help,
h3>.help,
h4>.help,
h5>.help,
h6>.help {
vertical-align: top
}
.visible-tablet,
.visible-phone,
.hide-web,
.visible-embed {
display: none
}
@media(min-width: 769px) {
.hide-desktop {
display: none !important
}
}
@media(min-width: 481px)and (max-width: 768px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: block
}
a.visible-tablet,
button.visible-tablet {
display: inline-block
}
span.visible-tablet {
display: inline
}
.hide-tablet {
display: none !important
}
}
@media(max-width: 480px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: none
}
.visible-phone {
display: block
}
a.visible-phone,
button.visible-phone {
display: inline-block
}
span.visible-phone {
display: inline
}
.hide-phone {
display: none !important
}
}
.split-currency {
align-items: center;
display: grid;
float: none;
gap: 17px;
grid-template-areas: "label input icons" ". message message";
grid-template-columns: 225px 350px auto;
margin-bottom: 13px
}
.split-currency>span:first-child {
grid-area: label
}
.split-currency .digits {
align-items: center;
direction: ltr;
display: grid;
gap: 10px;
grid-area: input;
grid-template-columns: auto 5px 40px 35px
}
.split-currency .digits>* {
display: block;
width: 100%
}
.split-currency .digits>input:first-child {
text-align: right
}
.split-currency .digits>input:last-child {
text-align: center
}
.split-currency .digits .separator {
text-align: center
}
.split-currency .digits .currency {
color: #999;
color: var(--color-form-split-currency-text);
text-align: center
}
.split-currency[data-sub-unit-decimals="3"] .digits {
grid-template-columns: auto 5px 48px 35px
}
.split-currency .icons {
display: grid;
gap: 10px;
grid-area: icons;
grid-template-columns: repeat(auto-fit, 26px)
}
.split-currency.label-empty {
grid-template-areas: "input icons" "message message";
grid-template-columns: 350px auto
}
.split-currency.error::after {
display: none
}
.split-currency.error .exclamation {
background-color: #f25959;
background-color: var(--color-form-error-icon-background);
border-radius: 13px;
color: #fff;
color: var(--color-form-error-icon-text);
display: block;
font-size: 20px;
height: 26px;
line-height: 26px;
text-align: center;
width: 26px
}
.split-currency.error .message {
grid-area: message
}
.split-currency.error::after {
position: inherit;
right: auto;
top: auto
}
@media(max-width: 480px) {
.split-currency {
grid-template-areas: "label icons" "input input" "message message";
grid-template-columns: 4fr 1fr;
gap: 7px;
margin-bottom: 8px
}
.split-currency.label-empty {
grid-template-areas: "icons icons" "input input" "message message";
grid-template-columns: 4fr 1fr
}
.split-currency .digits>input {
margin: 0
}
.split-currency .icons {
justify-content: end
}
.split-currency.error.label-empty {
padding-right: 0
}
}
.visible-tablet,
.visible-phone,
.hide-web,
.visible-embed {
display: none
}
@media(min-width: 769px) {
.hide-desktop {
display: none !important
}
}
@media(min-width: 481px)and (max-width: 768px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: block
}
a.visible-tablet,
button.visible-tablet {
display: inline-block
}
span.visible-tablet {
display: inline
}
.hide-tablet {
display: none !important
}
}
@media(max-width: 480px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: none
}
.visible-phone {
display: block
}
a.visible-phone,
button.visible-phone {
display: inline-block
}
span.visible-phone {
display: inline
}
.hide-phone {
display: none !important
}
}
.sticky-navigation {
border-bottom: 1px dashed #ccc;
border-bottom: 1px dashed var(--color-sticky-navigation-border);
border-top: 1px dashed #ccc;
border-top: 1px dashed var(--color-sticky-navigation-border);
color: #bbb;
color: var(--color-sticky-navigation-text);
display: block;
margin: 0 0 30px 0;
padding: 0;
position: relative
}
.sticky-navigation .supplementary {
margin-bottom: 0;
padding-top: 15px
}
.sticky-navigation .viewport {
overflow: hidden;
position: relative;
white-space: nowrap;
width: 100%
}
.sticky-navigation ol {
list-style: none;
margin: 0;
padding: 0;
-webkit-overflow-scrolling: touch;
overflow-x: auto;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar
}
@media(max-width: 480px) {
.sticky-navigation ol {
scroll-snap-type: x mandatory
}
}
.sticky-navigation ol>li {
display: inline-block;
font-weight: normal;
margin: 20px 20px 20px 0;
scroll-snap-align: start
}
.sticky-navigation ol>li:last-of-type {
margin-right: 0
}
.sticky-navigation ol>li a {
color: #000;
color: var(--color-sticky-navigation-hyperlink);
font-weight: bold;
text-transform: uppercase
}
.sticky-navigation ol>li a.active {
color: #009ddb;
color: var(--color-sticky-navigation-hyperlink-hover)
}
.sticky-navigation.glued {
background-color: #fff;
background-color: var(--color-sticky-navigation-glued-background);
border: none;
box-shadow: 0 0 8px 0 rgba(0, 0, 0, .25);
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 998
}
.sticky-navigation.glued .supplementary {
margin: 0 auto;
max-width: 940px
}
.sticky-navigation.glued .viewport {
margin: 0 auto;
max-width: 940px
}
@media(max-width: 940px) {
.sticky-navigation.glued .viewport {
padding: 0 15px
}
}
@media(max-width: 480px) {
.sticky-navigation {
margin-bottom: 15px
}
.sticky-navigation .supplementary>:last-child {
margin-bottom: 0
}
.sticky-navigation ol>li {
margin-bottom: 15px;
margin-top: 15px
}
.sticky-navigation.glued .supplementary {
padding: 15px 15px 0
}
}
h1+.sticky-navigation,
h2+.sticky-navigation,
h3+.sticky-navigation {
border-top: none;
margin-top: -30px
}
h1+.sticky-navigation.glued,
h2+.sticky-navigation.glued,
h3+.sticky-navigation.glued {
margin-top: 0
}
@media(max-width: 480px) {
h1+.sticky-navigation,
h2+.sticky-navigation,
h3+.sticky-navigation {
margin-top: -15px
}
h1+.sticky-navigation.glued,
h2+.sticky-navigation.glued,
h3+.sticky-navigation.glued {
margin-top: 0
}
}
.visible-tablet,
.visible-phone,
.hide-web,
.visible-embed {
display: none
}
@media(min-width: 769px) {
.hide-desktop {
display: none !important
}
}
@media(min-width: 481px)and (max-width: 768px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: block
}
a.visible-tablet,
button.visible-tablet {
display: inline-block
}
span.visible-tablet {
display: inline
}
.hide-tablet {
display: none !important
}
}
@media(max-width: 480px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: none
}
.visible-phone {
display: block
}
a.visible-phone,
button.visible-phone {
display: inline-block
}
span.visible-phone {
display: inline
}
.hide-phone {
display: none !important
}
}
.tabs::after {
clear: both;
content: "";
display: block
}
.tabs {
margin: 0;
padding: 0;
position: relative
}
.tabs:not([role=tabpanel]) {
margin-bottom: 30px
}
.tabs>nav ol {
list-style: none;
margin: 0;
padding: 0
}
.tabs>nav ol li {
background-color: #fff;
background-color: var(--color-tabs-navigation-background);
border: 1px solid rgba(0, 0, 0, 0);
display: inline-block;
font-weight: bold;
line-height: 3.125rem;
margin: 0;
padding: 0 30px 1px 30px;
position: relative;
text-transform: uppercase;
user-select: none
}
.tabs>nav ol li.selected {
border: 1px solid #009ddb;
border: 1px solid var(--color-tabs-navigation-selected-border);
border-bottom: 1px solid #fff;
border-bottom: 1px solid var(--color-tabs-navigation-background)
}
.tabs>nav ol li.selected::after {
background-color: #fff;
background-color: var(--color-tabs-navigation-background);
bottom: -7px;
content: "";
display: block;
height: 10px;
left: 0;
position: absolute;
width: 100%
}
.tabs>nav ol li:not(.selected):hover {
color: #009ddb;
color: var(--color-tabs-navigation-hover-text);
cursor: pointer;
text-decoration: none
}
.tabs>article {
border: 1px solid #009ddb;
border: 1px solid var(--color-tabs-article-border);
display: none;
padding: 30px;
position: initial
}
.tabs>article>h3:first-child {
display: none
}
.tabs>article>:last-child,
.tabs>article>div>:last-child {
margin-bottom: 0
}
.tabs>article.has-ribbon>div {
position: relative
}
.tabs>article.has-ribbon .ribbon {
right: -105px;
top: -5px
}
@media(max-width: 480px) {
.tabs:not([role=tabpanel]) {
margin-bottom: 15px
}
.tabs>nav ol li {
padding: 0 15px 1px 15px
}
.tabs>article {
padding: 15px
}
.tabs>article.has-ribbon .ribbon {
right: -90px;
top: 10px
}
}
@media(max-width: 320px) {
.tabs>nav ol li {
padding: 0 10px 1px 10px
}
}
.visible-tablet,
.visible-phone,
.hide-web,
.visible-embed {
display: none
}
@media(min-width: 769px) {
.hide-desktop {
display: none !important
}
}
@media(min-width: 481px)and (max-width: 768px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: block
}
a.visible-tablet,
button.visible-tablet {
display: inline-block
}
span.visible-tablet {
display: inline
}
.hide-tablet {
display: none !important
}
}
@media(max-width: 480px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: none
}
.visible-phone {
display: block
}
a.visible-phone,
button.visible-phone {
display: inline-block
}
span.visible-phone {
display: inline
}
.hide-phone {
display: none !important
}
}
a[data-toggle].dashed {
color: #000;
color: var(--color-toggle-dashed-text);
display: block;
margin-bottom: 30px;
outline: 0;
position: relative;
user-select: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-webkit-touch-callout: none
}
a[data-toggle].dashed:hover {
text-decoration: none
}
a[data-toggle].dashed::before {
border-top: 1px dashed #ccc;
border-top: 1px dashed var(--color-toggle-dashed-border);
content: "";
display: block;
height: 1px;
left: 0;
margin-top: -1px;
position: absolute;
top: 50%;
width: 100%
}
a[data-toggle].dashed>span {
background-color: #fff;
background-color: var(--color-toggle-dashed-background);
padding-right: 30px;
position: relative
}
a[data-toggle].dashed>span::after {
background-color: #000;
background-color: var(--color-toggle-dashed-icon);
content: "";
display: block;
height: 100%;
-webkit-mask-image: url(/assets/images/iconography/icon-arrow-down.svg);
-webkit-mask-position: center;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-image: url(/assets/images/iconography/icon-arrow-down.svg);
mask-position: center;
mask-repeat: no-repeat;
mask-size: contain;
position: absolute;
right: 7px;
top: 0;
width: 14px
}
a[data-toggle].dashed.visible>span::after {
-webkit-mask-image: url(/assets/images/iconography/icon-arrow-up.svg);
mask-image: url(/assets/images/iconography/icon-arrow-up.svg)
}
a[data-toggle].dashed.indented>span {
padding-left: 10px
}
a[data-toggle].dashed.indented+.toggle-target {
padding-left: 10px
}
a[data-toggle].dashed.no-margin {
margin-bottom: 0
}
a[data-toggle].dashed.no-margin+.toggle-target {
margin-top: 30px
}
@media(max-width: 480px) {
a[data-toggle].dashed {
margin-bottom: 15px
}
a[data-toggle].dashed.no-margin {
margin-bottom: 0
}
a[data-toggle].dashed.no-margin+.toggle-target {
margin-top: 15px
}
}
.visible-tablet,
.visible-phone,
.hide-web,
.visible-embed {
display: none
}
@media(min-width: 769px) {
.hide-desktop {
display: none !important
}
}
@media(min-width: 481px)and (max-width: 768px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: block
}
a.visible-tablet,
button.visible-tablet {
display: inline-block
}
span.visible-tablet {
display: inline
}
.hide-tablet {
display: none !important
}
}
@media(max-width: 480px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: none
}
.visible-phone {
display: block
}
a.visible-phone,
button.visible-phone {
display: inline-block
}
span.visible-phone {
display: inline
}
.hide-phone {
display: none !important
}
}
.tooltip {
cursor: pointer
}
.tooltip.information {
background-color: #646464;
background-color: var(--color-tooltip-information-background);
border-radius: 9px;
color: #fff;
color: var(--color-tooltip-information-text);
display: inline-block;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
height: 18px;
line-height: 18px;
margin-left: 2px;
padding: 0;
text-align: center;
width: 18px;
vertical-align: middle
}
.tooltip.information:hover {
text-decoration: none
}
.tippy-box {
background-color: #000;
background-color: var(--color-tooltip-background);
border-radius: 8px;
color: #fff;
color: var(--color-tooltip-text);
padding: 16px
}
.tippy-box .tippy-content {
max-height: 48vh;
padding: 0;
-webkit-overflow-scrolling: touch;
overflow-y: scroll;
-ms-overflow-style: scrollbar;
scrollbar-width: none
}
.tippy-box .tippy-content::-webkit-scrollbar {
display: none
}
.tippy-box .tippy-content {
text-align: left
}
.tippy-box .tippy-content>:last-child {
margin-bottom: 0
}
.tippy-box .tippy-content>.banner {
border-radius: 5.3333333333px
}
.tippy-box .tippy-content>ul,
.tippy-box .tippy-content>ol {
padding-left: 15px
}
.tippy-box .tippy-arrow {
color: #000
}
.tippy-box[data-animation=shift-away][data-state=hidden] {
opacity: 0
}
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=top] {
transform: translateY(10px)
}
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=bottom] {
transform: translateY(-10px)
}
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=left] {
transform: translateX(10px)
}
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=right] {
transform: translateY(-10px)
}
.visible-tablet,
.visible-phone,
.hide-web,
.visible-embed {
display: none
}
@media(min-width: 769px) {
.hide-desktop {
display: none !important
}
}
@media(min-width: 481px)and (max-width: 768px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: block
}
a.visible-tablet,
button.visible-tablet {
display: inline-block
}
span.visible-tablet {
display: inline
}
.hide-tablet {
display: none !important
}
}
@media(max-width: 480px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: none
}
.visible-phone {
display: block
}
a.visible-phone,
button.visible-phone {
display: inline-block
}
span.visible-phone {
display: inline
}
.hide-phone {
display: none !important
}
}
body {
background-color: #fff;
background-color: var(--color-background)
}
body .container {
height: 100%;
width: 100%
}
body .container>main>h1:not(.has-icon),
body .container>main>section>h1,
body .container>main>section.component.offer-usage>p.message,
body .container>main>section:first-child>div.accordion,
body .container>main>section:first-child>nav.breadcrumb {
margin-top: 20px
}
@media(max-width: 480px) {
body .container>main>h1:not(.has-icon),
body .container>main>section>h1,
body .container>main>section.component.offer-usage>p.message,
body .container>main>section:first-child>div.accordion,
body .container>main>section:first-child>nav.breadcrumb {
margin-top: 15px
}
}
@media(max-width: 768px) {
body .container::before {
background-color: #009ddb;
background-color: var(--color-container-tablet-bar-background);
content: "";
display: block;
position: absolute;
height: 5px;
width: 100%;
z-index: 0
}
}
@media(max-width: 768px) {
main>section:first-of-type>h1:first-of-type {
margin-top: 15px
}
}
main .social-networks a {
border-radius: 22px;
font-size: 24px;
height: 44px;
line-height: 44px;
width: 44px
}
@media(max-width: 768px) {
main .social-networks a {
border-radius: 17px;
font-size: 19px;
height: 34px;
line-height: 34px;
width: 34px
}
}
main ol.showtimes::after {
clear: both;
content: "";
display: block
}
main ol.showtimes {
list-style: none;
margin: 0 0 30px 0;
padding: 0
}
@media(max-width: 480px) {
main ol.showtimes {
margin-bottom: 15px
}
}
main ol.showtimes>li:last-child {
margin-bottom: 0
}
main ol.showtimes>li strong {
display: block
}
main ol.showtimes>li ol {
display: block;
list-style: none;
margin: 0;
padding: 0
}
main ol.showtimes>li ol li {
display: inline-block;
margin-bottom: 0;
margin-top: 10px
}
.default-domain {
background-color: #fff;
background-color: var(--color-background)
}
.default-domain main>section {
max-width: 750px;
text-align: center
}
.default-domain main h1,
.default-domain main>section:first-child>h1:first-child {
font-size: 2.125rem
}
.default-domain main h4,
.default-domain main .pseudo-h4 {
font-weight: normal;
text-transform: uppercase
}
.default-domain main .regions {
padding: 0
}
.default-domain main .regions li {
margin-bottom: 20px
}
.default-domain main .regions li a {
color: hsl(0, 0%, 50%);
color: var(--color-default-domain-regions-hyperlink);
display: block;
font-weight: normal;
overflow: hidden
}
.default-domain main .regions li a:hover,
.default-domain main .regions li a:hover span {
color: hsl(0, 0%, 50%);
color: var(--color-default-domain-regions-hyperlink-hover);
text-decoration: underline
}
.default-domain main .regions li img {
aspect-ratio: 1/1;
display: inline-block;
float: left;
height: auto;
margin-right: 10px;
width: 40px;
vertical-align: bottom
}
.default-domain main .regions li span {
display: inline-block;
float: right;
line-height: 40px
}
.default-domain main p {
color: hsl(0, 0%, 50%);
color: var(--color-default-domain-terms-text);
line-height: 15px;
padding: 0 60px
}
.default-domain main p a {
color: hsl(0, 0%, 50%);
color: var(--color-default-domain-terms-hyperlink);
font-weight: normal
}
@media(max-width: 480px) {
.default-domain main h1,
.default-domain main>section:first-child>h1:first-child {
font-size: 1.875rem
}
.default-domain main .regions li img {
height: 28px;
width: 28px
}
.default-domain main .regions li span {
line-height: 28px
}
.default-domain main p {
padding: 0 50px
}
}
[lang=en] .default-domain .regions li.ar {
direction: ltr;
text-align: left
}
.application-store {
display: inline-block;
height: auto;
margin-right: 10px
}
.application-store.ios {
aspect-ratio: 27/8;
width: 135px
}
.application-store.android {
aspect-ratio: 67/20;
width: 134px
}
.visible-tablet,
.visible-phone,
.hide-web,
.visible-embed {
display: none
}
@media(min-width: 769px) {
.hide-desktop {
display: none !important
}
}
@media(min-width: 481px)and (max-width: 768px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: block
}
a.visible-tablet,
button.visible-tablet {
display: inline-block
}
span.visible-tablet {
display: inline
}
.hide-tablet {
display: none !important
}
}
@media(max-width: 480px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: none
}
.visible-phone {
display: block
}
a.visible-phone,
button.visible-phone {
display: inline-block
}
span.visible-phone {
display: inline
}
.hide-phone {
display: none !important
}
}
header[role=banner] {
background: url(/assets/images/header-background@2x.webp) top center no-repeat;
background-size: 2940px 70px
}
header[role=banner]>section:first-of-type {
min-height: 59px;
position: relative
}
header[role=banner] .brand.vox {
aspect-ratio: 72/23;
display: block;
margin-top: 67px;
position: absolute;
left: 0;
width: 125px;
z-index: 1
}
@media(prefers-color-scheme: dark) {
header[role=banner] {
background-image: url(/assets/images/header-background-dark@2x.webp)
}
}
@media(max-width: 940px) {
header[role=banner] .brand.vox {
left: 15px
}
}
@media(max-width: 768px) {
header[role=banner] {
background-color: #fff;
background-color: var(--color-header-tablet-background);
background-image: none;
box-shadow: 0 0 8px 0 hsla(0, 0%, 60%, .5)
}
header[role=banner]>section:first-of-type {
min-height: auto;
text-align: center
}
header[role=banner] .brand.vox {
display: inline-block;
left: auto;
margin: 15px 0 10px 0;
position: relative;
width: 109px
}
}
@media(max-width: 768px)and (prefers-color-scheme: dark) {
header[role=banner] {
box-shadow: none
}
}
.no-navigation header[role=banner] {
min-height: 128px
}
.no-navigation header[role=banner] nav {
display: none
}
@media(max-width: 768px) {
.no-navigation header[role=banner] {
min-height: auto
}
.no-navigation header[role=banner] .flyout {
display: none
}
}
.visible-tablet,
.visible-phone,
.hide-web,
.visible-embed {
display: none
}
@media(min-width: 769px) {
.hide-desktop {
display: none !important
}
}
@media(min-width: 481px)and (max-width: 768px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: block
}
a.visible-tablet,
button.visible-tablet {
display: inline-block
}
span.visible-tablet {
display: inline
}
.hide-tablet {
display: none !important
}
}
@media(max-width: 480px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: none
}
.visible-phone {
display: block
}
a.visible-phone,
button.visible-phone {
display: inline-block
}
span.visible-phone {
display: inline
}
.hide-phone {
display: none !important
}
}
footer {
background-color: hsl(0, 0%, 92.5%);
background-color: var(--color-footer-background);
font-size: 16px;
padding: 30px 0
}
footer>section>*>:last-child {
margin-bottom: 0
}
footer>section.tertiary nav ul {
list-style: none;
margin: 0;
padding: 0
}
footer>section.tertiary nav ul li {
display: block
}
footer>section.tertiary nav a {
color: #000;
color: var(--color-text);
display: block;
font-size: 16px;
font-weight: normal
}
footer.maf {
background-color: #31261d;
background-color: var(--color-footer-maf-background);
color: #fff;
color: var(--color-footer-maf-text);
font-weight: bold
}
footer.maf p {
line-height: 37px
}
footer .brand.vox {
aspect-ratio: 72/23;
display: block;
margin-bottom: 30px;
width: 94px
}
footer .brand.maf {
aspect-ratio: 25/8;
display: block;
width: 193px
}
footer h5,
footer .pseudo-h5 {
font-size: 16px;
margin-bottom: 15px
}
footer .follow-us h5,
footer .follow-us .pseudo-h5 {
text-transform: uppercase
}
footer .follow-us .social-networks a {
border-radius: 18px;
font-size: 20px;
height: 36px;
line-height: 36px;
width: 36px;
background-color: #000;
background-color: var(--color-footer-social-network-background);
color: hsl(0, 0%, 92.5%);
color: var(--color-footer-social-network-text)
}
footer .follow-us .social-networks a.x::before {
background-color: var(--color-footer-social-network-text)
}
footer .copyright {
font-weight: bold;
margin-top: 39px
}
@media(max-width: 940px) {
footer {
padding: 30px 0
}
footer>section>* {
padding: 0 15px
}
}
@media(max-width: 768px) {
footer>section.tertiary {
position: relative
}
footer>section.tertiary>article .follow-us {
position: absolute;
right: 15px;
top: 0
}
footer>section.tertiary>article .follow-us h5,
footer>section.tertiary>article .follow-us .pseudo-h5 {
display: inline-block;
line-height: 32px;
margin: 0 15px 0 0
}
footer>section.tertiary>article .follow-us .social-networks {
display: inline-block;
margin-bottom: 0;
vertical-align: middle
}
footer>section.tertiary>article .follow-us .social-networks li {
margin-bottom: 0
}
footer>section.tertiary>nav {
padding: 0
}
footer>section.tertiary>nav:first-of-type h5 {
border-top: 1px solid hsl(0, 0%, 80.75%);
border-top: 1px solid var(--color-footer-navigation-border)
}
footer>section.tertiary>nav h5,
footer>section.tertiary>nav .pseudo-h5 {
border-bottom: 1px solid hsl(0, 0%, 80.75%);
border-bottom: 1px solid var(--color-footer-navigation-border);
margin: 0;
padding: 20px 15px
}
footer>section.tertiary>nav ul {
background-color: hsl(0, 0%, 85%);
background-color: var(--color-footer-navigation-dropdown-background);
border-bottom: 1px solid hsl(0, 0%, 80.75%);
border-bottom: 1px solid var(--color-footer-navigation-border);
padding: 0 15px
}
footer>section.tertiary>nav ul li {
margin: 0
}
footer>section.tertiary>nav ul li:first-of-type a {
padding-top: 15px
}
footer>section.tertiary>nav ul li a {
padding-bottom: 15px
}
footer>section.tertiary>nav.can-toggle h5,
footer>section.tertiary>nav.can-toggle .pseudo-h5 {
cursor: pointer;
position: relative;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
footer>section.tertiary>nav.can-toggle h5::after,
footer>section.tertiary>nav.can-toggle .pseudo-h5::after {
aspect-ratio: 1/1;
background: url(/assets/images/icon-arrow-down-line-grey.webp) 0 0 no-repeat;
background-size: 16px;
content: "";
display: block;
height: auto;
margin-top: -8px;
position: absolute;
right: 15px;
top: 50%;
transform: rotate(0deg);
transition: transform 250ms ease;
width: 16px
}
footer>section.tertiary>nav.can-toggle h5.collapse::after,
footer>section.tertiary>nav.can-toggle .pseudo-h5.collapse::after {
transform: rotate(180deg)
}
footer>section.tertiary>nav.can-toggle ul {
display: none
}
footer>section+section {
margin-top: 30px
}
}
@media(max-width: 480px) {
footer.maf {
padding: 15px 0
}
footer.maf .brand.maf {
margin-bottom: 15px
}
footer.maf p {
line-height: normal
}
footer .brand.vox {
margin-bottom: 15px
}
footer>section.tertiary {
position: relative
}
footer>section.tertiary>article .follow-us {
position: inherit;
right: auto;
top: auto
}
footer>section.tertiary>article .follow-us h5,
footer>section.tertiary>article .follow-us .pseudo-h5 {
display: block;
line-height: inherit;
margin: 0 0 15px 0
}
footer>section.tertiary>article .follow-us .social-networks {
display: block;
margin-bottom: 15px;
vertical-align: auto
}
footer>section.tertiary>article .follow-us .social-networks li {
margin-bottom: 0
}
footer .copyright {
margin-top: 0
}
}
.visible-tablet,
.visible-phone,
.hide-web,
.visible-embed {
display: none
}
@media(min-width: 769px) {
.hide-desktop {
display: none !important
}
}
@media(min-width: 481px)and (max-width: 768px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: block
}
a.visible-tablet,
button.visible-tablet {
display: inline-block
}
span.visible-tablet {
display: inline
}
.hide-tablet {
display: none !important
}
}
@media(max-width: 480px) {
.visible-desktop {
display: none
}
.visible-tablet {
display: none
}
.visible-phone {
display: block
}
a.visible-phone,
button.visible-phone {
display: inline-block
}
span.visible-phone {
display: inline
}
.hide-phone {
display: none !important
}
}
.cmp-modal__title {
font-weight: bold
}
.cmp-modal__sub-title span {
font-family: inherit !important
}
.cmp-modal .cmp-switch__slider {
color: inherit;
margin: inherit;
min-height: unset;
vertical-align: unset
}
.cmp-modal .cmp-switch__slider::before {
display: none
}
.cmp-modal .cmp-switch__slider::after {
color: inherit
}
.cmp-modal .cmp-switch__status {
float: none;
margin: inherit;
max-width: unset
}
.cmp-body.cmp-multi-level {
background: rgba(0, 0, 0, .5)
}
.cmp-body.cmp-multi-level .cmp-modal__title {
font-weight: bold
}
.cmp-body.cmp-multi-level .cmp-list-tile {
align-items: start
}
.cmp-body.cmp-multi-level .cmp-decline-text {
background-color: #d3d3d3
}
.cmp-body.cmp-multi-level .cmp-list-tile-content h2 {
font-weight: bold
}
.cmp-body.cmp-multi-level .cmp-list-tile-content p,
.cmp-body.cmp-multi-level .cmp-list-tile-content a {
font-size: inherit;
line-height: unset
}
.cmp-body.cmp-multi-level .cmp-modal__footer {
font-size: 16px
}
.cmp-body.cmp-multi-level .cmp-modal__footer .cmp-save-btn {
border-radius: 3px;
font-size: .875rem;
line-height: 2.3125rem;
padding: 0 20px
}
.cc-banner .cc-message-container {
align-items: center;
display: flex;
flex-direction: row
}
.cc-banner .cc-compliance {
font-size: 16px
}
.cc-banner .cc-btn,
.cc-banner .cc-link.cmp-pref-link {
border-radius: 3px;
font-size: .875rem;
line-height: 2.3125rem;
padding: 0 20px
}
@media screen and (max-width: 480px) {
.cc-window.cc-banner {
gap: 16px;
padding: 32px
}
.cc-window.cc-banner .cc-message {
margin: 0;
padding: 0
}
.cc-window.cc-banner .cc-compliance {
flex-direction: row;
gap: 16px;
padding: 0
}
.cc-window.cc-banner .cc-compliance>* {
flex: 1
}
.cc-window.cc-banner .cc-btn,
.cc-window.cc-banner .cc-link.cmp-pref-link {
justify-content: center;
margin: 0 !important;
padding-inline: 0
}
}