/*Import Font & Weights*/
@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600&display=swap');
:root {
    /*Icons*/
    /*Logo*/
    --icon-logo-default: url('/static-content/ux-fabric/iconography-graphics/logotype/fatface-default.svg');
    --icon-next-logo-default: url('/static-content/ux-fabric/iconography-graphics/logotype/next-default.svg');
    /*User Interface*/
    --icon-chevron-right-m-default: url('/static-content/ux-fabric/iconography-graphics/user-interface/fatface/chevron-right-m-default.svg');
    --icon-chevron-left-m-default: url('/static-content/ux-fabric/iconography-graphics/user-interface/fatface/chevron-left-m-default.svg');
    --icon-chevron-up-m-default: url('/static-content/ux-fabric/iconography-graphics/user-interface/fatface/chevron-up-m-default.svg');
    --icon-chevron-down-m-default: url('/static-content/ux-fabric/iconography-graphics/user-interface/fatface/chevron-down-m-default.svg');
    --icon-plus-m-default: url('/static-content/ux-fabric/iconography-graphics/user-interface/fatface/plus-m-default.svg');
    --icon-minus-m-default: url('/static-content/ux-fabric/iconography-graphics/user-interface/fatface/minus-m-default.svg');
    --icon-menu-m-default: url('/static-content/ux-fabric/iconography-graphics/user-interface/fatface/menu-m-default.svg');
    --icon-zoom-m-default: url('/static-content/ux-fabric/iconography-graphics/user-interface/fatface/zoom-m-default.svg');
    --icon-star-rounded-m-default: url('/static-content/ux-fabric/iconography-graphics/user-interface/fatface/star-rounded-m-default.svg');
    --icon-star-half-m-default: url('/static-content/ux-fabric/iconography-graphics/user-interface/fatface/star-half-m-default.svg');
    --icon-check-s-default: url('/static-content/ux-fabric/iconography-graphics/user-interface/fatface/check-s-default.svg');
    --icon-indeterminate-m-default: url('/static-content/ux-fabric/iconography-graphics/user-interface/fatface/indeterminate-m-default.svg');
    --icon-check-m-default: url('/static-content/ux-fabric/iconography-graphics/user-interface/fatface/check-m-default.svg');
    --icon-cross-m-default: url('/static-content/ux-fabric/iconography-graphics/user-interface/fatface/cross-m-default.svg');
    --icon-play-m-default: url('/static-content/ux-fabric/iconography-graphics/user-interface/fatface/play-m-default.svg');
    --icon-show-m-default: url('/static-content/ux-fabric/iconography-graphics/user-interface/fatface/show-m-default.svg');
    --icon-hide-m-default: url('/static-content/ux-fabric/iconography-graphics/user-interface/fatface/hide-m-default.svg');
    --icon-clear-m-default: url('/static-content/ux-fabric/iconography-graphics/user-interface/fatface/clear-m-default.svg');
    --icon-filter-m-default: url('/static-content/ux-fabric/iconography-graphics/user-interface/fatface/filter-m-default.svg');
    --icon-sort-m-detault: url('/static-content/ux-fabric/iconography-graphics/user-interface/fatface/sort-m-detault.svg');
    --icon-download-m-detault: url('/static-content/ux-fabric/iconography-graphics/user-interface/fatface/download-m-detault.svg');
    --icon-question-m-default: url('/static-content/ux-fabric/iconography-graphics/user-interface/fatface/question-m-default.svg');
    --icon-information-s-default: url('/static-content/ux-fabric/iconography-graphics/user-interface/fatface/information-s-default.svg');
    --icon-warning-s-default: url('/static-content/ux-fabric/iconography-graphics/user-interface/fatface/warning-s-default.svg');
    --icon-question-s-default: url('/static-content/ux-fabric/iconography-graphics/user-interface/fatface/question-s-default.svg');
    /*Feature*/
    --icon-bag-m-default: url('/static-content/ux-fabric/iconography-graphics/feature/fatface/bag-m-default.svg');
    --icon-account-m-default: url('/static-content/ux-fabric/iconography-graphics/feature/fatface/account-m-default.svg');
    --icon-favourite-m-default: url('/static-content/ux-fabric/iconography-graphics/feature/fatface/favourite-m-default.svg');
    --icon-favourite-m-active: url('/static-content/ux-fabric/iconography-graphics/feature/fatface/favourite-m-active.svg');
    --icon-search-m-default: url('/static-content/ux-fabric/iconography-graphics/feature/fatface/search-m-default.svg');
    --icon-location-m-default: url('/static-content/ux-fabric/iconography-graphics/feature/fatface/location-m-default.svg');
    --icon-home-m-default: url('/static-content/ux-fabric/iconography-graphics/feature/fatface/home-m-default.svg');
    --icon-chat-m-default: url('/static-content/ux-fabric/iconography-graphics/feature/fatface/chat-m-default.svg');
    --icon-sale-m-default: url('/static-content/ux-fabric/iconography-graphics/feature/fatface/sale-m-default.svg');
    --icon-search-category-m-default: url('/static-content/ux-fabric/iconography-graphics/feature/fatface/search-category-m-default.svg');
    --icon-settings-m-default: url('/static-content/ux-fabric/iconography-graphics/feature/fatface/settings-m-default.svg');
    --icon-store-m-default: url('/static-content/ux-fabric/iconography-graphics/feature/fatface/store-m-default.svg');
    --icon-swatch-m-default: url('/static-content/ux-fabric/iconography-graphics/feature/fatface/swatch-m-default.svg');
    --icon-international-m-default: url('/static-content/ux-fabric/iconography-graphics/feature/fatface/international-m-default.svg');
    --icon-quick-bag-m-default: url('/static-content/ux-fabric/iconography-graphics/feature/fatface/quick-bag-m-default.svg');
    --icon-secure-m-default: url('/static-content/ux-fabric/iconography-graphics/feature/fatface/secure-m-default.svg');
    --icon-calendar-m-default: url('/static-content/ux-fabric/iconography-graphics/feature/fatface/calendar-m-default.svg');
    --icon-edit-m-default: url('/static-content/ux-fabric/iconography-graphics/feature/fatface/edit-m-default.svg');
    --icon-gift-m-default: url('/static-content/ux-fabric/iconography-graphics/feature/fatface/gift-m-default.svg');
    --icon-delivery-m-default: url('/static-content/ux-fabric/iconography-graphics/feature/fatface/delivery-m-default.svg');
    --icon-fit-tall-s-default: url('/static-content/ux-fabric/iconography-graphics/feature/fatface/fit-tall-s-default.svg');
    --icon-fit-petite-s-default: url('/static-content/ux-fabric/iconography-graphics/feature/fatface/fit-petite-s-default.svg');
    --icon-fit-wide-s-default: url('/static-content/ux-fabric/iconography-graphics/feature/fatface/fit-wide-s-default.svg');
    --icon-card-m-default: url('/static-content/ux-fabric/iconography-graphics/feature/fatface/card-m-default.svg');
    --icon-giftcard-m-default: url('/static-content/ux-fabric/iconography-graphics/feature/fatface/giftcard-m-default.svg');
    --icon-document-m-default: url('/static-content/ux-fabric/iconography-graphics/feature/fatface/document-m-default.svg');
    --icon-envelope-m-default: url('/static-content/ux-fabric/iconography-graphics/feature/fatface/envelope-m-default.svg');
    --icon-phone-m-default: url('/static-content/ux-fabric/iconography-graphics/feature/fatface/phone-m-default.svg');
    --icon-creditpay-m-default: url('/static-content/ux-fabric/iconography-graphics/feature/fatface/creditpay-m-default.svg');
    --icon-credit3pay-m-default: url('/static-content/ux-fabric/iconography-graphics/feature/fatface/credit3pay-m-default.svg');
    /*Common*/
    --icon-payment-mastercard: url('/static-content/ux-fabric/iconography-graphics/common/payment/payment-mastercard.svg');
    --icon-payment-american-express: url('/static-content/ux-fabric/iconography-graphics/common/payment/payment-american-express.svg');
    --icon-payment-visa: url('/static-content/ux-fabric/iconography-graphics/common/payment/payment-visa.svg');
    --icon-payment-paypal: url('/static-content/ux-fabric/iconography-graphics/common/payment/payment-paypal.svg');
    --icon-payment-maestro: url('/static-content/ux-fabric/iconography-graphics/common/payment/payment-maestro.svg');
    --icon-payment-diners-club: url('/static-content/ux-fabric/iconography-graphics/common/payment/payment-diners-club.svg');
    --icon-payment-jcb: url('/static-content/ux-fabric/iconography-graphics/common/payment/payment-jcb.svg');
    --icon-payment-apple-pay: url('/static-content/ux-fabric/iconography-graphics/common/payment/payment-apple-pay.svg');
    --icon-payment-google-pay: url('/static-content/ux-fabric/iconography-graphics/common/payment/payment-google-pay.svg');
    --icon-payment-afterpay: url('/static-content/ux-fabric/iconography-graphics/common/payment/payment-afterpay.svg');
    --icon-payment-klarna: url('/static-content/ux-fabric/iconography-graphics/common/payment/payment-klarna.svg');
    --icon-payment-tamara: url('/static-content/ux-fabric/iconography-graphics/common/payment/payment-tamara.svg');
    --icon-payment-next-pay: url('/static-content/ux-fabric/iconography-graphics/common/payment/payment-next-pay.svg');
    --icon-payment-next-3step: url('/static-content/ux-fabric/iconography-graphics/common/payment/payment-next-3step.svg');
    --icon-payment-ideal: url('/static-content/ux-fabric/iconography-graphics/common/payment/payment-ideal.svg');
    --icon-payment-paypal-m-ident: url('/static-content/ux-fabric/iconography-graphics/common/payment/payment-paypal-m-ident.svg');
    --icon-payment-visa-m-ident: url('/static-content/ux-fabric/iconography-graphics/common/payment/payment-visa-m-ident.svg');
    --icon-payment-klarna-m-ident: url('/static-content/ux-fabric/iconography-graphics/common/payment/payment-klarna-m-ident.svg');
    --icon-mastercard-idcheck-default: url('/static-content/ux-fabric/iconography-graphics/common/payment/mastercard-idcheck-default.svg');
    /*Iconography Graphics - Service*/
    --icon-service-feefo: url('/static-content/ux-fabric/iconography-graphics/common/service/service-feefo.svg');
    --icon-service-feefo-verified: url('/static-content/ux-fabric/iconography-graphics/common/service/service-feefo-verified.svg');
    --icon-service-rating-0: url('/static-content/ux-fabric/iconography-graphics/common/service/service-rating-0.svg');
    --icon-service-rating-0-5: url('/static-content/ux-fabric/iconography-graphics/common/service/service-rating-0-5.svg');
    --icon-service-rating-1: url('/static-content/ux-fabric/iconography-graphics/common/service/service-rating-1.svg');
    /*Iconography Graphics - Social*/
    --icon-social-facebook: url('/static-content/ux-fabric/iconography-graphics/common/social/social-facebook.svg');
    --icon-social-instagram: url('/static-content/ux-fabric/iconography-graphics/common/social/social-instagram.svg');
    --icon-social-pinterest: url('/static-content/ux-fabric/iconography-graphics/common/social/social-pinterest.svg');
    --icon-social-tiktok: url('/static-content/ux-fabric/iconography-graphics/common/social/social-tiktok.svg');
    --icon-social-x: url('/static-content/ux-fabric/iconography-graphics/common/social/social-x.svg');
    --icon-social-twitter: url('/static-content/ux-fabric/iconography-graphics/common/social/social-twitter.svg');
    --icon-social-youtube: url('/static-content/ux-fabric/iconography-graphics/common/social/social-youtube.svg');
    /*Iconography Graphics - Legacy*/
    --icon-back-to-top: url('/static-content/ux-fabric/iconography-graphics/legacy/fatface/back-to-top.svg');
    --icon-calendar: url('/static-content/ux-fabric/iconography-graphics/legacy/fatface/calendar.svg');
    --icon-check-default: url('/static-content/ux-fabric/iconography-graphics/legacy/fatface/icon-ui-check.svg');
    --icon-check-default-white: url('/static-content/ux-fabric/iconography-graphics/legacy/fatface/icon-ui-check-white.svg');
    --icon-favourite-active: url('/static-content/ux-fabric/iconography-graphics/legacy/fatface/favourite-active.svg');
    --icon-favourite: url('/static-content/ux-fabric/iconography-graphics/legacy/fatface/favourite.svg');
    --icon-number-one: url('/static-content/ux-fabric/iconography-graphics/legacy/fatface/number-one.svg');
    --icon-number-two: url('/static-content/ux-fabric/iconography-graphics/legacy/fatface/number-two.svg');
    --icon-recently-viewed-arrow: url('/static-content/ux-fabric/iconography-graphics/legacy/fatface/recently-viewed-arrow.svg');
    --icon-star-rounded-large: url('/static-content/ux-fabric/iconography-graphics/legacy/fatface/star-rounded-large.svg');
    --icon-star-rounded-small: url('/static-content/ux-fabric/iconography-graphics/legacy/fatface/star-rounded-small.svg');
    --icon-superzoom-close: url('/static-content/ux-fabric/iconography-graphics/legacy/fatface/superzoom-close.svg');
    --icon-chevron-down-white: url('/static-content/ux-fabric/iconography-graphics/legacy/fatface/chevron-down-white.svg');
    --icon-ratingstar-small: url('/static-content/ux-fabric/iconography-graphics/legacy/fatface/ratingstar-small.svg');
    --icon-refresh: url('/static-content/ux-fabric/iconography-graphics/legacy/fatface/refresh.svg');
    --icon-sizing: url('/static-content/ux-fabric/iconography-graphics/legacy/fatface/sizing.svg');
    --icon-day-separator: url('/static-content/ux-fabric/iconography-graphics/legacy/fatface/day-separator.png');
    --icon-ratingstars-2x: url('/static-content/ux-fabric/iconography-graphics/legacy/fatface/ratingstars-black@2x.png');
    --icon-ratingstars: url('/static-content/ux-fabric/iconography-graphics/legacy/fatface/ratingstars-black.png');
    --icon-general_error: url('/static-content/ux-fabric/iconography-graphics/legacy/fatface/general_error.svg');
    --icon-favourite-hover: url('/static-content/ux-fabric/iconography-graphics/legacy/fatface/favourite-hover.svg');
    --icon-favourite-active-hover: url('/static-content/ux-fabric/iconography-graphics/legacy/fatface/favourite-active-hover.svg');
    --icon-m-favourite-active: url('/static-content/ux-fabric/iconography-graphics/legacy/fatface/m-favourite-active.svg');
    --icon-m-favourite: url('/static-content/ux-fabric/iconography-graphics/legacy/fatface/m-favourite.svg');
    --icon-m-favourite-hover: url('/static-content/ux-fabric/iconography-graphics/legacy/fatface/m-favourite-hover.svg');
    --icon-m-favourite-active-hover: url('/static-content/ux-fabric/iconography-graphics/legacy/fatface/m-favourite-active-hover.svg');
    --icon-favourite-loading: url('/static-content/ux-fabric/iconography-graphics/legacy/fatface/favourite-loading.gif');
    --icon-m-favourite-loading: url('/static-content/ux-fabric/iconography-graphics/legacy/fatface/m-favourite-loading.gif');
    --icon-store-locator: url('/static-content/ux-fabric/iconography-graphics/legacy/fatface/store-locator.svg');
    --icon-quick-add-to-bag: url('/static-content/ux-fabric/iconography-graphics/legacy/fatface/quick-add-to-bag.svg');
    --icon-check-m-success: url('/static-content/ux-fabric/iconography-graphics/legacy/fatface/check-m-success.svg');
    --icon-cross-m-error: url('/static-content/ux-fabric/iconography-graphics/legacy/fatface/cross-m-error.svg');
    --icon-loader-m-default: url('/static-content/ux-fabric/iconography-graphics/legacy/fatface/loader-m-default.svg');
    --icon-loader-l-default: url('/static-content/ux-fabric/iconography-graphics/legacy/fatface/loader-l-default.svg');
    /*Images*/
    --image-evoucher-number-default: url('/static-content/ux-fabric/iconography-graphics/legacy/fatface/evoucher-number-default.png');
    --image-giftcard-number-default: url('/static-content/ux-fabric/iconography-graphics/legacy/fatface/giftcard-number-default.png');
    /*Border Radius*/
    --action-default-border-radius: 0px;
    --action-strong-border-radius: 0px;
    --action-text-area-border-radius: 0px;
    --action-checkbox-border-radius: 4px;
    --components-button-default-border-radius: 0px;
    --components-color-chip-default-border-radius: 22px;
    --components-size-pill-default-border-radius: 0px;
    --components-alert-default-border-radius: 0px;
    --components-icon-button-default-border-radius: 22px;
    --components-icon-button-favourite-border-radius: 22px;
    --components-icon-button-back-to-top-border-radius: 22px;
    --components-icon-button-quick-add-to-bag-border-radius: 22px;
    --components-menu-default-border-radius: 0px;
    --components-popover-default-border-radius: 0px;
    --components-dialog-default-border-radius: 0px;
    --components-tooltip-default-border-radius: 0px;
    --components-progress-default-root-border-radius: 6px;
    --components-progress-default-bar-border-radius: 6px;
    --components-toggle-button-default-border-radius: 0px;
    --components-fit-chip-default-border-radius: 0px;
    --components-band-and-cup-chip-border-radius: 0px;
    --components-date-picker-default-border-radius: 0px;
    --components-thumbnail-default-border-radius: 0px;
    --components-payment-accordion-default-border-radius: 0px;
    /*Figma Export*/
    --primary-main: rgba(150, 199, 210, 1);
    --primary-dark: rgba(43, 86, 114, 1);
    --primary-light: rgba(213, 233, 237, 1);
    --primary-contrast: rgba(0, 0, 0, 1);
    --primary-shades-4p: rgba(150, 199, 210, 0.04);
    --primary-shades-8p: rgba(150, 199, 210, 0.08);
    --primary-shades-12p: rgba(150, 199, 210, 0.12);
    --primary-shades-disabled-30p: rgba(150, 199, 210, 0.3);
    --primary-shades-50p: rgba(150, 199, 210, 0.5);
    --secondary-main: rgba(43, 86, 114, 1);
    --secondary-dark: rgba(43, 86, 114, 1);
    --secondary-light: rgba(51, 51, 51, 1);
    --secondary-contrast: rgba(255, 255, 255, 1);
    --secondary-shades-4p: rgba(43, 86, 114, 0.04);
    --secondary-shades-8p: rgba(43, 86, 114, 0.08);
    --secondary-shades-12p: rgba(43, 86, 114, 0.12);
    --secondary-shades-disabled-30p: rgba(43, 86, 114, 0.3);
    --secondary-shades-50p: rgba(43, 86, 114, 0.5);
    --text-primary: rgba(0, 0, 0, 1);
    --text-secondary: rgba(75, 75, 75, 1);
    --text-disabled: rgba(179, 179, 179, 1);
    --text-contrast: rgba(255, 255, 255, 1);
    --action-default-enabled-background-color: rgba(255, 255, 255, 1);
    --action-default-enabled-border-color: rgba(148, 148, 148, 1);
    --action-default-enabled-icon-color: rgba(0, 0, 0, 1);
    --action-default-hovered-background-color: rgba(255, 255, 255, 1);
    --action-default-hovered-border-color: rgba(66, 66, 66, 1);
    --action-default-selected-background-color: rgba(255, 255, 255, 1);
    --action-default-selected-border-color: rgba(0, 0, 0, 1);
    --action-default-disabled-background-color: rgba(255, 255, 255, 1);
    --action-default-disabled-border-color: rgba(189, 189, 189, 1);
    --action-default-disabled-icon-color: rgba(189, 189, 189, 1);
    --action-default-error-border-color: rgba(217, 20, 64, 1);
    --action-default-error-background-color: rgba(255, 255, 255, 1);
    --action-strong-enabled-background-color: rgba(247, 247, 247, 1);
    --action-strong-enabled-border-color: rgba(148, 148, 148, 1);
    --action-strong-hovered-background-color: rgba(255, 255, 255, 1);
    --action-strong-hovered-border-color: rgba(66, 66, 66, 1);
    --action-strong-selected-background-color: rgba(255, 255, 255, 1);
    --action-strong-selected-border-color: rgba(0, 0, 0, 1);
    --action-strong-disabled-background-color: rgba(255, 255, 255, 1);
    --action-strong-disabled-border-color: rgba(189, 189, 189, 1);
    --action-strong-disabled-icon-color: rgba(189, 189, 189, 1);
    --background-main: rgba(249, 247, 245, 1);
    --background-paper: rgba(255, 255, 255, 1);
    --interactive-focus-default-outline-color: rgba(29, 137, 221, 1);
    --brand-clearance-default-background-color: rgba(239, 122, 34, 1);
    --brand-clearance-default-contrast-text-color: rgba(255, 255, 255, 1);
    --brand-clearance-default-text-color: rgba(239, 122, 34, 1);
    --brand-markdown-default-background-color: rgba(208, 26, 66, 1);
    --brand-markdown-default-contrast-text-color: rgba(255, 255, 255, 1);
    --brand-markdown-default-text-color: rgba(208, 26, 66, 1);
    --brand-promotion-default-background-color: rgba(174, 128, 43, 1);
    --brand-promotion-default-contrast-text-color: rgba(255, 255, 255, 1);
    --brand-promotion-default-text-color: rgba(174, 128, 43, 1);
    --brand-sale-default-background-color: rgba(208, 26, 66, 1);
    --brand-sale-default-contrast-text-color: rgba(255, 255, 255, 1);
    --brand-sale-default-text-color: rgba(208, 26, 66, 1);
    --brand-error-default-text-color: rgba(217, 20, 64, 1);
    --brand-error-default-icon-color: rgba(217, 20, 64, 1);
    --brand-info-default-text-color: rgba(29, 137, 221, 1);
    --brand-success-default-text-color: rgba(37, 127, 57, 1);
    --brand-success-default-icon-color: rgba(37, 127, 57, 1);
    --brand-warning-default-text-color: rgba(216, 143, 49, 1);
    --brand-logo-default-icon-color: rgba(59, 60, 67, 1);
    --components-accordion-country-select-border-color: rgba(238, 238, 238, 1);
    --components-accordion-country-select-content-background-color: rgba(255, 255, 255, 1);
    --components-accordion-country-select-header-background-color: rgba(247, 247, 247, 1);
    --components-accordion-country-select-header-text-color: rgba(0, 0, 0, 1);
    --components-alert-error-default-background-color: rgba(253, 243, 245, 1);
    --components-alert-error-default-border-color: rgba(217, 20, 64, 1);
    --components-alert-error-default-icon-color: rgba(0, 0, 0, 1);
    --components-alert-error-default-text-color: rgba(0, 0, 0, 1);
    --components-alert-warning-default-background-color: rgba(253, 249, 245, 1);
    --components-alert-warning-default-border-color: rgba(216, 143, 49, 1);
    --components-alert-warning-default-icon-color: rgba(0, 0, 0, 1);
    --components-alert-warning-default-text-color: rgba(0, 0, 0, 1);
    --components-alert-info-default-background-color: rgba(244, 249, 253, 1);
    --components-alert-info-default-border-color: rgba(29, 137, 221, 1);
    --components-alert-info-default-icon-color: rgba(0, 0, 0, 1);
    --components-alert-info-default-text-color: rgba(0, 0, 0, 1);
    --components-alert-success-default-background-color: rgba(244, 249, 246, 1);
    --components-alert-success-default-border-color: rgba(37, 127, 57, 1);
    --components-alert-success-default-icon-color: rgba(0, 0, 0, 1);
    --components-alert-success-default-text-color: rgba(0, 0, 0, 1);
    --components-app-bar-global-bar-default-background-color: rgba(43, 86, 114, 1);
    --components-app-bar-global-bar-default-border-color: rgba(247, 247, 247, 1);
    --components-app-bar-global-bar-default-icon-color: rgba(255, 255, 255, 1);
    --components-app-bar-global-bar-default-text-color: rgba(255, 255, 255, 1);
    --components-app-bar-global-bar-default-divider-default-border-color: rgba(224, 218, 209, 1);
    --components-app-bar-brand-bar-default-background-color: rgba(255, 255, 255, 1);
    --components-app-bar-brand-bar-default-border-color: rgba(238, 238, 238, 1);
    --components-app-bar-brand-bar-default-icon-color: rgba(0, 0, 0, 1);
    --components-app-bar-brand-bar-default-text-color: rgba(0, 0, 0, 1);
    --components-app-bar-brand-bar-default-logo-color: rgba(59, 60, 67, 1);
    --components-app-bar-nav-bar-default-background-color: rgba(249, 247, 245, 1);
    --components-app-bar-nav-bar-default-border-color: rgba(238, 238, 238, 1);
    --components-app-bar-nav-bar-default-icon-color: rgba(0, 0, 0, 1);
    --components-app-bar-nav-bar-default-gradient-left: linear-gradient(to right, rgba(247, 247, 247, 1), rgba(247, 247, 247, 0));
    --components-app-bar-nav-bar-default-gradient-right: linear-gradient(to right, rgba(247, 247, 247, 0.01), rgba(247, 247, 247, 1));
    --components-backdrop-default-background-color: rgba(0, 0, 0, 0.8);
    --components-badge-primary-background-color: rgba(43, 86, 114, 1);
    --components-badge-primary-icon-color: rgba(255, 255, 255, 1);
    --components-badge-primary-text-color: rgba(255, 255, 255, 1);
    --components-badge-secondary-background-color: rgba(0, 0, 0, 1);
    --components-badge-secondary-icon-color: rgba(255, 255, 255, 1);
    --components-badge-secondary-text-color: rgba(255, 255, 255, 1);
    --components-badge-notification-background-color: rgba(171, 210, 219, 1);
    --components-badge-notification-icon-color: rgba(255, 255, 255, 1);
    --components-badge-notification-text-color: rgba(255, 255, 255, 1);
    --components-band-and-cup-chip-default-enabled-unselected-border-color: rgba(242, 240, 236, 1);
    --components-band-and-cup-chip-default-enabled-unselected-text-color: rgba(0, 0, 0, 1);
    --components-band-and-cup-chip-default-enabled-unselected-background-color: rgba(242, 240, 236, 1);
    --components-band-and-cup-chip-default-enabled-selected-background-color: rgba(43, 86, 114, 1);
    --components-band-and-cup-chip-default-enabled-selected-border-color: rgba(43, 86, 114, 1);
    --components-band-and-cup-chip-default-enabled-selected-text-color: rgba(255, 255, 255, 1);
    --components-band-and-cup-chip-default-disabled-unselected-background-color: rgba(255, 255, 255, 1);
    --components-band-and-cup-chip-default-disabled-unselected-border-color: rgba(189, 189, 189, 1);
    --components-band-and-cup-chip-default-disabled-unselected-text-color: rgba(179, 179, 179, 1);
    --components-band-and-cup-chip-default-disabled-unselected-strike-color: rgba(189, 189, 189, 1);
    --components-band-and-cup-chip-default-disabled-selected-background-color: rgba(255, 255, 255, 1);
    --components-band-and-cup-chip-default-disabled-selected-border-color: rgba(43, 86, 114, 1);
    --components-band-and-cup-chip-default-disabled-selected-text-color: rgba(179, 179, 179, 1);
    --components-band-and-cup-chip-default-disabled-selected-strike-color: rgba(189, 189, 189, 1);
    --components-band-and-cup-chip-hovered-enabled-unselected-background-color: rgba(242, 240, 236, 1);
    --components-band-and-cup-chip-hovered-enabled-unselected-border-color: rgba(166, 189, 160, 1);
    --components-band-and-cup-chip-hovered-enabled-unselected-text-color: rgba(0, 0, 0, 1);
    --components-band-and-cup-chip-hovered-enabled-selected-background-color: rgba(43, 86, 114, 1);
    --components-band-and-cup-chip-hovered-enabled-selected-border-color: rgba(43, 86, 114, 1);
    --components-band-and-cup-chip-hovered-enabled-selected-text-color: rgba(255, 255, 255, 1);
    --components-band-and-cup-chip-hovered-disabled-unselected-background-color: rgba(255, 255, 255, 1);
    --components-band-and-cup-chip-hovered-disabled-unselected-border-color: rgba(43, 86, 114, 1);
    --components-band-and-cup-chip-hovered-disabled-unselected-text-color: rgba(179, 179, 179, 1);
    --components-band-and-cup-chip-hovered-disabled-unselected-strike-color: rgba(189, 189, 189, 1);
    --components-band-and-cup-chip-hovered-disabled-selected-background-color: rgba(255, 255, 255, 1);
    --components-band-and-cup-chip-hovered-disabled-selected-border-color: rgba(43, 86, 114, 1);
    --components-band-and-cup-chip-hovered-disabled-selected-text-color: rgba(179, 179, 179, 1);
    --components-band-and-cup-chip-hovered-disabled-selected-strike-color: rgba(189, 189, 189, 1);
    --components-button-contained-primary-enabled-contrast-text-color: rgba(0, 0, 0, 1);
    --components-button-contained-primary-enabled-icon-color: rgba(0, 0, 0, 1);
    --components-button-contained-primary-enabled-background-color: rgba(150, 199, 210, 1);
    --components-button-contained-primary-enabled-border-color: rgba(150, 199, 210, 1);
    --components-button-contained-primary-hovered-background-color: rgba(192, 221, 228, 1);
    --components-button-contained-primary-hovered-contrast-text-color: rgba(0, 0, 0, 1);
    --components-button-contained-primary-hovered-icon-color: rgba(0, 0, 0, 1);
    --components-button-contained-primary-hovered-border-color: rgba(192, 221, 228, 1);
    --components-button-contained-primary-disabled-background-color: rgba(179, 179, 179, 1);
    --components-button-contained-primary-disabled-contrast-text-color: rgba(255, 255, 255, 1);
    --components-button-contained-primary-disabled-icon-color: rgba(255, 255, 255, 1);
    --components-button-contained-primary-disabled-border-color: rgba(179, 179, 179, 1);
    --components-button-contained-secondary-enabled-background-color: rgba(43, 86, 114, 1);
    --components-button-contained-secondary-enabled-contrast-text-color: rgba(255, 255, 255, 1);
    --components-button-contained-secondary-enabled-icon-color: rgba(255, 255, 255, 1);
    --components-button-contained-secondary-enabled-border-color: rgba(43, 86, 114, 1);
    --components-button-contained-secondary-hovered-background-color: rgba(224, 218, 209, 1);
    --components-button-contained-secondary-hovered-contrast-text-color: rgba(43, 86, 114, 1);
    --components-button-contained-secondary-hovered-icon-color: rgba(0, 0, 0, 1);
    --components-button-contained-secondary-hovered-border-color: rgba(224, 218, 209, 1);
    --components-button-contained-secondary-disabled-background-color: rgba(179, 179, 179, 1);
    --components-button-contained-secondary-disabled-contrast-text-color: rgba(255, 255, 255, 1);
    --components-button-contained-secondary-disabled-icon-color: rgba(255, 255, 255, 1);
    --components-button-contained-secondary-disabled-border-color: rgba(179, 179, 179, 1);
    --components-button-outlined-primary-enabled-background-color: rgba(255, 255, 255, 1);
    --components-button-outlined-primary-enabled-border-color: rgba(43, 86, 114, 1);
    --components-button-outlined-primary-enabled-contrast-text-color: rgba(43, 86, 114, 1);
    --components-button-outlined-primary-enabled-icon-color: rgba(43, 86, 114, 1);
    --components-button-outlined-primary-hovered-background-color: rgba(43, 86, 114, 1);
    --components-button-outlined-primary-hovered-border-color: rgba(255, 255, 255, 1);
    --components-button-outlined-primary-hovered-contrast-text-color: rgba(255, 255, 255, 1);
    --components-button-outlined-primary-hovered-icon-color: rgba(255, 255, 255, 1);
    --components-button-outlined-primary-disabled-background-color: rgba(255, 255, 255, 1);
    --components-button-outlined-primary-disabled-border-color: rgba(179, 179, 179, 1);
    --components-button-outlined-primary-disabled-contrast-text-color: rgba(179, 179, 179, 1);
    --components-button-outlined-primary-disabled-icon-color: rgba(179, 179, 179, 1);
    --components-button-outlined-secondary-enabled-background-color: rgba(255, 255, 255, 1);
    --components-button-outlined-secondary-enabled-border-color: rgba(43, 86, 114, 1);
    --components-button-outlined-secondary-enabled-contrast-text-color: rgba(43, 86, 114, 1);
    --components-button-outlined-secondary-enabled-icon-color: rgba(43, 86, 114, 1);
    --components-button-outlined-secondary-hovered-background-color: rgba(224, 218, 209, 1);
    --components-button-outlined-secondary-hovered-border-color: rgba(224, 218, 209, 1);
    --components-button-outlined-secondary-hovered-contrast-text-color: rgba(43, 86, 114, 1);
    --components-button-outlined-secondary-hovered-icon-color: rgba(43, 86, 114, 1);
    --components-button-outlined-secondary-disabled-background-color: rgba(255, 255, 255, 1);
    --components-button-outlined-secondary-disabled-border-color: rgba(179, 179, 179, 1);
    --components-button-outlined-secondary-disabled-contrast-text-color: rgba(179, 179, 179, 1);
    --components-button-outlined-secondary-disabled-icon-color: rgba(179, 179, 179, 1);
    --components-button-unstyled-primary-enabled-contrast-text-color: rgba(0, 0, 0, 1);
    --components-button-unstyled-primary-enabled-icon-color: rgba(0, 0, 0, 1);
    --components-button-unstyled-primary-hovered-contrast-text-color: rgba(0, 0, 0, 1);
    --components-button-unstyled-primary-hovered-icon-color: rgba(0, 0, 0, 1);
    --components-button-unstyled-primary-disabled-contrast-text-color: rgba(179, 179, 179, 1);
    --components-button-unstyled-primary-disabled-icon-color: rgba(179, 179, 179, 1);
    --components-button-unstyled-secondary-enabled-contrast-text-color: rgba(43, 86, 114, 1);
    --components-button-unstyled-secondary-enabled-icon-color: rgba(43, 86, 114, 1);
    --components-button-unstyled-secondary-hovered-contrast-text-color: rgba(43, 86, 114, 1);
    --components-button-unstyled-secondary-hovered-icon-color: rgba(43, 86, 114, 1);
    --components-button-unstyled-secondary-disabled-contrast-text-color: rgba(179, 179, 179, 1);
    --components-button-unstyled-secondary-disabled-icon-color: rgba(179, 179, 179, 1);
    --components-button-group-default-border-top-color: rgba(238, 238, 238, 1);
    --components-card-card-header-default-background-color: rgba(249, 247, 245, 1);
    --components-card-card-header-default-border-color: rgba(238, 238, 238, 1);
    --components-card-card-header-default-text-color: rgba(0, 0, 0, 1);
    --components-card-card-header-default-icon-color: rgba(0, 0, 0, 1);
    --components-card-card-actions-default-background-color: rgba(249, 247, 245, 1);
    --components-card-card-actions-default-border-color: rgba(238, 238, 238, 1);
    --components-card-card-content-default-background-color: rgba(249, 247, 245, 1);
    --components-card-card-content-default-border-color: rgba(217, 217, 217, 1);
    --components-carousel-dot-enabled-background-color: rgba(255, 255, 255, 0.5);
    --components-carousel-dot-enabled-border-color: rgba(158, 158, 158, 1);
    --components-carousel-dot-enabled-icon-color: rgba(158, 158, 158, 1);
    --components-carousel-dot-active-background-color: rgba(43, 86, 114, 1);
    --components-carousel-dot-active-border-color: rgba(158, 158, 158, 1);
    --components-carousel-dot-active-icon-color: rgba(158, 158, 158, 1);
    --components-checkbox-default-enabled-unselected-background-color: rgba(255, 255, 255, 1);
    --components-checkbox-default-enabled-unselected-border-color: rgba(148, 148, 148, 1);
    --components-checkbox-default-enabled-selected-background-color: rgba(255, 255, 255, 1);
    --components-checkbox-default-enabled-selected-border-color: rgba(43, 86, 114, 1);
    --components-checkbox-default-hovered-unselected-background-color: rgba(255, 255, 255, 1);
    --components-checkbox-default-hovered-unselected-border-color: rgba(66, 66, 66, 1);
    --components-checkbox-default-hovered-selected-background-color: rgba(255, 255, 255, 1);
    --components-checkbox-default-hovered-selected-border-color: rgba(43, 86, 114, 1);
    --components-checkbox-default-disabled-unselected-background-color: rgba(255, 255, 255, 1);
    --components-checkbox-default-disabled-unselected-border-color: rgba(189, 189, 189, 1);
    --components-checkbox-default-disabled-selected-background-color: rgba(255, 255, 255, 1);
    --components-checkbox-default-disabled-selected-border-color: rgba(189, 189, 189, 1);
    --components-color-chip-default-enabled-unselected-background-color: rgba(255, 255, 255, 1);
    --components-color-chip-default-enabled-unselected-border-color: rgba(148, 148, 148, 1);
    --components-color-chip-default-enabled-selected-background-color: rgba(255, 255, 255, 1);
    --components-color-chip-default-enabled-selected-border-color: rgba(43, 86, 114, 1);
    --components-color-chip-default-disabled-unselected-background-color: rgba(255, 255, 255, 1);
    --components-color-chip-default-disabled-unselected-border-color: rgba(189, 189, 189, 1);
    --components-color-chip-default-disabled-unselected-strike-color: rgba(189, 189, 189, 1);
    --components-color-chip-default-disabled-selected-background-color: rgba(255, 255, 255, 1);
    --components-color-chip-default-disabled-selected-border-color: rgba(43, 86, 114, 1);
    --components-color-chip-default-disabled-selected-strike-color: rgba(189, 189, 189, 1);
    --components-color-chip-hovered-enabled-unselected-background-color: rgba(255, 255, 255, 1);
    --components-color-chip-hovered-enabled-unselected-border-color: rgba(43, 86, 114, 1);
    --components-color-chip-hovered-enabled-selected-background-color: rgba(255, 255, 255, 1);
    --components-color-chip-hovered-enabled-selected-border-color: rgba(43, 86, 114, 1);
    --components-color-chip-hovered-disabled-unselected-background-color: rgba(255, 255, 255, 1);
    --components-color-chip-hovered-disabled-unselected-border-color: rgba(43, 86, 114, 1);
    --components-color-chip-hovered-disabled-unselected-strike-color: rgba(189, 189, 189, 1);
    --components-color-chip-hovered-disabled-selected-background-color: rgba(255, 255, 255, 1);
    --components-color-chip-hovered-disabled-selected-border-color: rgba(43, 86, 114, 1);
    --components-color-chip-hovered-disabled-selected-strike-color: rgba(189, 189, 189, 1);
    --components-dialog-dialog-header-default-background-color: rgba(249, 247, 245, 1);
    --components-dialog-dialog-header-default-border-color: rgba(238, 238, 238, 1);
    --components-dialog-dialog-header-default-text-color: rgba(0, 0, 0, 1);
    --components-dialog-dialog-header-default-icon-color: rgba(0, 0, 0, 1);
    --components-dialog-dialog-content-default-background-color: rgba(249, 247, 245, 1);
    --components-dialog-dialog-content-default-border-color: rgba(238, 238, 238, 1);
    --components-dialog-dialog-content-default-text-color: rgba(0, 0, 0, 1);
    --components-dialog-dialog-actions-default-background-color: rgba(249, 247, 245, 1);
    --components-dialog-dialog-actions-default-border-color: rgba(238, 238, 238, 1);
    --components-dialog-dialog-actions-default-text-color: rgba(0, 0, 0, 1);
    --components-dialog-strong-border-color: rgba(0, 0, 0, 1);
    --components-dialog-default-border-color: rgba(0, 0, 0, 0);
    --components-divider-default-border-color: rgba(238, 238, 238, 1);
    --components-divider-strong-border-color: rgba(148, 148, 148, 1);
    --components-drawer-default-icon-color: rgba(255, 255, 255, 1);
    --components-fit-chip-default-enabled-unselected-background-color: rgba(242, 240, 236, 1);
    --components-fit-chip-default-enabled-unselected-border-color: rgba(242, 240, 236, 1);
    --components-fit-chip-default-enabled-unselected-text-color: rgba(0, 0, 0, 1);
    --components-fit-chip-default-enabled-selected-background-color: rgba(43, 86, 114, 1);
    --components-fit-chip-default-enabled-selected-border-color: rgba(43, 86, 114, 1);
    --components-fit-chip-default-enabled-selected-text-color: rgba(255, 255, 255, 1);
    --components-fit-chip-default-disabled-unselected-border-color: rgba(189, 189, 189, 1);
    --components-fit-chip-default-disabled-unselected-text-color: rgba(179, 179, 179, 1);
    --components-fit-chip-default-disabled-unselected-strike-color: rgba(189, 189, 189, 1);
    --components-fit-chip-default-disabled-unselected-background-color: rgba(255, 255, 255, 1);
    --components-fit-chip-default-disabled-selected-background-color: rgba(255, 255, 255, 1);
    --components-fit-chip-default-disabled-selected-border-color: rgba(43, 86, 114, 1);
    --components-fit-chip-default-disabled-selected-text-color: rgba(179, 179, 179, 1);
    --components-fit-chip-default-disabled-selected-strike-color: rgba(189, 189, 189, 1);
    --components-fit-chip-hovered-enabled-unselected-background-color: rgba(242, 240, 236, 1);
    --components-fit-chip-hovered-enabled-unselected-border-color: rgba(166, 189, 160, 1);
    --components-fit-chip-hovered-enabled-unselected-text-color: rgba(0, 0, 0, 1);
    --components-fit-chip-hovered-enabled-selected-background-color: rgba(43, 86, 114, 1);
    --components-fit-chip-hovered-enabled-selected-border-color: rgba(43, 86, 114, 1);
    --components-fit-chip-hovered-enabled-selected-text-color: rgba(255, 255, 255, 1);
    --components-fit-chip-hovered-disabled-unselected-background-color: rgba(255, 255, 255, 1);
    --components-fit-chip-hovered-disabled-unselected-border-color: rgba(43, 86, 114, 1);
    --components-fit-chip-hovered-disabled-unselected-text-color: rgba(179, 179, 179, 1);
    --components-fit-chip-hovered-disabled-unselected-strike-color: rgba(189, 189, 189, 1);
    --components-fit-chip-hovered-disabled-selected-background-color: rgba(255, 255, 255, 1);
    --components-fit-chip-hovered-disabled-selected-border-color: rgba(43, 86, 114, 1);
    --components-fit-chip-hovered-disabled-selected-strike-color: rgba(189, 189, 189, 1);
    --components-fit-chip-hovered-disabled-selected-text-color: rgba(179, 179, 179, 1);
    --components-icon-button-favourite-enabled-background-color: rgba(255, 255, 255, 1);
    --components-icon-button-favourite-enabled-icon-color: rgba(0, 0, 0, 1);
    --components-icon-button-favourite-enabled-border-color: rgba(148, 148, 148, 1);
    --components-icon-button-favourite-hovered-border-color: rgba(0, 0, 0, 1);
    --components-icon-button-favourite-hovered-background-color: rgba(255, 255, 255, 1);
    --components-icon-button-favourite-hovered-icon-color: rgba(237, 126, 106, 1);
    --components-icon-button-favourite-disabled-border-color: rgba(179, 179, 179, 1);
    --components-icon-button-favourite-disabled-background-color: rgba(255, 255, 255, 1);
    --components-icon-button-favourite-disabled-icon-color: rgba(179, 179, 179, 1);
    --components-icon-button-favourite-loading-border-color: rgba(148, 148, 148, 1);
    --components-icon-button-favourite-loading-background-color: rgba(255, 255, 255, 1);
    --components-icon-button-favourite-loading-icon-color: rgba(0, 0, 0, 1);
    --components-link-primary-enabled-text-color: rgba(43, 86, 114, 1);
    --components-link-primary-hovered-text-color: rgba(43, 86, 114, 1);
    --components-link-inherit-enabled-text-color: rgba(43, 86, 114, 1);
    --components-link-inherit-hovered-text-color: rgba(43, 86, 114, 1);
    --components-link-contrast-enabled-text-color: rgba(255, 255, 255, 1);
    --components-link-contrast-hovered-text-color: rgba(255, 255, 255, 1);
    --components-menu-default-border-color: rgba(222, 222, 222, 1);
    --components-menu-default-enabled-background-color: rgba(255, 255, 255, 1);
    --components-menu-default-enabled-text-color: rgba(0, 0, 0, 1);
    --components-menu-default-hovered-background-color: rgba(248, 248, 248, 1);
    --components-menu-default-hovered-text-color: rgba(0, 0, 0, 1);
    --components-menu-default-selected-background-color: rgba(97, 97, 97, 1);
    --components-menu-default-selected-text-color: rgba(255, 255, 255, 1);
    --components-menu-default-disabled-background-color: rgba(255, 255, 255, 1);
    --components-menu-default-disabled-text-color: rgba(179, 179, 179, 1);
    --components-menu-default-scrollbar-track-background-color: rgba(249, 249, 249, 1);
    --components-menu-default-scrollbar-track-border-color: rgba(222, 222, 222, 1);
    --components-menu-default-scrollbar-scroller-enabled-background-color: rgba(97, 97, 97, 1);
    --components-menu-default-scrollbar-scroller-hovered-background-color: rgba(85, 85, 85, 1);
    --components-progress-default-root-background-color: rgba(255, 255, 255, 1);
    --components-progress-default-bar-background-color: rgba(43, 86, 114, 1);
    --components-radio-primary-enabled-unselected-background-color: rgba(255, 255, 255, 1);
    --components-radio-primary-enabled-unselected-border-color: rgba(148, 148, 148, 1);
    --components-radio-primary-enabled-selected-background-color: rgba(255, 255, 255, 1);
    --components-radio-primary-enabled-selected-border-color: rgba(43, 86, 114, 1);
    --components-radio-primary-hovered-unselected-border-color: rgba(66, 66, 66, 1);
    --components-radio-primary-hovered-unselected-background-color: rgba(255, 255, 255, 1);
    --components-radio-primary-hovered-selected-background-color: rgba(255, 255, 255, 1);
    --components-radio-primary-hovered-selected-border-color: rgba(43, 86, 114, 1);
    --components-radio-primary-disabled-unselected-background-color: rgba(255, 255, 255, 1);
    --components-radio-primary-disabled-unselected-border-color: rgba(189, 189, 189, 1);
    --components-radio-primary-disabled-selected-background-color: rgba(255, 255, 255, 1);
    --components-radio-primary-disabled-selected-border-color: rgba(145, 188, 216, 1);
    --components-radio-secondary-enabled-unselected-background-color: rgba(255, 255, 255, 1);
    --components-radio-secondary-enabled-unselected-border-color: rgba(148, 148, 148, 1);
    --components-radio-secondary-enabled-selected-background-color: rgba(255, 255, 255, 1);
    --components-radio-secondary-enabled-selected-border-color: rgba(0, 0, 0, 1);
    --components-radio-secondary-hovered-unselected-background-color: rgba(255, 255, 255, 1);
    --components-radio-secondary-hovered-unselected-border-color: rgba(66, 66, 66, 1);
    --components-radio-secondary-hovered-selected-background-color: rgba(255, 255, 255, 1);
    --components-radio-secondary-hovered-selected-border-color: rgba(66, 66, 66, 1);
    --components-radio-secondary-disabled-unselected-background-color: rgba(255, 255, 255, 1);
    --components-radio-secondary-disabled-unselected-border-color: rgba(189, 189, 189, 1);
    --components-radio-secondary-disabled-selected-background-color: rgba(255, 255, 255, 1);
    --components-radio-secondary-disabled-selected-border-color: rgba(189, 189, 189, 1);
    --components-rating-default-enabled-background-color: rgba(0, 0, 0, 1);
    --components-rating-default-hovered-background-color: rgba(66, 66, 66, 1);
    --components-rating-default-disabled-background-color: rgba(224, 224, 224, 1);
    --components-ribbon-default-button-primary-enabled-background-color: rgba(255, 255, 255, 1);
    --components-ribbon-default-thumbnail-border-color: rgba(0, 0, 0, 0);
    --components-ribbon-timeline-item-border-color: rgba(158, 158, 158, 1);
    --components-ribbon-timeline-default-border-color: rgba(234, 234, 234, 1);
    --components-ribbon-timeline-default-background-color: rgba(234, 234, 234, 1);
    --components-ribbon-timeline-no-items-border-color: rgba(198, 198, 198, 1);
    --components-shopping-bag-card-gift-with-purchase-default-background-color: rgba(150, 199, 210, 1);
    --components-shopping-bag-card-gift-with-purchase-default-icon-color: rgba(0, 0, 0, 1);
    --components-shopping-bag-card-gift-with-purchase-default-text-color: rgba(0, 0, 0, 1);
    --components-size-pill-default-enabled-unselected-background-color: rgba(242, 240, 236, 1);
    --components-size-pill-default-enabled-unselected-border-color: rgba(242, 240, 236, 1);
    --components-size-pill-default-enabled-unselected-text-color: rgba(0, 0, 0, 1);
    --components-size-pill-default-enabled-selected-background-color: rgba(43, 86, 114, 1);
    --components-size-pill-default-enabled-selected-border-color: rgba(43, 86, 114, 1);
    --components-size-pill-default-enabled-selected-text-color: rgba(255, 255, 255, 1);
    --components-size-pill-default-disabled-unselected-background-color: rgba(255, 255, 255, 1);
    --components-size-pill-default-disabled-unselected-border-color: rgba(189, 189, 189, 1);
    --components-size-pill-default-disabled-unselected-text-color: rgba(179, 179, 179, 1);
    --components-size-pill-default-disabled-unselected-strike-color: rgba(189, 189, 189, 1);
    --components-size-pill-default-disabled-selected-background-color: rgba(255, 255, 255, 1);
    --components-size-pill-default-disabled-selected-border-color: rgba(43, 86, 114, 1);
    --components-size-pill-default-disabled-selected-text-color: rgba(179, 179, 179, 1);
    --components-size-pill-default-disabled-selected-strike-color: rgba(189, 189, 189, 1);
    --components-size-pill-hovered-enabled-unselected-background-color: rgba(242, 240, 236, 1);
    --components-size-pill-hovered-enabled-unselected-border-color: rgba(166, 189, 160, 1);
    --components-size-pill-hovered-enabled-unselected-text-color: rgba(0, 0, 0, 1);
    --components-size-pill-hovered-enabled-selected-background-color: rgba(43, 86, 114, 1);
    --components-size-pill-hovered-enabled-selected-border-color: rgba(43, 86, 114, 1);
    --components-size-pill-hovered-enabled-selected-text-color: rgba(255, 255, 255, 1);
    --components-size-pill-hovered-disabled-unselected-background-color: rgba(255, 255, 255, 1);
    --components-size-pill-hovered-disabled-unselected-border-color: rgba(43, 86, 114, 1);
    --components-size-pill-hovered-disabled-unselected-strike-color: rgba(189, 189, 189, 1);
    --components-size-pill-hovered-disabled-unselected-text-color: rgba(179, 179, 179, 1);
    --components-size-pill-hovered-disabled-selected-background-color: rgba(255, 255, 255, 1);
    --components-size-pill-hovered-disabled-selected-border-color: rgba(43, 86, 114, 1);
    --components-size-pill-hovered-disabled-selected-strike-color: rgba(189, 189, 189, 1);
    --components-size-pill-hovered-disabled-selected-text-color: rgba(179, 179, 179, 1);
    --components-tab-default-default-border-bottom-color: rgba(0, 0, 0, 1);
    --components-tab-default-default-enabled-background-color: rgba(255, 255, 255, 1);
    --components-tab-default-default-enabled-border-color: rgba(148, 148, 148, 1);
    --components-tab-default-default-active-border-color: rgba(0, 0, 0, 1);
    --components-tab-default-default-active-background-color: rgba(255, 255, 255, 1);
    --components-tab-default-default-active-border-top-color: rgba(43, 86, 114, 1);
    --components-tab-default-default-disabled-border-color: rgba(189, 189, 189, 1);
    --components-tab-default-default-disabled-background-color: rgba(247, 247, 247, 1);
    --components-tab-default-secondary-active-background-color: rgba(255, 255, 255, 1);
    --components-tab-default-secondary-active-border-top-color: rgba(0, 0, 0, 1);
    --components-tab-default-secondary-active-border-color: rgba(0, 0, 0, 1);
    --components-tab-nav-default-enabled-background-color: rgba(0, 0, 0, 0);
    --components-tab-nav-default-enabled-text-color: rgba(0, 0, 0, 1);
    --components-tab-nav-default-active-background-color: rgba(255, 255, 255, 1);
    --components-tab-nav-default-active-text-color: rgba(0, 0, 0, 1);
    --components-tab-nav-sale-enabled-text-color: rgba(208, 26, 66, 1);
    --components-tab-nav-sale-active-text-color: rgba(0, 0, 0, 1);
    --components-tab-nav-clearance-enabled-text-color: rgba(239, 122, 34, 1);
    --components-tab-nav-clearance-active-text-color: rgba(0, 0, 0, 1);
    --components-table-default-background-color: rgba(249, 247, 245, 1);
    --components-table-default-head-tr-th-background-color: rgba(255, 255, 255, 1);
    --components-table-default-head-tr-th-text-color: rgba(0, 0, 0, 1);
    --components-table-default-head-tr-th-border-bottom-color: rgba(0, 0, 0, 0);
    --components-table-default-head-tr-th-border-top-color: rgba(0, 0, 0, 0);
    --components-table-default-body-tr-background-color: rgba(249, 247, 245, 1);
    --components-table-default-body-tr-th-border-bottom-color: rgba(209, 209, 209, 1);
    --components-table-price-history-background-color: rgba(255, 255, 255, 1);
    --components-table-price-history-border-color: rgba(238, 238, 238, 1);
    --components-table-price-history-thead-background-color: rgba(238, 238, 238, 1);
    --components-table-price-history-thead-text-color: rgba(0, 0, 0, 1);
    --components-table-price-history-tbody-tr-odd-background-color: rgba(255, 255, 255, 1);
    --components-table-price-history-tbody-tr-odd-text-color: rgba(0, 0, 0, 1);
    --components-table-price-history-tbody-tr-even-background-color: rgba(247, 247, 247, 1);
    --components-table-price-history-tbody-tr-even-text-color: rgba(0, 0, 0, 1);
    --components-thumbnail-default-enabled-border-color: rgba(0, 0, 0, 0);
    --components-thumbnail-default-hovered-border-color: rgba(0, 0, 0, 1);
    --components-thumbnail-default-selected-border-color: rgba(0, 0, 0, 1);
    --components-toggle-button-selected-default-background-color: rgba(249, 247, 245, 1);
    --components-toggle-button-selected-default-border-color: rgba(43, 86, 114, 1);
    --components-toggle-button-enabled-default-background-color: rgba(255, 255, 255, 1);
    --components-toggle-button-enabled-default-border-color: rgba(148, 148, 148, 1);
    --components-toggle-button-hovered-default-background-color: rgba(255, 255, 255, 1);
    --components-toggle-button-hovered-default-border-color: rgba(66, 66, 66, 1);
    --components-toggle-button-disabled-default-background-color: rgba(255, 255, 255, 1);
    --components-toggle-button-disabled-default-border-color: rgba(189, 189, 189, 1);
    --components-tooltip-default-border-color: rgba(0, 0, 0, 1);
    --components-tooltip-default-background-color: rgba(255, 255, 255, 1);
    --components-tooltip-default-contrast-text-color: rgba(0, 0, 0, 1);
    --elevation-outlinedlight: 0rem 0rem 0rem 0.0625rem rgba(224, 224, 224, 1);
    --elevation-outlineddark: 0rem 0rem 0rem 0.0625rem rgba(255, 255, 255, 0.12);
    --elevation-1: 0rem 0.0625rem 0.1875rem 0rem rgba(0, 0, 0, 0.12), 0rem 0.0625rem 0.0625rem 0rem rgba(0, 0, 0, 0.14), 0rem 0.125rem 0.0625rem -0.0625rem rgba(0, 0, 0, 0.2);
    --elevation-2: 0rem 0.0625rem 0.3125rem 0rem rgba(0, 0, 0, 0.12), 0rem 0.125rem 0.125rem 0rem rgba(0, 0, 0, 0.14), 0rem 0.1875rem 0.0625rem -0.125rem rgba(0, 0, 0, 0.2);
    --elevation-3: 0rem 0.1875rem 0.875rem 0.125rem rgba(0, 0, 0, 0.12), 0rem 0.5rem 0.625rem 0.0625rem rgba(0, 0, 0, 0.14), 0rem 0.3125rem 0.3125rem -0.1875rem rgba(0, 0, 0, 0.2);
    --global-h1-font-family: "Figtree";
    --global-h1-font-weight: 500;
    --global-h1-font-style: normal;
    --global-h1-text-transform: none;
    --global-h1-text-decoration: none;
    --global-h1-font-size: 1.125rem;
    --global-h1-letter-spacing: 0px;
    --global-h1-line-height: 1.5;
    --global-h2-font-family: "Figtree";
    --global-h2-font-weight: 500;
    --global-h2-font-style: normal;
    --global-h2-text-transform: none;
    --global-h2-text-decoration: none;
    --global-h2-font-size: 1rem;
    --global-h2-letter-spacing: 0px;
    --global-h2-line-height: 1.5;
    --global-h3-font-family: "Figtree";
    --global-h3-font-weight: 500;
    --global-h3-font-style: normal;
    --global-h3-text-transform: none;
    --global-h3-text-decoration: none;
    --global-h3-font-size: 0.9375rem;
    --global-h3-letter-spacing: 0px;
    --global-h3-line-height: 1.5;
    --global-h4-font-family: "Figtree";
    --global-h4-font-weight: 500;
    --global-h4-font-style: normal;
    --global-h4-text-transform: none;
    --global-h4-text-decoration: none;
    --global-h4-font-size: 0.875rem;
    --global-h4-letter-spacing: 0px;
    --global-h4-line-height: 1.5;
    --global-h5-font-family: "Figtree";
    --global-h5-font-weight: 500;
    --global-h5-font-style: normal;
    --global-h5-text-transform: none;
    --global-h5-text-decoration: none;
    --global-h5-font-size: 0.8125rem;
    --global-h5-letter-spacing: 0px;
    --global-h5-line-height: 1.5;
    --global-h6-font-family: "Figtree";
    --global-h6-font-weight: 500;
    --global-h6-font-style: normal;
    --global-h6-text-transform: none;
    --global-h6-text-decoration: none;
    --global-h6-font-size: 0.75rem;
    --global-h6-letter-spacing: 0px;
    --global-h6-line-height: 1.5;
    --global-body-1-font-family: "Figtree";
    --global-body-1-font-weight: 400;
    --global-body-1-font-style: normal;
    --global-body-1-text-transform: none;
    --global-body-1-text-decoration: none;
    --global-body-1-font-size: 0.875rem;
    --global-body-1-letter-spacing: 0px;
    --global-body-1-line-height: 1.5;
    --global-body-1-link-font-family: "Figtree";
    --global-body-1-link-font-weight: 400;
    --global-body-1-link-font-style: normal;
    --global-body-1-link-text-transform: none;
    --global-body-1-link-text-decoration: underline;
    --global-body-1-link-font-size: 0.875rem;
    --global-body-1-link-letter-spacing: 0px;
    --global-body-1-link-line-height: 1.5;
    --global-body-2-font-family: "Figtree";
    --global-body-2-font-weight: 400;
    --global-body-2-font-style: normal;
    --global-body-2-text-transform: none;
    --global-body-2-text-decoration: none;
    --global-body-2-font-size: 0.75rem;
    --global-body-2-letter-spacing: 0px;
    --global-body-2-line-height: 1.5;
    --global-body-2-link-font-family: "Figtree";
    --global-body-2-link-font-weight: 400;
    --global-body-2-link-font-style: normal;
    --global-body-2-link-text-transform: none;
    --global-body-2-link-text-decoration: underline;
    --global-body-2-link-font-size: 0.75rem;
    --global-body-2-link-letter-spacing: 0px;
    --global-body-2-link-line-height: 1.5;
    --global-body-3-font-family: "Figtree";
    --global-body-3-font-weight: 500;
    --global-body-3-font-style: normal;
    --global-body-3-text-transform: none;
    --global-body-3-text-decoration: none;
    --global-body-3-font-size: 0.875rem;
    --global-body-3-letter-spacing: 0px;
    --global-body-3-line-height: 1.5;
    --global-body-3-link-font-family: "Figtree";
    --global-body-3-link-font-weight: 500;
    --global-body-3-link-font-style: normal;
    --global-body-3-link-text-transform: none;
    --global-body-3-link-text-decoration: underline;
    --global-body-3-link-font-size: 0.875rem;
    --global-body-3-link-letter-spacing: 0px;
    --global-body-3-link-line-height: 1.5;
    --global-body-4-font-family: "Figtree";
    --global-body-4-font-weight: 500;
    --global-body-4-font-style: normal;
    --global-body-4-text-transform: none;
    --global-body-4-text-decoration: none;
    --global-body-4-font-size: 0.75rem;
    --global-body-4-letter-spacing: 0px;
    --global-body-4-line-height: 1.5;
    --global-body-4-link-font-family: "Figtree";
    --global-body-4-link-font-weight: 500;
    --global-body-4-link-font-style: normal;
    --global-body-4-link-text-transform: none;
    --global-body-4-link-text-decoration: underline;
    --global-body-4-link-font-size: 0.75rem;
    --global-body-4-link-letter-spacing: 0px;
    --global-body-4-link-line-height: 1.5;
    --global-body-5-font-family: "Figtree";
    --global-body-5-font-weight: 600;
    --global-body-5-font-style: normal;
    --global-body-5-text-transform: none;
    --global-body-5-text-decoration: none;
    --global-body-5-font-size: 0.875rem;
    --global-body-5-letter-spacing: 0px;
    --global-body-5-line-height: 1.5;
    --global-body-5-link-font-family: "Figtree";
    --global-body-5-link-font-weight: 600;
    --global-body-5-link-font-style: normal;
    --global-body-5-link-text-transform: none;
    --global-body-5-link-text-decoration: underline;
    --global-body-5-link-font-size: 0.875rem;
    --global-body-5-link-letter-spacing: 0px;
    --global-body-5-link-line-height: 1.5;
    --global-body-6-font-family: "Figtree";
    --global-body-6-font-weight: 600;
    --global-body-6-font-style: normal;
    --global-body-6-text-transform: none;
    --global-body-6-text-decoration: none;
    --global-body-6-font-size: 0.75rem;
    --global-body-6-letter-spacing: 0px;
    --global-body-6-line-height: 1.5;
    --global-body-6-link-font-family: "Figtree";
    --global-body-6-link-font-weight: 600;
    --global-body-6-link-font-style: normal;
    --global-body-6-link-text-transform: none;
    --global-body-6-link-text-decoration: underline;
    --global-body-6-link-font-size: 0.75rem;
    --global-body-6-link-letter-spacing: 0px;
    --global-body-6-link-line-height: 1.5;
    --global-subtitle-1-font-family: "Figtree";
    --global-subtitle-1-font-weight: 500;
    --global-subtitle-1-font-style: normal;
    --global-subtitle-1-text-transform: none;
    --global-subtitle-1-text-decoration: none;
    --global-subtitle-1-font-size: 1rem;
    --global-subtitle-1-letter-spacing: 0px;
    --global-subtitle-1-line-height: 1.5;
    --global-subtitle-2-font-family: "Figtree";
    --global-subtitle-2-font-weight: 500;
    --global-subtitle-2-font-style: normal;
    --global-subtitle-2-text-transform: none;
    --global-subtitle-2-text-decoration: none;
    --global-subtitle-2-font-size: 0.875rem;
    --global-subtitle-2-letter-spacing: 0px;
    --global-subtitle-2-line-height: 1.5;
    --global-overline-font-family: "Figtree";
    --global-overline-font-weight: 400;
    --global-overline-font-style: normal;
    --global-overline-text-transform: uppercase;
    --global-overline-text-decoration: none;
    --global-overline-font-size: 0.75rem;
    --global-overline-letter-spacing: 1px;
    --global-overline-line-height: 1.5;
    --global-caption-font-family: "Figtree";
    --global-caption-font-weight: 400;
    --global-caption-font-style: normal;
    --global-caption-text-transform: none;
    --global-caption-text-decoration: none;
    --global-caption-font-size: 0.75rem;
    --global-caption-letter-spacing: 0px;
    --global-caption-line-height: 1.5;
    --global-display-1-font-family: "Figtree";
    --global-display-1-font-weight: 500;
    --global-display-1-font-style: normal;
    --global-display-1-text-transform: none;
    --global-display-1-text-decoration: none;
    --global-display-1-font-size: 2rem;
    --global-display-1-letter-spacing: 0px;
    --global-display-1-line-height: 1.5;
    --global-display-2-font-family: "Figtree";
    --global-display-2-font-weight: 500;
    --global-display-2-font-style: normal;
    --global-display-2-text-transform: none;
    --global-display-2-text-decoration: none;
    --global-display-2-font-size: 1.25rem;
    --global-display-2-letter-spacing: 0px;
    --global-display-2-line-height: 1.5;
    --global-h1-disabled-font-family: "Figtree";
    --global-h1-disabled-font-weight: 500;
    --global-h1-disabled-font-style: normal;
    --global-h1-disabled-text-transform: none;
    --global-h1-disabled-text-decoration: strikethrough;
    --global-h1-disabled-font-size: 1.125rem;
    --global-h1-disabled-letter-spacing: 0px;
    --global-h1-disabled-line-height: 1.5;
    --global-h2-disabled-font-family: "Figtree";
    --global-h2-disabled-font-weight: 500;
    --global-h2-disabled-font-style: normal;
    --global-h2-disabled-text-transform: none;
    --global-h2-disabled-text-decoration: strikethrough;
    --global-h2-disabled-font-size: 1rem;
    --global-h2-disabled-letter-spacing: 0px;
    --global-h2-disabled-line-height: 1.5;
    --global-h3-disabled-font-family: "Figtree";
    --global-h3-disabled-font-weight: 500;
    --global-h3-disabled-font-style: normal;
    --global-h3-disabled-text-transform: none;
    --global-h3-disabled-text-decoration: strikethrough;
    --global-h3-disabled-font-size: 0.9375rem;
    --global-h3-disabled-letter-spacing: 0px;
    --global-h3-disabled-line-height: 1.5;
    --global-h4-disabled-font-family: "Figtree";
    --global-h4-disabled-font-weight: 500;
    --global-h4-disabled-font-style: normal;
    --global-h4-disabled-text-transform: none;
    --global-h4-disabled-text-decoration: none;
    --global-h4-disabled-font-size: 0.875rem;
    --global-h4-disabled-letter-spacing: 0px;
    --global-h4-disabled-line-height: 1.5;
    --global-h5-disabled-font-family: "Figtree";
    --global-h5-disabled-font-weight: 500;
    --global-h5-disabled-font-style: normal;
    --global-h5-disabled-text-transform: none;
    --global-h5-disabled-text-decoration: strikethrough;
    --global-h5-disabled-font-size: 0.8125rem;
    --global-h5-disabled-letter-spacing: 0px;
    --global-h5-disabled-line-height: 1.5;
    --global-h6-disabled-font-family: "Figtree";
    --global-h6-disabled-font-weight: 500;
    --global-h6-disabled-font-style: normal;
    --global-h6-disabled-text-transform: none;
    --global-h6-disabled-text-decoration: strikethrough;
    --global-h6-disabled-font-size: 0.75rem;
    --global-h6-disabled-letter-spacing: 0px;
    --global-h6-disabled-line-height: 1.5;
    --global-body-1-disabled-font-family: "Figtree";
    --global-body-1-disabled-font-weight: 400;
    --global-body-1-disabled-font-style: normal;
    --global-body-1-disabled-text-transform: none;
    --global-body-1-disabled-text-decoration: strikethrough;
    --global-body-1-disabled-font-size: 0.875rem;
    --global-body-1-disabled-letter-spacing: 0px;
    --global-body-1-disabled-line-height: 1.5;
    --global-body-2-disabled-font-family: "Figtree";
    --global-body-2-disabled-font-weight: 400;
    --global-body-2-disabled-font-style: normal;
    --global-body-2-disabled-text-transform: none;
    --global-body-2-disabled-text-decoration: strikethrough;
    --global-body-2-disabled-font-size: 0.75rem;
    --global-body-2-disabled-letter-spacing: 0px;
    --global-body-2-disabled-line-height: 1.5;
    --global-body-3-disabled-font-family: "Figtree";
    --global-body-3-disabled-font-weight: 500;
    --global-body-3-disabled-font-style: normal;
    --global-body-3-disabled-text-transform: none;
    --global-body-3-disabled-text-decoration: strikethrough;
    --global-body-3-disabled-font-size: 0.875rem;
    --global-body-3-disabled-letter-spacing: 0px;
    --global-body-3-disabled-line-height: 1.5;
    --global-body-4-disabled-font-family: "Figtree";
    --global-body-4-disabled-font-weight: 500;
    --global-body-4-disabled-font-style: normal;
    --global-body-4-disabled-text-transform: none;
    --global-body-4-disabled-text-decoration: none;
    --global-body-4-disabled-font-size: 0.75rem;
    --global-body-4-disabled-letter-spacing: 0px;
    --global-body-4-disabled-line-height: 1.5;
    --global-body-5-disabled-font-family: "Figtree";
    --global-body-5-disabled-font-weight: 600;
    --global-body-5-disabled-font-style: normal;
    --global-body-5-disabled-text-transform: none;
    --global-body-5-disabled-text-decoration: strikethrough;
    --global-body-5-disabled-font-size: 0.875rem;
    --global-body-5-disabled-letter-spacing: 0px;
    --global-body-5-disabled-line-height: 1.5;
    --global-body-6-disabled-font-family: "Figtree";
    --global-body-6-disabled-font-weight: 600;
    --global-body-6-disabled-font-style: normal;
    --global-body-6-disabled-text-transform: none;
    --global-body-6-disabled-text-decoration: strikethrough;
    --global-body-6-disabled-font-size: 0.75rem;
    --global-body-6-disabled-letter-spacing: 0px;
    --global-body-6-disabled-line-height: 1.5;
    --component-button-large-font-family: "Figtree";
    --component-button-large-font-weight: 500;
    --component-button-large-font-style: normal;
    --component-button-large-text-transform: capitalize;
    --component-button-large-text-decoration: none;
    --component-button-large-font-size: 1rem;
    --component-button-large-letter-spacing: 0px;
    --component-button-large-line-height: 1.5;
    --component-button-medium-font-family: "Figtree";
    --component-button-medium-font-weight: 500;
    --component-button-medium-font-style: normal;
    --component-button-medium-text-transform: capitalize;
    --component-button-medium-text-decoration: none;
    --component-button-medium-font-size: 0.875rem;
    --component-button-medium-letter-spacing: 0px;
    --component-button-medium-line-height: 1.5;
    --component-button-small-font-family: "Figtree";
    --component-button-small-font-weight: 500;
    --component-button-small-font-style: normal;
    --component-button-small-text-transform: capitalize;
    --component-button-small-text-decoration: none;
    --component-button-small-font-size: 0.75rem;
    --component-button-small-letter-spacing: 0px;
    --component-button-small-line-height: 1.5;
    --component-input-label-1-font-family: "Figtree";
    --component-input-label-1-font-weight: 400;
    --component-input-label-1-font-style: normal;
    --component-input-label-1-text-transform: none;
    --component-input-label-1-text-decoration: none;
    --component-input-label-1-font-size: 0.875rem;
    --component-input-label-1-letter-spacing: 0px;
    --component-input-label-1-line-height: 1.5;
    --component-input-label-2-font-family: "Figtree";
    --component-input-label-2-font-weight: 400;
    --component-input-label-2-font-style: normal;
    --component-input-label-2-text-transform: none;
    --component-input-label-2-text-decoration: none;
    --component-input-label-2-font-size: 0.75rem;
    --component-input-label-2-letter-spacing: 0px;
    --component-input-label-2-line-height: 1.5;
    --component-input-text-font-family: "Figtree";
    --component-input-text-font-weight: 400;
    --component-input-text-font-style: normal;
    --component-input-text-text-transform: none;
    --component-input-text-text-decoration: none;
    --component-input-text-font-size: 0.875rem;
    --component-input-text-letter-spacing: 0px;
    --component-input-text-line-height: 1.5;
    --component-menu-item-font-family: "Figtree";
    --component-menu-item-font-weight: 400;
    --component-menu-item-font-style: normal;
    --component-menu-item-text-transform: none;
    --component-menu-item-text-decoration: none;
    --component-menu-item-font-size: 0.875rem;
    --component-menu-item-letter-spacing: 0px;
    --component-menu-item-line-height: 1.5;
    --component-menu-item-dense-font-family: "Figtree";
    --component-menu-item-dense-font-weight: 400;
    --component-menu-item-dense-font-style: normal;
    --component-menu-item-dense-text-transform: none;
    --component-menu-item-dense-text-decoration: none;
    --component-menu-item-dense-font-size: 0.875rem;
    --component-menu-item-dense-letter-spacing: 0px;
    --component-menu-item-dense-line-height: 1.5;
    --component-tab-text-1-font-family: "Figtree";
    --component-tab-text-1-font-weight: 400;
    --component-tab-text-1-font-style: normal;
    --component-tab-text-1-text-transform: none;
    --component-tab-text-1-text-decoration: none;
    --component-tab-text-1-font-size: 0.875rem;
    --component-tab-text-1-letter-spacing: 0px;
    --component-tab-text-1-line-height: 1.5;
    --component-tab-text-2-font-family: "Figtree";
    --component-tab-text-2-font-weight: 500;
    --component-tab-text-2-font-style: normal;
    --component-tab-text-2-text-transform: none;
    --component-tab-text-2-text-decoration: none;
    --component-tab-text-2-font-size: 0.875rem;
    --component-tab-text-2-letter-spacing: 0px;
    --component-tab-text-2-line-height: 1.5;
    --component-chip-font-family: "Figtree";
    --component-chip-font-weight: 400;
    --component-chip-font-style: normal;
    --component-chip-text-transform: none;
    --component-chip-text-decoration: none;
    --component-chip-font-size: 0.8125rem;
    --component-chip-letter-spacing: 0px;
    --component-chip-line-height: 1.5;
    --component-helper-text-font-family: "Figtree";
    --component-helper-text-font-weight: 400;
    --component-helper-text-font-style: normal;
    --component-helper-text-text-transform: none;
    --component-helper-text-text-decoration: none;
    --component-helper-text-font-size: 0.75rem;
    --component-helper-text-letter-spacing: 0px;
    --component-helper-text-line-height: 1.5;
    --component-badge-label-font-family: "Figtree";
    --component-badge-label-font-weight: 500;
    --component-badge-label-font-style: normal;
    --component-badge-label-text-transform: none;
    --component-badge-label-text-decoration: none;
    --component-badge-label-font-size: 0.625rem;
    --component-badge-label-letter-spacing: 0px;
    --component-badge-label-line-height: 1.5;
    --component-tooltip-font-family: "Figtree";
    --component-tooltip-font-weight: 400;
    --component-tooltip-font-style: normal;
    --component-tooltip-text-transform: none;
    --component-tooltip-text-decoration: none;
    --component-tooltip-font-size: 0.625rem;
    --component-tooltip-letter-spacing: 0px;
    --component-tooltip-line-height: 1.5;
    /*End UX Tokens*/
    /*Start MVC Variables*/
    --terms-and-condition-text-decoration: underline;
    --terms-and-privacy-border-color: #e6e6e6;
    --storelist-text-transformation: capitalize;
    --global-textdecoration-strike: line-through;
    --icon-chevron-right: url('https://xcdn.next.co.uk/TotalPlatform/Images/FatFace/chevron-right-m-default.svg');
    --icon-chevron-left: url('https://xcdn.next.co.uk/TotalPlatform/Images/FatFace/chevron-left-m-default.svg');
    --icon-chevron-up: url('https://xcdn.next.co.uk/TotalPlatform/Images/FatFace/chevron-up-m-default.svg');
    --icon-chevron-down: url('https://xcdn.next.co.uk/TotalPlatform/Images/FatFace/chevron-down-m-default.svg');
    --icon-expand: url('https://xcdn.next.co.uk/TotalPlatform/Images/FatFace/expand.svg');
    --icon-favourite-active: url('https://xcdn.next.co.uk/TotalPlatform/Images/FatFace/favourite-circle-active.svg');
    --icon-favourite: url('https://xcdn.next.co.uk/TotalPlatform/Images/FatFace/favourite-circle.svg');
    --icon-favourite-loading: url('https://xcdn.next.co.uk/TotalPlatform/Images/FatFace/favourite-circle-loading.gif');
    --icon-loader: url('https://xcdn.next.co.uk/TotalPlatform/Images/FatFace/loader.svg');
    /*Buttons*/
    --tpl-button-background-colour: #000;
    --tpl-button-opacity-disabled: 0.7;
    --tpl-button-border-radius: 0;
    --tpl-button-border: 1px solid #000;
    --tpl-button-text-colour: #fff;
    --tpl-button-hover-background-colour: #fff;
    --tpl-button-hover-text-colour: #000;
    --tpl-button-background-colour-primary: #000;
    --tpl-textbox-button-background-colour-primary: #fff;
    --tpl-button-rgba-background-colour: rgba(0, 13, 66, 0.05);
    --tpl-button-background-colour-secondary: #fff;
    --tpl-button-text-colour-secondary: #000;
    --tpl-button-text-transform: capitalize;
    /*Links*/
    --tpl-link-image-border-colour: #000;
    --tpl-header-quicklinks-colour: #515151;
    --tpl-header-quicklinks-active-colour: #000;
    --tpl-page-link-colour: #000;
    --tpl-header-links-colour: #000;
    --tpl-change-device-link-colour: #257717;
    --tpl-link-text-decoration: underline;
    --tpl-accordion-text-transform: uppercase;
    --tpl-header-title-text-trasform: uppercase;
    /*Fonts*/
    --tpl-gbl_font-size-extra-small: 10px;
    --tpl-gbl_font-size-smaller: 11px;
    --tpl-gbl_font-size-small: 12px;
    --tpl-gbl_font-size-medium: 14px;
    --tpl-gbl_font-size-intermediate: 15px;
    --tpl-gbl_font-size-mediumlarge: 16px;
    --tpl-gbl_font-size-large: 18px;
    --tpl-gbl_font-size-larger: 20px;
    --tpl-gbl_font-weight-bold: 700;
    --tpl-gbl_font-weight-normal: 400;
    --tpl-font-style-normal: normal;
    --tpl-font-stretch-normal: normal;
    --tpl-font-family-primary: "Figtree";
    --tpl-default-button-letter-spacing: 1px;
    --tpl-default-link-letter-spacing: 1px;
    --tpl-default-letter-spacing-normal: 0px;
    /*Icons*/
    /*Joules*/
    --tpl-checkout-icon-home-delivery: url('/TotalPlatform/Images/FatFace/delivery.png');
    --tpl-checkout-icon-store-collection: url('/TotalPlatform/Images/FatFace/location.png');
    --tpl-delivery-icon-store-parcelshop-collection: url('/TotalPlatform/Images/FatFace/location.png');
    --tpl-ddl-backgroud-image-chevron: url('/TotalPlatform/Images/FatFace/Chevron.svg');
    --tpl-checkout-shopping-bag-icon: url('/TotalPlatform/Images/FatFace/shopping-bag.svg');
    --tpl-secure-company-icon: url('https://xcdn.next.co.uk/TotalPlatform/Images/FatFace/logo-default.svg');
    --tpl-icon-ui-close-red: url('/TotalPlatform/Images/FatFace/icon-ui-close-red.svg');
    --tpl-icon-ui-check-green: url('/TotalPlatform/Images/FatFace/icon-ui-check-green.svg');
    --tpl-shopping-bag-icon: url('/TotalPlatform/Images/FatFace/shopping-bag.svg');
    --tpl-secure-lock-icon: url('/TotalPlatform/Images/FatFace/secure-lock.svg');
    --tpl-BagBannerClose-icon: url('/TotalPlatform/Images/FatFace/BagBannerClose.svg');
    --tpl-tick-success-icon: url('/TotalPlatform/Images/FatFace/tick-success.svg');
    --tpl-Next-logo: url('/TotalPlatform/Images/FatFace/next-logo.svg');
    --tpl-checkout-secure-company-icon: url('https://xcdn.next.co.uk/TotalPlatform/Images/FatFace/logo-default.svg');
    --tpl-checkout-secure-lock-icon: url('/TotalPlatform/Images/FatFace/secure-lock.svg');
    --tpl-tooltip: url("/Images/Gel3-0/icon-question-gap.svg");
    --tpl-credit-as-a-tender-tooltip: url('/TotalPlatform/Images/FatFace/tooltip-help-question_20by21.png');
    --tpl-edit-icon: url('/TotalPlatform/Images/FatFace/icon-change.svg');
    --tpl-delete-icon: url('/TotalPlatform/Images/FatFace/icon-delete.svg');
    --tpl-address-default-icon-display: none;
    --tpl-search-icon: url('/TotalPlatform/Images/FatFace/icon-search.svg');
    --tpl-cross-icon: url('/TotalPlatform/Images/FatFace/icon-ui-cross-white.svg');
    --tpl-account-banner-left-chevron: url('/TotalPlatform/Images/FatFace/mobile_chevron-left.svg');
    --tpl-account-icon-payment-verified-by-visa: url('/TotalPlatform/Images/FatFace/icon-payment-verified-by-visa.svg');
    --tpl-account-icon-payment-mastercard-securecode: url('/TotalPlatform/Images/FatFace/icon-payment-mastercard-securecode.svg');
    --tpl-checkout-icon-delivery: url('/TotalPlatform/Images/FatFace/icon-delivery.svg');
    --tpl-checkout-icon-sale: url('/TotalPlatform/Images/FatFace/icon-vipsale.svg');
    --tpl-checkout-icon-checkout: url('/TotalPlatform/Images/FatFace/icon-checkout.svg');
    --tpl-intl-checkout-icon-trends: url('/TotalPlatform/Images/FatFace/icon-trends.svg');
    --tpl-indicator-icon-fill: url('/TotalPlatform/Images/FatFace/icon-fill-question.svg');
    --tpl-close-white-icon: url('/TotalPlatform/Images/FatFace/icon-ui-close-white.svg');
    /*Colours*/
    --tpl-white: #ffffff;
    --tpl-background-colour: #ffffff;
    --tpl-black: #000000;
    --tpl-brand-colour: #000;
    --tpl-border-primary: #000;
    --tpl-border-secondary: #9e9e9e;
    --tpl-border-tertiary: #eaeaea;
    --tpl-border-soldout: #dedede;
    --tpl-border-international: #d1d1d1;
    --tpl-background-secondary: #f7f7f7;
    --tpl-background-tertiary: #f5f5f5;
    --tpl-carousel-background-colour: rgba(255, 255, 255, 0.5);
    --tpl-text-colour-primary: #000;
    --tpl-text-colour-secondary: #515151;
    --tpl-text-colour-tertiary: #9e9e9e;
    --tpl-secure-header-background-colour: #ffffff;
    --tpl-header-lower-background-colour: rgba(255, 255, 255, 0.9);
    --tpl-header-background-colour: #ffffff;
    --tpl-status-background-colour: unset;
    --tpl-webkit-scrollbar-background-colour: white;
    --tpl-webkit-scrollbar-thumb-background-colour: #7f7f7f;
    --tpl-webkit-scrollbar-thumb-hover-background-colour: #555;
    --tpl-page-text-colour: #000;
    --tpl-tab-border-color: #257f39;
    --tpl-tab-top-color: #000;
    --tpl-spinner-color: #2a2b2d;
    --tpl-checkbox-border-color: #000;
    --tpl-filter-status-color: #000;
    --tpl-tplitebanner-background-color: #f7fbfe;
    --tpl-tplitebanner-border-colour: #000;
    --tpl-tplitebanner-left-border-color: #1d89dd;
    --tpl-brand-colour-light: #e5e6ec;
    --tpl-tplitebanner-login-border-colour: #ffffff;
    --tpl-secure-icon-fill: #000;
    --tpl-pdp-chips-border-and-size: 2px solid #000;
    --tpl-plp-header-count-color: #515151;
    --tpl-plp-filters-border-color: #9e9e9e;
    --tpl-sizeguide-color: #000;
    --tpl-sizeguide-close-icon: url('/TotalPlatform/Images/FatFace/icon-ui-close.svg');
    --tpl-MakeDefault-colour: #949494;
    --tpl-caat-popover-border-color: solid 1px #b7b7b7;
    --tpl-caat-arrow-border-color: #b7b7b7;
    --tpl-caat-border-color: #ffffff;
    --tpl-textbox-error-text-colour: #d91440;
    --tpl-label-color: #616161;
    --tpl-soldout-color: #d91440;
    --tpl-intl-checkout-border-color: #E0E0E0;
    --tpl-success-color: #257F39;
    --tpl-success-banner-bg-color: #F4F9F6;
    --tpl-heading-border-color: #eee;
    --tpl-error-colour: #d91440;
    --tpl-shoppingbag-spinner-secondary-color: rgba(255, 255, 255, 0.05);
    --tpl-failure-banner-bg-color: #fdf3f5;
    /*General*/
    --tpl-opacity-primary: 0.87;
    --tpl-letter-spacing-normal: normal;
    --tpl-line-height-normal: normal;
    --tpl-text-decoration-none: none;
    --tpl-text-transform-capitalise: capitalize;
    --tpl-general-line-height: 1.43;
    --tpl-caat-tooltip-alignment: left;
    /* Icons + MVC Header*/
    --tpl-sort-icon: none;
    --tpl-filter-icon: none;
    --tpl-header-icon-height: 44px;
    --tpl-header-icon-width: 44px;
    --tpl-header-icon-height-padlock: 36px;
    --tpl-header-icon-width-padlock: 36px;
    --tpl-header-icon-width-bag: 36px;
    --tpl-header-icon-height-bag: 36px;
    --tpl-secure-company-icon-width: 60px;
    --tpl-header-icon-logo-order: 3;
    --tpl-header-icon-logo-margin: 0px auto;
    --tpl-header-icon-logo-position: center;
    --tpl-header-icon-logo-width: 168px;
    --tpl-header-icon-search-order: 1;
    --tpl-header-icon-fav-order: 2;
    --tpl-header-icon-account-order: 4;
    --tpl-header-icon-bag-order: 5;
    --tpl-dialogue-close-icon: url('/TotalPlatform/Images/FatFace/BagBannerClose.svg');
    /*MVC Header Specific*/
    --tpl-header-search-radius: 0px;
    --tpl-header-search-border: 1px solid #000;
    --tpl-header-navigation-border-top: 1px solid #000;
    --tpl-header-navigation-border-bottom: none;
    --tpl-header-mobile-logo-width: 224px;
    --tpl-header-mobile-xs-logo-width: 170px;
    --tpl-header-mobile-logo-height: 13px;
    --tpl-header-mobile-xs-logo-height: 14px;
    --tpl-header-desktop-logo-width: 230px;
    --tpl-header-desktop-logo-margin: 8px 0px;
    --tpl-header-desktop-background-size: contain;
    --tpl-header-desktop-button-checkout-background: #fff;
    --tpl-header-desktop-button-checkout-border: 1px solid #000;
    --tpl-header-desktop-button-checkout-color: #000;
    --tpl-header-desktop-button-checkout-hover-background: #fff;
    --tpl-header-desktop-button-checkout-hover-border: 1px solid #000;
    --tpl-header-desktop-button-checkout-hover-color: #000;
    --tpl-header-mobile-logo-width-2: 65px;
    --tpl-header-mobile-logo-height-2: 32px;
    --tpl-header-ribbon-background-color: #000;
    --tpl-header-ribbon-text-color: #fff;
    --tpl-header-desktop-nav-align: space-between;
    --tpl-header-desktop-nav-gap: 0px;
    --tpl-header-ribbon-logo: url(/Images/next-logo-white.svg);
    --tpl-header-megana9-max-height: 12px;
    --tpl-breadcrumb-background: #f7f7f7;
    --tpl-breadcrumb-border-bottom: 1px solid #c7c5c5;
    --tpl-breadcrumb-back-border: 1px solid #c5c5c5;
    --tpl-result-header-top: 110px;
    --tpl-result-header-margin-top: 32px;
    /*My Account Banner Styling*/
    --tpl-account-banner-border: 2px solid #eaeaea;
    --tpl-account-banner-border-radius: 4px;
    --tpl-account-banner-header-background-color: #fff;
    --tpl-account-banner-header-brand-logo-size: 220px;
    --tpl-account-banner-body-background: #f7f7f7;
    --tpl-account-banner-body-color: #000;
    --tpl-account-banner-body-link-color: #007a7a;
    --tpl-nextpartner-account-banner-background-colour: #f4f9fd;
    /*Order Tracking*/
    --tpl-order-tracking-border: 1px solid #D1D1D1;
    --tpl-order-tracking-date-text-colour: #257F39;
    --tpl-order-tracking-track-point-border: solid 2px;
    --tpl-order-tracking-not-active-colour: #949494;
    --tpl-order-tracking-accordion-colour: #f7f7f7;
    --tpl-order-tracking-lite-customer-ref-image: url(/Images/FatFace/FatFace-customer-ref-graphic.png);
    /*Clearance Page Styling*/
    --tpl-search-clearance-button-width: 85%;
    --tpl-search-clearance-image-width: 152px;
    --tpl-search-form-height: 130px;
    --tpl-search-form-width: 780px;
    --tpl-search-form-top: 0px;
    --tpl-filter-header-colour: #fff;
    --tpl-filter-header-height: 44px;
    --tpl-search-control-height: 140px;
    --tpl-sizes-available-letter-spacing: 0.12px;
    --tpl-sizes-line-height: 18px;
    --tpl-search-clearance-form-colour: rgba(0, 13, 66, 0.1);
    --tpl-clearance-now-price-colour: #d71849;
    /*Secure header*/
    --tpl-secure-header-height: 44px;
    --tpl-header-height: 89px;
    --tpl-secure-header-distance-logo: 3px 0px 0px 4px;
    --tpl-secure-header-distance-logo-margin: 9px 0px 0px 12px;
    --tpl-secure-distance-logo-padlock: 10px 0px 0px 12px;
    --tpl-secure-distance-shoppingbag: 16px;
    --tpl-secure-distance-shoppingbag-top: 13px 6px 0px;
    --tpl-secure-item-count-top: 5px;
    --tpl-secure-item-count-margin-top: 4px;
    --tpl-secure-item-count-margin-top-checkout: 6px;
    --tpl-secure-item-count-left: -1px;
    --tpl-secure-item-count-margin-left: -4px;
    --tpl-secure-item-count-margin-left-checkout: -4px;
    --tpl-secure-header-width: 100%;
    --tpl-secure-header-icon-width-padlock: 16px;
    --tpl-secure-header-icon-height-padlock: 19.2px;
    --tpl-secure-header-padlock-margin: 8px 0px 12.8px 12px;
    --tpl-secure-header-company-logo-height: 20px;
    --tpl-secure-header-company-logo-width: 66px;
    --tpl-countryselect-header-company-logo-width: 66px;
    --tpl-secure-header-company-logo-margin: 12px 0px 0px 16px;
    --tpl-secure-header-company-logo-margin-top: 10px;
    --tpl-secure-header-shopping-bag-height: 20px;
    --tpl-secure-header-shopping-bag-width: 20px;
    --tpl-secure-header-shopping-bag-margin: 2px 0 0 0;
    --tpl-secure-sub-header-border: 1px solid #eaeaea;
    /*Promos*/
    --tpl-font-size-input: 14px;
    --tpl-font-size-discount-value: 16px;
    --tpl-font-weight-discount: 500;
    --tpl-primary-text-colour: #000000;
    --tpl-promo-text-colour: #257f39;
    --tpl-promo-text-alt-colour: #257717;
    --tpl-placeholder-text-colour: #9E9E9E;
    /*eVouchers*/
    --tpl-eVoucher-delivery-date-background-image: url('/TotalPlatform/Images/FatFace/atom-icon-24-px-calendar.svg');
    --tpl-eVoucher-chevron-left: url('/TotalPlatform/Images/FatFace/01-atom-icon-utility-chevron-left.svg');
    --tpl-eVoucher-chevron-right: url('/TotalPlatform/Images/FatFace/01-atom-icon-utility-chevron-right.svg');
    /*Checkout Order Summary*/
    --tpl-checkout-order-summary-total-charge-or-incentive-margin-top: 8px;
    --tpl-checkout-order-summary-total-charge-or-incentive-margin-bottom: 8px;
    /*Checkout*/
    --tpl-checkout-button-border-color: #000;
    --tpl-checkout-form-success-border-color: #30a74b;
    --tpl-checkout-button-border-radius: 0;
    --tpl-checkout-button-font-weight-bold: 600;
    --tpl-checkout-button-nonactive-border-color: #949494;
    --tpl-checkout-border-bottom: none;
    --tpl-checkout-border-color: #000;
    --tpl-checkout-border-nonactive-color: #949494;
    --tpl-checkout-border-radius: 0;
    --tpl-checkout-payment-totals-border-radius: 0;
    --tpl-checkout-border-top: none;
    --tpl-checkout-checkbox-border-color: #949494;
    --tpl-checkout-checkbox-border-radius: 0px;
    --tpl-checkout-input-border-radius: 0;
    --tpl-checkout-input-textbox-error-background-color: #d91440;
    --tpl-checkout-promos-error-message-text-color: #d91440;
    --tpl-checkout-promos-promo-code-text-letter-spacing: 0;
    --tpl-checkout-promos-promo-code-text-transform: capitalize;
    --tpl-checkout-promos-promo-code-input-border-radius: 22px 0 0 22px;
    --tpl-checkout-promos-promo-code-input-font-size: 14px;
    --tpl-checkout-promos-promo-code-apply-button-border-radius: 0 22px 22px 0;
    --tpl-checkout-promos-promo-code-apply-button-font-size: 14px;
    --tpl-checkout-promos-promo-code-apply-button-font-weight: 600;
    --tpl-checkout-radiobutton-background-color: #fff;
    --tpl-checkout-select-border-radius: 0px;
    --tpl-checkout-tab-border-color: #DC218A;
    --tpl-checkout-tab-background-color: #fff;
    --tpl-checkout-text-transform: capitalize;
    --tpl-checkout-text-case: capitalize;
    --tpl-checkout-text-color: #000;
    --tpl-checkout-tab-text-color: #000;
    --tpl-checkout-order-complete-icon: url('/TotalPlatform/Images/FatFace/icon-utility-check.svg');
    --tpl-checkout-storetray-overlay-color: rgba(0, 0, 0, 0.9);
    --tpl-checkout-checkout-branding-account-outer-container-margin: 0px;
    --tpl-checkout-login-content-margin-left: 16px;
    --tpl-checkout-next-branding-wrapper-container-padding-top: 0;
    --tpl-checkout-next-branding-wrapper-container-padding-left: 0;
    --tpl-checkout-next-branding-wrapper-container-padding-right: 0;
    --tpl-checkout-next-branding-wrapper-body-padding: 0;
    --tpl-checkout-next-branding-inner-container-padding-left: 0;
    --tpl-checkout-next-branding-inner-container-padding-right: 0;
    --tpl-checkout-vision-poppins-font-gel3-finder-item-count-top: -19px;
    --tpl-checkout-session-header-font-weight: bold;
    --tpl-checkout-session-header-font-size: 14px;
    --tpl-checkout-secure-nav-text-middle-left: 140px;
    --tpl-checkout-secure-nav-text-middle-top: 5px;
    --tpl-checkout-secure-nav-help-link-display: none;
    --tpl-checkout-secure-nav-pipe-separator: none;
    --tpl-checkout-secure-nav-bag-icon-right: -36px;
    --tpl-checkout-secure-nav-help-link-container-small-screen-width: 25%;
    --tpl-checkout-secure-nav-help-link-container-right: 16px;
    --tpl-checkout-secure-header-heading-span-font-weight: 500;
    --tpl-checkout-secure-footer-span-font-weight: 500;
    --tpl-checkout-secure-delivery-option-next-branding-wrapper-container-border: none;
    --tpl-checkout-secure-delivery-option-tab-top-radius: 4px;
    --tpl-checkout-secure-delivery-onboard-store-collection-image: url('/TotalPlatform/Images/FatFace/location.png');
    --tpl-checkout-secure-delivery-onboard-home-delivery-image: url('/TotalPlatform/Images/FatFace/delivery.png');
    --tpl-checkout-secure-delivery-option-tabs-border-screen-md-width: 100vw;
    --tpl-checkout-secure-delivery-option-tabs-border-screen-md-margin-left: -25%;
    --tpl-checkout-secure-delivery-option-tabs-border-screen-lg-width: 120vw;
    --tpl-checkout-secure-delivery-option-tabs-border-screen-lg-margin-left: -50%;
    --tpl-checkout-secure-delivery-option-delivery-options-total-border: 0;
    --tpl-checkout-secure-delivery-option-additional-option-link-text-decoration: underline;
    --tpl-checkout-secure-delivery-option-totals-amount-font-weight: normal;
    --tpl-checkout-secure-delivery-option-tray-header-sub-header-font-size: 14px;
    --tpl-checkout-secure-delivery-option-tray-header-sub-header-font-weight: bold;
    --tpl-checkout-secure-delivery-option-tray-header-container-border-bottom: none;
    --tpl-checkout-secure-delivery-option-tray-store-address-list-distance-text-display: none;
    --tpl-checkout-secure-delivery-option-tray-store-address-list-distance-more-info-text-decoration: none;
    --tpl-checkout-secure-delivery-option-tray-store-address-list-distance-more-info-right: auto;
    --tpl-checkout-secure-delivery-option-tray-store-address-list-address-text-font-weight: normal;
    --tpl-checkout-secure-delivery-option-tray-store-addresses-margin-bottom: 24px;
    --tpl-checkout-secure-delivery-option-tray-store-addresses-border: solid 1px #eee;
    --tpl-checkout-secure-delivery-slot-button-radius: 4px;
    --tpl-checkout-store-search-icon: url('/TotalPlatform/Images/FatFace/icon-ui-clear-search.png');
    --tpl-checkout-promos-primary-background-color: #f4f9fd;
    --tpl-checkout-promos-primary-border-left-color: #1d89dd;
    --tpl-checkout-store-address-check-icon: url('/TotalPlatform/Images/FatFace/icon-utility-check-black.svg');
    --tpl-delivery-method-heading-icon-display: none;
    --tpl-delivery-method-heading-text-font-weight: bold;
    --tpl-delivery-method-border: 2px solid #000;
    --tpl-delivery-method-border-radius: 0;
    --tpl-guest-checkout-marketing-preference-check-icon: url('/TotalPlatform/Images/FatFace/icon-ui-check.svg');
    --tpl-order-complete-background: none;
    --tpl-order-complete-print-weight: 600;
    --tpl-delivery-options-order-complete-border-color: #dedede;
    --tpl-order-complete-page-title-text-transform: capitalize;
    --tpl-order-complete-copy-border: solid 2px #000;
    --tpl-order-complete-checkbox-border: solid 1px #949494;
    --tpl-order-complete-font-family-primary: "Azo-Sans", sans-serif;
    --tpl-order-complete-primary-section-margin-top: 16px;
    --tpl-order-complete-secondary-section-margin-top: 32px;
    --tpl-order-complete-secondary-padding-top: 12px;
    --tpl-order-complete-secondary-padding-bottom: 12px;
    --tpl-order-complete-guest-marketing-letter-spacing: 1px;
    --tpl-rgba-background-colour: rgba(255, 255, 255);
    --tbl-checkout-incentive-accordian-margin: 16px;
    --tpl-checkout-delivery-button-border-color: #DC218A;
    --tpl-checkout-delivery-button-rgba-background-color: rgba(220, 33, 138, 0.10);
    --tpl-order-complete-intelrecs-description-height: 40px;
    /*Secure*/
    --tpl-secure-emailoraccountnumber-font-weight: bold;
    --tpl-secure-emailoraccountnumber-margin-bottom: 12px;
    --tpl-secure-registration-button-border-left-radius: 0;
    --tpl-secure-registration-checkbox-border-radius: 5px;
    --tpl-secure-gel3-finder-item-count-top: 3px;
    --tpl-secure-req-banner-font-weight: bold;
    --tpl-secure-email-change-font-weight: 600;
    --tpl-secure-header-border-bottom: 0;
    --tpl-secure-subheader-page-title-font-weight: 500;
    --tpl-secure-advisory-title-font-weight: bold;
    --tpl-secure-auth-banner-header-margin: 16px;
    --tpl-secure-success-header-title-padding-bottom: 10px;
    --tpl-secure-welcome-page-message-font-weight: normal;
    --tpl-secure-welcome-page-message-padding: 0 8px;
    --tpl-secure-welcome-page-message-thank-register-font-weight: bold;
    --tpl-secure-welcome-page-shop-now-button-font-size: 14px;
    --tpl-secure-welcome-page-shop-now-button-font-weight: 600;
    --tpl-secure-intuitive-login-email-checked-input-right-border-radius: 0;
    --tpl-secure-intuitive-login-email-checked-bottom-font-weight: 600;
    --tpl-secure-intuitive-login-email-checked-forgotten-password-text-decoration: none;
    --tpl-secure-intuitive-login-email-checked-forgotten-password-colour: #000;
    --tpl-secure-intuitive-login-email-checked-forgotten-password-font-weight: bold;
    --tpl-secure-intuitive-login-email-checked-back-button-font-weight: bold;
    --tpl-secure-intuitive-login-email-checked-failure-message-title-font-weight: bold;
    --tpl-secure-intuitive-login-email-checked-failure-message-body-font-weight: normal;
    --tpl-secure-intuitive-login-email-checked-login-reregister-text-margin: 16px;
    --tpl-secure-intuitive-login-email-checked-login-reregister-text-width: calc(100% - 32px);
    --tpl-secure-forgotten-password-message-font-size: 14px;
    --tpl-secure-registration-page-heading-border: 1px solid #eeeeee;
    --tpl-secure-registration-link-enter-address-manually-font-weight: bold;
    --tpl-secure-registration-info-text-color: #616161;
    --tpl-secure-registration-input-checkbox-size: 20px;
    --tpl-secure-registration-input-textbox-success-colour: #257f39;
    --tpl-secure-registration-input-textbox-error-colour: #d91440;
    --tpl-secure-registration-password-title-colour: #ef6c00;
    --tpl-secure-registration-inactive-colour: #515151;
    --tpl-secure-registration-checkout-register-postcode-colour: #007a7a;
    --tpl-secure-registration-banner-info-colour: #f4f9fd;
    --tpl-secure-registration-banner-info-border-colour: #1d89dd;
    --tpl-secure-registration-failed-message-font-weight: normal;
    --tpl-secure-registration-failed-message-border: none;
    --tpl-secure-registration-failed-message-border-left: solid 2px #d91440;
    --tpl-secure-registration-system-message-border-left: 2px solid #d88f31;
    --tpl-secure-registration-system-message-background-color: #fdf9f5;
    --tpl-secure-registration-success-promotion-message-border-left: solid 2px #257F39;
    --tpl-secure-reset-sign-in-details-input-border-radius: 0;
    --tpl-secure-reset-sign-in-details-input-button-font-weight: 600;
    /*PDP*/
    --tpl-pdp-rv-inbag-text: "IN BAG";
    --tpl-pdp-tabs-active-border: var(--tpl-brand-colour) #000 #fff #000;
    /* PDP Images L + up */
    --tpl-pdp-l-thumbail-width: 81px;
    --tpl-pdp-l-thumbail-height: 108px;
    --tpl-pdp-l-height: 560px;
    /*PDP Images XL - min-width: 1280px */
    --tpl-pdp-xl-thumbail-width: 99px;
    --tpl-pdp-xl-thumbail-height: 132px;
    --tpl-pdp-xl-height: 652px;
    /*WAYS TO PAY*/
    --tpl-ways-to-pay-payment-option-border-radius: 0;
    --tpl-ways-to-pay-payment-option-colour: white;
    --tpl-ways-to-pay-payment-totals-border: none;
    --tpl-sale-markdown-highlightPrice-colour: #d91440;
    --tpl-sale-markdown-wasprice-colour: rgba(0, 0, 0, 0.87);
    --tpl-ways-to-pay-payment-panel-border-radius: 0px;
    --tpl-ways-to-pay-payment-panel-total-margin: 1rem;
    /*MyAccount Styling*/
    --tpl-myaccount-border-radius: var(--tpl-button-border-radius);
    --tpl-myaccount-input-padding: 5px;
    --tpl-myaccount-button-bg-color: var(--tpl-button-background-colour);
    --tpl-myaccount-button-text-color: var(--tpl-button-text-colour);
    --tpl-myaccount-privacy-link-color: var(--tpl-black);
    --tpl-myaccount-checkbox-border-radius: 0px;
    --tpl-myaccount-checkbox-tick-size: 80%;
    --tpl-myaccount-backdrop-50p: rgba(0, 0, 0, 0.5);
    --tpl-myaccount-dialogue-window-close-icon: url('/TotalPlatform/Images/FatFace/icon-ui-dialogue-window-close-black.svg');
    --tpl-myaccount-dialogue-window-border: 1px solid #c7c5c5;
    --tpl-myaccount-button-font-size: 16px;
    --tpl-myaccount-button-text-transform: capitalize;
    --tpl-myaccount-dialogue-window-close-flat-icon: url('/TotalPlatform/Images/FatFace/close-flat.png');
    --tpl-myaccount-marketing-pref-checkbox-padding-top: 5px;
    --tpl-myaccount-marketing-pref-checkbox-margin-top: 20px;
    /*End MVC Variables*/
}