@import "../Fonts/Jost/Jost.css";

:root, ::before {
    /*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;
    --tpl-pdp-tabs-active-border: var(--tpl-brand-colour) #000 #fff #000;
    /*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-weight-bold: 500;
    --tpl-gbl_font-weight-normal: 400;
    --tpl-font-style-normal: normal;
    --tpl-font-stretch-normal: normal;
    --tpl-font-family-primary: Jost;
    --tpl-default-button-letter-spacing: 1px;
    --tpl-default-link-letter-spacing: 1px;
    --tpl-default-letter-spacing-normal: normal;
    --tpl-header-letter-spacing: 1px;
    /*Icons*/
    --tpl-secure-company-icon: url(/Images/Joules/logo.svg);
    --tpl-shopping-bag-icon: url(/images/JoJo/shopping-bag.svg);
    --tpl-quick-addtobag-icon: url(/images/Joules/Quick-AddToBag-Icon.svg);
    --tpl-contactus-icon: url(/images/JoJo/contact.svg);
    --tpl-secure-lock-icon: url("/Images/JoJo/secure-lock.svg");
    --tpl-BagBannerClose-icon: Url("/Images/JoJo/BagBannerClose.svg");
    --tpl-search-icon: url("/Images/JoJo/search.svg");
    --tpl-tick-success-icon: url("/Images/JoJo/tick-success.svg");
    --tpl-Next-logo: url("/Images/JoJo/next-logo.svg");
    --tpl-checkout-shopping-bag-icon: url(/images/Joules/shopping-bag.svg);
    --tpl-checkout-secure-lock-icon: url("/Images/JoJo/secure-lock.svg");
    --tpl-tooltip: url("/Images/Joules/Question.svg");
    --tpl-credit-as-a-tender-tooltip: url('/Images/JoJo/tooltip-help-question_20by21.png');
    --tpl-edit-icon: url("/Images/JoJo/icon-change.svg");
    --tpl-delete-icon: url("/Images/JoJo/icon-delete.svg");
    --tpl-address-default-icon-display: none;
    --tpl-ddl-backgroud-image-chevron: url('/Images/Joules/Chevron.svg');
    --tpl-ddl-icon-down-chevron: url('/Images/Joules/Chevron.svg');
    --tpl-store-clear-selection: url(/Images/JoJo/clear-store-selection.svg);
    --tpl-search-icon: url(/Images/JoJo/icon-search.svg);
    --tpl-account-banner-left-chevron: url('/Images/JoJo/mobile_chevron-left.svg');
    --tpl-account-icon-payment-verified-by-visa: url('/Images/JoJo/icon-payment-verified-by-visa.svg');
    --tpl-account-icon-payment-mastercard-securecode: url(/Images/JoJo/icon-payment-mastercard-securecode.svg);
    --tpl-icon-ui-chevron: url('/Images/JoJo/icon-ui-chevron.svg');
    --tpl-checkout-icon-delivery: url(/Images/JoJo/icon-delivery.svg);
    --tpl-checkout-icon-sale: url(/Images/JoJo/icon-vipsale.svg);
    --tpl-checkout-icon-checkout: url(/Images/JoJo/icon-checkout.svg);
    --tpl-checkout-icon-home-delivery: url(/Images/Joules/delivery.png);
    --tpl-checkout-icon-store-collection: url(/Images/Joules/location.png);
    --tpl-delivery-icon-store-parcelshop-collection: url(/Images/Joules/location.png);
    --tpl-inactive-favourite-icon: url('/Images/Joules/Favourite.svg');
    --tpl-fav-heart-icon-inactive: url('/Images/Joules/Favourite.svg');
    --tpl-fav-heart-icon-active: url('/Images/Joules/Favourite-Active.svg');
    /*Colours*/
    --tpl-white: #ffffff;
    --tpl-background-colour: #ffffff;
    --tpl-black: #000000;
    --tpl-brand-colour: #000;
    --tpl-secondary-brand-colour: #DC218A;
    --tpl-store-locator-background-colour: #FCEDF6;
    --tpl-border-primary: #000;
    --tpl-border-secondary: #9e9e9e;
    --tpl-border-tertiary: #eaeaea;
    --tpl-border-soldout: #dedede;
    --tpl-background-secondary: #f7f7f7;
    --tpl-background-tertiary: #f5f5f5;
    --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: #ffffff;
    --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: #eee;
    --tpl-tplitebanner-login-border-colour: #ffffff;
    --tpl-secure-icon-fill: #000;
    --tpl-pdp-chips-border: solid 1px #9e9e9e;
    --tpl-pdp-chips-border-and-size: 2px solid #000;
    --tpl-plp-header-count-color: #515151;
    --tpl-plp-filters-border-color: #9e9e9e;
    --tpl-search-clearance-form-colour: rgba(215, 24, 73, 0.07);
    --tpl-sizeguide-color: #000;
    --tpl-sizeguide-alignment: var(--tpl-float-left);
    --tpl-MakeDefault-colour: #949494;
    --tpl-caat-popover-border-color: solid 1px #b7b7b7;
    --tpl-caat-arrow-border-color: #b7b7b7;
    --tpl-caat-border-color: #ffffff;
    --tpl-caat-footer-border-color: 1px solid #e6e6e6;
    --tpl-caat-tray-button-background-color: #30a74b;
    --tpl-caat-tray-font-weight: 500;
    --tpl-caat-tray-text-align: right;
    --tpl-caat-tray-line-height: normal;
    --tpl-caat-text-color: var(--tpl-brand-colour);
    --tpl-caat-tray-button-color: #ffffff;
    --tpl-caat-footer-background-color: #f4f9f6;
    --tpl-caat-footer-text-align: center;
    --tpl-caat-footer-border-top: 1px solid #e6e6e6;
    --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;
    /* PDP Chips */
    --tpl-pdp-chips-border-and-size-soldout: 2px solid var(--tpl-border-soldout);
    --tpl-pdp-chips-border-radius: 0;
    --tpl-pdp-chips-padding-active-hover: 2px;
    --tpl-pdp-chips-size: 34px;
    --tpl-pdp-chips-size-inner: 30px;
    --tpl-pdp-chips-border: 1px solid var(--tpl-text-colour-tertiary);
    --tpl-pdp-chips-border-soldout: 1px solid var(--tpl-border-soldout);
    --tpl-pdp-chips-margin: 0 12px 16px 0;
    --tpl-pdp-size-chips-OOS-strike-color: var(--tpl-border-soldout);
    --tpl-pdp-chips-size-active-hover: 28px;
    --tpl-pdp-chips-size-mobile: 44px;
    --tpl-pdp-chips-size-active-hover-mobile: 36px;
    /*mobile*/
    --tpl-pdp-title-padding-mobile: 0 11px 9px 11px;
    --tpl-pdp-chips-margin-mobile: 0 16px 8px 0;
    --tpl-pdp-chips-size-inner-mobile: 36px;
    --tpl-pdp-chips-border-active: 2px solid var(--tpl-brand-colour);
    --tpl-pdp-chips-padding-mobile: 2px 1px 0 1px;
    --tpl-pdp-minibag-button-transform: lowercase;
    /*General*/
    --tpl-opacity-primary: 0.87;
    --tpl-padding-margin-zero: 0px;
    --tpl-position-absolute: absolute;
    --tpl-background-repeat: background-repeat;
    --tpl-text-align-right: right;
    --tpl-text-align-center: center;
    --tpl-float-right: right;
    --tpl-float-left: left;
    --tpl-letter-spacing-normal: normal;
    --tpl-text-decoration-none: none;
    --tpl-flex-grow-zero: 0;
    --tpl-text-transform-lowercase: lowercase;
    --tpl-text-transform-capitalise: capitalize;
    --tpl-width-100-percent: 100%;
    --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; /*We need this to center the logo. change to 'unset' is not centered*/
    --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;
    /*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: 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/JoJo/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: #eee;
    /*Order Tracking*/
    --tpl-order-tracking-border: 1px solid #D1D1D1;
    --tpl-order-tracking-date-text-colour: #257F39;
    --tpl-order-tracking-home-icon: url(/Images/Joules/icon-generic-home.svg);
    --tpl-order-tracking-track-point-border: solid 2px;
    --tpl-order-tracking-not-active-colour: #949494;
    --tpl-order-tracking-accordion-colour: #f7f7f7;
    /*Order Tracking Lite*/
    --tpl-order-tracking-lite-customer-ref-image: url(/Images/Joules/joules-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-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: 4px;
    --tpl-secure-item-count-left: -3px;
    --tpl-secure-item-count-margin-left: -4px;
    --tpl-secure-header-width: 100%;
    --tpl-secure-header-icon-width-padlock: 16px;
    --tpl-secure-header-icon-height-padlock: 19.2px;
    --tpl-secure-header-company-logo-height: 20px;
    --tpl-secure-header-company-logo-width: 120px;
    --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;
    /*Recently Viewed*/
    --tpl-recentlyviewed-controls-margin-top: 3px;
    --tpl-recentlyviewed-font-color: #000000;
    /*Favourites*/
    --tpl-fav-display-mode: block;
    /*Shopping Bag Styling*/
    --tpl-shopping-bag-font-size-large: 18px;
    --tpl-shopping-bag-total-text-font-size: 14px;
    --tpl-shopping-bag-total-value-font-size: 16px;
    --tpl-shopping-bag-primary-font-colour: #000000;
    --tpl-save-for-later-image-padding-right: 0px;
    --tpl-save-for-later-text-align: right;
    --tpl-save-for-later-text-transform: uppercase;
    --tpl-save-for-later-image: none;
    --tpl-save-for-later-remove-image: none;
    --tpl-save-for-later-remove-image-border: none;
    --tpl-save-for-later-remove-image-background-colour: transparent;
    --tpl-shoppingbag-item-header-background-color: transparent;
    --tpl-shoppingbag-item-header-border: none;
    --tpl-shopmore-text-transform: var(--tpl-button-text-transform);
    /*Promos*/
    --tpl-font-size-input: 14px;
    --tpl-font-size-promo-subheading: 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(/Images/JoJo/atom-icon-24-px-calendar.svg);
    --tpl-eVoucher-field-info-background-image: url("/images/JoJo/form-icon-help.png");
    --tpl-eVoucher-legend1-background-image: url("/images/Joules/number-icon-one.svg");
    --tpl-eVoucher-legend2-background-image: url("/images/Joules/number-icon-two.svg");
    --tpl-eVoucher-chevron-left: url('/Images/JoJo/01-atom-icon-utility-chevron-left.svg');
    --tpl-eVoucher-chevron-right: url('/Images/JoJo/01-atom-icon-utility-chevron-right.svg');
    --tpl-eVoucher-question: url('/Images/JoJo/Question.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-delivery-button-border-color: #DC218A;
    --tpl-checkout-delivery-button-rgba-background-color: rgba(220, 33, 138, 0.10);
    --tpl-checkout-button-border-radius: 0;
    --tpl-checkout-button-font-weight-bold: 500;
    --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-footer-text-transform: none;
    --tpl-checkout-payment-totals-border-radius: 0;
    --tpl-checkout-payment-accordion-text-case: uppercase;
    --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: 0;
    --tpl-checkout-tab-border-color: #DC218A;
    --tpl-checkout-tab-background-color: #fff;
    --tpl-checkout-text-transform: var(--tpl-button-text-transform);
    --tpl-checkout-text-case: uppercase;
    --tpl-checkout-text-color: #000;
    --tpl-checkout-text-label-color: #000;
    --tpl-checkout-order-complete-icon: url("/Images/Joules/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: 0px;
    --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: 500;
    --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: 0;
    --tpl-checkout-secure-header-heading-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-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: none;
    --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: 500;
    --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-promos-error-message-text-color: #d91440;
    --tpl-checkout-promos-primary-background-color: #eee;
    --tpl-checkout-promos-primary-border-left-color: #1d89dd;
    --tpl-checkout-store-address-check-icon: url("/Images/Joules/check.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-delivery-options-border: 1px solid #9e9e9e;
    --tpl-checkout-icon-search-outline: url(/Images/Joules/icon-search-outline.svg);
    --tpl-order-complete-background: none;
    --tpl-order-complete-copy-border: solid 2px #000;
    --tpl-order-complete-checkbox-border: solid 1px #949494;
    --tpl-order-complete-font-family-primary: "Jost";
    --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-rgba-background-colour: rgba(255, 255, 255);
    /*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-disabled-colour: #0000004D;
    --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-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: #eee;
    --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-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-chips-border-radius: 50%;
    --tpl-pdp-chips-size: 36px;
    --tpl-pdp-chips-size-inner: 28px;
    --tpl-pdp-active-chips-padding: 2px;
    --tpl-pdp-size-chips-OOS-strike-color: #bdbdbd;
    --tpl-sizeguide-oos-text-colour: #d91440;
    --tpl-sizeguide-instock-text-colour: #257f39;
    --tpl-sizeguide-lowstock-text-colour: #D88F31;
    --tpl-pdp-label-color: var(--tpl-label-color);
    --tpl-pdp-color-label-margin: 6px;
    --tpl-pdp-chips-border-active: 2px solid #000;
    --tpl-pdp-chips-padding-mobile: 2px 1px 0 1px;
    --tpl-pdp-chips-padding-active-hover: 2px;
    --tpl-pdp-size-chips-span-padding: 12px;
    --tpl-pdp-size-chips-padding-mobile: 8px 0;
    --tpl-pdp-size-chips-margin-mobile: 0 16px 16px 0;
    --tpl-pdp-chips-size-mobile: 44px;
    --tpl-pdp-chips-margin: 0 16px 16px 0;
    --tpl-pdp-display-original-price: none;
    --tpl-pdp-display-alt-price-location: block;
    --tpl-pdp-display-original-itemnumber: none;
    --tpl-pdp-product-title-font-size: 18px;
    --tpl-pdp-product-description-font-size: 18px;
    --tpl-pdp-product-title-opacity: 0.87;
    --tpl-pdp-rating-margin-top-mobile: 10px;
    --tpl-pdp-reviewText-Opacity: 0.87;
    --tpl-pdp-rating-feefo-logo-header: url('/Images/JoJo/feefo_header-logo.svg');
    --tpl-pdp-rating-feefo-logo-header-mobile: url('/Images/JoJo/feefo_header-logo.svg');
    --tpl-pdp-feefo-verified-logo: url(/Images/JoJo/feefo-verified.svg);
    --tpl-pdp-feefo-verified-image-padding: 26px 173px 0 0;
    --tpl-pdp-review-inline-link-display: none;
    --tpl-pdp-accordion-border: 1px solid #eeeeee;
    --tpl-pdp-accordion-chevron: var(--tpl-ddl-icon-down-chevron);
    --tpl-pdp-rv-opacity: 0.87;
    --tpl-pdp-rv-title-font-size: 16px;
    --tpl-pdp-rv-clear-font-size: 12px;
    --tpl-pdp-rv-top-border-width: 0;
    --tpl-pdp-rv-day-bg-image: none;
    --tpl-pdp-rv-price-font-size: 12px;
    --tpl-pdp-rv-date-font-size: 12px;
    --tpl-pdp-rv-date-bg-color: #f7f7f7;
    --tpl-pdp-rv-date-separator-bg-color: #eee;
    --tpl-pdp-rv-inbag-text-indent: unset;
    --tpl-pdp-rv-inbag-bg-image: none;
    --tpl-pdp-rv-inbag-text: "in bag";
    --tpl-pdp-rv-no-item-padding: 16px 0;
    --tpl-pdp-rv-no-item-msg-alignment: center;
    --tpl-pdp-rv-border-color: #e0e0e0;
    --tpl-pdp-rv-empty-message-font-weight: var(--tpl-gbl_font-weight-bold);
    --tpl-pdp-styleform-padding-top: 32px;
    --tpl-pdp-addtobag-font-size: 14px;
    --tpl-pdp-addtobag-font-weight: 600;
    --tpl-pdp-addtobag-letter-spacing: 1px;
    --tpl-pdp-pricehistory-text-colour: #257f39;
    /* PDP Images L + up */
    --tpl-pdp-l-image-container-width: 526px;
    --tpl-pdp-l-detail-container-width: 380px;
    --tpl-pdp-l-thumbail-width: 81px;
    --tpl-pdp-l-thumbail-height: 108px;
    --tpl-pdp-l-thumbail-spacing: 24px;
    --tpl-pdp-l-width: 421px;
    --tpl-pdp-l-height: 560px;
    /*PDP Images XL - min-width: 1280px */
    --tpl-pdp-xl-image-container-width: 613px;
    --tpl-pdp-xl-detail-container-width: 450px;
    --tpl-pdp-xl-thumbail-width: 99px;
    --tpl-pdp-xl-thumbail-height: 132px;
    --tpl-pdp-xl-thumbail-spacing: 24px;
    --tpl-pdp-xl-width: 489px;
    --tpl-pdp-xl-height: 652px;
    /*Newsletter*/
    --tpl-newsletter-font-family: Lato;
    --tpl-newsletter-link-colour: #000;
    --tpl-newsletter-button-border-radius: 0;
    --tpl-nls-subscribe-image: url('/Images/JoJo/nls-subscribe.svg');
    /*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: #D01A42;
    --tpl-sale-markdown-wasprice-colour: rgba(0, 0, 0, 0.87);
    /*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);
}