/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./sfra-webpack-builder/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./sfra-webpack-builder/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./sfra-webpack-builder/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./custom/cartridges/app_custom_unified_portal/cartridge/client/default/scss/skin/skin.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'roche_sans_regular';
  src: url("../../fonts/RocheSans-Regular.ttf");
  src: url("../../fonts/RocheSans-Regular.ttf?#iefix") format("truetype"), url("../../fonts/RocheSans-Regular.woff2") format("woff2"), url("../../fonts/RocheSans-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'roche_sans_italic';
  src: url("../../fonts/RocheSans-Italic.ttf");
  src: url("../../fonts/RocheSans-Italic.ttf?#iefix") format("truetype"), url("../../fonts/RocheSans-Italic.woff2") format("woff2"), url("../../fonts/RocheSans-Italic.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'roche_sans_light';
  src: url("../../fonts/RocheSans-Light.ttf");
  src: url("../../fonts/RocheSans-Light.ttf?#iefix") format("truetype"), url("../../fonts/RocheSans-Light.woff2") format("woff2"), url("../../fonts/RocheSans-Light.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'roche_sans_light_italic';
  src: url("../../fonts/RocheSans-LightItalic.ttf");
  src: url("../../fonts/RocheSans-LightItalic.ttf?#iefix") format("truetype"), url("../../fonts/RocheSans-LightItalic.woff2") format("woff2"), url("../../fonts/RocheSans-LightItalic.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'roche_sans_medium';
  src: url("../../fonts/RocheSans-Medium.ttf");
  src: url("../../fonts/RocheSans-Medium.ttf?#iefix") format("truetype"), url("../../fonts/RocheSans-Medium.woff2") format("woff2"), url("../../fonts/RocheSans-Medium.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'roche_sans_medium_italic';
  src: url("../../fonts/RocheSans-MediumItalic.ttf");
  src: url("../../fonts/RocheSans-MediumItalic.ttf?#iefix") format("truetype"), url("../../fonts/RocheSans-MediumItalic.woff2") format("woff2"), url("../../fonts/RocheSans-MediumItalic.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'roche_sans_bold';
  src: url("../../fonts/RocheSans-Bold.ttf");
  src: url("../../fonts/RocheSans-Bold.ttf?#iefix") format("truetype"), url("../../fonts/RocheSans-Bold.woff2") format("woff2"), url("../../fonts/RocheSans-Bold.woff") format("woff");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'roche_sans_bold_italic';
  src: url("../../fonts/RocheSans-BoldItalic.ttf");
  src: url("../../fonts/RocheSans-BoldItalic.ttf?#iefix") format("truetype"), url("../../fonts/RocheSans-BoldItalic.woff2") format("woff2"), url("../../fonts/RocheSans-BoldItalic.woff") format("woff");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'roche_sans_condensed_regular';
  src: url("../../fonts/RocheSansCondensed-Regular.ttf");
  src: url("../../fonts/RocheSansCondensed-Regular.ttf?#iefix") format("truetype"), url("../../fonts/RocheSansCondensed-Regular.woff2") format("woff2"), url("../../fonts/RocheSansCondensed-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'roche_sans_condensed_light';
  src: url("../../fonts/RocheSansCondensed-Light.ttf");
  src: url("../../fonts/RocheSansCondensed-Light.ttf?#iefix") format("truetype"), url("../../fonts/RocheSansCondensed-Light.woff2") format("woff2"), url("../../fonts/RocheSansCondensed-Light.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'roche_sans_condensed_light_italic';
  src: url("../../fonts/RocheSansCondensed-LightItalic.ttf");
  src: url("../../fonts/RocheSansCondensed-LightItalic.ttf?#iefix") format("truetype"), url("../../fonts/RocheSansCondensed-LightItalic.woff2") format("woff2"), url("../../fonts/RocheSansCondensed-LightItalic.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'roche_icons';
  src: url("../../fonts/roche-icons.eot");
  src: url("../../fonts/roche-icons.eot?#iefix") format("embedded-opentype"), url("../../fonts/roche-icons.woff") format("woff"), url("../../fonts/roche-icons.ttf") format("truetype"), url("../../fonts/roche-icons.svg?#roche_icons") format("svg");
  font-weight: normal;
  font-style: normal; }

.roche::before {
  content: "\e604";
  display: inline-block;
  font-family: 'roche_icons' !important;
  font-size: inherit;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -o-transform: scale(1); }

.accu-chek::before {
  content: "\e600"; }

.facebook::before {
  content: "\e601"; }

.google-plus::before {
  content: "\e602"; }

.pinterest::before {
  content: "\e603"; }

.twitter::before {
  content: "\e605"; }

.import::before {
  content: "\e606"; }

.accu_close::before {
  content: "\e608"; }

.add::before {
  content: "\e609"; }

.demo::before {
  content: "\e60a"; }

.manual::before {
  content: "\e60b"; }

.register::before {
  content: "\e60c"; }

.support::before {
  content: "\e60d"; }

.article::before {
  content: "\e60e"; }

.tools::before {
  content: "\e60f"; }

:root {
  /** ==================================================================== **/
  /** Create Custom CSS Variables from "sfra bootstrap override" variables **/
  /** ==================================================================== **/
  --color-white: #fff;
  --color-black: #000;
  --color-blue: #0070d2;
  --color-green: #008827;
  --color-primary: #1A818D;
  --color-primary-transparency: rgba(26, 129, 141, 0.25);
  --color-red: #c00;
  --color-success: var(--color-green);
  --color-danger: var(--color-red);
  --color-light-blue: #f0f6fa;
  --color-grey1: #f9f9f9;
  --color-grey2: #eee;
  --color-grey3: #ccc;
  --color-grey4: #999;
  --color-grey5: #666;
  --color-grey6: #444;
  --color-grey7: #222;
  --color-grey8: #333;
  --color-grey9: #f1f1f1;
  --color-grey10: #e3e3e3;
  --color-grey11: #F6F6F6;
  --color-grey-transparent-1: rgba(0, 0, 0, 0.65);
  --color-grey-transparent-2: rgba(0, 0, 0, 0.25);
  --color-light-gray: var(--color-grey1);
  --color-slightly-darker-gray: var(--color-grey4);
  --color-dark-gray: var(--color-grey6);
  --color-darker-gray: var(--color-grey7);
  --color-horizontal-rule-grey: var(--color-grey3);
  --color-product-number-grey: var(--color-grey3);
  --color-horizontal-border-grey: var(--color-grey4);
  --color-menu-link: var(--color-grey6);
  --color-close-menu-bg: var(--color-grey2);
  --color-link-color: var(--color-dark-gray);
  --color-hr-border-color: var(--color-grey3);
  --color-sea-serpent: #51cbd9;
  /** ==================================================================== **/
  /** Define skin named variables here                                    **/
  /** ==================================================================== **/
  --skin-background-color-1: var(--color-gray1);
  --skin-background-color-2: var(--color-grey11);
  --skin-background-color-3: linear-gradient(180deg, #E3E3E3 0%, #F6F6F6 21.08%);
  --skin-border-color-1: var(--color-white);
  --skin-main-text-color-1: var(--ac-blue-text);
  --skin-main-text-color-2: var(--color-grey4);
  --skin-menu-color-1: #444;
  --skin-menu-color-1-invert: var(--color-white);
  --skin-menu-color-2: #222;
  --skin-link-color-1: #444;
  --skin-link-color-2: var(--color-primary);
  --skin-primary-color-1: var(--color-primary);
  --skin-primary-color-2: var(--color-sea-serpent);
  --skin-primary-color-invert-1: var(--color-white);
  --skin-primary-color-invert-2: var(--ac-blue-night);
  --skin-selectbox-background-color-1: var(--color-white);
  --skin-selectbox-text-color-1: var(--ac-blue-text);
  --skin-banner-background-color-1: #444;
  --skin-banner-background-color-2: #222;
  --skin-banner-text-color-1: var(--color-white);
  --skin-heading-color-1: var(--color-primary);
  --skin-heading-color-1-invert: var(--color-white);
  --skin-tab-background-color-1: var(--color-grey10);
  --skin-price-1: var(--ac-blue-text);
  --skin-header-font: 'roche_sans_regular';
  --skin-body-font: 'roche_sans_regular';
  --skin-bold-font: 'roche_sans_bold';
  --skin-medium-font: 'roche_sans_medium';
  --skin-image-background-color-1: linear-gradient(217.89deg, #26becf 54.82%, #8eb927 87.65%);
  --skin-image-background-color-2: linear-gradient(217.89deg, rgba(38, 190, 207, 0.3) 54.82%, rgba(142, 185, 39, 0.3) 87.65%);
  --skin-scroll-blur-color-1: linear-gradient(270deg, var(--skin-primary-color-invert-1) 0%, transparent 100%);
  --skin-scroll-blur-color-2: linear-gradient(270deg, var(--skin-background-color-2) 0%, transparent 100%);
  --skin-shadow-1: 0px 4px 4px 0px rgba(0, 0, 0, 0.15); }

:root {
  --white: #fff;
  --ac-blue-text: #0b393e;
  --ac-blue-night: #156771;
  --ac-blue-shade: #1a818d;
  --ac-blue-dark: #1e98a6;
  --ac-neutrals-black: #2a2a2a;
  --blue-01: #2a64c5;
  --blue-02: #E9F9FA;
  --blue-03: #F4FCFD;
  --blue-hover: #0c46a7;
  --grey-01: #28282c;
  --grey-02: #3a3a41;
  --grey-03: #727272;
  --grey-04: #b1b3b3;
  --grey-05: #e4e4e4;
  --grey-06: #f8f8f8;
  --mysugar-01: #617e1a;
  --mysugar-02: #ddeabe;
  --mysugar-03: #f9fcf4;
  --bs-blue: #003cc5;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #737373;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #003cc5;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 0, 60, 197;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: sfmono-regular, menlo, monaco, consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-bg: #fff;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-2xl: 2rem;
  --bs-border-radius-pill: 50rem;
  --bs-link-color: #003cc5;
  --bs-link-hover-color: #00309e;
  --bs-code-color: #d63384;
  --bs-highlight-bg: #fff3cd;
  --bs-popover-zindex: 1070;
  --bs-popover-max-width: 276px;
  --bs-popover-font-size: 0.875rem;
  --bs-popover-bg: #fff;
  --bs-popover-border-width: 1px;
  --bs-popover-border-color: var(--bs-border-color-translucent);
  --bs-popover-border-radius: 20px;
  --bs-popover-inner-border-radius: calc(0.5rem - 1px);
  --bs-popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-popover-header-padding-x: 1rem;
  --bs-popover-header-padding-y: 0.5rem;
  --bs-popover-header-font-size: 1rem;
  --bs-popover-header-bg: #f0f0f0;
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: 1rem;
  --bs-popover-body-color: #212529;
  --bs-popover-arrow-width: 1rem;
  --bs-popover-arrow-height: 0.5rem;
  --bs-popover-arrow-border: var(--bs-popover-border-color); }

::-webkit-scrollbar {
  width: 5px;
  height: 5px; }

::-webkit-scrollbar-track {
  border-radius: 0;
  background-color: var(--grey-06);
  border: 1px solid #cacaca;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }

::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: var(--grey-03); }

.sticky {
  position: sticky;
  top: 0;
  z-index: 99;
  margin-bottom: 0; }
  @media (min-width: 992px) {
    .sticky {
      top: -1px; } }

.bg-grad {
  display: none;
  position: absolute;
  min-height: 72px;
  background: linear-gradient(180deg, #e3e3e3 0%, #ebebeb 100%); }

.suggestions {
  border-radius: 20px;
  max-width: 1440px;
  width: 100%;
  left: 0;
  position: absolute; }
  .suggestions .sgg-header {
    color: #999;
    font-size: 0.875em;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 0.625em; }
  .suggestions .sgg {
    border-bottom: 1px solid var(--grey-05);
    color: var(--grey-02);
    padding: 10px 2rem; }
  .suggestions .sgg-container {
    max-width: none;
    padding-left: 0;
    padding-right: 0; }
  .suggestions .sgg-link {
    color: var(--grey-02) !important;
    text-decoration: none !important; }

.suggestions-wrapper {
  position: absolute;
  width: 100%; }

.minicart .cart {
  padding-top: 0.625em;
  padding-bottom: 0.625em;
  background-color: #f9f9f9;
  border-radius: var(--bs-popover-border-radius); }

.minicart .card {
  margin-bottom: 1em;
  border-radius: 20px; }
  .minicart .card-body {
    margin: 0; }

.minicart .product-image {
  height: auto !important; }

.quantity-form {
  margin-inline: 1em;
  flex-basis: 100%;
  margin-top: 8px; }

.quantity-label {
  margin-bottom: .5em; }

.unified-header nav.tbm-main ul {
  flex-wrap: nowrap; }

.unified-header .tbm-link.level-1 {
  white-space: nowrap; }

.line-item-quantity {
  display: flex;
  justify-content: center; }

.line-item-price, .line-item-total-price {
  display: flex;
  flex-direction: column;
  align-items: flex-end; }

@media (min-width: 992px) {
  .bg-grad {
    display: block; }
  .unified-header .header-main {
    padding-left: 0; } }

.ot-sdk-show-settings {
  display: block;
  color: var(--grey-03);
  padding: 0.5rem 1rem;
  cursor: pointer; }
  .ot-sdk-show-settings:focus, .ot-sdk-show-settings:hover {
    color: var(--skin-menu-color-1); }

.error-message p {
  margin-bottom: 0; }

body,
.card,
.card-header,
.hero {
  background-color: var(--skin-background-color-1);
  font-family: var(--skin-body-font);
  color: var(--skin-main-text-color-1); }

.card {
  border-style: none;
  border-radius: 30px;
  background-color: var(--skin-background-color-2);
  box-shadow: var(--skin-shadow-1); }
  .card-body, .card-footer {
    background-color: unset;
    padding: 24px 0;
    margin-inline: 30px; }
    .card-body > *:last-child,
    .card-body > *:last-child p, .card-footer > *:last-child,
    .card-footer > *:last-child p {
      margin-bottom: 0; }
  .card-header {
    background-color: transparent;
    padding: 24px 30px;
    border: none; }
    .card-header ~ .card-body,
    .card-header ~ .collapse .card-body,
    .card-header ~ .collapsing .card-body {
      border-top: 1px solid var(--grey-05); }
  .card__small {
    border-radius: 20px;
    /* stylelint-disable-next-line no-descending-specificity */ }
    .card__small .card-header {
      padding-inline: 20px; }
    .card__small .card-body,
    .card__small .card-footer {
      margin-inline: 20px; }
  @media (max-width: 543.98px) {
    .card {
      margin-inline: -20px;
      border-radius: 0;
      box-shadow: none; }
      .card-header {
        padding-inline: 20px; }
      .card-body, .card-footer {
        margin-inline: 20px; } }

.card-control {
  display: block;
  float: right;
  font-size: 1.5rem;
  color: var(--skin-primary-color-1);
  transition: opacity .35s ease-in-out; }

.card-control-button {
  border: none; }

.card-controls {
  cursor: pointer; }
  .card-controls:has(~ .collapse:not(.show)) .card-control--collapse {
    display: none; }
  .card-controls:has(~ .collapse.show) .card-control--expand {
    display: none; }
  .card-controls:has(~ .collapsing) .card-control {
    display: none; }

.main-menu {
  background-color: var(--skin-white); }

.banner-color {
  background-color: var(--skin-banner-background-color-1); }

.header-banner {
  background-color: var(--skin-banner-background-color-2);
  color: var(--skin-banner-text-color-1); }

.header-banner .close-button .close {
  background-color: var(--skin-primary-color-1); }

h1.page-title {
  display: block;
  left: 0;
  background-color: transparent;
  color: var(--ac-neutrals-black);
  padding: 15px 25px 15px 0;
  margin-block: 0.5em;
  font-size: 2.5rem; }
  @media (max-width: 768.98px) {
    h1.page-title {
      display: block;
      text-align: center;
      padding: 5px 0;
      font-size: 2.375rem; } }

h1.page-title::before {
  content: none; }

.product-tile {
  background-color: var(--skin-background-color-1);
  border: 10px solid var(--skin-border-color-1); }

.custom-select {
  background-color: var(--skin-selectbox-background-color-1);
  color: var(--skin-selectbox-text-color-1);
  height: calc(1.5em + 1.5rem + 2px);
  padding-block: 0.75rem;
  padding-right: 2.5rem;
  border-radius: 10px;
  border-color: var(--grey-03); }
  .custom-select:focus {
    border-color: var(--grey-03);
    box-shadow: none; }

a {
  color: var(--skin-link-color-1); }
  a.link-primary {
    color: var(--skin-primary-color-1); }
  a.external-link::after {
    content: '';
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background: url("../../images/external-link.svg") no-repeat; }

.dropdown-menu,
.dropdown-menu a,
.navbar,
.navbar .nav-item,
.navbar .nav-item a,
.navbar .nav-item.dropdown,
.navbar .nav-item.dropdown a {
  color: var(--skin-menu-color-2); }
  @media (min-width: 769px) {
    .dropdown-menu,
    .dropdown-menu a,
    .navbar,
    .navbar .nav-item,
    .navbar .nav-item a,
    .navbar .nav-item.dropdown,
    .navbar .nav-item.dropdown a {
      color: var(--skin-menu-color-2); } }

.navbar .nav-item.dropdown .dropdown-menu.show {
  background-color: var(--skin-selectbox-background-color-1); }
  .navbar .nav-item.dropdown .dropdown-menu.show a,
  .navbar .nav-item.dropdown .dropdown-menu.show .nav-item {
    color: var(--skin-selectbox-text-color-1); }

header ~ #maincontent .container a:not(.btn-primary) {
  color: var(--skin-primary-color-1); }

.price {
  color: var(--skin-price-1); }

.navbar .nav-item.dropdown,
.navbar .nav-item.dropdown .dropdown-menu.show {
  color: var(--skin-selectbox-text-color-1); }

.nav-item .nav-link:hover,
.nav-item .nav-link:focus,
.nav-item.show .nav-link {
  background-color: transparent;
  color: var(--skin-menu-color-1); }

.btn-primary {
  background: var(--skin-primary-color-1);
  border-radius: 40px;
  padding: 10px 32px;
  box-shadow: none;
  color: var(--skin-primary-color-invert-1);
  border: 1px solid var(--skin-primary-color-1);
  white-space: nowrap;
  transition: background-color ease-in-out 0.5s; }
  .btn-primary.disabled, .btn-primary:disabled {
    background-color: var(--skin-primary-color-1);
    border-color: var(--skin-primary-color);
    color: var(--skin-primary-color-invert-1);
    opacity: 0.5; }
  .btn-primary:not(:disabled):hover:not(.disabled), .btn-primary:not(:disabled):focus:not(.disabled), .btn-primary:not(:disabled):active:not(.disabled) {
    background-color: var(--skin-primary-color-invert-2);
    box-shadow: 0 0 4px var(--skin-primary-color-invert-1);
    border: 1px solid var(--skin-primary-color-invert-2);
    text-decoration: none; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--skin-header-font), sans-serif; }

.btn-outline-primary {
  --bs-btn-color: #003cc5;
  --bs-btn-border-color: #003cc5;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #003cc5;
  --bs-btn-hover-border-color: #003cc5;
  --bs-btn-focus-shadow-rgb: 0, 60, 197;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #003cc5;
  --bs-btn-active-border-color: #003cc5;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #003cc5;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #003cc5;
  --bs-gradient: none;
  background-color: var(--skin-primary-color-invert-1);
  border: 1px solid var(--skin-primary-color-1);
  border-radius: 30px;
  text-decoration: none;
  color: var(--skin-primary-color-1);
  padding: 10px 32px;
  letter-spacing: 0.5px;
  line-height: 1.5;
  white-space: nowrap;
  transition: background-color ease-in-out 0.5s;
  /* stylelint-disable-next-line no-descending-specificity */ }
  .btn-outline-primary:disabled, .btn-outline-primary.disabled {
    color: var(--skin-primary-color-1); }
  .btn-outline-primary.active, .btn-outline-primary:active {
    background-color: var(--skin-primary-color-1);
    color: var(--skin-primary-color-invert-1);
    /* stylelint-disable-next-line no-descending-specificity */ }
    .btn-outline-primary.active a, .btn-outline-primary:active a {
      color: var(--skin-primary-color-1); }
  .btn-outline-primary:hover {
    background-color: var(--skin-primary-color-1);
    color: var(--skin-primary-color-invert-1);
    /* stylelint-disable-next-line no-descending-specificity */ }
    .btn-outline-primary:hover a {
      color: var(--skin-primary-color-invert-1);
      /* stylelint-disable-next-line no-descending-specificity */ }
      .btn-outline-primary:hover a:hover {
        color: var(--skin-primary-color-invert-1);
        text-decoration: none; }
  .btn-outline-primary:focus-visible {
    outline: none;
    box-shadow: 0 0 0 2.5px var(--skin-primary-color-invert-2); }

.btn-link,
.btn-link:hover {
  color: var(--skin-link-color-2);
  border-width: 0; }

.ac-blue-text {
  color: var(--skin-main-text-color-1); }
  @media (max-width: 768.98px) {
    .ac-blue-text {
      text-align: center; } }

.ac-bold {
  font-family: var(--skin-bold-font); }

.ac-header {
  font-family: var(--skin-header-font); }

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5 {
  font-weight: 400;
  line-height: 1.1;
  font-family: var(--skin-medium-font), Arial, "Arial Narrow";
  margin-bottom: 0.75rem;
  color: var(--skin-primary-color-1); }
  @media (min-width: 769px) {
    h1,
    .h1,
    h2,
    .h2,
    h3,
    .h3,
    h4,
    .h4,
    h5,
    .h5 {
      margin-bottom: 1rem; } }

h1,
.h1 {
  color: var(--ac-neutrals-black);
  font-size: 2.375rem;
  line-height: 1.1; }
  @media (min-width: 769px) {
    h1,
    .h1 {
      font-size: 2.75rem;
      line-height: 1; } }
  @media (min-width: 992px) {
    h1,
    .h1 {
      font-size: 4rem; } }

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='4' fill='%231A818D'/%3e%3c/svg%3e"); }

.custom-radio .custom-control-label::before {
  background: transparent;
  border-color: var(--skin-main-text-color-1); }

.custom-checkbox .custom-control-label::before {
  border-color: var(--skin-primary-color-1);
  background: var(--skin-primary-color-invert-1); }

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-color: var(--skin-primary-color-1);
  border-radius: 3px; }

.custom-control-input:checked ~ .custom-control-label::before {
  background: transparent;
  border-color: var(--skin-main-text-color-1); }

.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: none; }

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: var(--skin-primary-color-1); }

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  color: var(--skin-primary-color);
  background-color: transparent;
  border-color: var(--skin-primary-color-1); }

.form-group.required .form-control-label::before {
  color: inherit; }

.form-control {
  background-color: var(--skin-selectbox-background-color-1);
  color: var(--skin-main-text-color-1);
  border-radius: 10px;
  border-color: var(--grey-03); }
  .form-control:focus, .form-control:active, .form-control:hover {
    border-color: var(--ac-blue-dark);
    box-shadow: none; }

.modal-content {
  border-radius: 20px; }

.availability,
.line-item-availability > .line-item-attributes {
  color: var(--color-red); }

.disabled,
:disabled {
  cursor: not-allowed; }

@media (min-width: 769px) {
  #product-search-results {
    padding-inline: 0; } }

.slant-down::after {
  content: none; }

.hero {
  width: 100%;
  max-height: 33vh;
  max-height: 33dvh;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: left 66%;
  object-position: left 66%; }

.error-page-content {
  margin-block: 3.125rem; }

.small-flex-gap {
  gap: 8px; }

.remove-btn:hover, .remove-btn:active, .remove-btn:focus {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M14.7692 2C15.3895 2 15.8963 2.46175 15.9226 3.04089V4.82658H20.1306C20.6108 4.82658 21 5.21581 21 5.69595C21 6.17609 20.6108 6.56532 20.1306 6.56532H19.5808L18.3374 20.9852C18.3126 21.2532 18.1856 21.5036 17.98 21.6902C17.7743 21.8768 17.5038 21.9868 17.2186 22H6.83262C6.54778 21.9983 6.27321 21.8996 6.05948 21.7223C5.84575 21.5449 5.70727 21.3007 5.66954 21.0348L5.66262 20.9865L4.41923 6.56662H3.87002C3.38952 6.56662 3 6.1771 3 5.6966C3 5.2161 3.38952 4.82658 3.87002 4.82658H8.07738V3.08785C8.07738 2.50349 8.56615 2.02609 9.18092 2.0013L14.7692 2.0013V2ZM17.7282 6.56532L6.27185 6.56532L7.45431 20.2613H16.5457L17.7282 6.56532ZM15 15.5L15.0004 10.3155C15.0004 9.80541 14.587 9.3919 14.0769 9.3919C13.5669 9.3919 13.1534 9.80537 13.1534 10.3154V16.7304C13.1534 17.2404 13.5668 17.6538 14.0768 17.6538C14.5869 17.6538 15.0004 17.2403 15.0003 16.7302L15 15.5ZM9.92308 9.3919C10.4331 9.3919 10.8466 9.80538 10.8466 10.3154L10.8466 16.7303C10.8466 17.2403 10.4331 17.6538 9.92308 17.6538C9.41302 17.6538 8.99954 17.2403 8.99954 16.7303L8.99954 10.3154C8.99954 9.80538 9.41302 9.3919 9.92308 9.3919ZM9.92308 3.74004L14.0769 3.74004V4.82658L9.92308 4.82658V3.74004Z' fill='%23156771'/%3E%3C/svg%3E") left 0 center no-repeat; }

.remove-btn-lg:hover, .remove-btn-lg:active, .remove-btn-lg:focus {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M14.7692 2C15.3895 2 15.8963 2.46175 15.9226 3.04089V4.82658H20.1306C20.6108 4.82658 21 5.21581 21 5.69595C21 6.17609 20.6108 6.56532 20.1306 6.56532H19.5808L18.3374 20.9852C18.3126 21.2532 18.1856 21.5036 17.98 21.6902C17.7743 21.8768 17.5038 21.9868 17.2186 22H6.83262C6.54778 21.9983 6.27321 21.8996 6.05948 21.7223C5.84575 21.5449 5.70727 21.3007 5.66954 21.0348L5.66262 20.9865L4.41923 6.56662H3.87002C3.38952 6.56662 3 6.1771 3 5.6966C3 5.2161 3.38952 4.82658 3.87002 4.82658H8.07738V3.08785C8.07738 2.50349 8.56615 2.02609 9.18092 2.0013L14.7692 2.0013V2ZM17.7282 6.56532L6.27185 6.56532L7.45431 20.2613H16.5457L17.7282 6.56532ZM15 15.5L15.0004 10.3155C15.0004 9.80541 14.587 9.3919 14.0769 9.3919C13.5669 9.3919 13.1534 9.80537 13.1534 10.3154V16.7304C13.1534 17.2404 13.5668 17.6538 14.0768 17.6538C14.5869 17.6538 15.0004 17.2403 15.0003 16.7302L15 15.5ZM9.92308 9.3919C10.4331 9.3919 10.8466 9.80538 10.8466 10.3154L10.8466 16.7303C10.8466 17.2403 10.4331 17.6538 9.92308 17.6538C9.41302 17.6538 8.99954 17.2403 8.99954 16.7303L8.99954 10.3154C8.99954 9.80538 9.41302 9.3919 9.92308 9.3919ZM9.92308 3.74004L14.0769 3.74004V4.82658L9.92308 4.82658V3.74004Z' fill='%23156771'/%3E%3C/svg%3E") left 0 center no-repeat; }


/*# sourceMappingURL=skin.css.map*/