/* src/styles/themes.scss */ :root { --cx-font-size-root: 14px; } .mks-theme { --cx-color-primary: #1176D4; --cx-color-success: #5cb85c; --cx-color-danger: #a94442; --cx-color-secondary: #aaa; --cx-color-warning: #8a6d3b; --cx-color-info: #31708f; --cx-color-link: #1176D4; --cx-color-available: #57b729; --cx-color-unavailable: #a94442; --cx-color-primary-light: #2e6da4; --cx-color-primary-dark: rgb(11.9, 82.6, 148.4); --cx-color-secondary-light: rgb(178.5, 178.5, 178.5); --cx-color-secondary-dark: #777777; --cx-color-success-light: rgb(108.3, 191.1, 108.3); --cx-color-success-dark: rgb(58.6205128205, 134.5794871795, 58.6205128205); --cx-color-danger-light: rgb(185.4893617021, 79.1170212766, 77.0106382979); --cx-color-danger-dark: rgb(118.3, 47.6, 46.2); --cx-color-warning-light: rgb(159.9258883249, 126.3182741117, 68.3741116751); --cx-color-warning-dark: rgb(96.6, 76.3, 41.3); --cx-color-info-light: rgb(57.115625, 130.55, 166.684375); --cx-color-info-dark: rgb(34.3, 78.4, 100.1); --cx-color-white: #ffffff; --cx-color-gray-100: #f1f1f1; --cx-color-gray-200: #ededed; --cx-color-gray-300: #d8d8d8; --cx-color-gray-400: #979a9c; --cx-color-gray-500: #747474; --cx-color-gray-600: #666; --cx-color-gray-700: #303030; --cx-color-gray-800: #333; --cx-color-gray-900: #161616; --cx-color-black: #000000; --cx-text-common-color: var(--cx-color-gray-800); --cx-link-common-color: var(--cx-color-primary); --cx-page-common-background-color: var(--cx-color-white); --cx-simple-card-bg-color: var(--cx-color-white); --cx-simple-card-bg-transparent-color: #ffffff99; --cx-simple-card-padding: 12px; --cx-default-border-radius: 4px; --cx-alert-spacers: var(--cx-default-border-radius); --cx-alert-title-font-size: var(--cx-font-size-5); --cx-alert-content-font-size: var(--cx-font-size-6); --cx-alert-general-line-height: 1.6; --cx-alert-primary-background-color: var(--cx-page-common-background-color); --cx-alert-primary-border-left-color: var(--cx-color-primary-light); --cx-alert-primary-border-color: var(--cx-color-primary); --cx-alert-primary-text-color: var(--cx-color-gray-800); --cx-alert-success-background-color: var(--cx-page-common-background-color); --cx-alert-success-border-left-color: var(--cx-color-success-light); --cx-alert-success-border-color: var(--cx-color-success); --cx-alert-success-text-color: var(--cx-color-gray-800); --cx-alert-danger-background-color: var(--cx-page-common-background-color); --cx-alert-danger-border-left-color: var(--cx-color-danger-light); --cx-alert-danger-border-color: var(--cx-color-danger); --cx-alert-danger-text-color: var(--cx-color-gray-800); --cx-alert-warning-background-color: var(--cx-page-common-background-color); --cx-alert-warning-border-left-color: var(--cx-color-warning-light); --cx-alert-warning-border-color: var(--cx-color-warning); --cx-alert-warning-text-color: var(--cx-color-gray-800); --cx-alert-info-background-color: var(--cx-page-common-background-color); --cx-alert-info-border-left-color: var(--cx-color-info-light); --cx-alert-info-border-color: var(--cx-color-info); --cx-alert-info-text-color: var(--cx-color-gray-800); --cx-btn-primary-background-color: var(--cx-color-primary); --cx-btn-primary-text-color: #fff; --cx-btn-primary-border-color: var(--cx-color-primary-light); --cx-btn-primary-hover-background-color: var(--cx-color-primary); --cx-btn-primary-hover-text-color: #fff; --cx-btn-primary-hover-border-color: var(--cx-color-primary-dark); --cx-btn-primary-outline-background-color: var(--cx-page-common-background-color); --cx-btn-primary-outline-text-color: var(--cx-color-primary); --cx-btn-primary-outline-border-color: var(--cx-color-primary); --cx-btn-primary-outline-hover-background-color: var(--cx-color-primary); --cx-btn-primary-outline-hover-text-color: #fff; --cx-btn-primary-outline-hover-border-color: var(--cx-color-primary); --cx-btn-secondary-background-color: var(--cx-color-secondary); --cx-btn-secondary-text-color: #fff; --cx-btn-secondary-border-color: var(--cx-color-secondary-light); --cx-btn-secondary-hover-background-color: var(--cx-color-secondary); --cx-btn-secondary-hover-text-color: #fff; --cx-btn-secondary-hover-border-color: var(--cx-color-secondary-dark); --cx-btn-secondary-outline-background-color: var(--cx-page-common-background-color); --cx-btn-secondary-outline-text-color: var(--cx-color-secondary); --cx-btn-secondary-outline-border-color: var(--cx-color-secondary); --cx-btn-secondary-outline-hover-background-color: var(--cx-color-secondary); --cx-btn-secondary-outline-hover-text-color: #fff; --cx-btn-secondary-outline-hover-border-color: var(--cx-color-secondary); --cx-btn-success-background-color: var(--cx-color-success); --cx-btn-success-text-color: #fff; --cx-btn-success-border-color: var(--cx-color-success-light); --cx-btn-success-hover-background-color: var(--cx-color-success); --cx-btn-success-hover-text-color: #fff; --cx-btn-success-hover-border-color: var(--cx-color-success-dark); --cx-btn-success-outline-background-color: var(--cx-page-common-background-color); --cx-btn-success-outline-text-color: var(--cx-color-success); --cx-btn-success-outline-border-color: var(--cx-color-success); --cx-btn-success-outline-hover-background-color: var(--cx-color-success); --cx-btn-success-outline-hover-text-color: #fff; --cx-btn-success-outline-hover-border-color: var(--cx-color-success); --cx-btn-danger-background-color: var(--cx-color-danger); --cx-btn-danger-text-color: #fff; --cx-btn-danger-border-color: var(--cx-color-danger-light); --cx-btn-danger-hover-background-color: var(--cx-color-danger-dark); --cx-btn-danger-hover-text-color: #fff; --cx-btn-danger-hover-border-color: var(--cx-color-danger-dark); --cx-btn-danger-outline-background-color: var(--cx-page-common-background-color); --cx-btn-danger-outline-text-color: var(--cx-color-danger); --cx-btn-danger-outline-border-color: var(--cx-color-danger); --cx-btn-danger-outline-hover-background-color: var(--cx-color-danger); --cx-btn-danger-outline-hover-text-color: #fff; --cx-btn-danger-outline-hover-border-color: var(--cx-color-danger); --cx-btn-warning-background-color: var(--cx-color-warning); --cx-btn-warning-text-color: #fff; --cx-btn-warning-border-color: var(--cx-color-warning-light); --cx-btn-warning-hover-background-color: var(--cx-color-warning-dark); --cx-btn-warning-hover-text-color: #fff; --cx-btn-warning-hover-border-color: var(--cx-color-warning-dark); --cx-btn-warning-outline-background-color: var(--cx-page-common-background-color); --cx-btn-warning-outline-text-color: var(--cx-color-warning); --cx-btn-warning-outline-border-color: var(--cx-color-warning); --cx-btn-warning-outline-hover-background-color: var(--cx-color-warning); --cx-btn-warning-outline-hover-text-color: #fff; --cx-btn-warning-outline-hover-border-color: var(--cx-color-warning); --cx-btn-info-background-color: var(--cx-color-info); --cx-btn-info-text-color: #fff; --cx-btn-info-border-color: var(--cx-color-info-light); --cx-btn-info-hover-background-color: var(--cx-color-info-dark); --cx-btn-info-hover-text-color: #fff; --cx-btn-info-hover-border-color: var(--cx-color-info-dark); --cx-btn-info-outline-background-color: var(--cx-page-common-background-color); --cx-btn-info-outline-text-color: var(--cx-color-info); --cx-btn-info-outline-border-color: var(--cx-color-info-light); --cx-btn-info-outline-hover-background-color: var(--cx-color-info); --cx-btn-info-outline-hover-text-color: #fff; --cx-btn-info-outline-hover-border-color: var(--cx-color-info); --cx-facets-color: var(--cx-text-common-color); --cx-font-family-default: "Open Sans", Verdana, Helvetica, Arial, sans-serif; --cx-font-family-heading: "SequelSans-MediumHead", Verdana, Helvetica, Arial, sans-serif; --cx-font-family-secondary: "SequelSans-BookBody", "Open Sans", Helvetica, Arial, sans-serif; --cx-font-size-1: calc(var(--cx-font-size-root) * 2.6); --cx-font-size-2: calc(var(--cx-font-size-root) * 1.143); --cx-font-size-3: calc(var(--cx-font-size-root) * 1.7); --cx-font-size-4: calc(var(--cx-font-size-root) * 1.25); --cx-font-size-5: calc(var(--cx-font-size-root) * 1); --cx-font-size-6: calc(var(--cx-font-size-root) * 1); --cx-font-size-7: calc(var(--cx-font-size-root) * 0.875); --cx-font-size-8: calc(var(--cx-font-size-root) * 0.75); --cx-error-text-color: var(--cx-color-danger); --cx-error-margin: 4px; --cx-form-group-margin-bottom: 12px; --cx-input-padding: 6px 12px; --cx-input-height: 34px; --cx-input-bd-radius: 4px; --cx-input-bg-color: var(--cx-page-common-background-color); --cx-input-bg-active-color: var(--cx-color-gray-100); --cx-input-bd-color: var(--cx-color-gray-300); --cx-input-bd-active-color: var(--cx-color-gray-400); --cx-input-label-color: var(--cx-text-common-color); --cx-input-placeholder-color: var(--cx-color-gray-400); --cx-label-margin-bottom: 4px; --cx-radio-margin-bottom: 4px; --cx-loader-color: var(--cx-color-primary); --cx-loader-text-color: var(--cx-text-common-color); --cx-loader-ellipses-size: 10px; --cx-pagination-color: var(--cx-text-common-color); --cx-pagination-background-color: var(--cx-simple-card-bg-color); --cx-pagination-border-color: var(--cx-color-gray-300); --cx-pagination-active-color: var(--cx-page-common-background-color); --cx-pagination-active-background-color: var(--cx-color-primary); --cx-pagination-active-border-color: var(--cx-color-primary); --cx-product-cart-product-name-color: var(--cx-text-common-color); --cx-star-rating-color: #f3ea00; --cx-table-header-bg-color: var(--cx-page-common-background-color); --cx-table-header-text-color: var(--cx-color-gray-800); --cx-table-tr-bg-color: var(--cx-simple-card-bg-color); --cx-table-tr-even-bg-color: var(--cx-page-common-background-color); --cx-table-tr-text-color: var(--cx-text-common-color); --cx-toaster-background-color: var(--cx-simple-card-bg-color); --cx-toaster-text-color: var(--cx-text-common-color); --cx-toaster-primary-border-left-color: var(--cx-color-primary); --cx-toaster-success-border-left-color: var(--cx-color-success); --cx-toaster-danger-border-left-color: var(--cx-color-danger); --cx-toaster-warning-border-left-color: var(--cx-color-warning); --cx-toaster-info-border-left-color: var(--cx-color-info); } .np-theme { --cx-color-primary: #1176D4; --cx-color-success: #5cb85c; --cx-color-danger: #a94442; --cx-color-secondary: #aaa; --cx-color-warning: #8a6d3b; --cx-color-info: #31708f; --cx-color-link: #1176D4; --cx-color-available: #57b729; --cx-color-unavailable: #a94442; --cx-color-primary-light: #2e6da4; --cx-color-primary-dark: rgb(11.9, 82.6, 148.4); --cx-color-secondary-light: rgb(178.5, 178.5, 178.5); --cx-color-secondary-dark: #777777; --cx-color-success-light: rgb(108.3, 191.1, 108.3); --cx-color-success-dark: rgb(58.6205128205, 134.5794871795, 58.6205128205); --cx-color-danger-light: rgb(185.4893617021, 79.1170212766, 77.0106382979); --cx-color-danger-dark: rgb(118.3, 47.6, 46.2); --cx-color-warning-light: rgb(159.9258883249, 126.3182741117, 68.3741116751); --cx-color-warning-dark: rgb(96.6, 76.3, 41.3); --cx-color-info-light: rgb(57.115625, 130.55, 166.684375); --cx-color-info-dark: rgb(34.3, 78.4, 100.1); --cx-color-white: #ffffff; --cx-color-gray-100: #f1f1f1; --cx-color-gray-200: #ededed; --cx-color-gray-300: #d8d8d8; --cx-color-gray-400: #979a9c; --cx-color-gray-500: #747474; --cx-color-gray-600: #666; --cx-color-gray-700: #303030; --cx-color-gray-800: #333; --cx-color-gray-900: #161616; --cx-color-black: #000000; --cx-text-common-color: var(--cx-color-gray-800); --cx-link-common-color: var(--cx-color-primary); --cx-page-common-background-color: var(--cx-color-white); --cx-simple-card-bg-color: var(--cx-color-white); --cx-simple-card-bg-transparent-color: #ffffff99; --cx-simple-card-padding: 12px; --cx-default-border-radius: 4px; --cx-alert-spacers: var(--cx-default-border-radius); --cx-alert-title-font-size: var(--cx-font-size-5); --cx-alert-content-font-size: var(--cx-font-size-6); --cx-alert-general-line-height: 1.6; --cx-alert-primary-background-color: var(--cx-page-common-background-color); --cx-alert-primary-border-left-color: var(--cx-color-primary-light); --cx-alert-primary-border-color: var(--cx-color-primary); --cx-alert-primary-text-color: var(--cx-color-gray-800); --cx-alert-success-background-color: var(--cx-page-common-background-color); --cx-alert-success-border-left-color: var(--cx-color-success-light); --cx-alert-success-border-color: var(--cx-color-success); --cx-alert-success-text-color: var(--cx-color-gray-800); --cx-alert-danger-background-color: var(--cx-page-common-background-color); --cx-alert-danger-border-left-color: var(--cx-color-danger-light); --cx-alert-danger-border-color: var(--cx-color-danger); --cx-alert-danger-text-color: var(--cx-color-gray-800); --cx-alert-warning-background-color: var(--cx-page-common-background-color); --cx-alert-warning-border-left-color: var(--cx-color-warning-light); --cx-alert-warning-border-color: var(--cx-color-warning); --cx-alert-warning-text-color: var(--cx-color-gray-800); --cx-alert-info-background-color: var(--cx-page-common-background-color); --cx-alert-info-border-left-color: var(--cx-color-info-light); --cx-alert-info-border-color: var(--cx-color-info); --cx-alert-info-text-color: var(--cx-color-gray-800); --cx-btn-primary-background-color: var(--cx-color-primary); --cx-btn-primary-text-color: #fff; --cx-btn-primary-border-color: var(--cx-color-primary-light); --cx-btn-primary-hover-background-color: var(--cx-color-primary); --cx-btn-primary-hover-text-color: #fff; --cx-btn-primary-hover-border-color: var(--cx-color-primary-dark); --cx-btn-primary-outline-background-color: var(--cx-page-common-background-color); --cx-btn-primary-outline-text-color: var(--cx-color-primary); --cx-btn-primary-outline-border-color: var(--cx-color-primary); --cx-btn-primary-outline-hover-background-color: var(--cx-color-primary); --cx-btn-primary-outline-hover-text-color: #fff; --cx-btn-primary-outline-hover-border-color: var(--cx-color-primary); --cx-btn-secondary-background-color: var(--cx-color-secondary); --cx-btn-secondary-text-color: #fff; --cx-btn-secondary-border-color: var(--cx-color-secondary-light); --cx-btn-secondary-hover-background-color: var(--cx-color-secondary); --cx-btn-secondary-hover-text-color: #fff; --cx-btn-secondary-hover-border-color: var(--cx-color-secondary-dark); --cx-btn-secondary-outline-background-color: var(--cx-page-common-background-color); --cx-btn-secondary-outline-text-color: var(--cx-color-secondary); --cx-btn-secondary-outline-border-color: var(--cx-color-secondary); --cx-btn-secondary-outline-hover-background-color: var(--cx-color-secondary); --cx-btn-secondary-outline-hover-text-color: #fff; --cx-btn-secondary-outline-hover-border-color: var(--cx-color-secondary); --cx-btn-success-background-color: var(--cx-color-success); --cx-btn-success-text-color: #fff; --cx-btn-success-border-color: var(--cx-color-success-light); --cx-btn-success-hover-background-color: var(--cx-color-success); --cx-btn-success-hover-text-color: #fff; --cx-btn-success-hover-border-color: var(--cx-color-success-dark); --cx-btn-success-outline-background-color: var(--cx-page-common-background-color); --cx-btn-success-outline-text-color: var(--cx-color-success); --cx-btn-success-outline-border-color: var(--cx-color-success); --cx-btn-success-outline-hover-background-color: var(--cx-color-success); --cx-btn-success-outline-hover-text-color: #fff; --cx-btn-success-outline-hover-border-color: var(--cx-color-success); --cx-btn-danger-background-color: var(--cx-color-danger); --cx-btn-danger-text-color: #fff; --cx-btn-danger-border-color: var(--cx-color-danger-light); --cx-btn-danger-hover-background-color: var(--cx-color-danger-dark); --cx-btn-danger-hover-text-color: #fff; --cx-btn-danger-hover-border-color: var(--cx-color-danger-dark); --cx-btn-danger-outline-background-color: var(--cx-page-common-background-color); --cx-btn-danger-outline-text-color: var(--cx-color-danger); --cx-btn-danger-outline-border-color: var(--cx-color-danger); --cx-btn-danger-outline-hover-background-color: var(--cx-color-danger); --cx-btn-danger-outline-hover-text-color: #fff; --cx-btn-danger-outline-hover-border-color: var(--cx-color-danger); --cx-btn-warning-background-color: var(--cx-color-warning); --cx-btn-warning-text-color: #fff; --cx-btn-warning-border-color: var(--cx-color-warning-light); --cx-btn-warning-hover-background-color: var(--cx-color-warning-dark); --cx-btn-warning-hover-text-color: #fff; --cx-btn-warning-hover-border-color: var(--cx-color-warning-dark); --cx-btn-warning-outline-background-color: var(--cx-page-common-background-color); --cx-btn-warning-outline-text-color: var(--cx-color-warning); --cx-btn-warning-outline-border-color: var(--cx-color-warning); --cx-btn-warning-outline-hover-background-color: var(--cx-color-warning); --cx-btn-warning-outline-hover-text-color: #fff; --cx-btn-warning-outline-hover-border-color: var(--cx-color-warning); --cx-btn-info-background-color: var(--cx-color-info); --cx-btn-info-text-color: #fff; --cx-btn-info-border-color: var(--cx-color-info-light); --cx-btn-info-hover-background-color: var(--cx-color-info-dark); --cx-btn-info-hover-text-color: #fff; --cx-btn-info-hover-border-color: var(--cx-color-info-dark); --cx-btn-info-outline-background-color: var(--cx-page-common-background-color); --cx-btn-info-outline-text-color: var(--cx-color-info); --cx-btn-info-outline-border-color: var(--cx-color-info-light); --cx-btn-info-outline-hover-background-color: var(--cx-color-info); --cx-btn-info-outline-hover-text-color: #fff; --cx-btn-info-outline-hover-border-color: var(--cx-color-info); --cx-facets-color: var(--cx-text-common-color); --cx-font-family-default: "Open Sans", Verdana, Helvetica, Arial, sans-serif; --cx-font-family-heading: "SequelSans-MediumHead", Verdana, Helvetica, Arial, sans-serif; --cx-font-family-secondary: "SequelSans-BookBody", "Open Sans", Helvetica, Arial, sans-serif; --cx-font-size-1: calc(var(--cx-font-size-root) * 2.6); --cx-font-size-2: calc(var(--cx-font-size-root) * 1.143); --cx-font-size-3: calc(var(--cx-font-size-root) * 1.7); --cx-font-size-4: calc(var(--cx-font-size-root) * 1.25); --cx-font-size-5: calc(var(--cx-font-size-root) * 1); --cx-font-size-6: calc(var(--cx-font-size-root) * 1); --cx-font-size-7: calc(var(--cx-font-size-root) * 0.875); --cx-font-size-8: calc(var(--cx-font-size-root) * 0.75); --cx-error-text-color: var(--cx-color-danger); --cx-error-margin: 4px; --cx-form-group-margin-bottom: 12px; --cx-input-padding: 6px 12px; --cx-input-height: 34px; --cx-input-bd-radius: 4px; --cx-input-bg-color: var(--cx-page-common-background-color); --cx-input-bg-active-color: var(--cx-color-gray-100); --cx-input-bd-color: var(--cx-color-gray-300); --cx-input-bd-active-color: var(--cx-color-gray-400); --cx-input-label-color: var(--cx-text-common-color); --cx-input-placeholder-color: var(--cx-color-gray-400); --cx-label-margin-bottom: 4px; --cx-radio-margin-bottom: 4px; --cx-loader-color: var(--cx-color-primary); --cx-loader-text-color: var(--cx-text-common-color); --cx-loader-ellipses-size: 10px; --cx-pagination-color: var(--cx-text-common-color); --cx-pagination-background-color: var(--cx-simple-card-bg-color); --cx-pagination-border-color: var(--cx-color-gray-300); --cx-pagination-active-color: var(--cx-page-common-background-color); --cx-pagination-active-background-color: var(--cx-color-primary); --cx-pagination-active-border-color: var(--cx-color-primary); --cx-product-cart-product-name-color: var(--cx-text-common-color); --cx-star-rating-color: #f3ea00; --cx-table-header-bg-color: var(--cx-page-common-background-color); --cx-table-header-text-color: var(--cx-color-gray-800); --cx-table-tr-bg-color: var(--cx-simple-card-bg-color); --cx-table-tr-even-bg-color: var(--cx-page-common-background-color); --cx-table-tr-text-color: var(--cx-text-common-color); --cx-toaster-background-color: var(--cx-simple-card-bg-color); --cx-toaster-text-color: var(--cx-text-common-color); --cx-toaster-primary-border-left-color: var(--cx-color-primary); --cx-toaster-success-border-left-color: var(--cx-color-success); --cx-toaster-danger-border-left-color: var(--cx-color-danger); --cx-toaster-warning-border-left-color: var(--cx-color-warning); --cx-toaster-info-border-left-color: var(--cx-color-info); } .op-theme { --cx-color-primary: #1176D4; --cx-color-success: #5cb85c; --cx-color-danger: #a94442; --cx-color-secondary: #aaa; --cx-color-warning: #8a6d3b; --cx-color-info: #31708f; --cx-color-link: #1176D4; --cx-color-available: #57b729; --cx-color-unavailable: #a94442; --cx-color-primary-light: #2e6da4; --cx-color-primary-dark: rgb(11.9, 82.6, 148.4); --cx-color-secondary-light: rgb(178.5, 178.5, 178.5); --cx-color-secondary-dark: #777777; --cx-color-success-light: rgb(108.3, 191.1, 108.3); --cx-color-success-dark: rgb(58.6205128205, 134.5794871795, 58.6205128205); --cx-color-danger-light: rgb(185.4893617021, 79.1170212766, 77.0106382979); --cx-color-danger-dark: rgb(118.3, 47.6, 46.2); --cx-color-warning-light: rgb(159.9258883249, 126.3182741117, 68.3741116751); --cx-color-warning-dark: rgb(96.6, 76.3, 41.3); --cx-color-info-light: rgb(57.115625, 130.55, 166.684375); --cx-color-info-dark: rgb(34.3, 78.4, 100.1); --cx-color-white: #ffffff; --cx-color-gray-100: #f1f1f1; --cx-color-gray-200: #ededed; --cx-color-gray-300: #d8d8d8; --cx-color-gray-400: #979a9c; --cx-color-gray-500: #747474; --cx-color-gray-600: #666; --cx-color-gray-700: #303030; --cx-color-gray-800: #333; --cx-color-gray-900: #161616; --cx-color-black: #000000; --cx-text-common-color: var(--cx-color-gray-800); --cx-link-common-color: var(--cx-color-primary); --cx-page-common-background-color: var(--cx-color-white); --cx-simple-card-bg-color: var(--cx-color-white); --cx-simple-card-bg-transparent-color: #ffffff99; --cx-simple-card-padding: 12px; --cx-default-border-radius: 4px; --cx-alert-spacers: var(--cx-default-border-radius); --cx-alert-title-font-size: var(--cx-font-size-5); --cx-alert-content-font-size: var(--cx-font-size-6); --cx-alert-general-line-height: 1.6; --cx-alert-primary-background-color: var(--cx-page-common-background-color); --cx-alert-primary-border-left-color: var(--cx-color-primary-light); --cx-alert-primary-border-color: var(--cx-color-primary); --cx-alert-primary-text-color: var(--cx-color-gray-800); --cx-alert-success-background-color: var(--cx-page-common-background-color); --cx-alert-success-border-left-color: var(--cx-color-success-light); --cx-alert-success-border-color: var(--cx-color-success); --cx-alert-success-text-color: var(--cx-color-gray-800); --cx-alert-danger-background-color: var(--cx-page-common-background-color); --cx-alert-danger-border-left-color: var(--cx-color-danger-light); --cx-alert-danger-border-color: var(--cx-color-danger); --cx-alert-danger-text-color: var(--cx-color-gray-800); --cx-alert-warning-background-color: var(--cx-page-common-background-color); --cx-alert-warning-border-left-color: var(--cx-color-warning-light); --cx-alert-warning-border-color: var(--cx-color-warning); --cx-alert-warning-text-color: var(--cx-color-gray-800); --cx-alert-info-background-color: var(--cx-page-common-background-color); --cx-alert-info-border-left-color: var(--cx-color-info-light); --cx-alert-info-border-color: var(--cx-color-info); --cx-alert-info-text-color: var(--cx-color-gray-800); --cx-btn-primary-background-color: var(--cx-color-primary); --cx-btn-primary-text-color: #fff; --cx-btn-primary-border-color: var(--cx-color-primary-light); --cx-btn-primary-hover-background-color: var(--cx-color-primary); --cx-btn-primary-hover-text-color: #fff; --cx-btn-primary-hover-border-color: var(--cx-color-primary-dark); --cx-btn-primary-outline-background-color: var(--cx-page-common-background-color); --cx-btn-primary-outline-text-color: var(--cx-color-primary); --cx-btn-primary-outline-border-color: var(--cx-color-primary); --cx-btn-primary-outline-hover-background-color: var(--cx-color-primary); --cx-btn-primary-outline-hover-text-color: #fff; --cx-btn-primary-outline-hover-border-color: var(--cx-color-primary); --cx-btn-secondary-background-color: var(--cx-color-secondary); --cx-btn-secondary-text-color: #fff; --cx-btn-secondary-border-color: var(--cx-color-secondary-light); --cx-btn-secondary-hover-background-color: var(--cx-color-secondary); --cx-btn-secondary-hover-text-color: #fff; --cx-btn-secondary-hover-border-color: var(--cx-color-secondary-dark); --cx-btn-secondary-outline-background-color: var(--cx-page-common-background-color); --cx-btn-secondary-outline-text-color: var(--cx-color-secondary); --cx-btn-secondary-outline-border-color: var(--cx-color-secondary); --cx-btn-secondary-outline-hover-background-color: var(--cx-color-secondary); --cx-btn-secondary-outline-hover-text-color: #fff; --cx-btn-secondary-outline-hover-border-color: var(--cx-color-secondary); --cx-btn-success-background-color: var(--cx-color-success); --cx-btn-success-text-color: #fff; --cx-btn-success-border-color: var(--cx-color-success-light); --cx-btn-success-hover-background-color: var(--cx-color-success); --cx-btn-success-hover-text-color: #fff; --cx-btn-success-hover-border-color: var(--cx-color-success-dark); --cx-btn-success-outline-background-color: var(--cx-page-common-background-color); --cx-btn-success-outline-text-color: var(--cx-color-success); --cx-btn-success-outline-border-color: var(--cx-color-success); --cx-btn-success-outline-hover-background-color: var(--cx-color-success); --cx-btn-success-outline-hover-text-color: #fff; --cx-btn-success-outline-hover-border-color: var(--cx-color-success); --cx-btn-danger-background-color: var(--cx-color-danger); --cx-btn-danger-text-color: #fff; --cx-btn-danger-border-color: var(--cx-color-danger-light); --cx-btn-danger-hover-background-color: var(--cx-color-danger-dark); --cx-btn-danger-hover-text-color: #fff; --cx-btn-danger-hover-border-color: var(--cx-color-danger-dark); --cx-btn-danger-outline-background-color: var(--cx-page-common-background-color); --cx-btn-danger-outline-text-color: var(--cx-color-danger); --cx-btn-danger-outline-border-color: var(--cx-color-danger); --cx-btn-danger-outline-hover-background-color: var(--cx-color-danger); --cx-btn-danger-outline-hover-text-color: #fff; --cx-btn-danger-outline-hover-border-color: var(--cx-color-danger); --cx-btn-warning-background-color: var(--cx-color-warning); --cx-btn-warning-text-color: #fff; --cx-btn-warning-border-color: var(--cx-color-warning-light); --cx-btn-warning-hover-background-color: var(--cx-color-warning-dark); --cx-btn-warning-hover-text-color: #fff; --cx-btn-warning-hover-border-color: var(--cx-color-warning-dark); --cx-btn-warning-outline-background-color: var(--cx-page-common-background-color); --cx-btn-warning-outline-text-color: var(--cx-color-warning); --cx-btn-warning-outline-border-color: var(--cx-color-warning); --cx-btn-warning-outline-hover-background-color: var(--cx-color-warning); --cx-btn-warning-outline-hover-text-color: #fff; --cx-btn-warning-outline-hover-border-color: var(--cx-color-warning); --cx-btn-info-background-color: var(--cx-color-info); --cx-btn-info-text-color: #fff; --cx-btn-info-border-color: var(--cx-color-info-light); --cx-btn-info-hover-background-color: var(--cx-color-info-dark); --cx-btn-info-hover-text-color: #fff; --cx-btn-info-hover-border-color: var(--cx-color-info-dark); --cx-btn-info-outline-background-color: var(--cx-page-common-background-color); --cx-btn-info-outline-text-color: var(--cx-color-info); --cx-btn-info-outline-border-color: var(--cx-color-info-light); --cx-btn-info-outline-hover-background-color: var(--cx-color-info); --cx-btn-info-outline-hover-text-color: #fff; --cx-btn-info-outline-hover-border-color: var(--cx-color-info); --cx-facets-color: var(--cx-text-common-color); --cx-font-family-default: "Open Sans", Verdana, Helvetica, Arial, sans-serif; --cx-font-family-heading: "SequelSans-MediumHead", Verdana, Helvetica, Arial, sans-serif; --cx-font-family-secondary: "SequelSans-BookBody", "Open Sans", Helvetica, Arial, sans-serif; --cx-font-size-1: calc(var(--cx-font-size-root) * 2.6); --cx-font-size-2: calc(var(--cx-font-size-root) * 1.143); --cx-font-size-3: calc(var(--cx-font-size-root) * 1.7); --cx-font-size-4: calc(var(--cx-font-size-root) * 1.25); --cx-font-size-5: calc(var(--cx-font-size-root) * 1); --cx-font-size-6: calc(var(--cx-font-size-root) * 1); --cx-font-size-7: calc(var(--cx-font-size-root) * 0.875); --cx-font-size-8: calc(var(--cx-font-size-root) * 0.75); --cx-error-text-color: var(--cx-color-danger); --cx-error-margin: 4px; --cx-form-group-margin-bottom: 12px; --cx-input-padding: 6px 12px; --cx-input-height: 34px; --cx-input-bd-radius: 4px; --cx-input-bg-color: var(--cx-page-common-background-color); --cx-input-bg-active-color: var(--cx-color-gray-100); --cx-input-bd-color: var(--cx-color-gray-300); --cx-input-bd-active-color: var(--cx-color-gray-400); --cx-input-label-color: var(--cx-text-common-color); --cx-input-placeholder-color: var(--cx-color-gray-400); --cx-label-margin-bottom: 4px; --cx-radio-margin-bottom: 4px; --cx-loader-color: var(--cx-color-primary); --cx-loader-text-color: var(--cx-text-common-color); --cx-loader-ellipses-size: 10px; --cx-pagination-color: var(--cx-text-common-color); --cx-pagination-background-color: var(--cx-simple-card-bg-color); --cx-pagination-border-color: var(--cx-color-gray-300); --cx-pagination-active-color: var(--cx-page-common-background-color); --cx-pagination-active-background-color: var(--cx-color-primary); --cx-pagination-active-border-color: var(--cx-color-primary); --cx-product-cart-product-name-color: var(--cx-text-common-color); --cx-star-rating-color: #f3ea00; --cx-table-header-bg-color: var(--cx-page-common-background-color); --cx-table-header-text-color: var(--cx-color-gray-800); --cx-table-tr-bg-color: var(--cx-simple-card-bg-color); --cx-table-tr-even-bg-color: var(--cx-page-common-background-color); --cx-table-tr-text-color: var(--cx-text-common-color); --cx-toaster-background-color: var(--cx-simple-card-bg-color); --cx-toaster-text-color: var(--cx-text-common-color); --cx-toaster-primary-border-left-color: var(--cx-color-primary); --cx-toaster-success-border-left-color: var(--cx-color-success); --cx-toaster-danger-border-left-color: var(--cx-color-danger); --cx-toaster-warning-border-left-color: var(--cx-color-warning); --cx-toaster-info-border-left-color: var(--cx-color-info); } .sp-theme { --cx-color-primary: #1176D4; --cx-color-success: #5cb85c; --cx-color-danger: #a94442; --cx-color-secondary: #aaa; --cx-color-warning: #8a6d3b; --cx-color-info: #31708f; --cx-color-link: #1176D4; --cx-color-available: #57b729; --cx-color-unavailable: #a94442; --cx-color-primary-light: #2e6da4; --cx-color-primary-dark: rgb(11.9, 82.6, 148.4); --cx-color-secondary-light: rgb(178.5, 178.5, 178.5); --cx-color-secondary-dark: #777777; --cx-color-success-light: rgb(108.3, 191.1, 108.3); --cx-color-success-dark: rgb(58.6205128205, 134.5794871795, 58.6205128205); --cx-color-danger-light: rgb(185.4893617021, 79.1170212766, 77.0106382979); --cx-color-danger-dark: rgb(118.3, 47.6, 46.2); --cx-color-warning-light: rgb(159.9258883249, 126.3182741117, 68.3741116751); --cx-color-warning-dark: rgb(96.6, 76.3, 41.3); --cx-color-info-light: rgb(57.115625, 130.55, 166.684375); --cx-color-info-dark: rgb(34.3, 78.4, 100.1); --cx-color-white: #ffffff; --cx-color-gray-100: #f1f1f1; --cx-color-gray-200: #ededed; --cx-color-gray-300: #d8d8d8; --cx-color-gray-400: #979a9c; --cx-color-gray-500: #747474; --cx-color-gray-600: #666; --cx-color-gray-700: #303030; --cx-color-gray-800: #333; --cx-color-gray-900: #161616; --cx-color-black: #000000; --cx-text-common-color: var(--cx-color-gray-800); --cx-link-common-color: var(--cx-color-primary); --cx-page-common-background-color: var(--cx-color-white); --cx-simple-card-bg-color: var(--cx-color-white); --cx-simple-card-bg-transparent-color: #ffffff99; --cx-simple-card-padding: 12px; --cx-default-border-radius: 4px; --cx-alert-spacers: var(--cx-default-border-radius); --cx-alert-title-font-size: var(--cx-font-size-5); --cx-alert-content-font-size: var(--cx-font-size-6); --cx-alert-general-line-height: 1.6; --cx-alert-primary-background-color: var(--cx-page-common-background-color); --cx-alert-primary-border-left-color: var(--cx-color-primary-light); --cx-alert-primary-border-color: var(--cx-color-primary); --cx-alert-primary-text-color: var(--cx-color-gray-800); --cx-alert-success-background-color: var(--cx-page-common-background-color); --cx-alert-success-border-left-color: var(--cx-color-success-light); --cx-alert-success-border-color: var(--cx-color-success); --cx-alert-success-text-color: var(--cx-color-gray-800); --cx-alert-danger-background-color: var(--cx-page-common-background-color); --cx-alert-danger-border-left-color: var(--cx-color-danger-light); --cx-alert-danger-border-color: var(--cx-color-danger); --cx-alert-danger-text-color: var(--cx-color-gray-800); --cx-alert-warning-background-color: var(--cx-page-common-background-color); --cx-alert-warning-border-left-color: var(--cx-color-warning-light); --cx-alert-warning-border-color: var(--cx-color-warning); --cx-alert-warning-text-color: var(--cx-color-gray-800); --cx-alert-info-background-color: var(--cx-page-common-background-color); --cx-alert-info-border-left-color: var(--cx-color-info-light); --cx-alert-info-border-color: var(--cx-color-info); --cx-alert-info-text-color: var(--cx-color-gray-800); --cx-btn-primary-background-color: var(--cx-color-primary); --cx-btn-primary-text-color: #fff; --cx-btn-primary-border-color: var(--cx-color-primary-light); --cx-btn-primary-hover-background-color: var(--cx-color-primary); --cx-btn-primary-hover-text-color: #fff; --cx-btn-primary-hover-border-color: var(--cx-color-primary-dark); --cx-btn-primary-outline-background-color: var(--cx-page-common-background-color); --cx-btn-primary-outline-text-color: var(--cx-color-primary); --cx-btn-primary-outline-border-color: var(--cx-color-primary); --cx-btn-primary-outline-hover-background-color: var(--cx-color-primary); --cx-btn-primary-outline-hover-text-color: #fff; --cx-btn-primary-outline-hover-border-color: var(--cx-color-primary); --cx-btn-secondary-background-color: var(--cx-color-secondary); --cx-btn-secondary-text-color: #fff; --cx-btn-secondary-border-color: var(--cx-color-secondary-light); --cx-btn-secondary-hover-background-color: var(--cx-color-secondary); --cx-btn-secondary-hover-text-color: #fff; --cx-btn-secondary-hover-border-color: var(--cx-color-secondary-dark); --cx-btn-secondary-outline-background-color: var(--cx-page-common-background-color); --cx-btn-secondary-outline-text-color: var(--cx-color-secondary); --cx-btn-secondary-outline-border-color: var(--cx-color-secondary); --cx-btn-secondary-outline-hover-background-color: var(--cx-color-secondary); --cx-btn-secondary-outline-hover-text-color: #fff; --cx-btn-secondary-outline-hover-border-color: var(--cx-color-secondary); --cx-btn-success-background-color: var(--cx-color-success); --cx-btn-success-text-color: #fff; --cx-btn-success-border-color: var(--cx-color-success-light); --cx-btn-success-hover-background-color: var(--cx-color-success); --cx-btn-success-hover-text-color: #fff; --cx-btn-success-hover-border-color: var(--cx-color-success-dark); --cx-btn-success-outline-background-color: var(--cx-page-common-background-color); --cx-btn-success-outline-text-color: var(--cx-color-success); --cx-btn-success-outline-border-color: var(--cx-color-success); --cx-btn-success-outline-hover-background-color: var(--cx-color-success); --cx-btn-success-outline-hover-text-color: #fff; --cx-btn-success-outline-hover-border-color: var(--cx-color-success); --cx-btn-danger-background-color: var(--cx-color-danger); --cx-btn-danger-text-color: #fff; --cx-btn-danger-border-color: var(--cx-color-danger-light); --cx-btn-danger-hover-background-color: var(--cx-color-danger-dark); --cx-btn-danger-hover-text-color: #fff; --cx-btn-danger-hover-border-color: var(--cx-color-danger-dark); --cx-btn-danger-outline-background-color: var(--cx-page-common-background-color); --cx-btn-danger-outline-text-color: var(--cx-color-danger); --cx-btn-danger-outline-border-color: var(--cx-color-danger); --cx-btn-danger-outline-hover-background-color: var(--cx-color-danger); --cx-btn-danger-outline-hover-text-color: #fff; --cx-btn-danger-outline-hover-border-color: var(--cx-color-danger); --cx-btn-warning-background-color: var(--cx-color-warning); --cx-btn-warning-text-color: #fff; --cx-btn-warning-border-color: var(--cx-color-warning-light); --cx-btn-warning-hover-background-color: var(--cx-color-warning-dark); --cx-btn-warning-hover-text-color: #fff; --cx-btn-warning-hover-border-color: var(--cx-color-warning-dark); --cx-btn-warning-outline-background-color: var(--cx-page-common-background-color); --cx-btn-warning-outline-text-color: var(--cx-color-warning); --cx-btn-warning-outline-border-color: var(--cx-color-warning); --cx-btn-warning-outline-hover-background-color: var(--cx-color-warning); --cx-btn-warning-outline-hover-text-color: #fff; --cx-btn-warning-outline-hover-border-color: var(--cx-color-warning); --cx-btn-info-background-color: var(--cx-color-info); --cx-btn-info-text-color: #fff; --cx-btn-info-border-color: var(--cx-color-info-light); --cx-btn-info-hover-background-color: var(--cx-color-info-dark); --cx-btn-info-hover-text-color: #fff; --cx-btn-info-hover-border-color: var(--cx-color-info-dark); --cx-btn-info-outline-background-color: var(--cx-page-common-background-color); --cx-btn-info-outline-text-color: var(--cx-color-info); --cx-btn-info-outline-border-color: var(--cx-color-info-light); --cx-btn-info-outline-hover-background-color: var(--cx-color-info); --cx-btn-info-outline-hover-text-color: #fff; --cx-btn-info-outline-hover-border-color: var(--cx-color-info); --cx-facets-color: var(--cx-text-common-color); --cx-font-family-default: "Open Sans", Verdana, Helvetica, Arial, sans-serif; --cx-font-family-heading: "SequelSans-MediumHead", Verdana, Helvetica, Arial, sans-serif; --cx-font-family-secondary: "SequelSans-BookBody", "Open Sans", Helvetica, Arial, sans-serif; --cx-font-size-1: calc(var(--cx-font-size-root) * 2.6); --cx-font-size-2: calc(var(--cx-font-size-root) * 1.143); --cx-font-size-3: calc(var(--cx-font-size-root) * 1.7); --cx-font-size-4: calc(var(--cx-font-size-root) * 1.25); --cx-font-size-5: calc(var(--cx-font-size-root) * 1); --cx-font-size-6: calc(var(--cx-font-size-root) * 1); --cx-font-size-7: calc(var(--cx-font-size-root) * 0.875); --cx-font-size-8: calc(var(--cx-font-size-root) * 0.75); --cx-error-text-color: var(--cx-color-danger); --cx-error-margin: 4px; --cx-form-group-margin-bottom: 12px; --cx-input-padding: 6px 12px; --cx-input-height: 34px; --cx-input-bd-radius: 4px; --cx-input-bg-color: var(--cx-page-common-background-color); --cx-input-bg-active-color: var(--cx-color-gray-100); --cx-input-bd-color: var(--cx-color-gray-300); --cx-input-bd-active-color: var(--cx-color-gray-400); --cx-input-label-color: var(--cx-text-common-color); --cx-input-placeholder-color: var(--cx-color-gray-400); --cx-label-margin-bottom: 4px; --cx-radio-margin-bottom: 4px; --cx-loader-color: var(--cx-color-primary); --cx-loader-text-color: var(--cx-text-common-color); --cx-loader-ellipses-size: 10px; --cx-pagination-color: var(--cx-text-common-color); --cx-pagination-background-color: var(--cx-simple-card-bg-color); --cx-pagination-border-color: var(--cx-color-gray-300); --cx-pagination-active-color: #fff; --cx-pagination-active-background-color: var(--cx-color-primary); --cx-pagination-active-border-color: var(--cx-color-primary); --cx-product-cart-product-name-color: var(--cx-text-common-color); --cx-star-rating-color: #f3ea00; --cx-table-header-bg-color: var(--cx-page-common-background-color); --cx-table-header-text-color: var(--cx-color-gray-800); --cx-table-tr-bg-color: var(--cx-simple-card-bg-color); --cx-table-tr-even-bg-color: var(--cx-page-common-background-color); --cx-table-tr-text-color: var(--cx-text-common-color); --cx-toaster-background-color: var(--cx-simple-card-bg-color); --cx-toaster-text-color: var(--cx-text-common-color); --cx-toaster-primary-border-left-color: var(--cx-color-primary); --cx-toaster-success-border-left-color: var(--cx-color-success); --cx-toaster-danger-border-left-color: var(--cx-color-danger); --cx-toaster-warning-border-left-color: var(--cx-color-warning); --cx-toaster-info-border-left-color: var(--cx-color-info); } .esi-theme { --cx-color-primary: #1176D4; --cx-color-success: #5cb85c; --cx-color-danger: #a94442; --cx-color-secondary: #aaa; --cx-color-warning: #8a6d3b; --cx-color-info: #31708f; --cx-color-link: #1176D4; --cx-color-available: #57b729; --cx-color-unavailable: #a94442; --cx-color-primary-light: #2e6da4; --cx-color-primary-dark: rgb(11.9, 82.6, 148.4); --cx-color-secondary-light: rgb(178.5, 178.5, 178.5); --cx-color-secondary-dark: #777777; --cx-color-success-light: rgb(108.3, 191.1, 108.3); --cx-color-success-dark: rgb(58.6205128205, 134.5794871795, 58.6205128205); --cx-color-danger-light: rgb(185.4893617021, 79.1170212766, 77.0106382979); --cx-color-danger-dark: rgb(118.3, 47.6, 46.2); --cx-color-warning-light: rgb(159.9258883249, 126.3182741117, 68.3741116751); --cx-color-warning-dark: rgb(96.6, 76.3, 41.3); --cx-color-info-light: rgb(57.115625, 130.55, 166.684375); --cx-color-info-dark: rgb(34.3, 78.4, 100.1); --cx-color-white: #ffffff; --cx-color-gray-100: #f1f1f1; --cx-color-gray-200: #ededed; --cx-color-gray-300: #d8d8d8; --cx-color-gray-400: #979a9c; --cx-color-gray-500: #747474; --cx-color-gray-600: #666; --cx-color-gray-700: #303030; --cx-color-gray-800: #333; --cx-color-gray-900: #161616; --cx-color-black: #000000; --cx-text-common-color: var(--cx-color-gray-800); --cx-link-common-color: var(--cx-color-primary); --cx-page-common-background-color: var(--cx-color-white); --cx-simple-card-bg-color: var(--cx-color-white); --cx-simple-card-bg-transparent-color: #ffffff99; --cx-simple-card-padding: 12px; --cx-default-border-radius: 4px; --cx-alert-spacers: var(--cx-default-border-radius); --cx-alert-title-font-size: var(--cx-font-size-5); --cx-alert-content-font-size: var(--cx-font-size-6); --cx-alert-general-line-height: 1.6; --cx-alert-primary-background-color: var(--cx-page-common-background-color); --cx-alert-primary-border-left-color: var(--cx-color-primary-light); --cx-alert-primary-border-color: var(--cx-color-primary); --cx-alert-primary-text-color: var(--cx-color-gray-800); --cx-alert-success-background-color: var(--cx-page-common-background-color); --cx-alert-success-border-left-color: var(--cx-color-success-light); --cx-alert-success-border-color: var(--cx-color-success); --cx-alert-success-text-color: var(--cx-color-gray-800); --cx-alert-danger-background-color: var(--cx-page-common-background-color); --cx-alert-danger-border-left-color: var(--cx-color-danger-light); --cx-alert-danger-border-color: var(--cx-color-danger); --cx-alert-danger-text-color: var(--cx-color-gray-800); --cx-alert-warning-background-color: var(--cx-page-common-background-color); --cx-alert-warning-border-left-color: var(--cx-color-warning-light); --cx-alert-warning-border-color: var(--cx-color-warning); --cx-alert-warning-text-color: var(--cx-color-gray-800); --cx-alert-info-background-color: var(--cx-page-common-background-color); --cx-alert-info-border-left-color: var(--cx-color-info-light); --cx-alert-info-border-color: var(--cx-color-info); --cx-alert-info-text-color: var(--cx-color-gray-800); --cx-btn-primary-background-color: var(--cx-color-primary); --cx-btn-primary-text-color: #fff; --cx-btn-primary-border-color: var(--cx-color-primary-light); --cx-btn-primary-hover-background-color: var(--cx-color-primary); --cx-btn-primary-hover-text-color: #fff; --cx-btn-primary-hover-border-color: var(--cx-color-primary-dark); --cx-btn-primary-outline-background-color: var(--cx-page-common-background-color); --cx-btn-primary-outline-text-color: var(--cx-color-primary); --cx-btn-primary-outline-border-color: var(--cx-color-primary); --cx-btn-primary-outline-hover-background-color: var(--cx-color-primary); --cx-btn-primary-outline-hover-text-color: #fff; --cx-btn-primary-outline-hover-border-color: var(--cx-color-primary); --cx-btn-secondary-background-color: var(--cx-color-secondary); --cx-btn-secondary-text-color: #fff; --cx-btn-secondary-border-color: var(--cx-color-secondary-light); --cx-btn-secondary-hover-background-color: var(--cx-color-secondary); --cx-btn-secondary-hover-text-color: #fff; --cx-btn-secondary-hover-border-color: var(--cx-color-secondary-dark); --cx-btn-secondary-outline-background-color: var(--cx-page-common-background-color); --cx-btn-secondary-outline-text-color: var(--cx-color-secondary); --cx-btn-secondary-outline-border-color: var(--cx-color-secondary); --cx-btn-secondary-outline-hover-background-color: var(--cx-color-secondary); --cx-btn-secondary-outline-hover-text-color: #fff; --cx-btn-secondary-outline-hover-border-color: var(--cx-color-secondary); --cx-btn-success-background-color: var(--cx-color-success); --cx-btn-success-text-color: #fff; --cx-btn-success-border-color: var(--cx-color-success-light); --cx-btn-success-hover-background-color: var(--cx-color-success); --cx-btn-success-hover-text-color: #fff; --cx-btn-success-hover-border-color: var(--cx-color-success-dark); --cx-btn-success-outline-background-color: var(--cx-page-common-background-color); --cx-btn-success-outline-text-color: var(--cx-color-success); --cx-btn-success-outline-border-color: var(--cx-color-success); --cx-btn-success-outline-hover-background-color: var(--cx-color-success); --cx-btn-success-outline-hover-text-color: #fff; --cx-btn-success-outline-hover-border-color: var(--cx-color-success); --cx-btn-danger-background-color: var(--cx-color-danger); --cx-btn-danger-text-color: #fff; --cx-btn-danger-border-color: var(--cx-color-danger-light); --cx-btn-danger-hover-background-color: var(--cx-color-danger-dark); --cx-btn-danger-hover-text-color: #fff; --cx-btn-danger-hover-border-color: var(--cx-color-danger-dark); --cx-btn-danger-outline-background-color: var(--cx-page-common-background-color); --cx-btn-danger-outline-text-color: var(--cx-color-danger); --cx-btn-danger-outline-border-color: var(--cx-color-danger); --cx-btn-danger-outline-hover-background-color: var(--cx-color-danger); --cx-btn-danger-outline-hover-text-color: #fff; --cx-btn-danger-outline-hover-border-color: var(--cx-color-danger); --cx-btn-warning-background-color: var(--cx-color-warning); --cx-btn-warning-text-color: #fff; --cx-btn-warning-border-color: var(--cx-color-warning-light); --cx-btn-warning-hover-background-color: var(--cx-color-warning-dark); --cx-btn-warning-hover-text-color: #fff; --cx-btn-warning-hover-border-color: var(--cx-color-warning-dark); --cx-btn-warning-outline-background-color: var(--cx-page-common-background-color); --cx-btn-warning-outline-text-color: var(--cx-color-warning); --cx-btn-warning-outline-border-color: var(--cx-color-warning); --cx-btn-warning-outline-hover-background-color: var(--cx-color-warning); --cx-btn-warning-outline-hover-text-color: #fff; --cx-btn-warning-outline-hover-border-color: var(--cx-color-warning); --cx-btn-info-background-color: var(--cx-color-info); --cx-btn-info-text-color: #fff; --cx-btn-info-border-color: var(--cx-color-info-light); --cx-btn-info-hover-background-color: var(--cx-color-info-dark); --cx-btn-info-hover-text-color: #fff; --cx-btn-info-hover-border-color: var(--cx-color-info-dark); --cx-btn-info-outline-background-color: var(--cx-page-common-background-color); --cx-btn-info-outline-text-color: var(--cx-color-info); --cx-btn-info-outline-border-color: var(--cx-color-info-light); --cx-btn-info-outline-hover-background-color: var(--cx-color-info); --cx-btn-info-outline-hover-text-color: #fff; --cx-btn-info-outline-hover-border-color: var(--cx-color-info); --cx-facets-color: var(--cx-text-common-color); --cx-font-family-default: "Open Sans", Verdana, Helvetica, Arial, sans-serif; --cx-font-family-heading: "SequelSans-MediumHead", Verdana, Helvetica, Arial, sans-serif; --cx-font-family-secondary: "SequelSans-BookBody", "Open Sans", Helvetica, Arial, sans-serif; --cx-font-size-1: calc(var(--cx-font-size-root) * 2.6); --cx-font-size-2: calc(var(--cx-font-size-root) * 1.143); --cx-font-size-3: calc(var(--cx-font-size-root) * 1.7); --cx-font-size-4: calc(var(--cx-font-size-root) * 1.25); --cx-font-size-5: calc(var(--cx-font-size-root) * 1); --cx-font-size-6: calc(var(--cx-font-size-root) * 1); --cx-font-size-7: calc(var(--cx-font-size-root) * 0.875); --cx-font-size-8: calc(var(--cx-font-size-root) * 0.75); --cx-error-text-color: var(--cx-color-danger); --cx-error-margin: 4px; --cx-form-group-margin-bottom: 12px; --cx-input-padding: 6px 12px; --cx-input-height: 34px; --cx-input-bd-radius: 4px; --cx-input-bg-color: var(--cx-page-common-background-color); --cx-input-bg-active-color: var(--cx-color-gray-100); --cx-input-bd-color: var(--cx-color-gray-300); --cx-input-bd-active-color: var(--cx-color-gray-400); --cx-input-label-color: var(--cx-text-common-color); --cx-input-placeholder-color: var(--cx-color-gray-400); --cx-label-margin-bottom: 4px; --cx-radio-margin-bottom: 4px; --cx-loader-color: var(--cx-color-primary); --cx-loader-text-color: var(--cx-text-common-color); --cx-loader-ellipses-size: 10px; --cx-pagination-color: var(--cx-text-common-color); --cx-pagination-background-color: var(--cx-simple-card-bg-color); --cx-pagination-border-color: var(--cx-color-gray-300); --cx-pagination-active-color: var(--cx-page-common-background-color); --cx-pagination-active-background-color: var(--cx-color-primary); --cx-pagination-active-border-color: var(--cx-color-primary); --cx-product-cart-product-name-color: var(--cx-text-common-color); --cx-star-rating-color: #f3ea00; --cx-table-header-bg-color: var(--cx-page-common-background-color); --cx-table-header-text-color: var(--cx-color-gray-800); --cx-table-tr-bg-color: var(--cx-simple-card-bg-color); --cx-table-tr-even-bg-color: var(--cx-page-common-background-color); --cx-table-tr-text-color: var(--cx-text-common-color); --cx-toaster-background-color: var(--cx-simple-card-bg-color); --cx-toaster-text-color: var(--cx-text-common-color); --cx-toaster-primary-border-left-color: var(--cx-color-primary); --cx-toaster-success-border-left-color: var(--cx-color-success); --cx-toaster-danger-border-left-color: var(--cx-color-danger); --cx-toaster-warning-border-left-color: var(--cx-color-warning); --cx-toaster-info-border-left-color: var(--cx-color-info); } /* angular:styles/global:themes */ /*# sourceMappingURL=themes-UZXSQSA4.css.map */