/** * Do not edit directly! * Lxl-loyalty style - clearly - v1.2.0 */ :root { --lxl-apps-my-loyalty-app-title-font-weight: 700; --lxl-apps-my-loyalty-app-title-font-size: 24px; --lxl-apps-my-loyalty-app-title-margin-bottom: 16px; --lxl-apps-my-loyalty-app-title-text-transform: none; --lxl-apps-my-loyalty-app-sub-title-font-weight: 400; --lxl-apps-my-loyalty-app-sub-title-font-size: 14px; --lxl-apps-my-loyalty-app-sub-title-margin-bottom: 16px; --lxl-apps-my-loyalty-app-footer-align-items: center; --lxl-apps-my-loyalty-app-footer-faq-title-font-size: 24px; --lxl-apps-my-loyalty-app-footer-faq-title-font-weight: 700; --lxl-apps-my-loyalty-app-footer-faq-text-font-size: 16px; --lxl-apps-my-loyalty-app-footer-faq-text-font-weight: 400; --lxl-apps-my-loyalty-app-footer-faq-text-color: #000000; --lxl-color-background-base: #ECEFF0; --lxl-color-background-button-primary-base: #000000; --lxl-color-background-button-primary-disabled: #ECEFF0; --lxl-color-background-button-primary-active: #222222; --lxl-color-background-button-secondary-base: rgba(34,34,34,0.5); --lxl-color-background-button-secondary-disabled: #f6f6f6; --lxl-color-background-button-secondary-active: #ECEFF0; --lxl-color-background-button-menu-base: #f6f6f6; --lxl-color-background-button-menu-disabled: #ECEFF0; --lxl-color-background-button-menu-active: #ffffff; --lxl-color-background-button-filter-base: #f6f6f6; --lxl-color-background-button-filter-disabled: #f6f6f6; --lxl-color-background-button-filter-active: #f6f6f6; --lxl-color-background-overlay-base: rgba(34, 34, 34, 0.8); --lxl-color-background-overlay-light: rgba(255, 255, 255, 0.8); --lxl-color-background-overlay-dark: rgba(0, 0, 0, 0.27); --lxl-color-border-light: #f6f6f6; --lxl-color-border-base: #ECEFF0; --lxl-color-border-dark: #222222; --lxl-color-border-mid-grey: #B3BDC3; --lxl-color-border-light-blue: #000000; --lxl-color-border-deep-blue: #182446; --lxl-color-border-button-primary-base: #ECEFF0; --lxl-color-border-button-primary-active: #ECEFF0; --lxl-color-border-button-primary-disabled: #f6f6f6; --lxl-color-border-button-secondary-base: #f6f6f6; --lxl-color-border-button-secondary-active: #f6f6f6; --lxl-color-border-button-secondary-disabled: #f6f6f6; --lxl-color-border-button-menu-base: #182446; --lxl-color-border-button-menu-active: #000000; --lxl-color-border-button-menu-disabled: #B3BDC3; --lxl-color-border-button-filter-base: #000000; --lxl-color-border-button-filter-active: #000000; --lxl-color-border-button-filter-disabled: #000000; --lxl-color-box-shadow-focus-button-primary: #182446; --lxl-color-brand-primary-base: #182446; --lxl-color-brand-secondary-base: #B54138; --lxl-color-font-base: #000000; --lxl-color-font-link: #182446; --lxl-color-font-error: #B54138; --lxl-color-font-disabled: #f6f6f6; --lxl-color-font-inverse-base: #ffffff; --lxl-color-font-inverse-link: #182446; --lxl-color-font-inverse-error: #B54138; --lxl-color-font-inverse-disabled: #ECEFF0; --lxl-color-font-button-primary: #ffffff; --lxl-color-font-button-secondary: #222222; --lxl-color-font-button-menu: #000000; --lxl-color-font-button-menu-active: #000000; --lxl-color-font-button-filter: #2C00DD; --lxl-components-accordion-title-font-size: 14px; --lxl-components-accordion-title-font-weight: 700; --lxl-components-accordion-border-radius: 8px; --lxl-components-accordion-background-odd-color: #F6F6F6; --lxl-components-accordion-background-even-color: #ffffff; --lxl-components-accordion-description-color: #000000; --lxl-components-accordion-description-font-size: 14px; --lxl-components-accordion-description-font-weight: 400; --lxl-components-accordion-description-line-height: 150%; --lxl-components-accordion-note-color: #434343; --lxl-components-accordion-note-font-size: 12px; --lxl-components-accordion-note-font-weight: 400; --lxl-components-accordion-note-line-height: 150%; --lxl-components-accordion-note-border-color: #e6e6e6; --lxl-components-button-height: 42px; --lxl-components-button-border-radius: 4px; --lxl-components-button-font-weight: 400; --lxl-components-button-font-size: 12px; --lxl-components-button-padding: 10px 16px; --lxl-components-button-text-transform: none; --lxl-components-button-line-height: 1.3; --lxl-components-divider-border: 1px solid #D8D8D8; --lxl-components-divider-margin: 12px 0; --lxl-components-divider-opacity: 0.1; --lxl-components-error-background: linear-gradient(90deg, #FBD45940 0%, #55D7FA59 35%, #FCA4AA4D 100%); --lxl-components-error-gap-text: 10; --lxl-components-error-gap-icon: 16; --lxl-components-error-title-icon-display: none; --lxl-components-error-title-font-size: 20px; --lxl-components-error-title-font-weight: 700; --lxl-components-error-title-color: #000000; --lxl-components-error-title-line-height: 28px; --lxl-components-error-title-text-transform: inherit; --lxl-components-error-subtitle-font-size: 14px; --lxl-components-error-subtitle-font-weight: 400; --lxl-components-error-subtitle-color: #000000; --lxl-components-error-subtitle-line-height: 20px; --lxl-components-error-actions-icon-display: block; --lxl-components-error-actions-icon-path-color: #ffffff; --lxl-components-error-actions-font-size: 14; --lxl-components-error-actions-font-weight: 400; --lxl-components-error-actions-font-decoration: underline; --lxl-components-error-actions-color: #ffffff; --lxl-components-error-actions-line-height: 20px; --lxl-components-menu-gap: 8px 8px; --lxl-components-menu-padding: 10px 16px; --lxl-components-menu-text-transform: capitalize; --lxl-components-menu-font-size: 14px; --lxl-components-menu-font-weight: 400; --lxl-components-menu-active-font-size: 14px; --lxl-components-menu-active-font-weight: 400; --lxl-components-menu-border: none; --lxl-components-menu-border-radius: 100px; --lxl-components-menu-background-color: #ECEFF0; --lxl-components-paginator-background-color: #ffffff; --lxl-components-paginator-gap: 16px; --lxl-components-paginator-page-color: #767676; --lxl-components-paginator-page-font-weight: 400; --lxl-components-paginator-page-font-size: 12px; --lxl-components-paginator-current-page-background-color: #f7f7f7; --lxl-components-paginator-current-page-color: #000000; --lxl-components-paginator-arrow-path: #000000; --lxl-components-points-gauge-line-size: 7; --lxl-components-points-gauge-stroke-linecap: round; --lxl-components-points-gauge-color-tier-1-empty: #FFFFFF; --lxl-components-points-gauge-color-tier-1-points: #FBD459; --lxl-components-points-gauge-color-tier-1-center-background: transparent; --lxl-components-points-gauge-color-tier-1-text: #000000; --lxl-components-points-gauge-color-tier-2-empty: #FFFFFF; --lxl-components-points-gauge-color-tier-2-points: #80D685; --lxl-components-points-gauge-color-tier-2-center-background: transparent; --lxl-components-points-gauge-color-tier-2-text: #000000; --lxl-components-points-gauge-color-tier-3-empty: #FFFFFF; --lxl-components-points-gauge-color-tier-3-points: #FCA4AA; --lxl-components-points-gauge-color-tier-3-center-background: transparent; --lxl-components-points-gauge-color-tier-3-text: #000000; --lxl-components-points-gauge-color-tier-4-empty: #FFFFFF; --lxl-components-points-gauge-color-tier-4-points: transparent; --lxl-components-points-gauge-color-tier-4-center-background: transparent; --lxl-components-points-gauge-color-tier-4-text: #000000; --lxl-components-points-gauge-text-points-font-size: 12px; --lxl-components-points-gauge-text-points-font-weight: 400; --lxl-components-points-gauge-text-label-font-size: 12px; --lxl-components-points-gauge-text-label-font-weight: 400; --lxl-components-program-info-card-background: transparent; --lxl-components-program-info-card-gap: 20px; --lxl-components-program-info-card-image-align: start; --lxl-components-program-info-card-image-height: 40px; --lxl-components-program-info-card-image-width: 40px; --lxl-components-program-info-card-image-border-radius: 50%; --lxl-components-program-info-card-image-margin: 0 0 0 10px; --lxl-components-program-info-card-title-align: start; --lxl-components-program-info-card-title-font-size: 12px; --lxl-components-program-info-card-title-font-weight: 700; --lxl-components-program-info-card-title-text-align: start; --lxl-components-program-info-card-title-text-transform: uppercase; --lxl-components-program-info-card-content-color: #000000; --lxl-components-program-info-card-content-align: start; --lxl-components-program-info-card-content-font-size: 16px; --lxl-components-program-info-card-content-font-weight: 400; --lxl-components-program-info-card-content-line-height: 24px; --lxl-components-program-info-card-content-text-align: start; --lxl-components-program-info-card-content-gap: 8px; --lxl-components-sort-border-color: #000000; --lxl-components-sort-controller-text-color: inherit; --lxl-components-sort-controller-text-decoration: none; --lxl-components-sort-controller-text-transform: uppercase; --lxl-components-sort-controller-font-size: 12px; --lxl-components-sort-controller-font-weight: 700; --lxl-components-sort-controller-left-icon-display: none; --lxl-components-sort-content-background-color: #FFFFFF; --lxl-components-sort-content-text-color: inherit; --lxl-components-sort-content-border-radius: 2px; --lxl-components-sort-content-padding: 24px; --lxl-components-sort-content-item-gap: 24px; --lxl-components-sort-content-align-items: stretch; --lxl-components-sort-content-backdrop-blur: 0px; --lxl-components-sort-content-shadow: 0 4px 2px rgba(0, 0, 0, 0.1); --lxl-components-sort-content-radio-button-color: #1465B4; --lxl-components-sort-content-selected-font-weight: 700; --lxl-components-sort-content-label-font-size: 14px; --lxl-components-sort-content-label-font-weight: 700; --lxl-components-sort-content-label-color: inherit; --lxl-components-sort-content-check-display: none; --lxl-components-sort-content-check-size: 0px; --lxl-components-sort-content-check-color: currentColor; --lxl-components-sort-content-check-icon: none; --lxl-components-sort-content-native-radio-display: inline-block; --lxl-components-sort-content-native-radio-position: static; --lxl-components-sort-content-native-radio-width: auto; --lxl-components-sort-content-native-radio-height: auto; --lxl-components-sort-content-native-radio-margin-right: 0; --lxl-components-sort-content-native-radio-pointer-events: auto; --lxl-components-sort-content-native-radio-clip-path: none; --lxl-components-sort-content-native-radio-white-space: normal; --lxl-components-sort-content-native-radio-overflow: visible; --lxl-components-sort-content-native-radio-check-padding-left: 0; --lxl-components-switch-menu-background-color: #F6F6F6; --lxl-components-switch-menu-gap: 0px; --lxl-components-switch-menu-label-color: #767676; --lxl-components-switch-menu-label-border: none; --lxl-components-switch-menu-label-border-radius: 100px; --lxl-components-switch-menu-label-font-weight: 400; --lxl-components-switch-menu-label-font-size: 14px; --lxl-components-switch-menu-label-text-transform: capitalize; --lxl-components-switch-menu-selected-label-color: #000000; --lxl-components-switch-menu-selected-border-color: #000000; --lxl-components-switch-menu-selected-label-background-color: #FFFFFF; --lxl-components-table-header-font-size: 14px; --lxl-components-table-header-font-weight: 700; --lxl-components-table-item-title-font-size: 12px; --lxl-components-table-item-title-font-weight: 400; --lxl-components-table-item-title-color: #555555; --lxl-components-table-item-subtitle-font-size: 14px; --lxl-components-table-item-subtitle-font-weight: 400; --lxl-components-table-item-subtitle-color: #000000; --lxl-components-table-date-font-size: 14px; --lxl-components-table-date-font-weight: 400; --lxl-components-table-date-color: #555555; --lxl-components-table-gained-font-size: 14px; --lxl-components-table-gained-font-weight: 400; --lxl-components-table-gained-color: #004C27; --lxl-components-table-lost-font-size: 16px; --lxl-components-table-lost-font-weight: 700; --lxl-components-table-lost-color: #7B0000; --lxl-components-table-expired-font-size: 14px; --lxl-components-table-expired-font-weight: 400; --lxl-components-table-expired-color: #555555; --lxl-components-tabs-font-size: 14px; --lxl-components-tabs-font-weight: 400; --lxl-components-tabs-box-shadow-color: rgba(0, 0, 0, 0.06); --lxl-components-tabs-tab-text-color: #434343; --lxl-components-tabs-active-tab-text-color: #000000; --lxl-components-tabs-active-tab-bar-color: #000000; --lxl-components-tabs-prev-arrow-color: #000000; --lxl-components-tabs-prev-arrow-background-color: #ffffff; --lxl-components-tabs-next-arrow-color: #000000; --lxl-components-tabs-next-arrow-background-color: #ffffff; --lxl-components-tier-info-card-background: transparent; --lxl-components-tier-info-card-gap: 10px; --lxl-components-tier-info-card-image-align: start; --lxl-components-tier-info-card-image-height: 40px; --lxl-components-tier-info-card-image-width: 40px; --lxl-components-tier-info-card-image-border-radius: 50%; --lxl-components-tier-info-card-title-align: start; --lxl-components-tier-info-card-title-font-size: 12px; --lxl-components-tier-info-card-title-font-weight: 700; --lxl-components-tier-info-card-title-text-align: start; --lxl-components-tier-info-card-content-align: start; --lxl-components-tier-info-card-content-font-size: 16px; --lxl-components-tier-info-card-content-font-weight: 400; --lxl-components-tier-info-card-content-line-height: 1.7; --lxl-components-tier-info-card-content-text-align: start; --lxl-components-card-info-joined-color: #979797; --lxl-components-card-info-title-weight: 700; --lxl-components-card-info-title-text-transform: none; --lxl-components-list-card-detail-image-background-color: #aaaaaa; --lxl-components-list-card-detail-content-background-color: #ffffff; --lxl-components-list-card-detail-content-badge-text-color: #000000; --lxl-components-list-card-detail-content-badge-font-size: 12px; --lxl-components-list-card-detail-content-badge-font-weight: 400; --lxl-components-list-card-detail-content-badge-separator-color: #d8d8d8; --lxl-components-list-card-detail-content-badge-icon-points-color: #000000; --lxl-components-list-card-detail-content-badge-icon-date-color: #000000; --lxl-components-list-card-detail-content-category-color: #000000; --lxl-components-list-card-detail-content-category-font-size: 12px; --lxl-components-list-card-detail-content-category-font-weight: 400; --lxl-components-list-card-detail-content-title-color: #000000; --lxl-components-list-card-detail-content-title-font-size: 24px; --lxl-components-list-card-detail-content-title-font-weight: 700; --lxl-components-list-card-detail-content-title-text-transform: inherit; --lxl-components-list-card-detail-content-detail-color: #000000; --lxl-components-list-card-detail-content-detail-font-weight: 400; --lxl-components-list-card-detail-content-terms-conditions-color: #434343; --lxl-components-list-card-detail-content-terms-conditions-font-weight: 400; --lxl-components-list-card-detail-content-terms-conditions-decoration-line: underline; --lxl-components-list-card-detail-content-stepper-line-color: #000; --lxl-components-list-card-detail-content-stepper-color: #000; --lxl-components-list-card-detail-content-stepper-font-weight: 400; --lxl-components-list-card-image-deafult-background-color: #aaaaaa; --lxl-components-list-card-image-landscape-width: 200px; --lxl-components-list-card-image-locked-icon-background-color: #ffffff; --lxl-components-list-card-content-background-color: #f7f7f7; --lxl-components-list-card-content-badge-font-weight: 400; --lxl-components-list-card-content-badge-text-color: #000000; --lxl-components-list-card-content-badge-not-status-color: #000000; --lxl-components-list-card-content-badge-separator-color: #d8d8d8; --lxl-components-list-card-content-badge-status-color-primary: #004C27; --lxl-components-list-card-content-badge-status-color-secondary: #7B0000; --lxl-components-list-card-content-badge-icon-points-color: #000000; --lxl-components-list-card-content-badge-icon-date-color: #000000; --lxl-components-list-card-content-title-color: #000000; --lxl-components-list-card-content-title-font-size: 24px; --lxl-components-list-card-content-title-font-weight: 700; --lxl-components-list-card-content-detail-color: #000000; --lxl-components-list-card-content-detail-font-size: 14px; --lxl-components-list-card-content-detail-font-weight: 400; --lxl-components-list-card-backdrop-background-color: #f7f7f7; --lxl-components-widget-profile-gap: 16px; --lxl-components-widget-profile-gauge-size: 130px; --lxl-components-widget-profile-suspended-background-color: linear-gradient(90deg, #FBD45940 0%, #55D7FA59 35%, #FCA4AA4D 100%); --lxl-components-widget-profile-suspended-icon-display: block; --lxl-components-widget-profile-suspended-title-size: 24px; --lxl-components-widget-profile-suspended-title-weight: 700; --lxl-components-widget-profile-suspended-subtitle-size: 14px; --lxl-components-widget-profile-suspended-subtitle-weight: 400; --lxl-components-widget-profile-suspended-suspended-title-size: 24px; --lxl-components-widget-profile-suspended-suspended-title-weight: 700; --lxl-components-widget-profile-suspended-suspended-description-size: 14px; --lxl-components-widget-profile-suspended-suspended-description-weight: 400; --lxl-components-widget-profile-suspended-suspended-restore-text-size: 14px; --lxl-components-widget-profile-suspended-suspended-restore-text-weight: 400; --lxl-components-widget-profile-suspended-suspended-restore-date-size: 14px; --lxl-components-widget-profile-suspended-suspended-restore-date-weight: 700; --lxl-components-widget-profile-info-tier-title-size: 24px; --lxl-components-widget-profile-info-tier-title-weight: 700; --lxl-components-widget-profile-info-tier-title-text-transform: none; --lxl-components-widget-profile-info-tier-subtitle-size: 14px; --lxl-components-widget-profile-info-tier-subtitle-weight: 400; --lxl-components-widget-profile-info-tier-icon-size: 60px; --lxl-components-widget-profile-info-tier-unsubscribe-button-size: 14px; --lxl-components-widget-profile-info-tier-unsubscribe-button-weight: 400; --lxl-components-widget-profile-footer-info-icon-size: 16px; --lxl-components-widget-profile-footer-info-text-size: 12px; --lxl-components-widget-profile-footer-info-text-weight: 400; --lxl-components-widget-profile-tier-1-background-color: #FCF2D1; --lxl-components-widget-profile-tier-2-background-color: #DEF2DC; --lxl-components-widget-profile-tier-3-background-color: #FAE5E5; --lxl-components-widget-profile-tier-4-background-color: #D4F2FC; --lxl-component-program-info-tiers-menu-margin: 24px 0; --lxl-component-program-info-title-h4-font-size: 16px; --lxl-component-program-info-title-h4-font-weight: 700; --lxl-component-program-info-title-h4-text-transform: uppercase; --lxl-component-program-info-tiers-points-range-font-size: 24px; --lxl-component-program-info-tiers-points-range-font-weight: 700; --lxl-component-program-info-tiers-points-range-p-font-size: 14px; --lxl-component-program-info-tiers-points-range-p-font-weight: 400; --lxl-component-program-info-tiers-tier-1-background-color: #FCF2D1; --lxl-component-program-info-tiers-tier-2-background-color: #DEF2DC; --lxl-component-program-info-tiers-tier-3-background-color: #FAE5E5; --lxl-component-program-info-tiers-tier-4-background-color: #D4F2FC; --lxl-font-letter-spacing: normal; --lxl-font-stretch: normal; --lxl-font-style: normal; --lxl-font-line-height: 1; --lxl-font-family-base: Mulish, Helvetica Neue, sans-serif; --lxl-font-size-h1: 32px; --lxl-font-size-h2: 28px; --lxl-font-size-h3: 24px; --lxl-font-size-h4: 20px; --lxl-font-size-h5: 16px; --lxl-font-size-p: 14px; --lxl-font-weight-h1: 900; --lxl-font-weight-h2: 300; --lxl-font-weight-h3: 300; --lxl-font-weight-h4: 700; --lxl-font-weight-h5: 300; --lxl-font-weight-p: 400; --lxl-size-font-tiny: 10px; --lxl-size-font-small: 12px; --lxl-size-font-medium: 14px; --lxl-size-font-large: 16px; --lxl-size-font-xl: 18px; --lxl-size-font-xxl: 28px; --lxl-size-font-xxxl: 38px; --lxl-size-font-base: 14px; --lxl-size-gap-small: 20px; --lxl-size-gap-medium: 22px; --lxl-size-gap-large: 25px; --lxl-size-gap-base: 20px; --lxl-size-margin-xxs: 5px; --lxl-size-margin-xs: 10px; --lxl-size-margin-tiny: 15px; --lxl-size-margin-small: 20px; --lxl-size-margin-normal: 25px; --lxl-size-margin-medium: 30px; --lxl-size-margin-large: 40px; --lxl-size-margin-xl: 50px; --lxl-size-margin-xxl: 60px; --lxl-size-margin-base: 25px; --lxl-size-padding-tiny: 6px; --lxl-size-padding-small: 12px; --lxl-size-padding-medium: 18px; --lxl-size-padding-large: 24px; --lxl-size-padding-xl: 30px; --lxl-size-padding-xxl: 36px; --lxl-size-padding-base: 18px; }