/*!***************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/styles/core.scss ***!
  \***************************************************************************************************************/
@charset "UTF-8";
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  opacity: 0.75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

[dir=rtl] .slick-prev {
  right: -25px;
  left: auto;
}

.slick-prev:before {
  content: "←";
}

[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}

[dir=rtl] .slick-next {
  right: auto;
  left: -25px;
}

.slick-next:before {
  content: "→";
}

[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "•";
  text-align: center;
  opacity: 0.25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: black;
}

body {
  margin: 0;
}
body.ticker-drawer-open {
  overflow: hidden !important;
}
body.navigation-open {
  overflow: hidden !important;
}
body.search-results-open {
  overflow: hidden !important;
}
body.modal-open {
  overflow: hidden !important;
}
body.slidein-open {
  overflow: hidden !important;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}
body .sticky-filter-container-mobile.header-search-sticky-visible {
  animation: slideInPLPFilter var(--hmf-fast) ease-in;
}
@keyframes slideInPLPFilter {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

.dsg-header-2021 img,
.footerV2-container-2021 img,
.old-footer img {
  border-style: none;
  vertical-align: middle;
}
.dsg-header-2021 svg:not(:root),
.footerV2-container-2021 svg:not(:root),
.old-footer svg:not(:root) {
  overflow: hidden;
  vertical-align: middle;
}
.dsg-header-2021 input,
.dsg-header-2021 select,
.dsg-header-2021 optgroup,
.dsg-header-2021 textarea,
.footerV2-container-2021 input,
.footerV2-container-2021 select,
.footerV2-container-2021 optgroup,
.footerV2-container-2021 textarea,
.old-footer input,
.old-footer select,
.old-footer optgroup,
.old-footer textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
}
.dsg-header-2021 button,
.dsg-header-2021 input,
.footerV2-container-2021 button,
.footerV2-container-2021 input,
.old-footer button,
.old-footer input {
  overflow: visible;
}
.dsg-header-2021 label,
.footerV2-container-2021 label,
.old-footer label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

.noPLP {
  background-color: red;
  height: 4000px;
}

.calia-react-header-scope,
.calia-react-footer-scope {
  --color-black: var(--hmf-gray900);
  --color-white: var(--hmf-gray50);
  --focus-color: var(--hmf-primary500);
  --font-color-primary: var(--hmf-gray900);
  --primary-font-color: var(--hmf-gray900);
  --common-focus-color: var(--hmf-gray600);
  --secondary-color-light: #2d523f;
  --primary-accent-color: var(--hmf-gray200);
  --tertiary-accent-color: var(--hmf-primary400);
  --close-icon-background-color: var(--hmf-gray900);
  --store-details-check-icon-color: var(--hmf-primary500);
  --button-active-secondary-bg-color: #e3e4e4;
  --button-active-secondary-border: 2px solid #babcbb;
  --button-disabled-bg-color: #e3e4e4;
  --button-disabled-color: #8c8f8e;
  --button-disabled-secondary-bg-color: #fff;
  --button-disabled-secondary-border: 2px solid #e3e4e4;
  --button-disabled-secondary-color: #8c8f8e;
  --button-disabled-tertiary-color: #8c8f8e;
  --button-hover-secondary-bg-color: #eaebeb;
  --button-secondary-color: #191f1c;
  --button-static-secondary-border: 2px solid #191f1c;
  --button-static-tertiary-bg-color: transparent;
  --button-tertiary-border: 0px;
  --button-tertiary-color: #191f1c;
  --header-background-color: var(--hmf-gray50);
  --header-border-color: var(--hmf-gray200);
  --header-my-account-icon-color: var(--hmf-primary900);
  --header-cart-icon-height: 30px;
  --header-cart-icon-width: 26px;
  --header-my-account-signin-fill-color: #797979;
  --header-navbar-links-text-decoration-color: var(--hmf-secondary500);
  --header-navbar-nav-icon-fill-color: #e3e4e4;
  --header-search-backdrop-top: 177px;
  --header-search-bar-sticky-background-color: var(--hmf-gray50);
  --header-sticky-background-color: var(--hmf-gray50);
  --drop-down-menu-button-background-color: var(--hmf-gray50);
  --drop-down-menu-button-text-color: var(--hmf-primary500);
  --desktop-nav-background-color: var(--hmf-gray100);
  --desktop-nav-link-color: var(--hmf-primary800);
  --desktop-nav-link-visited-color: var(--hmf-gray900);
  --nav-menu-background-color: var(--hmf-gray50);
  --mobile-nav-accent-background-color: var(--hmf-gray100);
  --mobile-nav-border-styling: 1px solid var(--hmf-gray200);
  --mobile-nav-border-spacer-styling: 1px solid var(--hmf-gray200);
  --nav-box-shadow-color: var(--hmf-gray200);
  --oval-count-font-color: var(--hmf-gray50);
  --search-bar-background-color: var(--hmf-gray100);
  --search-bar-border-color: var(--hmf-gray400);
  --search-bar-font-color: var(--hmf-gray700);
  --search-bar-hover-border-color: var(--hmf-gray500);
  --search-results-box-background-color: var(--hmf-gray100);
  --search-results-font-color: var(--hmf-gray700);
  --search-results-header-color: var(--hmf-gray700);
  --sayt-results-font-color: var(--hmf-gray900);
  --bottom-footer-links-background-color: var(--hmf-gray100);
  --footer-links-heading-color: var(--hmf-gray50);
  --footer-logo-width: 182px;
  --footer-email-signup-input-placeholder-color: rgba(0, 0, 0, 0.54);
  --quick-view-background-color: var(--hmf-gray100);
  --quick-view-image-container-background-color: var(--hmf-gray50);
  --quick-view-alert-warn-background-color: #fff8e2;
  --quick-view-alert-warn-border-color: var(--hmf-yellow300);
  --quick-view-attribute-selected-background-color: #000;
  --tooltip-text-color: var(--hmf-gray900);
  --tooltip-background-color: var(--hmf-gray50);
  --tooltip-margin: 30px;
  --tooltip-arrow-size: 6px;
  --tooltip-border-color: var(--hmf-gray700);
  --top-product-price-font-size: 14px;
  --top-product-price-font-weight: 400;
  --top-product-price-letter-spacing: 1;
  --top-product-price-line-height: var(--subhead-line-height-l);
  --ticker-background-color: var(--hmf-gray50);
  --ticker-color: var(--hmf-gray50);
  --ticker-font-size: var(--body-font-size-m);
  --ticker-font-style: normal;
  --ticker-font-weight: 700;
  --ticker-letter-spacing: 0.5px;
  --ticker-line-height: var(--body-line-height-s);
  --ticker-link-font-size: 1rem;
  --ticker-link-font-style: normal;
  --ticker-link-font-weight: 500;
  --ticker-link-letter-spacing: 0;
  --ticker-link-line-height: 1.4rem;
  --ticker-link-text-transform: none;
  --ticker-text-transform: none;
}

.calia-react-header-scope.hmf-dsg-theme,
.calia-react-footer-scope.hmf-dsg-theme {
  --header-icon-hover-color: var(--hmf-fill-secondary-hover);
  --header-icon-focused-color: var(--hmf-fill-secondary-static);
  --header-icon-border-focused: var(--hmf-border-focused);
  --header-icon-active-color: var(--hmf-fill-secondary-active);
  --focus-color: var(--hmf-gray200);
  --search-bar-focus-border-color: var(--hmf-primary500);
  --search-bar-icon-color: var(--primary-color);
  --font-color-primary: var(--hmf-secondary500);
  --secondary-color-light: var(--hmf-secondary500);
  --drop-down-menu-button-text-color: var(--hmf-secondary500);
  --desktop-nav-link-color: var(--hmf-gray900);
  --footer-links-heading-color: var(--hmf-gray900);
  --header-trending-search-heading: var(--hmf-fill-marketing-static);
  --trending-searches-chip-color: var(--hmf-fill-marketing-static);
  --trending-searches-chip-text-color: var(--hmf-gray50);
  --font-family-primary: "Archivo", Arial, sans-serif;
  --font-family-secondary: "DSG Sans Black";
  --font-family-tertiary: "DSG Sans";
  --primary-font-family: "Archivo";
  --primary-font: "Archivo";
  --special-case-font-weight: 700;
  --special-case-font: "Archivo", Arial, sans-serif;
  --primary-color: var(--hmf-gray900);
  --secondary-color: var(--hmf-secondary500);
  --tertiary-color: var(--hmf-primary600);
  --theme-focus-outline-color: var(--hmf-primary600);
  --secondary-accent-color: var(--hmf-accent400);
  --accordion-flag-background-color: var(--hmf-secondary500);
  --aos-header-current-offers-color: var(--hmf-gray50);
  --columns-background: var(--hmf-gray50);
  --desktop-svg-fill-color: var(--hmf-gray900);
  --desktop-nav-column-category-hover-border: 2px solid var(--hmf-secondary500);
  --desktop-nav-link-hover-border-color: var(--hmf-secondary500);
  --desktop-nav-link-hover-color: var(--hmf-gray900);
  --desktop-nav-title-border-color: var(--hmf-secondary500);
  --nav-menu-font-color: var(--hmf-gray900);
  --nav-menu-hover-color: var(--hmf-secondary500);
  --top-navbar-links-hover-text-decoration-color: var(--hmf-secondary500);
  --oval-count-background-color: var(--hmf-secondary500);
  --footer-details-background: var(--hmf-gray200);
  --footer-details-color: var(--hmf-gray900);
  --footer-email-signup-signup-success-color: var(--hmf-gray50);
  --ticker-font-family: "Archivo", Arial, sans-serif;
  --ticker-link-font-family: "Archivo", Arial, sans-serif;
  --score-more-background-color: var(--hmf-gray900);
  --quick-view-close-button-color: var(--hmf-tertiary900);
  --quick-view-final-price-color: var(--hmf-gray900);
  --quick-view-price-background-color: var(--primary-color);
  --quick-view-quantity-items-border-radius: 24.5px;
  --quick-view-quantity-items-height: 49px;
  --quick-view-shipping-border-bottom-color: var(--hmf-secondary500);
  --quick-view-slider-dots: var(--hmf-tertiary900);
  --quick-view-unlisted-price-text-transform: uppercase;
  --quick-view-product-details-font-color: var(--hmf-gray900);
  --store-pickup-selected-store-color: var(--tertiary-color);
  --link-component-font-size: var(--body-font-size-s);
  --link-component-font-weight: bold;
  --link-component-letter-spacing: 0.5px;
  --link-component-line-height: 20px;
  --link-component-hover-focus-active-bottom-border: var(--hmf-secondary500);
  --link-component-static-bottom-border: var(--secondary-color);
  --link-component-visited-bottom-border: var(--hmf-gray600);
  --link-component-alternate-font-color: var(--hmf-gray600);
  --link-component-inline-font-size: var(--body-font-size-s);
  --link-component-inline-line-height: 20px;
  --link-component-inline-active-visited-font-color: var(--hmf-tertiary500);
  --link-component-inline-hover-focus-font-color: var(--hmf-secondary500);
  --button-active-bg-color: var(--hmf-secondary400);
  --button-color: var(--hmf-tertiary50);
  --button-focus-outline: 2px dashed var(--hmf-primary500) !important;
  --button-hover-bg-color: var(--hmf-secondary600);
  --button-label-underline-color: var(--hmf-secondary500);
  --button-static-bg-color: var(--hmf-secondary500);
  --button-font-family: "Archivo", Arial, sans-serif;
  --button-font-size: 16px;
  --button-font-style: normal;
  --button-font-weight: bold;
  --button-height: 45px;
  --button-letter-spacing: 1.5px;
  --button-line-height: 16px;
  --button-text-transform: uppercase;
  --button-width: 100%;
  --button-primary-static-bg-color: var(--hmf-secondary500);
  --button-primary-static-border: none;
  --button-primary-static-font-color: var(--hmf-tertiary50);
  --button-primary-static-radius: 0px;
  --button-primary-hover-bg-color: var(--hmf-secondary600);
  --button-primary-hover-border: none;
  --button-primary-hover-font-color: var(--hmf-tertiary50);
  --button-primary-hover-radius: 0px;
  --button-primary-active-bg-color: var(--hmf-secondary400);
  --button-primary-active-border: none;
  --button-primary-active-font-color: var(--hmf-tertiary50);
  --button-primary-active-radius: 0px;
  --button-primary-inactive-bg-color: var(--hmf-fill-disabled-subtle);
  --button-primary-inactive-border: none;
  --button-primary-inactive-font-color: var(--hmf-tertiary400);
  --button-primary-inactive-radius: 0px;
  --button-primary-focus-bg-color: var(--hmf-secondary500);
  --button-primary-focus-border: none;
  --button-primary-focus-font-color: var(--hmf-tertiary50);
  --button-primary-focus-outline: 1px dashed var(--hmf-primary600);
  --button-primary-focus-radius: 0px;
  --button-secondary-static-bg-color: var(--hmf-tertiary50);
  --button-secondary-static-border: 2px solid var(--hmf-tertiary900);
  --button-secondary-static-font-color: var(--hmf-tertiary900);
  --button-secondary-static-radius: 0px;
  --button-secondary-hover-bg-color: var(--hmf-tertiary50);
  --button-secondary-hover-border: 2px solid var(--hmf-tertiary900);
  --button-secondary-hover-font-color: var(--hmf-tertiary900);
  --button-secondary-hover-radius: 0px;
  --button-secondary-active-bg-color: var(--hmf-tertiary100);
  --button-secondary-active-border: 2px solid var(--hmf-tertiary300);
  --button-secondary-active-font-color: var(--hmf-tertiary900);
  --button-secondary-active-radius: 0px;
  --button-secondary-inactive-bg-color: var(--hmf-tertiary50);
  --button-secondary-inactive-border: 2px solid var(--hmf-tertiary100);
  --button-secondary-inactive-font-color: var(--hmf-tertiary400);
  --button-secondary-inactive-radius: 0px;
  --button-secondary-focus-bg-color: var(--hmf-tertiary50);
  --button-secondary-focus-border: 2px solid var(--hmf-tertiary900);
  --button-secondary-focus-font-color: var(--hmf-tertiary900);
  --button-secondary-focus-outline: 1px dashed var(--hmf-primary600);
  --button-secondary-focus-radius: 0px;
  --button-tertiary-static-bg-color: var(--hmf-tertiary50);
  --button-tertiary-static-border: none;
  --button-tertiary-static-font-color: var(--hmf-tertiary900);
  --button-tertiary-static-radius: 0px;
  --button-tertiary-hover-bg-color: var(--hmf-tertiary50);
  --button-tertiary-hover-border: none;
  --button-tertiary-hover-font-color: var(--hmf-tertiary900);
  --button-tertiary-hover-label-underline: 1px solid var(--hmf-secondary500);
  --button-tertiary-hover-radius: 0px;
  --button-tertiary-active-bg-color: var(--hmf-tertiary50);
  --button-tertiary-active-border: none;
  --button-tertiary-active-font-color: var(--hmf-tertiary900);
  --button-tertiary-active-label-underline: 2px solid var(--hmf-secondary500);
  --button-tertiary-active-radius: 0px;
  --button-tertiary-inactive-bg-color: var(--hmf-tertiary50);
  --button-tertiary-inactive-border: none;
  --button-tertiary-inactive-font-color: var(--hmf-tertiary400);
  --button-tertiary-inactive-radius: 0px;
  --button-tertiary-focus-bg-color: var(--hmf-tertiary50);
  --button-tertiary-focus-border: none;
  --button-tertiary-focus-font-color: var(--hmf-tertiary900);
  --button-tertiary-focus-outline: 1px dashed var(--hmf-primary600);
  --button-tertiary-focus-radius: 0px;
  --aos-current-offers-bg-color: var(--hmf-secondary500);
}

.calia-react-header-scope.hmf-g3-theme,
.calia-react-footer-scope.hmf-g3-theme {
  --hamburger-menu-hover-color: var(--hmf-fill-secondary-hover);
  --focus-color: var(--hmf-gray200);
  --drop-down-menu-button-background-color: var(--hmf-secondary800);
  --drop-down-menu-button-text-color: var(--hmf-gray50);
  --ticker-background-color: var(--hmf-secondary800);
  --ticker-font-size: var(--header-font-size-xs);
  --ticker-font-weight: 400;
  --ticker-letter-spacing: 1px;
  --ticker-line-height: var(--header-line-height-xs);
  --ticker-link-font-size: var(--subhead-font-size-s);
  --ticker-link-font-weight: 400;
  --ticker-link-letter-spacing: 1px;
  --ticker-link-line-height: var(--header-line-height-xs);
  --header-navbar-nav-icon-fill-color: var(--hmf-gray900);
  --search-bar-icon-color: var(--primary-color);
  --font-family-display: "DSG Sans", san-serif;
  --font-family-primary: "Roboto", san-serif;
  --font-family-secondary: "Helvetica";
  --special-case-font-weight: 500;
  --special-case-font: "Roboto", san-serif;
  --text-onhover-color: var(--hmf-primary700);
  --primary-color: var(--hmf-primary500);
  --theme-focus-outline-color: var(--hmf-secondary800);
  --columns-background: var(--hmf-background-base);
  --header-logo-background-color: var(--hmf-gray50);
  --top-mobile-background-color: var(--hmf-primary100);
  --top-navbar-background-color: var(--hmf-fill-base-subtle);
  --top-navbar-left-line-height: var(--subhead-line-height-m);
  --top-navbar-left-text-transform: none;
  --mobile-menu-border: 0.5px solid var(--hmf-gray200);
  --mobile-menu-font-size: 16px;
  --mobile-menu-letter-spacing: 2px;
  --mobile-menu-line-height: 22.4px;
  --header-navbar-title-font-family: var(--font-primary);
  --drop-down-menu-button-onActive-background-color: var(--hmf-secondary800);
  --drop-down-menu-button-onfocus-background-color: var(--hmf-secondary800);
  --drop-down-menu-button-onfocus-border: 1px dashed var(--hmf-tertiary600);
  --drop-down-menu-button-onhover-background-color: var(--hmf-tertiary700);
  --category-shop-all-font-family: var(--font-primary);
  --category-shop-all-font-size: var(--legal-font-size-xs);
  --category-shop-all-font-style: normal;
  --category-shop-all-font-weight: normal;
  --category-shop-all-letter-spacing: 0.5px;
  --category-shop-all-line-height: var(--legal-line-height-s);
  --mobile-story-find-store-font-family: var(--font-primary);
  --mobile-story-find-store-font-size: var(--subhead-font-size-s);
  --mobile-story-find-store-font-style: normal;
  --mobile-story-find-store-font-weight: 600;
  --mobile-story-find-store-letter-spacing: 0.5px;
  --mobile-story-find-store-line-height: var(--subhead-line-height-m);
  --search-results-box-border-color: var(--hmf-gray300);
  --search-view-all-result-border-bottom: 1px solid var(--hmf-secondary900);
  --top-product-price-font-size: var(--subhead-font-size-s);
  --top-product-price-letter-spacing: 0.5px;
  --top-product-price-line-height: var(--subhead-line-height-m);
  --top-product-title-font-family: var(--font-primary);
  --top-product-title-font-size: var(--subhead-font-size-s);
  --top-product-title-font-style: normal;
  --top-product-title-font-weight: 600;
  --top-product-title-letter-spacing: 0.5px;
  --top-product-title-line-height: var(--subhead-line-height-m);
  --top-product-title-text-transform: none;
  --top-product-discount-price-text-color: var(--hmf-gray900);
  --top-product-price-font-family: var(--font-primary);
  --top-product-price-font-style: normal;
  --top-product-was-price-text-color: var(--hmf-tertiary600);
  --ticker-font-family: var(--font-primary);
  --ticker-link-font-family: var(--font-primary);
  --footer-back-ground-color: var(--hmf-secondary800);
  --footer-border-top-right-radius: 50px;
  --footer-details-background: var(--hmf-accent50);
  --footer-details-color: var(--hmf-label-base);
  --footer-text-color: var(--hmf-gray50);
  --footer-email-signup-focused-border-color: var(--hmf-secondary400);
  --footer-signup-email-border-hover: 1px solid var(--hmf-primary500);
  --footer-signup-email-border: 3px solid var(--hmf-primary500);
  --footer-site-link-font-family: var(--font-primary);
  --footer-site-link-font-size: var(--legal-font-size-s);
  --footer-site-link-font-style: normal;
  --footer-site-link-font-weight: normal;
  --footer-site-link-letter-spacing: 0.5px;
  --footer-site-link-line-height: var(--legal-line-height-s);
  --footer-site-link-text-transform: none;
  --footer-pro-disclam-font-size: var(--legal-font-size-xs);
  --footer-pro-disclam-font-style: normal;
  --footer-pro-disclam-font-weight: normal;
  --footer-pro-disclam-letter-spacing: 0.5px;
  --footer-pro-disclam-line-height: var(--legal-line-height-s);
  --footer-pro-disclam-text-transform: none;
  --mobile-footer-back-ground-color: var(--hmf-tertiary50);
  --mobile-footer-text-color-bottom: var(--hmf-gray900);
  --score-more-background-color: var(--hmf-primary500);
  --quick-view-close-button-color: var(--hmf-fill-inverse);
  --quick-view-final-price-color: var(--hmf-gray900);
  --quick-view-price-background-color: var(--hmf-red900);
  --quick-view-shipping-border-bottom-color: var(--hmf-primary500);
  --quick-view-slider-dots: var(--hmf-tertiary900);
  --quick-view-unlisted-price-text-transform: none;
  --quick-view-add-to-cart-button-color: var(--hmf-primary400);
  --store-pickup-selected-store-color: var(--hmf-secondary800);
  --link-component-font-size: var(--body-font-size-s);
  --link-component-font-weight: 600;
  --link-component-letter-spacing: 0.5px;
  --link-component-line-height: 20px;
  --link-component-hover-focus-active-bottom-border: var(--hmf-secondary800);
  --link-component-static-bottom-border: var(--font-color-primary);
  --link-component-visited-bottom-border: var(--hmf-gray900);
  --link-component-alternate-font-color: var(--hmf-gray700);
  --link-component-inline-font-size: var(--body-font-size-s);
  --link-component-inline-line-height: 20px;
  --link-component-inline-active-visited-font-color: var(--hmf-gray700);
  --link-component-inline-hover-focus-font-color: var(--hmf-secondary800);
  --button-active-bg-color: var(--hmf-primary600);
  --button-color: var(--hmf-accent50);
  --button-focus-outline: var(--hmf-primary600);
  --button-hover-bg-color: var(--hmf-primary600);
  --button-label-underline-color: var(--hmf-accent50);
  --button-static-bg-color: var(--hmf-secondary600);
  --button-font-family: var(--font-family-secondary);
  --button-font-size: 16px;
  --button-font-style: normal;
  --button-font-weight: bold;
  --button-height: 45px;
  --button-letter-spacing: 1.5px;
  --button-line-height: 16px;
  --button-text-transform: uppercase;
  --button-width: 100%;
  --button-primary-static-bg-color: var(--hmf-secondary800);
  --button-primary-static-border: none;
  --button-primary-static-font-color: var(--color-white);
  --button-primary-static-radius: 0px;
  --button-primary-hover-bg-color: var(--hmf-primary500);
  --button-primary-hover-border: none;
  --button-primary-hover-font-color: var(--color-white);
  --button-primary-hover-radius: 0px;
  --button-primary-active-bg-color: var(--hmf-secondary900);
  --button-primary-active-border: none;
  --button-primary-active-font-color: var(--color-white);
  --button-primary-active-radius: 0px;
  --button-primary-inactive-bg-color: var(--hmf-gray300);
  --button-primary-inactive-border: none;
  --button-primary-inactive-font-color: var(--hmf-gray600);
  --button-primary-inactive-radius: 0px;
  --button-primary-focus-bg-color: var(--hmf-secondary800);
  --button-primary-focus-border: none;
  --button-primary-focus-font-color: var(--color-white);
  --button-primary-focus-outline: 1px dashed var(--hmf-secondary800);
  --button-primary-focus-radius: 0px;
  --button-secondary-static-bg-color: var(--color-white);
  --button-secondary-static-border: 3px solid var(--hmf-secondary800);
  --button-secondary-static-font-color: var(--hmf-secondary800);
  --button-secondary-static-radius: 0px;
  --button-secondary-hover-bg-color: var(--color-white);
  --button-secondary-hover-border: 1px solid var(--hmf-primary500);
  --button-secondary-hover-font-color: var(--hmf-primary500);
  --button-secondary-hover-radius: 0px;
  --button-secondary-active-bg-color: var(--hmf-primary500);
  --button-secondary-active-border: 2px solid var(--hmf-primary500);
  --button-secondary-active-font-color: var(--color-white);
  --button-secondary-active-radius: 0px;
  --button-secondary-inactive-bg-color: var(--color-white);
  --button-secondary-inactive-border: 2px solid var(--hmf-gray500);
  --button-secondary-inactive-font-color: var(--hmf-gray600);
  --button-secondary-inactive-radius: 0px;
  --button-secondary-focus-bg-color: var(--color-white);
  --button-secondary-focus-border: 2px solid var(--hmf-secondary800);
  --button-secondary-focus-font-color: var(--hmf-secondary800);
  --button-secondary-focus-outline: 1px dashed var(--hmf-secondary800);
  --button-secondary-focus-radius: 0px;
  --button-tertiary-static-bg-color: var(--color-white);
  --button-tertiary-static-border: none;
  --button-tertiary-static-font-color: var(--hmf-secondary800);
  --button-tertiary-static-radius: 0px;
  --button-tertiary-hover-bg-color: var(--color-white);
  --button-tertiary-hover-border: none;
  --button-tertiary-hover-font-color: var(--hmf-secondary800);
  --button-tertiary-hover-label-underline: 1px solid var(--hmf-primary500);
  --button-tertiary-hover-radius: 0px;
  --button-tertiary-active-bg-color: var(--color-white);
  --button-tertiary-active-border: none;
  --button-tertiary-active-font-color: var(--hmf-secondary800);
  --button-tertiary-active-label-underline: 2px solid var(--hmf-primary700);
  --button-tertiary-active-radius: 0px;
  --button-tertiary-inactive-bg-color: var(--color-white);
  --button-tertiary-inactive-border: none;
  --button-tertiary-inactive-font-color: var(--hmf-gray600);
  --button-tertiary-inactive-radius: 0px;
  --button-tertiary-focus-bg-color: var(--color-white);
  --button-tertiary-focus-border: none;
  --button-tertiary-focus-font-color: var(--hmf-secondary800);
  --button-tertiary-focus-outline: 1px dashed var(--hmf-secondary800);
  --button-tertiary-focus-radius: 0px;
}

.calia-react-header-scope.hmf-gg-theme,
.calia-react-footer-scope.hmf-gg-theme {
  --header-icon-hover-color: var(--hmf-fill-secondary-hover);
  --header-icon-focused-color: var(--hmf-fill-secondary-static);
  --header-icon-border-focused: var(--hmf-border-focused);
  --header-icon-active-color: var(--hmf-fill-secondary-active);
  --header-logo-container-justify-content: flex-start;
  --focus-color: var(--hmf-gray200);
  --search-bar-focus-border-color: var(--hmf-primary800);
  --search-bar-icon-color: var(--primary-color);
  --font-color-primary: var(--hmf-secondary600);
  --secondary-color-light: var(--hmf-secondary400);
  --tertiary-accent-color: var(--hmf-secondary500);
  --drop-down-menu-button-text-color: var(--hmf-secondary600);
  --ticker-color: var(--hmf-primary900);
  --header-trending-search-heading: var(--hmf-primary800);
  --trending-searches-chip-color: var(--hmf-fill-secondary-static-subtle);
  --trending-searches-chip-text-color: var(--hmf-label-base);
  --font-family-primary: "Hind Siliguri";
  --font-family-secondary: "Vitesse";
  --primary-font-family: "Hind Siliguri";
  --primary-font: "Hind Siliguri";
  --special-case-font-weight: 400;
  --special-case-font: "Vitesse";
  --primary-color: var(--hmf-gray900);
  --secondary-color: var(--hmf-secondary600);
  --tertiary-color: var(--hmf-secondary400);
  --theme-focus-outline-color: var(--hmf-tertiary600);
  --theme-primary-color: var(--hmf-primary900);
  --accordion-flag-background-color: var(--hmf-secondary600);
  --aos-header-current-offers-color: var(--hmf-gray50);
  --columns-background: var(--hmf-background-base);
  --desktop-svg-fill-color: var(--primary-color);
  --desktop-nav-column-category-hover-border: 2px solid var(--hmf-secondary600);
  --desktop-nav-link-color: var(--hmf-gray900);
  --desktop-nav-link-hover-border-color: var(--hmf-secondary600);
  --desktop-nav-link-hover-color: var(--hmf-gray900);
  --desktop-nav-title-border-color: var(--hmf-secondary600);
  --nav-menu-font-color: var(--hmf-gray900);
  --nav-menu-hover-color: var(--secondary-color);
  --top-navbar-background-color: var(--hmf-primary300);
  --top-navbar-left-line-height: var(--header-line-height-xs);
  --top-navbar-left-text-transform: none;
  --top-navbar-links-hover-text-decoration-color: var(--hmf-secondary500);
  --top-navbar-right-font-weight: normal;
  --oval-count-background-color: var(--hmf-secondary600);
  --ticker-background: var(--color-white);
  --ticker-font-family: "Hind Siliguri";
  --ticker-link-font-family: "Hind Siliguri";
  --score-more-background-color: var(--hmf-primary800);
  --quick-view-close-button-color: var(--hmf-fill-inverse);
  --quick-view-final-price-color: var(--hmf-gray900);
  --quick-view-quantity-items-border-radius: 24.5px;
  --quick-view-quantity-items-height: 49px;
  --quick-view-shipping-border-bottom-color: var(--hmf-secondary600);
  --quick-view-slider-dots: var(--hmf-primary900);
  --quick-view-unlisted-price-text-transform: uppercase;
  --footer-details-background: var(--hmf-background-base-subtle);
  --footer-details-color: var(--hmf-secondary900);
  --footer-email-signup-signup-success-color: var(--hmf-gray50);
  --store-pickup-selected-store-color: var(--secondary-color);
  --link-component-font-size: var(--body-font-size-s);
  --link-component-font-weight: normal;
  --link-component-letter-spacing: 0.5px;
  --link-component-line-height: 20px;
  --link-component-hover-focus-active-bottom-border: var(--hmf-secondary500);
  --link-component-static-bottom-border: var(--hmf-secondary900);
  --link-component-visited-bottom-border: var(--hmf-primary700);
  --link-component-alternate-font-color: var(--hmf-primary400);
  --link-component-inline-font-size: var(--body-font-size-s);
  --link-component-inline-line-height: 20px;
  --link-component-inline-active-visited-font-color: var(--hmf-primary400);
  --link-component-inline-hover-focus-font-color: var(--hmf-secondary600);
  --button-active-bg-color: var(--hmf-secondary500);
  --button-color: var(--hmf-primary50);
  --button-focus-outline: 2px dashed var(--hmf-tertiary600) !important;
  --button-font-weight: bold;
  --button-hover-bg-color: var(--hmf-secondary700);
  --button-label-underline-color: var(--hmf-secondary600);
  --button-static-bg-color: var(--hmf-secondary600);
  --button-font-family: "Hind Siliguri";
  --button-font-size: 16px;
  --button-font-style: normal;
  --button-height: 45px;
  --button-letter-spacing: 1px;
  --button-line-height: 16px;
  --button-text-transform: uppercase;
  --button-width: 100%;
  --button-primary-static-bg-color: var(--hmf-secondary800);
  --button-primary-static-border: none;
  --button-primary-static-font-color: var(--color-white);
  --button-primary-static-radius: 0px;
  --button-primary-hover-bg-color: var(--hmf-secondary600);
  --button-primary-hover-border: none;
  --button-primary-hover-font-color: var(--color-white);
  --button-primary-hover-radius: 0px;
  --button-primary-active-bg-color: var(--hmf-secondary900);
  --button-primary-active-border: none;
  --button-primary-active-font-color: var(--color-white);
  --button-primary-active-radius: 0px;
  --button-primary-inactive-bg-color: var(--hmf-primary100);
  --button-primary-inactive-border: none;
  --button-primary-inactive-font-color: var(--hmf-primary400);
  --button-primary-inactive-radius: 0px;
  --button-primary-focus-bg-color: var(--hmf-secondary800);
  --button-primary-focus-border: none;
  --button-primary-focus-font-color: var(--color-white);
  --button-primary-focus-outline: 1px dashed var(--hmf-tertiary600);
  --button-primary-focus-radius: 0px;
  --button-secondary-static-bg-color: var(--color-white);
  --button-secondary-static-border: 2px solid var(--hmf-primary800);
  --button-secondary-static-font-color: var(--hmf-primary800);
  --button-secondary-static-radius: 0px;
  --button-secondary-hover-bg-color: var(--hmf-primary100);
  --button-secondary-hover-border: 2px solid var(--hmf-primary800);
  --button-secondary-hover-font-color: var(--hmf-primary800);
  --button-secondary-hover-radius: 0px;
  --button-secondary-active-bg-color: var(--hmf-primary100);
  --button-secondary-active-border: 2px solid var(--hmf-primary300);
  --button-secondary-active-font-color: var(--hmf-primary800);
  --button-secondary-active-radius: 0px;
  --button-secondary-inactive-bg-color: var(--color-white);
  --button-secondary-inactive-border: 2px solid var(--hmf-primary100);
  --button-secondary-inactive-font-color: var(--hmf-primary400);
  --button-secondary-inactive-radius: 0px;
  --button-secondary-focus-bg-color: var(--color-white);
  --button-secondary-focus-border: 2px solid var(--hmf-primary800);
  --button-secondary-focus-font-color: var(--hmf-primary800);
  --button-secondary-focus-outline: 1px dashed var(--hmf-tertiary600);
  --button-secondary-focus-radius: 0px;
  --button-tertiary-static-bg-color: var(--color-white);
  --button-tertiary-static-border: none;
  --button-tertiary-static-font-color: var(--hmf-primary800);
  --button-tertiary-static-radius: 0px;
  --button-tertiary-hover-bg-color: var(--color-white);
  --button-tertiary-hover-border: none;
  --button-tertiary-hover-font-color: var(--hmf-primary800);
  --button-tertiary-hover-label-underline: 1px solid var(--hmf-secondary800);
  --button-tertiary-hover-radius: 0px;
  --button-tertiary-active-bg-color: var(--color-white);
  --button-tertiary-active-border: none;
  --button-tertiary-active-font-color: var(--hmf-primary800);
  --button-tertiary-active-label-underline: 2px solid var(--hmf-secondary800);
  --button-tertiary-active-radius: 0px;
  --button-tertiary-inactive-bg-color: var(--color-white);
  --button-tertiary-inactive-border: none;
  --button-tertiary-inactive-font-color: var(--hmf-primary400);
  --button-tertiary-inactive-radius: 0px;
  --button-tertiary-focus-bg-color: var(--color-white);
  --button-tertiary-focus-border: none;
  --button-tertiary-focus-font-color: var(--hmf-primary800);
  --button-tertiary-focus-outline: 1px dashed var(--hmf-tertiary600);
  --button-tertiary-focus-radius: 0px;
  --aos-current-offers-bg-color: var(--hmf-secondary600);
}

.calia-react-header-scope.hmf-mj-theme,
.calia-react-footer-scope.hmf-mj-theme {
  --hamburger-menu-hover-color: var(--hmf-fill-secondary-hover);
  --focus-color: var(--hmf-gray200);
  --search-bar-focus-border-color: var(--hmf-primary900);
  --common-focus-color: var(--hmf-primary900);
  --primary-accent-color: var(--hmf-gray100);
  --tertiary-accent-color: var(--hmf-gray300);
  --store-details-check-icon-color: var(--hmf-primary600);
  --header-search-backdrop-top: 180px;
  --header-logo-container-justify-content: flex-start;
  --drop-down-menu-button-background-color: var(--hmf-primary600);
  --drop-down-menu-button-text-color: var(--hmf-gray50);
  --nav-box-shadow-color: var(--hmf-tertiary100);
  --search-bar-border-color: var(--hmf-primary900);
  --search-bar-font-color: var(--hmf-gray900);
  --search-bar-hover-border-color: var(--hmf-primary900);
  --search-results-header-color: var(--hmf-gray900);
  --bottom-footer-links-background-color: var(--hmf-gray900);
  --footer-email-signup-input-placeholder-color: rgba(25, 31, 28, 1);
  --footer-email-signup-input-placeholder-font-size: 16px !important;
  --quick-view-attribute-selected-background-color: var(--hmf-primary600);
  --font-family-primary: "Nunito Sans", sans-serif;
  --font-family-secondary: "Nunito Sans";
  --primary-font-family: "Nunito Sans", sans-serif;
  --primary-font: "Nunito Sans", sans-serif;
  --primary-color: var(--hmf-gray900);
  --primary-light-color: var(--hmf-primary600);
  --secondary-color: var(--hmf-background-base);
  --tertiary-color: var(--hmf-gray900);
  --theme-focus-outline-color: var(--hmf-gray900);
  --accordion-flag-background-color: var(--hmf-gray900);
  --desktop-svg-fill-color: var(--tertiary-color);
  --top-navbar-links-hover-text-decoration-color: var(--hmf-gray900);
  --drop-down-menu-button-onhover-background-color: var(--hmf-primary700);
  --desktop-nav-column-category-hover-border: 2px solid var(--hmf-gray900);
  --desktop-nav-link-color: var(--hmf-gray900);
  --desktop-nav-link-hover-border-color: var(--hmf-gray900);
  --desktop-nav-link-hover-color: var(--hmf-gray700);
  --desktop-nav-title-border-color: var(--hmf-gray900);
  --nav-menu-font-color: var(--hmf-gray900);
  --nav-menu-hover-color: var(--primary-color);
  --oval-count-background-color: var(--hmf-primary600);
  --search-results-font-color: var(--hmf-gray900);
  --ticker-font-family: var(--primary-font);
  --ticker-link-font-family: var(--primary-font);
  --footer-background-color: var(--hmf-background-inverse-subtle);
  --footer-links-text-decoration-color: var(--hmf-gray100);
  --footer-primary-color: var(--hmf-background-base);
  --footer-secondary-color: var(--primary-color);
  --footer-social-links-color: var(--secondary-color);
  --footer-email-signup-focused-border-color: var(--hmf-primary700);
  --footer-email-signup-input-border: 1px solid var(--hmf-gray900);
  --footer-email-signup-signup-success-color: var(--hmf-gray600);
  --footer-signup-email-border-hover: none;
  --footer-signup-email-border: none;
  --quick-view-close-button-color: var(--hmf-fill-inverse);
  --quick-view-final-price-color: var(--hmf-red800);
  --quick-view-icon-color: var(--hmf-primary800);
  --quick-view-price-background-color: $primary-font-color;
  --quick-view-quantity-items-border-radius: 24.5px;
  --quick-view-quantity-items-height: 49px;
  --quick-view-shipping-border-bottom-color: var(--hmf-primary800);
  --quick-view-slider-dots: var(--hmf-primary900);
  --quick-view-unlisted-price-text-transform: uppercase;
  --store-pickup-selected-store-color: var(--hmf-secondary500);
  --link-component-alternate-font-color: var(--primary-color);
  --link-component-font-size: var(--body-font-size-s);
  --link-component-font-weight: bold;
  --link-component-hover-focus-active-bottom-border: var(--hmf-primary800);
  --link-component-inline-active-visited-font-color: var(--hmf-tertiary400);
  --link-component-inline-font-size: var(--body-font-size-s);
  --link-component-inline-hover-focus-font-color: var(--hmf-primary800);
  --link-component-inline-line-height: 20px;
  --link-component-letter-spacing: 0.5px;
  --link-component-line-height: 20px;
  --link-component-static-bottom-border: var(--primary-color);
  --link-component-visited-bottom-border: var(--primary-color);
  --button-marketing-static-bg-color: var(--hmf-accent100);
  --button-marketing-static-border: 3px solid var(--hmf-accent100);
  --button-marketing-static-font-color: var(--hmf-primary800);
  --button-marketing-static-radius: 0px;
  --button-marketing-hover-bg-color: var(--hmf-accent50);
  --button-marketing-hover-border: 3px solid var(--hmf-accent50);
  --button-marketing-hover-font-color: var(--hmf-primary800);
  --button-marketing-hover-radius: 0px;
  --button-marketing-active-bg-color: var(--hmf-accent200);
  --button-marketing-active-border: 3px solid var(--hmf-accent200);
  --button-marketing-active-font-color: var(--hmf-primary800);
  --button-marketing-active-radius: 0px;
  --button-marketing-inactive-bg-color: var(--hmf-tertiary100);
  --button-marketing-inactive-border: 3px solid var(--hmf-tertiary100);
  --button-marketing-inactive-font-color: var(--hmf-tertiary300);
  --button-marketing-inactive-radius: 0px;
  --button-marketing-focus-bg-color: var(--hmf-accent100);
  --button-marketing-focus-border: 3px solid var(--hmf-accent100);
  --button-marketing-focus-font-color: var(--hmf-primary800);
  --button-marketing-focus-outline: 1px dashed var(--hmf-gray900);
  --button-marketing-focus-radius: 0px;
  --button-font-family: "Nunito Sans";
  --button-font-size: 16px;
  --button-font-style: normal;
  --button-font-weight: bold;
  --button-height: 52px;
  --button-letter-spacing: 1.5px;
  --button-line-height: 16px;
  --button-text-transform: uppercase;
  --button-width: 100%;
  --button-primary-static-bg-color: var(--hmf-primary600);
  --button-primary-static-border: none;
  --button-primary-static-font-color: var(--color-white);
  --button-primary-static-radius: 0px;
  --button-primary-hover-bg-color: var(--hmf-primary800);
  --button-primary-hover-border: none;
  --button-primary-hover-font-color: var(--color-white);
  --button-primary-hover-radius: 0px;
  --button-primary-active-bg-color: var(--hmf-primary900);
  --button-primary-active-border: none;
  --button-primary-active-font-color: var(--color-white);
  --button-primary-active-radius: 0px;
  --button-primary-inactive-bg-color: var(--hmf-gray200);
  --button-primary-inactive-border: none;
  --button-primary-inactive-font-color: var(--hmf-gray500);
  --button-primary-inactive-radius: 0px;
  --button-primary-focus-bg-color: var(--hmf-primary600);
  --button-primary-focus-border: none;
  --button-primary-focus-font-color: var(--color-white);
  --button-primary-focus-outline: 1px dashed var(--hmf-gray900);
  --button-primary-focus-radius: 0px;
  --button-secondary-static-bg-color: var(--color-white);
  --button-secondary-static-border: 3px solid var(--hmf-primary800);
  --button-secondary-static-font-color: var(--hmf-primary800);
  --button-secondary-static-radius: 0px;
  --button-secondary-hover-bg-color: var(--color-white);
  --button-secondary-hover-border: 1px solid var(--hmf-primary800);
  --button-secondary-hover-font-color: var(--hmf-primary800);
  --button-secondary-hover-radius: 0px;
  --button-secondary-active-bg-color: var(--hmf-primary800);
  --button-secondary-active-border: 2px solid var(--hmf-primary800);
  --button-secondary-active-font-color: var(--color-white);
  --button-secondary-active-radius: 0px;
  --button-secondary-inactive-bg-color: var(--color-white);
  --button-secondary-inactive-border: 2px solid var(--hmf-tertiary100);
  --button-secondary-inactive-font-color: var(--hmf-tertiary300);
  --button-secondary-inactive-radius: 0px;
  --button-secondary-focus-bg-color: var(--color-white);
  --button-secondary-focus-border: 2px solid var(--hmf-primary800);
  --button-secondary-focus-font-color: var(--hmf-primary800);
  --button-secondary-focus-outline: 1px dashed var(--hmf-gray900);
  --button-secondary-focus-radius: 0px;
  --button-tertiary-static-bg-color: var(--color-white);
  --button-tertiary-static-border: none;
  --button-tertiary-static-font-color: var(--hmf-primary800);
  --button-tertiary-static-radius: 0px;
  --button-tertiary-hover-bg-color: var(--color-white);
  --button-tertiary-hover-border: none;
  --button-tertiary-hover-font-color: var(--hmf-primary800);
  --button-tertiary-hover-label-underline: 1px solid var(--hmf-primary300);
  --button-tertiary-hover-radius: 0px;
  --button-tertiary-active-bg-color: var(--color-white);
  --button-tertiary-active-border: none;
  --button-tertiary-active-font-color: var(--hmf-primary800);
  --button-tertiary-active-label-underline: 2px solid var(--hmf-primary500);
  --button-tertiary-active-radius: 0px;
  --button-tertiary-inactive-bg-color: var(--color-white);
  --button-tertiary-inactive-border: none;
  --button-tertiary-inactive-font-color: var(--hmf-primary800);
  --button-tertiary-inactive-radius: 0px;
  --button-tertiary-focus-bg-color: var(--color-white);
  --button-tertiary-focus-border: none;
  --button-tertiary-focus-font-color: var(--hmf-primary800);
  --button-tertiary-focus-outline: 1px dashed var(--hmf-gray900);
  --button-tertiary-focus-radius: 0px;
}

.calia-react-header-scope.hmf-pl-theme,
.calia-react-footer-scope.hmf-pl-theme {
  --header-icon-hover-color: var(--hmf-fill-primary-hover);
  --header-icon-focused-color: var(--hmf-fill-primary-static);
  --header-icon-border-focused: var(--hmf-border-inverse-focused);
  --header-icon-active-color: var(--hmf-fill-primary-active);
  --focus-color: var(--hmf-secondary600);
  --search-bar-focus-border-color: var(--hmf-primary800);
  --font-color-primary: var(--hmf-gray50);
  --common-focus-color: var(--hmf-secondary600);
  --primary-accent-color: var(--hmf-tertiary100);
  --tertiary-accent-color: var(--hmf-primary600);
  --close-icon-background-color: var(--hmf-primary800);
  --header-background-color: var(--hmf-primary800);
  --header-border-color: var(--hmf-primary600);
  --header-my-account-icon-color: var(--hmf-primary50);
  --header-cart-icon-height: 24px;
  --header-cart-icon-width: 24px;
  --header-navbar-links-text-decoration-color: var(--hmf-accent100);
  --header-search-bar-sticky-background-color: var(--hmf-tertiary100);
  --header-sticky-background-color: var(--hmf-tertiary100);
  --drop-down-menu-button-background-color: var(--hmf-primary800);
  --drop-down-menu-button-text-color: var(--hmf-gray50);
  --desktop-nav-background-color: var(--hmf-primary900);
  --desktop-nav-link-visited-color: inherit;
  --nav-menu-background-color: var(--hmf-tertiary100);
  --mobile-nav-accent-background-color: var(--hmf-tertiary100);
  --mobile-nav-border-spacer-styling: none;
  --nav-box-shadow-color: var(--hmf-tertiary100);
  --search-bar-background-color: var(--hmf-tertiary100);
  --search-bar-border-color: var(--hmf-primary100);
  --search-bar-font-color: var(--hmf-primary700);
  --search-bar-hover-border-color: var(--hmf-primary300);
  --search-results-box-background-color: var(--hmf-tertiary100);
  --search-results-font-color: var(--hmf-primary800);
  --search-results-header-color: var(--hmf-primary600);
  --search-bar-icon-color: var(--hmf-primary700);
  --sayt-results-font-color: var(--hmf-primary800);
  --footer-links-heading-color: var(--hmf-tertiary200);
  --footer-logo-width: 275px;
  --quick-view-alert-warn-background-color: var(--hmf-primary100);
  --quick-view-alert-warn-border-color: var(--hmf-tertiary300);
  --header-my-account-signin-fill-color: var(--hmf-tertiary50);
  --header-trending-search-heading: var(--hmf-accent100);
  --trending-searches-chip-color: var(--hmf-fill-secondary-static-subtle);
  --trending-searches-chip-text-color: var(--hmf-label-base);
  --font-family-primary: "Graphik", sans-serif;
  --font-family-secondary: "Graphik Wide";
  --primary-font-family: "Graphik", sans-serif;
  --primary-font: "Graphik", sans-serif;
  --primary-color: var(--hmf-gray50);
  --secondary-color: var(--hmf-primary800);
  --tertiary-color: var(--hmf-accent100);
  --theme-focus-outline-color: var(--hmf-secondary600);
  --accordion-flag-background-color: var(--hmf-primary800);
  --aos-header-current-offers-color: var(--hmf-primary800);
  --desktop-svg-fill-color: var(--tertiary-color);
  --drop-down-menu-button-onhover-background-color: var(--hmf-primary600);
  --desktop-nav-column-category-hover-border: 2px solid var(--hmf-primary800);
  --desktop-nav-link-hover-border-color: var(--hmf-primary800);
  --desktop-nav-link-hover-color: var(--hmf-primary800);
  --desktop-nav-title-border-color: var(--hmf-accent100);
  --nav-menu-font-color: var(--hmf-primary800);
  --nav-menu-hover-color: var(--secondary-color);
  --top-navbar-links-hover-text-decoration-color: var(--hmf-accent100);
  --cart-icon-color: var(--hmf-gray50);
  --oval-count-background-color: var(--hmf-accent100);
  --oval-count-font-color: var(--hmf-primary800);
  --ticker-font-family: var(--primary-font);
  --ticker-link-font-family: var(--primary-font);
  --footer-background-color: var(--hmf-primary800);
  --footer-desktop-nav-title-border-color: var(--hmf-accent100);
  --footer-links-text-decoration-color: var(--hmf-accent100);
  --footer-primary-color: var(--hmf-gray50);
  --footer-secondary-color: var(--secondary-color);
  --footer-social-links-color: var(--tertiary-color);
  --footer-email-signup-focused-border-color: var(--secondary-color);
  --footer-email-signup-input-border: 1px solid var(--hmf-primary500);
  --footer-email-signup-signup-success-color: var(--hmf-primary500);
  --footer-signup-email-border-hover: none;
  --footer-signup-email-border: none;
  --quick-view-close-button-color: var(--hmf-fill-inverse);
  --quick-view-icon-color: var(--hmf-primary800);
  --quick-view-price-background-color: $primary-font-color;
  --quick-view-shipping-border-bottom-color: var(--hmf-primary800);
  --quick-view-slider-dots: var(--hmf-tertiary900);
  --quick-view-product-details-font-color: var(--hmf-primary700);
  --store-pickup-selected-store-color: var(--hmf-secondary500);
  --link-component-alternate-font-color: var(--primary-color);
  --link-component-font-size: var(--body-font-size-s);
  --link-component-font-weight: bold;
  --link-component-hover-focus-active-bottom-border: var(--hmf-primary800);
  --link-component-inline-active-visited-font-color: var(--hmf-tertiary400);
  --link-component-inline-font-size: var(--body-font-size-s);
  --link-component-inline-hover-focus-font-color: var(--hmf-primary800);
  --link-component-inline-line-height: 20px;
  --link-component-letter-spacing: 0.5px;
  --link-component-line-height: 20px;
  --link-component-static-bottom-border: var(--primary-color);
  --link-component-visited-bottom-border: var(--primary-color);
  --button-font-family: "Graphik Wide";
  --button-font-size: 16px;
  --button-font-style: normal;
  --button-font-weight: bold;
  --button-height: 52px;
  --button-letter-spacing: 1.5px;
  --button-line-height: 16px;
  --button-text-transform: uppercase;
  --button-width: 100%;
  --button-marketing-static-bg-color: var(--hmf-accent100);
  --button-marketing-static-border: 3px solid var(--hmf-accent100);
  --button-marketing-static-font-color: var(--hmf-primary800);
  --button-marketing-static-radius: 0px;
  --button-marketing-hover-bg-color: var(--hmf-accent50);
  --button-marketing-hover-border: 3px solid var(--hmf-accent50);
  --button-marketing-hover-font-color: var(--hmf-primary800);
  --button-marketing-hover-radius: 0px;
  --button-marketing-active-bg-color: var(--hmf-accent200);
  --button-marketing-active-border: 3px solid var(--hmf-accent200);
  --button-marketing-active-font-color: var(--hmf-primary800);
  --button-marketing-active-radius: 0px;
  --button-marketing-inactive-bg-color: var(--hmf-tertiary100);
  --button-marketing-inactive-border: 3px solid var(--hmf-tertiary100);
  --button-marketing-inactive-font-color: var(--hmf-tertiary300);
  --button-marketing-inactive-radius: 0px;
  --button-marketing-focus-bg-color: var(--hmf-accent100);
  --button-marketing-focus-border: 3px solid var(--hmf-accent100);
  --button-marketing-focus-font-color: var(--hmf-primary800);
  --button-marketing-focus-outline: 1px dashed var(--hmf-secondary600);
  --button-marketing-focus-radius: 0px;
  --button-primary-static-bg-color: var(--hmf-primary800);
  --button-primary-static-border: none;
  --button-primary-static-font-color: var(--color-white);
  --button-primary-static-radius: 0px;
  --button-primary-hover-bg-color: var(--hmf-primary800);
  --button-primary-hover-border: none;
  --button-primary-hover-font-color: var(--color-white);
  --button-primary-hover-radius: 0px;
  --button-primary-active-bg-color: var(--hmf-primary900);
  --button-primary-active-border: none;
  --button-primary-active-font-color: var(--color-white);
  --button-primary-active-radius: 0px;
  --button-primary-inactive-bg-color: var(--hmf-primary200);
  --button-primary-inactive-border: none;
  --button-primary-inactive-font-color: var(--hmf-primary400);
  --button-primary-inactive-radius: 0px;
  --button-primary-focus-bg-color: var(--hmf-primary800);
  --button-primary-focus-border: none;
  --button-primary-focus-font-color: var(--color-white);
  --button-primary-focus-outline: 1px dashed var(--hmf-secondary600);
  --button-primary-focus-radius: 0px;
  --button-secondary-static-bg-color: var(--color-white);
  --button-secondary-static-border: 3px solid var(--hmf-primary800);
  --button-secondary-static-font-color: var(--hmf-primary800);
  --button-secondary-static-radius: 0px;
  --button-secondary-hover-bg-color: var(--color-white);
  --button-secondary-hover-border: 1px solid var(--hmf-primary800);
  --button-secondary-hover-font-color: var(--hmf-primary800);
  --button-secondary-hover-radius: 0px;
  --button-secondary-active-bg-color: var(--hmf-primary800);
  --button-secondary-active-border: 2px solid var(--hmf-primary800);
  --button-secondary-active-font-color: var(--color-white);
  --button-secondary-active-radius: 0px;
  --button-secondary-inactive-bg-color: var(--color-white);
  --button-secondary-inactive-border: 2px solid var(--hmf-tertiary100);
  --button-secondary-inactive-font-color: var(--hmf-tertiary300);
  --button-secondary-inactive-radius: 0px;
  --button-secondary-focus-bg-color: var(--color-white);
  --button-secondary-focus-border: 2px solid var(--hmf-primary800);
  --button-secondary-focus-font-color: var(--hmf-primary800);
  --button-secondary-focus-outline: 1px dashed var(--hmf-secondary600);
  --button-secondary-focus-radius: 0px;
  --button-tertiary-static-bg-color: var(--color-white);
  --button-tertiary-static-border: none;
  --button-tertiary-static-font-color: var(--hmf-primary800);
  --button-tertiary-static-radius: 0px;
  --button-tertiary-hover-bg-color: var(--color-white);
  --button-tertiary-hover-border: none;
  --button-tertiary-hover-font-color: var(--hmf-primary800);
  --button-tertiary-hover-label-underline: 1px solid var(--hmf-primary300);
  --button-tertiary-hover-radius: 0px;
  --button-tertiary-active-bg-color: var(--color-white);
  --button-tertiary-active-border: none;
  --button-tertiary-active-font-color: var(--hmf-primary800);
  --button-tertiary-active-label-underline: 2px solid var(--hmf-primary500);
  --button-tertiary-active-radius: 0px;
  --button-tertiary-inactive-bg-color: var(--color-white);
  --button-tertiary-inactive-border: none;
  --button-tertiary-inactive-font-color: var(--hmf-primary800);
  --button-tertiary-inactive-radius: 0px;
  --button-tertiary-focus-bg-color: var(--color-white);
  --button-tertiary-focus-border: none;
  --button-tertiary-focus-font-color: var(--hmf-primary800);
  --button-tertiary-focus-outline: 1px dashed var(--hmf-secondary600);
  --button-tertiary-focus-radius: 0px;
  --aos-current-offers-bg-color: var(--hmf-accent100);
}

.calia-react-header-scope.hmf-pl-theme .plf-header-container,
.calia-react-footer-scope.hmf-pl-theme .hmf-pl-theme.plf-footer .plf-header-container,
.calia-react-footer-scope.hmf-pl-theme .plf-footer {
  --font-family-primary: var(--primary-font-family);
  --primary-font-family: "Graphik", "sans-serif";
  --primary-font: "Graphik", "sans-serif";
  --header-background-color: #6c846f;
  --header-navbar-background-color: var(--hmf-tertiary100);
  --header-links-font-family: "Graphik", "sans-serif";
  --header-links-underline-color: #6da300;
  --header-mobile-links-color: #6c846f;
  --header-mobile-links-active-color: #e2d6b9;
  --header-mobile-links-hover-color: #f8f6f4;
  --header-mobile-links-container-border-color: #6c846f;
  --footer-links-heading-color: var(--hmf-gray50);
  --footer-back-ground-color: #6c846f;
  --footer-links-font-family: "Graphik", "sans-serif";
  --footer-links-underline-color: #6da300;
  --color-green-base-700: var(--hmf-primary700);
  --color-green-base-800: var(--hmf-primary800);
}

.calia-react-header-scope.hmf-sm-theme,
.calia-react-footer-scope.hmf-sm-theme {
  --color-green-base-500: var(--hmf-primary500);
  --color-green-base-600: var(--hmf-primary600);
  --color-green-base-700: var(--hmf-primary700);
  --color-green-base-800: var(--hmf-primary800);
  --primary-color: var(--hmf-primary500);
  --secondary-color: var(--hmf-gray500);
  --tertiary-color: var(--hmf-red500);
  --secondary-accent-color: var(--hmf-secondary400);
  --desktop-svg-fill-color: var(--color-green-base-500);
  --menu-icon-active-color: var(--hmf-gray100);
  --header-dropdown-background-color: var(--hmf-primary700);
  --header-navbar-background-color: var(--hmf-gray100);
  --header-navbar-title-text-transform: uppercase;
  --header-links-font-family: "DSG Sans Black", sans-serif;
  --dropdown-menu-border-radius: var(--hmf-sharp-radius);
  --footer-back-ground-color: #191f1c;
  --footer-links-font-family: "DINPro-Light", sans-serif;
  --footer-links-underline-color: var(--hmf-gray50);
}
/*!***********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/common/Toasty/Toasty.scss ***!
  \***********************************************************************************************************************************/
/** @format */
/** @format */
/* stylelint-disable length-zero-no-unit */
/*********** VARIABLES ***********/
:root {
  /*********** GENERAL STYLES ***********/
  --chain: "dsg";
  --hmf-focus-outline: 1px dashed var(--hmf-primary600);
}

:root,
:root .hmf-dsg-theme {
  --hmf-background-base: var(--hmf-gray50);
  --hmf-background-base-subtle: var(--hmf-gray100);
  --hmf-background-inverse: var(--hmf-gray900);
  --hmf-background-inverse-subtle: var(--hmf-gray800);
  --hmf-background-primary: var(--hmf-primary600);
  --hmf-fill-base: var(--hmf-gray50);
  --hmf-fill-base-subtle: var(--hmf-gray100);
  --hmf-fill-base-prominent: var(--hmf-gray200);
  --hmf-fill-creative-primary: var(--hmf-primary600);
  --hmf-fill-inverse: var(--hmf-gray900);
  --hmf-fill-inverse-subtle: var(--hmf-gray700);
  --hmf-fill-primary-static: var(--hmf-secondary500);
  --hmf-fill-primary-hover: var(--hmf-secondary700);
  --hmf-fill-primary-active: var(--hmf-secondary600);
  --hmf-fill-secondary-static: var(--hmf-gray50);
  --hmf-fill-secondary-static-subtle: var(--hmf-gray100);
  --hmf-fill-secondary-hover: var(--hmf-gray100);
  --hmf-fill-secondary-hover-subtle: var(--hmf-gray200);
  --hmf-fill-secondary-active: var(--hmf-gray200);
  --hmf-fill-secondary-active-subtle: var(--hmf-gray100);
  --hmf-fill-tertiary-static: var(--hmf-gray900);
  --hmf-fill-tertiary-hover: var(--hmf-gray700);
  --hmf-fill-tertiary-active: var(--hmf-gray800);
  --hmf-fill-disabled: var(--hmf-gray500);
  --hmf-fill-disabled-subtle: var(--hmf-gray200);
  --hmf-fill-negative: var(--hmf-red600);
  --hmf-fill-negative-subtle: var(--hmf-red100);
  --hmf-fill-negative-static: var(--hmf-red600);
  --hmf-fill-negative-hover: var(--hmf-red800);
  --hmf-fill-negative-active: var(--hmf-red700);
  --hmf-fill-sale: var(--hmf-red600);
  --hmf-fill-warning: var(--hmf-yellow300);
  --hmf-fill-warning-subtle: var(--hmf-yellow50);
  --hmf-fill-positive: var(--hmf-primary500);
  --hmf-fill-positive-subtle: var(--hmf-primary100);
  --hmf-fill-marketing-static: var(--hmf-primary600);
  --hmf-fill-marketing-hover: var(--hmf-primary700);
  --hmf-fill-marketing-active: var(--hmf-primary500);
  --hmf-fill-scorecard: var(--hmf-primary400);
  --hmf-fill-scorecard-subtle: var(--hmf-primary200);
  --hmf-fill-scorecard-gold: var(--hmf-gold300);
  --hmf-fill-scorecard-gold-subtle: var(--hmf-gold200);
  --hmf-fill-calia: var(--hmf-calia600);
  --hmf-fill-calia-subtle: var(--hmf-calia200);
  --hmf-fill-vrst: var(--hmf-vrst600);
  --hmf-fill-vrst-subtle: var(--hmf-vrst200);
  --hmf-label-base: var(--hmf-gray900);
  --hmf-label-base-subtle: var(--hmf-gray600);
  --hmf-label-inverse-base: var(--hmf-gray50);
  --hmf-label-inverse-subtle: var(--hmf-gray100);
  --hmf-label-primary-static: var(--hmf-secondary500);
  --hmf-label-primary-hover: var(--hmf-secondary600);
  --hmf-label-primary-active: var(--hmf-secondary400);
  --hmf-label-secondary-static: var(--hmf-gray900);
  --hmf-label-secondary-hover: var(--hmf-gray700);
  --hmf-label-secondary-active: var(--hmf-gray800);
  --hmf-label-secondary-subtle-static: var(--hmf-gray600);
  --hmf-label-secondary-subtle-hover: var(--hmf-gray900);
  --hmf-label-secondary-subtle-active: var(--hmf-gray800);
  --hmf-label-tertiary-static: var(--hmf-gray900);
  --hmf-label-tertiary-hover: var(--hmf-secondary500);
  --hmf-label-tertiary-active: var(--hmf-secondary400);
  --hmf-label-sale: var(--hmf-red800);
  --hmf-label-disabled: var(--hmf-gray500);
  --hmf-label-disabled-subtle: var(--hmf-gray200);
  --hmf-label-negative: var(--hmf-red600);
  --hmf-label-positive: var(--hmf-primary600);
  --hmf-label-warning: var(--hmf-yellow600);
  --hmf-label-marketing-static: var(--hmf-gray50);
  --hmf-label-marketing-hover: var(--hmf-gray100);
  --hmf-label-marketing-active: var(--hmf-gray100);
  --hmf-label-scorecard: var(--hmf-primary600);
  --hmf-border-base: var(--hmf-gray300);
  --hmf-border-base-subtle: var(--hmf-gray200);
  --hmf-border-base-prominent: var(--hmf-gray400);
  --hmf-border-inverse: var(--hmf-gray900);
  --hmf-border-inverse-subtle: var(--hmf-gray700);
  --hmf-border-primary-static: var(--hmf-secondary500);
  --hmf-border-primary-hover: var(--hmf-secondary600);
  --hmf-border-primary-active: var(--hmf-secondary400);
  --hmf-border-secondary-static: var(--hmf-gray900);
  --hmf-border-secondary-hover: var(--hmf-gray700);
  --hmf-border-secondary-active: var(--hmf-gray800);
  --hmf-border-secondary-subtle-static: var(--hmf-gray600);
  --hmf-border-secondary-subtle-hover: var(--hmf-gray400);
  --hmf-border-secondary-subtle-active: var(--hmf-gray500);
  --hmf-border-tertiary-static: var(--hmf-gray900);
  --hmf-border-tertiary-hover: var(--hmf-secondary500);
  --hmf-border-tertiary-active: var(--hmf-secondary400);
  --hmf-border-focused: var(--hmf-gray600);
  --hmf-border-inverse-focused: var(--hmf-gray50);
  --hmf-border-disabled: var(--hmf-gray500);
  --hmf-border-disabled-subtle: var(--hmf-gray200);
  --hmf-border-negative: var(--hmf-red600);
  --hmf-border-warning: var(--hmf-yellow500);
  --hmf-border-positive: var(--hmf-primary600);
  --hmf-border-scorecard-subtle: var(--hmf-primary100);
  --hmf-border-scorecard-gold: var(--hmf-gold400);
  --hmf-border-scorecard-gold-subtle: var(--hmf-gold100);
}

:root {
  /*********** TYPOGRAPHY ***********/
  --font-display: "DSG Sans Black", sans-serif;
  --font-display-outline: "DSG Sans Outline", sans-serif;
  --font-primary: "Archivo", sans-serif;
  --font-label: "Archivo", sans-serif;
  --font-primary-regular-weight: 400;
  --font-primary-bold-weight: 700;
  --font-display-weight: 700;
}

/*********** TYPOGRAPHY TYPES ***********/
:root {
  /* BODY */
  --body-letter-spacing: 0.05rem;
  --body-font-size-s: 1.2rem;
  --body-line-height-s: 1.8rem;
  --body-font-size-m: 1.4rem;
  --body-line-height-m: 2.1rem;
  --body-font-size-l: 1.6rem;
  --body-line-height-l: 2.4rem;
}

:root {
  /* DISPLAY TEXT */
  --display-text-transform: uppercase;
  --display-font-size-xs: 2.4rem;
  --display-letter-spacing-xs: 0.1rem;
  --display-line-height-xs: 2.4rem;
  --display-font-size-s: 3.2rem;
  --display-letter-spacing-s: 0.1rem;
  --display-line-height-s: 3.2rem;
  --display-font-size-m: 4.8rem;
  --display-letter-spacing-m: 0.2rem;
  --display-line-height-m: 4.8rem;
  --display-font-size-l: 6.4rem;
  --display-letter-spacing-l: 0.2rem;
  --display-line-height-l: 6.4rem;
  --display-font-size-xl: 10rem;
  --display-letter-spacing-xl: 0.2rem;
  --display-line-height-xl: 10rem;
  --display-font-size-xxl: 14rem;
  --display-letter-spacing-xxl: 0.1rem;
  --display-line-height-xxl: 14rem;
}

:root {
  /* HEADERS */
  --header-text-transform: none;
  --header-letter-spacing: 0.05rem;
  --header-font-size-xs: 1.4rem;
  --header-line-height-xs: 1.6rem;
  --header-font-size-s: 1.6rem;
  --header-line-height-s: 1.8rem;
  --header-font-size-m: 2rem;
  --header-line-height-m: 2.3rem;
  --header-font-size-l: 2.4rem;
  --header-line-height-l: 2.7rem;
  --header-font-size-xl: 3.2rem;
  --header-line-height-xl: 3.6rem;
}

:root {
  /* LABELS */
  --label-letter-spacing: 0.15rem;
  --label-text-transform: uppercase;
  --label-font-size-xs: 1rem;
  --label-line-height-xs: 1rem;
  --label-font-size-s: 1.2rem;
  --label-line-height-s: 1.2rem;
  --label-font-size-m: 1.4rem;
  --label-line-height-m: 1.4rem;
  --label-font-size-l: 1.6rem;
  --label-line-height-l: 1.6rem;
}

:root {
  /* LEGAL */
  --legal-letter-spacing: 0.05rem;
  --legal-font-size-xs: 1.1rem;
  --legal-line-height-xs: 1.4rem;
  --legal-font-size-s: 1.2rem;
  --legal-line-height-s: 1.6rem;
}

:root {
  /* SUBHEADERS */
  --subhead-letter-spacing: 0.05rem;
  --subhead-font-size-s: 1.2rem;
  --subhead-line-height-s: 1.4rem;
  --subhead-font-size-m: 1.4rem;
  --subhead-line-height-m: 1.6rem;
  --subhead-font-size-l: 1.6rem;
  --subhead-line-height-l: 1.8rem;
}

/*********** TYPOGRAPHY MIXINS ***********/
:root,
:root .hmf-dsg-theme {
  --hmf-primary50: #f4faf9;
  --hmf-primary100: #d1ebe6;
  --hmf-primary200: #b3ddd6;
  --hmf-primary300: #80c6ba;
  --hmf-primary400: #4daf9e;
  --hmf-primary500: #008d75;
  --hmf-primary600: #006554;
  --hmf-primary700: #005343;
  --hmf-primary800: #00493a;
  --hmf-primary900: #00291e;
  --hmf-secondary50: #fdf9f7;
  --hmf-secondary100: #f7ebe2;
  --hmf-secondary200: #ebcdb8;
  --hmf-secondary300: #deaf8c;
  --hmf-secondary400: #d28356;
  --hmf-secondary500: #bb5811;
  --hmf-secondary600: #b5500f;
  --hmf-secondary700: #8a2905;
  --hmf-secondary800: #762304;
  --hmf-secondary900: #451402;
  --hmf-tertiary50: #f9fafb;
  --hmf-tertiary100: #e2e6ea;
  --hmf-tertiary200: #d3d9df;
  --hmf-tertiary300: #b7c1ca;
  --hmf-tertiary400: #8798a7;
  --hmf-tertiary500: #5b748a;
  --hmf-tertiary600: #3a5c78;
  --hmf-tertiary700: #335069;
  --hmf-tertiary800: #0f314f;
  --hmf-tertiary900: #041326;
  --hmf-accent50: #fef8f0;
  --hmf-accent100: #fef3e5;
  --hmf-accent200: #fccb95;
  --hmf-accent300: #fab66a;
  --hmf-accent400: #f8972a;
  --hmf-accent500: #f3690f;
  --hmf-accent600: #b94e09;
  --hmf-accent700: #833706;
  --hmf-accent800: #702f05;
  --hmf-accent900: #3f1b03;
}

:root {
  --homefield-breakpoint-xs: 0px;
  --homefield-breakpoint-s: 375px;
  --homefield-breakpoint-m: 768px;
  --homefield-breakpoint-l: 1280px;
  --homefield-breakpoint-xl: 1440px;
}

.hmf-h-25 {
  height: 25%;
}

.hmf-h-50 {
  height: 50%;
}

.hmf-h-75 {
  height: 75%;
}

.hmf-h-100 {
  height: 100%;
}

.hmf-w-25 {
  width: 25%;
}

.hmf-w-50 {
  width: 50%;
}

.hmf-w-75 {
  width: 75%;
}

.hmf-w-100 {
  width: 100%;
}

/** @format */
/** @format */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/** @format */
.hmf-col {
  box-sizing: border-box;
  padding-left: 12px;
  padding-right: 12px;
  padding-left: 12px;
  padding-right: 12px;
}

@media (min-width: 375px) {
  .hmf-col {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 375px) {
  .hmf-col {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 480px) {
  .hmf-col {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 768px) {
  .hmf-col {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 768px) {
  .hmf-col {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 1024px) {
  .hmf-col {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 1280px) {
  .hmf-col {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 1280px) {
  .hmf-col {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 1440px) {
  .hmf-col {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 1440px) {
  .hmf-col {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.hmf-grid {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
}

.hmf-grid > hr {
  border: 0 !important;
  content: "" !important;
  font-size: 0 !important;
  height: 0 !important;
  width: 100% !important;
}

.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

.hmf-span-xs-0 {
  width: 0% !important;
}

.hmf-offset-xs-0 {
  margin-left: 0% !important;
  margin-right: 0% !important;
}

.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

.hmf-span-xs-1 {
  width: 8.3333333333% !important;
}

.hmf-offset-xs-1 {
  margin-left: 8.3333333333% !important;
  margin-right: 8.3333333333% !important;
}

.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

.hmf-span-xs-2 {
  width: 16.6666666667% !important;
}

.hmf-offset-xs-2 {
  margin-left: 16.6666666667% !important;
  margin-right: 16.6666666667% !important;
}

.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

.hmf-span-xs-3 {
  width: 25% !important;
}

.hmf-offset-xs-3 {
  margin-left: 25% !important;
  margin-right: 25% !important;
}

.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

.hmf-span-xs-4 {
  width: 33.3333333333% !important;
}

.hmf-offset-xs-4 {
  margin-left: 33.3333333333% !important;
  margin-right: 33.3333333333% !important;
}

.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

.hmf-span-xs-5 {
  width: 41.6666666667% !important;
}

.hmf-offset-xs-5 {
  margin-left: 41.6666666667% !important;
  margin-right: 41.6666666667% !important;
}

.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

.hmf-span-xs-6 {
  width: 50% !important;
}

.hmf-offset-xs-6 {
  margin-left: 50% !important;
  margin-right: 50% !important;
}

.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

.hmf-span-xs-7 {
  width: 58.3333333333% !important;
}

.hmf-offset-xs-7 {
  margin-left: 58.3333333333% !important;
  margin-right: 58.3333333333% !important;
}

.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

.hmf-span-xs-8 {
  width: 66.6666666667% !important;
}

.hmf-offset-xs-8 {
  margin-left: 66.6666666667% !important;
  margin-right: 66.6666666667% !important;
}

.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

.hmf-span-xs-9 {
  width: 75% !important;
}

.hmf-offset-xs-9 {
  margin-left: 75% !important;
  margin-right: 75% !important;
}

.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

.hmf-span-xs-10 {
  width: 83.3333333333% !important;
}

.hmf-offset-xs-10 {
  margin-left: 83.3333333333% !important;
  margin-right: 83.3333333333% !important;
}

.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

.hmf-span-xs-11 {
  width: 91.6666666667% !important;
}

.hmf-offset-xs-11 {
  margin-left: 91.6666666667% !important;
  margin-right: 91.6666666667% !important;
}

.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

.hmf-span-xs-12 {
  width: 100% !important;
}

.hmf-offset-xs-12 {
  margin-left: 100% !important;
  margin-right: 100% !important;
}

.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

.hmf-span-xxsm-0 {
  width: 0% !important;
}

.hmf-offset-xxsm-0 {
  margin-left: 0% !important;
  margin-right: 0% !important;
}

.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

.hmf-span-xxsm-1 {
  width: 8.3333333333% !important;
}

.hmf-offset-xxsm-1 {
  margin-left: 8.3333333333% !important;
  margin-right: 8.3333333333% !important;
}

.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

.hmf-span-xxsm-2 {
  width: 16.6666666667% !important;
}

.hmf-offset-xxsm-2 {
  margin-left: 16.6666666667% !important;
  margin-right: 16.6666666667% !important;
}

.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

.hmf-span-xxsm-3 {
  width: 25% !important;
}

.hmf-offset-xxsm-3 {
  margin-left: 25% !important;
  margin-right: 25% !important;
}

.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

.hmf-span-xxsm-4 {
  width: 33.3333333333% !important;
}

.hmf-offset-xxsm-4 {
  margin-left: 33.3333333333% !important;
  margin-right: 33.3333333333% !important;
}

.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

.hmf-span-xxsm-5 {
  width: 41.6666666667% !important;
}

.hmf-offset-xxsm-5 {
  margin-left: 41.6666666667% !important;
  margin-right: 41.6666666667% !important;
}

.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

.hmf-span-xxsm-6 {
  width: 50% !important;
}

.hmf-offset-xxsm-6 {
  margin-left: 50% !important;
  margin-right: 50% !important;
}

.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

.hmf-span-xxsm-7 {
  width: 58.3333333333% !important;
}

.hmf-offset-xxsm-7 {
  margin-left: 58.3333333333% !important;
  margin-right: 58.3333333333% !important;
}

.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

.hmf-span-xxsm-8 {
  width: 66.6666666667% !important;
}

.hmf-offset-xxsm-8 {
  margin-left: 66.6666666667% !important;
  margin-right: 66.6666666667% !important;
}

.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

.hmf-span-xxsm-9 {
  width: 75% !important;
}

.hmf-offset-xxsm-9 {
  margin-left: 75% !important;
  margin-right: 75% !important;
}

.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

.hmf-span-xxsm-10 {
  width: 83.3333333333% !important;
}

.hmf-offset-xxsm-10 {
  margin-left: 83.3333333333% !important;
  margin-right: 83.3333333333% !important;
}

.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

.hmf-span-xxsm-11 {
  width: 91.6666666667% !important;
}

.hmf-offset-xxsm-11 {
  margin-left: 91.6666666667% !important;
  margin-right: 91.6666666667% !important;
}

.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

.hmf-span-xxsm-12 {
  width: 100% !important;
}

.hmf-offset-xxsm-12 {
  margin-left: 100% !important;
  margin-right: 100% !important;
}

.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

@media (min-width: 375px) {
  .hmf-span-s-0 {
    width: 0% !important;
  }
  .hmf-offset-s-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

@media (min-width: 375px) {
  .hmf-span-s-1 {
    width: 8.3333333333% !important;
  }
  .hmf-offset-s-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

@media (min-width: 375px) {
  .hmf-span-s-2 {
    width: 16.6666666667% !important;
  }
  .hmf-offset-s-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

@media (min-width: 375px) {
  .hmf-span-s-3 {
    width: 25% !important;
  }
  .hmf-offset-s-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

@media (min-width: 375px) {
  .hmf-span-s-4 {
    width: 33.3333333333% !important;
  }
  .hmf-offset-s-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

@media (min-width: 375px) {
  .hmf-span-s-5 {
    width: 41.6666666667% !important;
  }
  .hmf-offset-s-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

@media (min-width: 375px) {
  .hmf-span-s-6 {
    width: 50% !important;
  }
  .hmf-offset-s-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

@media (min-width: 375px) {
  .hmf-span-s-7 {
    width: 58.3333333333% !important;
  }
  .hmf-offset-s-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

@media (min-width: 375px) {
  .hmf-span-s-8 {
    width: 66.6666666667% !important;
  }
  .hmf-offset-s-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

@media (min-width: 375px) {
  .hmf-span-s-9 {
    width: 75% !important;
  }
  .hmf-offset-s-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

@media (min-width: 375px) {
  .hmf-span-s-10 {
    width: 83.3333333333% !important;
  }
  .hmf-offset-s-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

@media (min-width: 375px) {
  .hmf-span-s-11 {
    width: 91.6666666667% !important;
  }
  .hmf-offset-s-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

@media (min-width: 375px) {
  .hmf-span-s-12 {
    width: 100% !important;
  }
  .hmf-offset-s-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-0 {
    width: 0% !important;
  }
  .hmf-offset-xsm-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-1 {
    width: 8.3333333333% !important;
  }
  .hmf-offset-xsm-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-2 {
    width: 16.6666666667% !important;
  }
  .hmf-offset-xsm-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-3 {
    width: 25% !important;
  }
  .hmf-offset-xsm-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-4 {
    width: 33.3333333333% !important;
  }
  .hmf-offset-xsm-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-5 {
    width: 41.6666666667% !important;
  }
  .hmf-offset-xsm-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-6 {
    width: 50% !important;
  }
  .hmf-offset-xsm-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-7 {
    width: 58.3333333333% !important;
  }
  .hmf-offset-xsm-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-8 {
    width: 66.6666666667% !important;
  }
  .hmf-offset-xsm-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-9 {
    width: 75% !important;
  }
  .hmf-offset-xsm-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-10 {
    width: 83.3333333333% !important;
  }
  .hmf-offset-xsm-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-11 {
    width: 91.6666666667% !important;
  }
  .hmf-offset-xsm-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-12 {
    width: 100% !important;
  }
  .hmf-offset-xsm-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

@media (min-width: 480px) {
  .hmf-span-sm-0 {
    width: 0% !important;
  }
  .hmf-offset-sm-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

@media (min-width: 480px) {
  .hmf-span-sm-1 {
    width: 8.3333333333% !important;
  }
  .hmf-offset-sm-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

@media (min-width: 480px) {
  .hmf-span-sm-2 {
    width: 16.6666666667% !important;
  }
  .hmf-offset-sm-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

@media (min-width: 480px) {
  .hmf-span-sm-3 {
    width: 25% !important;
  }
  .hmf-offset-sm-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

@media (min-width: 480px) {
  .hmf-span-sm-4 {
    width: 33.3333333333% !important;
  }
  .hmf-offset-sm-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

@media (min-width: 480px) {
  .hmf-span-sm-5 {
    width: 41.6666666667% !important;
  }
  .hmf-offset-sm-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

@media (min-width: 480px) {
  .hmf-span-sm-6 {
    width: 50% !important;
  }
  .hmf-offset-sm-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

@media (min-width: 480px) {
  .hmf-span-sm-7 {
    width: 58.3333333333% !important;
  }
  .hmf-offset-sm-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

@media (min-width: 480px) {
  .hmf-span-sm-8 {
    width: 66.6666666667% !important;
  }
  .hmf-offset-sm-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

@media (min-width: 480px) {
  .hmf-span-sm-9 {
    width: 75% !important;
  }
  .hmf-offset-sm-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

@media (min-width: 480px) {
  .hmf-span-sm-10 {
    width: 83.3333333333% !important;
  }
  .hmf-offset-sm-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

@media (min-width: 480px) {
  .hmf-span-sm-11 {
    width: 91.6666666667% !important;
  }
  .hmf-offset-sm-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

@media (min-width: 480px) {
  .hmf-span-sm-12 {
    width: 100% !important;
  }
  .hmf-offset-sm-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

@media (min-width: 768px) {
  .hmf-span-m-0 {
    width: 0% !important;
  }
  .hmf-offset-m-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

@media (min-width: 768px) {
  .hmf-span-m-1 {
    width: 8.3333333333% !important;
  }
  .hmf-offset-m-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

@media (min-width: 768px) {
  .hmf-span-m-2 {
    width: 16.6666666667% !important;
  }
  .hmf-offset-m-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

@media (min-width: 768px) {
  .hmf-span-m-3 {
    width: 25% !important;
  }
  .hmf-offset-m-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

@media (min-width: 768px) {
  .hmf-span-m-4 {
    width: 33.3333333333% !important;
  }
  .hmf-offset-m-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

@media (min-width: 768px) {
  .hmf-span-m-5 {
    width: 41.6666666667% !important;
  }
  .hmf-offset-m-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

@media (min-width: 768px) {
  .hmf-span-m-6 {
    width: 50% !important;
  }
  .hmf-offset-m-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

@media (min-width: 768px) {
  .hmf-span-m-7 {
    width: 58.3333333333% !important;
  }
  .hmf-offset-m-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

@media (min-width: 768px) {
  .hmf-span-m-8 {
    width: 66.6666666667% !important;
  }
  .hmf-offset-m-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

@media (min-width: 768px) {
  .hmf-span-m-9 {
    width: 75% !important;
  }
  .hmf-offset-m-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

@media (min-width: 768px) {
  .hmf-span-m-10 {
    width: 83.3333333333% !important;
  }
  .hmf-offset-m-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

@media (min-width: 768px) {
  .hmf-span-m-11 {
    width: 91.6666666667% !important;
  }
  .hmf-offset-m-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

@media (min-width: 768px) {
  .hmf-span-m-12 {
    width: 100% !important;
  }
  .hmf-offset-m-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

@media (min-width: 768px) {
  .hmf-span-md-0 {
    width: 0% !important;
  }
  .hmf-offset-md-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

@media (min-width: 768px) {
  .hmf-span-md-1 {
    width: 8.3333333333% !important;
  }
  .hmf-offset-md-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

@media (min-width: 768px) {
  .hmf-span-md-2 {
    width: 16.6666666667% !important;
  }
  .hmf-offset-md-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

@media (min-width: 768px) {
  .hmf-span-md-3 {
    width: 25% !important;
  }
  .hmf-offset-md-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

@media (min-width: 768px) {
  .hmf-span-md-4 {
    width: 33.3333333333% !important;
  }
  .hmf-offset-md-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

@media (min-width: 768px) {
  .hmf-span-md-5 {
    width: 41.6666666667% !important;
  }
  .hmf-offset-md-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

@media (min-width: 768px) {
  .hmf-span-md-6 {
    width: 50% !important;
  }
  .hmf-offset-md-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

@media (min-width: 768px) {
  .hmf-span-md-7 {
    width: 58.3333333333% !important;
  }
  .hmf-offset-md-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

@media (min-width: 768px) {
  .hmf-span-md-8 {
    width: 66.6666666667% !important;
  }
  .hmf-offset-md-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

@media (min-width: 768px) {
  .hmf-span-md-9 {
    width: 75% !important;
  }
  .hmf-offset-md-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

@media (min-width: 768px) {
  .hmf-span-md-10 {
    width: 83.3333333333% !important;
  }
  .hmf-offset-md-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

@media (min-width: 768px) {
  .hmf-span-md-11 {
    width: 91.6666666667% !important;
  }
  .hmf-offset-md-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

@media (min-width: 768px) {
  .hmf-span-md-12 {
    width: 100% !important;
  }
  .hmf-offset-md-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-0 {
    width: 0% !important;
  }
  .hmf-offset-lg-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-1 {
    width: 8.3333333333% !important;
  }
  .hmf-offset-lg-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-2 {
    width: 16.6666666667% !important;
  }
  .hmf-offset-lg-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-3 {
    width: 25% !important;
  }
  .hmf-offset-lg-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-4 {
    width: 33.3333333333% !important;
  }
  .hmf-offset-lg-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-5 {
    width: 41.6666666667% !important;
  }
  .hmf-offset-lg-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-6 {
    width: 50% !important;
  }
  .hmf-offset-lg-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-7 {
    width: 58.3333333333% !important;
  }
  .hmf-offset-lg-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-8 {
    width: 66.6666666667% !important;
  }
  .hmf-offset-lg-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-9 {
    width: 75% !important;
  }
  .hmf-offset-lg-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-10 {
    width: 83.3333333333% !important;
  }
  .hmf-offset-lg-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-11 {
    width: 91.6666666667% !important;
  }
  .hmf-offset-lg-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-12 {
    width: 100% !important;
  }
  .hmf-offset-lg-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

@media (min-width: 1280px) {
  .hmf-span-l-0 {
    width: 0% !important;
  }
  .hmf-offset-l-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

@media (min-width: 1280px) {
  .hmf-span-l-1 {
    width: 8.3333333333% !important;
  }
  .hmf-offset-l-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

@media (min-width: 1280px) {
  .hmf-span-l-2 {
    width: 16.6666666667% !important;
  }
  .hmf-offset-l-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

@media (min-width: 1280px) {
  .hmf-span-l-3 {
    width: 25% !important;
  }
  .hmf-offset-l-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

@media (min-width: 1280px) {
  .hmf-span-l-4 {
    width: 33.3333333333% !important;
  }
  .hmf-offset-l-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

@media (min-width: 1280px) {
  .hmf-span-l-5 {
    width: 41.6666666667% !important;
  }
  .hmf-offset-l-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

@media (min-width: 1280px) {
  .hmf-span-l-6 {
    width: 50% !important;
  }
  .hmf-offset-l-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

@media (min-width: 1280px) {
  .hmf-span-l-7 {
    width: 58.3333333333% !important;
  }
  .hmf-offset-l-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

@media (min-width: 1280px) {
  .hmf-span-l-8 {
    width: 66.6666666667% !important;
  }
  .hmf-offset-l-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

@media (min-width: 1280px) {
  .hmf-span-l-9 {
    width: 75% !important;
  }
  .hmf-offset-l-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

@media (min-width: 1280px) {
  .hmf-span-l-10 {
    width: 83.3333333333% !important;
  }
  .hmf-offset-l-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

@media (min-width: 1280px) {
  .hmf-span-l-11 {
    width: 91.6666666667% !important;
  }
  .hmf-offset-l-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

@media (min-width: 1280px) {
  .hmf-span-l-12 {
    width: 100% !important;
  }
  .hmf-offset-l-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-0 {
    width: 0% !important;
  }
  .hmf-offset-xlg-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-1 {
    width: 8.3333333333% !important;
  }
  .hmf-offset-xlg-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-2 {
    width: 16.6666666667% !important;
  }
  .hmf-offset-xlg-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-3 {
    width: 25% !important;
  }
  .hmf-offset-xlg-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-4 {
    width: 33.3333333333% !important;
  }
  .hmf-offset-xlg-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-5 {
    width: 41.6666666667% !important;
  }
  .hmf-offset-xlg-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-6 {
    width: 50% !important;
  }
  .hmf-offset-xlg-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-7 {
    width: 58.3333333333% !important;
  }
  .hmf-offset-xlg-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-8 {
    width: 66.6666666667% !important;
  }
  .hmf-offset-xlg-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-9 {
    width: 75% !important;
  }
  .hmf-offset-xlg-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-10 {
    width: 83.3333333333% !important;
  }
  .hmf-offset-xlg-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-11 {
    width: 91.6666666667% !important;
  }
  .hmf-offset-xlg-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-12 {
    width: 100% !important;
  }
  .hmf-offset-xlg-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-0 {
    width: 0% !important;
  }
  .hmf-offset-xl-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-1 {
    width: 8.3333333333% !important;
  }
  .hmf-offset-xl-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-2 {
    width: 16.6666666667% !important;
  }
  .hmf-offset-xl-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-3 {
    width: 25% !important;
  }
  .hmf-offset-xl-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-4 {
    width: 33.3333333333% !important;
  }
  .hmf-offset-xl-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-5 {
    width: 41.6666666667% !important;
  }
  .hmf-offset-xl-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-6 {
    width: 50% !important;
  }
  .hmf-offset-xl-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-7 {
    width: 58.3333333333% !important;
  }
  .hmf-offset-xl-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-8 {
    width: 66.6666666667% !important;
  }
  .hmf-offset-xl-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-9 {
    width: 75% !important;
  }
  .hmf-offset-xl-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-10 {
    width: 83.3333333333% !important;
  }
  .hmf-offset-xl-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-11 {
    width: 91.6666666667% !important;
  }
  .hmf-offset-xl-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-12 {
    width: 100% !important;
  }
  .hmf-offset-xl-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-0 {
    width: 0% !important;
  }
  .hmf-offset-xxlg-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-1 {
    width: 8.3333333333% !important;
  }
  .hmf-offset-xxlg-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-2 {
    width: 16.6666666667% !important;
  }
  .hmf-offset-xxlg-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-3 {
    width: 25% !important;
  }
  .hmf-offset-xxlg-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-4 {
    width: 33.3333333333% !important;
  }
  .hmf-offset-xxlg-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-5 {
    width: 41.6666666667% !important;
  }
  .hmf-offset-xxlg-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-6 {
    width: 50% !important;
  }
  .hmf-offset-xxlg-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-7 {
    width: 58.3333333333% !important;
  }
  .hmf-offset-xxlg-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-8 {
    width: 66.6666666667% !important;
  }
  .hmf-offset-xxlg-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-9 {
    width: 75% !important;
  }
  .hmf-offset-xxlg-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-10 {
    width: 83.3333333333% !important;
  }
  .hmf-offset-xxlg-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-11 {
    width: 91.6666666667% !important;
  }
  .hmf-offset-xxlg-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-12 {
    width: 100% !important;
  }
  .hmf-offset-xxlg-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.page {
  padding-left: 16px;
  padding-right: 16px;
}

@media (min-width: 375px) {
  .page {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (min-width: 768px) {
  .page {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (min-width: 1280px) {
  .page {
    padding-left: 28px;
    padding-right: 28px;
  }
}
@media (min-width: 1440px) {
  .page {
    padding-left: 40px;
    padding-right: 40px;
  }
}
:root {
  --hmf-red50: #fdf7f8;
  --hmf-red100: #f6e1e3;
  --hmf-red200: #f0cbcf;
  --hmf-red300: #eab5ba;
  --hmf-red400: #dc848c;
  --hmf-red500: #cf5963;
  --hmf-red600: #b10715;
  --hmf-red700: #a20610;
  --hmf-red800: #86030c;
  --hmf-red900: #560105;
  --hmf-scred: #B3271E;
  --hmf-yellow50: #fff9e5;
  --hmf-yellow100: #ffedb6;
  --hmf-yellow200: #ffe286;
  --hmf-yellow300: #ffc40c;
  --hmf-yellow400: #ffa50a;
  --hmf-yellow500: #db7900;
  --hmf-yellow600: #a75a20;
  --hmf-yellow700: #733210;
  --hmf-yellow800: #5e280c;
  --hmf-yellow900: #3d1f00;
  --hmf-scgreen: #006554;
  --hmf-gold50: #fbf9f4;
  --hmf-gold100: #efe9d6;
  --hmf-gold200: #e0d3ae;
  --hmf-gold300: #ccb67b;
  --hmf-gold400: #c5ad6a;
  --hmf-gold500: #ad9143;
  --hmf-gold600: #806c32;
  --hmf-gold700: #5c4d24;
  --hmf-gold800: #4d401e;
  --hmf-gold900: #2c2511;
  --hmf-gray50: #fff;
  --hmf-gray50-rgb: 255, 255, 255;
  --hmf-gray100: #f9f9f9;
  --hmf-gray100-rgb: 249, 249, 249;
  --hmf-gray200: #e3e3e3;
  --hmf-gray200-rgb: 227, 227, 227;
  --hmf-gray300: #d1d1d1;
  --hmf-gray300-rgb: 209, 209, 209;
  --hmf-gray400: #b5b5b5;
  --hmf-gray400-rgb: 181, 181, 181;
  --hmf-gray500: #949494;
  --hmf-gray500-rgb: 148, 148, 148;
  --hmf-gray600: #6e6e6e;
  --hmf-gray600-rgb: 121, 121, 121;
  --hmf-gray700: #4f4f4f;
  --hmf-gray700-rgb: 79, 79, 79;
  --hmf-gray800: #2e2e2e;
  --hmf-gray800-rgb: 46, 46, 46;
  --hmf-gray900: #191f1c;
  --hmf-gray900-rgb: 25, 31, 28;
  --hmf-calia50: #f9f9f6;
  --hmf-calia100: #eaeae1;
  --hmf-calia200: #d5d3cd;
  --hmf-calia300: #bcb8b3;
  --hmf-calia400: #9f9996;
  --hmf-calia500: #857d7c;
  --hmf-calia600: #6c6263;
  --hmf-calia700: #53474a;
  --hmf-calia800: #44283a;
  --hmf-calia900: #312127;
  --hmf-vrst50: #f9fafb;
  --hmf-vrst100: #e6ecf0;
  --hmf-vrst200: #ced5d9;
  --hmf-vrst300: #b3bbc0;
  --hmf-vrst400: #99a2a8;
  --hmf-vrst500: #808990;
  --hmf-vrst600: #667078;
  --hmf-vrst700: #465058;
  --hmf-vrst800: #333f48;
  --hmf-vrst900: #20272d;
}

.background-base {
  background-color: var(--hmf-background-base);
}

.background-base-subtle {
  background-color: var(--hmf-background-base-subtle);
}

.background-inverse {
  background-color: var(--hmf-background-inverse);
}

.background-inverse-subtle {
  background-color: var(--hmf-background-inverse-subtle);
}

.background-primary {
  background-color: var(--hmf-background-primary);
}

.fill-base {
  background-color: var(--hmf-fill-base);
}

.fill-base-subtle {
  background-color: var(--hmf-fill-base-subtle);
}

.fill-base-prominent {
  background-color: var(--hmf-fill-base-prominent);
}

.fill-inverse {
  background-color: var(--hmf-fill-inverse);
}

.fill-inverse-subtle {
  background-color: var(--hmf-fill-inverse-subtle);
}

.fill-primary-static {
  background-color: var(--hmf-fill-primary-static);
}

.fill-primary-hover {
  background-color: var(--hmf-fill-primary-hover);
}

.fill-primary-active {
  background-color: var(--hmf-fill-primary-active);
}

.fill-secondary-static {
  background-color: var(--hmf-fill-secondary-static);
}

.fill-secondary-static-subtle {
  background-color: var(--hmf-fill-secondary-static-subtle);
}

.fill-secondary-hover {
  background-color: var(--hmf-fill-secondary-hover);
}

.fill-secondary-hover-subtle {
  background-color: var(--hmf-fill-secondary-hover-subtle);
}

.fill-secondary-active {
  background-color: var(--hmf-fill-secondary-active);
}

.fill-secondary-active-subtle {
  background-color: var(--hmf-fill-secondary-active-subtle);
}

.fill-tertiary-static {
  background-color: var(--hmf-fill-tertiary-static);
}

.fill-tertiary-hover {
  background-color: var(--hmf-fill-tertiary-hover);
}

.fill-tertiary-active {
  background-color: var(--hmf-fill-tertiary-active);
}

.fill-disabled {
  background-color: var(--hmf-fill-disabled);
}

.fill-disabled-subtle {
  background-color: var(--hmf-fill-disabled-subtle);
}

.fill-negative {
  background-color: var(--hmf-fill-negative);
}

.fill-negative-subtle {
  background-color: var(--hmf-fill-negative-subtle);
}

.fill-negative-static {
  background-color: var(--hmf-fill-negative-static);
}

.fill-negative-hover {
  background-color: var(--hmf-fill-negative-hover);
}

.fill-negative-active {
  background-color: var(--hmf-fill-negative-active);
}

.fill-sale {
  background-color: var(--hmf-fill-sale);
}

.fill-warning {
  background-color: var(--hmf-fill-warning);
}

.fill-warning-subtle {
  background-color: var(--hmf-fill-warning-subtle);
}

.fill-positive {
  background-color: var(--hmf-fill-positive);
}

.fill-postive-subtle {
  background-color: var(--hmf-fill-positive-subtle);
}

.fill-marketing-static {
  background-color: var(--hmf-fill-marketing-static);
}

.fill-marketing-hover {
  background-color: var(--hmf-fill-marketing-hover);
}

.fill-marketing-active {
  background-color: var(--hmf-fill-marketing-active);
}

.fill-scorecard-default {
  background-color: var(--hmf-fill-scorecard);
}

.fill-scorecard-subtle {
  background-color: var(--hmf-fill-scorecard-subtle);
}

.fill-scorecard-gold {
  background-color: var(--hmf-fill-scorecard-gold);
}

.fill-scorecard-gold-subtle {
  background-color: var(--hmf-fill-scorecard-gold-subtle);
}

.fill-calia-default {
  background-color: var(--hmf-fill-calia);
}

.fill-calia-subtle {
  background-color: var(--hmf-fill-calia-subtle);
}

.fill-vrst-default {
  background-color: var(--hmf-fill-vrst);
}

.fill-vrst-subtle {
  background-color: var(--hmf-fill-vrst-subtle);
}

.label-base {
  color: var(--hmf-label-base);
}

.label-base-subtle {
  color: var(--hmf-label-base-subtle);
}

.label-inverse-base {
  color: var(--hmf-label-inverse-base);
}

.label-inverse-subtle {
  color: var(--hmf-label-inverse-subtle);
}

.label-primary-static {
  color: var(--hmf-label-primary-static);
}

.label-primary-hover {
  color: var(--hmf-label-primary-hover);
}

.label-primary-active {
  color: var(--hmf-label-primary-active);
}

.label-secondary-static {
  color: var(--hmf-label-secondary-static);
}

.label-secondary-hover {
  color: var(--hmf-label-secondary-hover);
}

.label-secondary-active {
  color: var(--hmf-label-secondary-active);
}

.label-secondary-subtle-static {
  color: var(--hmf-label-secondary-subtle-static);
}

.label-secondary-subtle-hover {
  color: var(--hmf-label-secondary-subtle-hover);
}

.label-secondary-subtle-active {
  color: var(--hmf-label-secondary-subtle-active);
}

.label-tertiary-static {
  color: var(--hmf-label-tertiary-static);
}

.label-tertiary-hover {
  color: var(--hmf-label-tertiary-hover);
}

.label-tertiary-active {
  color: var(--hmf-label-tertiary-active);
}

.label-sale {
  color: var(--hmf-label-sale);
}

.label-disabled {
  color: var(--hmf-label-disabled);
}

.label-disabled-subtle {
  color: var(--hmf-label-disabled-subtle);
}

.label-negative {
  color: var(--hmf-label-negative);
}

.label-positive {
  color: var(--hmf-label-positive);
}

.label-warning {
  color: var(--hmf-label-warning);
}

.label-marketing-static {
  color: var(--hmf-label-marketing-static);
}

.label-marketing-hover {
  color: var(--hmf-label-marketing-hover);
}

.label-marketing-active {
  color: var(--hmf-label-marketing-active);
}

.label-scorecard-default {
  color: var(--hmf-label-scorecard);
}

.border-base {
  border-color: var(--hmf-border-base);
}

.border-base-subtle {
  border-color: var(--hmf-border-base-subtle);
}

.border-inverse {
  border-color: var(--hmf-border-inverse);
}

.border-inverse-subtle {
  border-color: var(--hmf-border-inverse-subtle);
}

.border-primary-static {
  border-color: var(--hmf-border-primary-static);
}

.border-primary-hover {
  border-color: var(--hmf-border-primary-hover);
}

.border-primary-active {
  border-color: var(--hmf-border-primary-active);
}

.border-secondary-static {
  border-color: var(--hmf-border-secondary-static);
}

.border-secondary-hover {
  border-color: var(--hmf-border-secondary-hover);
}

.border-secondary-active {
  border-color: var(--hmf-border-secondary-active);
}

.border-secondary-subtle-static {
  border-color: var(--hmf-border-secondary-subtle-static);
}

.border-secondary-subtle-hover {
  border-color: var(--hmf-border-secondary-subtle-hover);
}

.border-secondary-subtle-active {
  border-color: var(--hmf-border-secondary-subtle-active);
}

.border-tertiary-static {
  border-color: var(--hmf-border-tertiary-static);
}

.border-tertiary-hover {
  border-color: var(--hmf-border-tertiary-hover);
}

.border-tertiary-active {
  border-color: var(--hmf-border-tertiary-active);
}

.border-focused {
  border-color: var(--hmf-border-focused);
}

.border-inverse-focused {
  border-color: var(--hmf-border-inverse-focused);
}

.border-disabled {
  border-color: var(--hmf-border-disabled);
}

.border-disabled-subtle {
  border-color: var(--hmf-border-disabled-subtle);
}

.border-negative {
  border-color: var(--hmf-border-negative);
}

.border-warning {
  border-color: var(--hmf-border-warning);
}

.border-positive {
  border-color: var(--hmf-border-positive);
}

.border-scorecard-subtle {
  border-color: var(--hmf-border-scorecard-subtle);
}

.border-scorecard-gold {
  border-color: var(--hmf-border-scorecard-gold);
}

.border-scorecard-gold-subtle {
  border-color: var(--hmf-border-scorecard-gold-subtle);
}

:root {
  --hmf-auto: auto;
  --hmf-0: 0;
  --hmf-xxxs: 4px;
  --hmf-xxs: 8px;
  --hmf-xs: 12px;
  --hmf-s: 16px;
  --hmf-m: 24px;
  --hmf-l: 32px;
  --hmf-xl: 48px;
  --hmf-xxl: 72px;
  --hmf-xxxl: 96px;
  --hmf-xxxxl: 120px;
}

/** @format */
/** @format */
:root {
  --hmf-sharp-radius: 0px;
  --hmf-soft-radius: 8px;
  --hmf-round-radius: 80px;
}

:root {
  --hmf-subtle-shadow: 0px 2px 2px 0px rgb(26 26 26 / 0.08);
  --hmf-soft-shadow: 0px 4px 7px 1px rgb(25 31 28 / 0.15);
  --hmf-elevated-shadow: 0px 2px 8px -2px rgb(26 26 26 / 0.20);
  --hmf-elevated-up-shadow: 0px -2px 8px -2px rgb(26 26 26 / 0.20);
}

/** @format */
/** @format */
.hmf-display-outline-xxl {
  font-family: var(--font-display-outline) !important;
  font-size: var(--display-font-size-xxl) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-xxl) !important;
  line-height: var(--display-line-height-xxl) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-display-outline-xl {
  font-family: var(--font-display-outline) !important;
  font-size: var(--display-font-size-xl) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-xl) !important;
  line-height: var(--display-line-height-xl) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-display-outline-l {
  font-family: var(--font-display-outline) !important;
  font-size: var(--display-font-size-l) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-l) !important;
  line-height: var(--display-line-height-l) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-display-outline-m {
  font-family: var(--font-display-outline) !important;
  font-size: var(--display-font-size-m) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-m) !important;
  line-height: var(--display-line-height-m) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-display-outline-s {
  font-family: var(--font-display-outline) !important;
  font-size: var(--display-font-size-s) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-s) !important;
  line-height: var(--display-line-height-s) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-display-outline-xs {
  font-family: var(--font-display-outline) !important;
  font-size: var(--display-font-size-xs) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-xs) !important;
  line-height: var(--display-line-height-xs) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-display-xxl {
  font-family: var(--font-display) !important;
  font-size: var(--display-font-size-xxl) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-xxl) !important;
  line-height: var(--display-line-height-xxl) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-display-xl {
  font-family: var(--font-display) !important;
  font-size: var(--display-font-size-xl) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-xl) !important;
  line-height: var(--display-line-height-xl) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-display-l {
  font-family: var(--font-display) !important;
  font-size: var(--display-font-size-l) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-l) !important;
  line-height: var(--display-line-height-l) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-display-m {
  font-family: var(--font-display) !important;
  font-size: var(--display-font-size-m) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-m) !important;
  line-height: var(--display-line-height-m) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-display-s {
  font-family: var(--font-display) !important;
  font-size: var(--display-font-size-s) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-s) !important;
  line-height: var(--display-line-height-s) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-display-xs {
  font-family: var(--font-display) !important;
  font-size: var(--display-font-size-xs) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-xs) !important;
  line-height: var(--display-line-height-xs) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-header-xl {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-xl) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-xl) !important;
  text-transform: var(--header-text-transform) !important;
}

.hmf-header-l {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-l) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-l) !important;
  text-transform: var(--header-text-transform) !important;
}

.hmf-header-m {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-m) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-m) !important;
  text-transform: var(--header-text-transform) !important;
}

.hmf-header-s {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-s) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-s) !important;
  text-transform: var(--header-text-transform) !important;
}

.hmf-header-xs {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-xs) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-xs) !important;
  text-transform: var(--header-text-transform) !important;
}

.hmf-header-bold-xl {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-xl) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-xl) !important;
  text-transform: var(--header-text-transform) !important;
}

.hmf-header-bold-l {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-l) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-l) !important;
  text-transform: var(--header-text-transform) !important;
}

.hmf-header-bold-m {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-m) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-m) !important;
  text-transform: var(--header-text-transform) !important;
}

.hmf-header-bold-s {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-s) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-s) !important;
  text-transform: var(--header-text-transform) !important;
}

.hmf-header-bold-xs {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-xs) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-xs) !important;
  text-transform: var(--header-text-transform) !important;
}

.hmf-subheader-l {
  font-family: var(--font-primary) !important;
  font-size: var(--subhead-font-size-l) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--subhead-letter-spacing) !important;
  line-height: var(--subhead-line-height-l) !important;
}

.hmf-subheader-m {
  font-family: var(--font-primary) !important;
  font-size: var(--subhead-font-size-m) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--subhead-letter-spacing) !important;
  line-height: var(--subhead-line-height-m) !important;
}

.hmf-subheader-s {
  font-family: var(--font-primary) !important;
  font-size: var(--subhead-font-size-s) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--subhead-letter-spacing) !important;
  line-height: var(--subhead-line-height-s) !important;
}

.hmf-subheader-bold-l {
  font-family: var(--font-primary) !important;
  font-size: var(--subhead-font-size-l) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--subhead-letter-spacing) !important;
  line-height: var(--subhead-line-height-l) !important;
}

.hmf-subheader-bold-m {
  font-family: var(--font-primary) !important;
  font-size: var(--subhead-font-size-m) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--subhead-letter-spacing) !important;
  line-height: var(--subhead-line-height-m) !important;
}

.hmf-subheader-bold-s {
  font-family: var(--font-primary) !important;
  font-size: var(--subhead-font-size-s) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--subhead-letter-spacing) !important;
  line-height: var(--subhead-line-height-s) !important;
}

.hmf-label-l {
  font-family: var(--font-label) !important;
  font-size: var(--label-font-size-l) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--label-letter-spacing) !important;
  line-height: var(--label-line-height-l) !important;
  text-transform: var(--label-text-transform) !important;
}

.hmf-label-m {
  font-family: var(--font-label) !important;
  font-size: var(--label-font-size-m) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--label-letter-spacing) !important;
  line-height: var(--label-line-height-m) !important;
  text-transform: var(--label-text-transform) !important;
}

.hmf-label-s {
  font-family: var(--font-label) !important;
  font-size: var(--label-font-size-s) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--label-letter-spacing) !important;
  line-height: var(--label-line-height-s) !important;
  text-transform: var(--label-text-transform) !important;
}

.hmf-label-xs {
  font-family: var(--font-label) !important;
  font-size: var(--label-font-size-xs) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--label-letter-spacing) !important;
  line-height: var(--label-line-height-xs) !important;
  text-transform: var(--label-text-transform) !important;
}

.hmf-body-l {
  font-family: var(--font-primary) !important;
  font-size: var(--body-font-size-l) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--body-letter-spacing) !important;
  line-height: var(--body-line-height-l) !important;
  text-transform: none !important;
}

.hmf-body-m {
  font-family: var(--font-primary) !important;
  font-size: var(--body-font-size-m) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--body-letter-spacing) !important;
  line-height: var(--body-line-height-m) !important;
  text-transform: none !important;
}

.hmf-body-s {
  font-family: var(--font-primary) !important;
  font-size: var(--body-font-size-s) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--body-letter-spacing) !important;
  line-height: var(--body-line-height-s) !important;
  text-transform: none !important;
}

.hmf-body-bold-l {
  font-family: var(--font-primary) !important;
  font-size: var(--body-font-size-l) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--body-letter-spacing) !important;
  line-height: var(--body-line-height-l) !important;
}

.hmf-body-bold-m {
  font-family: var(--font-primary) !important;
  font-size: var(--body-font-size-m) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--body-letter-spacing) !important;
  line-height: var(--body-line-height-m) !important;
}

.hmf-body-bold-s {
  font-family: var(--font-primary) !important;
  font-size: var(--body-font-size-s) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--body-letter-spacing) !important;
  line-height: var(--body-line-height-s) !important;
}

.hmf-legal-s {
  font-family: var(--font-primary) !important;
  font-size: var(--legal-font-size-s) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--legal-letter-spacing) !important;
  line-height: var(--legal-line-height-s) !important;
}

.hmf-legal-xs {
  font-family: var(--font-primary) !important;
  font-size: var(--legal-font-size-xs) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--legal-letter-spacing) !important;
  line-height: var(--legal-line-height-xs) !important;
}

.hmf-text-decoration-dashed {
  text-decoration: dashed;
}

.hmf-text-decoration-dotted {
  text-decoration: dotted;
}

.hmf-text-decoration-double {
  text-decoration: double;
}

.hmf-text-decoration-linethrough {
  text-decoration: line-through;
}

.hmf-text-decoration-none {
  text-decoration: none;
}

.hmf-text-decoration-overline {
  text-decoration: overline;
}

.hmf-text-decoration-solid {
  text-decoration: solid;
}

.hmf-text-decoration-underline {
  text-decoration: underline;
}

.hmf-text-decoration-wavy {
  text-decoration: wavy;
}

.hmf-text-transform-capitalize {
  text-transform: capitalize;
}

.hmf-text-transform-lowercase {
  text-transform: lowercase;
}

.hmf-text-transform-uppercase {
  text-transform: uppercase;
}

.hmf-text-transform-none {
  text-transform: none;
}

.hmf-text-transform-inherit {
  text-transform: inherit;
}

.hmf-text-transform-initial {
  text-transform: initial;
}

.hmf-text-transform-unset {
  text-transform: unset;
}

.hmf-text-align-unset {
  text-align: unset;
}

.hmf-text-align-revert {
  text-align: revert;
}

.hmf-text-align-initial {
  text-align: initial;
}

.hmf-text-align-start {
  text-align: start;
}

.hmf-text-align-end {
  text-align: end;
}

.hmf-text-align-left {
  text-align: left;
}

.hmf-text-align-right {
  text-align: right;
}

.hmf-text-align-center {
  text-align: center;
}

.hmf-text-align-justify {
  text-align: justify;
}

.hmf-display-outline-xxl {
  font-family: var(--font-display-outline) !important;
  font-size: var(--display-font-size-xxl) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-xxl) !important;
  line-height: var(--display-line-height-xxl) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-display-outline-xl {
  font-family: var(--font-display-outline) !important;
  font-size: var(--display-font-size-xl) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-xl) !important;
  line-height: var(--display-line-height-xl) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-display-outline-l {
  font-family: var(--font-display-outline) !important;
  font-size: var(--display-font-size-l) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-l) !important;
  line-height: var(--display-line-height-l) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-display-outline-m {
  font-family: var(--font-display-outline) !important;
  font-size: var(--display-font-size-m) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-m) !important;
  line-height: var(--display-line-height-m) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-display-outline-s {
  font-family: var(--font-display-outline) !important;
  font-size: var(--display-font-size-s) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-s) !important;
  line-height: var(--display-line-height-s) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-display-outline-xs {
  font-family: var(--font-display-outline) !important;
  font-size: var(--display-font-size-xs) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-xs) !important;
  line-height: var(--display-line-height-xs) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-display-xxl {
  font-family: var(--font-display) !important;
  font-size: var(--display-font-size-xxl) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-xxl) !important;
  line-height: var(--display-line-height-xxl) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-display-xl {
  font-family: var(--font-display) !important;
  font-size: var(--display-font-size-xl) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-xl) !important;
  line-height: var(--display-line-height-xl) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-display-l {
  font-family: var(--font-display) !important;
  font-size: var(--display-font-size-l) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-l) !important;
  line-height: var(--display-line-height-l) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-display-m {
  font-family: var(--font-display) !important;
  font-size: var(--display-font-size-m) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-m) !important;
  line-height: var(--display-line-height-m) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-display-s {
  font-family: var(--font-display) !important;
  font-size: var(--display-font-size-s) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-s) !important;
  line-height: var(--display-line-height-s) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-display-xs {
  font-family: var(--font-display) !important;
  font-size: var(--display-font-size-xs) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-xs) !important;
  line-height: var(--display-line-height-xs) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-header-xl {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-xl) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-xl) !important;
  text-transform: var(--header-text-transform) !important;
}

.hmf-header-l {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-l) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-l) !important;
  text-transform: var(--header-text-transform) !important;
}

.hmf-header-m {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-m) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-m) !important;
  text-transform: var(--header-text-transform) !important;
}

.hmf-header-s {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-s) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-s) !important;
  text-transform: var(--header-text-transform) !important;
}

.hmf-header-xs {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-xs) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-xs) !important;
  text-transform: var(--header-text-transform) !important;
}

.hmf-header-bold-xl {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-xl) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-xl) !important;
  text-transform: var(--header-text-transform) !important;
}

.hmf-header-bold-l {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-l) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-l) !important;
  text-transform: var(--header-text-transform) !important;
}

.hmf-header-bold-m {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-m) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-m) !important;
  text-transform: var(--header-text-transform) !important;
}

.hmf-header-bold-s {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-s) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-s) !important;
  text-transform: var(--header-text-transform) !important;
}

.hmf-header-bold-xs {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-xs) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-xs) !important;
  text-transform: var(--header-text-transform) !important;
}

.hmf-subheader-l {
  font-family: var(--font-primary) !important;
  font-size: var(--subhead-font-size-l) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--subhead-letter-spacing) !important;
  line-height: var(--subhead-line-height-l) !important;
}

.hmf-subheader-m {
  font-family: var(--font-primary) !important;
  font-size: var(--subhead-font-size-m) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--subhead-letter-spacing) !important;
  line-height: var(--subhead-line-height-m) !important;
}

.hmf-subheader-s {
  font-family: var(--font-primary) !important;
  font-size: var(--subhead-font-size-s) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--subhead-letter-spacing) !important;
  line-height: var(--subhead-line-height-s) !important;
}

.hmf-subheader-bold-l {
  font-family: var(--font-primary) !important;
  font-size: var(--subhead-font-size-l) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--subhead-letter-spacing) !important;
  line-height: var(--subhead-line-height-l) !important;
}

.hmf-subheader-bold-m {
  font-family: var(--font-primary) !important;
  font-size: var(--subhead-font-size-m) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--subhead-letter-spacing) !important;
  line-height: var(--subhead-line-height-m) !important;
}

.hmf-subheader-bold-s {
  font-family: var(--font-primary) !important;
  font-size: var(--subhead-font-size-s) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--subhead-letter-spacing) !important;
  line-height: var(--subhead-line-height-s) !important;
}

.hmf-label-l {
  font-family: var(--font-label) !important;
  font-size: var(--label-font-size-l) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--label-letter-spacing) !important;
  line-height: var(--label-line-height-l) !important;
  text-transform: var(--label-text-transform) !important;
}

.hmf-label-m {
  font-family: var(--font-label) !important;
  font-size: var(--label-font-size-m) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--label-letter-spacing) !important;
  line-height: var(--label-line-height-m) !important;
  text-transform: var(--label-text-transform) !important;
}

.hmf-label-s {
  font-family: var(--font-label) !important;
  font-size: var(--label-font-size-s) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--label-letter-spacing) !important;
  line-height: var(--label-line-height-s) !important;
  text-transform: var(--label-text-transform) !important;
}

.hmf-label-xs {
  font-family: var(--font-label) !important;
  font-size: var(--label-font-size-xs) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--label-letter-spacing) !important;
  line-height: var(--label-line-height-xs) !important;
  text-transform: var(--label-text-transform) !important;
}

.hmf-body-l {
  font-family: var(--font-primary) !important;
  font-size: var(--body-font-size-l) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--body-letter-spacing) !important;
  line-height: var(--body-line-height-l) !important;
  text-transform: none !important;
}

.hmf-body-m {
  font-family: var(--font-primary) !important;
  font-size: var(--body-font-size-m) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--body-letter-spacing) !important;
  line-height: var(--body-line-height-m) !important;
  text-transform: none !important;
}

.hmf-body-s {
  font-family: var(--font-primary) !important;
  font-size: var(--body-font-size-s) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--body-letter-spacing) !important;
  line-height: var(--body-line-height-s) !important;
  text-transform: none !important;
}

.hmf-body-bold-l {
  font-family: var(--font-primary) !important;
  font-size: var(--body-font-size-l) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--body-letter-spacing) !important;
  line-height: var(--body-line-height-l) !important;
}

.hmf-body-bold-m {
  font-family: var(--font-primary) !important;
  font-size: var(--body-font-size-m) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--body-letter-spacing) !important;
  line-height: var(--body-line-height-m) !important;
}

.hmf-body-bold-s {
  font-family: var(--font-primary) !important;
  font-size: var(--body-font-size-s) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--body-letter-spacing) !important;
  line-height: var(--body-line-height-s) !important;
}

.hmf-legal-s {
  font-family: var(--font-primary) !important;
  font-size: var(--legal-font-size-s) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--legal-letter-spacing) !important;
  line-height: var(--legal-line-height-s) !important;
}

.hmf-legal-xs {
  font-family: var(--font-primary) !important;
  font-size: var(--legal-font-size-xs) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--legal-letter-spacing) !important;
  line-height: var(--legal-line-height-xs) !important;
}

.hmf-text-decoration-dashed {
  text-decoration: dashed;
}

.hmf-text-decoration-dotted {
  text-decoration: dotted;
}

.hmf-text-decoration-double {
  text-decoration: double;
}

.hmf-text-decoration-linethrough {
  text-decoration: line-through;
}

.hmf-text-decoration-none {
  text-decoration: none;
}

.hmf-text-decoration-overline {
  text-decoration: overline;
}

.hmf-text-decoration-solid {
  text-decoration: solid;
}

.hmf-text-decoration-underline {
  text-decoration: underline;
}

.hmf-text-decoration-wavy {
  text-decoration: wavy;
}

.hmf-text-transform-capitalize {
  text-transform: capitalize;
}

.hmf-text-transform-lowercase {
  text-transform: lowercase;
}

.hmf-text-transform-uppercase {
  text-transform: uppercase;
}

.hmf-text-transform-none {
  text-transform: none;
}

.hmf-text-transform-inherit {
  text-transform: inherit;
}

.hmf-text-transform-initial {
  text-transform: initial;
}

.hmf-text-transform-unset {
  text-transform: unset;
}

.hmf-text-align-unset {
  text-align: unset;
}

.hmf-text-align-revert {
  text-align: revert;
}

.hmf-text-align-initial {
  text-align: initial;
}

.hmf-text-align-start {
  text-align: start;
}

.hmf-text-align-end {
  text-align: end;
}

.hmf-text-align-left {
  text-align: left;
}

.hmf-text-align-right {
  text-align: right;
}

.hmf-text-align-center {
  text-align: center;
}

.hmf-text-align-justify {
  text-align: justify;
}

@media (min-width: 375px) {
  .hmf-display-outline-s-xxl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-s-xl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-s-l {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-s-m {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-s-s {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-s-xs {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-s-xxl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-s-xl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-s-l {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-s-m {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-s-s {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-s-xs {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-header-s-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-s-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-s-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-s-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-s-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-s-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-s-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-s-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-s-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-s-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-subheader-s-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .hmf-subheader-s-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .hmf-subheader-s-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .hmf-subheader-bold-s-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .hmf-subheader-bold-s-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .hmf-subheader-bold-s-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .hmf-label-s-l {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-l) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-s-m {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-m) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-s-s {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-s) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-s-xs {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-xs) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-body-s-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
    text-transform: none !important;
  }
  .hmf-body-s-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
    text-transform: none !important;
  }
  .hmf-body-s-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
    text-transform: none !important;
  }
  .hmf-body-bold-s-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
  }
  .hmf-body-bold-s-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
  }
  .hmf-body-bold-s-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
  }
  .hmf-legal-s-s {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-s) !important;
  }
  .hmf-legal-s-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-xs) !important;
  }
  .hmf-text-decoration-s-dashed {
    text-decoration: dashed;
  }
  .hmf-text-decoration-s-dotted {
    text-decoration: dotted;
  }
  .hmf-text-decoration-s-double {
    text-decoration: double;
  }
  .hmf-text-decoration-s-linethrough {
    text-decoration: line-through;
  }
  .hmf-text-decoration-s-none {
    text-decoration: none;
  }
  .hmf-text-decoration-s-overline {
    text-decoration: overline;
  }
  .hmf-text-decoration-s-solid {
    text-decoration: solid;
  }
  .hmf-text-decoration-s-underline {
    text-decoration: underline;
  }
  .hmf-text-decoration-s-wavy {
    text-decoration: wavy;
  }
  .hmf-text-transform-s-capitalize {
    text-transform: capitalize;
  }
  .hmf-text-transform-s-lowercase {
    text-transform: lowercase;
  }
  .hmf-text-transform-s-uppercase {
    text-transform: uppercase;
  }
  .hmf-text-transform-s-none {
    text-transform: none;
  }
  .hmf-text-transform-s-inherit {
    text-transform: inherit;
  }
  .hmf-text-transform-s-initial {
    text-transform: initial;
  }
  .hmf-text-transform-s-unset {
    text-transform: unset;
  }
  .hmf-text-align-s-unset {
    text-align: unset;
  }
  .hmf-text-align-s-revert {
    text-align: revert;
  }
  .hmf-text-align-s-initial {
    text-align: initial;
  }
  .hmf-text-align-s-start {
    text-align: start;
  }
  .hmf-text-align-s-end {
    text-align: end;
  }
  .hmf-text-align-s-left {
    text-align: left;
  }
  .hmf-text-align-s-right {
    text-align: right;
  }
  .hmf-text-align-s-center {
    text-align: center;
  }
  .hmf-text-align-s-justify {
    text-align: justify;
  }
}
@media (min-width: 375px) {
  .hmf-display-outline-xsm-xxl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-xsm-xl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-xsm-l {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-xsm-m {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-xsm-s {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-xsm-xs {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xsm-xxl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xsm-xl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xsm-l {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xsm-m {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xsm-s {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xsm-xs {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-header-xsm-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-xsm-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-xsm-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-xsm-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-xsm-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-xsm-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-xsm-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-xsm-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-xsm-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-xsm-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-subheader-xsm-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .hmf-subheader-xsm-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .hmf-subheader-xsm-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .hmf-subheader-bold-xsm-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .hmf-subheader-bold-xsm-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .hmf-subheader-bold-xsm-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .hmf-label-xsm-l {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-l) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-xsm-m {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-m) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-xsm-s {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-s) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-xsm-xs {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-xs) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-body-xsm-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
    text-transform: none !important;
  }
  .hmf-body-xsm-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
    text-transform: none !important;
  }
  .hmf-body-xsm-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
    text-transform: none !important;
  }
  .hmf-body-bold-xsm-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
  }
  .hmf-body-bold-xsm-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
  }
  .hmf-body-bold-xsm-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
  }
  .hmf-legal-xsm-s {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-s) !important;
  }
  .hmf-legal-xsm-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-xs) !important;
  }
  .hmf-text-decoration-xsm-dashed {
    text-decoration: dashed;
  }
  .hmf-text-decoration-xsm-dotted {
    text-decoration: dotted;
  }
  .hmf-text-decoration-xsm-double {
    text-decoration: double;
  }
  .hmf-text-decoration-xsm-linethrough {
    text-decoration: line-through;
  }
  .hmf-text-decoration-xsm-none {
    text-decoration: none;
  }
  .hmf-text-decoration-xsm-overline {
    text-decoration: overline;
  }
  .hmf-text-decoration-xsm-solid {
    text-decoration: solid;
  }
  .hmf-text-decoration-xsm-underline {
    text-decoration: underline;
  }
  .hmf-text-decoration-xsm-wavy {
    text-decoration: wavy;
  }
  .hmf-text-transform-xsm-capitalize {
    text-transform: capitalize;
  }
  .hmf-text-transform-xsm-lowercase {
    text-transform: lowercase;
  }
  .hmf-text-transform-xsm-uppercase {
    text-transform: uppercase;
  }
  .hmf-text-transform-xsm-none {
    text-transform: none;
  }
  .hmf-text-transform-xsm-inherit {
    text-transform: inherit;
  }
  .hmf-text-transform-xsm-initial {
    text-transform: initial;
  }
  .hmf-text-transform-xsm-unset {
    text-transform: unset;
  }
  .hmf-text-align-xsm-unset {
    text-align: unset;
  }
  .hmf-text-align-xsm-revert {
    text-align: revert;
  }
  .hmf-text-align-xsm-initial {
    text-align: initial;
  }
  .hmf-text-align-xsm-start {
    text-align: start;
  }
  .hmf-text-align-xsm-end {
    text-align: end;
  }
  .hmf-text-align-xsm-left {
    text-align: left;
  }
  .hmf-text-align-xsm-right {
    text-align: right;
  }
  .hmf-text-align-xsm-center {
    text-align: center;
  }
  .hmf-text-align-xsm-justify {
    text-align: justify;
  }
}
@media (min-width: 480px) {
  .hmf-display-outline-sm-xxl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-sm-xl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-sm-l {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-sm-m {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-sm-s {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-sm-xs {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-sm-xxl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-sm-xl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-sm-l {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-sm-m {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-sm-s {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-sm-xs {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-header-sm-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-sm-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-sm-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-sm-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-sm-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-sm-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-sm-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-sm-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-sm-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-sm-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-subheader-sm-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .hmf-subheader-sm-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .hmf-subheader-sm-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .hmf-subheader-bold-sm-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .hmf-subheader-bold-sm-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .hmf-subheader-bold-sm-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .hmf-label-sm-l {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-l) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-sm-m {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-m) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-sm-s {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-s) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-sm-xs {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-xs) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-body-sm-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
    text-transform: none !important;
  }
  .hmf-body-sm-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
    text-transform: none !important;
  }
  .hmf-body-sm-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
    text-transform: none !important;
  }
  .hmf-body-bold-sm-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
  }
  .hmf-body-bold-sm-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
  }
  .hmf-body-bold-sm-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
  }
  .hmf-legal-sm-s {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-s) !important;
  }
  .hmf-legal-sm-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-xs) !important;
  }
  .hmf-text-decoration-sm-dashed {
    text-decoration: dashed;
  }
  .hmf-text-decoration-sm-dotted {
    text-decoration: dotted;
  }
  .hmf-text-decoration-sm-double {
    text-decoration: double;
  }
  .hmf-text-decoration-sm-linethrough {
    text-decoration: line-through;
  }
  .hmf-text-decoration-sm-none {
    text-decoration: none;
  }
  .hmf-text-decoration-sm-overline {
    text-decoration: overline;
  }
  .hmf-text-decoration-sm-solid {
    text-decoration: solid;
  }
  .hmf-text-decoration-sm-underline {
    text-decoration: underline;
  }
  .hmf-text-decoration-sm-wavy {
    text-decoration: wavy;
  }
  .hmf-text-transform-sm-capitalize {
    text-transform: capitalize;
  }
  .hmf-text-transform-sm-lowercase {
    text-transform: lowercase;
  }
  .hmf-text-transform-sm-uppercase {
    text-transform: uppercase;
  }
  .hmf-text-transform-sm-none {
    text-transform: none;
  }
  .hmf-text-transform-sm-inherit {
    text-transform: inherit;
  }
  .hmf-text-transform-sm-initial {
    text-transform: initial;
  }
  .hmf-text-transform-sm-unset {
    text-transform: unset;
  }
  .hmf-text-align-sm-unset {
    text-align: unset;
  }
  .hmf-text-align-sm-revert {
    text-align: revert;
  }
  .hmf-text-align-sm-initial {
    text-align: initial;
  }
  .hmf-text-align-sm-start {
    text-align: start;
  }
  .hmf-text-align-sm-end {
    text-align: end;
  }
  .hmf-text-align-sm-left {
    text-align: left;
  }
  .hmf-text-align-sm-right {
    text-align: right;
  }
  .hmf-text-align-sm-center {
    text-align: center;
  }
  .hmf-text-align-sm-justify {
    text-align: justify;
  }
}
@media (min-width: 768px) {
  .hmf-display-outline-m-xxl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-m-xl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-m-l {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-m-m {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-m-s {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-m-xs {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-m-xxl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-m-xl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-m-l {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-m-m {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-m-s {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-m-xs {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-header-m-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-m-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-m-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-m-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-m-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-m-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-m-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-m-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-m-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-m-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-subheader-m-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .hmf-subheader-m-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .hmf-subheader-m-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .hmf-subheader-bold-m-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .hmf-subheader-bold-m-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .hmf-subheader-bold-m-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .hmf-label-m-l {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-l) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-m-m {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-m) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-m-s {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-s) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-m-xs {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-xs) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-body-m-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
    text-transform: none !important;
  }
  .hmf-body-m-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
    text-transform: none !important;
  }
  .hmf-body-m-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
    text-transform: none !important;
  }
  .hmf-body-bold-m-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
  }
  .hmf-body-bold-m-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
  }
  .hmf-body-bold-m-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
  }
  .hmf-legal-m-s {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-s) !important;
  }
  .hmf-legal-m-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-xs) !important;
  }
  .hmf-text-decoration-m-dashed {
    text-decoration: dashed;
  }
  .hmf-text-decoration-m-dotted {
    text-decoration: dotted;
  }
  .hmf-text-decoration-m-double {
    text-decoration: double;
  }
  .hmf-text-decoration-m-linethrough {
    text-decoration: line-through;
  }
  .hmf-text-decoration-m-none {
    text-decoration: none;
  }
  .hmf-text-decoration-m-overline {
    text-decoration: overline;
  }
  .hmf-text-decoration-m-solid {
    text-decoration: solid;
  }
  .hmf-text-decoration-m-underline {
    text-decoration: underline;
  }
  .hmf-text-decoration-m-wavy {
    text-decoration: wavy;
  }
  .hmf-text-transform-m-capitalize {
    text-transform: capitalize;
  }
  .hmf-text-transform-m-lowercase {
    text-transform: lowercase;
  }
  .hmf-text-transform-m-uppercase {
    text-transform: uppercase;
  }
  .hmf-text-transform-m-none {
    text-transform: none;
  }
  .hmf-text-transform-m-inherit {
    text-transform: inherit;
  }
  .hmf-text-transform-m-initial {
    text-transform: initial;
  }
  .hmf-text-transform-m-unset {
    text-transform: unset;
  }
  .hmf-text-align-m-unset {
    text-align: unset;
  }
  .hmf-text-align-m-revert {
    text-align: revert;
  }
  .hmf-text-align-m-initial {
    text-align: initial;
  }
  .hmf-text-align-m-start {
    text-align: start;
  }
  .hmf-text-align-m-end {
    text-align: end;
  }
  .hmf-text-align-m-left {
    text-align: left;
  }
  .hmf-text-align-m-right {
    text-align: right;
  }
  .hmf-text-align-m-center {
    text-align: center;
  }
  .hmf-text-align-m-justify {
    text-align: justify;
  }
}
@media (min-width: 768px) {
  .hmf-display-outline-md-xxl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-md-xl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-md-l {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-md-m {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-md-s {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-md-xs {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-md-xxl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-md-xl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-md-l {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-md-m {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-md-s {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-md-xs {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-header-md-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-md-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-md-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-md-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-md-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-md-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-md-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-md-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-md-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-md-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-subheader-md-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .hmf-subheader-md-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .hmf-subheader-md-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .hmf-subheader-bold-md-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .hmf-subheader-bold-md-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .hmf-subheader-bold-md-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .hmf-label-md-l {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-l) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-md-m {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-m) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-md-s {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-s) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-md-xs {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-xs) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-body-md-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
    text-transform: none !important;
  }
  .hmf-body-md-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
    text-transform: none !important;
  }
  .hmf-body-md-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
    text-transform: none !important;
  }
  .hmf-body-bold-md-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
  }
  .hmf-body-bold-md-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
  }
  .hmf-body-bold-md-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
  }
  .hmf-legal-md-s {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-s) !important;
  }
  .hmf-legal-md-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-xs) !important;
  }
  .hmf-text-decoration-md-dashed {
    text-decoration: dashed;
  }
  .hmf-text-decoration-md-dotted {
    text-decoration: dotted;
  }
  .hmf-text-decoration-md-double {
    text-decoration: double;
  }
  .hmf-text-decoration-md-linethrough {
    text-decoration: line-through;
  }
  .hmf-text-decoration-md-none {
    text-decoration: none;
  }
  .hmf-text-decoration-md-overline {
    text-decoration: overline;
  }
  .hmf-text-decoration-md-solid {
    text-decoration: solid;
  }
  .hmf-text-decoration-md-underline {
    text-decoration: underline;
  }
  .hmf-text-decoration-md-wavy {
    text-decoration: wavy;
  }
  .hmf-text-transform-md-capitalize {
    text-transform: capitalize;
  }
  .hmf-text-transform-md-lowercase {
    text-transform: lowercase;
  }
  .hmf-text-transform-md-uppercase {
    text-transform: uppercase;
  }
  .hmf-text-transform-md-none {
    text-transform: none;
  }
  .hmf-text-transform-md-inherit {
    text-transform: inherit;
  }
  .hmf-text-transform-md-initial {
    text-transform: initial;
  }
  .hmf-text-transform-md-unset {
    text-transform: unset;
  }
  .hmf-text-align-md-unset {
    text-align: unset;
  }
  .hmf-text-align-md-revert {
    text-align: revert;
  }
  .hmf-text-align-md-initial {
    text-align: initial;
  }
  .hmf-text-align-md-start {
    text-align: start;
  }
  .hmf-text-align-md-end {
    text-align: end;
  }
  .hmf-text-align-md-left {
    text-align: left;
  }
  .hmf-text-align-md-right {
    text-align: right;
  }
  .hmf-text-align-md-center {
    text-align: center;
  }
  .hmf-text-align-md-justify {
    text-align: justify;
  }
}
@media (min-width: 1024px) {
  .hmf-display-outline-lg-xxl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-lg-xl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-lg-l {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-lg-m {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-lg-s {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-lg-xs {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-lg-xxl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-lg-xl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-lg-l {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-lg-m {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-lg-s {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-lg-xs {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-header-lg-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-lg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-lg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-lg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-lg-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-lg-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-lg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-lg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-lg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-lg-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-subheader-lg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .hmf-subheader-lg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .hmf-subheader-lg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .hmf-subheader-bold-lg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .hmf-subheader-bold-lg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .hmf-subheader-bold-lg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .hmf-label-lg-l {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-l) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-lg-m {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-m) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-lg-s {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-s) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-lg-xs {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-xs) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-body-lg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
    text-transform: none !important;
  }
  .hmf-body-lg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
    text-transform: none !important;
  }
  .hmf-body-lg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
    text-transform: none !important;
  }
  .hmf-body-bold-lg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
  }
  .hmf-body-bold-lg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
  }
  .hmf-body-bold-lg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
  }
  .hmf-legal-lg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-s) !important;
  }
  .hmf-legal-lg-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-xs) !important;
  }
  .hmf-text-decoration-lg-dashed {
    text-decoration: dashed;
  }
  .hmf-text-decoration-lg-dotted {
    text-decoration: dotted;
  }
  .hmf-text-decoration-lg-double {
    text-decoration: double;
  }
  .hmf-text-decoration-lg-linethrough {
    text-decoration: line-through;
  }
  .hmf-text-decoration-lg-none {
    text-decoration: none;
  }
  .hmf-text-decoration-lg-overline {
    text-decoration: overline;
  }
  .hmf-text-decoration-lg-solid {
    text-decoration: solid;
  }
  .hmf-text-decoration-lg-underline {
    text-decoration: underline;
  }
  .hmf-text-decoration-lg-wavy {
    text-decoration: wavy;
  }
  .hmf-text-transform-lg-capitalize {
    text-transform: capitalize;
  }
  .hmf-text-transform-lg-lowercase {
    text-transform: lowercase;
  }
  .hmf-text-transform-lg-uppercase {
    text-transform: uppercase;
  }
  .hmf-text-transform-lg-none {
    text-transform: none;
  }
  .hmf-text-transform-lg-inherit {
    text-transform: inherit;
  }
  .hmf-text-transform-lg-initial {
    text-transform: initial;
  }
  .hmf-text-transform-lg-unset {
    text-transform: unset;
  }
  .hmf-text-align-lg-unset {
    text-align: unset;
  }
  .hmf-text-align-lg-revert {
    text-align: revert;
  }
  .hmf-text-align-lg-initial {
    text-align: initial;
  }
  .hmf-text-align-lg-start {
    text-align: start;
  }
  .hmf-text-align-lg-end {
    text-align: end;
  }
  .hmf-text-align-lg-left {
    text-align: left;
  }
  .hmf-text-align-lg-right {
    text-align: right;
  }
  .hmf-text-align-lg-center {
    text-align: center;
  }
  .hmf-text-align-lg-justify {
    text-align: justify;
  }
}
@media (min-width: 1280px) {
  .hmf-display-outline-l-xxl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-l-xl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-l-l {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-l-m {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-l-s {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-l-xs {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-l-xxl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-l-xl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-l-l {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-l-m {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-l-s {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-l-xs {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-header-l-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-l-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-l-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-l-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-l-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-l-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-l-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-l-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-l-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-l-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-subheader-l-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .hmf-subheader-l-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .hmf-subheader-l-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .hmf-subheader-bold-l-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .hmf-subheader-bold-l-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .hmf-subheader-bold-l-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .hmf-label-l-l {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-l) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-l-m {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-m) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-l-s {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-s) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-l-xs {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-xs) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-body-l-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
    text-transform: none !important;
  }
  .hmf-body-l-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
    text-transform: none !important;
  }
  .hmf-body-l-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
    text-transform: none !important;
  }
  .hmf-body-bold-l-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
  }
  .hmf-body-bold-l-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
  }
  .hmf-body-bold-l-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
  }
  .hmf-legal-l-s {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-s) !important;
  }
  .hmf-legal-l-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-xs) !important;
  }
  .hmf-text-decoration-l-dashed {
    text-decoration: dashed;
  }
  .hmf-text-decoration-l-dotted {
    text-decoration: dotted;
  }
  .hmf-text-decoration-l-double {
    text-decoration: double;
  }
  .hmf-text-decoration-l-linethrough {
    text-decoration: line-through;
  }
  .hmf-text-decoration-l-none {
    text-decoration: none;
  }
  .hmf-text-decoration-l-overline {
    text-decoration: overline;
  }
  .hmf-text-decoration-l-solid {
    text-decoration: solid;
  }
  .hmf-text-decoration-l-underline {
    text-decoration: underline;
  }
  .hmf-text-decoration-l-wavy {
    text-decoration: wavy;
  }
  .hmf-text-transform-l-capitalize {
    text-transform: capitalize;
  }
  .hmf-text-transform-l-lowercase {
    text-transform: lowercase;
  }
  .hmf-text-transform-l-uppercase {
    text-transform: uppercase;
  }
  .hmf-text-transform-l-none {
    text-transform: none;
  }
  .hmf-text-transform-l-inherit {
    text-transform: inherit;
  }
  .hmf-text-transform-l-initial {
    text-transform: initial;
  }
  .hmf-text-transform-l-unset {
    text-transform: unset;
  }
  .hmf-text-align-l-unset {
    text-align: unset;
  }
  .hmf-text-align-l-revert {
    text-align: revert;
  }
  .hmf-text-align-l-initial {
    text-align: initial;
  }
  .hmf-text-align-l-start {
    text-align: start;
  }
  .hmf-text-align-l-end {
    text-align: end;
  }
  .hmf-text-align-l-left {
    text-align: left;
  }
  .hmf-text-align-l-right {
    text-align: right;
  }
  .hmf-text-align-l-center {
    text-align: center;
  }
  .hmf-text-align-l-justify {
    text-align: justify;
  }
}
@media (min-width: 1280px) {
  .hmf-display-outline-xlg-xxl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-xlg-xl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-xlg-l {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-xlg-m {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-xlg-s {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-xlg-xs {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xlg-xxl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xlg-xl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xlg-l {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xlg-m {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xlg-s {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xlg-xs {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-header-xlg-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-xlg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-xlg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-xlg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-xlg-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-xlg-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-xlg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-xlg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-xlg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-xlg-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-subheader-xlg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .hmf-subheader-xlg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .hmf-subheader-xlg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .hmf-subheader-bold-xlg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .hmf-subheader-bold-xlg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .hmf-subheader-bold-xlg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .hmf-label-xlg-l {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-l) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-xlg-m {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-m) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-xlg-s {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-s) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-xlg-xs {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-xs) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-body-xlg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
    text-transform: none !important;
  }
  .hmf-body-xlg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
    text-transform: none !important;
  }
  .hmf-body-xlg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
    text-transform: none !important;
  }
  .hmf-body-bold-xlg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
  }
  .hmf-body-bold-xlg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
  }
  .hmf-body-bold-xlg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
  }
  .hmf-legal-xlg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-s) !important;
  }
  .hmf-legal-xlg-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-xs) !important;
  }
  .hmf-text-decoration-xlg-dashed {
    text-decoration: dashed;
  }
  .hmf-text-decoration-xlg-dotted {
    text-decoration: dotted;
  }
  .hmf-text-decoration-xlg-double {
    text-decoration: double;
  }
  .hmf-text-decoration-xlg-linethrough {
    text-decoration: line-through;
  }
  .hmf-text-decoration-xlg-none {
    text-decoration: none;
  }
  .hmf-text-decoration-xlg-overline {
    text-decoration: overline;
  }
  .hmf-text-decoration-xlg-solid {
    text-decoration: solid;
  }
  .hmf-text-decoration-xlg-underline {
    text-decoration: underline;
  }
  .hmf-text-decoration-xlg-wavy {
    text-decoration: wavy;
  }
  .hmf-text-transform-xlg-capitalize {
    text-transform: capitalize;
  }
  .hmf-text-transform-xlg-lowercase {
    text-transform: lowercase;
  }
  .hmf-text-transform-xlg-uppercase {
    text-transform: uppercase;
  }
  .hmf-text-transform-xlg-none {
    text-transform: none;
  }
  .hmf-text-transform-xlg-inherit {
    text-transform: inherit;
  }
  .hmf-text-transform-xlg-initial {
    text-transform: initial;
  }
  .hmf-text-transform-xlg-unset {
    text-transform: unset;
  }
  .hmf-text-align-xlg-unset {
    text-align: unset;
  }
  .hmf-text-align-xlg-revert {
    text-align: revert;
  }
  .hmf-text-align-xlg-initial {
    text-align: initial;
  }
  .hmf-text-align-xlg-start {
    text-align: start;
  }
  .hmf-text-align-xlg-end {
    text-align: end;
  }
  .hmf-text-align-xlg-left {
    text-align: left;
  }
  .hmf-text-align-xlg-right {
    text-align: right;
  }
  .hmf-text-align-xlg-center {
    text-align: center;
  }
  .hmf-text-align-xlg-justify {
    text-align: justify;
  }
}
@media (min-width: 1440px) {
  .hmf-display-outline-xl-xxl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-xl-xl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-xl-l {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-xl-m {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-xl-s {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-xl-xs {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xl-xxl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xl-xl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xl-l {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xl-m {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xl-s {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xl-xs {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-header-xl-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-xl-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-xl-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-xl-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-xl-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-xl-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-xl-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-xl-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-xl-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-xl-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-subheader-xl-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .hmf-subheader-xl-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .hmf-subheader-xl-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .hmf-subheader-bold-xl-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .hmf-subheader-bold-xl-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .hmf-subheader-bold-xl-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .hmf-label-xl-l {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-l) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-xl-m {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-m) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-xl-s {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-s) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-xl-xs {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-xs) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-body-xl-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
    text-transform: none !important;
  }
  .hmf-body-xl-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
    text-transform: none !important;
  }
  .hmf-body-xl-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
    text-transform: none !important;
  }
  .hmf-body-bold-xl-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
  }
  .hmf-body-bold-xl-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
  }
  .hmf-body-bold-xl-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
  }
  .hmf-legal-xl-s {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-s) !important;
  }
  .hmf-legal-xl-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-xs) !important;
  }
  .hmf-text-decoration-xl-dashed {
    text-decoration: dashed;
  }
  .hmf-text-decoration-xl-dotted {
    text-decoration: dotted;
  }
  .hmf-text-decoration-xl-double {
    text-decoration: double;
  }
  .hmf-text-decoration-xl-linethrough {
    text-decoration: line-through;
  }
  .hmf-text-decoration-xl-none {
    text-decoration: none;
  }
  .hmf-text-decoration-xl-overline {
    text-decoration: overline;
  }
  .hmf-text-decoration-xl-solid {
    text-decoration: solid;
  }
  .hmf-text-decoration-xl-underline {
    text-decoration: underline;
  }
  .hmf-text-decoration-xl-wavy {
    text-decoration: wavy;
  }
  .hmf-text-transform-xl-capitalize {
    text-transform: capitalize;
  }
  .hmf-text-transform-xl-lowercase {
    text-transform: lowercase;
  }
  .hmf-text-transform-xl-uppercase {
    text-transform: uppercase;
  }
  .hmf-text-transform-xl-none {
    text-transform: none;
  }
  .hmf-text-transform-xl-inherit {
    text-transform: inherit;
  }
  .hmf-text-transform-xl-initial {
    text-transform: initial;
  }
  .hmf-text-transform-xl-unset {
    text-transform: unset;
  }
  .hmf-text-align-xl-unset {
    text-align: unset;
  }
  .hmf-text-align-xl-revert {
    text-align: revert;
  }
  .hmf-text-align-xl-initial {
    text-align: initial;
  }
  .hmf-text-align-xl-start {
    text-align: start;
  }
  .hmf-text-align-xl-end {
    text-align: end;
  }
  .hmf-text-align-xl-left {
    text-align: left;
  }
  .hmf-text-align-xl-right {
    text-align: right;
  }
  .hmf-text-align-xl-center {
    text-align: center;
  }
  .hmf-text-align-xl-justify {
    text-align: justify;
  }
}
@media (min-width: 1440px) {
  .hmf-display-outline-xxlg-xxl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-xxlg-xl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-xxlg-l {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-xxlg-m {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-xxlg-s {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-xxlg-xs {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xxlg-xxl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xxlg-xl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xxlg-l {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xxlg-m {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xxlg-s {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xxlg-xs {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-header-xxlg-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-xxlg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-xxlg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-xxlg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-xxlg-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-xxlg-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-xxlg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-xxlg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-xxlg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-xxlg-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-subheader-xxlg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .hmf-subheader-xxlg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .hmf-subheader-xxlg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .hmf-subheader-bold-xxlg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .hmf-subheader-bold-xxlg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .hmf-subheader-bold-xxlg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .hmf-label-xxlg-l {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-l) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-xxlg-m {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-m) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-xxlg-s {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-s) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-xxlg-xs {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-xs) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-body-xxlg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
    text-transform: none !important;
  }
  .hmf-body-xxlg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
    text-transform: none !important;
  }
  .hmf-body-xxlg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
    text-transform: none !important;
  }
  .hmf-body-bold-xxlg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
  }
  .hmf-body-bold-xxlg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
  }
  .hmf-body-bold-xxlg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
  }
  .hmf-legal-xxlg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-s) !important;
  }
  .hmf-legal-xxlg-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-xs) !important;
  }
  .hmf-text-decoration-xxlg-dashed {
    text-decoration: dashed;
  }
  .hmf-text-decoration-xxlg-dotted {
    text-decoration: dotted;
  }
  .hmf-text-decoration-xxlg-double {
    text-decoration: double;
  }
  .hmf-text-decoration-xxlg-linethrough {
    text-decoration: line-through;
  }
  .hmf-text-decoration-xxlg-none {
    text-decoration: none;
  }
  .hmf-text-decoration-xxlg-overline {
    text-decoration: overline;
  }
  .hmf-text-decoration-xxlg-solid {
    text-decoration: solid;
  }
  .hmf-text-decoration-xxlg-underline {
    text-decoration: underline;
  }
  .hmf-text-decoration-xxlg-wavy {
    text-decoration: wavy;
  }
  .hmf-text-transform-xxlg-capitalize {
    text-transform: capitalize;
  }
  .hmf-text-transform-xxlg-lowercase {
    text-transform: lowercase;
  }
  .hmf-text-transform-xxlg-uppercase {
    text-transform: uppercase;
  }
  .hmf-text-transform-xxlg-none {
    text-transform: none;
  }
  .hmf-text-transform-xxlg-inherit {
    text-transform: inherit;
  }
  .hmf-text-transform-xxlg-initial {
    text-transform: initial;
  }
  .hmf-text-transform-xxlg-unset {
    text-transform: unset;
  }
  .hmf-text-align-xxlg-unset {
    text-align: unset;
  }
  .hmf-text-align-xxlg-revert {
    text-align: revert;
  }
  .hmf-text-align-xxlg-initial {
    text-align: initial;
  }
  .hmf-text-align-xxlg-start {
    text-align: start;
  }
  .hmf-text-align-xxlg-end {
    text-align: end;
  }
  .hmf-text-align-xxlg-left {
    text-align: left;
  }
  .hmf-text-align-xxlg-right {
    text-align: right;
  }
  .hmf-text-align-xxlg-center {
    text-align: center;
  }
  .hmf-text-align-xxlg-justify {
    text-align: justify;
  }
}
:root {
  font-size: 10px;
  font-style: normal;
}

:root {
  --hmf-fast: 0.2s;
  --hmf-medium: 0.4s;
  --hmf-slow: 0.6s;
  --hmf-linear-slow: var(--hmf-slow) linear;
  --hmf-linear-medium: var(--hmf-medium) linear;
  --hmf-linear-fast: var(--hmf-fast) linear;
  --hmf-ease-slow: var(--hmf-slow) ease;
  --hmf-ease-medium: var(--hmf-medium) ease;
  --hmf-ease-fast: var(--hmf-fast) ease;
  --hmf-ease-in-out-slow: var(--hmf-slow) ease-in-out;
  --hmf-ease-in-out-fast: var(--hmf-fast) ease-in-out;
  --hmf-ease-in-slow: var(--hmf-slow) ease-in;
  --hmf-ease-in-medium: var(--hmf-medium) ease-in;
  --hmf-ease-in-fast: var(--hmf-fast) ease-in;
  --hmf-ease-out-slow: var(--hmf-slow) ease-out;
  --hmf-ease-out-medium: var(--hmf-medium) ease-out;
  --hmf-ease-out-fast: var(--hmf-fast) ease-out;
}

/** @format */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/** @format */
/** @format */
.hmf-col {
  box-sizing: border-box;
  padding-left: 12px;
  padding-right: 12px;
  padding-left: 12px;
  padding-right: 12px;
}

@media (min-width: 375px) {
  .hmf-col {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 375px) {
  .hmf-col {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 480px) {
  .hmf-col {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 768px) {
  .hmf-col {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 768px) {
  .hmf-col {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 1024px) {
  .hmf-col {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 1280px) {
  .hmf-col {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 1280px) {
  .hmf-col {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 1440px) {
  .hmf-col {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 1440px) {
  .hmf-col {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.hmf-grid {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
}

.hmf-grid > hr {
  border: 0 !important;
  content: "" !important;
  font-size: 0 !important;
  height: 0 !important;
  width: 100% !important;
}

.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

.hmf-span-xs-0 {
  width: 0% !important;
}

.hmf-offset-xs-0 {
  margin-left: 0% !important;
  margin-right: 0% !important;
}

.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

.hmf-span-xs-1 {
  width: 8.3333333333% !important;
}

.hmf-offset-xs-1 {
  margin-left: 8.3333333333% !important;
  margin-right: 8.3333333333% !important;
}

.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

.hmf-span-xs-2 {
  width: 16.6666666667% !important;
}

.hmf-offset-xs-2 {
  margin-left: 16.6666666667% !important;
  margin-right: 16.6666666667% !important;
}

.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

.hmf-span-xs-3 {
  width: 25% !important;
}

.hmf-offset-xs-3 {
  margin-left: 25% !important;
  margin-right: 25% !important;
}

.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

.hmf-span-xs-4 {
  width: 33.3333333333% !important;
}

.hmf-offset-xs-4 {
  margin-left: 33.3333333333% !important;
  margin-right: 33.3333333333% !important;
}

.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

.hmf-span-xs-5 {
  width: 41.6666666667% !important;
}

.hmf-offset-xs-5 {
  margin-left: 41.6666666667% !important;
  margin-right: 41.6666666667% !important;
}

.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

.hmf-span-xs-6 {
  width: 50% !important;
}

.hmf-offset-xs-6 {
  margin-left: 50% !important;
  margin-right: 50% !important;
}

.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

.hmf-span-xs-7 {
  width: 58.3333333333% !important;
}

.hmf-offset-xs-7 {
  margin-left: 58.3333333333% !important;
  margin-right: 58.3333333333% !important;
}

.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

.hmf-span-xs-8 {
  width: 66.6666666667% !important;
}

.hmf-offset-xs-8 {
  margin-left: 66.6666666667% !important;
  margin-right: 66.6666666667% !important;
}

.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

.hmf-span-xs-9 {
  width: 75% !important;
}

.hmf-offset-xs-9 {
  margin-left: 75% !important;
  margin-right: 75% !important;
}

.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

.hmf-span-xs-10 {
  width: 83.3333333333% !important;
}

.hmf-offset-xs-10 {
  margin-left: 83.3333333333% !important;
  margin-right: 83.3333333333% !important;
}

.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

.hmf-span-xs-11 {
  width: 91.6666666667% !important;
}

.hmf-offset-xs-11 {
  margin-left: 91.6666666667% !important;
  margin-right: 91.6666666667% !important;
}

.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

.hmf-span-xs-12 {
  width: 100% !important;
}

.hmf-offset-xs-12 {
  margin-left: 100% !important;
  margin-right: 100% !important;
}

.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

.hmf-span-xxsm-0 {
  width: 0% !important;
}

.hmf-offset-xxsm-0 {
  margin-left: 0% !important;
  margin-right: 0% !important;
}

.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

.hmf-span-xxsm-1 {
  width: 8.3333333333% !important;
}

.hmf-offset-xxsm-1 {
  margin-left: 8.3333333333% !important;
  margin-right: 8.3333333333% !important;
}

.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

.hmf-span-xxsm-2 {
  width: 16.6666666667% !important;
}

.hmf-offset-xxsm-2 {
  margin-left: 16.6666666667% !important;
  margin-right: 16.6666666667% !important;
}

.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

.hmf-span-xxsm-3 {
  width: 25% !important;
}

.hmf-offset-xxsm-3 {
  margin-left: 25% !important;
  margin-right: 25% !important;
}

.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

.hmf-span-xxsm-4 {
  width: 33.3333333333% !important;
}

.hmf-offset-xxsm-4 {
  margin-left: 33.3333333333% !important;
  margin-right: 33.3333333333% !important;
}

.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

.hmf-span-xxsm-5 {
  width: 41.6666666667% !important;
}

.hmf-offset-xxsm-5 {
  margin-left: 41.6666666667% !important;
  margin-right: 41.6666666667% !important;
}

.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

.hmf-span-xxsm-6 {
  width: 50% !important;
}

.hmf-offset-xxsm-6 {
  margin-left: 50% !important;
  margin-right: 50% !important;
}

.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

.hmf-span-xxsm-7 {
  width: 58.3333333333% !important;
}

.hmf-offset-xxsm-7 {
  margin-left: 58.3333333333% !important;
  margin-right: 58.3333333333% !important;
}

.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

.hmf-span-xxsm-8 {
  width: 66.6666666667% !important;
}

.hmf-offset-xxsm-8 {
  margin-left: 66.6666666667% !important;
  margin-right: 66.6666666667% !important;
}

.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

.hmf-span-xxsm-9 {
  width: 75% !important;
}

.hmf-offset-xxsm-9 {
  margin-left: 75% !important;
  margin-right: 75% !important;
}

.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

.hmf-span-xxsm-10 {
  width: 83.3333333333% !important;
}

.hmf-offset-xxsm-10 {
  margin-left: 83.3333333333% !important;
  margin-right: 83.3333333333% !important;
}

.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

.hmf-span-xxsm-11 {
  width: 91.6666666667% !important;
}

.hmf-offset-xxsm-11 {
  margin-left: 91.6666666667% !important;
  margin-right: 91.6666666667% !important;
}

.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

.hmf-span-xxsm-12 {
  width: 100% !important;
}

.hmf-offset-xxsm-12 {
  margin-left: 100% !important;
  margin-right: 100% !important;
}

.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

@media (min-width: 375px) {
  .hmf-span-s-0 {
    width: 0% !important;
  }
  .hmf-offset-s-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

@media (min-width: 375px) {
  .hmf-span-s-1 {
    width: 8.3333333333% !important;
  }
  .hmf-offset-s-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

@media (min-width: 375px) {
  .hmf-span-s-2 {
    width: 16.6666666667% !important;
  }
  .hmf-offset-s-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

@media (min-width: 375px) {
  .hmf-span-s-3 {
    width: 25% !important;
  }
  .hmf-offset-s-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

@media (min-width: 375px) {
  .hmf-span-s-4 {
    width: 33.3333333333% !important;
  }
  .hmf-offset-s-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

@media (min-width: 375px) {
  .hmf-span-s-5 {
    width: 41.6666666667% !important;
  }
  .hmf-offset-s-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

@media (min-width: 375px) {
  .hmf-span-s-6 {
    width: 50% !important;
  }
  .hmf-offset-s-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

@media (min-width: 375px) {
  .hmf-span-s-7 {
    width: 58.3333333333% !important;
  }
  .hmf-offset-s-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

@media (min-width: 375px) {
  .hmf-span-s-8 {
    width: 66.6666666667% !important;
  }
  .hmf-offset-s-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

@media (min-width: 375px) {
  .hmf-span-s-9 {
    width: 75% !important;
  }
  .hmf-offset-s-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

@media (min-width: 375px) {
  .hmf-span-s-10 {
    width: 83.3333333333% !important;
  }
  .hmf-offset-s-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

@media (min-width: 375px) {
  .hmf-span-s-11 {
    width: 91.6666666667% !important;
  }
  .hmf-offset-s-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

@media (min-width: 375px) {
  .hmf-span-s-12 {
    width: 100% !important;
  }
  .hmf-offset-s-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-0 {
    width: 0% !important;
  }
  .hmf-offset-xsm-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-1 {
    width: 8.3333333333% !important;
  }
  .hmf-offset-xsm-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-2 {
    width: 16.6666666667% !important;
  }
  .hmf-offset-xsm-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-3 {
    width: 25% !important;
  }
  .hmf-offset-xsm-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-4 {
    width: 33.3333333333% !important;
  }
  .hmf-offset-xsm-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-5 {
    width: 41.6666666667% !important;
  }
  .hmf-offset-xsm-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-6 {
    width: 50% !important;
  }
  .hmf-offset-xsm-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-7 {
    width: 58.3333333333% !important;
  }
  .hmf-offset-xsm-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-8 {
    width: 66.6666666667% !important;
  }
  .hmf-offset-xsm-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-9 {
    width: 75% !important;
  }
  .hmf-offset-xsm-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-10 {
    width: 83.3333333333% !important;
  }
  .hmf-offset-xsm-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-11 {
    width: 91.6666666667% !important;
  }
  .hmf-offset-xsm-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-12 {
    width: 100% !important;
  }
  .hmf-offset-xsm-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

@media (min-width: 480px) {
  .hmf-span-sm-0 {
    width: 0% !important;
  }
  .hmf-offset-sm-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

@media (min-width: 480px) {
  .hmf-span-sm-1 {
    width: 8.3333333333% !important;
  }
  .hmf-offset-sm-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

@media (min-width: 480px) {
  .hmf-span-sm-2 {
    width: 16.6666666667% !important;
  }
  .hmf-offset-sm-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

@media (min-width: 480px) {
  .hmf-span-sm-3 {
    width: 25% !important;
  }
  .hmf-offset-sm-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

@media (min-width: 480px) {
  .hmf-span-sm-4 {
    width: 33.3333333333% !important;
  }
  .hmf-offset-sm-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

@media (min-width: 480px) {
  .hmf-span-sm-5 {
    width: 41.6666666667% !important;
  }
  .hmf-offset-sm-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

@media (min-width: 480px) {
  .hmf-span-sm-6 {
    width: 50% !important;
  }
  .hmf-offset-sm-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

@media (min-width: 480px) {
  .hmf-span-sm-7 {
    width: 58.3333333333% !important;
  }
  .hmf-offset-sm-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

@media (min-width: 480px) {
  .hmf-span-sm-8 {
    width: 66.6666666667% !important;
  }
  .hmf-offset-sm-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

@media (min-width: 480px) {
  .hmf-span-sm-9 {
    width: 75% !important;
  }
  .hmf-offset-sm-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

@media (min-width: 480px) {
  .hmf-span-sm-10 {
    width: 83.3333333333% !important;
  }
  .hmf-offset-sm-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

@media (min-width: 480px) {
  .hmf-span-sm-11 {
    width: 91.6666666667% !important;
  }
  .hmf-offset-sm-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

@media (min-width: 480px) {
  .hmf-span-sm-12 {
    width: 100% !important;
  }
  .hmf-offset-sm-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

@media (min-width: 768px) {
  .hmf-span-m-0 {
    width: 0% !important;
  }
  .hmf-offset-m-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

@media (min-width: 768px) {
  .hmf-span-m-1 {
    width: 8.3333333333% !important;
  }
  .hmf-offset-m-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

@media (min-width: 768px) {
  .hmf-span-m-2 {
    width: 16.6666666667% !important;
  }
  .hmf-offset-m-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

@media (min-width: 768px) {
  .hmf-span-m-3 {
    width: 25% !important;
  }
  .hmf-offset-m-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

@media (min-width: 768px) {
  .hmf-span-m-4 {
    width: 33.3333333333% !important;
  }
  .hmf-offset-m-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

@media (min-width: 768px) {
  .hmf-span-m-5 {
    width: 41.6666666667% !important;
  }
  .hmf-offset-m-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

@media (min-width: 768px) {
  .hmf-span-m-6 {
    width: 50% !important;
  }
  .hmf-offset-m-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

@media (min-width: 768px) {
  .hmf-span-m-7 {
    width: 58.3333333333% !important;
  }
  .hmf-offset-m-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

@media (min-width: 768px) {
  .hmf-span-m-8 {
    width: 66.6666666667% !important;
  }
  .hmf-offset-m-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

@media (min-width: 768px) {
  .hmf-span-m-9 {
    width: 75% !important;
  }
  .hmf-offset-m-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

@media (min-width: 768px) {
  .hmf-span-m-10 {
    width: 83.3333333333% !important;
  }
  .hmf-offset-m-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

@media (min-width: 768px) {
  .hmf-span-m-11 {
    width: 91.6666666667% !important;
  }
  .hmf-offset-m-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

@media (min-width: 768px) {
  .hmf-span-m-12 {
    width: 100% !important;
  }
  .hmf-offset-m-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

@media (min-width: 768px) {
  .hmf-span-md-0 {
    width: 0% !important;
  }
  .hmf-offset-md-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

@media (min-width: 768px) {
  .hmf-span-md-1 {
    width: 8.3333333333% !important;
  }
  .hmf-offset-md-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

@media (min-width: 768px) {
  .hmf-span-md-2 {
    width: 16.6666666667% !important;
  }
  .hmf-offset-md-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

@media (min-width: 768px) {
  .hmf-span-md-3 {
    width: 25% !important;
  }
  .hmf-offset-md-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

@media (min-width: 768px) {
  .hmf-span-md-4 {
    width: 33.3333333333% !important;
  }
  .hmf-offset-md-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

@media (min-width: 768px) {
  .hmf-span-md-5 {
    width: 41.6666666667% !important;
  }
  .hmf-offset-md-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

@media (min-width: 768px) {
  .hmf-span-md-6 {
    width: 50% !important;
  }
  .hmf-offset-md-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

@media (min-width: 768px) {
  .hmf-span-md-7 {
    width: 58.3333333333% !important;
  }
  .hmf-offset-md-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

@media (min-width: 768px) {
  .hmf-span-md-8 {
    width: 66.6666666667% !important;
  }
  .hmf-offset-md-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

@media (min-width: 768px) {
  .hmf-span-md-9 {
    width: 75% !important;
  }
  .hmf-offset-md-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

@media (min-width: 768px) {
  .hmf-span-md-10 {
    width: 83.3333333333% !important;
  }
  .hmf-offset-md-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

@media (min-width: 768px) {
  .hmf-span-md-11 {
    width: 91.6666666667% !important;
  }
  .hmf-offset-md-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

@media (min-width: 768px) {
  .hmf-span-md-12 {
    width: 100% !important;
  }
  .hmf-offset-md-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-0 {
    width: 0% !important;
  }
  .hmf-offset-lg-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-1 {
    width: 8.3333333333% !important;
  }
  .hmf-offset-lg-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-2 {
    width: 16.6666666667% !important;
  }
  .hmf-offset-lg-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-3 {
    width: 25% !important;
  }
  .hmf-offset-lg-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-4 {
    width: 33.3333333333% !important;
  }
  .hmf-offset-lg-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-5 {
    width: 41.6666666667% !important;
  }
  .hmf-offset-lg-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-6 {
    width: 50% !important;
  }
  .hmf-offset-lg-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-7 {
    width: 58.3333333333% !important;
  }
  .hmf-offset-lg-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-8 {
    width: 66.6666666667% !important;
  }
  .hmf-offset-lg-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-9 {
    width: 75% !important;
  }
  .hmf-offset-lg-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-10 {
    width: 83.3333333333% !important;
  }
  .hmf-offset-lg-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-11 {
    width: 91.6666666667% !important;
  }
  .hmf-offset-lg-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-12 {
    width: 100% !important;
  }
  .hmf-offset-lg-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

@media (min-width: 1280px) {
  .hmf-span-l-0 {
    width: 0% !important;
  }
  .hmf-offset-l-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

@media (min-width: 1280px) {
  .hmf-span-l-1 {
    width: 8.3333333333% !important;
  }
  .hmf-offset-l-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

@media (min-width: 1280px) {
  .hmf-span-l-2 {
    width: 16.6666666667% !important;
  }
  .hmf-offset-l-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

@media (min-width: 1280px) {
  .hmf-span-l-3 {
    width: 25% !important;
  }
  .hmf-offset-l-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

@media (min-width: 1280px) {
  .hmf-span-l-4 {
    width: 33.3333333333% !important;
  }
  .hmf-offset-l-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

@media (min-width: 1280px) {
  .hmf-span-l-5 {
    width: 41.6666666667% !important;
  }
  .hmf-offset-l-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

@media (min-width: 1280px) {
  .hmf-span-l-6 {
    width: 50% !important;
  }
  .hmf-offset-l-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

@media (min-width: 1280px) {
  .hmf-span-l-7 {
    width: 58.3333333333% !important;
  }
  .hmf-offset-l-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

@media (min-width: 1280px) {
  .hmf-span-l-8 {
    width: 66.6666666667% !important;
  }
  .hmf-offset-l-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

@media (min-width: 1280px) {
  .hmf-span-l-9 {
    width: 75% !important;
  }
  .hmf-offset-l-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

@media (min-width: 1280px) {
  .hmf-span-l-10 {
    width: 83.3333333333% !important;
  }
  .hmf-offset-l-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

@media (min-width: 1280px) {
  .hmf-span-l-11 {
    width: 91.6666666667% !important;
  }
  .hmf-offset-l-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

@media (min-width: 1280px) {
  .hmf-span-l-12 {
    width: 100% !important;
  }
  .hmf-offset-l-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-0 {
    width: 0% !important;
  }
  .hmf-offset-xlg-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-1 {
    width: 8.3333333333% !important;
  }
  .hmf-offset-xlg-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-2 {
    width: 16.6666666667% !important;
  }
  .hmf-offset-xlg-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-3 {
    width: 25% !important;
  }
  .hmf-offset-xlg-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-4 {
    width: 33.3333333333% !important;
  }
  .hmf-offset-xlg-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-5 {
    width: 41.6666666667% !important;
  }
  .hmf-offset-xlg-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-6 {
    width: 50% !important;
  }
  .hmf-offset-xlg-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-7 {
    width: 58.3333333333% !important;
  }
  .hmf-offset-xlg-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-8 {
    width: 66.6666666667% !important;
  }
  .hmf-offset-xlg-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-9 {
    width: 75% !important;
  }
  .hmf-offset-xlg-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-10 {
    width: 83.3333333333% !important;
  }
  .hmf-offset-xlg-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-11 {
    width: 91.6666666667% !important;
  }
  .hmf-offset-xlg-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-12 {
    width: 100% !important;
  }
  .hmf-offset-xlg-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-0 {
    width: 0% !important;
  }
  .hmf-offset-xl-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-1 {
    width: 8.3333333333% !important;
  }
  .hmf-offset-xl-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-2 {
    width: 16.6666666667% !important;
  }
  .hmf-offset-xl-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-3 {
    width: 25% !important;
  }
  .hmf-offset-xl-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-4 {
    width: 33.3333333333% !important;
  }
  .hmf-offset-xl-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-5 {
    width: 41.6666666667% !important;
  }
  .hmf-offset-xl-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-6 {
    width: 50% !important;
  }
  .hmf-offset-xl-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-7 {
    width: 58.3333333333% !important;
  }
  .hmf-offset-xl-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-8 {
    width: 66.6666666667% !important;
  }
  .hmf-offset-xl-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-9 {
    width: 75% !important;
  }
  .hmf-offset-xl-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-10 {
    width: 83.3333333333% !important;
  }
  .hmf-offset-xl-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-11 {
    width: 91.6666666667% !important;
  }
  .hmf-offset-xl-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-12 {
    width: 100% !important;
  }
  .hmf-offset-xl-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-0 {
    width: 0% !important;
  }
  .hmf-offset-xxlg-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-1 {
    width: 8.3333333333% !important;
  }
  .hmf-offset-xxlg-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-2 {
    width: 16.6666666667% !important;
  }
  .hmf-offset-xxlg-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-3 {
    width: 25% !important;
  }
  .hmf-offset-xxlg-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-4 {
    width: 33.3333333333% !important;
  }
  .hmf-offset-xxlg-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-5 {
    width: 41.6666666667% !important;
  }
  .hmf-offset-xxlg-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-6 {
    width: 50% !important;
  }
  .hmf-offset-xxlg-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-7 {
    width: 58.3333333333% !important;
  }
  .hmf-offset-xxlg-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-8 {
    width: 66.6666666667% !important;
  }
  .hmf-offset-xxlg-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-9 {
    width: 75% !important;
  }
  .hmf-offset-xxlg-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-10 {
    width: 83.3333333333% !important;
  }
  .hmf-offset-xxlg-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-11 {
    width: 91.6666666667% !important;
  }
  .hmf-offset-xxlg-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-12 {
    width: 100% !important;
  }
  .hmf-offset-xxlg-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.page {
  padding-left: 16px;
  padding-right: 16px;
}

@media (min-width: 375px) {
  .page {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (min-width: 768px) {
  .page {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (min-width: 1280px) {
  .page {
    padding-left: 28px;
    padding-right: 28px;
  }
}
@media (min-width: 1440px) {
  .page {
    padding-left: 40px;
    padding-right: 40px;
  }
}
/** @format */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/** @format */
/** @format */
.hmf-m-auto {
  margin: auto !important;
}

.hmf-mt-auto,
.hmf-my-auto {
  margin-top: auto !important;
}

.hmf-mr-auto,
.hmf-mx-auto {
  margin-right: auto !important;
}

.hmf-mb-auto,
.hmf-my-auto {
  margin-bottom: auto !important;
}

.hmf-ml-auto,
.hmf-mx-auto {
  margin-left: auto !important;
}

.hmf-m-0 {
  margin: 0px !important;
}

.hmf-mt-0,
.hmf-my-0 {
  margin-top: 0px !important;
}

.hmf-mr-0,
.hmf-mx-0 {
  margin-right: 0px !important;
}

.hmf-mb-0,
.hmf-my-0 {
  margin-bottom: 0px !important;
}

.hmf-ml-0,
.hmf-mx-0 {
  margin-left: 0px !important;
}

.hmf-m-xxxs {
  margin: 4px !important;
}

.hmf-mt-xxxs,
.hmf-my-xxxs {
  margin-top: 4px !important;
}

.hmf-mr-xxxs,
.hmf-mx-xxxs {
  margin-right: 4px !important;
}

.hmf-mb-xxxs,
.hmf-my-xxxs {
  margin-bottom: 4px !important;
}

.hmf-ml-xxxs,
.hmf-mx-xxxs {
  margin-left: 4px !important;
}

.hmf-m-xxs {
  margin: 8px !important;
}

.hmf-mt-xxs,
.hmf-my-xxs {
  margin-top: 8px !important;
}

.hmf-mr-xxs,
.hmf-mx-xxs {
  margin-right: 8px !important;
}

.hmf-mb-xxs,
.hmf-my-xxs {
  margin-bottom: 8px !important;
}

.hmf-ml-xxs,
.hmf-mx-xxs {
  margin-left: 8px !important;
}

.hmf-m-xs {
  margin: 12px !important;
}

.hmf-mt-xs,
.hmf-my-xs {
  margin-top: 12px !important;
}

.hmf-mr-xs,
.hmf-mx-xs {
  margin-right: 12px !important;
}

.hmf-mb-xs,
.hmf-my-xs {
  margin-bottom: 12px !important;
}

.hmf-ml-xs,
.hmf-mx-xs {
  margin-left: 12px !important;
}

.hmf-m-s {
  margin: 16px !important;
}

.hmf-mt-s,
.hmf-my-s {
  margin-top: 16px !important;
}

.hmf-mr-s,
.hmf-mx-s {
  margin-right: 16px !important;
}

.hmf-mb-s,
.hmf-my-s {
  margin-bottom: 16px !important;
}

.hmf-ml-s,
.hmf-mx-s {
  margin-left: 16px !important;
}

.hmf-m-m {
  margin: 24px !important;
}

.hmf-mt-m,
.hmf-my-m {
  margin-top: 24px !important;
}

.hmf-mr-m,
.hmf-mx-m {
  margin-right: 24px !important;
}

.hmf-mb-m,
.hmf-my-m {
  margin-bottom: 24px !important;
}

.hmf-ml-m,
.hmf-mx-m {
  margin-left: 24px !important;
}

.hmf-m-l {
  margin: 32px !important;
}

.hmf-mt-l,
.hmf-my-l {
  margin-top: 32px !important;
}

.hmf-mr-l,
.hmf-mx-l {
  margin-right: 32px !important;
}

.hmf-mb-l,
.hmf-my-l {
  margin-bottom: 32px !important;
}

.hmf-ml-l,
.hmf-mx-l {
  margin-left: 32px !important;
}

.hmf-m-xl {
  margin: 48px !important;
}

.hmf-mt-xl,
.hmf-my-xl {
  margin-top: 48px !important;
}

.hmf-mr-xl,
.hmf-mx-xl {
  margin-right: 48px !important;
}

.hmf-mb-xl,
.hmf-my-xl {
  margin-bottom: 48px !important;
}

.hmf-ml-xl,
.hmf-mx-xl {
  margin-left: 48px !important;
}

.hmf-m-xxl {
  margin: 72px !important;
}

.hmf-mt-xxl,
.hmf-my-xxl {
  margin-top: 72px !important;
}

.hmf-mr-xxl,
.hmf-mx-xxl {
  margin-right: 72px !important;
}

.hmf-mb-xxl,
.hmf-my-xxl {
  margin-bottom: 72px !important;
}

.hmf-ml-xxl,
.hmf-mx-xxl {
  margin-left: 72px !important;
}

.hmf-m-xxxl {
  margin: 96px !important;
}

.hmf-mt-xxxl,
.hmf-my-xxxl {
  margin-top: 96px !important;
}

.hmf-mr-xxxl,
.hmf-mx-xxxl {
  margin-right: 96px !important;
}

.hmf-mb-xxxl,
.hmf-my-xxxl {
  margin-bottom: 96px !important;
}

.hmf-ml-xxxl,
.hmf-mx-xxxl {
  margin-left: 96px !important;
}

.hmf-m-xxxxl {
  margin: 120px !important;
}

.hmf-mt-xxxxl,
.hmf-my-xxxxl {
  margin-top: 120px !important;
}

.hmf-mr-xxxxl,
.hmf-mx-xxxxl {
  margin-right: 120px !important;
}

.hmf-mb-xxxxl,
.hmf-my-xxxxl {
  margin-bottom: 120px !important;
}

.hmf-ml-xxxxl,
.hmf-mx-xxxxl {
  margin-left: 120px !important;
}

.hmf-p-auto {
  padding: auto !important;
}

.hmf-pt-auto,
.hmf-py-auto {
  padding-top: auto !important;
}

.hmf-pr-auto,
.hmf-px-auto {
  padding-right: auto !important;
}

.hmf-pb-auto,
.hmf-py-auto {
  padding-bottom: auto !important;
}

.hmf-pl-auto,
.hmf-px-auto {
  padding-left: auto !important;
}

.hmf-p-0 {
  padding: 0px !important;
}

.hmf-pt-0,
.hmf-py-0 {
  padding-top: 0px !important;
}

.hmf-pr-0,
.hmf-px-0 {
  padding-right: 0px !important;
}

.hmf-pb-0,
.hmf-py-0 {
  padding-bottom: 0px !important;
}

.hmf-pl-0,
.hmf-px-0 {
  padding-left: 0px !important;
}

.hmf-p-xxxs {
  padding: 4px !important;
}

.hmf-pt-xxxs,
.hmf-py-xxxs {
  padding-top: 4px !important;
}

.hmf-pr-xxxs,
.hmf-px-xxxs {
  padding-right: 4px !important;
}

.hmf-pb-xxxs,
.hmf-py-xxxs {
  padding-bottom: 4px !important;
}

.hmf-pl-xxxs,
.hmf-px-xxxs {
  padding-left: 4px !important;
}

.hmf-p-xxs {
  padding: 8px !important;
}

.hmf-pt-xxs,
.hmf-py-xxs {
  padding-top: 8px !important;
}

.hmf-pr-xxs,
.hmf-px-xxs {
  padding-right: 8px !important;
}

.hmf-pb-xxs,
.hmf-py-xxs {
  padding-bottom: 8px !important;
}

.hmf-pl-xxs,
.hmf-px-xxs {
  padding-left: 8px !important;
}

.hmf-p-xs {
  padding: 12px !important;
}

.hmf-pt-xs,
.hmf-py-xs {
  padding-top: 12px !important;
}

.hmf-pr-xs,
.hmf-px-xs {
  padding-right: 12px !important;
}

.hmf-pb-xs,
.hmf-py-xs {
  padding-bottom: 12px !important;
}

.hmf-pl-xs,
.hmf-px-xs {
  padding-left: 12px !important;
}

.hmf-p-s {
  padding: 16px !important;
}

.hmf-pt-s,
.hmf-py-s {
  padding-top: 16px !important;
}

.hmf-pr-s,
.hmf-px-s {
  padding-right: 16px !important;
}

.hmf-pb-s,
.hmf-py-s {
  padding-bottom: 16px !important;
}

.hmf-pl-s,
.hmf-px-s {
  padding-left: 16px !important;
}

.hmf-p-m {
  padding: 24px !important;
}

.hmf-pt-m,
.hmf-py-m {
  padding-top: 24px !important;
}

.hmf-pr-m,
.hmf-px-m {
  padding-right: 24px !important;
}

.hmf-pb-m,
.hmf-py-m {
  padding-bottom: 24px !important;
}

.hmf-pl-m,
.hmf-px-m {
  padding-left: 24px !important;
}

.hmf-p-l {
  padding: 32px !important;
}

.hmf-pt-l,
.hmf-py-l {
  padding-top: 32px !important;
}

.hmf-pr-l,
.hmf-px-l {
  padding-right: 32px !important;
}

.hmf-pb-l,
.hmf-py-l {
  padding-bottom: 32px !important;
}

.hmf-pl-l,
.hmf-px-l {
  padding-left: 32px !important;
}

.hmf-p-xl {
  padding: 48px !important;
}

.hmf-pt-xl,
.hmf-py-xl {
  padding-top: 48px !important;
}

.hmf-pr-xl,
.hmf-px-xl {
  padding-right: 48px !important;
}

.hmf-pb-xl,
.hmf-py-xl {
  padding-bottom: 48px !important;
}

.hmf-pl-xl,
.hmf-px-xl {
  padding-left: 48px !important;
}

.hmf-p-xxl {
  padding: 72px !important;
}

.hmf-pt-xxl,
.hmf-py-xxl {
  padding-top: 72px !important;
}

.hmf-pr-xxl,
.hmf-px-xxl {
  padding-right: 72px !important;
}

.hmf-pb-xxl,
.hmf-py-xxl {
  padding-bottom: 72px !important;
}

.hmf-pl-xxl,
.hmf-px-xxl {
  padding-left: 72px !important;
}

.hmf-p-xxxl {
  padding: 96px !important;
}

.hmf-pt-xxxl,
.hmf-py-xxxl {
  padding-top: 96px !important;
}

.hmf-pr-xxxl,
.hmf-px-xxxl {
  padding-right: 96px !important;
}

.hmf-pb-xxxl,
.hmf-py-xxxl {
  padding-bottom: 96px !important;
}

.hmf-pl-xxxl,
.hmf-px-xxxl {
  padding-left: 96px !important;
}

.hmf-p-xxxxl {
  padding: 120px !important;
}

.hmf-pt-xxxxl,
.hmf-py-xxxxl {
  padding-top: 120px !important;
}

.hmf-pr-xxxxl,
.hmf-px-xxxxl {
  padding-right: 120px !important;
}

.hmf-pb-xxxxl,
.hmf-py-xxxxl {
  padding-bottom: 120px !important;
}

.hmf-pl-xxxxl,
.hmf-px-xxxxl {
  padding-left: 120px !important;
}

.hmf-m-auto {
  margin: auto !important;
}

.hmf-mt-auto,
.hmf-my-auto {
  margin-top: auto !important;
}

.hmf-mr-auto,
.hmf-mx-auto {
  margin-right: auto !important;
}

.hmf-mb-auto,
.hmf-my-auto {
  margin-bottom: auto !important;
}

.hmf-ml-auto,
.hmf-mx-auto {
  margin-left: auto !important;
}

.hmf-m-auto {
  margin: auto !important;
}

.hmf-mt-auto,
.hmf-my-auto {
  margin-top: auto !important;
}

.hmf-mr-auto,
.hmf-mx-auto {
  margin-right: auto !important;
}

.hmf-mb-auto,
.hmf-my-auto {
  margin-bottom: auto !important;
}

.hmf-ml-auto,
.hmf-mx-auto {
  margin-left: auto !important;
}

.hmf-m-0 {
  margin: 0px !important;
}

.hmf-mt-0,
.hmf-my-0 {
  margin-top: 0px !important;
}

.hmf-mr-0,
.hmf-mx-0 {
  margin-right: 0px !important;
}

.hmf-mb-0,
.hmf-my-0 {
  margin-bottom: 0px !important;
}

.hmf-ml-0,
.hmf-mx-0 {
  margin-left: 0px !important;
}

.hmf-m-xxxs {
  margin: 4px !important;
}

.hmf-mt-xxxs,
.hmf-my-xxxs {
  margin-top: 4px !important;
}

.hmf-mr-xxxs,
.hmf-mx-xxxs {
  margin-right: 4px !important;
}

.hmf-mb-xxxs,
.hmf-my-xxxs {
  margin-bottom: 4px !important;
}

.hmf-ml-xxxs,
.hmf-mx-xxxs {
  margin-left: 4px !important;
}

.hmf-m-xxs {
  margin: 8px !important;
}

.hmf-mt-xxs,
.hmf-my-xxs {
  margin-top: 8px !important;
}

.hmf-mr-xxs,
.hmf-mx-xxs {
  margin-right: 8px !important;
}

.hmf-mb-xxs,
.hmf-my-xxs {
  margin-bottom: 8px !important;
}

.hmf-ml-xxs,
.hmf-mx-xxs {
  margin-left: 8px !important;
}

.hmf-m-xs {
  margin: 12px !important;
}

.hmf-mt-xs,
.hmf-my-xs {
  margin-top: 12px !important;
}

.hmf-mr-xs,
.hmf-mx-xs {
  margin-right: 12px !important;
}

.hmf-mb-xs,
.hmf-my-xs {
  margin-bottom: 12px !important;
}

.hmf-ml-xs,
.hmf-mx-xs {
  margin-left: 12px !important;
}

.hmf-m-s {
  margin: 16px !important;
}

.hmf-mt-s,
.hmf-my-s {
  margin-top: 16px !important;
}

.hmf-mr-s,
.hmf-mx-s {
  margin-right: 16px !important;
}

.hmf-mb-s,
.hmf-my-s {
  margin-bottom: 16px !important;
}

.hmf-ml-s,
.hmf-mx-s {
  margin-left: 16px !important;
}

.hmf-m-m {
  margin: 24px !important;
}

.hmf-mt-m,
.hmf-my-m {
  margin-top: 24px !important;
}

.hmf-mr-m,
.hmf-mx-m {
  margin-right: 24px !important;
}

.hmf-mb-m,
.hmf-my-m {
  margin-bottom: 24px !important;
}

.hmf-ml-m,
.hmf-mx-m {
  margin-left: 24px !important;
}

.hmf-m-l {
  margin: 32px !important;
}

.hmf-mt-l,
.hmf-my-l {
  margin-top: 32px !important;
}

.hmf-mr-l,
.hmf-mx-l {
  margin-right: 32px !important;
}

.hmf-mb-l,
.hmf-my-l {
  margin-bottom: 32px !important;
}

.hmf-ml-l,
.hmf-mx-l {
  margin-left: 32px !important;
}

.hmf-m-xl {
  margin: 48px !important;
}

.hmf-mt-xl,
.hmf-my-xl {
  margin-top: 48px !important;
}

.hmf-mr-xl,
.hmf-mx-xl {
  margin-right: 48px !important;
}

.hmf-mb-xl,
.hmf-my-xl {
  margin-bottom: 48px !important;
}

.hmf-ml-xl,
.hmf-mx-xl {
  margin-left: 48px !important;
}

.hmf-m-xxl {
  margin: 72px !important;
}

.hmf-mt-xxl,
.hmf-my-xxl {
  margin-top: 72px !important;
}

.hmf-mr-xxl,
.hmf-mx-xxl {
  margin-right: 72px !important;
}

.hmf-mb-xxl,
.hmf-my-xxl {
  margin-bottom: 72px !important;
}

.hmf-ml-xxl,
.hmf-mx-xxl {
  margin-left: 72px !important;
}

.hmf-m-xxxl {
  margin: 96px !important;
}

.hmf-mt-xxxl,
.hmf-my-xxxl {
  margin-top: 96px !important;
}

.hmf-mr-xxxl,
.hmf-mx-xxxl {
  margin-right: 96px !important;
}

.hmf-mb-xxxl,
.hmf-my-xxxl {
  margin-bottom: 96px !important;
}

.hmf-ml-xxxl,
.hmf-mx-xxxl {
  margin-left: 96px !important;
}

.hmf-m-xxxxl {
  margin: 120px !important;
}

.hmf-mt-xxxxl,
.hmf-my-xxxxl {
  margin-top: 120px !important;
}

.hmf-mr-xxxxl,
.hmf-mx-xxxxl {
  margin-right: 120px !important;
}

.hmf-mb-xxxxl,
.hmf-my-xxxxl {
  margin-bottom: 120px !important;
}

.hmf-ml-xxxxl,
.hmf-mx-xxxxl {
  margin-left: 120px !important;
}

.hmf-p-auto {
  padding: auto !important;
}

.hmf-pt-auto,
.hmf-py-auto {
  padding-top: auto !important;
}

.hmf-pr-auto,
.hmf-px-auto {
  padding-right: auto !important;
}

.hmf-pb-auto,
.hmf-py-auto {
  padding-bottom: auto !important;
}

.hmf-pl-auto,
.hmf-px-auto {
  padding-left: auto !important;
}

.hmf-p-0 {
  padding: 0px !important;
}

.hmf-pt-0,
.hmf-py-0 {
  padding-top: 0px !important;
}

.hmf-pr-0,
.hmf-px-0 {
  padding-right: 0px !important;
}

.hmf-pb-0,
.hmf-py-0 {
  padding-bottom: 0px !important;
}

.hmf-pl-0,
.hmf-px-0 {
  padding-left: 0px !important;
}

.hmf-p-xxxs {
  padding: 4px !important;
}

.hmf-pt-xxxs,
.hmf-py-xxxs {
  padding-top: 4px !important;
}

.hmf-pr-xxxs,
.hmf-px-xxxs {
  padding-right: 4px !important;
}

.hmf-pb-xxxs,
.hmf-py-xxxs {
  padding-bottom: 4px !important;
}

.hmf-pl-xxxs,
.hmf-px-xxxs {
  padding-left: 4px !important;
}

.hmf-p-xxs {
  padding: 8px !important;
}

.hmf-pt-xxs,
.hmf-py-xxs {
  padding-top: 8px !important;
}

.hmf-pr-xxs,
.hmf-px-xxs {
  padding-right: 8px !important;
}

.hmf-pb-xxs,
.hmf-py-xxs {
  padding-bottom: 8px !important;
}

.hmf-pl-xxs,
.hmf-px-xxs {
  padding-left: 8px !important;
}

.hmf-p-xs {
  padding: 12px !important;
}

.hmf-pt-xs,
.hmf-py-xs {
  padding-top: 12px !important;
}

.hmf-pr-xs,
.hmf-px-xs {
  padding-right: 12px !important;
}

.hmf-pb-xs,
.hmf-py-xs {
  padding-bottom: 12px !important;
}

.hmf-pl-xs,
.hmf-px-xs {
  padding-left: 12px !important;
}

.hmf-p-s {
  padding: 16px !important;
}

.hmf-pt-s,
.hmf-py-s {
  padding-top: 16px !important;
}

.hmf-pr-s,
.hmf-px-s {
  padding-right: 16px !important;
}

.hmf-pb-s,
.hmf-py-s {
  padding-bottom: 16px !important;
}

.hmf-pl-s,
.hmf-px-s {
  padding-left: 16px !important;
}

.hmf-p-m {
  padding: 24px !important;
}

.hmf-pt-m,
.hmf-py-m {
  padding-top: 24px !important;
}

.hmf-pr-m,
.hmf-px-m {
  padding-right: 24px !important;
}

.hmf-pb-m,
.hmf-py-m {
  padding-bottom: 24px !important;
}

.hmf-pl-m,
.hmf-px-m {
  padding-left: 24px !important;
}

.hmf-p-l {
  padding: 32px !important;
}

.hmf-pt-l,
.hmf-py-l {
  padding-top: 32px !important;
}

.hmf-pr-l,
.hmf-px-l {
  padding-right: 32px !important;
}

.hmf-pb-l,
.hmf-py-l {
  padding-bottom: 32px !important;
}

.hmf-pl-l,
.hmf-px-l {
  padding-left: 32px !important;
}

.hmf-p-xl {
  padding: 48px !important;
}

.hmf-pt-xl,
.hmf-py-xl {
  padding-top: 48px !important;
}

.hmf-pr-xl,
.hmf-px-xl {
  padding-right: 48px !important;
}

.hmf-pb-xl,
.hmf-py-xl {
  padding-bottom: 48px !important;
}

.hmf-pl-xl,
.hmf-px-xl {
  padding-left: 48px !important;
}

.hmf-p-xxl {
  padding: 72px !important;
}

.hmf-pt-xxl,
.hmf-py-xxl {
  padding-top: 72px !important;
}

.hmf-pr-xxl,
.hmf-px-xxl {
  padding-right: 72px !important;
}

.hmf-pb-xxl,
.hmf-py-xxl {
  padding-bottom: 72px !important;
}

.hmf-pl-xxl,
.hmf-px-xxl {
  padding-left: 72px !important;
}

.hmf-p-xxxl {
  padding: 96px !important;
}

.hmf-pt-xxxl,
.hmf-py-xxxl {
  padding-top: 96px !important;
}

.hmf-pr-xxxl,
.hmf-px-xxxl {
  padding-right: 96px !important;
}

.hmf-pb-xxxl,
.hmf-py-xxxl {
  padding-bottom: 96px !important;
}

.hmf-pl-xxxl,
.hmf-px-xxxl {
  padding-left: 96px !important;
}

.hmf-p-xxxxl {
  padding: 120px !important;
}

.hmf-pt-xxxxl,
.hmf-py-xxxxl {
  padding-top: 120px !important;
}

.hmf-pr-xxxxl,
.hmf-px-xxxxl {
  padding-right: 120px !important;
}

.hmf-pb-xxxxl,
.hmf-py-xxxxl {
  padding-bottom: 120px !important;
}

.hmf-pl-xxxxl,
.hmf-px-xxxxl {
  padding-left: 120px !important;
}

.hmf-m-auto {
  margin: auto !important;
}

.hmf-mt-auto,
.hmf-my-auto {
  margin-top: auto !important;
}

.hmf-mr-auto,
.hmf-mx-auto {
  margin-right: auto !important;
}

.hmf-mb-auto,
.hmf-my-auto {
  margin-bottom: auto !important;
}

.hmf-ml-auto,
.hmf-mx-auto {
  margin-left: auto !important;
}

@media (min-width: 375px) {
  .hmf-m-s-auto {
    margin: auto !important;
  }
  .hmf-mt-s-auto,
  .hmf-my-s-auto {
    margin-top: auto !important;
  }
  .hmf-mr-s-auto,
  .hmf-mx-s-auto {
    margin-right: auto !important;
  }
  .hmf-mb-s-auto,
  .hmf-my-s-auto {
    margin-bottom: auto !important;
  }
  .hmf-ml-s-auto,
  .hmf-mx-s-auto {
    margin-left: auto !important;
  }
  .hmf-m-s-0 {
    margin: 0px !important;
  }
  .hmf-mt-s-0,
  .hmf-my-s-0 {
    margin-top: 0px !important;
  }
  .hmf-mr-s-0,
  .hmf-mx-s-0 {
    margin-right: 0px !important;
  }
  .hmf-mb-s-0,
  .hmf-my-s-0 {
    margin-bottom: 0px !important;
  }
  .hmf-ml-s-0,
  .hmf-mx-s-0 {
    margin-left: 0px !important;
  }
  .hmf-m-s-xxxs {
    margin: 4px !important;
  }
  .hmf-mt-s-xxxs,
  .hmf-my-s-xxxs {
    margin-top: 4px !important;
  }
  .hmf-mr-s-xxxs,
  .hmf-mx-s-xxxs {
    margin-right: 4px !important;
  }
  .hmf-mb-s-xxxs,
  .hmf-my-s-xxxs {
    margin-bottom: 4px !important;
  }
  .hmf-ml-s-xxxs,
  .hmf-mx-s-xxxs {
    margin-left: 4px !important;
  }
  .hmf-m-s-xxs {
    margin: 8px !important;
  }
  .hmf-mt-s-xxs,
  .hmf-my-s-xxs {
    margin-top: 8px !important;
  }
  .hmf-mr-s-xxs,
  .hmf-mx-s-xxs {
    margin-right: 8px !important;
  }
  .hmf-mb-s-xxs,
  .hmf-my-s-xxs {
    margin-bottom: 8px !important;
  }
  .hmf-ml-s-xxs,
  .hmf-mx-s-xxs {
    margin-left: 8px !important;
  }
  .hmf-m-s-xs {
    margin: 12px !important;
  }
  .hmf-mt-s-xs,
  .hmf-my-s-xs {
    margin-top: 12px !important;
  }
  .hmf-mr-s-xs,
  .hmf-mx-s-xs {
    margin-right: 12px !important;
  }
  .hmf-mb-s-xs,
  .hmf-my-s-xs {
    margin-bottom: 12px !important;
  }
  .hmf-ml-s-xs,
  .hmf-mx-s-xs {
    margin-left: 12px !important;
  }
  .hmf-m-s-s {
    margin: 16px !important;
  }
  .hmf-mt-s-s,
  .hmf-my-s-s {
    margin-top: 16px !important;
  }
  .hmf-mr-s-s,
  .hmf-mx-s-s {
    margin-right: 16px !important;
  }
  .hmf-mb-s-s,
  .hmf-my-s-s {
    margin-bottom: 16px !important;
  }
  .hmf-ml-s-s,
  .hmf-mx-s-s {
    margin-left: 16px !important;
  }
  .hmf-m-s-m {
    margin: 24px !important;
  }
  .hmf-mt-s-m,
  .hmf-my-s-m {
    margin-top: 24px !important;
  }
  .hmf-mr-s-m,
  .hmf-mx-s-m {
    margin-right: 24px !important;
  }
  .hmf-mb-s-m,
  .hmf-my-s-m {
    margin-bottom: 24px !important;
  }
  .hmf-ml-s-m,
  .hmf-mx-s-m {
    margin-left: 24px !important;
  }
  .hmf-m-s-l {
    margin: 32px !important;
  }
  .hmf-mt-s-l,
  .hmf-my-s-l {
    margin-top: 32px !important;
  }
  .hmf-mr-s-l,
  .hmf-mx-s-l {
    margin-right: 32px !important;
  }
  .hmf-mb-s-l,
  .hmf-my-s-l {
    margin-bottom: 32px !important;
  }
  .hmf-ml-s-l,
  .hmf-mx-s-l {
    margin-left: 32px !important;
  }
  .hmf-m-s-xl {
    margin: 48px !important;
  }
  .hmf-mt-s-xl,
  .hmf-my-s-xl {
    margin-top: 48px !important;
  }
  .hmf-mr-s-xl,
  .hmf-mx-s-xl {
    margin-right: 48px !important;
  }
  .hmf-mb-s-xl,
  .hmf-my-s-xl {
    margin-bottom: 48px !important;
  }
  .hmf-ml-s-xl,
  .hmf-mx-s-xl {
    margin-left: 48px !important;
  }
  .hmf-m-s-xxl {
    margin: 72px !important;
  }
  .hmf-mt-s-xxl,
  .hmf-my-s-xxl {
    margin-top: 72px !important;
  }
  .hmf-mr-s-xxl,
  .hmf-mx-s-xxl {
    margin-right: 72px !important;
  }
  .hmf-mb-s-xxl,
  .hmf-my-s-xxl {
    margin-bottom: 72px !important;
  }
  .hmf-ml-s-xxl,
  .hmf-mx-s-xxl {
    margin-left: 72px !important;
  }
  .hmf-m-s-xxxl {
    margin: 96px !important;
  }
  .hmf-mt-s-xxxl,
  .hmf-my-s-xxxl {
    margin-top: 96px !important;
  }
  .hmf-mr-s-xxxl,
  .hmf-mx-s-xxxl {
    margin-right: 96px !important;
  }
  .hmf-mb-s-xxxl,
  .hmf-my-s-xxxl {
    margin-bottom: 96px !important;
  }
  .hmf-ml-s-xxxl,
  .hmf-mx-s-xxxl {
    margin-left: 96px !important;
  }
  .hmf-m-s-xxxxl {
    margin: 120px !important;
  }
  .hmf-mt-s-xxxxl,
  .hmf-my-s-xxxxl {
    margin-top: 120px !important;
  }
  .hmf-mr-s-xxxxl,
  .hmf-mx-s-xxxxl {
    margin-right: 120px !important;
  }
  .hmf-mb-s-xxxxl,
  .hmf-my-s-xxxxl {
    margin-bottom: 120px !important;
  }
  .hmf-ml-s-xxxxl,
  .hmf-mx-s-xxxxl {
    margin-left: 120px !important;
  }
  .hmf-p-s-auto {
    padding: auto !important;
  }
  .hmf-pt-s-auto,
  .hmf-py-s-auto {
    padding-top: auto !important;
  }
  .hmf-pr-s-auto,
  .hmf-px-s-auto {
    padding-right: auto !important;
  }
  .hmf-pb-s-auto,
  .hmf-py-s-auto {
    padding-bottom: auto !important;
  }
  .hmf-pl-s-auto,
  .hmf-px-s-auto {
    padding-left: auto !important;
  }
  .hmf-p-s-0 {
    padding: 0px !important;
  }
  .hmf-pt-s-0,
  .hmf-py-s-0 {
    padding-top: 0px !important;
  }
  .hmf-pr-s-0,
  .hmf-px-s-0 {
    padding-right: 0px !important;
  }
  .hmf-pb-s-0,
  .hmf-py-s-0 {
    padding-bottom: 0px !important;
  }
  .hmf-pl-s-0,
  .hmf-px-s-0 {
    padding-left: 0px !important;
  }
  .hmf-p-s-xxxs {
    padding: 4px !important;
  }
  .hmf-pt-s-xxxs,
  .hmf-py-s-xxxs {
    padding-top: 4px !important;
  }
  .hmf-pr-s-xxxs,
  .hmf-px-s-xxxs {
    padding-right: 4px !important;
  }
  .hmf-pb-s-xxxs,
  .hmf-py-s-xxxs {
    padding-bottom: 4px !important;
  }
  .hmf-pl-s-xxxs,
  .hmf-px-s-xxxs {
    padding-left: 4px !important;
  }
  .hmf-p-s-xxs {
    padding: 8px !important;
  }
  .hmf-pt-s-xxs,
  .hmf-py-s-xxs {
    padding-top: 8px !important;
  }
  .hmf-pr-s-xxs,
  .hmf-px-s-xxs {
    padding-right: 8px !important;
  }
  .hmf-pb-s-xxs,
  .hmf-py-s-xxs {
    padding-bottom: 8px !important;
  }
  .hmf-pl-s-xxs,
  .hmf-px-s-xxs {
    padding-left: 8px !important;
  }
  .hmf-p-s-xs {
    padding: 12px !important;
  }
  .hmf-pt-s-xs,
  .hmf-py-s-xs {
    padding-top: 12px !important;
  }
  .hmf-pr-s-xs,
  .hmf-px-s-xs {
    padding-right: 12px !important;
  }
  .hmf-pb-s-xs,
  .hmf-py-s-xs {
    padding-bottom: 12px !important;
  }
  .hmf-pl-s-xs,
  .hmf-px-s-xs {
    padding-left: 12px !important;
  }
  .hmf-p-s-s {
    padding: 16px !important;
  }
  .hmf-pt-s-s,
  .hmf-py-s-s {
    padding-top: 16px !important;
  }
  .hmf-pr-s-s,
  .hmf-px-s-s {
    padding-right: 16px !important;
  }
  .hmf-pb-s-s,
  .hmf-py-s-s {
    padding-bottom: 16px !important;
  }
  .hmf-pl-s-s,
  .hmf-px-s-s {
    padding-left: 16px !important;
  }
  .hmf-p-s-m {
    padding: 24px !important;
  }
  .hmf-pt-s-m,
  .hmf-py-s-m {
    padding-top: 24px !important;
  }
  .hmf-pr-s-m,
  .hmf-px-s-m {
    padding-right: 24px !important;
  }
  .hmf-pb-s-m,
  .hmf-py-s-m {
    padding-bottom: 24px !important;
  }
  .hmf-pl-s-m,
  .hmf-px-s-m {
    padding-left: 24px !important;
  }
  .hmf-p-s-l {
    padding: 32px !important;
  }
  .hmf-pt-s-l,
  .hmf-py-s-l {
    padding-top: 32px !important;
  }
  .hmf-pr-s-l,
  .hmf-px-s-l {
    padding-right: 32px !important;
  }
  .hmf-pb-s-l,
  .hmf-py-s-l {
    padding-bottom: 32px !important;
  }
  .hmf-pl-s-l,
  .hmf-px-s-l {
    padding-left: 32px !important;
  }
  .hmf-p-s-xl {
    padding: 48px !important;
  }
  .hmf-pt-s-xl,
  .hmf-py-s-xl {
    padding-top: 48px !important;
  }
  .hmf-pr-s-xl,
  .hmf-px-s-xl {
    padding-right: 48px !important;
  }
  .hmf-pb-s-xl,
  .hmf-py-s-xl {
    padding-bottom: 48px !important;
  }
  .hmf-pl-s-xl,
  .hmf-px-s-xl {
    padding-left: 48px !important;
  }
  .hmf-p-s-xxl {
    padding: 72px !important;
  }
  .hmf-pt-s-xxl,
  .hmf-py-s-xxl {
    padding-top: 72px !important;
  }
  .hmf-pr-s-xxl,
  .hmf-px-s-xxl {
    padding-right: 72px !important;
  }
  .hmf-pb-s-xxl,
  .hmf-py-s-xxl {
    padding-bottom: 72px !important;
  }
  .hmf-pl-s-xxl,
  .hmf-px-s-xxl {
    padding-left: 72px !important;
  }
  .hmf-p-s-xxxl {
    padding: 96px !important;
  }
  .hmf-pt-s-xxxl,
  .hmf-py-s-xxxl {
    padding-top: 96px !important;
  }
  .hmf-pr-s-xxxl,
  .hmf-px-s-xxxl {
    padding-right: 96px !important;
  }
  .hmf-pb-s-xxxl,
  .hmf-py-s-xxxl {
    padding-bottom: 96px !important;
  }
  .hmf-pl-s-xxxl,
  .hmf-px-s-xxxl {
    padding-left: 96px !important;
  }
  .hmf-p-s-xxxxl {
    padding: 120px !important;
  }
  .hmf-pt-s-xxxxl,
  .hmf-py-s-xxxxl {
    padding-top: 120px !important;
  }
  .hmf-pr-s-xxxxl,
  .hmf-px-s-xxxxl {
    padding-right: 120px !important;
  }
  .hmf-pb-s-xxxxl,
  .hmf-py-s-xxxxl {
    padding-bottom: 120px !important;
  }
  .hmf-pl-s-xxxxl,
  .hmf-px-s-xxxxl {
    padding-left: 120px !important;
  }
  .hmf-m-s-auto {
    margin: auto !important;
  }
  .hmf-mt-s-auto,
  .hmf-my-s-auto {
    margin-top: auto !important;
  }
  .hmf-mr-s-auto,
  .hmf-mx-s-auto {
    margin-right: auto !important;
  }
  .hmf-mb-s-auto,
  .hmf-my-s-auto {
    margin-bottom: auto !important;
  }
  .hmf-ml-s-auto,
  .hmf-mx-s-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 375px) {
  .hmf-m-xsm-auto {
    margin: auto !important;
  }
  .hmf-mt-xsm-auto,
  .hmf-my-xsm-auto {
    margin-top: auto !important;
  }
  .hmf-mr-xsm-auto,
  .hmf-mx-xsm-auto {
    margin-right: auto !important;
  }
  .hmf-mb-xsm-auto,
  .hmf-my-xsm-auto {
    margin-bottom: auto !important;
  }
  .hmf-ml-xsm-auto,
  .hmf-mx-xsm-auto {
    margin-left: auto !important;
  }
  .hmf-m-xsm-0 {
    margin: 0px !important;
  }
  .hmf-mt-xsm-0,
  .hmf-my-xsm-0 {
    margin-top: 0px !important;
  }
  .hmf-mr-xsm-0,
  .hmf-mx-xsm-0 {
    margin-right: 0px !important;
  }
  .hmf-mb-xsm-0,
  .hmf-my-xsm-0 {
    margin-bottom: 0px !important;
  }
  .hmf-ml-xsm-0,
  .hmf-mx-xsm-0 {
    margin-left: 0px !important;
  }
  .hmf-m-xsm-xxxs {
    margin: 4px !important;
  }
  .hmf-mt-xsm-xxxs,
  .hmf-my-xsm-xxxs {
    margin-top: 4px !important;
  }
  .hmf-mr-xsm-xxxs,
  .hmf-mx-xsm-xxxs {
    margin-right: 4px !important;
  }
  .hmf-mb-xsm-xxxs,
  .hmf-my-xsm-xxxs {
    margin-bottom: 4px !important;
  }
  .hmf-ml-xsm-xxxs,
  .hmf-mx-xsm-xxxs {
    margin-left: 4px !important;
  }
  .hmf-m-xsm-xxs {
    margin: 8px !important;
  }
  .hmf-mt-xsm-xxs,
  .hmf-my-xsm-xxs {
    margin-top: 8px !important;
  }
  .hmf-mr-xsm-xxs,
  .hmf-mx-xsm-xxs {
    margin-right: 8px !important;
  }
  .hmf-mb-xsm-xxs,
  .hmf-my-xsm-xxs {
    margin-bottom: 8px !important;
  }
  .hmf-ml-xsm-xxs,
  .hmf-mx-xsm-xxs {
    margin-left: 8px !important;
  }
  .hmf-m-xsm-xs {
    margin: 12px !important;
  }
  .hmf-mt-xsm-xs,
  .hmf-my-xsm-xs {
    margin-top: 12px !important;
  }
  .hmf-mr-xsm-xs,
  .hmf-mx-xsm-xs {
    margin-right: 12px !important;
  }
  .hmf-mb-xsm-xs,
  .hmf-my-xsm-xs {
    margin-bottom: 12px !important;
  }
  .hmf-ml-xsm-xs,
  .hmf-mx-xsm-xs {
    margin-left: 12px !important;
  }
  .hmf-m-xsm-s {
    margin: 16px !important;
  }
  .hmf-mt-xsm-s,
  .hmf-my-xsm-s {
    margin-top: 16px !important;
  }
  .hmf-mr-xsm-s,
  .hmf-mx-xsm-s {
    margin-right: 16px !important;
  }
  .hmf-mb-xsm-s,
  .hmf-my-xsm-s {
    margin-bottom: 16px !important;
  }
  .hmf-ml-xsm-s,
  .hmf-mx-xsm-s {
    margin-left: 16px !important;
  }
  .hmf-m-xsm-m {
    margin: 24px !important;
  }
  .hmf-mt-xsm-m,
  .hmf-my-xsm-m {
    margin-top: 24px !important;
  }
  .hmf-mr-xsm-m,
  .hmf-mx-xsm-m {
    margin-right: 24px !important;
  }
  .hmf-mb-xsm-m,
  .hmf-my-xsm-m {
    margin-bottom: 24px !important;
  }
  .hmf-ml-xsm-m,
  .hmf-mx-xsm-m {
    margin-left: 24px !important;
  }
  .hmf-m-xsm-l {
    margin: 32px !important;
  }
  .hmf-mt-xsm-l,
  .hmf-my-xsm-l {
    margin-top: 32px !important;
  }
  .hmf-mr-xsm-l,
  .hmf-mx-xsm-l {
    margin-right: 32px !important;
  }
  .hmf-mb-xsm-l,
  .hmf-my-xsm-l {
    margin-bottom: 32px !important;
  }
  .hmf-ml-xsm-l,
  .hmf-mx-xsm-l {
    margin-left: 32px !important;
  }
  .hmf-m-xsm-xl {
    margin: 48px !important;
  }
  .hmf-mt-xsm-xl,
  .hmf-my-xsm-xl {
    margin-top: 48px !important;
  }
  .hmf-mr-xsm-xl,
  .hmf-mx-xsm-xl {
    margin-right: 48px !important;
  }
  .hmf-mb-xsm-xl,
  .hmf-my-xsm-xl {
    margin-bottom: 48px !important;
  }
  .hmf-ml-xsm-xl,
  .hmf-mx-xsm-xl {
    margin-left: 48px !important;
  }
  .hmf-m-xsm-xxl {
    margin: 72px !important;
  }
  .hmf-mt-xsm-xxl,
  .hmf-my-xsm-xxl {
    margin-top: 72px !important;
  }
  .hmf-mr-xsm-xxl,
  .hmf-mx-xsm-xxl {
    margin-right: 72px !important;
  }
  .hmf-mb-xsm-xxl,
  .hmf-my-xsm-xxl {
    margin-bottom: 72px !important;
  }
  .hmf-ml-xsm-xxl,
  .hmf-mx-xsm-xxl {
    margin-left: 72px !important;
  }
  .hmf-m-xsm-xxxl {
    margin: 96px !important;
  }
  .hmf-mt-xsm-xxxl,
  .hmf-my-xsm-xxxl {
    margin-top: 96px !important;
  }
  .hmf-mr-xsm-xxxl,
  .hmf-mx-xsm-xxxl {
    margin-right: 96px !important;
  }
  .hmf-mb-xsm-xxxl,
  .hmf-my-xsm-xxxl {
    margin-bottom: 96px !important;
  }
  .hmf-ml-xsm-xxxl,
  .hmf-mx-xsm-xxxl {
    margin-left: 96px !important;
  }
  .hmf-m-xsm-xxxxl {
    margin: 120px !important;
  }
  .hmf-mt-xsm-xxxxl,
  .hmf-my-xsm-xxxxl {
    margin-top: 120px !important;
  }
  .hmf-mr-xsm-xxxxl,
  .hmf-mx-xsm-xxxxl {
    margin-right: 120px !important;
  }
  .hmf-mb-xsm-xxxxl,
  .hmf-my-xsm-xxxxl {
    margin-bottom: 120px !important;
  }
  .hmf-ml-xsm-xxxxl,
  .hmf-mx-xsm-xxxxl {
    margin-left: 120px !important;
  }
  .hmf-p-xsm-auto {
    padding: auto !important;
  }
  .hmf-pt-xsm-auto,
  .hmf-py-xsm-auto {
    padding-top: auto !important;
  }
  .hmf-pr-xsm-auto,
  .hmf-px-xsm-auto {
    padding-right: auto !important;
  }
  .hmf-pb-xsm-auto,
  .hmf-py-xsm-auto {
    padding-bottom: auto !important;
  }
  .hmf-pl-xsm-auto,
  .hmf-px-xsm-auto {
    padding-left: auto !important;
  }
  .hmf-p-xsm-0 {
    padding: 0px !important;
  }
  .hmf-pt-xsm-0,
  .hmf-py-xsm-0 {
    padding-top: 0px !important;
  }
  .hmf-pr-xsm-0,
  .hmf-px-xsm-0 {
    padding-right: 0px !important;
  }
  .hmf-pb-xsm-0,
  .hmf-py-xsm-0 {
    padding-bottom: 0px !important;
  }
  .hmf-pl-xsm-0,
  .hmf-px-xsm-0 {
    padding-left: 0px !important;
  }
  .hmf-p-xsm-xxxs {
    padding: 4px !important;
  }
  .hmf-pt-xsm-xxxs,
  .hmf-py-xsm-xxxs {
    padding-top: 4px !important;
  }
  .hmf-pr-xsm-xxxs,
  .hmf-px-xsm-xxxs {
    padding-right: 4px !important;
  }
  .hmf-pb-xsm-xxxs,
  .hmf-py-xsm-xxxs {
    padding-bottom: 4px !important;
  }
  .hmf-pl-xsm-xxxs,
  .hmf-px-xsm-xxxs {
    padding-left: 4px !important;
  }
  .hmf-p-xsm-xxs {
    padding: 8px !important;
  }
  .hmf-pt-xsm-xxs,
  .hmf-py-xsm-xxs {
    padding-top: 8px !important;
  }
  .hmf-pr-xsm-xxs,
  .hmf-px-xsm-xxs {
    padding-right: 8px !important;
  }
  .hmf-pb-xsm-xxs,
  .hmf-py-xsm-xxs {
    padding-bottom: 8px !important;
  }
  .hmf-pl-xsm-xxs,
  .hmf-px-xsm-xxs {
    padding-left: 8px !important;
  }
  .hmf-p-xsm-xs {
    padding: 12px !important;
  }
  .hmf-pt-xsm-xs,
  .hmf-py-xsm-xs {
    padding-top: 12px !important;
  }
  .hmf-pr-xsm-xs,
  .hmf-px-xsm-xs {
    padding-right: 12px !important;
  }
  .hmf-pb-xsm-xs,
  .hmf-py-xsm-xs {
    padding-bottom: 12px !important;
  }
  .hmf-pl-xsm-xs,
  .hmf-px-xsm-xs {
    padding-left: 12px !important;
  }
  .hmf-p-xsm-s {
    padding: 16px !important;
  }
  .hmf-pt-xsm-s,
  .hmf-py-xsm-s {
    padding-top: 16px !important;
  }
  .hmf-pr-xsm-s,
  .hmf-px-xsm-s {
    padding-right: 16px !important;
  }
  .hmf-pb-xsm-s,
  .hmf-py-xsm-s {
    padding-bottom: 16px !important;
  }
  .hmf-pl-xsm-s,
  .hmf-px-xsm-s {
    padding-left: 16px !important;
  }
  .hmf-p-xsm-m {
    padding: 24px !important;
  }
  .hmf-pt-xsm-m,
  .hmf-py-xsm-m {
    padding-top: 24px !important;
  }
  .hmf-pr-xsm-m,
  .hmf-px-xsm-m {
    padding-right: 24px !important;
  }
  .hmf-pb-xsm-m,
  .hmf-py-xsm-m {
    padding-bottom: 24px !important;
  }
  .hmf-pl-xsm-m,
  .hmf-px-xsm-m {
    padding-left: 24px !important;
  }
  .hmf-p-xsm-l {
    padding: 32px !important;
  }
  .hmf-pt-xsm-l,
  .hmf-py-xsm-l {
    padding-top: 32px !important;
  }
  .hmf-pr-xsm-l,
  .hmf-px-xsm-l {
    padding-right: 32px !important;
  }
  .hmf-pb-xsm-l,
  .hmf-py-xsm-l {
    padding-bottom: 32px !important;
  }
  .hmf-pl-xsm-l,
  .hmf-px-xsm-l {
    padding-left: 32px !important;
  }
  .hmf-p-xsm-xl {
    padding: 48px !important;
  }
  .hmf-pt-xsm-xl,
  .hmf-py-xsm-xl {
    padding-top: 48px !important;
  }
  .hmf-pr-xsm-xl,
  .hmf-px-xsm-xl {
    padding-right: 48px !important;
  }
  .hmf-pb-xsm-xl,
  .hmf-py-xsm-xl {
    padding-bottom: 48px !important;
  }
  .hmf-pl-xsm-xl,
  .hmf-px-xsm-xl {
    padding-left: 48px !important;
  }
  .hmf-p-xsm-xxl {
    padding: 72px !important;
  }
  .hmf-pt-xsm-xxl,
  .hmf-py-xsm-xxl {
    padding-top: 72px !important;
  }
  .hmf-pr-xsm-xxl,
  .hmf-px-xsm-xxl {
    padding-right: 72px !important;
  }
  .hmf-pb-xsm-xxl,
  .hmf-py-xsm-xxl {
    padding-bottom: 72px !important;
  }
  .hmf-pl-xsm-xxl,
  .hmf-px-xsm-xxl {
    padding-left: 72px !important;
  }
  .hmf-p-xsm-xxxl {
    padding: 96px !important;
  }
  .hmf-pt-xsm-xxxl,
  .hmf-py-xsm-xxxl {
    padding-top: 96px !important;
  }
  .hmf-pr-xsm-xxxl,
  .hmf-px-xsm-xxxl {
    padding-right: 96px !important;
  }
  .hmf-pb-xsm-xxxl,
  .hmf-py-xsm-xxxl {
    padding-bottom: 96px !important;
  }
  .hmf-pl-xsm-xxxl,
  .hmf-px-xsm-xxxl {
    padding-left: 96px !important;
  }
  .hmf-p-xsm-xxxxl {
    padding: 120px !important;
  }
  .hmf-pt-xsm-xxxxl,
  .hmf-py-xsm-xxxxl {
    padding-top: 120px !important;
  }
  .hmf-pr-xsm-xxxxl,
  .hmf-px-xsm-xxxxl {
    padding-right: 120px !important;
  }
  .hmf-pb-xsm-xxxxl,
  .hmf-py-xsm-xxxxl {
    padding-bottom: 120px !important;
  }
  .hmf-pl-xsm-xxxxl,
  .hmf-px-xsm-xxxxl {
    padding-left: 120px !important;
  }
  .hmf-m-xsm-auto {
    margin: auto !important;
  }
  .hmf-mt-xsm-auto,
  .hmf-my-xsm-auto {
    margin-top: auto !important;
  }
  .hmf-mr-xsm-auto,
  .hmf-mx-xsm-auto {
    margin-right: auto !important;
  }
  .hmf-mb-xsm-auto,
  .hmf-my-xsm-auto {
    margin-bottom: auto !important;
  }
  .hmf-ml-xsm-auto,
  .hmf-mx-xsm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 480px) {
  .hmf-m-sm-auto {
    margin: auto !important;
  }
  .hmf-mt-sm-auto,
  .hmf-my-sm-auto {
    margin-top: auto !important;
  }
  .hmf-mr-sm-auto,
  .hmf-mx-sm-auto {
    margin-right: auto !important;
  }
  .hmf-mb-sm-auto,
  .hmf-my-sm-auto {
    margin-bottom: auto !important;
  }
  .hmf-ml-sm-auto,
  .hmf-mx-sm-auto {
    margin-left: auto !important;
  }
  .hmf-m-sm-0 {
    margin: 0px !important;
  }
  .hmf-mt-sm-0,
  .hmf-my-sm-0 {
    margin-top: 0px !important;
  }
  .hmf-mr-sm-0,
  .hmf-mx-sm-0 {
    margin-right: 0px !important;
  }
  .hmf-mb-sm-0,
  .hmf-my-sm-0 {
    margin-bottom: 0px !important;
  }
  .hmf-ml-sm-0,
  .hmf-mx-sm-0 {
    margin-left: 0px !important;
  }
  .hmf-m-sm-xxxs {
    margin: 4px !important;
  }
  .hmf-mt-sm-xxxs,
  .hmf-my-sm-xxxs {
    margin-top: 4px !important;
  }
  .hmf-mr-sm-xxxs,
  .hmf-mx-sm-xxxs {
    margin-right: 4px !important;
  }
  .hmf-mb-sm-xxxs,
  .hmf-my-sm-xxxs {
    margin-bottom: 4px !important;
  }
  .hmf-ml-sm-xxxs,
  .hmf-mx-sm-xxxs {
    margin-left: 4px !important;
  }
  .hmf-m-sm-xxs {
    margin: 8px !important;
  }
  .hmf-mt-sm-xxs,
  .hmf-my-sm-xxs {
    margin-top: 8px !important;
  }
  .hmf-mr-sm-xxs,
  .hmf-mx-sm-xxs {
    margin-right: 8px !important;
  }
  .hmf-mb-sm-xxs,
  .hmf-my-sm-xxs {
    margin-bottom: 8px !important;
  }
  .hmf-ml-sm-xxs,
  .hmf-mx-sm-xxs {
    margin-left: 8px !important;
  }
  .hmf-m-sm-xs {
    margin: 12px !important;
  }
  .hmf-mt-sm-xs,
  .hmf-my-sm-xs {
    margin-top: 12px !important;
  }
  .hmf-mr-sm-xs,
  .hmf-mx-sm-xs {
    margin-right: 12px !important;
  }
  .hmf-mb-sm-xs,
  .hmf-my-sm-xs {
    margin-bottom: 12px !important;
  }
  .hmf-ml-sm-xs,
  .hmf-mx-sm-xs {
    margin-left: 12px !important;
  }
  .hmf-m-sm-s {
    margin: 16px !important;
  }
  .hmf-mt-sm-s,
  .hmf-my-sm-s {
    margin-top: 16px !important;
  }
  .hmf-mr-sm-s,
  .hmf-mx-sm-s {
    margin-right: 16px !important;
  }
  .hmf-mb-sm-s,
  .hmf-my-sm-s {
    margin-bottom: 16px !important;
  }
  .hmf-ml-sm-s,
  .hmf-mx-sm-s {
    margin-left: 16px !important;
  }
  .hmf-m-sm-m {
    margin: 24px !important;
  }
  .hmf-mt-sm-m,
  .hmf-my-sm-m {
    margin-top: 24px !important;
  }
  .hmf-mr-sm-m,
  .hmf-mx-sm-m {
    margin-right: 24px !important;
  }
  .hmf-mb-sm-m,
  .hmf-my-sm-m {
    margin-bottom: 24px !important;
  }
  .hmf-ml-sm-m,
  .hmf-mx-sm-m {
    margin-left: 24px !important;
  }
  .hmf-m-sm-l {
    margin: 32px !important;
  }
  .hmf-mt-sm-l,
  .hmf-my-sm-l {
    margin-top: 32px !important;
  }
  .hmf-mr-sm-l,
  .hmf-mx-sm-l {
    margin-right: 32px !important;
  }
  .hmf-mb-sm-l,
  .hmf-my-sm-l {
    margin-bottom: 32px !important;
  }
  .hmf-ml-sm-l,
  .hmf-mx-sm-l {
    margin-left: 32px !important;
  }
  .hmf-m-sm-xl {
    margin: 48px !important;
  }
  .hmf-mt-sm-xl,
  .hmf-my-sm-xl {
    margin-top: 48px !important;
  }
  .hmf-mr-sm-xl,
  .hmf-mx-sm-xl {
    margin-right: 48px !important;
  }
  .hmf-mb-sm-xl,
  .hmf-my-sm-xl {
    margin-bottom: 48px !important;
  }
  .hmf-ml-sm-xl,
  .hmf-mx-sm-xl {
    margin-left: 48px !important;
  }
  .hmf-m-sm-xxl {
    margin: 72px !important;
  }
  .hmf-mt-sm-xxl,
  .hmf-my-sm-xxl {
    margin-top: 72px !important;
  }
  .hmf-mr-sm-xxl,
  .hmf-mx-sm-xxl {
    margin-right: 72px !important;
  }
  .hmf-mb-sm-xxl,
  .hmf-my-sm-xxl {
    margin-bottom: 72px !important;
  }
  .hmf-ml-sm-xxl,
  .hmf-mx-sm-xxl {
    margin-left: 72px !important;
  }
  .hmf-m-sm-xxxl {
    margin: 96px !important;
  }
  .hmf-mt-sm-xxxl,
  .hmf-my-sm-xxxl {
    margin-top: 96px !important;
  }
  .hmf-mr-sm-xxxl,
  .hmf-mx-sm-xxxl {
    margin-right: 96px !important;
  }
  .hmf-mb-sm-xxxl,
  .hmf-my-sm-xxxl {
    margin-bottom: 96px !important;
  }
  .hmf-ml-sm-xxxl,
  .hmf-mx-sm-xxxl {
    margin-left: 96px !important;
  }
  .hmf-m-sm-xxxxl {
    margin: 120px !important;
  }
  .hmf-mt-sm-xxxxl,
  .hmf-my-sm-xxxxl {
    margin-top: 120px !important;
  }
  .hmf-mr-sm-xxxxl,
  .hmf-mx-sm-xxxxl {
    margin-right: 120px !important;
  }
  .hmf-mb-sm-xxxxl,
  .hmf-my-sm-xxxxl {
    margin-bottom: 120px !important;
  }
  .hmf-ml-sm-xxxxl,
  .hmf-mx-sm-xxxxl {
    margin-left: 120px !important;
  }
  .hmf-p-sm-auto {
    padding: auto !important;
  }
  .hmf-pt-sm-auto,
  .hmf-py-sm-auto {
    padding-top: auto !important;
  }
  .hmf-pr-sm-auto,
  .hmf-px-sm-auto {
    padding-right: auto !important;
  }
  .hmf-pb-sm-auto,
  .hmf-py-sm-auto {
    padding-bottom: auto !important;
  }
  .hmf-pl-sm-auto,
  .hmf-px-sm-auto {
    padding-left: auto !important;
  }
  .hmf-p-sm-0 {
    padding: 0px !important;
  }
  .hmf-pt-sm-0,
  .hmf-py-sm-0 {
    padding-top: 0px !important;
  }
  .hmf-pr-sm-0,
  .hmf-px-sm-0 {
    padding-right: 0px !important;
  }
  .hmf-pb-sm-0,
  .hmf-py-sm-0 {
    padding-bottom: 0px !important;
  }
  .hmf-pl-sm-0,
  .hmf-px-sm-0 {
    padding-left: 0px !important;
  }
  .hmf-p-sm-xxxs {
    padding: 4px !important;
  }
  .hmf-pt-sm-xxxs,
  .hmf-py-sm-xxxs {
    padding-top: 4px !important;
  }
  .hmf-pr-sm-xxxs,
  .hmf-px-sm-xxxs {
    padding-right: 4px !important;
  }
  .hmf-pb-sm-xxxs,
  .hmf-py-sm-xxxs {
    padding-bottom: 4px !important;
  }
  .hmf-pl-sm-xxxs,
  .hmf-px-sm-xxxs {
    padding-left: 4px !important;
  }
  .hmf-p-sm-xxs {
    padding: 8px !important;
  }
  .hmf-pt-sm-xxs,
  .hmf-py-sm-xxs {
    padding-top: 8px !important;
  }
  .hmf-pr-sm-xxs,
  .hmf-px-sm-xxs {
    padding-right: 8px !important;
  }
  .hmf-pb-sm-xxs,
  .hmf-py-sm-xxs {
    padding-bottom: 8px !important;
  }
  .hmf-pl-sm-xxs,
  .hmf-px-sm-xxs {
    padding-left: 8px !important;
  }
  .hmf-p-sm-xs {
    padding: 12px !important;
  }
  .hmf-pt-sm-xs,
  .hmf-py-sm-xs {
    padding-top: 12px !important;
  }
  .hmf-pr-sm-xs,
  .hmf-px-sm-xs {
    padding-right: 12px !important;
  }
  .hmf-pb-sm-xs,
  .hmf-py-sm-xs {
    padding-bottom: 12px !important;
  }
  .hmf-pl-sm-xs,
  .hmf-px-sm-xs {
    padding-left: 12px !important;
  }
  .hmf-p-sm-s {
    padding: 16px !important;
  }
  .hmf-pt-sm-s,
  .hmf-py-sm-s {
    padding-top: 16px !important;
  }
  .hmf-pr-sm-s,
  .hmf-px-sm-s {
    padding-right: 16px !important;
  }
  .hmf-pb-sm-s,
  .hmf-py-sm-s {
    padding-bottom: 16px !important;
  }
  .hmf-pl-sm-s,
  .hmf-px-sm-s {
    padding-left: 16px !important;
  }
  .hmf-p-sm-m {
    padding: 24px !important;
  }
  .hmf-pt-sm-m,
  .hmf-py-sm-m {
    padding-top: 24px !important;
  }
  .hmf-pr-sm-m,
  .hmf-px-sm-m {
    padding-right: 24px !important;
  }
  .hmf-pb-sm-m,
  .hmf-py-sm-m {
    padding-bottom: 24px !important;
  }
  .hmf-pl-sm-m,
  .hmf-px-sm-m {
    padding-left: 24px !important;
  }
  .hmf-p-sm-l {
    padding: 32px !important;
  }
  .hmf-pt-sm-l,
  .hmf-py-sm-l {
    padding-top: 32px !important;
  }
  .hmf-pr-sm-l,
  .hmf-px-sm-l {
    padding-right: 32px !important;
  }
  .hmf-pb-sm-l,
  .hmf-py-sm-l {
    padding-bottom: 32px !important;
  }
  .hmf-pl-sm-l,
  .hmf-px-sm-l {
    padding-left: 32px !important;
  }
  .hmf-p-sm-xl {
    padding: 48px !important;
  }
  .hmf-pt-sm-xl,
  .hmf-py-sm-xl {
    padding-top: 48px !important;
  }
  .hmf-pr-sm-xl,
  .hmf-px-sm-xl {
    padding-right: 48px !important;
  }
  .hmf-pb-sm-xl,
  .hmf-py-sm-xl {
    padding-bottom: 48px !important;
  }
  .hmf-pl-sm-xl,
  .hmf-px-sm-xl {
    padding-left: 48px !important;
  }
  .hmf-p-sm-xxl {
    padding: 72px !important;
  }
  .hmf-pt-sm-xxl,
  .hmf-py-sm-xxl {
    padding-top: 72px !important;
  }
  .hmf-pr-sm-xxl,
  .hmf-px-sm-xxl {
    padding-right: 72px !important;
  }
  .hmf-pb-sm-xxl,
  .hmf-py-sm-xxl {
    padding-bottom: 72px !important;
  }
  .hmf-pl-sm-xxl,
  .hmf-px-sm-xxl {
    padding-left: 72px !important;
  }
  .hmf-p-sm-xxxl {
    padding: 96px !important;
  }
  .hmf-pt-sm-xxxl,
  .hmf-py-sm-xxxl {
    padding-top: 96px !important;
  }
  .hmf-pr-sm-xxxl,
  .hmf-px-sm-xxxl {
    padding-right: 96px !important;
  }
  .hmf-pb-sm-xxxl,
  .hmf-py-sm-xxxl {
    padding-bottom: 96px !important;
  }
  .hmf-pl-sm-xxxl,
  .hmf-px-sm-xxxl {
    padding-left: 96px !important;
  }
  .hmf-p-sm-xxxxl {
    padding: 120px !important;
  }
  .hmf-pt-sm-xxxxl,
  .hmf-py-sm-xxxxl {
    padding-top: 120px !important;
  }
  .hmf-pr-sm-xxxxl,
  .hmf-px-sm-xxxxl {
    padding-right: 120px !important;
  }
  .hmf-pb-sm-xxxxl,
  .hmf-py-sm-xxxxl {
    padding-bottom: 120px !important;
  }
  .hmf-pl-sm-xxxxl,
  .hmf-px-sm-xxxxl {
    padding-left: 120px !important;
  }
  .hmf-m-sm-auto {
    margin: auto !important;
  }
  .hmf-mt-sm-auto,
  .hmf-my-sm-auto {
    margin-top: auto !important;
  }
  .hmf-mr-sm-auto,
  .hmf-mx-sm-auto {
    margin-right: auto !important;
  }
  .hmf-mb-sm-auto,
  .hmf-my-sm-auto {
    margin-bottom: auto !important;
  }
  .hmf-ml-sm-auto,
  .hmf-mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .hmf-m-m-auto {
    margin: auto !important;
  }
  .hmf-mt-m-auto,
  .hmf-my-m-auto {
    margin-top: auto !important;
  }
  .hmf-mr-m-auto,
  .hmf-mx-m-auto {
    margin-right: auto !important;
  }
  .hmf-mb-m-auto,
  .hmf-my-m-auto {
    margin-bottom: auto !important;
  }
  .hmf-ml-m-auto,
  .hmf-mx-m-auto {
    margin-left: auto !important;
  }
  .hmf-m-m-0 {
    margin: 0px !important;
  }
  .hmf-mt-m-0,
  .hmf-my-m-0 {
    margin-top: 0px !important;
  }
  .hmf-mr-m-0,
  .hmf-mx-m-0 {
    margin-right: 0px !important;
  }
  .hmf-mb-m-0,
  .hmf-my-m-0 {
    margin-bottom: 0px !important;
  }
  .hmf-ml-m-0,
  .hmf-mx-m-0 {
    margin-left: 0px !important;
  }
  .hmf-m-m-xxxs {
    margin: 4px !important;
  }
  .hmf-mt-m-xxxs,
  .hmf-my-m-xxxs {
    margin-top: 4px !important;
  }
  .hmf-mr-m-xxxs,
  .hmf-mx-m-xxxs {
    margin-right: 4px !important;
  }
  .hmf-mb-m-xxxs,
  .hmf-my-m-xxxs {
    margin-bottom: 4px !important;
  }
  .hmf-ml-m-xxxs,
  .hmf-mx-m-xxxs {
    margin-left: 4px !important;
  }
  .hmf-m-m-xxs {
    margin: 8px !important;
  }
  .hmf-mt-m-xxs,
  .hmf-my-m-xxs {
    margin-top: 8px !important;
  }
  .hmf-mr-m-xxs,
  .hmf-mx-m-xxs {
    margin-right: 8px !important;
  }
  .hmf-mb-m-xxs,
  .hmf-my-m-xxs {
    margin-bottom: 8px !important;
  }
  .hmf-ml-m-xxs,
  .hmf-mx-m-xxs {
    margin-left: 8px !important;
  }
  .hmf-m-m-xs {
    margin: 12px !important;
  }
  .hmf-mt-m-xs,
  .hmf-my-m-xs {
    margin-top: 12px !important;
  }
  .hmf-mr-m-xs,
  .hmf-mx-m-xs {
    margin-right: 12px !important;
  }
  .hmf-mb-m-xs,
  .hmf-my-m-xs {
    margin-bottom: 12px !important;
  }
  .hmf-ml-m-xs,
  .hmf-mx-m-xs {
    margin-left: 12px !important;
  }
  .hmf-m-m-s {
    margin: 16px !important;
  }
  .hmf-mt-m-s,
  .hmf-my-m-s {
    margin-top: 16px !important;
  }
  .hmf-mr-m-s,
  .hmf-mx-m-s {
    margin-right: 16px !important;
  }
  .hmf-mb-m-s,
  .hmf-my-m-s {
    margin-bottom: 16px !important;
  }
  .hmf-ml-m-s,
  .hmf-mx-m-s {
    margin-left: 16px !important;
  }
  .hmf-m-m-m {
    margin: 24px !important;
  }
  .hmf-mt-m-m,
  .hmf-my-m-m {
    margin-top: 24px !important;
  }
  .hmf-mr-m-m,
  .hmf-mx-m-m {
    margin-right: 24px !important;
  }
  .hmf-mb-m-m,
  .hmf-my-m-m {
    margin-bottom: 24px !important;
  }
  .hmf-ml-m-m,
  .hmf-mx-m-m {
    margin-left: 24px !important;
  }
  .hmf-m-m-l {
    margin: 32px !important;
  }
  .hmf-mt-m-l,
  .hmf-my-m-l {
    margin-top: 32px !important;
  }
  .hmf-mr-m-l,
  .hmf-mx-m-l {
    margin-right: 32px !important;
  }
  .hmf-mb-m-l,
  .hmf-my-m-l {
    margin-bottom: 32px !important;
  }
  .hmf-ml-m-l,
  .hmf-mx-m-l {
    margin-left: 32px !important;
  }
  .hmf-m-m-xl {
    margin: 48px !important;
  }
  .hmf-mt-m-xl,
  .hmf-my-m-xl {
    margin-top: 48px !important;
  }
  .hmf-mr-m-xl,
  .hmf-mx-m-xl {
    margin-right: 48px !important;
  }
  .hmf-mb-m-xl,
  .hmf-my-m-xl {
    margin-bottom: 48px !important;
  }
  .hmf-ml-m-xl,
  .hmf-mx-m-xl {
    margin-left: 48px !important;
  }
  .hmf-m-m-xxl {
    margin: 72px !important;
  }
  .hmf-mt-m-xxl,
  .hmf-my-m-xxl {
    margin-top: 72px !important;
  }
  .hmf-mr-m-xxl,
  .hmf-mx-m-xxl {
    margin-right: 72px !important;
  }
  .hmf-mb-m-xxl,
  .hmf-my-m-xxl {
    margin-bottom: 72px !important;
  }
  .hmf-ml-m-xxl,
  .hmf-mx-m-xxl {
    margin-left: 72px !important;
  }
  .hmf-m-m-xxxl {
    margin: 96px !important;
  }
  .hmf-mt-m-xxxl,
  .hmf-my-m-xxxl {
    margin-top: 96px !important;
  }
  .hmf-mr-m-xxxl,
  .hmf-mx-m-xxxl {
    margin-right: 96px !important;
  }
  .hmf-mb-m-xxxl,
  .hmf-my-m-xxxl {
    margin-bottom: 96px !important;
  }
  .hmf-ml-m-xxxl,
  .hmf-mx-m-xxxl {
    margin-left: 96px !important;
  }
  .hmf-m-m-xxxxl {
    margin: 120px !important;
  }
  .hmf-mt-m-xxxxl,
  .hmf-my-m-xxxxl {
    margin-top: 120px !important;
  }
  .hmf-mr-m-xxxxl,
  .hmf-mx-m-xxxxl {
    margin-right: 120px !important;
  }
  .hmf-mb-m-xxxxl,
  .hmf-my-m-xxxxl {
    margin-bottom: 120px !important;
  }
  .hmf-ml-m-xxxxl,
  .hmf-mx-m-xxxxl {
    margin-left: 120px !important;
  }
  .hmf-p-m-auto {
    padding: auto !important;
  }
  .hmf-pt-m-auto,
  .hmf-py-m-auto {
    padding-top: auto !important;
  }
  .hmf-pr-m-auto,
  .hmf-px-m-auto {
    padding-right: auto !important;
  }
  .hmf-pb-m-auto,
  .hmf-py-m-auto {
    padding-bottom: auto !important;
  }
  .hmf-pl-m-auto,
  .hmf-px-m-auto {
    padding-left: auto !important;
  }
  .hmf-p-m-0 {
    padding: 0px !important;
  }
  .hmf-pt-m-0,
  .hmf-py-m-0 {
    padding-top: 0px !important;
  }
  .hmf-pr-m-0,
  .hmf-px-m-0 {
    padding-right: 0px !important;
  }
  .hmf-pb-m-0,
  .hmf-py-m-0 {
    padding-bottom: 0px !important;
  }
  .hmf-pl-m-0,
  .hmf-px-m-0 {
    padding-left: 0px !important;
  }
  .hmf-p-m-xxxs {
    padding: 4px !important;
  }
  .hmf-pt-m-xxxs,
  .hmf-py-m-xxxs {
    padding-top: 4px !important;
  }
  .hmf-pr-m-xxxs,
  .hmf-px-m-xxxs {
    padding-right: 4px !important;
  }
  .hmf-pb-m-xxxs,
  .hmf-py-m-xxxs {
    padding-bottom: 4px !important;
  }
  .hmf-pl-m-xxxs,
  .hmf-px-m-xxxs {
    padding-left: 4px !important;
  }
  .hmf-p-m-xxs {
    padding: 8px !important;
  }
  .hmf-pt-m-xxs,
  .hmf-py-m-xxs {
    padding-top: 8px !important;
  }
  .hmf-pr-m-xxs,
  .hmf-px-m-xxs {
    padding-right: 8px !important;
  }
  .hmf-pb-m-xxs,
  .hmf-py-m-xxs {
    padding-bottom: 8px !important;
  }
  .hmf-pl-m-xxs,
  .hmf-px-m-xxs {
    padding-left: 8px !important;
  }
  .hmf-p-m-xs {
    padding: 12px !important;
  }
  .hmf-pt-m-xs,
  .hmf-py-m-xs {
    padding-top: 12px !important;
  }
  .hmf-pr-m-xs,
  .hmf-px-m-xs {
    padding-right: 12px !important;
  }
  .hmf-pb-m-xs,
  .hmf-py-m-xs {
    padding-bottom: 12px !important;
  }
  .hmf-pl-m-xs,
  .hmf-px-m-xs {
    padding-left: 12px !important;
  }
  .hmf-p-m-s {
    padding: 16px !important;
  }
  .hmf-pt-m-s,
  .hmf-py-m-s {
    padding-top: 16px !important;
  }
  .hmf-pr-m-s,
  .hmf-px-m-s {
    padding-right: 16px !important;
  }
  .hmf-pb-m-s,
  .hmf-py-m-s {
    padding-bottom: 16px !important;
  }
  .hmf-pl-m-s,
  .hmf-px-m-s {
    padding-left: 16px !important;
  }
  .hmf-p-m-m {
    padding: 24px !important;
  }
  .hmf-pt-m-m,
  .hmf-py-m-m {
    padding-top: 24px !important;
  }
  .hmf-pr-m-m,
  .hmf-px-m-m {
    padding-right: 24px !important;
  }
  .hmf-pb-m-m,
  .hmf-py-m-m {
    padding-bottom: 24px !important;
  }
  .hmf-pl-m-m,
  .hmf-px-m-m {
    padding-left: 24px !important;
  }
  .hmf-p-m-l {
    padding: 32px !important;
  }
  .hmf-pt-m-l,
  .hmf-py-m-l {
    padding-top: 32px !important;
  }
  .hmf-pr-m-l,
  .hmf-px-m-l {
    padding-right: 32px !important;
  }
  .hmf-pb-m-l,
  .hmf-py-m-l {
    padding-bottom: 32px !important;
  }
  .hmf-pl-m-l,
  .hmf-px-m-l {
    padding-left: 32px !important;
  }
  .hmf-p-m-xl {
    padding: 48px !important;
  }
  .hmf-pt-m-xl,
  .hmf-py-m-xl {
    padding-top: 48px !important;
  }
  .hmf-pr-m-xl,
  .hmf-px-m-xl {
    padding-right: 48px !important;
  }
  .hmf-pb-m-xl,
  .hmf-py-m-xl {
    padding-bottom: 48px !important;
  }
  .hmf-pl-m-xl,
  .hmf-px-m-xl {
    padding-left: 48px !important;
  }
  .hmf-p-m-xxl {
    padding: 72px !important;
  }
  .hmf-pt-m-xxl,
  .hmf-py-m-xxl {
    padding-top: 72px !important;
  }
  .hmf-pr-m-xxl,
  .hmf-px-m-xxl {
    padding-right: 72px !important;
  }
  .hmf-pb-m-xxl,
  .hmf-py-m-xxl {
    padding-bottom: 72px !important;
  }
  .hmf-pl-m-xxl,
  .hmf-px-m-xxl {
    padding-left: 72px !important;
  }
  .hmf-p-m-xxxl {
    padding: 96px !important;
  }
  .hmf-pt-m-xxxl,
  .hmf-py-m-xxxl {
    padding-top: 96px !important;
  }
  .hmf-pr-m-xxxl,
  .hmf-px-m-xxxl {
    padding-right: 96px !important;
  }
  .hmf-pb-m-xxxl,
  .hmf-py-m-xxxl {
    padding-bottom: 96px !important;
  }
  .hmf-pl-m-xxxl,
  .hmf-px-m-xxxl {
    padding-left: 96px !important;
  }
  .hmf-p-m-xxxxl {
    padding: 120px !important;
  }
  .hmf-pt-m-xxxxl,
  .hmf-py-m-xxxxl {
    padding-top: 120px !important;
  }
  .hmf-pr-m-xxxxl,
  .hmf-px-m-xxxxl {
    padding-right: 120px !important;
  }
  .hmf-pb-m-xxxxl,
  .hmf-py-m-xxxxl {
    padding-bottom: 120px !important;
  }
  .hmf-pl-m-xxxxl,
  .hmf-px-m-xxxxl {
    padding-left: 120px !important;
  }
  .hmf-m-m-auto {
    margin: auto !important;
  }
  .hmf-mt-m-auto,
  .hmf-my-m-auto {
    margin-top: auto !important;
  }
  .hmf-mr-m-auto,
  .hmf-mx-m-auto {
    margin-right: auto !important;
  }
  .hmf-mb-m-auto,
  .hmf-my-m-auto {
    margin-bottom: auto !important;
  }
  .hmf-ml-m-auto,
  .hmf-mx-m-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .hmf-m-md-auto {
    margin: auto !important;
  }
  .hmf-mt-md-auto,
  .hmf-my-md-auto {
    margin-top: auto !important;
  }
  .hmf-mr-md-auto,
  .hmf-mx-md-auto {
    margin-right: auto !important;
  }
  .hmf-mb-md-auto,
  .hmf-my-md-auto {
    margin-bottom: auto !important;
  }
  .hmf-ml-md-auto,
  .hmf-mx-md-auto {
    margin-left: auto !important;
  }
  .hmf-m-md-0 {
    margin: 0px !important;
  }
  .hmf-mt-md-0,
  .hmf-my-md-0 {
    margin-top: 0px !important;
  }
  .hmf-mr-md-0,
  .hmf-mx-md-0 {
    margin-right: 0px !important;
  }
  .hmf-mb-md-0,
  .hmf-my-md-0 {
    margin-bottom: 0px !important;
  }
  .hmf-ml-md-0,
  .hmf-mx-md-0 {
    margin-left: 0px !important;
  }
  .hmf-m-md-xxxs {
    margin: 4px !important;
  }
  .hmf-mt-md-xxxs,
  .hmf-my-md-xxxs {
    margin-top: 4px !important;
  }
  .hmf-mr-md-xxxs,
  .hmf-mx-md-xxxs {
    margin-right: 4px !important;
  }
  .hmf-mb-md-xxxs,
  .hmf-my-md-xxxs {
    margin-bottom: 4px !important;
  }
  .hmf-ml-md-xxxs,
  .hmf-mx-md-xxxs {
    margin-left: 4px !important;
  }
  .hmf-m-md-xxs {
    margin: 8px !important;
  }
  .hmf-mt-md-xxs,
  .hmf-my-md-xxs {
    margin-top: 8px !important;
  }
  .hmf-mr-md-xxs,
  .hmf-mx-md-xxs {
    margin-right: 8px !important;
  }
  .hmf-mb-md-xxs,
  .hmf-my-md-xxs {
    margin-bottom: 8px !important;
  }
  .hmf-ml-md-xxs,
  .hmf-mx-md-xxs {
    margin-left: 8px !important;
  }
  .hmf-m-md-xs {
    margin: 12px !important;
  }
  .hmf-mt-md-xs,
  .hmf-my-md-xs {
    margin-top: 12px !important;
  }
  .hmf-mr-md-xs,
  .hmf-mx-md-xs {
    margin-right: 12px !important;
  }
  .hmf-mb-md-xs,
  .hmf-my-md-xs {
    margin-bottom: 12px !important;
  }
  .hmf-ml-md-xs,
  .hmf-mx-md-xs {
    margin-left: 12px !important;
  }
  .hmf-m-md-s {
    margin: 16px !important;
  }
  .hmf-mt-md-s,
  .hmf-my-md-s {
    margin-top: 16px !important;
  }
  .hmf-mr-md-s,
  .hmf-mx-md-s {
    margin-right: 16px !important;
  }
  .hmf-mb-md-s,
  .hmf-my-md-s {
    margin-bottom: 16px !important;
  }
  .hmf-ml-md-s,
  .hmf-mx-md-s {
    margin-left: 16px !important;
  }
  .hmf-m-md-m {
    margin: 24px !important;
  }
  .hmf-mt-md-m,
  .hmf-my-md-m {
    margin-top: 24px !important;
  }
  .hmf-mr-md-m,
  .hmf-mx-md-m {
    margin-right: 24px !important;
  }
  .hmf-mb-md-m,
  .hmf-my-md-m {
    margin-bottom: 24px !important;
  }
  .hmf-ml-md-m,
  .hmf-mx-md-m {
    margin-left: 24px !important;
  }
  .hmf-m-md-l {
    margin: 32px !important;
  }
  .hmf-mt-md-l,
  .hmf-my-md-l {
    margin-top: 32px !important;
  }
  .hmf-mr-md-l,
  .hmf-mx-md-l {
    margin-right: 32px !important;
  }
  .hmf-mb-md-l,
  .hmf-my-md-l {
    margin-bottom: 32px !important;
  }
  .hmf-ml-md-l,
  .hmf-mx-md-l {
    margin-left: 32px !important;
  }
  .hmf-m-md-xl {
    margin: 48px !important;
  }
  .hmf-mt-md-xl,
  .hmf-my-md-xl {
    margin-top: 48px !important;
  }
  .hmf-mr-md-xl,
  .hmf-mx-md-xl {
    margin-right: 48px !important;
  }
  .hmf-mb-md-xl,
  .hmf-my-md-xl {
    margin-bottom: 48px !important;
  }
  .hmf-ml-md-xl,
  .hmf-mx-md-xl {
    margin-left: 48px !important;
  }
  .hmf-m-md-xxl {
    margin: 72px !important;
  }
  .hmf-mt-md-xxl,
  .hmf-my-md-xxl {
    margin-top: 72px !important;
  }
  .hmf-mr-md-xxl,
  .hmf-mx-md-xxl {
    margin-right: 72px !important;
  }
  .hmf-mb-md-xxl,
  .hmf-my-md-xxl {
    margin-bottom: 72px !important;
  }
  .hmf-ml-md-xxl,
  .hmf-mx-md-xxl {
    margin-left: 72px !important;
  }
  .hmf-m-md-xxxl {
    margin: 96px !important;
  }
  .hmf-mt-md-xxxl,
  .hmf-my-md-xxxl {
    margin-top: 96px !important;
  }
  .hmf-mr-md-xxxl,
  .hmf-mx-md-xxxl {
    margin-right: 96px !important;
  }
  .hmf-mb-md-xxxl,
  .hmf-my-md-xxxl {
    margin-bottom: 96px !important;
  }
  .hmf-ml-md-xxxl,
  .hmf-mx-md-xxxl {
    margin-left: 96px !important;
  }
  .hmf-m-md-xxxxl {
    margin: 120px !important;
  }
  .hmf-mt-md-xxxxl,
  .hmf-my-md-xxxxl {
    margin-top: 120px !important;
  }
  .hmf-mr-md-xxxxl,
  .hmf-mx-md-xxxxl {
    margin-right: 120px !important;
  }
  .hmf-mb-md-xxxxl,
  .hmf-my-md-xxxxl {
    margin-bottom: 120px !important;
  }
  .hmf-ml-md-xxxxl,
  .hmf-mx-md-xxxxl {
    margin-left: 120px !important;
  }
  .hmf-p-md-auto {
    padding: auto !important;
  }
  .hmf-pt-md-auto,
  .hmf-py-md-auto {
    padding-top: auto !important;
  }
  .hmf-pr-md-auto,
  .hmf-px-md-auto {
    padding-right: auto !important;
  }
  .hmf-pb-md-auto,
  .hmf-py-md-auto {
    padding-bottom: auto !important;
  }
  .hmf-pl-md-auto,
  .hmf-px-md-auto {
    padding-left: auto !important;
  }
  .hmf-p-md-0 {
    padding: 0px !important;
  }
  .hmf-pt-md-0,
  .hmf-py-md-0 {
    padding-top: 0px !important;
  }
  .hmf-pr-md-0,
  .hmf-px-md-0 {
    padding-right: 0px !important;
  }
  .hmf-pb-md-0,
  .hmf-py-md-0 {
    padding-bottom: 0px !important;
  }
  .hmf-pl-md-0,
  .hmf-px-md-0 {
    padding-left: 0px !important;
  }
  .hmf-p-md-xxxs {
    padding: 4px !important;
  }
  .hmf-pt-md-xxxs,
  .hmf-py-md-xxxs {
    padding-top: 4px !important;
  }
  .hmf-pr-md-xxxs,
  .hmf-px-md-xxxs {
    padding-right: 4px !important;
  }
  .hmf-pb-md-xxxs,
  .hmf-py-md-xxxs {
    padding-bottom: 4px !important;
  }
  .hmf-pl-md-xxxs,
  .hmf-px-md-xxxs {
    padding-left: 4px !important;
  }
  .hmf-p-md-xxs {
    padding: 8px !important;
  }
  .hmf-pt-md-xxs,
  .hmf-py-md-xxs {
    padding-top: 8px !important;
  }
  .hmf-pr-md-xxs,
  .hmf-px-md-xxs {
    padding-right: 8px !important;
  }
  .hmf-pb-md-xxs,
  .hmf-py-md-xxs {
    padding-bottom: 8px !important;
  }
  .hmf-pl-md-xxs,
  .hmf-px-md-xxs {
    padding-left: 8px !important;
  }
  .hmf-p-md-xs {
    padding: 12px !important;
  }
  .hmf-pt-md-xs,
  .hmf-py-md-xs {
    padding-top: 12px !important;
  }
  .hmf-pr-md-xs,
  .hmf-px-md-xs {
    padding-right: 12px !important;
  }
  .hmf-pb-md-xs,
  .hmf-py-md-xs {
    padding-bottom: 12px !important;
  }
  .hmf-pl-md-xs,
  .hmf-px-md-xs {
    padding-left: 12px !important;
  }
  .hmf-p-md-s {
    padding: 16px !important;
  }
  .hmf-pt-md-s,
  .hmf-py-md-s {
    padding-top: 16px !important;
  }
  .hmf-pr-md-s,
  .hmf-px-md-s {
    padding-right: 16px !important;
  }
  .hmf-pb-md-s,
  .hmf-py-md-s {
    padding-bottom: 16px !important;
  }
  .hmf-pl-md-s,
  .hmf-px-md-s {
    padding-left: 16px !important;
  }
  .hmf-p-md-m {
    padding: 24px !important;
  }
  .hmf-pt-md-m,
  .hmf-py-md-m {
    padding-top: 24px !important;
  }
  .hmf-pr-md-m,
  .hmf-px-md-m {
    padding-right: 24px !important;
  }
  .hmf-pb-md-m,
  .hmf-py-md-m {
    padding-bottom: 24px !important;
  }
  .hmf-pl-md-m,
  .hmf-px-md-m {
    padding-left: 24px !important;
  }
  .hmf-p-md-l {
    padding: 32px !important;
  }
  .hmf-pt-md-l,
  .hmf-py-md-l {
    padding-top: 32px !important;
  }
  .hmf-pr-md-l,
  .hmf-px-md-l {
    padding-right: 32px !important;
  }
  .hmf-pb-md-l,
  .hmf-py-md-l {
    padding-bottom: 32px !important;
  }
  .hmf-pl-md-l,
  .hmf-px-md-l {
    padding-left: 32px !important;
  }
  .hmf-p-md-xl {
    padding: 48px !important;
  }
  .hmf-pt-md-xl,
  .hmf-py-md-xl {
    padding-top: 48px !important;
  }
  .hmf-pr-md-xl,
  .hmf-px-md-xl {
    padding-right: 48px !important;
  }
  .hmf-pb-md-xl,
  .hmf-py-md-xl {
    padding-bottom: 48px !important;
  }
  .hmf-pl-md-xl,
  .hmf-px-md-xl {
    padding-left: 48px !important;
  }
  .hmf-p-md-xxl {
    padding: 72px !important;
  }
  .hmf-pt-md-xxl,
  .hmf-py-md-xxl {
    padding-top: 72px !important;
  }
  .hmf-pr-md-xxl,
  .hmf-px-md-xxl {
    padding-right: 72px !important;
  }
  .hmf-pb-md-xxl,
  .hmf-py-md-xxl {
    padding-bottom: 72px !important;
  }
  .hmf-pl-md-xxl,
  .hmf-px-md-xxl {
    padding-left: 72px !important;
  }
  .hmf-p-md-xxxl {
    padding: 96px !important;
  }
  .hmf-pt-md-xxxl,
  .hmf-py-md-xxxl {
    padding-top: 96px !important;
  }
  .hmf-pr-md-xxxl,
  .hmf-px-md-xxxl {
    padding-right: 96px !important;
  }
  .hmf-pb-md-xxxl,
  .hmf-py-md-xxxl {
    padding-bottom: 96px !important;
  }
  .hmf-pl-md-xxxl,
  .hmf-px-md-xxxl {
    padding-left: 96px !important;
  }
  .hmf-p-md-xxxxl {
    padding: 120px !important;
  }
  .hmf-pt-md-xxxxl,
  .hmf-py-md-xxxxl {
    padding-top: 120px !important;
  }
  .hmf-pr-md-xxxxl,
  .hmf-px-md-xxxxl {
    padding-right: 120px !important;
  }
  .hmf-pb-md-xxxxl,
  .hmf-py-md-xxxxl {
    padding-bottom: 120px !important;
  }
  .hmf-pl-md-xxxxl,
  .hmf-px-md-xxxxl {
    padding-left: 120px !important;
  }
  .hmf-m-md-auto {
    margin: auto !important;
  }
  .hmf-mt-md-auto,
  .hmf-my-md-auto {
    margin-top: auto !important;
  }
  .hmf-mr-md-auto,
  .hmf-mx-md-auto {
    margin-right: auto !important;
  }
  .hmf-mb-md-auto,
  .hmf-my-md-auto {
    margin-bottom: auto !important;
  }
  .hmf-ml-md-auto,
  .hmf-mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1024px) {
  .hmf-m-lg-auto {
    margin: auto !important;
  }
  .hmf-mt-lg-auto,
  .hmf-my-lg-auto {
    margin-top: auto !important;
  }
  .hmf-mr-lg-auto,
  .hmf-mx-lg-auto {
    margin-right: auto !important;
  }
  .hmf-mb-lg-auto,
  .hmf-my-lg-auto {
    margin-bottom: auto !important;
  }
  .hmf-ml-lg-auto,
  .hmf-mx-lg-auto {
    margin-left: auto !important;
  }
  .hmf-m-lg-0 {
    margin: 0px !important;
  }
  .hmf-mt-lg-0,
  .hmf-my-lg-0 {
    margin-top: 0px !important;
  }
  .hmf-mr-lg-0,
  .hmf-mx-lg-0 {
    margin-right: 0px !important;
  }
  .hmf-mb-lg-0,
  .hmf-my-lg-0 {
    margin-bottom: 0px !important;
  }
  .hmf-ml-lg-0,
  .hmf-mx-lg-0 {
    margin-left: 0px !important;
  }
  .hmf-m-lg-xxxs {
    margin: 4px !important;
  }
  .hmf-mt-lg-xxxs,
  .hmf-my-lg-xxxs {
    margin-top: 4px !important;
  }
  .hmf-mr-lg-xxxs,
  .hmf-mx-lg-xxxs {
    margin-right: 4px !important;
  }
  .hmf-mb-lg-xxxs,
  .hmf-my-lg-xxxs {
    margin-bottom: 4px !important;
  }
  .hmf-ml-lg-xxxs,
  .hmf-mx-lg-xxxs {
    margin-left: 4px !important;
  }
  .hmf-m-lg-xxs {
    margin: 8px !important;
  }
  .hmf-mt-lg-xxs,
  .hmf-my-lg-xxs {
    margin-top: 8px !important;
  }
  .hmf-mr-lg-xxs,
  .hmf-mx-lg-xxs {
    margin-right: 8px !important;
  }
  .hmf-mb-lg-xxs,
  .hmf-my-lg-xxs {
    margin-bottom: 8px !important;
  }
  .hmf-ml-lg-xxs,
  .hmf-mx-lg-xxs {
    margin-left: 8px !important;
  }
  .hmf-m-lg-xs {
    margin: 12px !important;
  }
  .hmf-mt-lg-xs,
  .hmf-my-lg-xs {
    margin-top: 12px !important;
  }
  .hmf-mr-lg-xs,
  .hmf-mx-lg-xs {
    margin-right: 12px !important;
  }
  .hmf-mb-lg-xs,
  .hmf-my-lg-xs {
    margin-bottom: 12px !important;
  }
  .hmf-ml-lg-xs,
  .hmf-mx-lg-xs {
    margin-left: 12px !important;
  }
  .hmf-m-lg-s {
    margin: 16px !important;
  }
  .hmf-mt-lg-s,
  .hmf-my-lg-s {
    margin-top: 16px !important;
  }
  .hmf-mr-lg-s,
  .hmf-mx-lg-s {
    margin-right: 16px !important;
  }
  .hmf-mb-lg-s,
  .hmf-my-lg-s {
    margin-bottom: 16px !important;
  }
  .hmf-ml-lg-s,
  .hmf-mx-lg-s {
    margin-left: 16px !important;
  }
  .hmf-m-lg-m {
    margin: 24px !important;
  }
  .hmf-mt-lg-m,
  .hmf-my-lg-m {
    margin-top: 24px !important;
  }
  .hmf-mr-lg-m,
  .hmf-mx-lg-m {
    margin-right: 24px !important;
  }
  .hmf-mb-lg-m,
  .hmf-my-lg-m {
    margin-bottom: 24px !important;
  }
  .hmf-ml-lg-m,
  .hmf-mx-lg-m {
    margin-left: 24px !important;
  }
  .hmf-m-lg-l {
    margin: 32px !important;
  }
  .hmf-mt-lg-l,
  .hmf-my-lg-l {
    margin-top: 32px !important;
  }
  .hmf-mr-lg-l,
  .hmf-mx-lg-l {
    margin-right: 32px !important;
  }
  .hmf-mb-lg-l,
  .hmf-my-lg-l {
    margin-bottom: 32px !important;
  }
  .hmf-ml-lg-l,
  .hmf-mx-lg-l {
    margin-left: 32px !important;
  }
  .hmf-m-lg-xl {
    margin: 48px !important;
  }
  .hmf-mt-lg-xl,
  .hmf-my-lg-xl {
    margin-top: 48px !important;
  }
  .hmf-mr-lg-xl,
  .hmf-mx-lg-xl {
    margin-right: 48px !important;
  }
  .hmf-mb-lg-xl,
  .hmf-my-lg-xl {
    margin-bottom: 48px !important;
  }
  .hmf-ml-lg-xl,
  .hmf-mx-lg-xl {
    margin-left: 48px !important;
  }
  .hmf-m-lg-xxl {
    margin: 72px !important;
  }
  .hmf-mt-lg-xxl,
  .hmf-my-lg-xxl {
    margin-top: 72px !important;
  }
  .hmf-mr-lg-xxl,
  .hmf-mx-lg-xxl {
    margin-right: 72px !important;
  }
  .hmf-mb-lg-xxl,
  .hmf-my-lg-xxl {
    margin-bottom: 72px !important;
  }
  .hmf-ml-lg-xxl,
  .hmf-mx-lg-xxl {
    margin-left: 72px !important;
  }
  .hmf-m-lg-xxxl {
    margin: 96px !important;
  }
  .hmf-mt-lg-xxxl,
  .hmf-my-lg-xxxl {
    margin-top: 96px !important;
  }
  .hmf-mr-lg-xxxl,
  .hmf-mx-lg-xxxl {
    margin-right: 96px !important;
  }
  .hmf-mb-lg-xxxl,
  .hmf-my-lg-xxxl {
    margin-bottom: 96px !important;
  }
  .hmf-ml-lg-xxxl,
  .hmf-mx-lg-xxxl {
    margin-left: 96px !important;
  }
  .hmf-m-lg-xxxxl {
    margin: 120px !important;
  }
  .hmf-mt-lg-xxxxl,
  .hmf-my-lg-xxxxl {
    margin-top: 120px !important;
  }
  .hmf-mr-lg-xxxxl,
  .hmf-mx-lg-xxxxl {
    margin-right: 120px !important;
  }
  .hmf-mb-lg-xxxxl,
  .hmf-my-lg-xxxxl {
    margin-bottom: 120px !important;
  }
  .hmf-ml-lg-xxxxl,
  .hmf-mx-lg-xxxxl {
    margin-left: 120px !important;
  }
  .hmf-p-lg-auto {
    padding: auto !important;
  }
  .hmf-pt-lg-auto,
  .hmf-py-lg-auto {
    padding-top: auto !important;
  }
  .hmf-pr-lg-auto,
  .hmf-px-lg-auto {
    padding-right: auto !important;
  }
  .hmf-pb-lg-auto,
  .hmf-py-lg-auto {
    padding-bottom: auto !important;
  }
  .hmf-pl-lg-auto,
  .hmf-px-lg-auto {
    padding-left: auto !important;
  }
  .hmf-p-lg-0 {
    padding: 0px !important;
  }
  .hmf-pt-lg-0,
  .hmf-py-lg-0 {
    padding-top: 0px !important;
  }
  .hmf-pr-lg-0,
  .hmf-px-lg-0 {
    padding-right: 0px !important;
  }
  .hmf-pb-lg-0,
  .hmf-py-lg-0 {
    padding-bottom: 0px !important;
  }
  .hmf-pl-lg-0,
  .hmf-px-lg-0 {
    padding-left: 0px !important;
  }
  .hmf-p-lg-xxxs {
    padding: 4px !important;
  }
  .hmf-pt-lg-xxxs,
  .hmf-py-lg-xxxs {
    padding-top: 4px !important;
  }
  .hmf-pr-lg-xxxs,
  .hmf-px-lg-xxxs {
    padding-right: 4px !important;
  }
  .hmf-pb-lg-xxxs,
  .hmf-py-lg-xxxs {
    padding-bottom: 4px !important;
  }
  .hmf-pl-lg-xxxs,
  .hmf-px-lg-xxxs {
    padding-left: 4px !important;
  }
  .hmf-p-lg-xxs {
    padding: 8px !important;
  }
  .hmf-pt-lg-xxs,
  .hmf-py-lg-xxs {
    padding-top: 8px !important;
  }
  .hmf-pr-lg-xxs,
  .hmf-px-lg-xxs {
    padding-right: 8px !important;
  }
  .hmf-pb-lg-xxs,
  .hmf-py-lg-xxs {
    padding-bottom: 8px !important;
  }
  .hmf-pl-lg-xxs,
  .hmf-px-lg-xxs {
    padding-left: 8px !important;
  }
  .hmf-p-lg-xs {
    padding: 12px !important;
  }
  .hmf-pt-lg-xs,
  .hmf-py-lg-xs {
    padding-top: 12px !important;
  }
  .hmf-pr-lg-xs,
  .hmf-px-lg-xs {
    padding-right: 12px !important;
  }
  .hmf-pb-lg-xs,
  .hmf-py-lg-xs {
    padding-bottom: 12px !important;
  }
  .hmf-pl-lg-xs,
  .hmf-px-lg-xs {
    padding-left: 12px !important;
  }
  .hmf-p-lg-s {
    padding: 16px !important;
  }
  .hmf-pt-lg-s,
  .hmf-py-lg-s {
    padding-top: 16px !important;
  }
  .hmf-pr-lg-s,
  .hmf-px-lg-s {
    padding-right: 16px !important;
  }
  .hmf-pb-lg-s,
  .hmf-py-lg-s {
    padding-bottom: 16px !important;
  }
  .hmf-pl-lg-s,
  .hmf-px-lg-s {
    padding-left: 16px !important;
  }
  .hmf-p-lg-m {
    padding: 24px !important;
  }
  .hmf-pt-lg-m,
  .hmf-py-lg-m {
    padding-top: 24px !important;
  }
  .hmf-pr-lg-m,
  .hmf-px-lg-m {
    padding-right: 24px !important;
  }
  .hmf-pb-lg-m,
  .hmf-py-lg-m {
    padding-bottom: 24px !important;
  }
  .hmf-pl-lg-m,
  .hmf-px-lg-m {
    padding-left: 24px !important;
  }
  .hmf-p-lg-l {
    padding: 32px !important;
  }
  .hmf-pt-lg-l,
  .hmf-py-lg-l {
    padding-top: 32px !important;
  }
  .hmf-pr-lg-l,
  .hmf-px-lg-l {
    padding-right: 32px !important;
  }
  .hmf-pb-lg-l,
  .hmf-py-lg-l {
    padding-bottom: 32px !important;
  }
  .hmf-pl-lg-l,
  .hmf-px-lg-l {
    padding-left: 32px !important;
  }
  .hmf-p-lg-xl {
    padding: 48px !important;
  }
  .hmf-pt-lg-xl,
  .hmf-py-lg-xl {
    padding-top: 48px !important;
  }
  .hmf-pr-lg-xl,
  .hmf-px-lg-xl {
    padding-right: 48px !important;
  }
  .hmf-pb-lg-xl,
  .hmf-py-lg-xl {
    padding-bottom: 48px !important;
  }
  .hmf-pl-lg-xl,
  .hmf-px-lg-xl {
    padding-left: 48px !important;
  }
  .hmf-p-lg-xxl {
    padding: 72px !important;
  }
  .hmf-pt-lg-xxl,
  .hmf-py-lg-xxl {
    padding-top: 72px !important;
  }
  .hmf-pr-lg-xxl,
  .hmf-px-lg-xxl {
    padding-right: 72px !important;
  }
  .hmf-pb-lg-xxl,
  .hmf-py-lg-xxl {
    padding-bottom: 72px !important;
  }
  .hmf-pl-lg-xxl,
  .hmf-px-lg-xxl {
    padding-left: 72px !important;
  }
  .hmf-p-lg-xxxl {
    padding: 96px !important;
  }
  .hmf-pt-lg-xxxl,
  .hmf-py-lg-xxxl {
    padding-top: 96px !important;
  }
  .hmf-pr-lg-xxxl,
  .hmf-px-lg-xxxl {
    padding-right: 96px !important;
  }
  .hmf-pb-lg-xxxl,
  .hmf-py-lg-xxxl {
    padding-bottom: 96px !important;
  }
  .hmf-pl-lg-xxxl,
  .hmf-px-lg-xxxl {
    padding-left: 96px !important;
  }
  .hmf-p-lg-xxxxl {
    padding: 120px !important;
  }
  .hmf-pt-lg-xxxxl,
  .hmf-py-lg-xxxxl {
    padding-top: 120px !important;
  }
  .hmf-pr-lg-xxxxl,
  .hmf-px-lg-xxxxl {
    padding-right: 120px !important;
  }
  .hmf-pb-lg-xxxxl,
  .hmf-py-lg-xxxxl {
    padding-bottom: 120px !important;
  }
  .hmf-pl-lg-xxxxl,
  .hmf-px-lg-xxxxl {
    padding-left: 120px !important;
  }
  .hmf-m-lg-auto {
    margin: auto !important;
  }
  .hmf-mt-lg-auto,
  .hmf-my-lg-auto {
    margin-top: auto !important;
  }
  .hmf-mr-lg-auto,
  .hmf-mx-lg-auto {
    margin-right: auto !important;
  }
  .hmf-mb-lg-auto,
  .hmf-my-lg-auto {
    margin-bottom: auto !important;
  }
  .hmf-ml-lg-auto,
  .hmf-mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1280px) {
  .hmf-m-l-auto {
    margin: auto !important;
  }
  .hmf-mt-l-auto,
  .hmf-my-l-auto {
    margin-top: auto !important;
  }
  .hmf-mr-l-auto,
  .hmf-mx-l-auto {
    margin-right: auto !important;
  }
  .hmf-mb-l-auto,
  .hmf-my-l-auto {
    margin-bottom: auto !important;
  }
  .hmf-ml-l-auto,
  .hmf-mx-l-auto {
    margin-left: auto !important;
  }
  .hmf-m-l-0 {
    margin: 0px !important;
  }
  .hmf-mt-l-0,
  .hmf-my-l-0 {
    margin-top: 0px !important;
  }
  .hmf-mr-l-0,
  .hmf-mx-l-0 {
    margin-right: 0px !important;
  }
  .hmf-mb-l-0,
  .hmf-my-l-0 {
    margin-bottom: 0px !important;
  }
  .hmf-ml-l-0,
  .hmf-mx-l-0 {
    margin-left: 0px !important;
  }
  .hmf-m-l-xxxs {
    margin: 4px !important;
  }
  .hmf-mt-l-xxxs,
  .hmf-my-l-xxxs {
    margin-top: 4px !important;
  }
  .hmf-mr-l-xxxs,
  .hmf-mx-l-xxxs {
    margin-right: 4px !important;
  }
  .hmf-mb-l-xxxs,
  .hmf-my-l-xxxs {
    margin-bottom: 4px !important;
  }
  .hmf-ml-l-xxxs,
  .hmf-mx-l-xxxs {
    margin-left: 4px !important;
  }
  .hmf-m-l-xxs {
    margin: 8px !important;
  }
  .hmf-mt-l-xxs,
  .hmf-my-l-xxs {
    margin-top: 8px !important;
  }
  .hmf-mr-l-xxs,
  .hmf-mx-l-xxs {
    margin-right: 8px !important;
  }
  .hmf-mb-l-xxs,
  .hmf-my-l-xxs {
    margin-bottom: 8px !important;
  }
  .hmf-ml-l-xxs,
  .hmf-mx-l-xxs {
    margin-left: 8px !important;
  }
  .hmf-m-l-xs {
    margin: 12px !important;
  }
  .hmf-mt-l-xs,
  .hmf-my-l-xs {
    margin-top: 12px !important;
  }
  .hmf-mr-l-xs,
  .hmf-mx-l-xs {
    margin-right: 12px !important;
  }
  .hmf-mb-l-xs,
  .hmf-my-l-xs {
    margin-bottom: 12px !important;
  }
  .hmf-ml-l-xs,
  .hmf-mx-l-xs {
    margin-left: 12px !important;
  }
  .hmf-m-l-s {
    margin: 16px !important;
  }
  .hmf-mt-l-s,
  .hmf-my-l-s {
    margin-top: 16px !important;
  }
  .hmf-mr-l-s,
  .hmf-mx-l-s {
    margin-right: 16px !important;
  }
  .hmf-mb-l-s,
  .hmf-my-l-s {
    margin-bottom: 16px !important;
  }
  .hmf-ml-l-s,
  .hmf-mx-l-s {
    margin-left: 16px !important;
  }
  .hmf-m-l-m {
    margin: 24px !important;
  }
  .hmf-mt-l-m,
  .hmf-my-l-m {
    margin-top: 24px !important;
  }
  .hmf-mr-l-m,
  .hmf-mx-l-m {
    margin-right: 24px !important;
  }
  .hmf-mb-l-m,
  .hmf-my-l-m {
    margin-bottom: 24px !important;
  }
  .hmf-ml-l-m,
  .hmf-mx-l-m {
    margin-left: 24px !important;
  }
  .hmf-m-l-l {
    margin: 32px !important;
  }
  .hmf-mt-l-l,
  .hmf-my-l-l {
    margin-top: 32px !important;
  }
  .hmf-mr-l-l,
  .hmf-mx-l-l {
    margin-right: 32px !important;
  }
  .hmf-mb-l-l,
  .hmf-my-l-l {
    margin-bottom: 32px !important;
  }
  .hmf-ml-l-l,
  .hmf-mx-l-l {
    margin-left: 32px !important;
  }
  .hmf-m-l-xl {
    margin: 48px !important;
  }
  .hmf-mt-l-xl,
  .hmf-my-l-xl {
    margin-top: 48px !important;
  }
  .hmf-mr-l-xl,
  .hmf-mx-l-xl {
    margin-right: 48px !important;
  }
  .hmf-mb-l-xl,
  .hmf-my-l-xl {
    margin-bottom: 48px !important;
  }
  .hmf-ml-l-xl,
  .hmf-mx-l-xl {
    margin-left: 48px !important;
  }
  .hmf-m-l-xxl {
    margin: 72px !important;
  }
  .hmf-mt-l-xxl,
  .hmf-my-l-xxl {
    margin-top: 72px !important;
  }
  .hmf-mr-l-xxl,
  .hmf-mx-l-xxl {
    margin-right: 72px !important;
  }
  .hmf-mb-l-xxl,
  .hmf-my-l-xxl {
    margin-bottom: 72px !important;
  }
  .hmf-ml-l-xxl,
  .hmf-mx-l-xxl {
    margin-left: 72px !important;
  }
  .hmf-m-l-xxxl {
    margin: 96px !important;
  }
  .hmf-mt-l-xxxl,
  .hmf-my-l-xxxl {
    margin-top: 96px !important;
  }
  .hmf-mr-l-xxxl,
  .hmf-mx-l-xxxl {
    margin-right: 96px !important;
  }
  .hmf-mb-l-xxxl,
  .hmf-my-l-xxxl {
    margin-bottom: 96px !important;
  }
  .hmf-ml-l-xxxl,
  .hmf-mx-l-xxxl {
    margin-left: 96px !important;
  }
  .hmf-m-l-xxxxl {
    margin: 120px !important;
  }
  .hmf-mt-l-xxxxl,
  .hmf-my-l-xxxxl {
    margin-top: 120px !important;
  }
  .hmf-mr-l-xxxxl,
  .hmf-mx-l-xxxxl {
    margin-right: 120px !important;
  }
  .hmf-mb-l-xxxxl,
  .hmf-my-l-xxxxl {
    margin-bottom: 120px !important;
  }
  .hmf-ml-l-xxxxl,
  .hmf-mx-l-xxxxl {
    margin-left: 120px !important;
  }
  .hmf-p-l-auto {
    padding: auto !important;
  }
  .hmf-pt-l-auto,
  .hmf-py-l-auto {
    padding-top: auto !important;
  }
  .hmf-pr-l-auto,
  .hmf-px-l-auto {
    padding-right: auto !important;
  }
  .hmf-pb-l-auto,
  .hmf-py-l-auto {
    padding-bottom: auto !important;
  }
  .hmf-pl-l-auto,
  .hmf-px-l-auto {
    padding-left: auto !important;
  }
  .hmf-p-l-0 {
    padding: 0px !important;
  }
  .hmf-pt-l-0,
  .hmf-py-l-0 {
    padding-top: 0px !important;
  }
  .hmf-pr-l-0,
  .hmf-px-l-0 {
    padding-right: 0px !important;
  }
  .hmf-pb-l-0,
  .hmf-py-l-0 {
    padding-bottom: 0px !important;
  }
  .hmf-pl-l-0,
  .hmf-px-l-0 {
    padding-left: 0px !important;
  }
  .hmf-p-l-xxxs {
    padding: 4px !important;
  }
  .hmf-pt-l-xxxs,
  .hmf-py-l-xxxs {
    padding-top: 4px !important;
  }
  .hmf-pr-l-xxxs,
  .hmf-px-l-xxxs {
    padding-right: 4px !important;
  }
  .hmf-pb-l-xxxs,
  .hmf-py-l-xxxs {
    padding-bottom: 4px !important;
  }
  .hmf-pl-l-xxxs,
  .hmf-px-l-xxxs {
    padding-left: 4px !important;
  }
  .hmf-p-l-xxs {
    padding: 8px !important;
  }
  .hmf-pt-l-xxs,
  .hmf-py-l-xxs {
    padding-top: 8px !important;
  }
  .hmf-pr-l-xxs,
  .hmf-px-l-xxs {
    padding-right: 8px !important;
  }
  .hmf-pb-l-xxs,
  .hmf-py-l-xxs {
    padding-bottom: 8px !important;
  }
  .hmf-pl-l-xxs,
  .hmf-px-l-xxs {
    padding-left: 8px !important;
  }
  .hmf-p-l-xs {
    padding: 12px !important;
  }
  .hmf-pt-l-xs,
  .hmf-py-l-xs {
    padding-top: 12px !important;
  }
  .hmf-pr-l-xs,
  .hmf-px-l-xs {
    padding-right: 12px !important;
  }
  .hmf-pb-l-xs,
  .hmf-py-l-xs {
    padding-bottom: 12px !important;
  }
  .hmf-pl-l-xs,
  .hmf-px-l-xs {
    padding-left: 12px !important;
  }
  .hmf-p-l-s {
    padding: 16px !important;
  }
  .hmf-pt-l-s,
  .hmf-py-l-s {
    padding-top: 16px !important;
  }
  .hmf-pr-l-s,
  .hmf-px-l-s {
    padding-right: 16px !important;
  }
  .hmf-pb-l-s,
  .hmf-py-l-s {
    padding-bottom: 16px !important;
  }
  .hmf-pl-l-s,
  .hmf-px-l-s {
    padding-left: 16px !important;
  }
  .hmf-p-l-m {
    padding: 24px !important;
  }
  .hmf-pt-l-m,
  .hmf-py-l-m {
    padding-top: 24px !important;
  }
  .hmf-pr-l-m,
  .hmf-px-l-m {
    padding-right: 24px !important;
  }
  .hmf-pb-l-m,
  .hmf-py-l-m {
    padding-bottom: 24px !important;
  }
  .hmf-pl-l-m,
  .hmf-px-l-m {
    padding-left: 24px !important;
  }
  .hmf-p-l-l {
    padding: 32px !important;
  }
  .hmf-pt-l-l,
  .hmf-py-l-l {
    padding-top: 32px !important;
  }
  .hmf-pr-l-l,
  .hmf-px-l-l {
    padding-right: 32px !important;
  }
  .hmf-pb-l-l,
  .hmf-py-l-l {
    padding-bottom: 32px !important;
  }
  .hmf-pl-l-l,
  .hmf-px-l-l {
    padding-left: 32px !important;
  }
  .hmf-p-l-xl {
    padding: 48px !important;
  }
  .hmf-pt-l-xl,
  .hmf-py-l-xl {
    padding-top: 48px !important;
  }
  .hmf-pr-l-xl,
  .hmf-px-l-xl {
    padding-right: 48px !important;
  }
  .hmf-pb-l-xl,
  .hmf-py-l-xl {
    padding-bottom: 48px !important;
  }
  .hmf-pl-l-xl,
  .hmf-px-l-xl {
    padding-left: 48px !important;
  }
  .hmf-p-l-xxl {
    padding: 72px !important;
  }
  .hmf-pt-l-xxl,
  .hmf-py-l-xxl {
    padding-top: 72px !important;
  }
  .hmf-pr-l-xxl,
  .hmf-px-l-xxl {
    padding-right: 72px !important;
  }
  .hmf-pb-l-xxl,
  .hmf-py-l-xxl {
    padding-bottom: 72px !important;
  }
  .hmf-pl-l-xxl,
  .hmf-px-l-xxl {
    padding-left: 72px !important;
  }
  .hmf-p-l-xxxl {
    padding: 96px !important;
  }
  .hmf-pt-l-xxxl,
  .hmf-py-l-xxxl {
    padding-top: 96px !important;
  }
  .hmf-pr-l-xxxl,
  .hmf-px-l-xxxl {
    padding-right: 96px !important;
  }
  .hmf-pb-l-xxxl,
  .hmf-py-l-xxxl {
    padding-bottom: 96px !important;
  }
  .hmf-pl-l-xxxl,
  .hmf-px-l-xxxl {
    padding-left: 96px !important;
  }
  .hmf-p-l-xxxxl {
    padding: 120px !important;
  }
  .hmf-pt-l-xxxxl,
  .hmf-py-l-xxxxl {
    padding-top: 120px !important;
  }
  .hmf-pr-l-xxxxl,
  .hmf-px-l-xxxxl {
    padding-right: 120px !important;
  }
  .hmf-pb-l-xxxxl,
  .hmf-py-l-xxxxl {
    padding-bottom: 120px !important;
  }
  .hmf-pl-l-xxxxl,
  .hmf-px-l-xxxxl {
    padding-left: 120px !important;
  }
  .hmf-m-l-auto {
    margin: auto !important;
  }
  .hmf-mt-l-auto,
  .hmf-my-l-auto {
    margin-top: auto !important;
  }
  .hmf-mr-l-auto,
  .hmf-mx-l-auto {
    margin-right: auto !important;
  }
  .hmf-mb-l-auto,
  .hmf-my-l-auto {
    margin-bottom: auto !important;
  }
  .hmf-ml-l-auto,
  .hmf-mx-l-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1280px) {
  .hmf-m-xlg-auto {
    margin: auto !important;
  }
  .hmf-mt-xlg-auto,
  .hmf-my-xlg-auto {
    margin-top: auto !important;
  }
  .hmf-mr-xlg-auto,
  .hmf-mx-xlg-auto {
    margin-right: auto !important;
  }
  .hmf-mb-xlg-auto,
  .hmf-my-xlg-auto {
    margin-bottom: auto !important;
  }
  .hmf-ml-xlg-auto,
  .hmf-mx-xlg-auto {
    margin-left: auto !important;
  }
  .hmf-m-xlg-0 {
    margin: 0px !important;
  }
  .hmf-mt-xlg-0,
  .hmf-my-xlg-0 {
    margin-top: 0px !important;
  }
  .hmf-mr-xlg-0,
  .hmf-mx-xlg-0 {
    margin-right: 0px !important;
  }
  .hmf-mb-xlg-0,
  .hmf-my-xlg-0 {
    margin-bottom: 0px !important;
  }
  .hmf-ml-xlg-0,
  .hmf-mx-xlg-0 {
    margin-left: 0px !important;
  }
  .hmf-m-xlg-xxxs {
    margin: 4px !important;
  }
  .hmf-mt-xlg-xxxs,
  .hmf-my-xlg-xxxs {
    margin-top: 4px !important;
  }
  .hmf-mr-xlg-xxxs,
  .hmf-mx-xlg-xxxs {
    margin-right: 4px !important;
  }
  .hmf-mb-xlg-xxxs,
  .hmf-my-xlg-xxxs {
    margin-bottom: 4px !important;
  }
  .hmf-ml-xlg-xxxs,
  .hmf-mx-xlg-xxxs {
    margin-left: 4px !important;
  }
  .hmf-m-xlg-xxs {
    margin: 8px !important;
  }
  .hmf-mt-xlg-xxs,
  .hmf-my-xlg-xxs {
    margin-top: 8px !important;
  }
  .hmf-mr-xlg-xxs,
  .hmf-mx-xlg-xxs {
    margin-right: 8px !important;
  }
  .hmf-mb-xlg-xxs,
  .hmf-my-xlg-xxs {
    margin-bottom: 8px !important;
  }
  .hmf-ml-xlg-xxs,
  .hmf-mx-xlg-xxs {
    margin-left: 8px !important;
  }
  .hmf-m-xlg-xs {
    margin: 12px !important;
  }
  .hmf-mt-xlg-xs,
  .hmf-my-xlg-xs {
    margin-top: 12px !important;
  }
  .hmf-mr-xlg-xs,
  .hmf-mx-xlg-xs {
    margin-right: 12px !important;
  }
  .hmf-mb-xlg-xs,
  .hmf-my-xlg-xs {
    margin-bottom: 12px !important;
  }
  .hmf-ml-xlg-xs,
  .hmf-mx-xlg-xs {
    margin-left: 12px !important;
  }
  .hmf-m-xlg-s {
    margin: 16px !important;
  }
  .hmf-mt-xlg-s,
  .hmf-my-xlg-s {
    margin-top: 16px !important;
  }
  .hmf-mr-xlg-s,
  .hmf-mx-xlg-s {
    margin-right: 16px !important;
  }
  .hmf-mb-xlg-s,
  .hmf-my-xlg-s {
    margin-bottom: 16px !important;
  }
  .hmf-ml-xlg-s,
  .hmf-mx-xlg-s {
    margin-left: 16px !important;
  }
  .hmf-m-xlg-m {
    margin: 24px !important;
  }
  .hmf-mt-xlg-m,
  .hmf-my-xlg-m {
    margin-top: 24px !important;
  }
  .hmf-mr-xlg-m,
  .hmf-mx-xlg-m {
    margin-right: 24px !important;
  }
  .hmf-mb-xlg-m,
  .hmf-my-xlg-m {
    margin-bottom: 24px !important;
  }
  .hmf-ml-xlg-m,
  .hmf-mx-xlg-m {
    margin-left: 24px !important;
  }
  .hmf-m-xlg-l {
    margin: 32px !important;
  }
  .hmf-mt-xlg-l,
  .hmf-my-xlg-l {
    margin-top: 32px !important;
  }
  .hmf-mr-xlg-l,
  .hmf-mx-xlg-l {
    margin-right: 32px !important;
  }
  .hmf-mb-xlg-l,
  .hmf-my-xlg-l {
    margin-bottom: 32px !important;
  }
  .hmf-ml-xlg-l,
  .hmf-mx-xlg-l {
    margin-left: 32px !important;
  }
  .hmf-m-xlg-xl {
    margin: 48px !important;
  }
  .hmf-mt-xlg-xl,
  .hmf-my-xlg-xl {
    margin-top: 48px !important;
  }
  .hmf-mr-xlg-xl,
  .hmf-mx-xlg-xl {
    margin-right: 48px !important;
  }
  .hmf-mb-xlg-xl,
  .hmf-my-xlg-xl {
    margin-bottom: 48px !important;
  }
  .hmf-ml-xlg-xl,
  .hmf-mx-xlg-xl {
    margin-left: 48px !important;
  }
  .hmf-m-xlg-xxl {
    margin: 72px !important;
  }
  .hmf-mt-xlg-xxl,
  .hmf-my-xlg-xxl {
    margin-top: 72px !important;
  }
  .hmf-mr-xlg-xxl,
  .hmf-mx-xlg-xxl {
    margin-right: 72px !important;
  }
  .hmf-mb-xlg-xxl,
  .hmf-my-xlg-xxl {
    margin-bottom: 72px !important;
  }
  .hmf-ml-xlg-xxl,
  .hmf-mx-xlg-xxl {
    margin-left: 72px !important;
  }
  .hmf-m-xlg-xxxl {
    margin: 96px !important;
  }
  .hmf-mt-xlg-xxxl,
  .hmf-my-xlg-xxxl {
    margin-top: 96px !important;
  }
  .hmf-mr-xlg-xxxl,
  .hmf-mx-xlg-xxxl {
    margin-right: 96px !important;
  }
  .hmf-mb-xlg-xxxl,
  .hmf-my-xlg-xxxl {
    margin-bottom: 96px !important;
  }
  .hmf-ml-xlg-xxxl,
  .hmf-mx-xlg-xxxl {
    margin-left: 96px !important;
  }
  .hmf-m-xlg-xxxxl {
    margin: 120px !important;
  }
  .hmf-mt-xlg-xxxxl,
  .hmf-my-xlg-xxxxl {
    margin-top: 120px !important;
  }
  .hmf-mr-xlg-xxxxl,
  .hmf-mx-xlg-xxxxl {
    margin-right: 120px !important;
  }
  .hmf-mb-xlg-xxxxl,
  .hmf-my-xlg-xxxxl {
    margin-bottom: 120px !important;
  }
  .hmf-ml-xlg-xxxxl,
  .hmf-mx-xlg-xxxxl {
    margin-left: 120px !important;
  }
  .hmf-p-xlg-auto {
    padding: auto !important;
  }
  .hmf-pt-xlg-auto,
  .hmf-py-xlg-auto {
    padding-top: auto !important;
  }
  .hmf-pr-xlg-auto,
  .hmf-px-xlg-auto {
    padding-right: auto !important;
  }
  .hmf-pb-xlg-auto,
  .hmf-py-xlg-auto {
    padding-bottom: auto !important;
  }
  .hmf-pl-xlg-auto,
  .hmf-px-xlg-auto {
    padding-left: auto !important;
  }
  .hmf-p-xlg-0 {
    padding: 0px !important;
  }
  .hmf-pt-xlg-0,
  .hmf-py-xlg-0 {
    padding-top: 0px !important;
  }
  .hmf-pr-xlg-0,
  .hmf-px-xlg-0 {
    padding-right: 0px !important;
  }
  .hmf-pb-xlg-0,
  .hmf-py-xlg-0 {
    padding-bottom: 0px !important;
  }
  .hmf-pl-xlg-0,
  .hmf-px-xlg-0 {
    padding-left: 0px !important;
  }
  .hmf-p-xlg-xxxs {
    padding: 4px !important;
  }
  .hmf-pt-xlg-xxxs,
  .hmf-py-xlg-xxxs {
    padding-top: 4px !important;
  }
  .hmf-pr-xlg-xxxs,
  .hmf-px-xlg-xxxs {
    padding-right: 4px !important;
  }
  .hmf-pb-xlg-xxxs,
  .hmf-py-xlg-xxxs {
    padding-bottom: 4px !important;
  }
  .hmf-pl-xlg-xxxs,
  .hmf-px-xlg-xxxs {
    padding-left: 4px !important;
  }
  .hmf-p-xlg-xxs {
    padding: 8px !important;
  }
  .hmf-pt-xlg-xxs,
  .hmf-py-xlg-xxs {
    padding-top: 8px !important;
  }
  .hmf-pr-xlg-xxs,
  .hmf-px-xlg-xxs {
    padding-right: 8px !important;
  }
  .hmf-pb-xlg-xxs,
  .hmf-py-xlg-xxs {
    padding-bottom: 8px !important;
  }
  .hmf-pl-xlg-xxs,
  .hmf-px-xlg-xxs {
    padding-left: 8px !important;
  }
  .hmf-p-xlg-xs {
    padding: 12px !important;
  }
  .hmf-pt-xlg-xs,
  .hmf-py-xlg-xs {
    padding-top: 12px !important;
  }
  .hmf-pr-xlg-xs,
  .hmf-px-xlg-xs {
    padding-right: 12px !important;
  }
  .hmf-pb-xlg-xs,
  .hmf-py-xlg-xs {
    padding-bottom: 12px !important;
  }
  .hmf-pl-xlg-xs,
  .hmf-px-xlg-xs {
    padding-left: 12px !important;
  }
  .hmf-p-xlg-s {
    padding: 16px !important;
  }
  .hmf-pt-xlg-s,
  .hmf-py-xlg-s {
    padding-top: 16px !important;
  }
  .hmf-pr-xlg-s,
  .hmf-px-xlg-s {
    padding-right: 16px !important;
  }
  .hmf-pb-xlg-s,
  .hmf-py-xlg-s {
    padding-bottom: 16px !important;
  }
  .hmf-pl-xlg-s,
  .hmf-px-xlg-s {
    padding-left: 16px !important;
  }
  .hmf-p-xlg-m {
    padding: 24px !important;
  }
  .hmf-pt-xlg-m,
  .hmf-py-xlg-m {
    padding-top: 24px !important;
  }
  .hmf-pr-xlg-m,
  .hmf-px-xlg-m {
    padding-right: 24px !important;
  }
  .hmf-pb-xlg-m,
  .hmf-py-xlg-m {
    padding-bottom: 24px !important;
  }
  .hmf-pl-xlg-m,
  .hmf-px-xlg-m {
    padding-left: 24px !important;
  }
  .hmf-p-xlg-l {
    padding: 32px !important;
  }
  .hmf-pt-xlg-l,
  .hmf-py-xlg-l {
    padding-top: 32px !important;
  }
  .hmf-pr-xlg-l,
  .hmf-px-xlg-l {
    padding-right: 32px !important;
  }
  .hmf-pb-xlg-l,
  .hmf-py-xlg-l {
    padding-bottom: 32px !important;
  }
  .hmf-pl-xlg-l,
  .hmf-px-xlg-l {
    padding-left: 32px !important;
  }
  .hmf-p-xlg-xl {
    padding: 48px !important;
  }
  .hmf-pt-xlg-xl,
  .hmf-py-xlg-xl {
    padding-top: 48px !important;
  }
  .hmf-pr-xlg-xl,
  .hmf-px-xlg-xl {
    padding-right: 48px !important;
  }
  .hmf-pb-xlg-xl,
  .hmf-py-xlg-xl {
    padding-bottom: 48px !important;
  }
  .hmf-pl-xlg-xl,
  .hmf-px-xlg-xl {
    padding-left: 48px !important;
  }
  .hmf-p-xlg-xxl {
    padding: 72px !important;
  }
  .hmf-pt-xlg-xxl,
  .hmf-py-xlg-xxl {
    padding-top: 72px !important;
  }
  .hmf-pr-xlg-xxl,
  .hmf-px-xlg-xxl {
    padding-right: 72px !important;
  }
  .hmf-pb-xlg-xxl,
  .hmf-py-xlg-xxl {
    padding-bottom: 72px !important;
  }
  .hmf-pl-xlg-xxl,
  .hmf-px-xlg-xxl {
    padding-left: 72px !important;
  }
  .hmf-p-xlg-xxxl {
    padding: 96px !important;
  }
  .hmf-pt-xlg-xxxl,
  .hmf-py-xlg-xxxl {
    padding-top: 96px !important;
  }
  .hmf-pr-xlg-xxxl,
  .hmf-px-xlg-xxxl {
    padding-right: 96px !important;
  }
  .hmf-pb-xlg-xxxl,
  .hmf-py-xlg-xxxl {
    padding-bottom: 96px !important;
  }
  .hmf-pl-xlg-xxxl,
  .hmf-px-xlg-xxxl {
    padding-left: 96px !important;
  }
  .hmf-p-xlg-xxxxl {
    padding: 120px !important;
  }
  .hmf-pt-xlg-xxxxl,
  .hmf-py-xlg-xxxxl {
    padding-top: 120px !important;
  }
  .hmf-pr-xlg-xxxxl,
  .hmf-px-xlg-xxxxl {
    padding-right: 120px !important;
  }
  .hmf-pb-xlg-xxxxl,
  .hmf-py-xlg-xxxxl {
    padding-bottom: 120px !important;
  }
  .hmf-pl-xlg-xxxxl,
  .hmf-px-xlg-xxxxl {
    padding-left: 120px !important;
  }
  .hmf-m-xlg-auto {
    margin: auto !important;
  }
  .hmf-mt-xlg-auto,
  .hmf-my-xlg-auto {
    margin-top: auto !important;
  }
  .hmf-mr-xlg-auto,
  .hmf-mx-xlg-auto {
    margin-right: auto !important;
  }
  .hmf-mb-xlg-auto,
  .hmf-my-xlg-auto {
    margin-bottom: auto !important;
  }
  .hmf-ml-xlg-auto,
  .hmf-mx-xlg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1440px) {
  .hmf-m-xl-auto {
    margin: auto !important;
  }
  .hmf-mt-xl-auto,
  .hmf-my-xl-auto {
    margin-top: auto !important;
  }
  .hmf-mr-xl-auto,
  .hmf-mx-xl-auto {
    margin-right: auto !important;
  }
  .hmf-mb-xl-auto,
  .hmf-my-xl-auto {
    margin-bottom: auto !important;
  }
  .hmf-ml-xl-auto,
  .hmf-mx-xl-auto {
    margin-left: auto !important;
  }
  .hmf-m-xl-0 {
    margin: 0px !important;
  }
  .hmf-mt-xl-0,
  .hmf-my-xl-0 {
    margin-top: 0px !important;
  }
  .hmf-mr-xl-0,
  .hmf-mx-xl-0 {
    margin-right: 0px !important;
  }
  .hmf-mb-xl-0,
  .hmf-my-xl-0 {
    margin-bottom: 0px !important;
  }
  .hmf-ml-xl-0,
  .hmf-mx-xl-0 {
    margin-left: 0px !important;
  }
  .hmf-m-xl-xxxs {
    margin: 4px !important;
  }
  .hmf-mt-xl-xxxs,
  .hmf-my-xl-xxxs {
    margin-top: 4px !important;
  }
  .hmf-mr-xl-xxxs,
  .hmf-mx-xl-xxxs {
    margin-right: 4px !important;
  }
  .hmf-mb-xl-xxxs,
  .hmf-my-xl-xxxs {
    margin-bottom: 4px !important;
  }
  .hmf-ml-xl-xxxs,
  .hmf-mx-xl-xxxs {
    margin-left: 4px !important;
  }
  .hmf-m-xl-xxs {
    margin: 8px !important;
  }
  .hmf-mt-xl-xxs,
  .hmf-my-xl-xxs {
    margin-top: 8px !important;
  }
  .hmf-mr-xl-xxs,
  .hmf-mx-xl-xxs {
    margin-right: 8px !important;
  }
  .hmf-mb-xl-xxs,
  .hmf-my-xl-xxs {
    margin-bottom: 8px !important;
  }
  .hmf-ml-xl-xxs,
  .hmf-mx-xl-xxs {
    margin-left: 8px !important;
  }
  .hmf-m-xl-xs {
    margin: 12px !important;
  }
  .hmf-mt-xl-xs,
  .hmf-my-xl-xs {
    margin-top: 12px !important;
  }
  .hmf-mr-xl-xs,
  .hmf-mx-xl-xs {
    margin-right: 12px !important;
  }
  .hmf-mb-xl-xs,
  .hmf-my-xl-xs {
    margin-bottom: 12px !important;
  }
  .hmf-ml-xl-xs,
  .hmf-mx-xl-xs {
    margin-left: 12px !important;
  }
  .hmf-m-xl-s {
    margin: 16px !important;
  }
  .hmf-mt-xl-s,
  .hmf-my-xl-s {
    margin-top: 16px !important;
  }
  .hmf-mr-xl-s,
  .hmf-mx-xl-s {
    margin-right: 16px !important;
  }
  .hmf-mb-xl-s,
  .hmf-my-xl-s {
    margin-bottom: 16px !important;
  }
  .hmf-ml-xl-s,
  .hmf-mx-xl-s {
    margin-left: 16px !important;
  }
  .hmf-m-xl-m {
    margin: 24px !important;
  }
  .hmf-mt-xl-m,
  .hmf-my-xl-m {
    margin-top: 24px !important;
  }
  .hmf-mr-xl-m,
  .hmf-mx-xl-m {
    margin-right: 24px !important;
  }
  .hmf-mb-xl-m,
  .hmf-my-xl-m {
    margin-bottom: 24px !important;
  }
  .hmf-ml-xl-m,
  .hmf-mx-xl-m {
    margin-left: 24px !important;
  }
  .hmf-m-xl-l {
    margin: 32px !important;
  }
  .hmf-mt-xl-l,
  .hmf-my-xl-l {
    margin-top: 32px !important;
  }
  .hmf-mr-xl-l,
  .hmf-mx-xl-l {
    margin-right: 32px !important;
  }
  .hmf-mb-xl-l,
  .hmf-my-xl-l {
    margin-bottom: 32px !important;
  }
  .hmf-ml-xl-l,
  .hmf-mx-xl-l {
    margin-left: 32px !important;
  }
  .hmf-m-xl-xl {
    margin: 48px !important;
  }
  .hmf-mt-xl-xl,
  .hmf-my-xl-xl {
    margin-top: 48px !important;
  }
  .hmf-mr-xl-xl,
  .hmf-mx-xl-xl {
    margin-right: 48px !important;
  }
  .hmf-mb-xl-xl,
  .hmf-my-xl-xl {
    margin-bottom: 48px !important;
  }
  .hmf-ml-xl-xl,
  .hmf-mx-xl-xl {
    margin-left: 48px !important;
  }
  .hmf-m-xl-xxl {
    margin: 72px !important;
  }
  .hmf-mt-xl-xxl,
  .hmf-my-xl-xxl {
    margin-top: 72px !important;
  }
  .hmf-mr-xl-xxl,
  .hmf-mx-xl-xxl {
    margin-right: 72px !important;
  }
  .hmf-mb-xl-xxl,
  .hmf-my-xl-xxl {
    margin-bottom: 72px !important;
  }
  .hmf-ml-xl-xxl,
  .hmf-mx-xl-xxl {
    margin-left: 72px !important;
  }
  .hmf-m-xl-xxxl {
    margin: 96px !important;
  }
  .hmf-mt-xl-xxxl,
  .hmf-my-xl-xxxl {
    margin-top: 96px !important;
  }
  .hmf-mr-xl-xxxl,
  .hmf-mx-xl-xxxl {
    margin-right: 96px !important;
  }
  .hmf-mb-xl-xxxl,
  .hmf-my-xl-xxxl {
    margin-bottom: 96px !important;
  }
  .hmf-ml-xl-xxxl,
  .hmf-mx-xl-xxxl {
    margin-left: 96px !important;
  }
  .hmf-m-xl-xxxxl {
    margin: 120px !important;
  }
  .hmf-mt-xl-xxxxl,
  .hmf-my-xl-xxxxl {
    margin-top: 120px !important;
  }
  .hmf-mr-xl-xxxxl,
  .hmf-mx-xl-xxxxl {
    margin-right: 120px !important;
  }
  .hmf-mb-xl-xxxxl,
  .hmf-my-xl-xxxxl {
    margin-bottom: 120px !important;
  }
  .hmf-ml-xl-xxxxl,
  .hmf-mx-xl-xxxxl {
    margin-left: 120px !important;
  }
  .hmf-p-xl-auto {
    padding: auto !important;
  }
  .hmf-pt-xl-auto,
  .hmf-py-xl-auto {
    padding-top: auto !important;
  }
  .hmf-pr-xl-auto,
  .hmf-px-xl-auto {
    padding-right: auto !important;
  }
  .hmf-pb-xl-auto,
  .hmf-py-xl-auto {
    padding-bottom: auto !important;
  }
  .hmf-pl-xl-auto,
  .hmf-px-xl-auto {
    padding-left: auto !important;
  }
  .hmf-p-xl-0 {
    padding: 0px !important;
  }
  .hmf-pt-xl-0,
  .hmf-py-xl-0 {
    padding-top: 0px !important;
  }
  .hmf-pr-xl-0,
  .hmf-px-xl-0 {
    padding-right: 0px !important;
  }
  .hmf-pb-xl-0,
  .hmf-py-xl-0 {
    padding-bottom: 0px !important;
  }
  .hmf-pl-xl-0,
  .hmf-px-xl-0 {
    padding-left: 0px !important;
  }
  .hmf-p-xl-xxxs {
    padding: 4px !important;
  }
  .hmf-pt-xl-xxxs,
  .hmf-py-xl-xxxs {
    padding-top: 4px !important;
  }
  .hmf-pr-xl-xxxs,
  .hmf-px-xl-xxxs {
    padding-right: 4px !important;
  }
  .hmf-pb-xl-xxxs,
  .hmf-py-xl-xxxs {
    padding-bottom: 4px !important;
  }
  .hmf-pl-xl-xxxs,
  .hmf-px-xl-xxxs {
    padding-left: 4px !important;
  }
  .hmf-p-xl-xxs {
    padding: 8px !important;
  }
  .hmf-pt-xl-xxs,
  .hmf-py-xl-xxs {
    padding-top: 8px !important;
  }
  .hmf-pr-xl-xxs,
  .hmf-px-xl-xxs {
    padding-right: 8px !important;
  }
  .hmf-pb-xl-xxs,
  .hmf-py-xl-xxs {
    padding-bottom: 8px !important;
  }
  .hmf-pl-xl-xxs,
  .hmf-px-xl-xxs {
    padding-left: 8px !important;
  }
  .hmf-p-xl-xs {
    padding: 12px !important;
  }
  .hmf-pt-xl-xs,
  .hmf-py-xl-xs {
    padding-top: 12px !important;
  }
  .hmf-pr-xl-xs,
  .hmf-px-xl-xs {
    padding-right: 12px !important;
  }
  .hmf-pb-xl-xs,
  .hmf-py-xl-xs {
    padding-bottom: 12px !important;
  }
  .hmf-pl-xl-xs,
  .hmf-px-xl-xs {
    padding-left: 12px !important;
  }
  .hmf-p-xl-s {
    padding: 16px !important;
  }
  .hmf-pt-xl-s,
  .hmf-py-xl-s {
    padding-top: 16px !important;
  }
  .hmf-pr-xl-s,
  .hmf-px-xl-s {
    padding-right: 16px !important;
  }
  .hmf-pb-xl-s,
  .hmf-py-xl-s {
    padding-bottom: 16px !important;
  }
  .hmf-pl-xl-s,
  .hmf-px-xl-s {
    padding-left: 16px !important;
  }
  .hmf-p-xl-m {
    padding: 24px !important;
  }
  .hmf-pt-xl-m,
  .hmf-py-xl-m {
    padding-top: 24px !important;
  }
  .hmf-pr-xl-m,
  .hmf-px-xl-m {
    padding-right: 24px !important;
  }
  .hmf-pb-xl-m,
  .hmf-py-xl-m {
    padding-bottom: 24px !important;
  }
  .hmf-pl-xl-m,
  .hmf-px-xl-m {
    padding-left: 24px !important;
  }
  .hmf-p-xl-l {
    padding: 32px !important;
  }
  .hmf-pt-xl-l,
  .hmf-py-xl-l {
    padding-top: 32px !important;
  }
  .hmf-pr-xl-l,
  .hmf-px-xl-l {
    padding-right: 32px !important;
  }
  .hmf-pb-xl-l,
  .hmf-py-xl-l {
    padding-bottom: 32px !important;
  }
  .hmf-pl-xl-l,
  .hmf-px-xl-l {
    padding-left: 32px !important;
  }
  .hmf-p-xl-xl {
    padding: 48px !important;
  }
  .hmf-pt-xl-xl,
  .hmf-py-xl-xl {
    padding-top: 48px !important;
  }
  .hmf-pr-xl-xl,
  .hmf-px-xl-xl {
    padding-right: 48px !important;
  }
  .hmf-pb-xl-xl,
  .hmf-py-xl-xl {
    padding-bottom: 48px !important;
  }
  .hmf-pl-xl-xl,
  .hmf-px-xl-xl {
    padding-left: 48px !important;
  }
  .hmf-p-xl-xxl {
    padding: 72px !important;
  }
  .hmf-pt-xl-xxl,
  .hmf-py-xl-xxl {
    padding-top: 72px !important;
  }
  .hmf-pr-xl-xxl,
  .hmf-px-xl-xxl {
    padding-right: 72px !important;
  }
  .hmf-pb-xl-xxl,
  .hmf-py-xl-xxl {
    padding-bottom: 72px !important;
  }
  .hmf-pl-xl-xxl,
  .hmf-px-xl-xxl {
    padding-left: 72px !important;
  }
  .hmf-p-xl-xxxl {
    padding: 96px !important;
  }
  .hmf-pt-xl-xxxl,
  .hmf-py-xl-xxxl {
    padding-top: 96px !important;
  }
  .hmf-pr-xl-xxxl,
  .hmf-px-xl-xxxl {
    padding-right: 96px !important;
  }
  .hmf-pb-xl-xxxl,
  .hmf-py-xl-xxxl {
    padding-bottom: 96px !important;
  }
  .hmf-pl-xl-xxxl,
  .hmf-px-xl-xxxl {
    padding-left: 96px !important;
  }
  .hmf-p-xl-xxxxl {
    padding: 120px !important;
  }
  .hmf-pt-xl-xxxxl,
  .hmf-py-xl-xxxxl {
    padding-top: 120px !important;
  }
  .hmf-pr-xl-xxxxl,
  .hmf-px-xl-xxxxl {
    padding-right: 120px !important;
  }
  .hmf-pb-xl-xxxxl,
  .hmf-py-xl-xxxxl {
    padding-bottom: 120px !important;
  }
  .hmf-pl-xl-xxxxl,
  .hmf-px-xl-xxxxl {
    padding-left: 120px !important;
  }
  .hmf-m-xl-auto {
    margin: auto !important;
  }
  .hmf-mt-xl-auto,
  .hmf-my-xl-auto {
    margin-top: auto !important;
  }
  .hmf-mr-xl-auto,
  .hmf-mx-xl-auto {
    margin-right: auto !important;
  }
  .hmf-mb-xl-auto,
  .hmf-my-xl-auto {
    margin-bottom: auto !important;
  }
  .hmf-ml-xl-auto,
  .hmf-mx-xl-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1440px) {
  .hmf-m-xxlg-auto {
    margin: auto !important;
  }
  .hmf-mt-xxlg-auto,
  .hmf-my-xxlg-auto {
    margin-top: auto !important;
  }
  .hmf-mr-xxlg-auto,
  .hmf-mx-xxlg-auto {
    margin-right: auto !important;
  }
  .hmf-mb-xxlg-auto,
  .hmf-my-xxlg-auto {
    margin-bottom: auto !important;
  }
  .hmf-ml-xxlg-auto,
  .hmf-mx-xxlg-auto {
    margin-left: auto !important;
  }
  .hmf-m-xxlg-0 {
    margin: 0px !important;
  }
  .hmf-mt-xxlg-0,
  .hmf-my-xxlg-0 {
    margin-top: 0px !important;
  }
  .hmf-mr-xxlg-0,
  .hmf-mx-xxlg-0 {
    margin-right: 0px !important;
  }
  .hmf-mb-xxlg-0,
  .hmf-my-xxlg-0 {
    margin-bottom: 0px !important;
  }
  .hmf-ml-xxlg-0,
  .hmf-mx-xxlg-0 {
    margin-left: 0px !important;
  }
  .hmf-m-xxlg-xxxs {
    margin: 4px !important;
  }
  .hmf-mt-xxlg-xxxs,
  .hmf-my-xxlg-xxxs {
    margin-top: 4px !important;
  }
  .hmf-mr-xxlg-xxxs,
  .hmf-mx-xxlg-xxxs {
    margin-right: 4px !important;
  }
  .hmf-mb-xxlg-xxxs,
  .hmf-my-xxlg-xxxs {
    margin-bottom: 4px !important;
  }
  .hmf-ml-xxlg-xxxs,
  .hmf-mx-xxlg-xxxs {
    margin-left: 4px !important;
  }
  .hmf-m-xxlg-xxs {
    margin: 8px !important;
  }
  .hmf-mt-xxlg-xxs,
  .hmf-my-xxlg-xxs {
    margin-top: 8px !important;
  }
  .hmf-mr-xxlg-xxs,
  .hmf-mx-xxlg-xxs {
    margin-right: 8px !important;
  }
  .hmf-mb-xxlg-xxs,
  .hmf-my-xxlg-xxs {
    margin-bottom: 8px !important;
  }
  .hmf-ml-xxlg-xxs,
  .hmf-mx-xxlg-xxs {
    margin-left: 8px !important;
  }
  .hmf-m-xxlg-xs {
    margin: 12px !important;
  }
  .hmf-mt-xxlg-xs,
  .hmf-my-xxlg-xs {
    margin-top: 12px !important;
  }
  .hmf-mr-xxlg-xs,
  .hmf-mx-xxlg-xs {
    margin-right: 12px !important;
  }
  .hmf-mb-xxlg-xs,
  .hmf-my-xxlg-xs {
    margin-bottom: 12px !important;
  }
  .hmf-ml-xxlg-xs,
  .hmf-mx-xxlg-xs {
    margin-left: 12px !important;
  }
  .hmf-m-xxlg-s {
    margin: 16px !important;
  }
  .hmf-mt-xxlg-s,
  .hmf-my-xxlg-s {
    margin-top: 16px !important;
  }
  .hmf-mr-xxlg-s,
  .hmf-mx-xxlg-s {
    margin-right: 16px !important;
  }
  .hmf-mb-xxlg-s,
  .hmf-my-xxlg-s {
    margin-bottom: 16px !important;
  }
  .hmf-ml-xxlg-s,
  .hmf-mx-xxlg-s {
    margin-left: 16px !important;
  }
  .hmf-m-xxlg-m {
    margin: 24px !important;
  }
  .hmf-mt-xxlg-m,
  .hmf-my-xxlg-m {
    margin-top: 24px !important;
  }
  .hmf-mr-xxlg-m,
  .hmf-mx-xxlg-m {
    margin-right: 24px !important;
  }
  .hmf-mb-xxlg-m,
  .hmf-my-xxlg-m {
    margin-bottom: 24px !important;
  }
  .hmf-ml-xxlg-m,
  .hmf-mx-xxlg-m {
    margin-left: 24px !important;
  }
  .hmf-m-xxlg-l {
    margin: 32px !important;
  }
  .hmf-mt-xxlg-l,
  .hmf-my-xxlg-l {
    margin-top: 32px !important;
  }
  .hmf-mr-xxlg-l,
  .hmf-mx-xxlg-l {
    margin-right: 32px !important;
  }
  .hmf-mb-xxlg-l,
  .hmf-my-xxlg-l {
    margin-bottom: 32px !important;
  }
  .hmf-ml-xxlg-l,
  .hmf-mx-xxlg-l {
    margin-left: 32px !important;
  }
  .hmf-m-xxlg-xl {
    margin: 48px !important;
  }
  .hmf-mt-xxlg-xl,
  .hmf-my-xxlg-xl {
    margin-top: 48px !important;
  }
  .hmf-mr-xxlg-xl,
  .hmf-mx-xxlg-xl {
    margin-right: 48px !important;
  }
  .hmf-mb-xxlg-xl,
  .hmf-my-xxlg-xl {
    margin-bottom: 48px !important;
  }
  .hmf-ml-xxlg-xl,
  .hmf-mx-xxlg-xl {
    margin-left: 48px !important;
  }
  .hmf-m-xxlg-xxl {
    margin: 72px !important;
  }
  .hmf-mt-xxlg-xxl,
  .hmf-my-xxlg-xxl {
    margin-top: 72px !important;
  }
  .hmf-mr-xxlg-xxl,
  .hmf-mx-xxlg-xxl {
    margin-right: 72px !important;
  }
  .hmf-mb-xxlg-xxl,
  .hmf-my-xxlg-xxl {
    margin-bottom: 72px !important;
  }
  .hmf-ml-xxlg-xxl,
  .hmf-mx-xxlg-xxl {
    margin-left: 72px !important;
  }
  .hmf-m-xxlg-xxxl {
    margin: 96px !important;
  }
  .hmf-mt-xxlg-xxxl,
  .hmf-my-xxlg-xxxl {
    margin-top: 96px !important;
  }
  .hmf-mr-xxlg-xxxl,
  .hmf-mx-xxlg-xxxl {
    margin-right: 96px !important;
  }
  .hmf-mb-xxlg-xxxl,
  .hmf-my-xxlg-xxxl {
    margin-bottom: 96px !important;
  }
  .hmf-ml-xxlg-xxxl,
  .hmf-mx-xxlg-xxxl {
    margin-left: 96px !important;
  }
  .hmf-m-xxlg-xxxxl {
    margin: 120px !important;
  }
  .hmf-mt-xxlg-xxxxl,
  .hmf-my-xxlg-xxxxl {
    margin-top: 120px !important;
  }
  .hmf-mr-xxlg-xxxxl,
  .hmf-mx-xxlg-xxxxl {
    margin-right: 120px !important;
  }
  .hmf-mb-xxlg-xxxxl,
  .hmf-my-xxlg-xxxxl {
    margin-bottom: 120px !important;
  }
  .hmf-ml-xxlg-xxxxl,
  .hmf-mx-xxlg-xxxxl {
    margin-left: 120px !important;
  }
  .hmf-p-xxlg-auto {
    padding: auto !important;
  }
  .hmf-pt-xxlg-auto,
  .hmf-py-xxlg-auto {
    padding-top: auto !important;
  }
  .hmf-pr-xxlg-auto,
  .hmf-px-xxlg-auto {
    padding-right: auto !important;
  }
  .hmf-pb-xxlg-auto,
  .hmf-py-xxlg-auto {
    padding-bottom: auto !important;
  }
  .hmf-pl-xxlg-auto,
  .hmf-px-xxlg-auto {
    padding-left: auto !important;
  }
  .hmf-p-xxlg-0 {
    padding: 0px !important;
  }
  .hmf-pt-xxlg-0,
  .hmf-py-xxlg-0 {
    padding-top: 0px !important;
  }
  .hmf-pr-xxlg-0,
  .hmf-px-xxlg-0 {
    padding-right: 0px !important;
  }
  .hmf-pb-xxlg-0,
  .hmf-py-xxlg-0 {
    padding-bottom: 0px !important;
  }
  .hmf-pl-xxlg-0,
  .hmf-px-xxlg-0 {
    padding-left: 0px !important;
  }
  .hmf-p-xxlg-xxxs {
    padding: 4px !important;
  }
  .hmf-pt-xxlg-xxxs,
  .hmf-py-xxlg-xxxs {
    padding-top: 4px !important;
  }
  .hmf-pr-xxlg-xxxs,
  .hmf-px-xxlg-xxxs {
    padding-right: 4px !important;
  }
  .hmf-pb-xxlg-xxxs,
  .hmf-py-xxlg-xxxs {
    padding-bottom: 4px !important;
  }
  .hmf-pl-xxlg-xxxs,
  .hmf-px-xxlg-xxxs {
    padding-left: 4px !important;
  }
  .hmf-p-xxlg-xxs {
    padding: 8px !important;
  }
  .hmf-pt-xxlg-xxs,
  .hmf-py-xxlg-xxs {
    padding-top: 8px !important;
  }
  .hmf-pr-xxlg-xxs,
  .hmf-px-xxlg-xxs {
    padding-right: 8px !important;
  }
  .hmf-pb-xxlg-xxs,
  .hmf-py-xxlg-xxs {
    padding-bottom: 8px !important;
  }
  .hmf-pl-xxlg-xxs,
  .hmf-px-xxlg-xxs {
    padding-left: 8px !important;
  }
  .hmf-p-xxlg-xs {
    padding: 12px !important;
  }
  .hmf-pt-xxlg-xs,
  .hmf-py-xxlg-xs {
    padding-top: 12px !important;
  }
  .hmf-pr-xxlg-xs,
  .hmf-px-xxlg-xs {
    padding-right: 12px !important;
  }
  .hmf-pb-xxlg-xs,
  .hmf-py-xxlg-xs {
    padding-bottom: 12px !important;
  }
  .hmf-pl-xxlg-xs,
  .hmf-px-xxlg-xs {
    padding-left: 12px !important;
  }
  .hmf-p-xxlg-s {
    padding: 16px !important;
  }
  .hmf-pt-xxlg-s,
  .hmf-py-xxlg-s {
    padding-top: 16px !important;
  }
  .hmf-pr-xxlg-s,
  .hmf-px-xxlg-s {
    padding-right: 16px !important;
  }
  .hmf-pb-xxlg-s,
  .hmf-py-xxlg-s {
    padding-bottom: 16px !important;
  }
  .hmf-pl-xxlg-s,
  .hmf-px-xxlg-s {
    padding-left: 16px !important;
  }
  .hmf-p-xxlg-m {
    padding: 24px !important;
  }
  .hmf-pt-xxlg-m,
  .hmf-py-xxlg-m {
    padding-top: 24px !important;
  }
  .hmf-pr-xxlg-m,
  .hmf-px-xxlg-m {
    padding-right: 24px !important;
  }
  .hmf-pb-xxlg-m,
  .hmf-py-xxlg-m {
    padding-bottom: 24px !important;
  }
  .hmf-pl-xxlg-m,
  .hmf-px-xxlg-m {
    padding-left: 24px !important;
  }
  .hmf-p-xxlg-l {
    padding: 32px !important;
  }
  .hmf-pt-xxlg-l,
  .hmf-py-xxlg-l {
    padding-top: 32px !important;
  }
  .hmf-pr-xxlg-l,
  .hmf-px-xxlg-l {
    padding-right: 32px !important;
  }
  .hmf-pb-xxlg-l,
  .hmf-py-xxlg-l {
    padding-bottom: 32px !important;
  }
  .hmf-pl-xxlg-l,
  .hmf-px-xxlg-l {
    padding-left: 32px !important;
  }
  .hmf-p-xxlg-xl {
    padding: 48px !important;
  }
  .hmf-pt-xxlg-xl,
  .hmf-py-xxlg-xl {
    padding-top: 48px !important;
  }
  .hmf-pr-xxlg-xl,
  .hmf-px-xxlg-xl {
    padding-right: 48px !important;
  }
  .hmf-pb-xxlg-xl,
  .hmf-py-xxlg-xl {
    padding-bottom: 48px !important;
  }
  .hmf-pl-xxlg-xl,
  .hmf-px-xxlg-xl {
    padding-left: 48px !important;
  }
  .hmf-p-xxlg-xxl {
    padding: 72px !important;
  }
  .hmf-pt-xxlg-xxl,
  .hmf-py-xxlg-xxl {
    padding-top: 72px !important;
  }
  .hmf-pr-xxlg-xxl,
  .hmf-px-xxlg-xxl {
    padding-right: 72px !important;
  }
  .hmf-pb-xxlg-xxl,
  .hmf-py-xxlg-xxl {
    padding-bottom: 72px !important;
  }
  .hmf-pl-xxlg-xxl,
  .hmf-px-xxlg-xxl {
    padding-left: 72px !important;
  }
  .hmf-p-xxlg-xxxl {
    padding: 96px !important;
  }
  .hmf-pt-xxlg-xxxl,
  .hmf-py-xxlg-xxxl {
    padding-top: 96px !important;
  }
  .hmf-pr-xxlg-xxxl,
  .hmf-px-xxlg-xxxl {
    padding-right: 96px !important;
  }
  .hmf-pb-xxlg-xxxl,
  .hmf-py-xxlg-xxxl {
    padding-bottom: 96px !important;
  }
  .hmf-pl-xxlg-xxxl,
  .hmf-px-xxlg-xxxl {
    padding-left: 96px !important;
  }
  .hmf-p-xxlg-xxxxl {
    padding: 120px !important;
  }
  .hmf-pt-xxlg-xxxxl,
  .hmf-py-xxlg-xxxxl {
    padding-top: 120px !important;
  }
  .hmf-pr-xxlg-xxxxl,
  .hmf-px-xxlg-xxxxl {
    padding-right: 120px !important;
  }
  .hmf-pb-xxlg-xxxxl,
  .hmf-py-xxlg-xxxxl {
    padding-bottom: 120px !important;
  }
  .hmf-pl-xxlg-xxxxl,
  .hmf-px-xxlg-xxxxl {
    padding-left: 120px !important;
  }
  .hmf-m-xxlg-auto {
    margin: auto !important;
  }
  .hmf-mt-xxlg-auto,
  .hmf-my-xxlg-auto {
    margin-top: auto !important;
  }
  .hmf-mr-xxlg-auto,
  .hmf-mx-xxlg-auto {
    margin-right: auto !important;
  }
  .hmf-mb-xxlg-auto,
  .hmf-my-xxlg-auto {
    margin-bottom: auto !important;
  }
  .hmf-ml-xxlg-auto,
  .hmf-mx-xxlg-auto {
    margin-left: auto !important;
  }
}
.hmf-sharp-radius {
  border-radius: var(--hmf-sharp-radius);
}

.hmf-soft-radius {
  border-radius: var(--hmf-soft-radius);
}

.hmf-round-radius {
  border-radius: var(--hmf-round-radius);
}

.hmf-subtle-shadow {
  box-shadow: var(--hmf-subtle-shadow);
}

.hmf-elevated-shadow {
  box-shadow: var(--hmf-elevated-shadow);
}

.hmf-elevated-up-shadow {
  box-shadow: var(--hmf-elevated-up-shadow);
}

.hmf-soft-shadow {
  box-shadow: var(--hmf-soft-shadow);
}

.hmf-display-none {
  display: none;
}

.hmf-display-inline {
  display: inline;
}

.hmf-display-inline-block {
  display: inline-block;
}

.hmf-display-block {
  display: block;
}

.hmf-display-table {
  display: table;
}

.hmf-display-table-cell {
  display: table-cell;
}

.hmf-display-table-row {
  display: table-row;
}

.hmf-display-flex {
  display: flex;
}

.hmf-display-inline-flex {
  display: inline-flex;
}

.hmf-display-none {
  display: none;
}

.hmf-display-inline {
  display: inline;
}

.hmf-display-inline-block {
  display: inline-block;
}

.hmf-display-block {
  display: block;
}

.hmf-display-table {
  display: table;
}

.hmf-display-table-cell {
  display: table-cell;
}

.hmf-display-table-row {
  display: table-row;
}

.hmf-display-flex {
  display: flex;
}

.hmf-display-inline-flex {
  display: inline-flex;
}

@media (min-width: 375px) {
  .hmf-display-s-none {
    display: none;
  }
  .hmf-display-s-inline {
    display: inline;
  }
  .hmf-display-s-inline-block {
    display: inline-block;
  }
  .hmf-display-s-block {
    display: block;
  }
  .hmf-display-s-table {
    display: table;
  }
  .hmf-display-s-table-cell {
    display: table-cell;
  }
  .hmf-display-s-table-row {
    display: table-row;
  }
  .hmf-display-s-flex {
    display: flex;
  }
  .hmf-display-s-inline-flex {
    display: inline-flex;
  }
}
@media (min-width: 375px) {
  .hmf-display-xsm-none {
    display: none;
  }
  .hmf-display-xsm-inline {
    display: inline;
  }
  .hmf-display-xsm-inline-block {
    display: inline-block;
  }
  .hmf-display-xsm-block {
    display: block;
  }
  .hmf-display-xsm-table {
    display: table;
  }
  .hmf-display-xsm-table-cell {
    display: table-cell;
  }
  .hmf-display-xsm-table-row {
    display: table-row;
  }
  .hmf-display-xsm-flex {
    display: flex;
  }
  .hmf-display-xsm-inline-flex {
    display: inline-flex;
  }
}
@media (min-width: 480px) {
  .hmf-display-sm-none {
    display: none;
  }
  .hmf-display-sm-inline {
    display: inline;
  }
  .hmf-display-sm-inline-block {
    display: inline-block;
  }
  .hmf-display-sm-block {
    display: block;
  }
  .hmf-display-sm-table {
    display: table;
  }
  .hmf-display-sm-table-cell {
    display: table-cell;
  }
  .hmf-display-sm-table-row {
    display: table-row;
  }
  .hmf-display-sm-flex {
    display: flex;
  }
  .hmf-display-sm-inline-flex {
    display: inline-flex;
  }
}
@media (min-width: 768px) {
  .hmf-display-m-none {
    display: none;
  }
  .hmf-display-m-inline {
    display: inline;
  }
  .hmf-display-m-inline-block {
    display: inline-block;
  }
  .hmf-display-m-block {
    display: block;
  }
  .hmf-display-m-table {
    display: table;
  }
  .hmf-display-m-table-cell {
    display: table-cell;
  }
  .hmf-display-m-table-row {
    display: table-row;
  }
  .hmf-display-m-flex {
    display: flex;
  }
  .hmf-display-m-inline-flex {
    display: inline-flex;
  }
}
@media (min-width: 768px) {
  .hmf-display-md-none {
    display: none;
  }
  .hmf-display-md-inline {
    display: inline;
  }
  .hmf-display-md-inline-block {
    display: inline-block;
  }
  .hmf-display-md-block {
    display: block;
  }
  .hmf-display-md-table {
    display: table;
  }
  .hmf-display-md-table-cell {
    display: table-cell;
  }
  .hmf-display-md-table-row {
    display: table-row;
  }
  .hmf-display-md-flex {
    display: flex;
  }
  .hmf-display-md-inline-flex {
    display: inline-flex;
  }
}
@media (min-width: 1024px) {
  .hmf-display-lg-none {
    display: none;
  }
  .hmf-display-lg-inline {
    display: inline;
  }
  .hmf-display-lg-inline-block {
    display: inline-block;
  }
  .hmf-display-lg-block {
    display: block;
  }
  .hmf-display-lg-table {
    display: table;
  }
  .hmf-display-lg-table-cell {
    display: table-cell;
  }
  .hmf-display-lg-table-row {
    display: table-row;
  }
  .hmf-display-lg-flex {
    display: flex;
  }
  .hmf-display-lg-inline-flex {
    display: inline-flex;
  }
}
@media (min-width: 1280px) {
  .hmf-display-l-none {
    display: none;
  }
  .hmf-display-l-inline {
    display: inline;
  }
  .hmf-display-l-inline-block {
    display: inline-block;
  }
  .hmf-display-l-block {
    display: block;
  }
  .hmf-display-l-table {
    display: table;
  }
  .hmf-display-l-table-cell {
    display: table-cell;
  }
  .hmf-display-l-table-row {
    display: table-row;
  }
  .hmf-display-l-flex {
    display: flex;
  }
  .hmf-display-l-inline-flex {
    display: inline-flex;
  }
}
@media (min-width: 1280px) {
  .hmf-display-xlg-none {
    display: none;
  }
  .hmf-display-xlg-inline {
    display: inline;
  }
  .hmf-display-xlg-inline-block {
    display: inline-block;
  }
  .hmf-display-xlg-block {
    display: block;
  }
  .hmf-display-xlg-table {
    display: table;
  }
  .hmf-display-xlg-table-cell {
    display: table-cell;
  }
  .hmf-display-xlg-table-row {
    display: table-row;
  }
  .hmf-display-xlg-flex {
    display: flex;
  }
  .hmf-display-xlg-inline-flex {
    display: inline-flex;
  }
}
@media (min-width: 1440px) {
  .hmf-display-xl-none {
    display: none;
  }
  .hmf-display-xl-inline {
    display: inline;
  }
  .hmf-display-xl-inline-block {
    display: inline-block;
  }
  .hmf-display-xl-block {
    display: block;
  }
  .hmf-display-xl-table {
    display: table;
  }
  .hmf-display-xl-table-cell {
    display: table-cell;
  }
  .hmf-display-xl-table-row {
    display: table-row;
  }
  .hmf-display-xl-flex {
    display: flex;
  }
  .hmf-display-xl-inline-flex {
    display: inline-flex;
  }
}
@media (min-width: 1440px) {
  .hmf-display-xxlg-none {
    display: none;
  }
  .hmf-display-xxlg-inline {
    display: inline;
  }
  .hmf-display-xxlg-inline-block {
    display: inline-block;
  }
  .hmf-display-xxlg-block {
    display: block;
  }
  .hmf-display-xxlg-table {
    display: table;
  }
  .hmf-display-xxlg-table-cell {
    display: table-cell;
  }
  .hmf-display-xxlg-table-row {
    display: table-row;
  }
  .hmf-display-xxlg-flex {
    display: flex;
  }
  .hmf-display-xxlg-inline-flex {
    display: inline-flex;
  }
}
.hmf-position-static {
  position: static;
}

.hmf-position-relative {
  position: relative;
}

.hmf-position-absolute {
  position: absolute;
}

.hmf-position-fixed {
  position: fixed;
}

.hmf-position-sticky {
  position: sticky;
}

.hmf-position-static {
  position: static;
}

.hmf-position-relative {
  position: relative;
}

.hmf-position-absolute {
  position: absolute;
}

.hmf-position-fixed {
  position: fixed;
}

.hmf-position-sticky {
  position: sticky;
}

@media (min-width: 375px) {
  .hmf-position-s-static {
    position: static;
  }
  .hmf-position-s-relative {
    position: relative;
  }
  .hmf-position-s-absolute {
    position: absolute;
  }
  .hmf-position-s-fixed {
    position: fixed;
  }
  .hmf-position-s-sticky {
    position: sticky;
  }
}
@media (min-width: 375px) {
  .hmf-position-xsm-static {
    position: static;
  }
  .hmf-position-xsm-relative {
    position: relative;
  }
  .hmf-position-xsm-absolute {
    position: absolute;
  }
  .hmf-position-xsm-fixed {
    position: fixed;
  }
  .hmf-position-xsm-sticky {
    position: sticky;
  }
}
@media (min-width: 480px) {
  .hmf-position-sm-static {
    position: static;
  }
  .hmf-position-sm-relative {
    position: relative;
  }
  .hmf-position-sm-absolute {
    position: absolute;
  }
  .hmf-position-sm-fixed {
    position: fixed;
  }
  .hmf-position-sm-sticky {
    position: sticky;
  }
}
@media (min-width: 768px) {
  .hmf-position-m-static {
    position: static;
  }
  .hmf-position-m-relative {
    position: relative;
  }
  .hmf-position-m-absolute {
    position: absolute;
  }
  .hmf-position-m-fixed {
    position: fixed;
  }
  .hmf-position-m-sticky {
    position: sticky;
  }
}
@media (min-width: 768px) {
  .hmf-position-md-static {
    position: static;
  }
  .hmf-position-md-relative {
    position: relative;
  }
  .hmf-position-md-absolute {
    position: absolute;
  }
  .hmf-position-md-fixed {
    position: fixed;
  }
  .hmf-position-md-sticky {
    position: sticky;
  }
}
@media (min-width: 1024px) {
  .hmf-position-lg-static {
    position: static;
  }
  .hmf-position-lg-relative {
    position: relative;
  }
  .hmf-position-lg-absolute {
    position: absolute;
  }
  .hmf-position-lg-fixed {
    position: fixed;
  }
  .hmf-position-lg-sticky {
    position: sticky;
  }
}
@media (min-width: 1280px) {
  .hmf-position-l-static {
    position: static;
  }
  .hmf-position-l-relative {
    position: relative;
  }
  .hmf-position-l-absolute {
    position: absolute;
  }
  .hmf-position-l-fixed {
    position: fixed;
  }
  .hmf-position-l-sticky {
    position: sticky;
  }
}
@media (min-width: 1280px) {
  .hmf-position-xlg-static {
    position: static;
  }
  .hmf-position-xlg-relative {
    position: relative;
  }
  .hmf-position-xlg-absolute {
    position: absolute;
  }
  .hmf-position-xlg-fixed {
    position: fixed;
  }
  .hmf-position-xlg-sticky {
    position: sticky;
  }
}
@media (min-width: 1440px) {
  .hmf-position-xl-static {
    position: static;
  }
  .hmf-position-xl-relative {
    position: relative;
  }
  .hmf-position-xl-absolute {
    position: absolute;
  }
  .hmf-position-xl-fixed {
    position: fixed;
  }
  .hmf-position-xl-sticky {
    position: sticky;
  }
}
@media (min-width: 1440px) {
  .hmf-position-xxlg-static {
    position: static;
  }
  .hmf-position-xxlg-relative {
    position: relative;
  }
  .hmf-position-xxlg-absolute {
    position: absolute;
  }
  .hmf-position-xxlg-fixed {
    position: fixed;
  }
  .hmf-position-xxlg-sticky {
    position: sticky;
  }
}
/** @format */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/** @format */
.hmf-flex-row {
  display: flex;
  flex-direction: row;
}

.hmf-flex-col {
  display: flex;
  flex-direction: column;
}

.hmf-flex-column {
  display: flex;
  flex-direction: column;
}

.hmf-flex-row-reverse {
  flex-direction: row-reverse;
}

.hmf-flex-col-reverse {
  flex-direction: column-reverse;
}

.hmf-flex-column-reverse {
  flex-direction: column-reverse;
}

.hmf-flex-wrap {
  flex-wrap: wrap;
}

.hmf-flex-nowrap {
  flex-wrap: nowrap;
}

.hmf-flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}

.hmf-flex-fill {
  flex: 1 1 auto;
}

.hmf-flex-grow-none {
  flex-grow: 0;
}

.hmf-flex-grow {
  flex-grow: 1;
}

.hmf-flex-shrink-none {
  flex-shrink: 0;
}

.hmf-flex-shrink {
  flex-shrink: 1;
}

.hmf-justify-content-flex-start {
  justify-content: flex-start;
}

.hmf-justify-content-flex-end {
  justify-content: flex-end;
}

.hmf-justify-content-center {
  justify-content: center;
}

.hmf-justify-content-between {
  justify-content: space-between;
}

.hmf-justify-content-around {
  justify-content: space-around;
}

.hmf-justify-content-evenly {
  -webkit-box-pack: justify;
  -ms-flex-pack: distribute;
  justify-content: space-evenly;
}

.hmf-justify-content-start {
  justify-content: start;
}

.hmf-justify-content-end {
  justify-content: end;
}

.hmf-justify-content-left {
  justify-content: left;
}

.hmf-justify-content-right {
  justify-content: right;
}

.hmf-align-items-flex-start {
  align-items: flex-start;
}

.hmf-align-items-flex-end {
  align-items: flex-end;
}

.hmf-align-items-center {
  align-items: center;
}

.hmf-align-items-baseline {
  align-items: baseline;
}

.hmf-align-items-stretch {
  align-items: stretch;
}

.hmf-align-items-self-start {
  align-items: self-start;
}

.hmf-align-items-self-end {
  align-items: self-start;
}

.hmf-align-content-start {
  align-content: flex-start;
}

.hmf-align-content-end {
  align-content: flex-end;
}

.hmf-align-content-center {
  align-content: center;
}

.hmf-align-content-between {
  align-content: space-between;
}

.hmf-align-content-around {
  align-content: space-around;
}

.hmf-align-content-evenly {
  align-content: space-evenly;
}

.hmf-align-content-stretch {
  align-content: stretch;
}

.hmf-align-self-auto {
  align-self: auto;
}

.hmf-align-self-start {
  align-self: flex-start;
}

.hmf-align-self-end {
  align-self: flex-end;
}

.hmf-align-self-center {
  align-self: center;
}

.hmf-align-self-baseline {
  align-self: baseline;
}

.hmf-align-self-stretch {
  align-self: stretch;
}

.hmf-flex-row {
  display: flex;
  flex-direction: row;
}

.hmf-flex-col {
  display: flex;
  flex-direction: column;
}

.hmf-flex-column {
  display: flex;
  flex-direction: column;
}

.hmf-flex-row-reverse {
  flex-direction: row-reverse;
}

.hmf-flex-col-reverse {
  flex-direction: column-reverse;
}

.hmf-flex-column-reverse {
  flex-direction: column-reverse;
}

.hmf-flex-wrap {
  flex-wrap: wrap;
}

.hmf-flex-nowrap {
  flex-wrap: nowrap;
}

.hmf-flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}

.hmf-flex-fill {
  flex: 1 1 auto;
}

.hmf-flex-grow-none {
  flex-grow: 0;
}

.hmf-flex-grow {
  flex-grow: 1;
}

.hmf-flex-shrink-none {
  flex-shrink: 0;
}

.hmf-flex-shrink {
  flex-shrink: 1;
}

.hmf-justify-content-flex-start {
  justify-content: flex-start;
}

.hmf-justify-content-flex-end {
  justify-content: flex-end;
}

.hmf-justify-content-center {
  justify-content: center;
}

.hmf-justify-content-between {
  justify-content: space-between;
}

.hmf-justify-content-around {
  justify-content: space-around;
}

.hmf-justify-content-evenly {
  -webkit-box-pack: justify;
  -ms-flex-pack: distribute;
  justify-content: space-evenly;
}

.hmf-justify-content-start {
  justify-content: start;
}

.hmf-justify-content-end {
  justify-content: end;
}

.hmf-justify-content-left {
  justify-content: left;
}

.hmf-justify-content-right {
  justify-content: right;
}

.hmf-align-items-flex-start {
  align-items: flex-start;
}

.hmf-align-items-flex-end {
  align-items: flex-end;
}

.hmf-align-items-center {
  align-items: center;
}

.hmf-align-items-baseline {
  align-items: baseline;
}

.hmf-align-items-stretch {
  align-items: stretch;
}

.hmf-align-items-self-start {
  align-items: self-start;
}

.hmf-align-items-self-end {
  align-items: self-start;
}

.hmf-align-content-start {
  align-content: flex-start;
}

.hmf-align-content-end {
  align-content: flex-end;
}

.hmf-align-content-center {
  align-content: center;
}

.hmf-align-content-between {
  align-content: space-between;
}

.hmf-align-content-around {
  align-content: space-around;
}

.hmf-align-content-evenly {
  align-content: space-evenly;
}

.hmf-align-content-stretch {
  align-content: stretch;
}

.hmf-align-self-auto {
  align-self: auto;
}

.hmf-align-self-start {
  align-self: flex-start;
}

.hmf-align-self-end {
  align-self: flex-end;
}

.hmf-align-self-center {
  align-self: center;
}

.hmf-align-self-baseline {
  align-self: baseline;
}

.hmf-align-self-stretch {
  align-self: stretch;
}

@media (min-width: 375px) {
  .hmf-flex-s-row {
    display: flex;
    flex-direction: row;
  }
  .hmf-flex-s-col {
    display: flex;
    flex-direction: column;
  }
  .hmf-flex-s-column {
    display: flex;
    flex-direction: column;
  }
  .hmf-flex-s-row-reverse {
    flex-direction: row-reverse;
  }
  .hmf-flex-s-col-reverse {
    flex-direction: column-reverse;
  }
  .hmf-flex-s-column-reverse {
    flex-direction: column-reverse;
  }
  .hmf-flex-s-wrap {
    flex-wrap: wrap;
  }
  .hmf-flex-s-nowrap {
    flex-wrap: nowrap;
  }
  .hmf-flex-s-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .hmf-flex-s-fill {
    flex: 1 1 auto;
  }
  .hmf-flex-s-grow-none {
    flex-grow: 0;
  }
  .hmf-flex-s-grow {
    flex-grow: 1;
  }
  .hmf-flex-s-shrink-none {
    flex-shrink: 0;
  }
  .hmf-flex-s-shrink {
    flex-shrink: 1;
  }
  .hmf-justify-content-s-flex-start {
    justify-content: flex-start;
  }
  .hmf-justify-content-s-flex-end {
    justify-content: flex-end;
  }
  .hmf-justify-content-s-center {
    justify-content: center;
  }
  .hmf-justify-content-s-between {
    justify-content: space-between;
  }
  .hmf-justify-content-s-around {
    justify-content: space-around;
  }
  .hmf-justify-content-s-evenly {
    -webkit-box-pack: justify;
    -ms-flex-pack: distribute;
    justify-content: space-evenly;
  }
  .hmf-justify-content-s-start {
    justify-content: start;
  }
  .hmf-justify-content-s-end {
    justify-content: end;
  }
  .hmf-justify-content-s-left {
    justify-content: left;
  }
  .hmf-justify-content-s-right {
    justify-content: right;
  }
  .hmf-align-items-s-flex-start {
    align-items: flex-start;
  }
  .hmf-align-items-s-flex-end {
    align-items: flex-end;
  }
  .hmf-align-items-s-center {
    align-items: center;
  }
  .hmf-align-items-s-baseline {
    align-items: baseline;
  }
  .hmf-align-items-s-stretch {
    align-items: stretch;
  }
  .hmf-align-items-s-self-start {
    align-items: self-start;
  }
  .hmf-align-items-s-self-end {
    align-items: self-start;
  }
  .hmf-align-content-s-start {
    align-content: flex-start;
  }
  .hmf-align-content-s-end {
    align-content: flex-end;
  }
  .hmf-align-content-s-center {
    align-content: center;
  }
  .hmf-align-content-s-between {
    align-content: space-between;
  }
  .hmf-align-content-s-around {
    align-content: space-around;
  }
  .hmf-align-content-s-evenly {
    align-content: space-evenly;
  }
  .hmf-align-content-s-stretch {
    align-content: stretch;
  }
  .hmf-align-self-s-auto {
    align-self: auto;
  }
  .hmf-align-self-s-start {
    align-self: flex-start;
  }
  .hmf-align-self-s-end {
    align-self: flex-end;
  }
  .hmf-align-self-s-center {
    align-self: center;
  }
  .hmf-align-self-s-baseline {
    align-self: baseline;
  }
  .hmf-align-self-s-stretch {
    align-self: stretch;
  }
}
@media (min-width: 375px) {
  .hmf-flex-xsm-row {
    display: flex;
    flex-direction: row;
  }
  .hmf-flex-xsm-col {
    display: flex;
    flex-direction: column;
  }
  .hmf-flex-xsm-column {
    display: flex;
    flex-direction: column;
  }
  .hmf-flex-xsm-row-reverse {
    flex-direction: row-reverse;
  }
  .hmf-flex-xsm-col-reverse {
    flex-direction: column-reverse;
  }
  .hmf-flex-xsm-column-reverse {
    flex-direction: column-reverse;
  }
  .hmf-flex-xsm-wrap {
    flex-wrap: wrap;
  }
  .hmf-flex-xsm-nowrap {
    flex-wrap: nowrap;
  }
  .hmf-flex-xsm-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .hmf-flex-xsm-fill {
    flex: 1 1 auto;
  }
  .hmf-flex-xsm-grow-none {
    flex-grow: 0;
  }
  .hmf-flex-xsm-grow {
    flex-grow: 1;
  }
  .hmf-flex-xsm-shrink-none {
    flex-shrink: 0;
  }
  .hmf-flex-xsm-shrink {
    flex-shrink: 1;
  }
  .hmf-justify-content-xsm-flex-start {
    justify-content: flex-start;
  }
  .hmf-justify-content-xsm-flex-end {
    justify-content: flex-end;
  }
  .hmf-justify-content-xsm-center {
    justify-content: center;
  }
  .hmf-justify-content-xsm-between {
    justify-content: space-between;
  }
  .hmf-justify-content-xsm-around {
    justify-content: space-around;
  }
  .hmf-justify-content-xsm-evenly {
    -webkit-box-pack: justify;
    -ms-flex-pack: distribute;
    justify-content: space-evenly;
  }
  .hmf-justify-content-xsm-start {
    justify-content: start;
  }
  .hmf-justify-content-xsm-end {
    justify-content: end;
  }
  .hmf-justify-content-xsm-left {
    justify-content: left;
  }
  .hmf-justify-content-xsm-right {
    justify-content: right;
  }
  .hmf-align-items-xsm-flex-start {
    align-items: flex-start;
  }
  .hmf-align-items-xsm-flex-end {
    align-items: flex-end;
  }
  .hmf-align-items-xsm-center {
    align-items: center;
  }
  .hmf-align-items-xsm-baseline {
    align-items: baseline;
  }
  .hmf-align-items-xsm-stretch {
    align-items: stretch;
  }
  .hmf-align-items-xsm-self-start {
    align-items: self-start;
  }
  .hmf-align-items-xsm-self-end {
    align-items: self-start;
  }
  .hmf-align-content-xsm-start {
    align-content: flex-start;
  }
  .hmf-align-content-xsm-end {
    align-content: flex-end;
  }
  .hmf-align-content-xsm-center {
    align-content: center;
  }
  .hmf-align-content-xsm-between {
    align-content: space-between;
  }
  .hmf-align-content-xsm-around {
    align-content: space-around;
  }
  .hmf-align-content-xsm-evenly {
    align-content: space-evenly;
  }
  .hmf-align-content-xsm-stretch {
    align-content: stretch;
  }
  .hmf-align-self-xsm-auto {
    align-self: auto;
  }
  .hmf-align-self-xsm-start {
    align-self: flex-start;
  }
  .hmf-align-self-xsm-end {
    align-self: flex-end;
  }
  .hmf-align-self-xsm-center {
    align-self: center;
  }
  .hmf-align-self-xsm-baseline {
    align-self: baseline;
  }
  .hmf-align-self-xsm-stretch {
    align-self: stretch;
  }
}
@media (min-width: 480px) {
  .hmf-flex-sm-row {
    display: flex;
    flex-direction: row;
  }
  .hmf-flex-sm-col {
    display: flex;
    flex-direction: column;
  }
  .hmf-flex-sm-column {
    display: flex;
    flex-direction: column;
  }
  .hmf-flex-sm-row-reverse {
    flex-direction: row-reverse;
  }
  .hmf-flex-sm-col-reverse {
    flex-direction: column-reverse;
  }
  .hmf-flex-sm-column-reverse {
    flex-direction: column-reverse;
  }
  .hmf-flex-sm-wrap {
    flex-wrap: wrap;
  }
  .hmf-flex-sm-nowrap {
    flex-wrap: nowrap;
  }
  .hmf-flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .hmf-flex-sm-fill {
    flex: 1 1 auto;
  }
  .hmf-flex-sm-grow-none {
    flex-grow: 0;
  }
  .hmf-flex-sm-grow {
    flex-grow: 1;
  }
  .hmf-flex-sm-shrink-none {
    flex-shrink: 0;
  }
  .hmf-flex-sm-shrink {
    flex-shrink: 1;
  }
  .hmf-justify-content-sm-flex-start {
    justify-content: flex-start;
  }
  .hmf-justify-content-sm-flex-end {
    justify-content: flex-end;
  }
  .hmf-justify-content-sm-center {
    justify-content: center;
  }
  .hmf-justify-content-sm-between {
    justify-content: space-between;
  }
  .hmf-justify-content-sm-around {
    justify-content: space-around;
  }
  .hmf-justify-content-sm-evenly {
    -webkit-box-pack: justify;
    -ms-flex-pack: distribute;
    justify-content: space-evenly;
  }
  .hmf-justify-content-sm-start {
    justify-content: start;
  }
  .hmf-justify-content-sm-end {
    justify-content: end;
  }
  .hmf-justify-content-sm-left {
    justify-content: left;
  }
  .hmf-justify-content-sm-right {
    justify-content: right;
  }
  .hmf-align-items-sm-flex-start {
    align-items: flex-start;
  }
  .hmf-align-items-sm-flex-end {
    align-items: flex-end;
  }
  .hmf-align-items-sm-center {
    align-items: center;
  }
  .hmf-align-items-sm-baseline {
    align-items: baseline;
  }
  .hmf-align-items-sm-stretch {
    align-items: stretch;
  }
  .hmf-align-items-sm-self-start {
    align-items: self-start;
  }
  .hmf-align-items-sm-self-end {
    align-items: self-start;
  }
  .hmf-align-content-sm-start {
    align-content: flex-start;
  }
  .hmf-align-content-sm-end {
    align-content: flex-end;
  }
  .hmf-align-content-sm-center {
    align-content: center;
  }
  .hmf-align-content-sm-between {
    align-content: space-between;
  }
  .hmf-align-content-sm-around {
    align-content: space-around;
  }
  .hmf-align-content-sm-evenly {
    align-content: space-evenly;
  }
  .hmf-align-content-sm-stretch {
    align-content: stretch;
  }
  .hmf-align-self-sm-auto {
    align-self: auto;
  }
  .hmf-align-self-sm-start {
    align-self: flex-start;
  }
  .hmf-align-self-sm-end {
    align-self: flex-end;
  }
  .hmf-align-self-sm-center {
    align-self: center;
  }
  .hmf-align-self-sm-baseline {
    align-self: baseline;
  }
  .hmf-align-self-sm-stretch {
    align-self: stretch;
  }
}
@media (min-width: 768px) {
  .hmf-flex-m-row {
    display: flex;
    flex-direction: row;
  }
  .hmf-flex-m-col {
    display: flex;
    flex-direction: column;
  }
  .hmf-flex-m-column {
    display: flex;
    flex-direction: column;
  }
  .hmf-flex-m-row-reverse {
    flex-direction: row-reverse;
  }
  .hmf-flex-m-col-reverse {
    flex-direction: column-reverse;
  }
  .hmf-flex-m-column-reverse {
    flex-direction: column-reverse;
  }
  .hmf-flex-m-wrap {
    flex-wrap: wrap;
  }
  .hmf-flex-m-nowrap {
    flex-wrap: nowrap;
  }
  .hmf-flex-m-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .hmf-flex-m-fill {
    flex: 1 1 auto;
  }
  .hmf-flex-m-grow-none {
    flex-grow: 0;
  }
  .hmf-flex-m-grow {
    flex-grow: 1;
  }
  .hmf-flex-m-shrink-none {
    flex-shrink: 0;
  }
  .hmf-flex-m-shrink {
    flex-shrink: 1;
  }
  .hmf-justify-content-m-flex-start {
    justify-content: flex-start;
  }
  .hmf-justify-content-m-flex-end {
    justify-content: flex-end;
  }
  .hmf-justify-content-m-center {
    justify-content: center;
  }
  .hmf-justify-content-m-between {
    justify-content: space-between;
  }
  .hmf-justify-content-m-around {
    justify-content: space-around;
  }
  .hmf-justify-content-m-evenly {
    -webkit-box-pack: justify;
    -ms-flex-pack: distribute;
    justify-content: space-evenly;
  }
  .hmf-justify-content-m-start {
    justify-content: start;
  }
  .hmf-justify-content-m-end {
    justify-content: end;
  }
  .hmf-justify-content-m-left {
    justify-content: left;
  }
  .hmf-justify-content-m-right {
    justify-content: right;
  }
  .hmf-align-items-m-flex-start {
    align-items: flex-start;
  }
  .hmf-align-items-m-flex-end {
    align-items: flex-end;
  }
  .hmf-align-items-m-center {
    align-items: center;
  }
  .hmf-align-items-m-baseline {
    align-items: baseline;
  }
  .hmf-align-items-m-stretch {
    align-items: stretch;
  }
  .hmf-align-items-m-self-start {
    align-items: self-start;
  }
  .hmf-align-items-m-self-end {
    align-items: self-start;
  }
  .hmf-align-content-m-start {
    align-content: flex-start;
  }
  .hmf-align-content-m-end {
    align-content: flex-end;
  }
  .hmf-align-content-m-center {
    align-content: center;
  }
  .hmf-align-content-m-between {
    align-content: space-between;
  }
  .hmf-align-content-m-around {
    align-content: space-around;
  }
  .hmf-align-content-m-evenly {
    align-content: space-evenly;
  }
  .hmf-align-content-m-stretch {
    align-content: stretch;
  }
  .hmf-align-self-m-auto {
    align-self: auto;
  }
  .hmf-align-self-m-start {
    align-self: flex-start;
  }
  .hmf-align-self-m-end {
    align-self: flex-end;
  }
  .hmf-align-self-m-center {
    align-self: center;
  }
  .hmf-align-self-m-baseline {
    align-self: baseline;
  }
  .hmf-align-self-m-stretch {
    align-self: stretch;
  }
}
@media (min-width: 768px) {
  .hmf-flex-md-row {
    display: flex;
    flex-direction: row;
  }
  .hmf-flex-md-col {
    display: flex;
    flex-direction: column;
  }
  .hmf-flex-md-column {
    display: flex;
    flex-direction: column;
  }
  .hmf-flex-md-row-reverse {
    flex-direction: row-reverse;
  }
  .hmf-flex-md-col-reverse {
    flex-direction: column-reverse;
  }
  .hmf-flex-md-column-reverse {
    flex-direction: column-reverse;
  }
  .hmf-flex-md-wrap {
    flex-wrap: wrap;
  }
  .hmf-flex-md-nowrap {
    flex-wrap: nowrap;
  }
  .hmf-flex-md-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .hmf-flex-md-fill {
    flex: 1 1 auto;
  }
  .hmf-flex-md-grow-none {
    flex-grow: 0;
  }
  .hmf-flex-md-grow {
    flex-grow: 1;
  }
  .hmf-flex-md-shrink-none {
    flex-shrink: 0;
  }
  .hmf-flex-md-shrink {
    flex-shrink: 1;
  }
  .hmf-justify-content-md-flex-start {
    justify-content: flex-start;
  }
  .hmf-justify-content-md-flex-end {
    justify-content: flex-end;
  }
  .hmf-justify-content-md-center {
    justify-content: center;
  }
  .hmf-justify-content-md-between {
    justify-content: space-between;
  }
  .hmf-justify-content-md-around {
    justify-content: space-around;
  }
  .hmf-justify-content-md-evenly {
    -webkit-box-pack: justify;
    -ms-flex-pack: distribute;
    justify-content: space-evenly;
  }
  .hmf-justify-content-md-start {
    justify-content: start;
  }
  .hmf-justify-content-md-end {
    justify-content: end;
  }
  .hmf-justify-content-md-left {
    justify-content: left;
  }
  .hmf-justify-content-md-right {
    justify-content: right;
  }
  .hmf-align-items-md-flex-start {
    align-items: flex-start;
  }
  .hmf-align-items-md-flex-end {
    align-items: flex-end;
  }
  .hmf-align-items-md-center {
    align-items: center;
  }
  .hmf-align-items-md-baseline {
    align-items: baseline;
  }
  .hmf-align-items-md-stretch {
    align-items: stretch;
  }
  .hmf-align-items-md-self-start {
    align-items: self-start;
  }
  .hmf-align-items-md-self-end {
    align-items: self-start;
  }
  .hmf-align-content-md-start {
    align-content: flex-start;
  }
  .hmf-align-content-md-end {
    align-content: flex-end;
  }
  .hmf-align-content-md-center {
    align-content: center;
  }
  .hmf-align-content-md-between {
    align-content: space-between;
  }
  .hmf-align-content-md-around {
    align-content: space-around;
  }
  .hmf-align-content-md-evenly {
    align-content: space-evenly;
  }
  .hmf-align-content-md-stretch {
    align-content: stretch;
  }
  .hmf-align-self-md-auto {
    align-self: auto;
  }
  .hmf-align-self-md-start {
    align-self: flex-start;
  }
  .hmf-align-self-md-end {
    align-self: flex-end;
  }
  .hmf-align-self-md-center {
    align-self: center;
  }
  .hmf-align-self-md-baseline {
    align-self: baseline;
  }
  .hmf-align-self-md-stretch {
    align-self: stretch;
  }
}
@media (min-width: 1024px) {
  .hmf-flex-lg-row {
    display: flex;
    flex-direction: row;
  }
  .hmf-flex-lg-col {
    display: flex;
    flex-direction: column;
  }
  .hmf-flex-lg-column {
    display: flex;
    flex-direction: column;
  }
  .hmf-flex-lg-row-reverse {
    flex-direction: row-reverse;
  }
  .hmf-flex-lg-col-reverse {
    flex-direction: column-reverse;
  }
  .hmf-flex-lg-column-reverse {
    flex-direction: column-reverse;
  }
  .hmf-flex-lg-wrap {
    flex-wrap: wrap;
  }
  .hmf-flex-lg-nowrap {
    flex-wrap: nowrap;
  }
  .hmf-flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .hmf-flex-lg-fill {
    flex: 1 1 auto;
  }
  .hmf-flex-lg-grow-none {
    flex-grow: 0;
  }
  .hmf-flex-lg-grow {
    flex-grow: 1;
  }
  .hmf-flex-lg-shrink-none {
    flex-shrink: 0;
  }
  .hmf-flex-lg-shrink {
    flex-shrink: 1;
  }
  .hmf-justify-content-lg-flex-start {
    justify-content: flex-start;
  }
  .hmf-justify-content-lg-flex-end {
    justify-content: flex-end;
  }
  .hmf-justify-content-lg-center {
    justify-content: center;
  }
  .hmf-justify-content-lg-between {
    justify-content: space-between;
  }
  .hmf-justify-content-lg-around {
    justify-content: space-around;
  }
  .hmf-justify-content-lg-evenly {
    -webkit-box-pack: justify;
    -ms-flex-pack: distribute;
    justify-content: space-evenly;
  }
  .hmf-justify-content-lg-start {
    justify-content: start;
  }
  .hmf-justify-content-lg-end {
    justify-content: end;
  }
  .hmf-justify-content-lg-left {
    justify-content: left;
  }
  .hmf-justify-content-lg-right {
    justify-content: right;
  }
  .hmf-align-items-lg-flex-start {
    align-items: flex-start;
  }
  .hmf-align-items-lg-flex-end {
    align-items: flex-end;
  }
  .hmf-align-items-lg-center {
    align-items: center;
  }
  .hmf-align-items-lg-baseline {
    align-items: baseline;
  }
  .hmf-align-items-lg-stretch {
    align-items: stretch;
  }
  .hmf-align-items-lg-self-start {
    align-items: self-start;
  }
  .hmf-align-items-lg-self-end {
    align-items: self-start;
  }
  .hmf-align-content-lg-start {
    align-content: flex-start;
  }
  .hmf-align-content-lg-end {
    align-content: flex-end;
  }
  .hmf-align-content-lg-center {
    align-content: center;
  }
  .hmf-align-content-lg-between {
    align-content: space-between;
  }
  .hmf-align-content-lg-around {
    align-content: space-around;
  }
  .hmf-align-content-lg-evenly {
    align-content: space-evenly;
  }
  .hmf-align-content-lg-stretch {
    align-content: stretch;
  }
  .hmf-align-self-lg-auto {
    align-self: auto;
  }
  .hmf-align-self-lg-start {
    align-self: flex-start;
  }
  .hmf-align-self-lg-end {
    align-self: flex-end;
  }
  .hmf-align-self-lg-center {
    align-self: center;
  }
  .hmf-align-self-lg-baseline {
    align-self: baseline;
  }
  .hmf-align-self-lg-stretch {
    align-self: stretch;
  }
}
@media (min-width: 1280px) {
  .hmf-flex-l-row {
    display: flex;
    flex-direction: row;
  }
  .hmf-flex-l-col {
    display: flex;
    flex-direction: column;
  }
  .hmf-flex-l-column {
    display: flex;
    flex-direction: column;
  }
  .hmf-flex-l-row-reverse {
    flex-direction: row-reverse;
  }
  .hmf-flex-l-col-reverse {
    flex-direction: column-reverse;
  }
  .hmf-flex-l-column-reverse {
    flex-direction: column-reverse;
  }
  .hmf-flex-l-wrap {
    flex-wrap: wrap;
  }
  .hmf-flex-l-nowrap {
    flex-wrap: nowrap;
  }
  .hmf-flex-l-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .hmf-flex-l-fill {
    flex: 1 1 auto;
  }
  .hmf-flex-l-grow-none {
    flex-grow: 0;
  }
  .hmf-flex-l-grow {
    flex-grow: 1;
  }
  .hmf-flex-l-shrink-none {
    flex-shrink: 0;
  }
  .hmf-flex-l-shrink {
    flex-shrink: 1;
  }
  .hmf-justify-content-l-flex-start {
    justify-content: flex-start;
  }
  .hmf-justify-content-l-flex-end {
    justify-content: flex-end;
  }
  .hmf-justify-content-l-center {
    justify-content: center;
  }
  .hmf-justify-content-l-between {
    justify-content: space-between;
  }
  .hmf-justify-content-l-around {
    justify-content: space-around;
  }
  .hmf-justify-content-l-evenly {
    -webkit-box-pack: justify;
    -ms-flex-pack: distribute;
    justify-content: space-evenly;
  }
  .hmf-justify-content-l-start {
    justify-content: start;
  }
  .hmf-justify-content-l-end {
    justify-content: end;
  }
  .hmf-justify-content-l-left {
    justify-content: left;
  }
  .hmf-justify-content-l-right {
    justify-content: right;
  }
  .hmf-align-items-l-flex-start {
    align-items: flex-start;
  }
  .hmf-align-items-l-flex-end {
    align-items: flex-end;
  }
  .hmf-align-items-l-center {
    align-items: center;
  }
  .hmf-align-items-l-baseline {
    align-items: baseline;
  }
  .hmf-align-items-l-stretch {
    align-items: stretch;
  }
  .hmf-align-items-l-self-start {
    align-items: self-start;
  }
  .hmf-align-items-l-self-end {
    align-items: self-start;
  }
  .hmf-align-content-l-start {
    align-content: flex-start;
  }
  .hmf-align-content-l-end {
    align-content: flex-end;
  }
  .hmf-align-content-l-center {
    align-content: center;
  }
  .hmf-align-content-l-between {
    align-content: space-between;
  }
  .hmf-align-content-l-around {
    align-content: space-around;
  }
  .hmf-align-content-l-evenly {
    align-content: space-evenly;
  }
  .hmf-align-content-l-stretch {
    align-content: stretch;
  }
  .hmf-align-self-l-auto {
    align-self: auto;
  }
  .hmf-align-self-l-start {
    align-self: flex-start;
  }
  .hmf-align-self-l-end {
    align-self: flex-end;
  }
  .hmf-align-self-l-center {
    align-self: center;
  }
  .hmf-align-self-l-baseline {
    align-self: baseline;
  }
  .hmf-align-self-l-stretch {
    align-self: stretch;
  }
}
@media (min-width: 1280px) {
  .hmf-flex-xlg-row {
    display: flex;
    flex-direction: row;
  }
  .hmf-flex-xlg-col {
    display: flex;
    flex-direction: column;
  }
  .hmf-flex-xlg-column {
    display: flex;
    flex-direction: column;
  }
  .hmf-flex-xlg-row-reverse {
    flex-direction: row-reverse;
  }
  .hmf-flex-xlg-col-reverse {
    flex-direction: column-reverse;
  }
  .hmf-flex-xlg-column-reverse {
    flex-direction: column-reverse;
  }
  .hmf-flex-xlg-wrap {
    flex-wrap: wrap;
  }
  .hmf-flex-xlg-nowrap {
    flex-wrap: nowrap;
  }
  .hmf-flex-xlg-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .hmf-flex-xlg-fill {
    flex: 1 1 auto;
  }
  .hmf-flex-xlg-grow-none {
    flex-grow: 0;
  }
  .hmf-flex-xlg-grow {
    flex-grow: 1;
  }
  .hmf-flex-xlg-shrink-none {
    flex-shrink: 0;
  }
  .hmf-flex-xlg-shrink {
    flex-shrink: 1;
  }
  .hmf-justify-content-xlg-flex-start {
    justify-content: flex-start;
  }
  .hmf-justify-content-xlg-flex-end {
    justify-content: flex-end;
  }
  .hmf-justify-content-xlg-center {
    justify-content: center;
  }
  .hmf-justify-content-xlg-between {
    justify-content: space-between;
  }
  .hmf-justify-content-xlg-around {
    justify-content: space-around;
  }
  .hmf-justify-content-xlg-evenly {
    -webkit-box-pack: justify;
    -ms-flex-pack: distribute;
    justify-content: space-evenly;
  }
  .hmf-justify-content-xlg-start {
    justify-content: start;
  }
  .hmf-justify-content-xlg-end {
    justify-content: end;
  }
  .hmf-justify-content-xlg-left {
    justify-content: left;
  }
  .hmf-justify-content-xlg-right {
    justify-content: right;
  }
  .hmf-align-items-xlg-flex-start {
    align-items: flex-start;
  }
  .hmf-align-items-xlg-flex-end {
    align-items: flex-end;
  }
  .hmf-align-items-xlg-center {
    align-items: center;
  }
  .hmf-align-items-xlg-baseline {
    align-items: baseline;
  }
  .hmf-align-items-xlg-stretch {
    align-items: stretch;
  }
  .hmf-align-items-xlg-self-start {
    align-items: self-start;
  }
  .hmf-align-items-xlg-self-end {
    align-items: self-start;
  }
  .hmf-align-content-xlg-start {
    align-content: flex-start;
  }
  .hmf-align-content-xlg-end {
    align-content: flex-end;
  }
  .hmf-align-content-xlg-center {
    align-content: center;
  }
  .hmf-align-content-xlg-between {
    align-content: space-between;
  }
  .hmf-align-content-xlg-around {
    align-content: space-around;
  }
  .hmf-align-content-xlg-evenly {
    align-content: space-evenly;
  }
  .hmf-align-content-xlg-stretch {
    align-content: stretch;
  }
  .hmf-align-self-xlg-auto {
    align-self: auto;
  }
  .hmf-align-self-xlg-start {
    align-self: flex-start;
  }
  .hmf-align-self-xlg-end {
    align-self: flex-end;
  }
  .hmf-align-self-xlg-center {
    align-self: center;
  }
  .hmf-align-self-xlg-baseline {
    align-self: baseline;
  }
  .hmf-align-self-xlg-stretch {
    align-self: stretch;
  }
}
@media (min-width: 1440px) {
  .hmf-flex-xl-row {
    display: flex;
    flex-direction: row;
  }
  .hmf-flex-xl-col {
    display: flex;
    flex-direction: column;
  }
  .hmf-flex-xl-column {
    display: flex;
    flex-direction: column;
  }
  .hmf-flex-xl-row-reverse {
    flex-direction: row-reverse;
  }
  .hmf-flex-xl-col-reverse {
    flex-direction: column-reverse;
  }
  .hmf-flex-xl-column-reverse {
    flex-direction: column-reverse;
  }
  .hmf-flex-xl-wrap {
    flex-wrap: wrap;
  }
  .hmf-flex-xl-nowrap {
    flex-wrap: nowrap;
  }
  .hmf-flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .hmf-flex-xl-fill {
    flex: 1 1 auto;
  }
  .hmf-flex-xl-grow-none {
    flex-grow: 0;
  }
  .hmf-flex-xl-grow {
    flex-grow: 1;
  }
  .hmf-flex-xl-shrink-none {
    flex-shrink: 0;
  }
  .hmf-flex-xl-shrink {
    flex-shrink: 1;
  }
  .hmf-justify-content-xl-flex-start {
    justify-content: flex-start;
  }
  .hmf-justify-content-xl-flex-end {
    justify-content: flex-end;
  }
  .hmf-justify-content-xl-center {
    justify-content: center;
  }
  .hmf-justify-content-xl-between {
    justify-content: space-between;
  }
  .hmf-justify-content-xl-around {
    justify-content: space-around;
  }
  .hmf-justify-content-xl-evenly {
    -webkit-box-pack: justify;
    -ms-flex-pack: distribute;
    justify-content: space-evenly;
  }
  .hmf-justify-content-xl-start {
    justify-content: start;
  }
  .hmf-justify-content-xl-end {
    justify-content: end;
  }
  .hmf-justify-content-xl-left {
    justify-content: left;
  }
  .hmf-justify-content-xl-right {
    justify-content: right;
  }
  .hmf-align-items-xl-flex-start {
    align-items: flex-start;
  }
  .hmf-align-items-xl-flex-end {
    align-items: flex-end;
  }
  .hmf-align-items-xl-center {
    align-items: center;
  }
  .hmf-align-items-xl-baseline {
    align-items: baseline;
  }
  .hmf-align-items-xl-stretch {
    align-items: stretch;
  }
  .hmf-align-items-xl-self-start {
    align-items: self-start;
  }
  .hmf-align-items-xl-self-end {
    align-items: self-start;
  }
  .hmf-align-content-xl-start {
    align-content: flex-start;
  }
  .hmf-align-content-xl-end {
    align-content: flex-end;
  }
  .hmf-align-content-xl-center {
    align-content: center;
  }
  .hmf-align-content-xl-between {
    align-content: space-between;
  }
  .hmf-align-content-xl-around {
    align-content: space-around;
  }
  .hmf-align-content-xl-evenly {
    align-content: space-evenly;
  }
  .hmf-align-content-xl-stretch {
    align-content: stretch;
  }
  .hmf-align-self-xl-auto {
    align-self: auto;
  }
  .hmf-align-self-xl-start {
    align-self: flex-start;
  }
  .hmf-align-self-xl-end {
    align-self: flex-end;
  }
  .hmf-align-self-xl-center {
    align-self: center;
  }
  .hmf-align-self-xl-baseline {
    align-self: baseline;
  }
  .hmf-align-self-xl-stretch {
    align-self: stretch;
  }
}
@media (min-width: 1440px) {
  .hmf-flex-xxlg-row {
    display: flex;
    flex-direction: row;
  }
  .hmf-flex-xxlg-col {
    display: flex;
    flex-direction: column;
  }
  .hmf-flex-xxlg-column {
    display: flex;
    flex-direction: column;
  }
  .hmf-flex-xxlg-row-reverse {
    flex-direction: row-reverse;
  }
  .hmf-flex-xxlg-col-reverse {
    flex-direction: column-reverse;
  }
  .hmf-flex-xxlg-column-reverse {
    flex-direction: column-reverse;
  }
  .hmf-flex-xxlg-wrap {
    flex-wrap: wrap;
  }
  .hmf-flex-xxlg-nowrap {
    flex-wrap: nowrap;
  }
  .hmf-flex-xxlg-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .hmf-flex-xxlg-fill {
    flex: 1 1 auto;
  }
  .hmf-flex-xxlg-grow-none {
    flex-grow: 0;
  }
  .hmf-flex-xxlg-grow {
    flex-grow: 1;
  }
  .hmf-flex-xxlg-shrink-none {
    flex-shrink: 0;
  }
  .hmf-flex-xxlg-shrink {
    flex-shrink: 1;
  }
  .hmf-justify-content-xxlg-flex-start {
    justify-content: flex-start;
  }
  .hmf-justify-content-xxlg-flex-end {
    justify-content: flex-end;
  }
  .hmf-justify-content-xxlg-center {
    justify-content: center;
  }
  .hmf-justify-content-xxlg-between {
    justify-content: space-between;
  }
  .hmf-justify-content-xxlg-around {
    justify-content: space-around;
  }
  .hmf-justify-content-xxlg-evenly {
    -webkit-box-pack: justify;
    -ms-flex-pack: distribute;
    justify-content: space-evenly;
  }
  .hmf-justify-content-xxlg-start {
    justify-content: start;
  }
  .hmf-justify-content-xxlg-end {
    justify-content: end;
  }
  .hmf-justify-content-xxlg-left {
    justify-content: left;
  }
  .hmf-justify-content-xxlg-right {
    justify-content: right;
  }
  .hmf-align-items-xxlg-flex-start {
    align-items: flex-start;
  }
  .hmf-align-items-xxlg-flex-end {
    align-items: flex-end;
  }
  .hmf-align-items-xxlg-center {
    align-items: center;
  }
  .hmf-align-items-xxlg-baseline {
    align-items: baseline;
  }
  .hmf-align-items-xxlg-stretch {
    align-items: stretch;
  }
  .hmf-align-items-xxlg-self-start {
    align-items: self-start;
  }
  .hmf-align-items-xxlg-self-end {
    align-items: self-start;
  }
  .hmf-align-content-xxlg-start {
    align-content: flex-start;
  }
  .hmf-align-content-xxlg-end {
    align-content: flex-end;
  }
  .hmf-align-content-xxlg-center {
    align-content: center;
  }
  .hmf-align-content-xxlg-between {
    align-content: space-between;
  }
  .hmf-align-content-xxlg-around {
    align-content: space-around;
  }
  .hmf-align-content-xxlg-evenly {
    align-content: space-evenly;
  }
  .hmf-align-content-xxlg-stretch {
    align-content: stretch;
  }
  .hmf-align-self-xxlg-auto {
    align-self: auto;
  }
  .hmf-align-self-xxlg-start {
    align-self: flex-start;
  }
  .hmf-align-self-xxlg-end {
    align-self: flex-end;
  }
  .hmf-align-self-xxlg-center {
    align-self: center;
  }
  .hmf-align-self-xxlg-baseline {
    align-self: baseline;
  }
  .hmf-align-self-xxlg-stretch {
    align-self: stretch;
  }
}
:root {
  /*********** BADGE SPECIFIC STYLING ***********/
  --hmf-badge-backinstock-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-backinstock-background-color: var(--hmf-fill-inverse);
  --hmf-badge-comingsoon-text-color: var(--hmf-label-base);
  --hmf-badge-comingsoon-background-color: var(--hmf-fill-warning);
  --hmf-badge-customizeit-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-customizeit-background-color: var(--hmf-fill-inverse);
  --hmf-badge-nikeapeexclusive-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-nikeapeexclusive-background-color: var(--hmf-fill-inverse);
  --hmf-badge-exclusive-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-exclusive-background-color: var(--hmf-fill-inverse);
  --hmf-badge-extendedsizes-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-extendedsizes-background-color: var(--hmf-fill-inverse);
  --hmf-badge-widewidth-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-widewidth-background-color: var(--hmf-fill-inverse);
  --hmf-badge-goldapeexclusive-text-color: var(--hmf-label-base);
  --hmf-badge-goldapeexclusive-background-color: var(--hmf-gold400);
  --hmf-badge-guidepick-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-guidepick-background-color: var(--hmf-fill-inverse);
  --hmf-badge-local-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-local-background-color: var(--hmf-fill-inverse);
  --hmf-badge-modelwearing-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-modelwearing-background-color: var(--hmf-fill-inverse);
  --hmf-badge-newarrivals-text-color: var(--hmf-label-marketing-static);
  --hmf-badge-newarrivals-background-color: var(--hmf-fill-marketing-static);
  --hmf-badge-newcolor-text-color: var(--hmf-label-marketing-static);
  --hmf-badge-newcolor-background-color: var(--hmf-fill-marketing-static);
  --hmf-badge-dicksexclusive-text-color: var(--hmf-label-marketing-static);
  --hmf-badge-dicksexclusive-background-color: var(--hmf-primary600);
  --hmf-badge-personalizeditem-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-personalizeditem-background-color: linear-gradient(95deg, #FFC40C, #BC4224, #543597, #006554);
  --hmf-badge-propick-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-propick-background-color: var(--hmf-primary600);
  --hmf-badge-rentalcapacity-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-rentalcapacity-background-color: var(--hmf-fill-inverse);
  --hmf-badge-fanshopship-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-fanshopship-background-color: var(--hmf-fill-inverse);
  --hmf-badge-sponsored-text-color: var(--hmf-label-base-subtle);
  --hmf-badge-sponsored-background-color: var(--hmf-fill-base-prominent);
  --hmf-badge-sustainability-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-sustainability-background-color: var(--hmf-fill-inverse);
  --hmf-badge-topdeals-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-topdeals-background-color: var(--hmf-fill-sale);
  --hmf-badge-topseller-text-color: var(--hmf-label-base);
  --hmf-badge-topseller-background-color: var(--hmf-yellow300);
  --hmf-badge-used-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-used-background-color: var(--hmf-fill-inverse);
  --hmf-badge-viewingitem-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-viewingitem-background-color: var(--hmf-fill-inverse);
  --hmf-badge-womenowned-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-womenowned-background-color: var(--hmf-fill-inverse);
  /*********** DEFAULT BADGE STYLING ***********/
  --hmf-badge-default-text-color: var(--hmf-label-marketing-static);
  --hmf-badge-default-background-color: var(--hmf-background-primary);
  --hmf-badge-height: 25px;
}

:root {
  /*********** GENERIC STYLING ***********/
  --hmf-button-border-radius: var(--hmf-sharp-radius);
  /*********** PRIMARY BUTTONS ***********/
  --hmf-button-primary-text-color: var(--hmf-gray50);
  --hmf-button-primary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-primary-background-color: var(--hmf-secondary500);
  --hmf-button-primary-active-background-color: var(--hmf-secondary700);
  --hmf-button-primary-hover-background-color: var(--hmf-secondary300);
  --hmf-button-primary-inactive-background-color: var(--hmf-gray300);
  --hmf-button-primary-border-color: var(--hmf-secondary500);
  --hmf-button-primary-hover-border-color: var(--hmf-secondary300);
  --hmf-button-primary-active-border-color: var(--hmf-secondary700);
  --hmf-button-primary-inactive-border-color: var(--hmf-gray300);
  /*********** SECONDARY BUTTONS ***********/
  --hmf-button-secondary-text-color: var(--hmf-gray900);
  --hmf-button-secondary-active-text-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-text-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-secondary-background-color: var(--hmf-gray50);
  --hmf-button-secondary-active-background-color: var(--hmf-gray400);
  --hmf-button-secondary-hover-background-color: var(--hmf-gray200);
  --hmf-button-secondary-inactive-background-color: var(--hmf-gray50);
  --hmf-button-secondary-border-color: var(--hmf-gray900);
  --hmf-button-secondary-active-border-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-border-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-border-color: var(--hmf-gray400);
  /*********** TERTIARY BUTTONS ***********/
  --hmf-button-tertiary-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-hover-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-active-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-inactive-text-color: var(--hmf-gray500);
  --hmf-button-tertiary-background-color: var(--hmf-fill-secondary-static);
  --hmf-button-tertiary-active-background-color: var(--hmf-fill-secondary-active);
  --hmf-button-tertiary-hover-background-color: var(--hmf-fill-secondary-hover);
  --hmf-button-tertiary-inactive-background-color: var(--hmf-gray100);
  --hmf-button-tertiary-border-color: var(--hmf-fill-secondary-static);
  --hmf-button-tertiary-active-border-color: var(--hmf-fill-secondary-active);
  --hmf-button-tertiary-hover-border-color: var(--hmf-fill-secondary-hover);
  --hmf-button-tertiary-inactive-border-color: var(--hmf-gray100);
  /*********** MARKETING BUTTONS ***********/
  --hmf-button-marketing-text-color: var(--hmf-gray50);
  --hmf-button-marketing-inactive-text-color: var(--hmf-gray600);
  --hmf-button-marketing-hover-text-color: var(--hmf-gray50);
  --hmf-button-marketing-active-text-color: var(--hmf-gray50);
  --hmf-button-marketing-background-color: var(--hmf-primary600);
  --hmf-button-marketing-active-background-color: var(--hmf-primary500);
  --hmf-button-marketing-hover-background-color: var(--hmf-primary300);
  --hmf-button-marketing-inactive-background-color: var(--hmf-gray300);
  --hmf-button-marketing-border-color: var(--hmf-primary600);
  --hmf-button-marketing-active-border-color: var(--hmf-primary500);
  --hmf-button-marketing-hover-border-color: var(--hmf-primary300);
  --hmf-button-marketing-inactive-border-color: var(--hmf-gray300);
  /*********** DESTRUCTIVE BUTTONS ***********/
  --hmf-button-destructive-text-color: var(--hmf-label-inverse-base);
  --hmf-button-destructive-inactive-text-color: var(--hmf-label-disabled);
  --hmf-button-destructive-hover-text-color: var( --hmf-label-inverse-base);
  --hmf-button-destructive-active-text-color: var(--hmf-label-inverse-base);
  --hmf-button-destructive-background-color: var(--hmf-fill-negative-static);
  --hmf-button-destructive-active-background-color: var(--hmf-fill-negative-active);
  --hmf-button-destructive-hover-background-color: var(--hmf-fill-negative-hover);
  --hmf-button-destructive-inactive-background-color: var(--hmf-fill-disabled-subtle);
  --hmf-button-destructive-border-color: var(--hmf-fill-negative-static);
  --hmf-button-destructive-active-border-color: var(--hmf-fill-negative-active);
  --hmf-button-destructive-hover-border-color: var(--hmf-fill-negative-hover);
  --hmf-button-destructive-inactive-border-color: var(--hmf-fill-disabled-subtle);
}

:root {
  --hmf-checkbox-active-background: var(--hmf-gray200);
  --hmf-checkbox-active-border-color: var(--hmf-gray500);
  --hmf-checkbox-active-checked-background: var(--hmf-gray800);
  --hmf-checkbox-active-checked-border-color: var(--hmf-gray800);
  --hmf-checkbox-base-checked-color: var(--hmf-gray800);
  --hmf-checkbox-base-color: var(--hmf-gray700);
  --hmf-checkbox-check-icon-dark: var(--hmf-gray500);
  --hmf-checkbox-check-icon-light: var(--hmf-gray50);
  --hmf-checkbox-checked-background: var(--hmf-gray900);
  --hmf-checkbox-checked-border-color: var(--hmf-gray900);
  --hmf-checkbox-disabled-color: var(--hmf-gray500);
  --hmf-checkbox-disabled-span-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-disabled-span-checked-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-checked-border-color: var(--hmf-gray200);
  --hmf-checkbox-error-color: var(--hmf-red600);
  --hmf-checkbox-error-span-background: var(--hmf-red100);
  --hmf-checkbox-error-span-border-color: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-background: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-border-color: var(--hmf-red600);
  --hmf-checkbox-focus-outline: 1px dashed var(--hmf-gray600);
  --hmf-checkbox-hover-span-background: var(--hmf-gray100);
  --hmf-checkbox-hover-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-hover-span-border: var(--hmf-gray900);
  --hmf-checkbox-hover-span-checked-background: var(--hmf-gray700);
  --hmf-checkbox-hover-span-checked-border-color: var(--hmf-gray700);
  --hmf-checkbox-span-background: var(--hmf-gray50);
  --hmf-checkbox-span-border: var(--hmf-gray600);
}

:root {
  --hmf-chip-font-size: var(--body-font-size-m);
  --hmf-chip-line-height: var(--body-line-height-m);
  --hmf-chip-font-weight: var(--font-primary-bold-weight);
  --hmf-chip-font-family: var(--font-primary);
  --hmf-chip-letter-spacing: var(--body-letter-spacing);
  --hmf-chip-background-color: var(--hmf-gray200);
  --hmf-chip-color: var(--hmf-gray900);
  --hmf-chip-hover-background-color: var(--hmf-gray400);
  --hmf-chip-focus-background-color: var(--hmf-gray400);
  --hmf-chip-focus-outline: 1px dashed var(--hmf-primary500);
}

:root {
  --hmf-product-availability-cancel-icon-color: var(--hmf-red500);
  --hmf-product-availability-warning-icon-color: var(--hmf-yellow500);
  --hmf-product-availability-success-icon-color: var(--hmf-primary500);
}

:root {
  --hmf-product-title-text-color: var(--hmf-gray900);
  --hmf-product-title-font-size: var(--label-font-size-l);
  --hmf-product-title-line-height: var(--label-line-height-l);
  --hmf-product-title-font-weight: 500;
  --hmf-product-title-font-family: var(--font-primary);
  --hmf-product-title-letter-spacing: var(--label-letter-spacing);
}

:root {
  --hmf-promotion-text-color: var(--hmf-gray500);
  --hmf-promotion-font-weight: var(--font-primary-regular-weight);
  --hmf-promotion-font-family: var(--font-primary);
  --hmf-promotion-letter-spacing: var(--body-letter-spacing);
}

:root {
  --hmf-recommendation-card-hover-color: var(--hmf-gray400);
  --hmf-recommendation-card-background-color: var(--hmf-gray50);
  --hmf-recommendation-card-text-color: var(--hmf-gray900);
  --hmf-recommendation-card-price-color: var(--hmf-gray500);
}

:root {
  --hmf-panel-font-size: var(--body-font-size-s);
  --hmf-panel-line-height: var(--body-line-height-s);
  --hmf-panel-font-weight: normal;
  --hmf-panel-font-family: var(--font-primary);
  --hmf-panel-letter-spacing: normal;
  --hmf-panel-content-background-color: var(--hmf-gray50);
  --hmf-panel-header-background-color: var(--hmf-gray100);
  --hmf-panel-overlay-background-color: var(--hmf-gray900);
  --hmf-panel-close-button-hover-background-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-background-color: var(--hmf-gray200);
  --hmf-panel-header-border-color: var(--hmf-gray100);
  --hmf-panel-close-button-hover-border-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-border-color: var(--hmf-gray200);
}

:root {
  --hmf-sticky-banner-font-size: var(--body-font-size-s);
  --hmf-sticky-banner-line-height: var(--body-line-height-s);
  --hmf-sticky-banner-font-weight: normal;
  --hmf-sticky-banner-font-family: var(--font-primary);
  --hmf-sticky-banner-letter-spacing: normal;
  --hmf-sticky-banner-content-background-color: var(--hmf-gray50);
  --hmf-sticky-banner-content-border-color: var(--hmf-gray200);
}

:root {
  --hmf-text-link-color: var(--hmf-gray900);
  --hmf-text-link-active-color: var(--hmf-gray600);
  --hmf-text-link-font-size: var(--body-font-size-m);
  --hmf-text-link-line-height: var(--body-line-height-m);
  --hmf-text-link-font-weight: var(--font-primary-regular-weight);
  --hmf-text-link-font-family: var(--font-primary);
  --hmf-text-link-letter-spacing: var(--body-letter-spacing);
}

:root {
  --hmf-text-input-font-size: var(--body-font-size-m);
  --hmf-text-input-line-height: var(--body-line-height-m);
  --hmf-text-input-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-font-family: var(--font-primary);
  --hmf-text-input-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-text-area-font-size: var(--body-font-size-m);
  --hmf-text-input-text-area-line-height: var(--body-line-height-m);
  --hmf-text-input-text-area-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-text-area-font-family: var(--font-primary);
  --hmf-text-input-text-area-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-border: 1px solid var(--hmf-gray700);
  --hmf-text-input-background-color: var(--hmf-gray50);
  --hmf-text-input-input-color: var(--hmf-gray900);
  --hmf-text-input-input-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-focused-border: 1px solid var(--hmf-primary300);
  --hmf-text-input-disabled-background-color: var(--hmf-gray200);
  --hmf-text-input-disabled-color: var(--hmf-gray700);
  --hmf-text-input-disabled-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-label-color: var(--hmf-gray900);
  --hmf-text-input-color: var(--hmf-gray700);
  --hmf-text-input-error-label-color: var(--hmf-red700);
  --hmf-text-input-error-color: var(--hmf-red700);
  --hmf-text-input-error-border: 1px solid var(--hmf-red700);
  --hmf-text-input-error-background-color: rgb(230 108 70 / 0.2);
  --hmf-text-input-error-placeholder-color: var(--hmf-gray900);
  --hmf-text-input-error-svg-fill: var(--hmf-red700);
}

:root.hmf-calia-theme,
:root .hmf-calia-theme {
  /*********** GENERAL STYLES ***********/
  --hmf-focus-outline: 1px dashed var(--hmf-gray400);
}

:root.hmf-calia-theme,
:root .hmf-calia-theme {
  --hmf-background-base: var(--hmf-gray50);
  --hmf-background-base-subtle: var(--hmf-gray100);
  --hmf-background-inverse: var(--hmf-gray900);
  --hmf-background-inverse-subtle: var(--hmf-gray800);
  --hmf-background-primary: var(--hmf-primary600);
  --hmf-fill-base: var(--hmf-gray50);
  --hmf-fill-base-subtle: var(--hmf-gray100);
  --hmf-fill-base-prominent: var(--hmf-gray200);
  --hmf-fill-inverse: var(--hmf-gray900);
  --hmf-fill-inverse-subtle: var(--hmf-gray700);
  --hmf-fill-primary-static: var(--hmf-secondary500);
  --hmf-fill-primary-hover: var(--hmf-secondary700);
  --hmf-fill-primary-active: var(--hmf-secondary600);
  --hmf-fill-secondary-static: var(--hmf-gray50);
  --hmf-fill-secondary-hover: var(--hmf-gray100);
  --hmf-fill-secondary-active: var(--hmf-gray200);
  --hmf-fill-tertiary-static: var(--hmf-gray900);
  --hmf-fill-tertiary-hover: var(--hmf-gray700);
  --hmf-fill-tertiary-active: var(--hmf-gray800);
  --hmf-fill-disabled: var(--hmf-gray500);
  --hmf-fill-disabled-subtle: var(--hmf-gray200);
  --hmf-fill-negative: var(--hmf-red600);
  --hmf-fill-negative-subtle: var(--hmf-red100);
  --hmf-fill-sale: var(--hmf-red600);
  --hmf-fill-warning: var(--hmf-yellow300);
  --hmf-fill-warning-subtle: var(--hmf-yellow50);
  --hmf-fill-positive: var(--hmf-primary500);
  --hmf-fill-positive-subtle: var(--hmf-primary100);
  --hmf-label-base: var(--hmf-gray900);
  --hmf-label-base-subtle: var(--hmf-gray600);
  --hmf-label-inverse-base: var(--hmf-gray50);
  --hmf-label-inverse-subtle: var(--hmf-gray100);
  --hmf-label-primary-static: var(--hmf-secondary500);
  --hmf-label-primary-hover: var(--hmf-secondary600);
  --hmf-label-primary-active: var(--hmf-secondary400);
  --hmf-label-secondary-static: var(--hmf-gray900);
  --hmf-label-secondary-hover: var(--hmf-gray700);
  --hmf-label-secondary-active: var(--hmf-gray800);
  --hmf-label-secondary-subtle-static: var(--hmf-gray600);
  --hmf-label-secondary-subtle-hover: var(--hmf-gray900);
  --hmf-label-secondary-subtle-active: var(--hmf-gray800);
  --hmf-label-tertiary-static: var(--hmf-gray900);
  --hmf-label-tertiary-hover: var(--hmf-secondary500);
  --hmf-label-tertiary-active: var(--hmf-secondary400);
  --hmf-label-sale: var(--hmf-red800);
  --hmf-label-disabled: var(--hmf-gray500);
  --hmf-label-disabled-subtle: var(--hmf-gray200);
  --hmf-label-negative: var(--hmf-red600);
  --hmf-label-warning: var(--hmf-yellow600);
  --hmf-border-base: var(--hmf-gray300);
  --hmf-border-base-subtle: var(--hmf-gray200);
  --hmf-border-inverse: var(--hmf-gray900);
  --hmf-border-inverse-subtle: var(--hmf-gray700);
  --hmf-border-primary-static: var(--hmf-secondary500);
  --hmf-border-primary-hover: var(--hmf-secondary600);
  --hmf-border-primary-active: var(--hmf-secondary400);
  --hmf-border-secondary-static: var(--hmf-gray900);
  --hmf-border-secondary-hover: var(--hmf-gray700);
  --hmf-border-secondary-active: var(--hmf-gray800);
  --hmf-border-secondary-subtle-static: var(--hmf-gray600);
  --hmf-border-secondary-subtle-hover: var(--hmf-gray400);
  --hmf-border-secondary-subtle-active: var(--hmf-gray500);
  --hmf-border-tertiary-static: var(--hmf-gray900);
  --hmf-border-tertiary-hover: var(--hmf-secondary500);
  --hmf-border-tertiary-active: var(--hmf-secondary400);
  --hmf-border-focused: var(--hmf-gray600);
  --hmf-border-inverse-focused: var(--hmf-gray50);
  --hmf-border-disabled: var(--hmf-gray500);
  --hmf-border-disabled-subtle: var(--hmf-gray200);
  --hmf-border-negative: var(--hmf-red600);
  --hmf-border-warning: var(--hmf-yellow500);
  --hmf-border-positive: var(--hmf-primary600);
}

/*********** TYPOGRAPHY ***********/
:root.hmf-calia-theme,
:root .hmf-calia-theme {
  --font-display: "Montserrat", sans-serif;
  --font-primary: "Montserrat", sans-serif;
  --font-label: "Montserrat", sans-serif;
  --font-display-weight: 500;
}

/*********** TYPOGRAPHY TYPES ***********/
:root.hmf-calia-theme,
:root .hmf-calia-theme {
  /* DISPLAY TEXT */
  --display-letter-spacing-xs: 0.2rem;
  --display-letter-spacing-s: 0.2rem;
  --display-font-size-m: 4.2rem;
  --display-letter-spacing-m: 0.2rem;
  --display-line-height-m: 4.2rem;
  --display-letter-spacing-l: 0.4rem;
  --display-letter-spacing-xl: 0.1rem;
}

:root.hmf-calia-theme,
:root .hmf-calia-theme {
  /* HEADINGS */
  --header-letter-spacing: 0.1rem;
  --header-line-height-s: 2rem;
}

:root.hmf-calia-theme,
:root .hmf-calia-theme {
  --hmf-primary50: #e9e5e7;
  --hmf-primary100: #c7bfc4;
  --hmf-primary200: #e1d1e0;
  --hmf-primary300: #7c6976;
  --hmf-primary400: #604858;
  --hmf-primary500: #44283b;
  --hmf-primary600: #3e2435;
  --hmf-primary700: #351e2d;
  --hmf-primary800: #2d1826;
  --hmf-primary900: #1f0f19;
  --hmf-secondary50: #f8f2e6;
  --hmf-secondary100: #f1ebde;
  --hmf-secondary200: #eee6da;
  --hmf-secondary300: #ede4db;
  --hmf-secondary400: #eedfd9;
  --hmf-secondary500: #f6ddda;
  --hmf-secondary600: #e8d2cf;
  --hmf-secondary700: #e5d2d0;
  --hmf-secondary800: #e3d1c7;
  --hmf-secondary900: #ddc7c0;
  --hmf-tertiary50: #e9f5ef;
  --hmf-tertiary100: #c8e5d7;
  --hmf-tertiary200: #a4d4bd;
  --hmf-tertiary300: #80c2a3;
  --hmf-tertiary400: #64b58f;
  --hmf-tertiary500: #49a87b;
  --hmf-tertiary600: #42a073;
  --hmf-tertiary700: #399768;
  --hmf-tertiary800: #318d5e;
  --hmf-tertiary900: #217d4b;
  --hmf-accent50: #e0edf0;
  --hmf-accent100: #b3d2d8;
  --hmf-accent200: #80b4bf;
  --hmf-accent300: #4d95a5;
  --hmf-accent400: #267f91;
  --hmf-accent500: #006580;
  --hmf-accent600: #006076;
  --hmf-accent700: #00556b;
  --hmf-accent800: #004b61;
  --hmf-accent900: #003a5d;
}

:root.hmf-calia-theme,
:root .hmf-calia-theme {
  /*********** GENERIC STYLING ***********/
  --hmf-button-border-radius: var(--hmf-sharp-radius);
  /*********** PRIMARY BUTTONS ***********/
  --hmf-button-primary-text-color: var(--hmf-gray50);
  --hmf-button-primary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-primary-background-color: var(--hmf-primary500);
  --hmf-button-primary-active-background-color: var(--hmf-primary600);
  --hmf-button-primary-hover-background-color: var(--hmf-primary400);
  --hmf-button-primary-inactive-background-color: var(--hmf-gray300);
  --hmf-button-primary-border-color: var(--hmf-primary500);
  --hmf-button-primary-hover-border-color: var(--hmf-primary400);
  --hmf-button-primary-active-border-color: var(--hmf-primary600);
  --hmf-button-primary-inactive-border-color: var(--hmf-gray300);
  /*********** SECONDARY BUTTONS ***********/
  --hmf-button-secondary-text-color: var(--hmf-gray900);
  --hmf-button-secondary-active-text-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-text-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-secondary-background-color: var(--hmf-gray50);
  --hmf-button-secondary-active-background-color: var(--hmf-gray400);
  --hmf-button-secondary-hover-background-color: var(--hmf-gray200);
  --hmf-button-secondary-inactive-background-color: var(--hmf-gray50);
  --hmf-button-secondary-border-color: var(--hmf-gray900);
  --hmf-button-secondary-active-border-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-border-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-border-color: var(--hmf-gray400);
  /*********** TERTIARY BUTTONS ***********/
  --hmf-button-tertiary-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-hover-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-active-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-inactive-text-color: var(--hmf-gray500);
  --hmf-button-tertiary-background-color: var(--hmf-fill-secondary-static);
  --hmf-button-tertiary-active-background-color: var(--hmf-fill-secondary-active);
  --hmf-button-tertiary-hover-background-color: var(--hmf-fill-secondary-hover);
  --hmf-button-tertiary-inactive-background-color: var(--hmf-gray100);
  --hmf-button-tertiary-border-color: var(--hmf-fill-secondary-static);
  --hmf-button-tertiary-active-border-color: var(--hmf-fill-secondary-active);
  --hmf-button-tertiary-hover-border-color: var(--hmf-fill-secondary-hover);
  --hmf-button-tertiary-inactive-border-color: var(--hmf-gray100);
  /*********** MARKETING BUTTONS ***********/
  --hmf-button-marketing-text-color: var(--hmf-gray900);
  --hmf-button-marketing-inactive-text-color: var(--hmf-gray600);
  --hmf-button-marketing-hover-text-color: var(--hmf-gray900);
  --hmf-button-marketing-active-text-color: var(--hmf-gray900);
  --hmf-button-marketing-background-color: var(--hmf-secondary100);
  --hmf-button-marketing-active-background-color: var(--hmf-secondary500);
  --hmf-button-marketing-hover-background-color: var(--hmf-secondary300);
  --hmf-button-marketing-inactive-background-color: var(--hmf-gray300);
  --hmf-button-marketing-border-color: var(--hmf-secondary100);
  --hmf-button-marketing-active-border-color: var(--hmf-secondary500);
  --hmf-button-marketing-hover-border-color: var(--hmf-secondary300);
  --hmf-button-marketing-inactive-border-color: var(--hmf-gray300);
}

:root, :root.hmf-calia-theme,
:root .hmf-calia-theme {
  --hmf-checkbox-active-background: var(--hmf-gray200);
  --hmf-checkbox-active-border-color: var(--hmf-gray500);
  --hmf-checkbox-active-checked-background: var(--hmf-gray800);
  --hmf-checkbox-active-checked-border-color: var(--hmf-gray800);
  --hmf-checkbox-base-checked-color: var(--hmf-gray800);
  --hmf-checkbox-base-color: var(--hmf-gray700);
  --hmf-checkbox-check-icon-dark: var(--hmf-gray500);
  --hmf-checkbox-check-icon-light: var(--hmf-gray50);
  --hmf-checkbox-checked-background: var(--hmf-gray900);
  --hmf-checkbox-checked-border-color: var(--hmf-gray900);
  --hmf-checkbox-disabled-color: var(--hmf-gray500);
  --hmf-checkbox-disabled-span-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-disabled-span-checked-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-checked-border-color: var(--hmf-gray200);
  --hmf-checkbox-error-color: var(--hmf-red600);
  --hmf-checkbox-error-span-background: var(--hmf-red100);
  --hmf-checkbox-error-span-border-color: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-background: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-border-color: var(--hmf-red600);
  --hmf-checkbox-focus-outline: 1px dashed var(--hmf-gray600);
  --hmf-checkbox-hover-span-background: var(--hmf-gray100);
  --hmf-checkbox-hover-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-hover-span-border: var(--hmf-gray900);
  --hmf-checkbox-hover-span-checked-background: var(--hmf-gray700);
  --hmf-checkbox-hover-span-checked-border-color: var(--hmf-gray700);
  --hmf-checkbox-span-background: var(--hmf-gray50);
  --hmf-checkbox-span-border: var(--hmf-gray600);
}

:root, :root.hmf-calia-theme,
:root .hmf-calia-theme {
  --hmf-chip-font-size: var(--body-font-size-m);
  --hmf-chip-line-height: var(--body-line-height-m);
  --hmf-chip-font-weight: var(--font-primary-bold-weight);
  --hmf-chip-font-family: var(--font-primary);
  --hmf-chip-letter-spacing: var(--body-letter-spacing);
  --hmf-chip-background-color: var(--hmf-gray200);
  --hmf-chip-color: var(--hmf-gray900);
  --hmf-chip-hover-background-color: var(--hmf-gray400);
  --hmf-chip-focus-background-color: var(--hmf-gray400);
  --hmf-chip-focus-outline: 1px dashed var(--hmf-primary500);
}

:root.hmf-calia-theme,
:root .hmf-calia-theme {
  --hmf-product-availability-cancel-icon-color: var(--hmf-red500);
  --hmf-product-availability-warning-icon-color: var(--hmf-yellow500);
  --hmf-product-availability-success-icon-color: var(--hmf-primary500);
}

:root.hmf-calia-theme,
:root .hmf-calia-theme {
  --hmf-product-title-text-color: var(--hmf-gray900);
  --hmf-product-title-font-size: var(--label-font-size-l);
  --hmf-product-title-line-height: var(--label-line-height-l);
  --hmf-product-title-font-weight: 500;
  --hmf-product-title-font-family: var(--font-primary);
  --hmf-product-title-letter-spacing: var(--label-letter-spacing);
}

:root.hmf-calia-theme,
:root .hmf-calia-theme {
  --hmf-promotion-text-color: var(--hmf-gray500);
  --hmf-promotion-font-weight: var(--font-primary-regular-weight);
  --hmf-promotion-font-family: var(--font-primary);
  --hmf-promotion-letter-spacing: var(--body-letter-spacing);
}

:root.hmf-calia-theme,
:root .hmf-calia-theme {
  --hmf-recommendation-card-hover-color: var(--hmf-gray400);
  --hmf-recommendation-card-background-color: var(--hmf-gray50);
  --hmf-recommendation-card-text-color: var(--hmf-gray900);
  --hmf-recommendation-card-price-color: var(--hmf-gray500);
}

:root, :root.hmf-calia-theme,
:root .hmf-calia-theme {
  --hmf-panel-font-size: var(--body-font-size-s);
  --hmf-panel-line-height: var(--body-line-height-s);
  --hmf-panel-font-weight: normal;
  --hmf-panel-font-family: var(--font-primary);
  --hmf-panel-letter-spacing: normal;
  --hmf-panel-content-background-color: var(--hmf-gray50);
  --hmf-panel-header-background-color: var(--hmf-gray100);
  --hmf-panel-overlay-background-color: var(--hmf-gray900);
  --hmf-panel-close-button-hover-background-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-background-color: var(--hmf-gray200);
  --hmf-panel-header-border-color: var(--hmf-gray100);
  --hmf-panel-close-button-hover-border-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-border-color: var(--hmf-gray200);
}

:root.hmf-calia-theme,
:root .hmf-calia-theme {
  --hmf-sticky-banner-font-size: var(--body-font-size-s);
  --hmf-sticky-banner-line-height: var(--body-line-height-s);
  --hmf-sticky-banner-font-weight: normal;
  --hmf-sticky-banner-font-family: var(--font-primary);
  --hmf-sticky-banner-letter-spacing: normal;
  --hmf-sticky-banner-content-background-color: var(--hmf-gray50);
  --hmf-sticky-banner-content-border-color: var(--hmf-gray200);
}

:root.hmf-calia-theme,
:root .hmf-calia-theme {
  --hmf-text-link-color: var(--hmf-gray900);
  --hmf-text-link-active-color: var(--hmf-gray600);
  --hmf-text-link-font-size: var(--body-font-size-m);
  --hmf-text-link-line-height: var(--body-line-height-m);
  --hmf-text-link-font-weight: var(--font-primary-regular-weight);
  --hmf-text-link-font-family: var(--font-primary);
  --hmf-text-link-letter-spacing: var(--body-letter-spacing);
}

:root, :root.hmf-calia-theme,
:root .hmf-calia-theme {
  --hmf-text-input-font-size: var(--body-font-size-m);
  --hmf-text-input-line-height: var(--body-line-height-m);
  --hmf-text-input-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-font-family: var(--font-primary);
  --hmf-text-input-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-text-area-font-size: var(--body-font-size-m);
  --hmf-text-input-text-area-line-height: var(--body-line-height-m);
  --hmf-text-input-text-area-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-text-area-font-family: var(--font-primary);
  --hmf-text-input-text-area-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-border: 1px solid var(--hmf-gray700);
  --hmf-text-input-background-color: var(--hmf-gray50);
  --hmf-text-input-input-color: var(--hmf-gray900);
  --hmf-text-input-input-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-focused-border: 1px solid var(--hmf-primary300);
  --hmf-text-input-disabled-background-color: var(--hmf-gray200);
  --hmf-text-input-disabled-color: var(--hmf-gray700);
  --hmf-text-input-disabled-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-label-color: var(--hmf-gray900);
  --hmf-text-input-color: var(--hmf-gray700);
  --hmf-text-input-error-label-color: var(--hmf-red700);
  --hmf-text-input-error-color: var(--hmf-red700);
  --hmf-text-input-error-border: 1px solid var(--hmf-red700);
  --hmf-text-input-error-background-color: rgb(230 108 70 / 0.2);
  --hmf-text-input-error-placeholder-color: var(--hmf-gray900);
  --hmf-text-input-error-svg-fill: var(--hmf-red700);
}

/*********** GENERAL STYLES ***********/
:root.hmf-g3-theme,
:root .hmf-g3-theme {
  --hmf-focus-outline: 1px dashed var(--hmf-secondary500);
}

:root.hmf-g3-theme,
:root .hmf-g3-theme {
  --hmf-background-base: var(--hmf-gray50);
  --hmf-background-base-subtle: var(--hmf-gray100);
  --hmf-background-inverse: var(--hmf-gray900);
  --hmf-background-inverse-subtle: var(--hmf-gray800);
  --hmf-background-primary: var(--hmf-secondary600);
  --hmf-fill-base: var(--hmf-gray50);
  --hmf-fill-base-subtle: var(--hmf-gray100);
  --hmf-fill-base-prominent: var(--hmf-gray200);
  --hmf-fill-creative-primary: var(--hmf-secondary600);
  --hmf-fill-inverse: var(--hmf-gray900);
  --hmf-fill-inverse-subtle: var(--hmf-gray700);
  --hmf-fill-primary-static: var(--hmf-secondary600);
  --hmf-fill-primary-hover: var(--hmf-secondary700);
  --hmf-fill-primary-active: var(--hmf-secondary500);
  --hmf-fill-secondary-static: var(--hmf-gray50);
  --hmf-fill-secondary-static-subtle: var(--hmf-gray100);
  --hmf-fill-secondary-hover: var(--hmf-gray100);
  --hmf-fill-secondary-hover-subtle: var(--hmf-gray200);
  --hmf-fill-secondary-active: var(--hmf-gray200);
  --hmf-fill-secondary-active-subtle: var(--hmf-gray100);
  --hmf-fill-tertiary-static: var(--hmf-gray900);
  --hmf-fill-tertiary-hover: var(--hmf-gray700);
  --hmf-fill-tertiary-active: var(--hmf-gray800);
  --hmf-fill-disabled: var(--hmf-gray500);
  --hmf-fill-disabled-subtle: var(--hmf-gray200);
  --hmf-fill-negative: var(--hmf-red600);
  --hmf-fill-negative-subtle: var(--hmf-red100);
  --hmf-fill-negative-static: var(--hmf-red600);
  --hmf-fill-negative-hover: var(--hmf-red800);
  --hmf-fill-negative-active: var(--hmf-red700);
  --hmf-fill-sale: var(--hmf-red600);
  --hmf-fill-warning: var(--hmf-yellow300);
  --hmf-fill-warning-subtle: var(--hmf-yellow50);
  --hmf-fill-positive: var(--hmf-secondary500);
  --hmf-fill-positive-subtle: var(--hmf-secondary100);
  --hmf-fill-marketing-static: var(--hmf-primary600);
  --hmf-fill-marketing-hover: var(--hmf-primary700);
  --hmf-fill-marketing-active: var(--hmf-primary500);
  --hmf-fill-scorecard: var(--hmf-primary400);
  --hmf-fill-scorecard-subtle: var(--hmf-primary200);
  --hmf-fill-scorecard-gold: var(--hmf-gold300);
  --hmf-fill-scorecard-gold-subtle: var(--hmf-gold200);
  --hmf-fill-calia: var(--hmf-calia600);
  --hmf-fill-calia-subtle: var(--hmf-calia200);
  --hmf-fill-vrst: var(--hmf-vrst600);
  --hmf-fill-vrst-subtle: var(--hmf-vrst200);
  --hmf-label-base: var(--hmf-gray900);
  --hmf-label-base-subtle: var(--hmf-gray600);
  --hmf-label-inverse-base: var(--hmf-gray50);
  --hmf-label-inverse-subtle: var(--hmf-gray100);
  --hmf-label-primary-static: var(--hmf-secondary600);
  --hmf-label-primary-hover: var(--hmf-secondary900);
  --hmf-label-primary-active: var(--hmf-secondary700);
  --hmf-label-secondary-static: var(--hmf-gray900);
  --hmf-label-secondary-hover: var(--hmf-gray700);
  --hmf-label-secondary-active: var(--hmf-gray800);
  --hmf-label-secondary-subtle-static: var(--hmf-gray600);
  --hmf-label-secondary-subtle-hover: var(--hmf-gray900);
  --hmf-label-secondary-subtle-active: var(--hmf-gray800);
  --hmf-label-tertiary-static: var(--hmf-gray900);
  --hmf-label-tertiary-hover: var(--hmf-secondary600);
  --hmf-label-tertiary-active: var(--hmf-secondary500);
  --hmf-label-sale: var(--hmf-red800);
  --hmf-label-disabled: var(--hmf-gray500);
  --hmf-label-disabled-subtle: var(--hmf-gray200);
  --hmf-label-negative: var(--hmf-red600);
  --hmf-label-positive: var(--hmf-secondary600);
  --hmf-label-warning: var(--hmf-yellow600);
  --hmf-label-marketing-static: var(--hmf-gray50);
  --hmf-label-marketing-hover: var(--hmf-gray100);
  --hmf-label-marketing-active: var(--hmf-gray100);
  --hmf-label-scorecard: var(--hmf-primary600);
  --hmf-border-base: var(--hmf-gray300);
  --hmf-border-base-subtle: var(--hmf-gray200);
  --hmf-border-base-prominent: var(--hmf-gray400);
  --hmf-border-inverse: var(--hmf-gray900);
  --hmf-border-inverse-subtle: var(--hmf-gray700);
  --hmf-border-primary-static: var(--hmf-secondary600);
  --hmf-border-primary-hover: var(--hmf-secondary700);
  --hmf-border-primary-active: var(--hmf-secondary500);
  --hmf-border-secondary-static: var(--hmf-gray900);
  --hmf-border-secondary-hover: var(--hmf-gray700);
  --hmf-border-secondary-active: var(--hmf-gray800);
  --hmf-border-secondary-subtle-static: var(--hmf-gray600);
  --hmf-border-secondary-subtle-hover: var(--hmf-gray400);
  --hmf-border-secondary-subtle-active: var(--hmf-gray500);
  --hmf-border-tertiary-static: var(--hmf-gray900);
  --hmf-border-tertiary-hover: var(--hmf-secondary600);
  --hmf-border-tertiary-active: var(--hmf-secondary500);
  --hmf-border-focused: var(--hmf-primary600);
  --hmf-border-inverse-focused: var(--hmf-gray50);
  --hmf-border-disabled: var(--hmf-gray500);
  --hmf-border-disabled-subtle: var(--hmf-gray200);
  --hmf-border-negative: var(--hmf-red600);
  --hmf-border-warning: var(--hmf-yellow500);
  --hmf-border-positive: var(--hmf-secondary600);
  --hmf-border-scorecard-subtle: var(--hmf-primary100);
  --hmf-border-scorecard-gold: var(--hmf-gold400);
  --hmf-border-scorecard-gold-subtle: var(--hmf-gold100);
}

/*********** TYPOGRAPHY ***********/
:root.hmf-g3-theme,
:root .hmf-g3-theme {
  --font-display: "DSG Sans", sans-serif;
  --font-primary: "Roboto", sans-serif;
  --font-label: "Roboto", sans-serif;
  --font-primary-regular-weight: 400;
  --font-primary-bold-weight: 700;
  --font-display-weight: 500;
}

/*********** TYPOGRAPHY TYPES ***********/
:root.hmf-g3-theme,
:root .hmf-g3-theme {
  --hmf-primary50: #f4fbf6;
  --hmf-primary100: #e0f4e7;
  --hmf-primary200: #b3e4c3;
  --hmf-primary300: #80d29b;
  --hmf-primary400: #26b355;
  --hmf-primary500: #00a537;
  --hmf-primary600: #007916;
  --hmf-primary700: #005c11;
  --hmf-primary800: #004d0e;
  --hmf-primary900: #002e08;
  --hmf-secondary50: #f4faf9;
  --hmf-secondary100: #d1ebe6;
  --hmf-secondary200: #b3ddd6;
  --hmf-secondary300: #80c6ba;
  --hmf-secondary400: #4daf9e;
  --hmf-secondary500: #008d75;
  --hmf-secondary600: #006554;
  --hmf-secondary700: #005343;
  --hmf-secondary800: #00493a;
  --hmf-secondary900: #00291e;
  --hmf-tertiary50: #fdfaf7;
  --hmf-tertiary100: #f9f2eb;
  --hmf-tertiary200: #ecd5bc;
  --hmf-tertiary300: #e4c4a5;
  --hmf-tertiary400: #daaf86;
  --hmf-tertiary500: #c3864b;
  --hmf-tertiary600: #936334;
  --hmf-tertiary700: #6a4929;
  --hmf-tertiary800: #553a21;
  --hmf-tertiary900: #332314;
  --hmf-accent50: #fff7f5;
  --hmf-accent100: #ffede7;
  --hmf-accent200: #ffd1c3;
  --hmf-accent300: #ffb39c;
  --hmf-accent400: #ff6638;
  --hmf-accent500: #ff5e32;
  --hmf-accent600: #d12d00;
  --hmf-accent700: #992100;
  --hmf-accent800: #801b00;
  --hmf-accent900: #4d1000;
}

:root.hmf-g3-theme,
:root .hmf-g3-theme {
  /*********** GENERIC STYLING ***********/
  --hmf-button-border-radius: var(--hmf-sharp-radius);
  /*********** PRIMARY BUTTONS ***********/
  --hmf-button-primary-text-color: var(--hmf-gray50);
  --hmf-button-primary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-primary-background-color: var(--hmf-secondary800);
  --hmf-button-primary-active-background-color: var(--hmf-secondary700);
  --hmf-button-primary-hover-background-color: var(--hmf-secondary900);
  --hmf-button-primary-inactive-background-color: var(--hmf-gray300);
  --hmf-button-primary-border-color: var(--hmf-secondary800);
  --hmf-button-primary-hover-border-color: var(--hmf-secondary900);
  --hmf-button-primary-active-border-color: var(--hmf-secondary700);
  --hmf-button-primary-inactive-border-color: var(--hmf-gray300);
  /*********** SECONDARY BUTTONS ***********/
  --hmf-button-secondary-text-color: var(--hmf-gray900);
  --hmf-button-secondary-active-text-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-text-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-secondary-background-color: var(--hmf-gray50);
  --hmf-button-secondary-active-background-color: var(--hmf-gray400);
  --hmf-button-secondary-hover-background-color: var(--hmf-gray200);
  --hmf-button-secondary-inactive-background-color: var(--hmf-gray50);
  --hmf-button-secondary-border-color: var(--hmf-gray900);
  --hmf-button-secondary-active-border-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-border-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-border-color: var(--hmf-gray400);
  /*********** TERTIARY BUTTONS ***********/
  --hmf-button-tertiary-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-hover-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-active-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-inactive-text-color: var(--hmf-gray500);
  --hmf-button-tertiary-background-color: var(--hmf-fill-secondary-static);
  --hmf-button-tertiary-active-background-color: var(--hmf-fill-secondary-active);
  --hmf-button-tertiary-hover-background-color: var(--hmf-fill-secondary-hover);
  --hmf-button-tertiary-inactive-background-color: var(--hmf-gray100);
  --hmf-button-tertiary-border-color: var(--hmf-fill-secondary-static);
  --hmf-button-tertiary-active-border-color: var(--hmf-fill-secondary-active);
  --hmf-button-tertiary-hover-border-color: var(--hmf-fill-secondary-hover);
  --hmf-button-tertiary-inactive-border-color: var(--hmf-gray100);
  /*********** MARKETING BUTTONS ***********/
  --hmf-button-marketing-text-color: var(--hmf-gray50);
  --hmf-button-marketing-inactive-text-color: var(--hmf-gray50);
  --hmf-button-marketing-hover-text-color: var(--hmf-gray50);
  --hmf-button-marketing-active-text-color: var(--hmf-gray900);
  --hmf-button-marketing-background-color: var(--hmf-primary600);
  --hmf-button-marketing-active-background-color: var(--hmf-primary500);
  --hmf-button-marketing-hover-background-color: var(--hmf-primary700);
  --hmf-button-marketing-inactive-background-color: var(--hmf-gray300);
  --hmf-button-marketing-border-color: var(--hmf-primary600);
  --hmf-button-marketing-active-border-color: var(--hmf-primary500);
  --hmf-button-marketing-hover-border-color: var(--hmf-primary700);
  --hmf-button-marketing-inactive-border-color: var(--hmf-gray300);
  /*********** DESTRUCTIVE BUTTONS ***********/
  --hmf-button-destructive-text-color: var(--hmf-label-inverse-base);
  --hmf-button-destructive-inactive-text-color: var(--hmf-label-disabled);
  --hmf-button-destructive-hover-text-color: var( --hmf-label-inverse-base);
  --hmf-button-destructive-active-text-color: var(--hmf-label-inverse-base);
  --hmf-button-destructive-background-color: var(--hmf-fill-negative-static);
  --hmf-button-destructive-active-background-color: var(--hmf-fill-negative-active);
  --hmf-button-destructive-hover-background-color: var(--hmf-fill-negative-hover);
  --hmf-button-destructive-inactive-background-color: var(--hmf-fill-disabled-subtle);
  --hmf-button-destructive-border-color: var(--hmf-fill-negative-static);
  --hmf-button-destructive-active-border-color: var(--hmf-fill-negative-active);
  --hmf-button-destructive-hover-border-color: var(--hmf-fill-negative-hover);
  --hmf-button-destructive-inactive-border-color: var(--hmf-fill-disabled-subtle);
}

:root, :root.hmf-g3-theme,
:root .hmf-g3-theme {
  --hmf-checkbox-active-background: var(--hmf-gray200);
  --hmf-checkbox-active-border-color: var(--hmf-gray500);
  --hmf-checkbox-active-checked-background: var(--hmf-gray800);
  --hmf-checkbox-active-checked-border-color: var(--hmf-gray800);
  --hmf-checkbox-base-checked-color: var(--hmf-gray800);
  --hmf-checkbox-base-color: var(--hmf-gray700);
  --hmf-checkbox-check-icon-dark: var(--hmf-gray500);
  --hmf-checkbox-check-icon-light: var(--hmf-gray50);
  --hmf-checkbox-checked-background: var(--hmf-gray900);
  --hmf-checkbox-checked-border-color: var(--hmf-gray900);
  --hmf-checkbox-disabled-color: var(--hmf-gray500);
  --hmf-checkbox-disabled-span-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-disabled-span-checked-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-checked-border-color: var(--hmf-gray200);
  --hmf-checkbox-error-color: var(--hmf-red600);
  --hmf-checkbox-error-span-background: var(--hmf-red100);
  --hmf-checkbox-error-span-border-color: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-background: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-border-color: var(--hmf-red600);
  --hmf-checkbox-focus-outline: 1px dashed var(--hmf-gray600);
  --hmf-checkbox-hover-span-background: var(--hmf-gray100);
  --hmf-checkbox-hover-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-hover-span-border: var(--hmf-gray900);
  --hmf-checkbox-hover-span-checked-background: var(--hmf-gray700);
  --hmf-checkbox-hover-span-checked-border-color: var(--hmf-gray700);
  --hmf-checkbox-span-background: var(--hmf-gray50);
  --hmf-checkbox-span-border: var(--hmf-gray600);
}

:root, :root.hmf-g3-theme,
:root .hmf-g3-theme {
  --hmf-chip-font-size: var(--body-font-size-m);
  --hmf-chip-line-height: var(--body-line-height-m);
  --hmf-chip-font-weight: var(--font-primary-bold-weight);
  --hmf-chip-font-family: var(--font-primary);
  --hmf-chip-letter-spacing: var(--body-letter-spacing);
  --hmf-chip-background-color: var(--hmf-gray200);
  --hmf-chip-color: var(--hmf-gray900);
  --hmf-chip-hover-background-color: var(--hmf-gray400);
  --hmf-chip-focus-background-color: var(--hmf-gray400);
  --hmf-chip-focus-outline: 1px dashed var(--hmf-primary500);
}

:root.hmf-g3-theme,
:root .hmf-g3-theme {
  --hmf-product-availability-cancel-icon-color: var(--hmf-red500);
  --hmf-product-availability-warning-icon-color: var(--hmf-accent500);
  --hmf-product-availability-success-icon-color: var(--hmf-primary500);
}

:root.hmf-g3-theme,
:root .hmf-g3-theme {
  --hmf-product-title-text-color: var(--hmf-gray900);
  --hmf-product-title-font-size: var(--label-font-size-l);
  --hmf-product-title-line-height: var(--label-line-height-l);
  --hmf-product-title-font-weight: 500;
  --hmf-product-title-font-family: var(--font-primary);
  --hmf-product-title-letter-spacing: var(--label-letter-spacing);
}

:root.hmf-g3-theme,
:root .hmf-g3-theme {
  --hmf-promotion-text-color: var(--hmf-gray500);
  --hmf-promotion-font-weight: var(--font-primary-regular-weight);
  --hmf-promotion-font-family: var(--font-primary);
  --hmf-promotion-letter-spacing: var(--body-letter-spacing);
}

:root.hmf-g3-theme,
:root .hmf-g3-theme {
  --hmf-recommendation-card-hover-color: var(--hmf-gray400);
  --hmf-recommendation-card-background-color: var(--hmf-gray50);
  --hmf-recommendation-card-text-color: var(--hmf-gray900);
  --hmf-recommendation-card-price-color: var(--hmf-gray500);
}

:root, :root.hmf-g3-theme,
:root .hmf-g3-theme {
  --hmf-panel-font-size: var(--body-font-size-s);
  --hmf-panel-line-height: var(--body-line-height-s);
  --hmf-panel-font-weight: normal;
  --hmf-panel-font-family: var(--font-primary);
  --hmf-panel-letter-spacing: normal;
  --hmf-panel-content-background-color: var(--hmf-gray50);
  --hmf-panel-header-background-color: var(--hmf-gray100);
  --hmf-panel-overlay-background-color: var(--hmf-gray900);
  --hmf-panel-close-button-hover-background-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-background-color: var(--hmf-gray200);
  --hmf-panel-header-border-color: var(--hmf-gray100);
  --hmf-panel-close-button-hover-border-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-border-color: var(--hmf-gray200);
}

:root.hmf-g3-theme,
:root .hmf-g3-theme {
  --hmf-sticky-banner-font-size: var(--body-font-size-s);
  --hmf-sticky-banner-line-height: var(--body-line-height-s);
  --hmf-sticky-banner-font-weight: normal;
  --hmf-sticky-banner-font-family: var(--font-primary);
  --hmf-sticky-banner-letter-spacing: normal;
  --hmf-sticky-banner-content-background-color: var(--hmf-gray50);
  --hmf-sticky-banner-content-border-color: var(--hmf-gray200);
}

:root.hmf-g3-theme,
:root .hmf-g3-theme {
  --hmf-text-link-color: var(--hmf-gray900);
  --hmf-text-link-active-color: var(--hmf-gray600);
  --hmf-text-link-font-size: var(--body-font-size-m);
  --hmf-text-link-line-height: var(--body-line-height-m);
  --hmf-text-link-font-weight: var(--font-primary-regular-weight);
  --hmf-text-link-font-family: var(--font-primary);
  --hmf-text-link-letter-spacing: var(--body-letter-spacing);
}

:root, :root.hmf-g3-theme,
:root .hmf-g3-theme {
  --hmf-text-input-font-size: var(--body-font-size-m);
  --hmf-text-input-line-height: var(--body-line-height-m);
  --hmf-text-input-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-font-family: var(--font-primary);
  --hmf-text-input-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-text-area-font-size: var(--body-font-size-m);
  --hmf-text-input-text-area-line-height: var(--body-line-height-m);
  --hmf-text-input-text-area-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-text-area-font-family: var(--font-primary);
  --hmf-text-input-text-area-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-border: 1px solid var(--hmf-gray700);
  --hmf-text-input-background-color: var(--hmf-gray50);
  --hmf-text-input-input-color: var(--hmf-gray900);
  --hmf-text-input-input-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-focused-border: 1px solid var(--hmf-primary300);
  --hmf-text-input-disabled-background-color: var(--hmf-gray200);
  --hmf-text-input-disabled-color: var(--hmf-gray700);
  --hmf-text-input-disabled-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-label-color: var(--hmf-gray900);
  --hmf-text-input-color: var(--hmf-gray700);
  --hmf-text-input-error-label-color: var(--hmf-red700);
  --hmf-text-input-error-color: var(--hmf-red700);
  --hmf-text-input-error-border: 1px solid var(--hmf-red700);
  --hmf-text-input-error-background-color: rgb(230 108 70 / 0.2);
  --hmf-text-input-error-placeholder-color: var(--hmf-gray900);
  --hmf-text-input-error-svg-fill: var(--hmf-red700);
}

/*********** GENERAL STYLES ***********/
:root.hmf-gg-theme,
:root .hmf-gg-theme {
  --hmf-focus-outline: 1px dashed var(--hmf-tertiary400);
}

:root.hmf-gg-theme,
:root .hmf-gg-theme {
  --hmf-background-base: var(--hmf-gray50);
  --hmf-background-base-subtle: var(--hmf-gray100);
  --hmf-background-inverse: var(--hmf-gray900);
  --hmf-background-inverse-subtle: var(--hmf-gray800);
  --hmf-background-primary: var(--hmf-primary800);
  --hmf-fill-base: var(--hmf-gray50);
  --hmf-fill-base-subtle: var(--hmf-gray100);
  --hmf-fill-base-prominent: var(--hmf-gray200);
  --hmf-fill-creative-primary: var(--hmf-primary800);
  --hmf-fill-inverse: var(--hmf-gray900);
  --hmf-fill-inverse-subtle: var(--hmf-gray700);
  --hmf-fill-primary-static: var(--hmf-primary600);
  --hmf-fill-primary-hover: var(--hmf-primary700);
  --hmf-fill-primary-active: var(--hmf-primary500);
  --hmf-fill-secondary-static: var(--hmf-gray50);
  --hmf-fill-secondary-static-subtle: var(--hmf-gray100);
  --hmf-fill-secondary-hover: var(--hmf-gray100);
  --hmf-fill-secondary-hover-subtle: var(--hmf-gray200);
  --hmf-fill-secondary-active: var(--hmf-gray200);
  --hmf-fill-secondary-active-subtle: var(--hmf-gray100);
  --hmf-fill-tertiary-static: var(--hmf-gray900);
  --hmf-fill-tertiary-hover: var(--hmf-gray700);
  --hmf-fill-tertiary-active: var(--hmf-gray800);
  --hmf-fill-disabled: var(--hmf-gray500);
  --hmf-fill-disabled-subtle: var(--hmf-gray200);
  --hmf-fill-negative: var(--hmf-red600);
  --hmf-fill-negative-subtle: var(--hmf-red100);
  --hmf-fill-negative-static: var(--hmf-red600);
  --hmf-fill-negative-hover: var(--hmf-red800);
  --hmf-fill-negative-active: var(--hmf-red700);
  --hmf-fill-sale: var(--hmf-red600);
  --hmf-fill-warning: var(--hmf-yellow300);
  --hmf-fill-warning-subtle: var(--hmf-yellow50);
  --hmf-fill-positive: var(--hmf-primary500);
  --hmf-fill-positive-subtle: var(--hmf-primary100);
  --hmf-fill-marketing-static: var(--hmf-primary800);
  --hmf-fill-marketing-hover: var(--hmf-primary900);
  --hmf-fill-marketing-active: var(--hmf-primary700);
  --hmf-fill-scorecard: var(--hmf-primary400);
  --hmf-fill-scorecard-subtle: var(--hmf-primary200);
  --hmf-fill-scorecard-gold: var(--hmf-gold300);
  --hmf-fill-scorecard-gold-subtle: var(--hmf-gold200);
  --hmf-fill-calia: var(--hmf-calia600);
  --hmf-fill-calia-subtle: var(--hmf-calia200);
  --hmf-fill-vrst: var(--hmf-vrst600);
  --hmf-fill-vrst-subtle: var(--hmf-vrst200);
  --hmf-label-base: var(--hmf-gray900);
  --hmf-label-base-subtle: var(--hmf-gray600);
  --hmf-label-inverse-base: var(--hmf-gray50);
  --hmf-label-inverse-subtle: var(--hmf-gray100);
  --hmf-label-primary-static: var(--hmf-primary600);
  --hmf-label-primary-hover: var(--hmf-primary700);
  --hmf-label-primary-active: var(--hmf-primary500);
  --hmf-label-secondary-static: var(--hmf-gray900);
  --hmf-label-secondary-hover: var(--hmf-gray700);
  --hmf-label-secondary-active: var(--hmf-gray800);
  --hmf-label-secondary-subtle-static: var(--hmf-gray600);
  --hmf-label-secondary-subtle-hover: var(--hmf-gray900);
  --hmf-label-secondary-subtle-active: var(--hmf-gray800);
  --hmf-label-tertiary-static: var(--hmf-gray900);
  --hmf-label-tertiary-hover: var(--hmf-primary600);
  --hmf-label-tertiary-active: var(--hmf-primary500);
  --hmf-label-sale: var(--hmf-red800);
  --hmf-label-disabled: var(--hmf-gray500);
  --hmf-label-disabled-subtle: var(--hmf-gray200);
  --hmf-label-negative: var(--hmf-red600);
  --hmf-label-positive: var(--hmf-secondary600);
  --hmf-label-warning: var(--hmf-yellow600);
  --hmf-label-marketing-static: var(--hmf-gray50);
  --hmf-label-marketing-hover: var(--hmf-gray100);
  --hmf-label-marketing-active: var(--hmf-gray100);
  --hmf-label-scorecard: var(--hmf-primary600);
  --hmf-border-base: var(--hmf-gray300);
  --hmf-border-base-subtle: var(--hmf-gray200);
  --hmf-border-base-prominent: var(--hmf-gray400);
  --hmf-border-inverse: var(--hmf-gray900);
  --hmf-border-inverse-subtle: var(--hmf-gray700);
  --hmf-border-primary-static: var(--hmf-primary600);
  --hmf-border-primary-hover: var(--hmf-primary700);
  --hmf-border-primary-active: var(--hmf-primary500);
  --hmf-border-secondary-static: var(--hmf-gray900);
  --hmf-border-secondary-hover: var(--hmf-gray700);
  --hmf-border-secondary-active: var(--hmf-gray800);
  --hmf-border-secondary-subtle-static: var(--hmf-gray600);
  --hmf-border-secondary-subtle-hover: var(--hmf-gray400);
  --hmf-border-secondary-subtle-active: var(--hmf-gray500);
  --hmf-border-tertiary-static: var(--hmf-gray900);
  --hmf-border-tertiary-hover: var(--hmf-primary600);
  --hmf-border-tertiary-active: var(--hmf-primary500);
  --hmf-border-focused: var(--hmf-primary500);
  --hmf-border-inverse-focused: var(--hmf-gray50);
  --hmf-border-disabled: var(--hmf-gray500);
  --hmf-border-disabled-subtle: var(--hmf-gray200);
  --hmf-border-negative: var(--hmf-red600);
  --hmf-border-warning: var(--hmf-yellow500);
  --hmf-border-positive: var(--hmf-primary600);
  --hmf-border-scorecard-subtle: var(--hmf-primary100);
  --hmf-border-scorecard-gold: var(--hmf-gold400);
  --hmf-border-scorecard-gold-subtle: var(--hmf-gold100);
}

/*********** TYPOGRAPHY ***********/
:root.hmf-gg-theme,
:root .hmf-gg-theme {
  --font-display: "Vitesse", serif;
  --font-primary: "Hind Siliguri", serif;
  --font-label: "Hind Siliguri", sans-serif;
  --font-primary-regular-weight: 400;
  --font-primary-bold-weight: 700;
  --font-display-weight: 325;
}

/*********** TYPOGRAPHY TYPES ***********/
:root.hmf-gg-theme,
:root .hmf-gg-theme {
  /* DISPLAY TEXT */
  --display-font-size-xl: 8rem;
  --display-line-height-xl: 8rem;
  --display-font-size-xxl: 12rem;
  --display-letter-spacing-xxl: 0;
  --display-line-height-xxl: 12rem;
}

:root.hmf-gg-theme,
:root .hmf-gg-theme {
  /* LABELS */
  --label-letter-spacing: 0.1rem;
}

:root.hmf-gg-theme,
:root .hmf-gg-theme {
  /* LEGAL */
  --legal-letter-spacing: 0.05rem;
  --legal-font-size-xs: 1.1rem;
  --legal-line-height-xs: 1.4rem;
  --legal-font-size-s: 1.2rem;
  --legal-line-height-s: 1.6rem;
}

:root.hmf-gg-theme,
:root .hmf-gg-theme {
  --hmf-primary50: #f9fafb;
  --hmf-primary100: #e2e6ea;
  --hmf-primary200: #d3d9df;
  --hmf-primary300: #b7c1ca;
  --hmf-primary400: #8798a7;
  --hmf-primary500: #5b748a;
  --hmf-primary600: #51677b;
  --hmf-primary700: #335069;
  --hmf-primary800: #001f39;
  --hmf-primary900: #041326;
  --hmf-secondary50: #f9f9f5;
  --hmf-secondary100: #edeee1;
  --hmf-secondary200: #d7dabe;
  --hmf-secondary300: #d1d5b4;
  --hmf-secondary400: #b3ba83;
  --hmf-secondary500: #7e892b;
  --hmf-secondary600: #677406;
  --hmf-secondary700: #475403;
  --hmf-secondary800: #394402;
  --hmf-secondary900: #212801;
  --hmf-tertiary50: #f9fafb;
  --hmf-tertiary100: #e5ebee;
  --hmf-tertiary200: #dae3e7;
  --hmf-tertiary300: #bdced6;
  --hmf-tertiary400: #91aeba;
  --hmf-tertiary500: #658d9e;
  --hmf-tertiary600: #235c75;
  --hmf-tertiary700: #1a4a62;
  --hmf-tertiary800: #154158;
  --hmf-tertiary900: #0a2738;
  --hmf-accent50: #f9fafb;
  --hmf-accent100: #e5ebee;
  --hmf-accent200: #dae3e7;
  --hmf-accent300: #bdced6;
  --hmf-accent400: #91aeba;
  --hmf-accent500: #658d9e;
  --hmf-accent600: #235c75;
  --hmf-accent700: #1a4a62;
  --hmf-accent800: #154158;
  --hmf-accent900: #0a2738;
}

:root, :root.hmf-gg-theme,
:root .hmf-gg-theme {
  /*********** GENERIC STYLING ***********/
  --hmf-button-border-radius: var(--hmf-sharp-radius);
  /*********** PRIMARY BUTTONS ***********/
  --hmf-button-primary-text-color: var(--hmf-gray50);
  --hmf-button-primary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-primary-background-color: var(--hmf-secondary500);
  --hmf-button-primary-active-background-color: var(--hmf-secondary700);
  --hmf-button-primary-hover-background-color: var(--hmf-secondary300);
  --hmf-button-primary-inactive-background-color: var(--hmf-gray300);
  --hmf-button-primary-border-color: var(--hmf-secondary500);
  --hmf-button-primary-hover-border-color: var(--hmf-secondary300);
  --hmf-button-primary-active-border-color: var(--hmf-secondary700);
  --hmf-button-primary-inactive-border-color: var(--hmf-gray300);
  /*********** SECONDARY BUTTONS ***********/
  --hmf-button-secondary-text-color: var(--hmf-gray900);
  --hmf-button-secondary-active-text-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-text-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-secondary-background-color: var(--hmf-gray50);
  --hmf-button-secondary-active-background-color: var(--hmf-gray400);
  --hmf-button-secondary-hover-background-color: var(--hmf-gray200);
  --hmf-button-secondary-inactive-background-color: var(--hmf-gray50);
  --hmf-button-secondary-border-color: var(--hmf-gray900);
  --hmf-button-secondary-active-border-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-border-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-border-color: var(--hmf-gray400);
  /*********** TERTIARY BUTTONS ***********/
  --hmf-button-tertiary-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-hover-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-active-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-inactive-text-color: var(--hmf-gray500);
  --hmf-button-tertiary-background-color: var(--hmf-fill-secondary-static);
  --hmf-button-tertiary-active-background-color: var(--hmf-fill-secondary-active);
  --hmf-button-tertiary-hover-background-color: var(--hmf-fill-secondary-hover);
  --hmf-button-tertiary-inactive-background-color: var(--hmf-gray100);
  --hmf-button-tertiary-border-color: var(--hmf-fill-secondary-static);
  --hmf-button-tertiary-active-border-color: var(--hmf-fill-secondary-active);
  --hmf-button-tertiary-hover-border-color: var(--hmf-fill-secondary-hover);
  --hmf-button-tertiary-inactive-border-color: var(--hmf-gray100);
  /*********** MARKETING BUTTONS ***********/
  --hmf-button-marketing-text-color: var(--hmf-gray50);
  --hmf-button-marketing-inactive-text-color: var(--hmf-gray600);
  --hmf-button-marketing-hover-text-color: var(--hmf-gray50);
  --hmf-button-marketing-active-text-color: var(--hmf-gray50);
  --hmf-button-marketing-background-color: var(--hmf-primary600);
  --hmf-button-marketing-active-background-color: var(--hmf-primary500);
  --hmf-button-marketing-hover-background-color: var(--hmf-primary300);
  --hmf-button-marketing-inactive-background-color: var(--hmf-gray300);
  --hmf-button-marketing-border-color: var(--hmf-primary600);
  --hmf-button-marketing-active-border-color: var(--hmf-primary500);
  --hmf-button-marketing-hover-border-color: var(--hmf-primary300);
  --hmf-button-marketing-inactive-border-color: var(--hmf-gray300);
  /*********** DESTRUCTIVE BUTTONS ***********/
  --hmf-button-destructive-text-color: var(--hmf-label-inverse-base);
  --hmf-button-destructive-inactive-text-color: var(--hmf-label-disabled);
  --hmf-button-destructive-hover-text-color: var( --hmf-label-inverse-base);
  --hmf-button-destructive-active-text-color: var(--hmf-label-inverse-base);
  --hmf-button-destructive-background-color: var(--hmf-fill-negative-static);
  --hmf-button-destructive-active-background-color: var(--hmf-fill-negative-active);
  --hmf-button-destructive-hover-background-color: var(--hmf-fill-negative-hover);
  --hmf-button-destructive-inactive-background-color: var(--hmf-fill-disabled-subtle);
  --hmf-button-destructive-border-color: var(--hmf-fill-negative-static);
  --hmf-button-destructive-active-border-color: var(--hmf-fill-negative-active);
  --hmf-button-destructive-hover-border-color: var(--hmf-fill-negative-hover);
  --hmf-button-destructive-inactive-border-color: var(--hmf-fill-disabled-subtle);
}

:root.hmf-gg-theme,
:root .hmf-gg-theme {
  --hmf-button-primary-active-background-color: var(--hmf-secondary600);
  --hmf-button-primary-active-border-color: var(--hmf-secondary600);
  --hmf-button-marketing-active-background-color: var(--hmf-primary600);
  --hmf-button-marketing-active-border-color: var(--hmf-primary600);
  --hmf-button-marketing-active-text-color: var(--hmf-gray900);
  --hmf-button-marketing-background-color: var(--hmf-primary500);
  --hmf-button-marketing-border-color: var(--hmf-primary500);
  --hmf-button-marketing-hover-background-color: var(--hmf-primary400);
  --hmf-button-marketing-hover-border-color: var(--hmf-primary400);
  --hmf-button-marketing-inactive-background-color: var(--hmf-gray300);
  --hmf-button-marketing-inactive-text-color: var(--hmf-gray50);
}

:root.hmf-gg-theme,
:root .hmf-gg-theme {
  --hmf-checkbox-active-background: var(--hmf-gray200);
  --hmf-checkbox-active-border-color: var(--hmf-gray500);
  --hmf-checkbox-active-checked-background: var(--hmf-gray800);
  --hmf-checkbox-active-checked-border-color: var(--hmf-gray800);
  --hmf-checkbox-base-checked-color: var(--hmf-gray800);
  --hmf-checkbox-base-color: var(--hmf-gray700);
  --hmf-checkbox-check-icon-dark: var(--hmf-gray500);
  --hmf-checkbox-check-icon-light: var(--hmf-gray50);
  --hmf-checkbox-checked-background: var(--hmf-gray900);
  --hmf-checkbox-checked-border-color: var(--hmf-gray900);
  --hmf-checkbox-disabled-color: var(--hmf-gray500);
  --hmf-checkbox-disabled-span-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-disabled-span-checked-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-checked-border-color: var(--hmf-gray200);
  --hmf-checkbox-error-color: var(--hmf-red600);
  --hmf-checkbox-error-span-background: var(--hmf-red100);
  --hmf-checkbox-error-span-border-color: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-background: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-border-color: var(--hmf-red600);
  --hmf-checkbox-focus-outline: 1px dashed var(--hmf-gray600);
  --hmf-checkbox-hover-span-background: var(--hmf-gray100);
  --hmf-checkbox-hover-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-hover-span-border: var(--hmf-gray900);
  --hmf-checkbox-hover-span-checked-background: var(--hmf-gray700);
  --hmf-checkbox-hover-span-checked-border-color: var(--hmf-gray700);
  --hmf-checkbox-span-background: var(--hmf-gray50);
  --hmf-checkbox-span-border: var(--hmf-gray600);
}

:root.hmf-gg-theme,
:root .hmf-gg-theme {
  --hmf-chip-font-size: var(--body-font-size-m);
  --hmf-chip-line-height: var(--body-line-height-m);
  --hmf-chip-font-weight: var(--font-primary-bold-weight);
  --hmf-chip-font-family: var(--font-primary);
  --hmf-chip-letter-spacing: var(--body-letter-spacing);
  --hmf-chip-background-color: var(--hmf-gray200);
  --hmf-chip-color: var(--hmf-gray900);
  --hmf-chip-hover-background-color: var(--hmf-gray400);
  --hmf-chip-focus-background-color: var(--hmf-gray400);
  --hmf-chip-focus-outline: 1px dashed var(--hmf-primary500);
}

:root, :root.hmf-gg-theme,
:root .hmf-gg-theme {
  --hmf-product-availability-cancel-icon-color: var(--hmf-red500);
  --hmf-product-availability-warning-icon-color: var(--hmf-yellow500);
  --hmf-product-availability-success-icon-color: var(--hmf-primary500);
}

:root, :root.hmf-gg-theme,
:root .hmf-gg-theme {
  --hmf-product-title-text-color: var(--hmf-gray900);
  --hmf-product-title-font-size: var(--label-font-size-l);
  --hmf-product-title-line-height: var(--label-line-height-l);
  --hmf-product-title-font-weight: 500;
  --hmf-product-title-font-family: var(--font-primary);
  --hmf-product-title-letter-spacing: var(--label-letter-spacing);
}

:root, :root.hmf-gg-theme,
:root .hmf-gg-theme {
  --hmf-promotion-text-color: var(--hmf-gray500);
  --hmf-promotion-font-weight: var(--font-primary-regular-weight);
  --hmf-promotion-font-family: var(--font-primary);
  --hmf-promotion-letter-spacing: var(--body-letter-spacing);
}

:root, :root.hmf-gg-theme,
:root .hmf-gg-theme {
  --hmf-recommendation-card-hover-color: var(--hmf-gray400);
  --hmf-recommendation-card-background-color: var(--hmf-gray50);
  --hmf-recommendation-card-text-color: var(--hmf-gray900);
  --hmf-recommendation-card-price-color: var(--hmf-gray500);
}

:root.hmf-gg-theme,
:root .hmf-gg-theme {
  --hmf-panel-font-size: var(--body-font-size-s);
  --hmf-panel-line-height: var(--body-line-height-s);
  --hmf-panel-font-weight: normal;
  --hmf-panel-font-family: var(--font-primary);
  --hmf-panel-letter-spacing: normal;
  --hmf-panel-content-background-color: var(--hmf-gray50);
  --hmf-panel-header-background-color: var(--hmf-gray100);
  --hmf-panel-overlay-background-color: var(--hmf-gray900);
  --hmf-panel-close-button-hover-background-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-background-color: var(--hmf-gray200);
  --hmf-panel-header-border-color: var(--hmf-gray100);
  --hmf-panel-close-button-hover-border-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-border-color: var(--hmf-gray200);
}

:root, :root.hmf-gg-theme,
:root .hmf-gg-theme {
  --hmf-sticky-banner-font-size: var(--body-font-size-s);
  --hmf-sticky-banner-line-height: var(--body-line-height-s);
  --hmf-sticky-banner-font-weight: normal;
  --hmf-sticky-banner-font-family: var(--font-primary);
  --hmf-sticky-banner-letter-spacing: normal;
  --hmf-sticky-banner-content-background-color: var(--hmf-gray50);
  --hmf-sticky-banner-content-border-color: var(--hmf-gray200);
}

:root, :root.hmf-gg-theme,
:root .hmf-gg-theme {
  --hmf-text-link-color: var(--hmf-gray900);
  --hmf-text-link-active-color: var(--hmf-gray600);
  --hmf-text-link-font-size: var(--body-font-size-m);
  --hmf-text-link-line-height: var(--body-line-height-m);
  --hmf-text-link-font-weight: var(--font-primary-regular-weight);
  --hmf-text-link-font-family: var(--font-primary);
  --hmf-text-link-letter-spacing: var(--body-letter-spacing);
}

:root, :root.hmf-gg-theme,
:root .hmf-gg-theme {
  --hmf-text-input-font-size: var(--body-font-size-m);
  --hmf-text-input-line-height: var(--body-line-height-m);
  --hmf-text-input-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-font-family: var(--font-primary);
  --hmf-text-input-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-text-area-font-size: var(--body-font-size-m);
  --hmf-text-input-text-area-line-height: var(--body-line-height-m);
  --hmf-text-input-text-area-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-text-area-font-family: var(--font-primary);
  --hmf-text-input-text-area-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-border: 1px solid var(--hmf-gray700);
  --hmf-text-input-background-color: var(--hmf-gray50);
  --hmf-text-input-input-color: var(--hmf-gray900);
  --hmf-text-input-input-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-focused-border: 1px solid var(--hmf-primary300);
  --hmf-text-input-disabled-background-color: var(--hmf-gray200);
  --hmf-text-input-disabled-color: var(--hmf-gray700);
  --hmf-text-input-disabled-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-label-color: var(--hmf-gray900);
  --hmf-text-input-color: var(--hmf-gray700);
  --hmf-text-input-error-label-color: var(--hmf-red700);
  --hmf-text-input-error-color: var(--hmf-red700);
  --hmf-text-input-error-border: 1px solid var(--hmf-red700);
  --hmf-text-input-error-background-color: rgb(230 108 70 / 0.2);
  --hmf-text-input-error-placeholder-color: var(--hmf-gray900);
  --hmf-text-input-error-svg-fill: var(--hmf-red700);
}

/*********** GENERAL STYLES ***********/
:root.hmf-mj-theme,
:root .hmf-mj-theme {
  --hmf-focus-outline: 1px dashed var(--hmf-secondary500);
}

:root.hmf-mj-theme,
:root .hmf-mj-theme {
  --hmf-background-base: var(--hmf-gray50);
  --hmf-background-base-subtle: var(--hmf-gray100);
  --hmf-background-inverse: var(--hmf-gray900);
  --hmf-background-inverse-subtle: var(--hmf-gray800);
  --hmf-background-primary: var(--hmf-gray700);
  --hmf-fill-base: var(--hmf-gray50);
  --hmf-fill-base-subtle: var(--hmf-gray100);
  --hmf-fill-base-prominent: var(--hmf-gray200);
  --hmf-fill-inverse: var(--hmf-gray900);
  --hmf-fill-inverse-subtle: var(--hmf-gray800);
  --hmf-fill-primary-static: var(--hmf-primary600);
  --hmf-fill-primary-hover: var(--hmf-primary700);
  --hmf-fill-primary-active: var(--hmf-primary500);
  --hmf-fill-secondary-static: var(--hmf-gray50);
  --hmf-fill-secondary-hover: var(--hmf-gray100);
  --hmf-fill-secondary-active: var(--hmf-gray200);
  --hmf-fill-tertiary-static: var(--hmf-gray900);
  --hmf-fill-tertiary-hover: var(--hmf-gray700);
  --hmf-fill-tertiary-active: var(--hmf-gray800);
  --hmf-fill-disabled: var(--hmf-gray500);
  --hmf-fill-disabled-subtle: var(--hmf-gray200);
  --hmf-fill-negative: var(--hmf-red600);
  --hmf-fill-negative-subtle: var(--hmf-red100);
  --hmf-fill-negative-static: var(--hmf-red600);
  --hmf-fill-negative-hover: var(--hmf-red800);
  --hmf-fill-negative-active: var(--hmf-red700);
  --hmf-fill-sale: var(--hmf-red600);
  --hmf-fill-warning: var(--hmf-yellow300);
  --hmf-fill-warning-subtle: var(--hmf-yellow50);
  --hmf-fill-positive: var(--hmf-secondary400);
  --hmf-fill-positive-subtle: var(--hmf-secondary100);
  --hmf-fill-marketing-static: var(--hmf-gray800);
  --hmf-fill-marketing-hover: var(--hmf-gray900);
  --hmf-fill-marketing-active: var(--hmf-gray700);
  --hmf-label-base: var(--hmf-gray900);
  --hmf-label-base-subtle: var(--hmf-gray800);
  --hmf-label-inverse-base: var(--hmf-gray50);
  --hmf-label-inverse-subtle: var(--hmf-gray100);
  --hmf-label-primary-static: var(--hmf-primary600);
  --hmf-label-primary-hover: var(--hmf-primary700);
  --hmf-label-primary-active: var(--hmf-primary500);
  --hmf-label-secondary-static: var(--hmf-gray900);
  --hmf-label-secondary-hover: var(--hmf-gray700);
  --hmf-label-secondary-active: var(--hmf-gray800);
  --hmf-label-secondary-subtle-static: var(--hmf-gray700);
  --hmf-label-secondary-subtle-hover: var(--hmf-gray900);
  --hmf-label-secondary-subtle-active: var(--hmf-gray800);
  --hmf-label-tertiary-static: var(--hmf-gray900);
  --hmf-label-tertiary-hover: var(--hmf-primary700);
  --hmf-label-tertiary-active: var(--hmf-primary500);
  --hmf-label-sale: var(--hmf-primary600);
  --hmf-label-disabled: var(--hmf-gray500);
  --hmf-label-disabled-subtle: var(--hmf-gray200);
  --hmf-label-negative: var(--hmf-red600);
  --hmf-label-positive: var(--hmf-secondary600);
  --hmf-label-warning: var(--hmf-yellow600);
  --hmf-label-marketing-static: var(--hmf-gray500);
  --hmf-label-marketing-hover: var(--hmf-gray100);
  --hmf-label-marketing-active: var(--hmf-gray200);
  --hmf-border-base: var(--hmf-gray300);
  --hmf-border-base-subtle: var(--hmf-gray200);
  --hmf-border-base-prominent: var(--hmf-gray400);
  --hmf-border-inverse: var(--hmf-gray900);
  --hmf-border-inverse-subtle: var(--hmf-gray700);
  --hmf-border-primary-static: var(--hmf-primary600);
  --hmf-border-primary-hover: var(--hmf-primary700);
  --hmf-border-primary-active: var(--hmf-primary500);
  --hmf-border-secondary-static: var(--hmf-gray900);
  --hmf-border-secondary-hover: var(--hmf-gray700);
  --hmf-border-secondary-active: var(--hmf-gray800);
  --hmf-border-secondary-subtle-static: var(--hmf-gray600);
  --hmf-border-secondary-subtle-hover: var(--hmf-gray400);
  --hmf-border-secondary-subtle-active: var(--hmf-gray500);
  --hmf-border-tertiary-static: var(--hmf-gray900);
  --hmf-border-tertiary-hover: var(--hmf-primary700);
  --hmf-border-tertiary-active: var(--hmf-primary500);
  --hmf-border-focused: var(--hmf-gray600);
  --hmf-border-inverse-focused: var(--hmf-gray50);
  --hmf-border-disabled: var(--hmf-gray500);
  --hmf-border-disabled-subtle: var(--hmf-gray200);
  --hmf-border-negative: var(--hmf-red600);
  --hmf-border-warning: var(--hmf-yellow500);
  --hmf-border-positive: var(--hmf-secondary600);
}

/*********** TYPOGRAPHY ***********/
:root.hmf-mj-theme,
:root .hmf-mj-theme {
  --font-display: "Nunito Sans", sans-serif;
  --font-primary: "Nunito Sans", sans-serif;
  --font-label: "Nunito Sans", sans-serif;
  --font-primary-regular-weight: 400;
  --font-primary-bold-weight: 700;
  --font-display-weight: 900;
}

/*********** TYPOGRAPHY TYPES ***********/
:root.hmf-mj-theme,
:root .hmf-mj-theme {
  /* DISPLAY TEXT */
  --display-font-size-m: 4.2rem;
  --display-line-height-m: 4.2rem;
  --display-font-size-xl: 8rem;
  --display-line-height-xl: 8rem;
  --display-font-size-xxl: 10rem;
  --display-line-height-xxl: 10rem;
}

:root.hmf-mj-theme,
:root .hmf-mj-theme {
  /* HEADERS */
  --header-text-transform: none;
  --header-letter-spacing: 0.1rem;
  --header-line-height-s: 2rem;
}

:root.hmf-mj-theme,
:root .hmf-mj-theme {
  --hmf-primary50: #fdf8f8;
  --hmf-primary100: #f6e2e4;
  --hmf-primary200: #f9c9cd;
  --hmf-primary300: #edb0b5;
  --hmf-primary400: #d97e86;
  --hmf-primary500: #ca5a64;
  --hmf-primary600: #a93338;
  --hmf-primary700: #90252e;
  --hmf-primary800: #4a1318;
  --hmf-primary900: #180708;
  --hmf-secondary50: #effff3;
  --hmf-secondary100: #c5f9d1;
  --hmf-secondary200: #8bf0a3;
  --hmf-secondary300: #70e28b;
  --hmf-secondary400: #46c864;
  --hmf-secondary500: #29873f;
  --hmf-secondary600: #196d2d;
  --hmf-secondary700: #195928;
  --hmf-secondary800: #133d1d;
  --hmf-secondary900: #0c2c14;
  --hmf-tertiary50: #fffdfc;
  --hmf-tertiary100: #ffeddd;
  --hmf-tertiary200: #ffcda0;
  --hmf-tertiary300: #ffa75a;
  --hmf-tertiary400: #fd7c0b;
  --hmf-tertiary500: #c65b0d;
  --hmf-tertiary600: #aa4d0a;
  --hmf-tertiary700: #823c09;
  --hmf-tertiary800: #6a3006;
  --hmf-tertiary900: #482104;
  --hmf-accent50: #fffdfc;
  --hmf-accent100: #ffeddd;
  --hmf-accent200: #ffcda0;
  --hmf-accent300: #ffa75a;
  --hmf-accent400: #fd7c0b;
  --hmf-accent500: #c65b0d;
  --hmf-accent600: #aa4d0a;
  --hmf-accent700: #823c09;
  --hmf-accent800: #6a3006;
  --hmf-accent900: #482104;
}

:root.hmf-mj-theme,
:root .hmf-mj-theme {
  /*********** GENERIC STYLING ***********/
  --hmf-button-border-radius: var(--hmf-sharp-radius);
  /*********** PRIMARY BUTTONS ***********/
  --hmf-button-primary-text-color: var(--hmf-gray50);
  --hmf-button-primary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-primary-background-color: var(--hmf-fill-primary-static);
  --hmf-button-primary-active-background-color: var(--hmf-fill-primary-active);
  --hmf-button-primary-hover-background-color: var(--hmf-fill-primary-hover);
  --hmf-button-primary-inactive-background-color: var(--hmf-gray300);
  --hmf-button-primary-border-color: var(--hmf-border-primary-static);
  --hmf-button-primary-active-border-color: var(--hmf-border-primary-active);
  --hmf-button-primary-hover-border-color: var(--hmf-border-primary-hover);
  --hmf-button-primary-inactive-border-color: var(--hmf-gray300);
  /*********** SECONDARY BUTTONS ***********/
  --hmf-button-secondary-text-color: var(--hmf-gray900);
  --hmf-button-secondary-active-text-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-text-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-secondary-background-color: var(--hmf-fill-secondary-static);
  --hmf-button-secondary-active-background-color: var(--hmf-fill-secondary-active);
  --hmf-button-secondary-hover-background-color: var(--hmf-fill-secondary-hover);
  --hmf-button-secondary-inactive-background-color: var(--hmf-gray50);
  --hmf-button-secondary-border-color: var(--hmf-border-secondary-static);
  --hmf-button-secondary-active-border-color: var(--hmf-border-secondary-active);
  --hmf-button-secondary-hover-border-color: var(--hmf-border-secondary-hover);
  --hmf-button-secondary-inactive-border-color: var(--hmf-gray400);
  /*********** TERTIARY BUTTONS ***********/
  --hmf-button-tertiary-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-hover-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-active-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-inactive-text-color: var(--hmf-gray500);
  --hmf-button-tertiary-background-color: var(--hmf-fill-secondary-static);
  --hmf-button-tertiary-active-background-color: var(--hmf-fill-secondary-active);
  --hmf-button-tertiary-hover-background-color: var(--hmf-fill-secondary-hover);
  --hmf-button-tertiary-inactive-background-color: var(--hmf-gray100);
  --hmf-button-tertiary-border-color: var(--hmf-fill-secondary-static);
  --hmf-button-tertiary-active-border-color: var(--hmf-fill-secondary-active);
  --hmf-button-tertiary-hover-border-color: var(--hmf-fill-secondary-hover);
  --hmf-button-tertiary-inactive-border-color: var(--hmf-gray100);
  /*********** MARKETING BUTTONS ***********/
  --hmf-button-marketing-text-color: var(--hmf-label-inverse-base);
  --hmf-button-marketing-inactive-text-color: var(--hmf-label-inverse-base);
  --hmf-button-marketing-hover-text-color: var(--hmf-label-inverse-base);
  --hmf-button-marketing-active-text-color: var(--hmf-label-inverse-base);
  --hmf-button-marketing-background-color: var(--hmf-fill-marketing-static);
  --hmf-button-marketing-active-background-color: var(--hmf-fill-marketing-active);
  --hmf-button-marketing-hover-background-color: var(--hmf-fill-marketing-hover);
  --hmf-button-marketing-inactive-background-color: var(--hmf-gray300);
  --hmf-button-marketing-border-color: var(--hmf-fill-marketing-static);
  --hmf-button-marketing-active-border-color: var(--hmf-fill-marketing-active);
  --hmf-button-marketing-hover-border-color: var(--hmf-fill-marketing-hover);
  --hmf-button-marketing-inactive-border-color: var(--hmf-gray300);
  /*********** DESTRUCTIVE BUTTONS ***********/
  --hmf-button-destructive-text-color: var(--hmf-label-inverse-base);
  --hmf-button-destructive-inactive-text-color: var(--hmf-label-disabled);
  --hmf-button-destructive-hover-text-color: var( --hmf-label-inverse-base);
  --hmf-button-destructive-active-text-color: var(--hmf-label-inverse-base);
  --hmf-button-destructive-background-color: var(--hmf-fill-negative-static);
  --hmf-button-destructive-active-background-color: var(--hmf-fill-negative-active);
  --hmf-button-destructive-hover-background-color: var(--hmf-fill-negative-hover);
  --hmf-button-destructive-inactive-background-color: var(--hmf-fill-disabled-subtle);
  --hmf-button-destructive-border-color: var(--hmf-fill-negative-static);
  --hmf-button-destructive-active-border-color: var(--hmf-fill-negative-active);
  --hmf-button-destructive-hover-border-color: var(--hmf-fill-negative-hover);
  --hmf-button-destructive-inactive-border-color: var(--hmf-fill-disabled-subtle);
}

:root, :root.hmf-mj-theme,
:root .hmf-mj-theme {
  --hmf-checkbox-active-background: var(--hmf-gray200);
  --hmf-checkbox-active-border-color: var(--hmf-gray500);
  --hmf-checkbox-active-checked-background: var(--hmf-gray800);
  --hmf-checkbox-active-checked-border-color: var(--hmf-gray800);
  --hmf-checkbox-base-checked-color: var(--hmf-gray800);
  --hmf-checkbox-base-color: var(--hmf-gray700);
  --hmf-checkbox-check-icon-dark: var(--hmf-gray500);
  --hmf-checkbox-check-icon-light: var(--hmf-gray50);
  --hmf-checkbox-checked-background: var(--hmf-gray900);
  --hmf-checkbox-checked-border-color: var(--hmf-gray900);
  --hmf-checkbox-disabled-color: var(--hmf-gray500);
  --hmf-checkbox-disabled-span-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-disabled-span-checked-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-checked-border-color: var(--hmf-gray200);
  --hmf-checkbox-error-color: var(--hmf-red600);
  --hmf-checkbox-error-span-background: var(--hmf-red100);
  --hmf-checkbox-error-span-border-color: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-background: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-border-color: var(--hmf-red600);
  --hmf-checkbox-focus-outline: 1px dashed var(--hmf-gray600);
  --hmf-checkbox-hover-span-background: var(--hmf-gray100);
  --hmf-checkbox-hover-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-hover-span-border: var(--hmf-gray900);
  --hmf-checkbox-hover-span-checked-background: var(--hmf-gray700);
  --hmf-checkbox-hover-span-checked-border-color: var(--hmf-gray700);
  --hmf-checkbox-span-background: var(--hmf-gray50);
  --hmf-checkbox-span-border: var(--hmf-gray600);
}

:root, :root.hmf-mj-theme,
:root .hmf-mj-theme {
  --hmf-chip-font-size: var(--body-font-size-m);
  --hmf-chip-line-height: var(--body-line-height-m);
  --hmf-chip-font-weight: var(--font-primary-bold-weight);
  --hmf-chip-font-family: var(--font-primary);
  --hmf-chip-letter-spacing: var(--body-letter-spacing);
  --hmf-chip-background-color: var(--hmf-gray200);
  --hmf-chip-color: var(--hmf-gray900);
  --hmf-chip-hover-background-color: var(--hmf-gray400);
  --hmf-chip-focus-background-color: var(--hmf-gray400);
  --hmf-chip-focus-outline: 1px dashed var(--hmf-primary500);
}

:root.hmf-mj-theme,
:root .hmf-mj-theme {
  --hmf-product-availability-cancel-icon-color: var(--hmf-red500);
  --hmf-product-availability-warning-icon-color: var(--hmf-tertiary900);
  --hmf-product-availability-success-icon-color: var(--hmf-secondary500);
}

:root.hmf-mj-theme,
:root .hmf-mj-theme {
  --hmf-product-title-text-color: var(--hmf-gray900);
  --hmf-product-title-font-size: var(--label-font-size-l);
  --hmf-product-title-line-height: var(--label-line-height-l);
  --hmf-product-title-font-weight: 500;
  --hmf-product-title-font-family: var(--font-primary);
  --hmf-product-title-letter-spacing: var(--label-letter-spacing);
}

:root.hmf-mj-theme,
:root .hmf-mj-theme {
  --hmf-promotion-text-color: var(--hmf-gray500);
  --hmf-promotion-font-weight: var(--font-primary-regular-weight);
  --hmf-promotion-font-family: var(--font-primary);
  --hmf-promotion-letter-spacing: var(--body-letter-spacing);
}

:root.hmf-mj-theme,
:root .hmf-mj-theme {
  --hmf-recommendation-card-hover-color: var(--hmf-gray400);
  --hmf-recommendation-card-background-color: var(--hmf-gray50);
  --hmf-recommendation-card-text-color: var(--hmf-gray900);
  --hmf-recommendation-card-price-color: var(--hmf-gray500);
}

:root, :root.hmf-mj-theme,
:root .hmf-mj-theme {
  --hmf-panel-font-size: var(--body-font-size-s);
  --hmf-panel-line-height: var(--body-line-height-s);
  --hmf-panel-font-weight: normal;
  --hmf-panel-font-family: var(--font-primary);
  --hmf-panel-letter-spacing: normal;
  --hmf-panel-content-background-color: var(--hmf-gray50);
  --hmf-panel-header-background-color: var(--hmf-gray100);
  --hmf-panel-overlay-background-color: var(--hmf-gray900);
  --hmf-panel-close-button-hover-background-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-background-color: var(--hmf-gray200);
  --hmf-panel-header-border-color: var(--hmf-gray100);
  --hmf-panel-close-button-hover-border-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-border-color: var(--hmf-gray200);
}

:root.hmf-mj-theme,
:root .hmf-mj-theme {
  --hmf-sticky-banner-font-size: var(--body-font-size-s);
  --hmf-sticky-banner-line-height: var(--body-line-height-s);
  --hmf-sticky-banner-font-weight: normal;
  --hmf-sticky-banner-font-family: var(--font-primary);
  --hmf-sticky-banner-letter-spacing: normal;
  --hmf-sticky-banner-content-background-color: var(--hmf-gray50);
  --hmf-sticky-banner-content-border-color: var(--hmf-gray200);
}

:root.hmf-mj-theme,
:root .hmf-mj-theme {
  --hmf-text-link-color: var(--hmf-gray900);
  --hmf-text-link-active-color: var(--hmf-gray600);
  --hmf-text-link-font-size: var(--body-font-size-m);
  --hmf-text-link-line-height: var(--body-line-height-m);
  --hmf-text-link-font-weight: var(--font-primary-regular-weight);
  --hmf-text-link-font-family: var(--font-primary);
  --hmf-text-link-letter-spacing: var(--body-letter-spacing);
}

:root, :root.hmf-mj-theme,
:root .hmf-mj-theme {
  --hmf-text-input-font-size: var(--body-font-size-m);
  --hmf-text-input-line-height: var(--body-line-height-m);
  --hmf-text-input-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-font-family: var(--font-primary);
  --hmf-text-input-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-text-area-font-size: var(--body-font-size-m);
  --hmf-text-input-text-area-line-height: var(--body-line-height-m);
  --hmf-text-input-text-area-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-text-area-font-family: var(--font-primary);
  --hmf-text-input-text-area-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-border: 1px solid var(--hmf-gray700);
  --hmf-text-input-background-color: var(--hmf-gray50);
  --hmf-text-input-input-color: var(--hmf-gray900);
  --hmf-text-input-input-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-focused-border: 1px solid var(--hmf-primary300);
  --hmf-text-input-disabled-background-color: var(--hmf-gray200);
  --hmf-text-input-disabled-color: var(--hmf-gray700);
  --hmf-text-input-disabled-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-label-color: var(--hmf-gray900);
  --hmf-text-input-color: var(--hmf-gray700);
  --hmf-text-input-error-label-color: var(--hmf-red700);
  --hmf-text-input-error-color: var(--hmf-red700);
  --hmf-text-input-error-border: 1px solid var(--hmf-red700);
  --hmf-text-input-error-background-color: rgb(230 108 70 / 0.2);
  --hmf-text-input-error-placeholder-color: var(--hmf-gray900);
  --hmf-text-input-error-svg-fill: var(--hmf-red700);
}

:root.hmf-mj-theme,
:root .hmf-mj-theme {
  --hmf-text-input-focused-border: 1px solid var(--hmf-border-secondary-active);
}

/*********** GENERAL STYLES ***********/
:root.hmf-pl-theme,
:root .hmf-pl-theme {
  --hmf-focus-outline: 1px dashed var(--hmf-secondary500);
}

:root.hmf-pl-theme,
:root .hmf-pl-theme {
  --hmf-background-base: var(--hmf-tertiary50);
  --hmf-background-base-subtle: var(--hmf-tertiary100);
  --hmf-background-inverse: var(--hmf-primary900);
  --hmf-background-inverse-subtle: var(--hmf-primary800);
  --hmf-background-primary: var(--hmf-primary700);
  --hmf-fill-base: var(--hmf-tertiary50);
  --hmf-fill-base-subtle: var(--hmf-tertiary100);
  --hmf-fill-base-prominent: var(--hmf-tertiary200);
  --hmf-fill-creative-primary: var(--hmf-primary800);
  --hmf-fill-inverse: var(--hmf-primary900);
  --hmf-fill-inverse-subtle: var(--hmf-primary800);
  --hmf-fill-primary-static: var(--hmf-primary800);
  --hmf-fill-primary-hover: var(--hmf-primary900);
  --hmf-fill-primary-active: var(--hmf-primary700);
  --hmf-fill-secondary-static: var(--hmf-tertiary50);
  --hmf-fill-secondary-static-subtle: var(--hmf-tertiary100);
  --hmf-fill-secondary-hover: var(--hmf-tertiary100);
  --hmf-fill-secondary-hover-subtle: var(--hmf-tertiary200);
  --hmf-fill-secondary-active: var(--hmf-tertiary200);
  --hmf-fill-secondary-active-subtle: var(--hmf-tertiary100);
  --hmf-fill-tertiary-static: var(--hmf-primary900);
  --hmf-fill-tertiary-hover: var(--hmf-primary700);
  --hmf-fill-tertiary-active: var(--hmf-primary800);
  --hmf-fill-disabled: var(--hmf-primary500);
  --hmf-fill-disabled-subtle: var(--hmf-primary200);
  --hmf-fill-negative: var(--hmf-red600);
  --hmf-fill-negative-subtle: var(--hmf-red100);
  --hmf-fill-negative-static: var(--hmf-red600);
  --hmf-fill-negative-hover: var(--hmf-red800);
  --hmf-fill-negative-active: var(--hmf-red700);
  --hmf-fill-sale: var(--hmf-red600);
  --hmf-fill-warning: var(--hmf-yellow300);
  --hmf-fill-warning-subtle: var(--hmf-yellow50);
  --hmf-fill-positive: var(--hmf-primary800);
  --hmf-fill-positive-subtle: var(--hmf-primary600);
  --hmf-fill-marketing-static: var(--hmf-accent100);
  --hmf-fill-marketing-hover: var(--hmf-accent50);
  --hmf-fill-marketing-active: var(--hmf-accent200);
  --hmf-fill-scorecard: var(--hmf-primary400);
  --hmf-fill-scorecard-subtle: var(--hmf-primary200);
  --hmf-fill-scorecard-gold: var(--hmf-gold300);
  --hmf-fill-scorecard-gold-subtle: var(--hmf-gold200);
  --hmf-fill-calia: var(--hmf-calia600);
  --hmf-fill-calia-subtle: var(--hmf-calia200);
  --hmf-fill-vrst: var(--hmf-vrst600);
  --hmf-fill-vrst-subtle: var(--hmf-vrst200);
  --hmf-label-base: var(--hmf-primary900);
  --hmf-label-base-subtle: var(--hmf-primary600);
  --hmf-label-inverse-base: var(--hmf-tertiary50);
  --hmf-label-inverse-subtle: var(--hmf-tertiary100);
  --hmf-label-primary-static: var(--hmf-primary600);
  --hmf-label-primary-hover: var(--hmf-primary700);
  --hmf-label-primary-active: var(--hmf-primary500);
  --hmf-label-secondary-static: var(--hmf-primary900);
  --hmf-label-secondary-hover: var(--hmf-primary700);
  --hmf-label-secondary-active: var(--hmf-primary800);
  --hmf-label-secondary-subtle-static: var(--hmf-primary600);
  --hmf-label-secondary-subtle-hover: var(--hmf-primary900);
  --hmf-label-secondary-subtle-active: var(--hmf-primary800);
  --hmf-label-tertiary-static: var(--hmf-primary900);
  --hmf-label-tertiary-hover: var(--hmf-primary600);
  --hmf-label-tertiary-active: var(--hmf-primary500);
  --hmf-label-sale: var(--hmf-red800);
  --hmf-label-disabled: var(--hmf-primary500);
  --hmf-label-disabled-subtle: var(--hmf-primary200);
  --hmf-label-negative: var(--hmf-red600);
  --hmf-label-positive: var(--hmf-accent600);
  --hmf-label-warning: var(--hmf-yellow600);
  --hmf-label-marketing-static: var(--hmf-primary800);
  --hmf-label-marketing-hover: var(--hmf-primary900);
  --hmf-label-marketing-active: var(--hmf-primary800);
  --hmf-label-scorecard: var(--hmf-primary600);
  --hmf-border-base: var(--hmf-primary100);
  --hmf-border-base-subtle: var(--hmf-primary50);
  --hmf-border-base-prominent: var(--hmf-primary300);
  --hmf-border-inverse: var(--hmf-gray900);
  --hmf-border-inverse-subtle: var(--hmf-gray700);
  --hmf-border-primary-static: var(--hmf-primary800);
  --hmf-border-primary-hover: var(--hmf-primary900);
  --hmf-border-primary-active: var(--hmf-primary700);
  --hmf-border-secondary-static: var(--hmf-primary900);
  --hmf-border-secondary-hover: var(--hmf-primary700);
  --hmf-border-secondary-active: var(--hmf-primary800);
  --hmf-border-secondary-subtle-static: var(--hmf-primary600);
  --hmf-border-secondary-subtle-hover: var(--hmf-primary400);
  --hmf-border-secondary-subtle-active: var(--hmf-primary500);
  --hmf-border-tertiary-static: var(--hmf-primary900);
  --hmf-border-tertiary-hover: var(--hmf-primary600);
  --hmf-border-tertiary-active: var(--hmf-primary500);
  --hmf-border-focused: var(--hmf-primary700);
  --hmf-border-inverse-focused: var(--hmf-tertiary50);
  --hmf-border-disabled: var(--hmf-primary500);
  --hmf-border-disabled-subtle: var(--hmf-primary200);
  --hmf-border-negative: var(--hmf-red600);
  --hmf-border-warning: var(--hmf-yellow500);
  --hmf-border-positive: var(--hmf-primary600);
  --hmf-border-scorecard-subtle: var(--hmf-primary100);
  --hmf-border-scorecard-gold: var(--hmf-gold400);
  --hmf-border-scorecard-gold-subtle: var(--hmf-gold100);
}

/*********** TYPOGRAPHY ***********/
:root.hmf-pl-theme,
:root .hmf-pl-theme {
  --font-display: "Graphik Wide", sans-serif;
  --font-primary: "Graphik", sans-serif;
  --font-label: "Graphik Wide", sans-serif;
  --font-primary-regular-weight: 400;
  --font-primary-bold-weight: 700;
  --font-display-weight: 900;
}

/*********** TYPOGRAPHY TYPES ***********/
:root.hmf-pl-theme,
:root .hmf-pl-theme {
  /* DISPLAY TEXT */
  --display-font-size-m: 4.2rem;
  --display-line-height-m: 4.2rem;
  --display-font-size-xl: 8rem;
  --display-line-height-xl: 8rem;
  --display-font-size-xxl: 10rem;
  --display-line-height-xxl: 10rem;
}

:root.hmf-pl-theme,
:root .hmf-pl-theme {
  /* HEADERS */
  --header-text-transform: none;
  --header-letter-spacing: 0.1rem;
  --header-line-height-s: 2rem;
}

:root.hmf-pl-theme,
:root .hmf-pl-theme {
  --hmf-primary50: #f8f9f5;
  --hmf-primary100: #e4e8d8;
  --hmf-primary200: #ced7cb;
  --hmf-primary300: #b6c3b1;
  --hmf-primary400: #889e8b;
  --hmf-primary500: #6c846f;
  --hmf-primary600: #4c6655;
  --hmf-primary700: #2d523f;
  --hmf-primary800: #002a19;
  --hmf-primary900: #000f08;
  --hmf-secondary50: #f8fbfc;
  --hmf-secondary100: #e0edf0;
  --hmf-secondary200: #bfd9de;
  --hmf-secondary300: #b3d2d8;
  --hmf-secondary400: #80b4bf;
  --hmf-secondary500: #4d95a5;
  --hmf-secondary600: #00687e;
  --hmf-secondary700: #00556b;
  --hmf-secondary800: #003a4e;
  --hmf-secondary900: #002a38;
  --hmf-tertiary50: #fff;
  --hmf-tertiary100: #f8f6f4;
  --hmf-tertiary200: #e2d6b9;
  --hmf-tertiary300: #cdb897;
  --hmf-tertiary400: #ba9979;
  --hmf-tertiary500: #a37859;
  --hmf-tertiary600: #8f674c;
  --hmf-tertiary700: #674a37;
  --hmf-tertiary800: #533c2c;
  --hmf-tertiary900: #2f2219;
  --hmf-accent50: #f5ffb8;
  --hmf-accent100: #e3ff36;
  --hmf-accent200: #c4f500;
  --hmf-accent300: #ace000;
  --hmf-accent400: #8bc700;
  --hmf-accent500: #6da300;
  --hmf-accent600: #527a00;
  --hmf-accent700: #3a5700;
  --hmf-accent800: #304700;
  --hmf-accent900: #1c2900;
}

:root, :root.hmf-pl-theme,
:root .hmf-pl-theme {
  /*********** GENERIC STYLING ***********/
  --hmf-button-border-radius: var(--hmf-sharp-radius);
  /*********** PRIMARY BUTTONS ***********/
  --hmf-button-primary-text-color: var(--hmf-gray50);
  --hmf-button-primary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-primary-background-color: var(--hmf-secondary500);
  --hmf-button-primary-active-background-color: var(--hmf-secondary700);
  --hmf-button-primary-hover-background-color: var(--hmf-secondary300);
  --hmf-button-primary-inactive-background-color: var(--hmf-gray300);
  --hmf-button-primary-border-color: var(--hmf-secondary500);
  --hmf-button-primary-hover-border-color: var(--hmf-secondary300);
  --hmf-button-primary-active-border-color: var(--hmf-secondary700);
  --hmf-button-primary-inactive-border-color: var(--hmf-gray300);
  /*********** SECONDARY BUTTONS ***********/
  --hmf-button-secondary-text-color: var(--hmf-gray900);
  --hmf-button-secondary-active-text-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-text-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-secondary-background-color: var(--hmf-gray50);
  --hmf-button-secondary-active-background-color: var(--hmf-gray400);
  --hmf-button-secondary-hover-background-color: var(--hmf-gray200);
  --hmf-button-secondary-inactive-background-color: var(--hmf-gray50);
  --hmf-button-secondary-border-color: var(--hmf-gray900);
  --hmf-button-secondary-active-border-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-border-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-border-color: var(--hmf-gray400);
  /*********** TERTIARY BUTTONS ***********/
  --hmf-button-tertiary-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-hover-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-active-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-inactive-text-color: var(--hmf-gray500);
  --hmf-button-tertiary-background-color: var(--hmf-fill-secondary-static);
  --hmf-button-tertiary-active-background-color: var(--hmf-fill-secondary-active);
  --hmf-button-tertiary-hover-background-color: var(--hmf-fill-secondary-hover);
  --hmf-button-tertiary-inactive-background-color: var(--hmf-gray100);
  --hmf-button-tertiary-border-color: var(--hmf-fill-secondary-static);
  --hmf-button-tertiary-active-border-color: var(--hmf-fill-secondary-active);
  --hmf-button-tertiary-hover-border-color: var(--hmf-fill-secondary-hover);
  --hmf-button-tertiary-inactive-border-color: var(--hmf-gray100);
  /*********** MARKETING BUTTONS ***********/
  --hmf-button-marketing-text-color: var(--hmf-gray50);
  --hmf-button-marketing-inactive-text-color: var(--hmf-gray600);
  --hmf-button-marketing-hover-text-color: var(--hmf-gray50);
  --hmf-button-marketing-active-text-color: var(--hmf-gray50);
  --hmf-button-marketing-background-color: var(--hmf-primary600);
  --hmf-button-marketing-active-background-color: var(--hmf-primary500);
  --hmf-button-marketing-hover-background-color: var(--hmf-primary300);
  --hmf-button-marketing-inactive-background-color: var(--hmf-gray300);
  --hmf-button-marketing-border-color: var(--hmf-primary600);
  --hmf-button-marketing-active-border-color: var(--hmf-primary500);
  --hmf-button-marketing-hover-border-color: var(--hmf-primary300);
  --hmf-button-marketing-inactive-border-color: var(--hmf-gray300);
  /*********** DESTRUCTIVE BUTTONS ***********/
  --hmf-button-destructive-text-color: var(--hmf-label-inverse-base);
  --hmf-button-destructive-inactive-text-color: var(--hmf-label-disabled);
  --hmf-button-destructive-hover-text-color: var( --hmf-label-inverse-base);
  --hmf-button-destructive-active-text-color: var(--hmf-label-inverse-base);
  --hmf-button-destructive-background-color: var(--hmf-fill-negative-static);
  --hmf-button-destructive-active-background-color: var(--hmf-fill-negative-active);
  --hmf-button-destructive-hover-background-color: var(--hmf-fill-negative-hover);
  --hmf-button-destructive-inactive-background-color: var(--hmf-fill-disabled-subtle);
  --hmf-button-destructive-border-color: var(--hmf-fill-negative-static);
  --hmf-button-destructive-active-border-color: var(--hmf-fill-negative-active);
  --hmf-button-destructive-hover-border-color: var(--hmf-fill-negative-hover);
  --hmf-button-destructive-inactive-border-color: var(--hmf-fill-disabled-subtle);
}

:root.hmf-pl-theme,
:root .hmf-pl-theme {
  /*********** PRIMARY BUTTONS ***********/
  --hmf-button-primary-background-color: var(--hmf-primary800);
  --hmf-button-primary-active-background-color: var(--hmf-primary900);
  --hmf-button-primary-hover-background-color: var(--hmf-primary700);
  --hmf-button-primary-border-color: var(--hmf-primary800);
  --hmf-button-primary-active-border-color: var(--hmf-primary900);
  /*********** MARKETING BUTTONS ***********/
  --hmf-button-marketing-text-color: var(--hmf-gray900);
  --hmf-button-marketing-inactive-text-color: var(--hmf-gray900);
  --hmf-button-marketing-hover-text-color: var(--hmf-gray900);
  --hmf-button-marketing-active-text-color: var(--hmf-gray900);
  --hmf-button-marketing-background-color: var(--hmf-accent100);
  --hmf-button-marketing-active-background-color: var(--hmf-accent200);
  --hmf-button-marketing-hover-background-color: var(--hmf-accent50);
  --hmf-button-marketing-border-color: var(--hmf-accent100);
  --hmf-button-marketing-active-border-color: var(--hmf-accent200);
  --hmf-button-marketing-hover-border-color: var(--hmf-accent50);
}

:root.hmf-pl-theme,
:root .hmf-pl-theme {
  --hmf-checkbox-active-background: var(--hmf-gray200);
  --hmf-checkbox-active-border-color: var(--hmf-gray500);
  --hmf-checkbox-active-checked-background: var(--hmf-gray800);
  --hmf-checkbox-active-checked-border-color: var(--hmf-gray800);
  --hmf-checkbox-base-checked-color: var(--hmf-gray800);
  --hmf-checkbox-base-color: var(--hmf-gray700);
  --hmf-checkbox-check-icon-dark: var(--hmf-gray500);
  --hmf-checkbox-check-icon-light: var(--hmf-gray50);
  --hmf-checkbox-checked-background: var(--hmf-gray900);
  --hmf-checkbox-checked-border-color: var(--hmf-gray900);
  --hmf-checkbox-disabled-color: var(--hmf-gray500);
  --hmf-checkbox-disabled-span-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-disabled-span-checked-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-checked-border-color: var(--hmf-gray200);
  --hmf-checkbox-error-color: var(--hmf-red600);
  --hmf-checkbox-error-span-background: var(--hmf-red100);
  --hmf-checkbox-error-span-border-color: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-background: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-border-color: var(--hmf-red600);
  --hmf-checkbox-focus-outline: 1px dashed var(--hmf-gray600);
  --hmf-checkbox-hover-span-background: var(--hmf-gray100);
  --hmf-checkbox-hover-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-hover-span-border: var(--hmf-gray900);
  --hmf-checkbox-hover-span-checked-background: var(--hmf-gray700);
  --hmf-checkbox-hover-span-checked-border-color: var(--hmf-gray700);
  --hmf-checkbox-span-background: var(--hmf-gray50);
  --hmf-checkbox-span-border: var(--hmf-gray600);
}

:root.hmf-pl-theme,
:root .hmf-pl-theme {
  --hmf-chip-font-size: var(--body-font-size-m);
  --hmf-chip-line-height: var(--body-line-height-m);
  --hmf-chip-font-weight: var(--font-primary-bold-weight);
  --hmf-chip-font-family: var(--font-primary);
  --hmf-chip-letter-spacing: var(--body-letter-spacing);
  --hmf-chip-background-color: var(--hmf-gray200);
  --hmf-chip-color: var(--hmf-gray900);
  --hmf-chip-hover-background-color: var(--hmf-gray400);
  --hmf-chip-focus-background-color: var(--hmf-gray400);
  --hmf-chip-focus-outline: 1px dashed var(--hmf-primary500);
}

:root, :root.hmf-pl-theme,
:root .hmf-pl-theme {
  --hmf-product-availability-cancel-icon-color: var(--hmf-red500);
  --hmf-product-availability-warning-icon-color: var(--hmf-yellow500);
  --hmf-product-availability-success-icon-color: var(--hmf-primary500);
}

:root.hmf-pl-theme,
:root .hmf-pl-theme {
  --hmf-product-availability-success-icon-color: var(--hmf-secondary500);
}

:root, :root.hmf-pl-theme,
:root .hmf-pl-theme {
  --hmf-product-title-text-color: var(--hmf-gray900);
  --hmf-product-title-font-size: var(--label-font-size-l);
  --hmf-product-title-line-height: var(--label-line-height-l);
  --hmf-product-title-font-weight: 500;
  --hmf-product-title-font-family: var(--font-primary);
  --hmf-product-title-letter-spacing: var(--label-letter-spacing);
}

:root, :root.hmf-pl-theme,
:root .hmf-pl-theme {
  --hmf-promotion-text-color: var(--hmf-gray500);
  --hmf-promotion-font-weight: var(--font-primary-regular-weight);
  --hmf-promotion-font-family: var(--font-primary);
  --hmf-promotion-letter-spacing: var(--body-letter-spacing);
}

:root, :root.hmf-pl-theme,
:root .hmf-pl-theme {
  --hmf-recommendation-card-hover-color: var(--hmf-gray400);
  --hmf-recommendation-card-background-color: var(--hmf-gray50);
  --hmf-recommendation-card-text-color: var(--hmf-gray900);
  --hmf-recommendation-card-price-color: var(--hmf-gray500);
}

:root.hmf-pl-theme,
:root .hmf-pl-theme {
  --hmf-panel-font-size: var(--body-font-size-s);
  --hmf-panel-line-height: var(--body-line-height-s);
  --hmf-panel-font-weight: normal;
  --hmf-panel-font-family: var(--font-primary);
  --hmf-panel-letter-spacing: normal;
  --hmf-panel-content-background-color: var(--hmf-gray50);
  --hmf-panel-header-background-color: var(--hmf-gray100);
  --hmf-panel-overlay-background-color: var(--hmf-gray900);
  --hmf-panel-close-button-hover-background-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-background-color: var(--hmf-gray200);
  --hmf-panel-header-border-color: var(--hmf-gray100);
  --hmf-panel-close-button-hover-border-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-border-color: var(--hmf-gray200);
}

:root, :root.hmf-pl-theme,
:root .hmf-pl-theme {
  --hmf-text-link-color: var(--hmf-gray900);
  --hmf-text-link-active-color: var(--hmf-gray600);
  --hmf-text-link-font-size: var(--body-font-size-m);
  --hmf-text-link-line-height: var(--body-line-height-m);
  --hmf-text-link-font-weight: var(--font-primary-regular-weight);
  --hmf-text-link-font-family: var(--font-primary);
  --hmf-text-link-letter-spacing: var(--body-letter-spacing);
}

:root, :root.hmf-pl-theme,
:root .hmf-pl-theme {
  --hmf-text-input-font-size: var(--body-font-size-m);
  --hmf-text-input-line-height: var(--body-line-height-m);
  --hmf-text-input-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-font-family: var(--font-primary);
  --hmf-text-input-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-text-area-font-size: var(--body-font-size-m);
  --hmf-text-input-text-area-line-height: var(--body-line-height-m);
  --hmf-text-input-text-area-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-text-area-font-family: var(--font-primary);
  --hmf-text-input-text-area-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-border: 1px solid var(--hmf-gray700);
  --hmf-text-input-background-color: var(--hmf-gray50);
  --hmf-text-input-input-color: var(--hmf-gray900);
  --hmf-text-input-input-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-focused-border: 1px solid var(--hmf-primary300);
  --hmf-text-input-disabled-background-color: var(--hmf-gray200);
  --hmf-text-input-disabled-color: var(--hmf-gray700);
  --hmf-text-input-disabled-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-label-color: var(--hmf-gray900);
  --hmf-text-input-color: var(--hmf-gray700);
  --hmf-text-input-error-label-color: var(--hmf-red700);
  --hmf-text-input-error-color: var(--hmf-red700);
  --hmf-text-input-error-border: 1px solid var(--hmf-red700);
  --hmf-text-input-error-background-color: rgb(230 108 70 / 0.2);
  --hmf-text-input-error-placeholder-color: var(--hmf-gray900);
  --hmf-text-input-error-svg-fill: var(--hmf-red700);
}

/*********** GENERAL STYLES ***********/
:root.hmf-vrst-theme,
:root .hmf-vrst-theme {
  --hmf-focus-outline: 1px dashed var(--hmf-gray400);
}

:root.hmf-vrst-theme,
:root .hmf-vrst-theme {
  --hmf-background-base: var(--hmf-gray50);
  --hmf-background-base-subtle: var(--hmf-gray100);
  --hmf-background-inverse: var(--hmf-gray900);
  --hmf-background-inverse-subtle: var(--hmf-gray800);
  --hmf-background-primary: var(--hmf-primary600);
  --hmf-fill-base: var(--hmf-gray50);
  --hmf-fill-base-subtle: var(--hmf-gray100);
  --hmf-fill-base-prominent: var(--hmf-gray200);
  --hmf-fill-inverse: var(--hmf-gray900);
  --hmf-fill-inverse-subtle: var(--hmf-gray700);
  --hmf-fill-primary-static: var(--hmf-secondary500);
  --hmf-fill-primary-hover: var(--hmf-secondary700);
  --hmf-fill-primary-active: var(--hmf-secondary600);
  --hmf-fill-secondary-static: var(--hmf-gray50);
  --hmf-fill-secondary-hover: var(--hmf-gray100);
  --hmf-fill-secondary-active: var(--hmf-gray200);
  --hmf-fill-tertiary-static: var(--hmf-gray900);
  --hmf-fill-tertiary-hover: var(--hmf-gray700);
  --hmf-fill-tertiary-active: var(--hmf-gray800);
  --hmf-fill-disabled: var(--hmf-gray500);
  --hmf-fill-disabled-subtle: var(--hmf-gray200);
  --hmf-fill-negative: var(--hmf-red600);
  --hmf-fill-negative-subtle: var(--hmf-red100);
  --hmf-fill-sale: var(--hmf-red600);
  --hmf-fill-warning: var(--hmf-yellow300);
  --hmf-fill-warning-subtle: var(--hmf-yellow50);
  --hmf-fill-positive: var(--hmf-primary500);
  --hmf-fill-positive-subtle: var(--hmf-primary100);
  --hmf-label-base: var(--hmf-gray900);
  --hmf-label-base-subtle: var(--hmf-gray600);
  --hmf-label-inverse-base: var(--hmf-gray50);
  --hmf-label-inverse-subtle: var(--hmf-gray100);
  --hmf-label-primary-static: var(--hmf-secondary500);
  --hmf-label-primary-hover: var(--hmf-secondary600);
  --hmf-label-primary-active: var(--hmf-secondary400);
  --hmf-label-secondary-static: var(--hmf-gray900);
  --hmf-label-secondary-hover: var(--hmf-gray700);
  --hmf-label-secondary-active: var(--hmf-gray800);
  --hmf-label-secondary-subtle-static: var(--hmf-gray600);
  --hmf-label-secondary-subtle-hover: var(--hmf-gray900);
  --hmf-label-secondary-subtle-active: var(--hmf-gray800);
  --hmf-label-tertiary-static: var(--hmf-gray900);
  --hmf-label-tertiary-hover: var(--hmf-secondary500);
  --hmf-label-tertiary-active: var(--hmf-secondary400);
  --hmf-label-sale: var(--hmf-red800);
  --hmf-label-disabled: var(--hmf-gray500);
  --hmf-label-disabled-subtle: var(--hmf-gray200);
  --hmf-label-negative: var(--hmf-red600);
  --hmf-label-warning: var(--hmf-yellow600);
  --hmf-border-base: var(--hmf-gray300);
  --hmf-border-base-subtle: var(--hmf-gray200);
  --hmf-border-inverse: var(--hmf-gray900);
  --hmf-border-inverse-subtle: var(--hmf-gray700);
  --hmf-border-primary-static: var(--hmf-secondary500);
  --hmf-border-primary-hover: var(--hmf-secondary600);
  --hmf-border-primary-active: var(--hmf-secondary400);
  --hmf-border-secondary-static: var(--hmf-gray900);
  --hmf-border-secondary-hover: var(--hmf-gray700);
  --hmf-border-secondary-active: var(--hmf-gray800);
  --hmf-border-secondary-subtle-static: var(--hmf-gray600);
  --hmf-border-secondary-subtle-hover: var(--hmf-gray400);
  --hmf-border-secondary-subtle-active: var(--hmf-gray500);
  --hmf-border-tertiary-static: var(--hmf-gray900);
  --hmf-border-tertiary-hover: var(--hmf-secondary500);
  --hmf-border-tertiary-active: var(--hmf-secondary400);
  --hmf-border-focused: var(--hmf-gray600);
  --hmf-border-inverse-focused: var(--hmf-gray50);
  --hmf-border-disabled: var(--hmf-gray500);
  --hmf-border-disabled-subtle: var(--hmf-gray200);
  --hmf-border-negative: var(--hmf-red600);
  --hmf-border-warning: var(--hmf-yellow500);
  --hmf-border-positive: var(--hmf-primary600);
}

/*********** TYPOGRAPHY ***********/
:root.hmf-vrst-theme,
:root .hmf-vrst-theme {
  --font-display: "Tilde", sans-serif;
  --font-primary: "Tilde", sans-serif;
  --font-label: "Tilde", sans-serif;
  --font-primary-regular-weight: 400;
  --font-primary-bold-weight: 700;
  --font-display-weight: 900;
}

/*********** TYPOGRAPHY TYPES ***********/
:root.hmf-vrst-theme,
:root .hmf-vrst-theme {
  /* BODY */
  --body-letter-spacing: 0.03rem;
}

:root.hmf-vrst-theme,
:root .hmf-vrst-theme {
  /* DISPLAY TEXT */
  --display-letter-spacing-xs: 0.05rem;
  --display-letter-spacing-s: 0.05rem;
  --display-letter-spacing-m: 0.05rem;
  --display-letter-spacing-l: 0.05rem;
  --display-font-size-xl: 10rem;
  --display-letter-spacing-xl: 0.05rem;
  --display-line-height-xl: 10rem;
  --display-font-size-xxl: 12rem;
  --display-letter-spacing-xxl: 0rem;
  --display-line-height-xxl: 12rem;
}

:root.hmf-vrst-theme,
:root .hmf-vrst-theme {
  /* HEADERS */
  --header-letter-spacing: 0rem;
}

:root.hmf-vrst-theme,
:root .hmf-vrst-theme {
  /* LABELS */
  --label-letter-spacing: 0.05rem;
}

:root.hmf-vrst-theme,
:root .hmf-vrst-theme {
  /* LEGAL */
  --legal-letter-spacing: 0.03rem;
}

:root.hmf-vrst-theme,
:root .hmf-vrst-theme {
  /* SUBHEADERS */
  --subhead-letter-spacing: 0rem;
}

:root.hmf-vrst-theme,
:root .hmf-vrst-theme {
  --hmf-primary50: #c4cad0;
  --hmf-primary100: #9aa3ac;
  --hmf-primary200: #7c878e;
  --hmf-primary300: #5b6770;
  --hmf-primary400: #404c53;
  --hmf-primary500: #333f48;
  --hmf-primary600: #2b3b46;
  --hmf-primary700: #1f2e38;
  --hmf-primary800: #162630;
  --hmf-primary900: #1d252d;
  --hmf-secondary50: #e6ecf0;
  --hmf-secondary100: #c2cfda;
  --hmf-secondary200: #99b0c2;
  --hmf-secondary300: #7090aa;
  --hmf-secondary400: #517897;
  --hmf-secondary500: #325f84;
  --hmf-secondary600: #2d587d;
  --hmf-secondary700: #264e72;
  --hmf-secondary800: #1f4468;
  --hmf-secondary900: #133355;
  --hmf-tertiary50: #f9efe9;
  --hmf-tertiary100: #f1d7c8;
  --hmf-tertiary200: #e8bda4;
  --hmf-tertiary300: #dea27f;
  --hmf-tertiary400: #d78e63;
  --hmf-tertiary500: #d07a48;
  --hmf-tertiary600: #cb7241;
  --hmf-tertiary700: #c46738;
  --hmf-tertiary800: #be5d30;
  --hmf-tertiary900: #b34a21;
  --hmf-accent50: #f9efe9;
  --hmf-accent100: #f1d7c8;
  --hmf-accent200: #e8bda4;
  --hmf-accent300: #dea27f;
  --hmf-accent400: #d78e63;
  --hmf-accent500: #d07a48;
  --hmf-accent600: #cb7241;
  --hmf-accent700: #c46738;
  --hmf-accent800: #be5d30;
  --hmf-accent900: #b34a21;
}

:root.hmf-vrst-theme,
:root .hmf-vrst-theme {
  /*********** GENERIC STYLING ***********/
  --hmf-button-border-radius: var(--hmf-sharp-radius);
  /*********** PRIMARY BUTTONS ***********/
  --hmf-button-primary-text-color: var(--hmf-gray50);
  --hmf-button-primary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-primary-background-color: var(--hmf-primary500);
  --hmf-button-primary-active-background-color: var(--hmf-primary600);
  --hmf-button-primary-hover-background-color: var(--hmf-primary400);
  --hmf-button-primary-inactive-background-color: var(--hmf-gray300);
  --hmf-button-primary-border-color: var(--hmf-primary500);
  --hmf-button-primary-hover-border-color: var(--hmf-primary400);
  --hmf-button-primary-active-border-color: var(--hmf-primary600);
  --hmf-button-primary-inactive-border-color: var(--hmf-gray300);
  /*********** SECONDARY BUTTONS ***********/
  --hmf-button-secondary-text-color: var(--hmf-gray900);
  --hmf-button-secondary-active-text-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-text-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-secondary-background-color: var(--hmf-gray50);
  --hmf-button-secondary-active-background-color: var(--hmf-gray400);
  --hmf-button-secondary-hover-background-color: var(--hmf-gray200);
  --hmf-button-secondary-inactive-background-color: var(--hmf-gray50);
  --hmf-button-secondary-border-color: var(--hmf-gray900);
  --hmf-button-secondary-active-border-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-border-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-border-color: var(--hmf-gray400);
  /*********** TERTIARY BUTTONS ***********/
  --hmf-button-tertiary-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-hover-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-active-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-inactive-text-color: var(--hmf-gray500);
  --hmf-button-tertiary-background-color: var(--hmf-gray50);
  --hmf-button-tertiary-hover-background-color: var(--hmf-gray50);
  --hmf-button-tertiary-active-background-color: var(--hmf-gray50);
  --hmf-button-tertiary-inactive-background-color: var(--hmf-gray100);
  --hmf-button-tertiary-border-color: var(--hmf-gray50);
  --hmf-button-tertiary-active-border-color: var(--hmf-gray50);
  --hmf-button-tertiary-hover-border-color: var(--hmf-gray50);
  --hmf-button-tertiary-inactive-border-color: var(--hmf-gray100);
  /*********** MARKETING BUTTONS ***********/
  --hmf-button-marketing-text-color: var(--hmf-gray50);
  --hmf-button-marketing-inactive-text-color: var(--hmf-gray50);
  --hmf-button-marketing-hover-text-color: var(--hmf-gray50);
  --hmf-button-marketing-active-text-color: var(--hmf-gray900);
  --hmf-button-marketing-background-color: var(--hmf-secondary500);
  --hmf-button-marketing-active-background-color: var(--hmf-secondary600);
  --hmf-button-marketing-hover-background-color: var(--hmf-secondary300);
  --hmf-button-marketing-inactive-background-color: var(--hmf-gray300);
  --hmf-button-marketing-border-color: var(--hmf-secondary500);
  --hmf-button-marketing-active-border-color: var(--hmf-secondary600);
  --hmf-button-marketing-hover-border-color: var(--hmf-secondary300);
  --hmf-button-marketing-inactive-border-color: var(--hmf-gray300);
}

:root, :root.hmf-vrst-theme,
:root .hmf-vrst-theme {
  --hmf-checkbox-active-background: var(--hmf-gray200);
  --hmf-checkbox-active-border-color: var(--hmf-gray500);
  --hmf-checkbox-active-checked-background: var(--hmf-gray800);
  --hmf-checkbox-active-checked-border-color: var(--hmf-gray800);
  --hmf-checkbox-base-checked-color: var(--hmf-gray800);
  --hmf-checkbox-base-color: var(--hmf-gray700);
  --hmf-checkbox-check-icon-dark: var(--hmf-gray500);
  --hmf-checkbox-check-icon-light: var(--hmf-gray50);
  --hmf-checkbox-checked-background: var(--hmf-gray900);
  --hmf-checkbox-checked-border-color: var(--hmf-gray900);
  --hmf-checkbox-disabled-color: var(--hmf-gray500);
  --hmf-checkbox-disabled-span-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-disabled-span-checked-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-checked-border-color: var(--hmf-gray200);
  --hmf-checkbox-error-color: var(--hmf-red600);
  --hmf-checkbox-error-span-background: var(--hmf-red100);
  --hmf-checkbox-error-span-border-color: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-background: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-border-color: var(--hmf-red600);
  --hmf-checkbox-focus-outline: 1px dashed var(--hmf-gray600);
  --hmf-checkbox-hover-span-background: var(--hmf-gray100);
  --hmf-checkbox-hover-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-hover-span-border: var(--hmf-gray900);
  --hmf-checkbox-hover-span-checked-background: var(--hmf-gray700);
  --hmf-checkbox-hover-span-checked-border-color: var(--hmf-gray700);
  --hmf-checkbox-span-background: var(--hmf-gray50);
  --hmf-checkbox-span-border: var(--hmf-gray600);
}

:root, :root.hmf-vrst-theme,
:root .hmf-vrst-theme {
  --hmf-chip-font-size: var(--body-font-size-m);
  --hmf-chip-line-height: var(--body-line-height-m);
  --hmf-chip-font-weight: var(--font-primary-bold-weight);
  --hmf-chip-font-family: var(--font-primary);
  --hmf-chip-letter-spacing: var(--body-letter-spacing);
  --hmf-chip-background-color: var(--hmf-gray200);
  --hmf-chip-color: var(--hmf-gray900);
  --hmf-chip-hover-background-color: var(--hmf-gray400);
  --hmf-chip-focus-background-color: var(--hmf-gray400);
  --hmf-chip-focus-outline: 1px dashed var(--hmf-primary500);
}

:root.hmf-vrst-theme,
:root .hmf-vrst-theme {
  --hmf-product-availability-cancel-icon-color: var(--hmf-red500);
  --hmf-product-availability-warning-icon-color: var(--hmf-yellow500);
  --hmf-product-availability-success-icon-color: var(--hmf-secondary500);
}

:root.hmf-vrst-theme,
:root .hmf-vrst-theme {
  --hmf-product-title-text-color: var(--hmf-gray900);
  --hmf-product-title-font-size: var(--label-font-size-l);
  --hmf-product-title-line-height: var(--label-line-height-l);
  --hmf-product-title-font-weight: 500;
  --hmf-product-title-font-family: var(--font-primary);
  --hmf-product-title-letter-spacing: var(--label-letter-spacing);
}

:root.hmf-vrst-theme,
:root .hmf-vrst-theme {
  --hmf-promotion-text-color: var(--hmf-gray500);
  --hmf-promotion-font-weight: var(--font-primary-regular-weight);
  --hmf-promotion-font-family: var(--font-primary);
  --hmf-promotion-letter-spacing: var(--body-letter-spacing);
}

:root.hmf-vrst-theme,
:root .hmf-vrst-theme {
  --hmf-recommendation-card-hover-color: var(--hmf-gray400);
  --hmf-recommendation-card-background-color: var(--hmf-gray50);
  --hmf-recommendation-card-text-color: var(--hmf-gray900);
  --hmf-recommendation-card-price-color: var(--hmf-gray500);
}

:root, :root.hmf-vrst-theme,
:root .hmf-vrst-theme {
  --hmf-panel-font-size: var(--body-font-size-s);
  --hmf-panel-line-height: var(--body-line-height-s);
  --hmf-panel-font-weight: normal;
  --hmf-panel-font-family: var(--font-primary);
  --hmf-panel-letter-spacing: normal;
  --hmf-panel-content-background-color: var(--hmf-gray50);
  --hmf-panel-header-background-color: var(--hmf-gray100);
  --hmf-panel-overlay-background-color: var(--hmf-gray900);
  --hmf-panel-close-button-hover-background-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-background-color: var(--hmf-gray200);
  --hmf-panel-header-border-color: var(--hmf-gray100);
  --hmf-panel-close-button-hover-border-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-border-color: var(--hmf-gray200);
}

:root.hmf-vrst-theme,
:root .hmf-vrst-theme {
  --hmf-sticky-banner-font-size: var(--body-font-size-s);
  --hmf-sticky-banner-line-height: var(--body-line-height-s);
  --hmf-sticky-banner-font-weight: normal;
  --hmf-sticky-banner-font-family: var(--font-primary);
  --hmf-sticky-banner-letter-spacing: normal;
  --hmf-sticky-banner-content-background-color: var(--hmf-gray50);
  --hmf-sticky-banner-content-border-color: var(--hmf-gray200);
}

:root.hmf-vrst-theme,
:root .hmf-vrst-theme {
  --hmf-text-link-color: var(--hmf-gray900);
  --hmf-text-link-active-color: var(--hmf-gray600);
  --hmf-text-link-font-size: var(--body-font-size-m);
  --hmf-text-link-line-height: var(--body-line-height-m);
  --hmf-text-link-font-weight: var(--font-primary-regular-weight);
  --hmf-text-link-font-family: var(--font-primary);
  --hmf-text-link-letter-spacing: var(--body-letter-spacing);
}

:root, :root.hmf-vrst-theme,
:root .hmf-vrst-theme {
  --hmf-text-input-font-size: var(--body-font-size-m);
  --hmf-text-input-line-height: var(--body-line-height-m);
  --hmf-text-input-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-font-family: var(--font-primary);
  --hmf-text-input-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-text-area-font-size: var(--body-font-size-m);
  --hmf-text-input-text-area-line-height: var(--body-line-height-m);
  --hmf-text-input-text-area-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-text-area-font-family: var(--font-primary);
  --hmf-text-input-text-area-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-border: 1px solid var(--hmf-gray700);
  --hmf-text-input-background-color: var(--hmf-gray50);
  --hmf-text-input-input-color: var(--hmf-gray900);
  --hmf-text-input-input-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-focused-border: 1px solid var(--hmf-primary300);
  --hmf-text-input-disabled-background-color: var(--hmf-gray200);
  --hmf-text-input-disabled-color: var(--hmf-gray700);
  --hmf-text-input-disabled-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-label-color: var(--hmf-gray900);
  --hmf-text-input-color: var(--hmf-gray700);
  --hmf-text-input-error-label-color: var(--hmf-red700);
  --hmf-text-input-error-color: var(--hmf-red700);
  --hmf-text-input-error-border: 1px solid var(--hmf-red700);
  --hmf-text-input-error-background-color: rgb(230 108 70 / 0.2);
  --hmf-text-input-error-placeholder-color: var(--hmf-gray900);
  --hmf-text-input-error-svg-fill: var(--hmf-red700);
}

/*********** FOCUS ***********/
:root.hmf-enterprise-theme,
:root .hmf-enterprise-theme {
  --hmf-focus-outline-color: var(--hmf-primary500);
}

:root.hmf-enterprise-theme,
:root .hmf-enterprise-theme {
  --hmf-background-base: var(--hmf-gray100);
  --hmf-background-base-subtle: var(--hmf-gray50);
  --hmf-background-inverse: var(--hmf-gray900);
  --hmf-background-inverse-subtle: var(--hmf-gray800);
  --hmf-background-primary: var(--hmf-secondary500);
  --hmf-fill-base: var(--hmf-gray50);
  --hmf-fill-base-subtle: var(--hmf-gray100);
  --hmf-fill-base-prominent: var(--hmf-gray200);
  --hmf-fill-creative-primary: var(--hmf-primary600);
  --hmf-fill-inverse: var(--hmf-gray900);
  --hmf-fill-inverse-subtle: var(--hmf-gray800);
  --hmf-fill-primary-static: var(--hmf-primary500);
  --hmf-fill-primary-hover: var(--hmf-primary600);
  --hmf-fill-primary-active: var(--hmf-primary400);
  --hmf-fill-secondary-static: var(--hmf-gray50);
  --hmf-fill-secondary-static-subtle: var(--hmf-gray100);
  --hmf-fill-secondary-hover: var(--hmf-gray100);
  --hmf-fill-secondary-hover-subtle: var(--hmf-gray200);
  --hmf-fill-secondary-active: var(--hmf-gray200);
  --hmf-fill-secondary-active-subtle: var(--hmf-gray100);
  --hmf-fill-tertiary-static: var(--hmf-gray700);
  --hmf-fill-tertiary-hover: var(--hmf-gray900);
  --hmf-fill-tertiary-active: var(--hmf-gray800);
  --hmf-fill-disabled: var(--hmf-gray400);
  --hmf-fill-disabled-subtle: var(--hmf-gray200);
  --hmf-fill-negative: var(--hmf-accent600);
  --hmf-fill-negative-subtle: var(--hmf-accent200);
  --hmf-fill-negative-static: var(--hmf-accent600);
  --hmf-fill-negative-hover: var(--hmf-accent800);
  --hmf-fill-negative-active: var(--hmf-accent700);
  --hmf-fill-sale: var(--hmf-red600);
  --hmf-fill-warning: var(--hmf-tertiary400);
  --hmf-fill-warning-subtle: var(--hmf-tertiary100);
  --hmf-fill-positive: var(--hmf-primary400);
  --hmf-fill-positive-subtle: var(--hmf-primary100);
  --hmf-fill-marketing-static: var(--hmf-primary600);
  --hmf-fill-marketing-hover: var(--hmf-primary700);
  --hmf-fill-marketing-active: var(--hmf-primary500);
  --hmf-fill-scorecard: var(--hmf-primary400);
  --hmf-fill-scorecard-subtle: var(--hmf-primary200);
  --hmf-fill-scorecard-gold: var(--hmf-gold300);
  --hmf-fill-scorecard-gold-subtle: var(--hmf-gold200);
  --hmf-fill-calia: var(--hmf-calia600);
  --hmf-fill-calia-subtle: var(--hmf-calia200);
  --hmf-fill-vrst: var(--hmf-vrst600);
  --hmf-fill-vrst-subtle: var(--hmf-vrst200);
  --hmf-label-base: var(--hmf-gray900);
  --hmf-label-base-subtle: var(--hmf-gray600);
  --hmf-label-inverse-base: var(--hmf-gray50);
  --hmf-label-inverse-subtle: var(--hmf-gray100);
  --hmf-label-primary-static: var(--hmf-primary600);
  --hmf-label-primary-hover: var(--hmf-primary700);
  --hmf-label-primary-active: var(--hmf-primary500);
  --hmf-label-secondary-static: var(--hmf-gray900);
  --hmf-label-secondary-hover: var(--hmf-gray700);
  --hmf-label-secondary-active: var(--hmf-gray800);
  --hmf-label-secondary-subtle-static: var(--hmf-gray600);
  --hmf-label-secondary-subtle-hover: var(--hmf-gray900);
  --hmf-label-secondary-subtle-active: var(--hmf-gray800);
  --hmf-label-tertiary-static: var(--hmf-gray900);
  --hmf-label-tertiary-hover: var(--hmf-primary500);
  --hmf-label-tertiary-active: var(--hmf-primary600);
  --hmf-label-sale: var(--hmf-accent800);
  --hmf-label-disabled: var(--hmf-gray400);
  --hmf-label-disabled-subtle: var(--hmf-gray200);
  --hmf-label-negative: var(--hmf-accent600);
  --hmf-label-positive: var(--hmf-primary600);
  --hmf-label-warning: var(--hmf-tertiary600);
  --hmf-label-marketing-static: var(--hmf-gray50);
  --hmf-label-marketing-hover: var(--hmf-gray100);
  --hmf-label-marketing-active: var(--hmf-gray100);
  --hmf-label-scorecard: var(--hmf-primary600);
  --hmf-border-base: var(--hmf-gray300);
  --hmf-border-base-subtle: var(--hmf-gray200);
  --hmf-border-base-prominent: var(--hmf-gray400);
  --hmf-border-inverse: var(--hmf-gray900);
  --hmf-border-inverse-subtle: var(--hmf-gray800);
  --hmf-border-primary-static: var(--hmf-primary500);
  --hmf-border-primary-hover: var(--hmf-primary700);
  --hmf-border-primary-active: var(--hmf-primary500);
  --hmf-border-secondary-static: var(--hmf-gray900);
  --hmf-border-secondary-hover: var(--hmf-gray700);
  --hmf-border-secondary-active: var(--hmf-gray800);
  --hmf-border-secondary-subtle-static: var(--hmf-gray600);
  --hmf-border-secondary-subtle-hover: var(--hmf-gray400);
  --hmf-border-secondary-subtle-active: var(--hmf-gray500);
  --hmf-border-tertiary-static: var(--hmf-gray900);
  --hmf-border-tertiary-hover: var(--hmf-primary500);
  --hmf-border-tertiary-active: var(--hmf-primary600);
  --hmf-border-focused: var(--hmf-primary500);
  --hmf-border-inverse-focused: var(--hmf-gray50);
  --hmf-border-disabled: var(--hmf-gray400);
  --hmf-border-disabled-subtle: var(--hmf-gray200);
  --hmf-border-negative: var(--hmf-accent600);
  --hmf-border-warning: var(--hmf-tertiary600);
  --hmf-border-positive: var(--hmf-primary500);
  --hmf-border-scorecard-subtle: var(--hmf-primary100);
  --hmf-border-scorecard-gold: var(--hmf-gold400);
  --hmf-border-scorecard-gold-subtle: var(--hmf-gold100);
}

/*********** TYPOGRAPHY ***********/
:root.hmf-enterprise-theme,
:root .hmf-enterprise-theme {
  --font-display: "Archivo", sans-serif;
  --font-primary-regular-weight: 500;
  --font-display-weight: 900;
}

/*********** TYPOGRAPHY TYPES ***********/
:root.hmf-enterprise-theme,
:root .hmf-enterprise-theme {
  --hmf-primary50: #f3fbf6;
  --hmf-primary100: #d6f2de;
  --hmf-primary200: #afe8c9;
  --hmf-primary300: #6fcc9b;
  --hmf-primary400: #34ad6c;
  --hmf-primary500: #138058;
  --hmf-primary600: #006554;
  --hmf-primary700: #005343;
  --hmf-primary800: #00493a;
  --hmf-primary900: #00291e;
  --hmf-secondary50: #e5fff5;
  --hmf-secondary100: #b3ffe0;
  --hmf-secondary200: #1affa2;
  --hmf-secondary300: #00e688;
  --hmf-secondary400: #00b36a;
  --hmf-secondary500: #00804c;
  --hmf-secondary600: #00663d;
  --hmf-secondary700: #005733;
  --hmf-secondary800: #004d2d;
  --hmf-secondary900: #001a0f;
  --hmf-tertiary50: #fdf9f1;
  --hmf-tertiary100: #f8e6c7;
  --hmf-tertiary200: #f5d6a0;
  --hmf-tertiary300: #f0bd65;
  --hmf-tertiary400: #eba42b;
  --hmf-tertiary500: #c88513;
  --hmf-tertiary600: #976211;
  --hmf-tertiary700: #6e440c;
  --hmf-tertiary800: #5b380b;
  --hmf-tertiary900: #32210b;
  --hmf-accent50: #fff9f5;
  --hmf-accent100: #fff0e7;
  --hmf-accent200: #fad6c7;
  --hmf-accent300: #f5bba7;
  --hmf-accent400: #eb8666;
  --hmf-accent500: #e66c46;
  --hmf-accent600: #be4324;
  --hmf-accent700: #96240d;
  --hmf-accent800: #7f1e0b;
  --hmf-accent900: #4b1206;
}

:root.hmf-enterprise-theme,
:root .hmf-enterprise-theme {
  /* Base Styles */
  --ag-font-family: var(--font-primary);
  --ag-row-border-color: var(--hmf-border-base);
  --ag-odd-row-background-color: var(--hmf-fill-base-subtle);
  --ag-even-row-background-color: var(--hmf-fill-base);
  --ag-focus-shadow: none;
  /* Header Styles */
  --ag-header-background-color: var(--hmf-fill-base);
  --ag-header-font-size: var(--typography-body-links-medium-size, 14px);
  --ag-header-font-weight: var(--typography-body-links-weights-bold, 700);
  --ag-header-letter-spacing: var(--Typography-Letter-Spacing, 0px);
  --ag-header-line-height: var(--typography-body-links-medium-line-height, 19.6px);
  --ag-header-column-resize-handle-height: 60%;
  --ag-header-column-resize-handle-width: 1px;
  --ag-header-column-resize-handle-color: var(--hmf-border-base);
  /* Checkbox Styles */
  --ag-checkbox-border-radius: 0;
  --ag-checkbox-border-color: var(--hmf-border-secondary-subtle-static);
  --ag-checkbox-checked-background-color: var(--hmf-fill-secondary-static);
}

:root.hmf-enterprise-theme .ag-root-wrapper,
:root .hmf-enterprise-theme .ag-root-wrapper {
  border-bottom-left-radius: 0;
  border-left: none;
  border-top-left-radius: 0;
}

:root.hmf-enterprise-theme .error .ag-checkbox-input-wrapper,
:root .hmf-enterprise-theme .error .ag-checkbox-input-wrapper {
  background-color: var(--hmf-fill-negative-subtle);
  border-color: var(--hmf-label-negative) !important;
}

:root.hmf-enterprise-theme .error .ag-checkbox-input-wrapper.ag-checked, :root.hmf-enterprise-theme .error .ag-checkbox-input-wrapper.ag-indeterminate,
:root .hmf-enterprise-theme .error .ag-checkbox-input-wrapper.ag-checked,
:root .hmf-enterprise-theme .error .ag-checkbox-input-wrapper.ag-indeterminate {
  background-color: var(--hmf-label-negative) !important;
}

:root.hmf-enterprise-theme .ag-checkbox-input-wrapper.ag-checked, :root.hmf-enterprise-theme .ag-checkbox-input-wrapper.ag-indeterminate,
:root .hmf-enterprise-theme .ag-checkbox-input-wrapper.ag-checked,
:root .hmf-enterprise-theme .ag-checkbox-input-wrapper.ag-indeterminate {
  background-color: var(--hmf-fill-tertiary-static);
  border: 1px solid var(--hmf-fill-tertiary-static);
}

:root.hmf-enterprise-theme .ag-checkbox-input-wrapper.ag-checked:hover, :root.hmf-enterprise-theme .ag-checkbox-input-wrapper.ag-indeterminate:hover,
:root .hmf-enterprise-theme .ag-checkbox-input-wrapper.ag-checked:hover,
:root .hmf-enterprise-theme .ag-checkbox-input-wrapper.ag-indeterminate:hover {
  background-color: var(--hmf-fill-tertiary-static);
  border: 1px solid var(--hmf-fill-tertiary-static);
}

:root.hmf-enterprise-theme .ag-checkbox-input-wrapper:hover,
:root .hmf-enterprise-theme .ag-checkbox-input-wrapper:hover {
  border: 2px solid var(--hmf-label-secondary-active);
}

:root.hmf-enterprise-theme .ag-checkbox-input-wrapper:disabled,
:root .hmf-enterprise-theme .ag-checkbox-input-wrapper:disabled {
  background: var(--hmf-fill-disabled-subtle);
  border: 1px solid var(--hmf-border-disabled);
}

:root.hmf-enterprise-theme .ag-checkbox-input-wrapper:disabled.ag-checked, :root.hmf-enterprise-theme .ag-checkbox-input-wrapper:disabled.ag-indeterminate,
:root .hmf-enterprise-theme .ag-checkbox-input-wrapper:disabled.ag-checked,
:root .hmf-enterprise-theme .ag-checkbox-input-wrapper:disabled.ag-indeterminate {
  border: 1px solid var(--hmf-border-disabled);
}

:root.hmf-enterprise-theme .ag-checkbox-input-wrapper:hover:disabled, :root.hmf-enterprise-theme .ag-checkbox-input:hover:disabled,
:root .hmf-enterprise-theme .ag-checkbox-input-wrapper:hover:disabled,
:root .hmf-enterprise-theme .ag-checkbox-input:hover:disabled {
  cursor: not-allowed !important;
}

:root.hmf-enterprise-theme,
:root .hmf-enterprise-theme {
  /*********** GENERIC STYLING ***********/
  --hmf-button-border-radius: var(--hmf-sharp-radius);
  /*********** PRIMARY BUTTONS ***********/
  --hmf-button-primary-text-color: var(--hmf-gray50);
  --hmf-button-primary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-primary-background-color: var(--hmf-primary500);
  --hmf-button-primary-active-background-color: var(--hmf-primary400);
  --hmf-button-primary-hover-background-color: var(--hmf-primary300);
  --hmf-button-primary-inactive-background-color: var(--hmf-gray300);
  --hmf-button-primary-border-color: var(--hmf-primary500);
  --hmf-button-primary-hover-border-color: var(--hmf-primary300);
  --hmf-button-primary-active-border-color: var(--hmf-primary400);
  --hmf-button-primary-inactive-border-color: var(--hmf-gray300);
  /*********** SECONDARY BUTTONS ***********/
  --hmf-button-secondary-text-color: var(--hmf-gray900);
  --hmf-button-secondary-active-text-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-text-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-secondary-background-color: var(--hmf-gray50);
  --hmf-button-secondary-active-background-color: var(--hmf-gray400);
  --hmf-button-secondary-hover-background-color: var(--hmf-gray200);
  --hmf-button-secondary-inactive-background-color: var(--hmf-gray50);
  --hmf-button-secondary-border-color: var(--hmf-gray900);
  --hmf-button-secondary-active-border-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-border-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-border-color: var(--hmf-gray400);
  /*********** TERTIARY BUTTONS ***********/
  --hmf-button-tertiary-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-hover-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-active-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-inactive-text-color: var(--hmf-gray500);
  --hmf-button-tertiary-background-color: var(--hmf-fill-secondary-static);
  --hmf-button-tertiary-active-background-color: var(--hmf-fill-secondary-active);
  --hmf-button-tertiary-hover-background-color: var(--hmf-fill-secondary-hover);
  --hmf-button-tertiary-inactive-background-color: var(--hmf-gray100);
  --hmf-button-tertiary-border-color: var(--hmf-fill-secondary-static);
  --hmf-button-tertiary-active-border-color: var(--hmf-fill-secondary-active);
  --hmf-button-tertiary-hover-border-color: var(--hmf-fill-secondary-hover);
  --hmf-button-tertiary-inactive-border-color: var(--hmf-gray100);
  /*********** MARKETING BUTTONS ***********/
  --hmf-button-marketing-text-color: var(--hmf-gray50);
  --hmf-button-marketing-inactive-text-color: var(--hmf-gray50);
  --hmf-button-marketing-hover-text-color: var(--hmf-gray50);
  --hmf-button-marketing-active-text-color: var(--hmf-gray900);
  --hmf-button-marketing-background-color: var(--hmf-gray900);
  --hmf-button-marketing-active-background-color: var(--hmf-gray800);
  --hmf-button-marketing-hover-background-color: var(--hmf-gray700);
  --hmf-button-marketing-inactive-background-color: var(--hmf-gray300);
  --hmf-button-marketing-border-color: var(--hmf-gray900);
  --hmf-button-marketing-active-border-color: var(--hmf-gray800);
  --hmf-button-marketing-hover-border-color: var(--hmf-gray700);
  --hmf-button-marketing-inactive-border-color: var(--hmf-gray300);
  /*********** DESTRUCTIVE BUTTONS ***********/
  --hmf-button-destructive-text-color: var(--hmf-label-inverse-base);
  --hmf-button-destructive-inactive-text-color: var(--hmf-label-disabled);
  --hmf-button-destructive-hover-text-color: var( --hmf-label-inverse-base);
  --hmf-button-destructive-active-text-color: var(--hmf-label-inverse-base);
  --hmf-button-destructive-background-color: var(--hmf-fill-negative-static);
  --hmf-button-destructive-active-background-color: var(--hmf-fill-negative-active);
  --hmf-button-destructive-hover-background-color: var(--hmf-fill-negative-hover);
  --hmf-button-destructive-inactive-background-color: var(--hmf-fill-disabled-subtle);
  --hmf-button-destructive-border-color: var(--hmf-fill-negative-static);
  --hmf-button-destructive-active-border-color: var(--hmf-fill-negative-active);
  --hmf-button-destructive-hover-border-color: var(--hmf-fill-negative-hover);
  --hmf-button-destructive-inactive-border-color: var(--hmf-fill-disabled-subtle);
}

:root, :root.hmf-enterprise-theme,
:root .hmf-enterprise-theme {
  --hmf-checkbox-active-background: var(--hmf-gray200);
  --hmf-checkbox-active-border-color: var(--hmf-gray500);
  --hmf-checkbox-active-checked-background: var(--hmf-gray800);
  --hmf-checkbox-active-checked-border-color: var(--hmf-gray800);
  --hmf-checkbox-base-checked-color: var(--hmf-gray800);
  --hmf-checkbox-base-color: var(--hmf-gray700);
  --hmf-checkbox-check-icon-dark: var(--hmf-gray500);
  --hmf-checkbox-check-icon-light: var(--hmf-gray50);
  --hmf-checkbox-checked-background: var(--hmf-gray900);
  --hmf-checkbox-checked-border-color: var(--hmf-gray900);
  --hmf-checkbox-disabled-color: var(--hmf-gray500);
  --hmf-checkbox-disabled-span-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-disabled-span-checked-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-checked-border-color: var(--hmf-gray200);
  --hmf-checkbox-error-color: var(--hmf-red600);
  --hmf-checkbox-error-span-background: var(--hmf-red100);
  --hmf-checkbox-error-span-border-color: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-background: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-border-color: var(--hmf-red600);
  --hmf-checkbox-focus-outline: 1px dashed var(--hmf-gray600);
  --hmf-checkbox-hover-span-background: var(--hmf-gray100);
  --hmf-checkbox-hover-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-hover-span-border: var(--hmf-gray900);
  --hmf-checkbox-hover-span-checked-background: var(--hmf-gray700);
  --hmf-checkbox-hover-span-checked-border-color: var(--hmf-gray700);
  --hmf-checkbox-span-background: var(--hmf-gray50);
  --hmf-checkbox-span-border: var(--hmf-gray600);
}

:root, :root.hmf-enterprise-theme,
:root .hmf-enterprise-theme {
  --hmf-chip-font-size: var(--body-font-size-m);
  --hmf-chip-line-height: var(--body-line-height-m);
  --hmf-chip-font-weight: var(--font-primary-bold-weight);
  --hmf-chip-font-family: var(--font-primary);
  --hmf-chip-letter-spacing: var(--body-letter-spacing);
  --hmf-chip-background-color: var(--hmf-gray200);
  --hmf-chip-color: var(--hmf-gray900);
  --hmf-chip-hover-background-color: var(--hmf-gray400);
  --hmf-chip-focus-background-color: var(--hmf-gray400);
  --hmf-chip-focus-outline: 1px dashed var(--hmf-primary500);
}

:root.hmf-enterprise-theme,
:root .hmf-enterprise-theme {
  --hmf-product-availability-cancel-icon-color: var(--hmf-red500);
  --hmf-product-availability-warning-icon-color: var(--hmf-yellow500);
  --hmf-product-availability-success-icon-color: var(--hmf-primary500);
}

:root.hmf-enterprise-theme,
:root .hmf-enterprise-theme {
  --hmf-product-title-text-color: var(--hmf-gray900);
  --hmf-product-title-font-size: var(--label-font-size-l);
  --hmf-product-title-line-height: var(--label-line-height-l);
  --hmf-product-title-font-weight: 500;
  --hmf-product-title-font-family: var(--font-primary);
  --hmf-product-title-letter-spacing: var(--label-letter-spacing);
}

:root.hmf-enterprise-theme,
:root .hmf-enterprise-theme {
  --hmf-promotion-text-color: var(--hmf-gray500);
  --hmf-promotion-font-weight: var(--font-primary-regular-weight);
  --hmf-promotion-font-family: var(--font-primary);
  --hmf-promotion-letter-spacing: var(--body-letter-spacing);
}

:root.hmf-enterprise-theme,
:root .hmf-enterprise-theme {
  --hmf-recommendation-card-hover-color: var(--hmf-gray400);
  --hmf-recommendation-card-background-color: var(--hmf-gray50);
  --hmf-recommendation-card-text-color: var(--hmf-gray900);
  --hmf-recommendation-card-price-color: var(--hmf-gray500);
}

:root, :root.hmf-enterprise-theme,
:root .hmf-enterprise-theme {
  --hmf-panel-font-size: var(--body-font-size-s);
  --hmf-panel-line-height: var(--body-line-height-s);
  --hmf-panel-font-weight: normal;
  --hmf-panel-font-family: var(--font-primary);
  --hmf-panel-letter-spacing: normal;
  --hmf-panel-content-background-color: var(--hmf-gray50);
  --hmf-panel-header-background-color: var(--hmf-gray100);
  --hmf-panel-overlay-background-color: var(--hmf-gray900);
  --hmf-panel-close-button-hover-background-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-background-color: var(--hmf-gray200);
  --hmf-panel-header-border-color: var(--hmf-gray100);
  --hmf-panel-close-button-hover-border-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-border-color: var(--hmf-gray200);
}

:root.hmf-enterprise-theme,
:root .hmf-enterprise-theme {
  --hmf-sticky-banner-font-size: var(--body-font-size-s);
  --hmf-sticky-banner-line-height: var(--body-line-height-s);
  --hmf-sticky-banner-font-weight: normal;
  --hmf-sticky-banner-font-family: var(--font-primary);
  --hmf-sticky-banner-letter-spacing: normal;
  --hmf-sticky-banner-content-background-color: var(--hmf-gray50);
  --hmf-sticky-banner-content-border-color: var(--hmf-gray200);
}

:root.hmf-enterprise-theme,
:root .hmf-enterprise-theme {
  --hmf-text-link-color: var(--hmf-gray900);
  --hmf-text-link-active-color: var(--hmf-gray600);
  --hmf-text-link-font-size: var(--body-font-size-m);
  --hmf-text-link-line-height: var(--body-line-height-m);
  --hmf-text-link-font-weight: var(--font-primary-regular-weight);
  --hmf-text-link-font-family: var(--font-primary);
  --hmf-text-link-letter-spacing: var(--body-letter-spacing);
}

:root, :root.hmf-enterprise-theme,
:root .hmf-enterprise-theme {
  --hmf-text-input-font-size: var(--body-font-size-m);
  --hmf-text-input-line-height: var(--body-line-height-m);
  --hmf-text-input-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-font-family: var(--font-primary);
  --hmf-text-input-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-text-area-font-size: var(--body-font-size-m);
  --hmf-text-input-text-area-line-height: var(--body-line-height-m);
  --hmf-text-input-text-area-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-text-area-font-family: var(--font-primary);
  --hmf-text-input-text-area-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-border: 1px solid var(--hmf-gray700);
  --hmf-text-input-background-color: var(--hmf-gray50);
  --hmf-text-input-input-color: var(--hmf-gray900);
  --hmf-text-input-input-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-focused-border: 1px solid var(--hmf-primary300);
  --hmf-text-input-disabled-background-color: var(--hmf-gray200);
  --hmf-text-input-disabled-color: var(--hmf-gray700);
  --hmf-text-input-disabled-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-label-color: var(--hmf-gray900);
  --hmf-text-input-color: var(--hmf-gray700);
  --hmf-text-input-error-label-color: var(--hmf-red700);
  --hmf-text-input-error-color: var(--hmf-red700);
  --hmf-text-input-error-border: 1px solid var(--hmf-red700);
  --hmf-text-input-error-background-color: rgb(230 108 70 / 0.2);
  --hmf-text-input-error-placeholder-color: var(--hmf-gray900);
  --hmf-text-input-error-svg-fill: var(--hmf-red700);
}

/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/** @format */
/*! purgecss start ignore */
.toasty {
  background-color: var(--hmf-fill-base);
  border: 1px solid var(--hmf-border-base);
  border-radius: var(--hmf-xxxs);
  box-sizing: border-box;
  color: var(--hmf-label-base);
  font-size: 14px;
  left: 50%;
  min-height: 64px;
  position: fixed;
  top: var(--hmf-l);
  transform: translate(-50%, -50%);
  transition: transform 0.3s ease-in-out;
  width: 90%;
  z-index: 110;
}
.toasty .toasty-href {
  width: 30%;
}
.toasty .toasty-href svg path {
  fill: var(--hmf-label-base);
}
.toasty .toasty-inline-message {
  white-space: pre-wrap;
  width: 100%;
}
.toasty .toasty-inline-message .homefield-textlink {
  display: inline;
  word-break: break-word;
}
@media (min-width: 375px) {
  .toasty {
    width: 342px;
    top: calc(66px + 4.8%);
  }
}
@media (min-width: 1024px) {
  .toasty {
    top: calc(48px + 4.8%);
    width: 656px;
  }
}
.toasty .button-message {
  background: transparent;
  border: none;
  color: var(--hmf-label-base);
  cursor: pointer;
  text-decoration: underline;
}
.toasty .action-link {
  width: 90%;
}
@media (min-width: 1024px) {
  .toasty .action-link {
    width: 100%;
  }
}
.toasty .toasty-cancelIcon {
  cursor: pointer;
}

/*! purgecss end ignore */
/*!***********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/common/LocationServices/StoreSelectionModal/StoreDetails.scss ***!
  \***********************************************************************************************************************************************************************/
.store-details-container {
  justify-content: space-between;
  gap: var(--hmf-xxs);
}
.store-details-container .store-details-button {
  border-radius: 2px;
  flex-grow: 13;
  height: 44px;
  min-width: 125px;
}
@media screen and (max-width: 767px) {
  .store-details-container .store-details-button {
    border-radius: 2px;
    flex-grow: 10;
    height: 32px;
    min-width: 125px;
  }
}

.store-details-store-hours-day {
  display: inline-block;
  text-align: left;
  width: 45%;
}

.store-details-store-hours-time {
  display: inline-block;
  padding-left: 10px;
  text-align: left;
  width: 55%;
}

.store-details-show-toggle-container {
  flex-grow: 7;
}

.store-details-current-store-label {
  color: var(--hmf-primary600);
}

.store-details-name-dist-container {
  justify-content: space-between;
}

.store-details-address {
  color: var(--hmf-gray700);
  text-transform: capitalize;
}

.store-details-check-svg path {
  fill: var(--store-details-check-icon-color);
}

.store-details-cancel-svg path {
  fill: var(--hmf-red500);
}

.store-details-store-pickup {
  color: var(--hmf-gray700);
}

.store-details-status-after_hours {
  color: var(--hmf-red500);
}

.store-details-status-when_open {
  color: var(--hmf-primary500);
}

.store-details-chevron {
  pointer-events: none;
}

.store-details-view-more {
  color: var(--hmf-gray700) !important;
}

.store-details-only-few-left-message {
  color: var(--hmf-red900) !important;
}
/*!***************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/common/LoadingSpinner/LoadingSpinner.scss ***!
  \***************************************************************************************************************************************************/
.LoadingSpinner .LoadingSpinner-spinner {
  animation: LoadingSpinner-spinFrames 1s linear infinite;
  border: 6px solid var(--hmf-primary50);
  border-radius: 50%;
  border-top: 6px solid var(--hmf-tertiary600);
  height: 60px;
  width: 60px;
}

@keyframes LoadingSpinner-spinFrames {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*!******************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/common/LocationServices/StoreSelectionModal/StoreSelectionModal.scss ***!
  \******************************************************************************************************************************************************************************/
/*! purgecss start ignore */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/** @format */
.hmf-modal.store-selection-modal .hmf-modal-container {
  flex-direction: column;
  overflow-y: scroll !important;
  width: 100% !important;
}
@media (min-width: 1024px) {
  .hmf-modal.store-selection-modal .hmf-modal-container {
    width: 30% !important;
  }
}
@media (min-width: 1280px) {
  .hmf-modal.store-selection-modal .hmf-modal-container {
    width: 40% !important;
  }
}
.hmf-modal.store-selection-modal .hmf-modal-container .hmf-modal-container-wrapper .hmf-close-primary {
  background-color: inherit;
}
.hmf-modal.store-selection-modal .hmf-modal-container .store-selection-modal-container {
  width: 100%;
}
.hmf-modal.store-selection-modal .hmf-modal-container .store-selection-modal-container .store-selection-modal-body .store-selection-modal-input-container {
  border-bottom: 1px solid var(--hmf-gray200);
}
.hmf-modal.store-selection-modal .hmf-modal-container .store-selection-modal-container .store-selection-modal-body .store-selection-modal-input-container .store-selection-modal-search {
  gap: var(--hmf-xxs);
}
.hmf-modal.store-selection-modal .hmf-modal-container .store-selection-modal-container .store-selection-modal-body .store-selection-modal-input-container .store-selection-modal-search .store-selection-modal-search-input {
  flex-grow: 3;
}
.hmf-modal.store-selection-modal .hmf-modal-container .store-selection-modal-container .store-selection-modal-body .store-selection-modal-input-container .store-selection-modal-search .store-selection-modal-search-input::placeholder {
  user-select: none;
}
.hmf-modal.store-selection-modal .hmf-modal-container .store-selection-modal-container .store-selection-modal-body .store-selection-modal-input-container .store-selection-modal-search .store-selection-modal-search-button {
  border-radius: 2px;
  flex-grow: 2;
  height: 44px;
  min-width: 125px;
}
.hmf-modal.store-selection-modal .hmf-modal-container .store-selection-modal-container .store-selection-modal-body .store-selection-modal-list-error {
  color: var(--hmf-red700);
}

/*! purgecss end ignore */
.store-selection-model-nearby-msg {
  border-bottom: 1px solid var(--hmf-gray200);
  color: var(--hmf-gray700);
}

.store-selection-modal-store-details-container {
  border-bottom: 1px solid var(--hmf-gray200);
}

.store-selection-modal-search-options {
  justify-content: space-between;
}

.store-selection-modal-location-icon {
  height: 1.2em;
  width: 1.2em;
}

.store-selection-modal-current-selected-store {
  background-color: var(--hmf-gray100);
}
/*!********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/common/LocationServices/SameDayDeliveryModal/SameDayDeliveryModal.scss ***!
  \********************************************************************************************************************************************************************************/
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/** @format */
.hmf-modal.sdd-modal .hmf-modal-container {
  width: 100% !important;
}
@media (min-width: 1024px) {
  .hmf-modal.sdd-modal .hmf-modal-container {
    width: 30% !important;
  }
}
@media (min-width: 1280px) {
  .hmf-modal.sdd-modal .hmf-modal-container {
    width: 40% !important;
  }
}
.hmf-modal.sdd-modal .hmf-modal-container .hmf-modal-container-wrapper .hmf-close-primary {
  background-color: inherit;
}
.hmf-modal.sdd-modal .sdd-modal-v2-content {
  width: 100%;
}
.hmf-modal.sdd-modal .sdd-modal-instructions p {
  color: var(--hmf-gray700);
}
.hmf-modal.sdd-modal .sdd-modal-button {
  border-radius: 2px;
  flex-grow: 2;
  height: 44px;
  min-width: 125px;
}
.hmf-modal.sdd-modal .sdd-modal-input {
  gap: var(--hmf-xxs);
  flex-grow: 3;
}
.hmf-modal.sdd-modal .sdd-modal-input input::placeholder {
  user-select: none;
}
/*!*********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/templates/FooterPL/BottomFooterLinks/BottomFooterLinks.scss ***!
  \*********************************************************************************************************************************************************************/
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/** @format */
.bottomFooterLinks-container {
  background-color: var(--hmf-background-base-subtle);
}
.bottomFooterLinks-container__content-wrapper {
  margin: 0 auto;
  max-width: 1600px;
}
@media (max-width: 767px) {
  .bottomFooterLinks-container__content-wrapper {
    text-align: center;
  }
}
.bottomFooterLinks-container__copyright {
  color: var(--hmf-label-base);
}
.bottomFooterLinks-container__links-wrapper {
  display: flex;
}
@media (max-width: 767px) {
  .bottomFooterLinks-container__links-wrapper {
    flex-wrap: wrap;
  }
}
.bottomFooterLinks-container__links-wrapper--links {
  color: var(--hmf-label-base);
  width: 50%;
  display: flex;
}
@media (min-width: 768px) {
  .bottomFooterLinks-container__links-wrapper--links {
    width: 20%;
  }
}
.bottomFooterLinks-container__links-wrapper--links:last-child {
  display: flex;
  justify-content: flex-end;
}
.bottomFooterLinks-container__feedback-row--button {
  background-color: var(--secondary-color);
  border: none;
  color: var(--hmf-label-base);
  padding: 12px;
  padding-left: 16px;
  padding-right: 16px;
  text-decoration: none;
}
.bottomFooterLinks-container__feedback-row--button:hover {
  background: var(--drop-down-menu-button-onhover-background-color);
  border: var(--footer-signup-email-border-hover);
}
.bottomFooterLinks-container__feedback-row--button:active {
  background: var(--hmf-primary100);
}
.bottomFooterLinks-container__feedback-row--button:focus {
  background: var(--drop-down-menu-button-onhover-background-color);
  outline: none;
  outline-style: none;
}
.bottomFooterLinks-container__feedback-row--link {
  color: var(--hmf-label-base);
  text-decoration: none;
}
.bottomFooterLinks-container__feedback-row--link:hover {
  color: var(--hmf-label-base);
  text-decoration: none;
}
/*!*********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/common/EmailSignUp/EmailSignUp.scss ***!
  \*********************************************************************************************************************************************/
@media (max-width: 991px) {
  .calia-react-footer-scope.hmf-pl-theme .footer-email-signup-form,
  .calia-react-footer-scope.hmf-mj-theme .footer-email-signup-form {
    align-items: flex-start;
  }
}
@media (max-width: 1176px) {
  .calia-react-footer-scope.hmf-pl-theme .footer-email-signup-form,
  .calia-react-footer-scope.hmf-mj-theme .footer-email-signup-form {
    flex-direction: column;
  }
}
.calia-react-footer-scope.hmf-pl-theme .footer-email-input,
.calia-react-footer-scope.hmf-mj-theme .footer-email-input {
  border: var(--footer-email-signup-input-border);
  width: 50%;
}
@media (max-width: 991px) {
  .calia-react-footer-scope.hmf-pl-theme .footer-email-input,
  .calia-react-footer-scope.hmf-mj-theme .footer-email-input {
    margin-bottom: var(--hmf-xxs) !important;
  }
}
@media (max-width: 549px) {
  .calia-react-footer-scope.hmf-pl-theme .footer-email-input,
  .calia-react-footer-scope.hmf-mj-theme .footer-email-input {
    width: 100%;
  }
}
@media (min-width: 992px) and (max-width: 1176px) {
  .calia-react-footer-scope.hmf-pl-theme .footer-email-input,
  .calia-react-footer-scope.hmf-mj-theme .footer-email-input {
    width: 100%;
  }
}
.calia-react-footer-scope.hmf-pl-theme .footer-email-submit,
.calia-react-footer-scope.hmf-mj-theme .footer-email-submit {
  width: 50%;
}
@media (max-width: 549px) {
  .calia-react-footer-scope.hmf-pl-theme .footer-email-submit,
  .calia-react-footer-scope.hmf-mj-theme .footer-email-submit {
    width: 100%;
  }
}
@media (min-width: 992px) and (max-width: 1176px) {
  .calia-react-footer-scope.hmf-pl-theme .footer-email-submit,
  .calia-react-footer-scope.hmf-mj-theme .footer-email-submit {
    width: 100%;
  }
}

.footer-email-signup {
  display: flex;
  flex-direction: column;
}
.footer-email-signup .footer-email-signup-disclaimer {
  font-size: 12px;
  line-height: 20px;
}

.footer-email-signup-form.footer-focused .footer-email-input:focus {
  border: 1px solid var(--footer-email-signup-focused-border-color);
  outline: none;
  outline-style: none;
}
.footer-email-signup-form.footer-focused.footer-error > .footer-email-input {
  border-bottom: 1px solid #eb004e;
  border-left: 1px solid #eb004e;
  border-right: none;
  border-top: 1px solid #eb004e;
  caret-color: #f44336;
}
.footer-email-signup-form.footer-focused.footer-error > .footer-email-submit {
  border-bottom: 1px solid #eb004e;
  border-right: 1px solid #eb004e;
  border-top: 1px solid #eb004e;
}

.footer-email-signup-form {
  align-items: center;
  display: flex;
  flex-direction: row;
  position: relative;
}

.footer-email-error-text {
  background: #eb004e;
  border-radius: 2px;
  color: #fff;
  margin-top: 2px;
  padding: 4px;
}

.footer-email-input {
  border: none;
  box-sizing: border-box;
  height: 44px;
  width: 250px;
}
.footer-email-input::placeholder {
  color: var(--footer-email-signup-input-placeholder-color);
  font-family: var(--font-primary);
  font-size: var(--body-font-size-l);
  font-style: normal;
  font-weight: var(--font-primary-regular-weight);
  line-height: var(--body-line-height-l);
  letter-spacing: var(--body-letter-spacing);
}

.footer-email-submit {
  background: var(--drop-down-menu-button-background-color);
  border: var(--footer-signup-email-border);
  color: var(--drop-down-menu-button-text-color);
  height: 44px;
  width: 122px;
}
.footer-email-submit:hover {
  background: var(--drop-down-menu-button-onhover-background-color);
  border: var(--footer-signup-email-border-hover);
}
.footer-email-submit:active {
  background: #f9e7e5;
}
.footer-email-submit:focus {
  background: var(--drop-down-menu-button-onhover-background-color);
  outline: none;
  outline-style: none;
}

.footer-email-submit:hover {
  cursor: pointer;
}

.footer-email-signup-success {
  color: var(--footer-email-signup-signup-success-color);
}
.footer-email-signup-success span {
  color: #a4d4bd;
}
.footer-email-signup-success a {
  cursor: pointer;
}
/*!*********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/templates/FooterPL/FooterEmailSignUp/FooterEmailSignUp.scss ***!
  \*********************************************************************************************************************************************************************/
.footerEmailSignUp-container {
  margin-bottom: -150px;
  max-width: 100%;
  transform: translateY(-50%);
}
.footerEmailSignUp-container .footer-email-input {
  color: var(--footer-secondary-color);
}
@media screen and (min-width: 1280px) {
  .footerEmailSignUp-container {
    margin-bottom: -50px;
  }
}
.footerEmailSignUp-container__content-wrapper {
  flex-direction: column;
}
@media screen and (min-width: 1280px) {
  .footerEmailSignUp-container__content-wrapper {
    flex-direction: row;
  }
}
@media screen and (max-width: 1023px) {
  .footerEmailSignUp-container__content-wrapper--image {
    width: 100%;
  }
}
.footerEmailSignUp-container__text-wrapper {
  background-color: var(--color-white);
  color: var(--footer-secondary-color);
}
.footerEmailSignUp-container__text-wrapper--svg {
  height: 21px;
  vertical-align: baseline !important;
  width: 40px;
}
.footerEmailSignUp-container__text-wrapper--svg path {
  fill: var(--secondary-color);
}
/*!*****************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/templates/FooterPL/AccordionFooter/AccordionFooter.scss ***!
  \*****************************************************************************************************************************************************************/
.calia-react-footer-scope.hmf-pl-theme .footer-accordion-container__accordion--category,
.calia-react-footer-scope.hmf-mj-theme .footer-accordion-container__accordion--category {
  background-color: var(--footer-secondary-color);
  border: 1px solid var(--tertiary-accent-color);
  border-left: none;
  border-right: none;
  color: var(--footer-links-heading-color);
}
.calia-react-footer-scope.hmf-pl-theme .footer-accordion-container__accordion--category:hover,
.calia-react-footer-scope.hmf-mj-theme .footer-accordion-container__accordion--category:hover {
  background-color: var(--bottom-footer-links-background-color);
}
.calia-react-footer-scope.hmf-pl-theme .footer-accordion-container__accordion--category svg path,
.calia-react-footer-scope.hmf-mj-theme .footer-accordion-container__accordion--category svg path {
  fill: var(--footer-links-heading-color);
}
.calia-react-footer-scope.hmf-pl-theme .footer-accordion-container__accordion--sublink-container,
.calia-react-footer-scope.hmf-mj-theme .footer-accordion-container__accordion--sublink-container {
  background-color: var(--footer-secondary-color);
}
.calia-react-footer-scope.hmf-pl-theme .footer-accordion-container__accordion--sublinks,
.calia-react-footer-scope.hmf-mj-theme .footer-accordion-container__accordion--sublinks {
  color: var(--footer-primary-color);
}
.calia-react-footer-scope.hmf-pl-theme .footer-accordion-container__accordion--sublinks:hover,
.calia-react-footer-scope.hmf-mj-theme .footer-accordion-container__accordion--sublinks:hover {
  color: var(--footer-primary-color);
  font-weight: 700 !important;
  text-decoration: underline solid var(--tertiary-color);
}
.calia-react-footer-scope.hmf-pl-theme .footer-accordion-container__accordion--sublinks:active, .calia-react-footer-scope.hmf-pl-theme .footer-accordion-container__accordion--sublinks:visited,
.calia-react-footer-scope.hmf-mj-theme .footer-accordion-container__accordion--sublinks:active,
.calia-react-footer-scope.hmf-mj-theme .footer-accordion-container__accordion--sublinks:visited {
  color: var(--footer-primary-color);
}
.calia-react-footer-scope.hmf-pl-theme .footer-accordion-container__accordion--sublinks:focus-visible,
.calia-react-footer-scope.hmf-mj-theme .footer-accordion-container__accordion--sublinks:focus-visible {
  box-sizing: border-box;
  outline: 1px dashed var(--focus-color);
}
/*!*********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/templates/FooterPL/FooterSocialLinks/FooterSocialLinks.scss ***!
  \*********************************************************************************************************************************************************************/
.calia-react-footer-scope.hmf-pl-theme .footerSocialLinks-container {
  text-align: center;
}
.calia-react-footer-scope.hmf-pl-theme .footerSocialLinks-container svg {
  height: 40px;
  width: 40px;
}
.calia-react-footer-scope.hmf-pl-theme .footerSocialLinks-container svg path {
  fill: var(--hmf-secondary100);
}
.calia-react-footer-scope.hmf-pl-theme .footerSocialLinks-container__text {
  color: var(--footer-social-links-color);
}
.calia-react-footer-scope.hmf-pl-theme .footerSocialLinks-container__text span {
  font-weight: bold;
}
.calia-react-footer-scope.hmf-pl-theme .footerSocialLinks-container a:focus-visible {
  box-sizing: border-box;
  outline: 1px dashed var(--focus-color);
}
/*!*************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/templates/FooterPL/MJFooterSocialLinks/MJFooterSocialLinks.scss ***!
  \*************************************************************************************************************************************************************************/
.calia-react-footer-scope.hmf-mj-theme .footerSocialLinks-container {
  text-align: center;
}
.calia-react-footer-scope.hmf-mj-theme .footerSocialLinks-container svg {
  height: 40px;
  width: 40px;
}
.calia-react-footer-scope.hmf-mj-theme .footerSocialLinks-container svg path {
  fill: white;
}
.calia-react-footer-scope.hmf-mj-theme .footerSocialLinks-container__text {
  color: var(--footer-social-links-color);
}
.calia-react-footer-scope.hmf-mj-theme .footerSocialLinks-container__text span {
  font-weight: bold;
}
.calia-react-footer-scope.hmf-mj-theme .footerSocialLinks-container a:focus-visible {
  box-sizing: border-box;
  outline: 1px dashed var(--focus-color);
}
/*!*********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/templates/FooterPL/FooterLinks/FooterLinks.scss ***!
  \*********************************************************************************************************************************************************/
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/** @format */
.footerLinks-container {
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
  max-width: 1600px;
}
@media (min-width: 768px) {
  .footerLinks-container {
    flex-direction: row;
  }
}
.footerLinks-container__linkCol {
  display: none;
  flex-direction: column;
  width: 20%;
  gap: var(--hmf-s);
}
@media (min-width: 768px) {
  .footerLinks-container__linkCol {
    display: flex !important;
  }
}
.footerLinks-container__linkCol--links {
  display: block;
}
.footerLinks-container__linkCol--heading {
  color: var(--footer-links-heading-color);
}
/*!*******************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/common/FooterLogo/FooterLogo.scss ***!
  \*******************************************************************************************************************************************/
.calia-react-footer-scope .footer-logo-link:hover, .calia-react-footer-scope .footer-logo-link:active {
  border-bottom: none !important;
}
/*!*****************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/templates/FooterPL/FooterMessaging/FooterMessaging.scss ***!
  \*****************************************************************************************************************************************************************/
.footerMessaging-container {
  flex-direction: column;
  margin: 0 auto;
  max-width: 1600px;
}
@media screen and (min-width: 992px) {
  .footerMessaging-container {
    align-items: center;
    border-bottom: 1px solid var(--color-white);
    flex-direction: row;
    justify-content: space-between;
  }
}
.footerMessaging-container .pl-footer-full-logo {
  display: flex;
  width: 275px;
}
.footerMessaging-container .pl-footer-full-logo path {
  fill: var(--hmf-primary50);
}
@media (max-width: 576px) {
  .footerMessaging-container .pl-footer-full-logo .pl-footer-logo {
    width: var(--footer-logo-width);
  }
}
.footerMessaging-container .pl-messaging-icon {
  height: 20px;
  width: 20px;
}
.footerMessaging-container .pl-messaging-icon path {
  fill: var(--hmf-primary50);
}
.footerMessaging-container .--typo {
  height: 30px;
  width: 230px;
}
.footerMessaging-container .--icon {
  margin-right: 14px;
  width: 35px;
}
.footerMessaging-container__content-wrapper {
  align-items: baseline;
  border-bottom: 1px solid var(--tertiary-accent-color);
}
.footerMessaging-container__content-wrapper svg {
  width: 60px;
}
.footerMessaging-container__content-wrapper:last-child {
  border: none;
}
@media screen and (min-width: 992px) {
  .footerMessaging-container__content-wrapper {
    border-bottom: none;
    border-right: 1px solid var(--color-white);
  }
}
.footerMessaging-container__content-container {
  flex-direction: column;
}
@media screen and (min-width: 992px) {
  .footerMessaging-container__content-container {
    flex-direction: row;
  }
}
/*!******************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/templates/FooterPL/FooterPL.scss ***!
  \******************************************************************************************************************************************/
.footerV2-container-2021 {
  background-color: var(--footer-background-color);
}
.footerV2-container-2021 *,
.footerV2-container-2021 :after,
.footerV2-container-2021 :before {
  box-sizing: border-box;
}

.footerV2-filler-space {
  background-color: var(--primary-accent-color);
  height: 300px;
}
@media screen and (min-width: 1680px) {
  .footerV2-filler-space {
    height: 100px;
  }
}
/*!*******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/templates/FundSiteFooter/FundSiteFooterSocialLinks/FundSiteFooterSocialLinks.scss ***!
  \*******************************************************************************************************************************************************************************************/
.calia-react-footer-scope.hmf-sm-theme .footerSocialLinks-container svg,
.calia-react-footer-scope.hmf-pl-theme .plf-footer .footerSocialLinks-container svg {
  height: 25px;
  width: 57px;
}
.calia-react-footer-scope.hmf-sm-theme .footerSocialLinks-container svg path,
.calia-react-footer-scope.hmf-pl-theme .plf-footer .footerSocialLinks-container svg path {
  fill: var(--hmf-gray50);
}
.calia-react-footer-scope.hmf-sm-theme .footerSocialLinks-container .footer-facebook-icon,
.calia-react-footer-scope.hmf-pl-theme .plf-footer .footerSocialLinks-container .footer-facebook-icon {
  height: 33px;
  transform: translateY(3px);
}
.calia-react-footer-scope.hmf-sm-theme .footerSocialLinks-container a,
.calia-react-footer-scope.hmf-pl-theme .plf-footer .footerSocialLinks-container a {
  display: inline-block;
}
.calia-react-footer-scope.hmf-sm-theme .footerSocialLinks-container a:focus-visible,
.calia-react-footer-scope.hmf-pl-theme .plf-footer .footerSocialLinks-container a:focus-visible {
  box-sizing: border-box;
  outline: 1px dashed var(--focus-color);
  outline-offset: 5px;
}
/*!******************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/templates/FundSiteFooter/FundSiteFooter.scss ***!
  \******************************************************************************************************************************************************/
.calia-react-footer-scope.hmf-sm-theme .sm-footer,
.calia-react-footer-scope.hmf-sm-theme .plf-footer,
.calia-react-footer-scope.hmf-pl-theme .sm-footer,
.calia-react-footer-scope.hmf-pl-theme .plf-footer {
  background-color: var(--footer-back-ground-color);
  color: var(--footer-links-heading-color);
}
.calia-react-footer-scope.hmf-sm-theme .sm-footer input,
.calia-react-footer-scope.hmf-sm-theme .plf-footer input,
.calia-react-footer-scope.hmf-pl-theme .sm-footer input,
.calia-react-footer-scope.hmf-pl-theme .plf-footer input {
  -webkit-appearance: none;
  border-radius: 0;
}
.calia-react-footer-scope.hmf-sm-theme .footer-container,
.calia-react-footer-scope.hmf-pl-theme .footer-container {
  max-width: 1600px;
  width: 100%;
}
.calia-react-footer-scope.hmf-sm-theme .footer-site-link-container,
.calia-react-footer-scope.hmf-pl-theme .footer-site-link-container {
  list-style-type: none;
}
@media (min-width: 992px) {
  .calia-react-footer-scope.hmf-sm-theme .footer-site-link-container,
  .calia-react-footer-scope.hmf-pl-theme .footer-site-link-container {
    flex-direction: row;
  }
}
@media (min-width: 992px) {
  .calia-react-footer-scope.hmf-sm-theme .footer-site-link-container .footer-site-link,
  .calia-react-footer-scope.hmf-pl-theme .footer-site-link-container .footer-site-link {
    margin-left: var(--hmf-m);
    margin-right: var(--hmf-m);
  }
}
/*!********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/templates/Footer/FooterColumn.scss ***!
  \********************************************************************************************************************************************/
.calia-react-footer-scope .footer-columns {
  max-width: 1600px;
}
.calia-react-footer-scope .footer-column {
  width: 100%;
}
.calia-react-footer-scope .footer-column-items {
  width: 100%;
  gap: var(--hmf-s);
}
/*!*************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/templates/Footer/TopMessageCard/TopMessageCard.scss ***!
  \*************************************************************************************************************************************************************/
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/** @format */
.calia-react-footer-scope .top-messages-grid .top-section-card {
  padding: var(--hmf-s);
  border-bottom: 1px solid var(--hmf-border-base);
}
@media (min-width: 768px) {
  .calia-react-footer-scope .top-messages-grid .top-section-card:nth-of-type(1), .calia-react-footer-scope .top-messages-grid .top-section-card:nth-of-type(3) {
    padding-right: 0;
    padding-left: var(--hmf-m);
  }
  .calia-react-footer-scope .top-messages-grid .top-section-card:nth-of-type(2), .calia-react-footer-scope .top-messages-grid .top-section-card:nth-of-type(4) {
    padding-left: 0;
    padding-right: var(--hmf-m);
  }
}
@media (min-width: 1280px) {
  .calia-react-footer-scope .top-messages-grid .top-section-card {
    border-bottom: none;
    border-right: 1px solid var(--hmf-border-base);
  }
  .calia-react-footer-scope .top-messages-grid .top-section-card:nth-of-type(1) {
    padding-left: var(--hmf-m);
    padding-right: var(--hmf-s);
  }
  .calia-react-footer-scope .top-messages-grid .top-section-card:nth-of-type(2) {
    padding: var(--hmf-s);
  }
  .calia-react-footer-scope .top-messages-grid .top-section-card:nth-of-type(3) {
    padding: var(--hmf-s);
  }
  .calia-react-footer-scope .top-messages-grid .top-section-card:nth-of-type(4) {
    padding-left: var(--hmf-s);
    padding-right: var(--hmf-m);
    border-right: none;
  }
}
/*!*******************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/templates/Footer/TopMessages/TopMessages.scss ***!
  \*******************************************************************************************************************************************************/
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/** @format */
.calia-react-footer-scope .top-messages-grid {
  display: grid;
  max-width: 1600px;
}
@media (min-width: 768px) {
  .calia-react-footer-scope .top-messages-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1280px) {
  .calia-react-footer-scope .top-messages-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
/*!***************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/templates/Footer/ScoreMore/ScoreMore.scss ***!
  \***************************************************************************************************************************************************/
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/** @format */
.calia-react-footer-scope .footer-score-more {
  background-color: var(--score-more-background-color);
  color: var(--hmf-gray50);
}
@media (min-width: 1280px) {
  .calia-react-footer-scope .footer-score-more {
    padding-left: 64px !important;
  }
}
.calia-react-footer-scope .footer-score-more:before {
  border-color: transparent var(--hmf-background-base-subtle) transparent transparent;
  border-style: solid;
  border-width: 40px;
  content: "";
  display: block;
  height: 0;
  margin-left: -65px;
  margin-top: -65px;
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 0;
}
@media (min-width: 768px) {
  .calia-react-footer-scope .footer-score-more:before {
    margin-left: -64px;
    margin-top: -88px;
  }
}
@media (min-width: 1280px) {
  .calia-react-footer-scope .footer-score-more:before {
    margin-left: -104px;
    margin-top: -88px;
  }
}
.calia-react-footer-scope .footer-score-more .score-card-item {
  border-bottom: 1px solid var(--hmf-gray50);
}
.calia-react-footer-scope .footer-score-more .score-card-item:last-child {
  border-bottom: none;
}
/*!***********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/templates/Footer/ConnectWithUs/ConnectWithUs.scss ***!
  \***********************************************************************************************************************************************************/
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/** @format */
.calia-react-footer-scope .footer-connect-with-us .success-sms {
  color: var(--hmf-primary600);
}
.calia-react-footer-scope .footer-connect-with-us .email-sign-up {
  max-width: 100%;
}
.calia-react-footer-scope .footer-connect-with-us .mobile-alert-sign-up {
  max-width: 100%;
}
@media (min-width: 768px) {
  .calia-react-footer-scope .footer-connect-with-us .email-sign-up {
    width: 50%;
  }
  .calia-react-footer-scope .footer-connect-with-us .mobile-alert-sign-up {
    width: 50%;
  }
}
.calia-react-footer-scope .footer-connect-with-us .connect-with-us-button {
  border-radius: var(--hmf-sharp-radius);
}
.calia-react-footer-scope .footer-connect-with-us .need-help-container {
  border-top: 1px solid var(--hmf-border-base);
  width: 100%;
}
.calia-react-footer-scope .footer-connect-with-us input.sign-up-input {
  border: 1px solid var(--hmf-border-base-subtle);
}
@media (min-width: 768px) {
  .calia-react-footer-scope .footer-connect-with-us input.sign-up-input {
    max-width: 320px;
  }
}
.calia-react-footer-scope .footer-connect-with-us input.sign-up-input:focus {
  border: 1px solid var(--hmf-border-tertiary-static);
  outline-color: transparent;
  outline-style: none;
}
.calia-react-footer-scope .footer-connect-with-us input.sign-up-input.dsg-react-input-error {
  background: var(--hmf-fill-negative-subtle);
  border: 1px solid var(--hmf-border-negative);
}
.calia-react-footer-scope .footer-connect-with-us .dsg-react-input-focused {
  visibility: visible !important;
}
.calia-react-footer-scope .footer-connect-with-us .email-signup-label {
  background-color: var(--hmf-background-base-subtle);
  margin-left: var(--hmf-s);
  margin-top: -8px;
  padding-left: 1px;
  padding-right: 1px;
  visibility: hidden;
}
.calia-react-footer-scope .footer-connect-with-us .email-signup-label.dsg-react-input-error {
  color: var(--hmf-label-negative);
}
.calia-react-footer-scope .footer-connect-with-us .dsg-react-footer-sign-up-error-msg {
  color: var(--hmf-label-negative);
  width: 100%;
}
.calia-react-footer-scope .footer-connect-with-us .social-media-links {
  gap: var(--hmf-m);
}
.calia-react-footer-scope .footer-connect-with-us .social-media-links a:hover svg path {
  fill: var(--button-static-bg-color);
}
/*!***********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/templates/Footer/MiddleSection/MiddleSection.scss ***!
  \***********************************************************************************************************************************************************/
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/** @format */
.calia-react-footer-scope .footer-middle-section {
  background: var(--hmf-background-base-subtle);
}
.calia-react-footer-scope .footer-middle-section .grid {
  display: grid;
  grid-template-columns: 1fr;
  max-width: 1600px;
}
@media (min-width: 1280px) {
  .calia-react-footer-scope .footer-middle-section .grid {
    grid-template-columns: 1fr 1fr;
  }
}
.calia-react-footer-scope .dsg-react-footer-sign-up-success-msg {
  color: var(--hmf-scgreen);
}
/*!*******************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/templates/Footer/FooterLinks/FooterLinks.scss ***!
  \*******************************************************************************************************************************************************/
.calia-react-footer-scope .footer-links-container {
  gap: var(--hmf-m);
  max-width: 1400px;
}
.calia-react-footer-scope .footer-link {
  flex-basis: 224px;
}
.calia-react-footer-scope .site-feedback-button {
  appearance: none;
  background: none;
  border: none;
  color: var(--hmf-label-base);
  cursor: pointer;
  width: fit-content;
}
.calia-react-footer-scope .site-feedback-button:hover {
  text-decoration: underline var(--button-static-bg-color);
}
/*!***************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/templates/Footer/MobileAccordion/MobileAccordion.scss ***!
  \***************************************************************************************************************************************************************/
.calia-react-footer-scope .footer-mobile-accordion {
  background: var(--hmf-background-base);
  width: 100%;
}
.calia-react-footer-scope .footer-mobile-accordion .accordion-item {
  border-bottom: 1px solid var(--hmf-border-base);
}
.calia-react-footer-scope .footer-mobile-accordion .accordion-item h3 {
  color: var(--hmf-gray900);
}
.calia-react-footer-scope .footer-mobile-accordion .accordion-header {
  background: none;
  border: none;
  cursor: pointer;
  gap: var(--hmf-s);
  height: 68px;
  width: 100%;
}
.calia-react-footer-scope .footer-mobile-accordion .accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.calia-react-footer-scope .footer-mobile-accordion .accordion-content.open {
  max-height: 1000px;
  padding: 0 24px 16px 24px;
}
.calia-react-footer-scope .footer-mobile-accordion .accordion-content a {
  color: var(--hmf-gray900);
}
.calia-react-footer-scope .footer-mobile-accordion .accordion-content a:hover {
  text-decoration: underline var(--button-static-bg-color);
  text-underline-offset: var(--hmf-xxxs);
}
/*!**************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/templates/Footer/Footer.scss ***!
  \**************************************************************************************************************************************/
.calia-react-footer-scope .footer-bottom-section {
  background: var(--hmf-background-base-subtle);
}
.calia-react-footer-scope .footer-bottom-section .footer-bottom-details {
  width: 100%;
  max-width: 1600px;
}
/*!**********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Quickview/Quickview.scss ***!
  \**********************************************************************************************************************************/
.quickview-container {
  /** @format */
  /** @format */
  /* stylelint-disable length-zero-no-unit */
  /*********** VARIABLES ***********/
  /*********** TYPOGRAPHY TYPES ***********/
  /*********** TYPOGRAPHY MIXINS ***********/
  /** @format */
  /** @format */
  /* stylelint-disable length-zero-no-unit */
  /* stylelint-disable length-zero-no-unit */
  /* stylelint-disable length-zero-no-unit */
  /** @format */
  /** @format */
  /** @format */
  /** @format */
  /** @format */
  /** @format */
  /* stylelint-disable length-zero-no-unit */
  /* stylelint-disable length-zero-no-unit */
  /* stylelint-disable length-zero-no-unit */
  /** @format */
  /** @format */
  /** @format */
  /* stylelint-disable length-zero-no-unit */
  /* stylelint-disable length-zero-no-unit */
  /* stylelint-disable length-zero-no-unit */
  /* stylelint-disable length-zero-no-unit */
  /** @format */
  /** @format */
  /** @format */
  /* stylelint-disable length-zero-no-unit */
  /* stylelint-disable length-zero-no-unit */
  /* stylelint-disable length-zero-no-unit */
  /** @format */
  /*********** TYPOGRAPHY ***********/
  /*********** TYPOGRAPHY TYPES ***********/
  /*********** GENERAL STYLES ***********/
  /*********** TYPOGRAPHY ***********/
  /*********** TYPOGRAPHY TYPES ***********/
  /*********** GENERAL STYLES ***********/
  /*********** TYPOGRAPHY ***********/
  /*********** TYPOGRAPHY TYPES ***********/
  /*********** GENERAL STYLES ***********/
  /*********** TYPOGRAPHY ***********/
  /*********** TYPOGRAPHY TYPES ***********/
  /*********** GENERAL STYLES ***********/
  /*********** TYPOGRAPHY ***********/
  /*********** TYPOGRAPHY TYPES ***********/
  /*********** GENERAL STYLES ***********/
  /*********** TYPOGRAPHY ***********/
  /*********** TYPOGRAPHY TYPES ***********/
  /*********** FOCUS ***********/
  /*********** TYPOGRAPHY ***********/
  /*********** TYPOGRAPHY TYPES ***********/
  /* stylelint-disable length-zero-no-unit */
  /* stylelint-disable length-zero-no-unit */
  /* stylelint-disable length-zero-no-unit */
  /** @format */
  /** @format */
  /** @format */
  /* stylelint-disable length-zero-no-unit */
  /*********** VARIABLES ***********/
  /*********** TYPOGRAPHY TYPES ***********/
  /*********** TYPOGRAPHY MIXINS ***********/
  /** @format */
  /** @format */
  /* stylelint-disable length-zero-no-unit */
  /* stylelint-disable length-zero-no-unit */
  /* stylelint-disable length-zero-no-unit */
  /** @format */
  /** @format */
  /** @format */
  /** @format */
  /** @format */
  /** @format */
  /* stylelint-disable length-zero-no-unit */
  /* stylelint-disable length-zero-no-unit */
  /* stylelint-disable length-zero-no-unit */
  /** @format */
  /** @format */
  /** @format */
  /* stylelint-disable length-zero-no-unit */
  /* stylelint-disable length-zero-no-unit */
  /* stylelint-disable length-zero-no-unit */
  /* stylelint-disable length-zero-no-unit */
  /** @format */
  /** @format */
  /** @format */
  /* stylelint-disable length-zero-no-unit */
  /* stylelint-disable length-zero-no-unit */
  /* stylelint-disable length-zero-no-unit */
  /** @format */
  /*********** TYPOGRAPHY ***********/
  /*********** TYPOGRAPHY TYPES ***********/
  /*********** GENERAL STYLES ***********/
  /*********** TYPOGRAPHY ***********/
  /*********** TYPOGRAPHY TYPES ***********/
  /*********** GENERAL STYLES ***********/
  /*********** TYPOGRAPHY ***********/
  /*********** TYPOGRAPHY TYPES ***********/
  /*********** GENERAL STYLES ***********/
  /*********** TYPOGRAPHY ***********/
  /*********** TYPOGRAPHY TYPES ***********/
  /*********** GENERAL STYLES ***********/
  /*********** TYPOGRAPHY ***********/
  /*********** TYPOGRAPHY TYPES ***********/
  /*********** GENERAL STYLES ***********/
  /*********** TYPOGRAPHY ***********/
  /*********** TYPOGRAPHY TYPES ***********/
  /*********** FOCUS ***********/
  /*********** TYPOGRAPHY ***********/
  /*********** TYPOGRAPHY TYPES ***********/
  /* stylelint-disable length-zero-no-unit */
  /* stylelint-disable length-zero-no-unit */
  /* stylelint-disable length-zero-no-unit */
  /** @format */
  /* stylelint-disable length-zero-no-unit */
  /* stylelint-disable length-zero-no-unit */
  /* stylelint-disable length-zero-no-unit */
  /** @format */
  /* stylelint-disable length-zero-no-unit */
  /* stylelint-disable length-zero-no-unit */
  /* stylelint-disable length-zero-no-unit */
  /** @format */
  /* stylelint-disable length-zero-no-unit */
  /* stylelint-disable length-zero-no-unit */
  /* stylelint-disable length-zero-no-unit */
  /** @format */
}
.quickview-container :root {
  /*********** GENERAL STYLES ***********/
  --chain: "dsg";
  --hmf-focus-outline: 1px dashed var(--hmf-primary600);
}
.quickview-container :root,
.quickview-container :root .hmf-dsg-theme {
  --hmf-background-base: var(--hmf-gray50);
  --hmf-background-base-subtle: var(--hmf-gray100);
  --hmf-background-inverse: var(--hmf-gray900);
  --hmf-background-inverse-subtle: var(--hmf-gray800);
  --hmf-background-primary: var(--hmf-primary600);
  --hmf-fill-base: var(--hmf-gray50);
  --hmf-fill-base-subtle: var(--hmf-gray100);
  --hmf-fill-base-prominent: var(--hmf-gray200);
  --hmf-fill-creative-primary: var(--hmf-primary600);
  --hmf-fill-inverse: var(--hmf-gray900);
  --hmf-fill-inverse-subtle: var(--hmf-gray700);
  --hmf-fill-primary-static: var(--hmf-secondary500);
  --hmf-fill-primary-hover: var(--hmf-secondary700);
  --hmf-fill-primary-active: var(--hmf-secondary600);
  --hmf-fill-secondary-static: var(--hmf-gray50);
  --hmf-fill-secondary-static-subtle: var(--hmf-gray100);
  --hmf-fill-secondary-hover: var(--hmf-gray100);
  --hmf-fill-secondary-hover-subtle: var(--hmf-gray200);
  --hmf-fill-secondary-active: var(--hmf-gray200);
  --hmf-fill-secondary-active-subtle: var(--hmf-gray100);
  --hmf-fill-tertiary-static: var(--hmf-gray900);
  --hmf-fill-tertiary-hover: var(--hmf-gray700);
  --hmf-fill-tertiary-active: var(--hmf-gray800);
  --hmf-fill-disabled: var(--hmf-gray500);
  --hmf-fill-disabled-subtle: var(--hmf-gray200);
  --hmf-fill-negative: var(--hmf-red600);
  --hmf-fill-negative-subtle: var(--hmf-red100);
  --hmf-fill-negative-static: var(--hmf-red600);
  --hmf-fill-negative-hover: var(--hmf-red800);
  --hmf-fill-negative-active: var(--hmf-red700);
  --hmf-fill-sale: var(--hmf-red600);
  --hmf-fill-warning: var(--hmf-yellow300);
  --hmf-fill-warning-subtle: var(--hmf-yellow50);
  --hmf-fill-positive: var(--hmf-primary500);
  --hmf-fill-positive-subtle: var(--hmf-primary100);
  --hmf-fill-marketing-static: var(--hmf-primary600);
  --hmf-fill-marketing-hover: var(--hmf-primary700);
  --hmf-fill-marketing-active: var(--hmf-primary500);
  --hmf-fill-scorecard: var(--hmf-primary400);
  --hmf-fill-scorecard-subtle: var(--hmf-primary200);
  --hmf-fill-scorecard-gold: var(--hmf-gold300);
  --hmf-fill-scorecard-gold-subtle: var(--hmf-gold200);
  --hmf-fill-calia: var(--hmf-calia600);
  --hmf-fill-calia-subtle: var(--hmf-calia200);
  --hmf-fill-vrst: var(--hmf-vrst600);
  --hmf-fill-vrst-subtle: var(--hmf-vrst200);
  --hmf-label-base: var(--hmf-gray900);
  --hmf-label-base-subtle: var(--hmf-gray600);
  --hmf-label-inverse-base: var(--hmf-gray50);
  --hmf-label-inverse-subtle: var(--hmf-gray100);
  --hmf-label-primary-static: var(--hmf-secondary500);
  --hmf-label-primary-hover: var(--hmf-secondary600);
  --hmf-label-primary-active: var(--hmf-secondary400);
  --hmf-label-secondary-static: var(--hmf-gray900);
  --hmf-label-secondary-hover: var(--hmf-gray700);
  --hmf-label-secondary-active: var(--hmf-gray800);
  --hmf-label-secondary-subtle-static: var(--hmf-gray600);
  --hmf-label-secondary-subtle-hover: var(--hmf-gray900);
  --hmf-label-secondary-subtle-active: var(--hmf-gray800);
  --hmf-label-tertiary-static: var(--hmf-gray900);
  --hmf-label-tertiary-hover: var(--hmf-secondary500);
  --hmf-label-tertiary-active: var(--hmf-secondary400);
  --hmf-label-sale: var(--hmf-red800);
  --hmf-label-disabled: var(--hmf-gray500);
  --hmf-label-disabled-subtle: var(--hmf-gray200);
  --hmf-label-negative: var(--hmf-red600);
  --hmf-label-positive: var(--hmf-primary600);
  --hmf-label-warning: var(--hmf-yellow600);
  --hmf-label-marketing-static: var(--hmf-gray50);
  --hmf-label-marketing-hover: var(--hmf-gray100);
  --hmf-label-marketing-active: var(--hmf-gray100);
  --hmf-label-scorecard: var(--hmf-primary600);
  --hmf-border-base: var(--hmf-gray300);
  --hmf-border-base-subtle: var(--hmf-gray200);
  --hmf-border-base-prominent: var(--hmf-gray400);
  --hmf-border-inverse: var(--hmf-gray900);
  --hmf-border-inverse-subtle: var(--hmf-gray700);
  --hmf-border-primary-static: var(--hmf-secondary500);
  --hmf-border-primary-hover: var(--hmf-secondary600);
  --hmf-border-primary-active: var(--hmf-secondary400);
  --hmf-border-secondary-static: var(--hmf-gray900);
  --hmf-border-secondary-hover: var(--hmf-gray700);
  --hmf-border-secondary-active: var(--hmf-gray800);
  --hmf-border-secondary-subtle-static: var(--hmf-gray600);
  --hmf-border-secondary-subtle-hover: var(--hmf-gray400);
  --hmf-border-secondary-subtle-active: var(--hmf-gray500);
  --hmf-border-tertiary-static: var(--hmf-gray900);
  --hmf-border-tertiary-hover: var(--hmf-secondary500);
  --hmf-border-tertiary-active: var(--hmf-secondary400);
  --hmf-border-focused: var(--hmf-gray600);
  --hmf-border-inverse-focused: var(--hmf-gray50);
  --hmf-border-disabled: var(--hmf-gray500);
  --hmf-border-disabled-subtle: var(--hmf-gray200);
  --hmf-border-negative: var(--hmf-red600);
  --hmf-border-warning: var(--hmf-yellow500);
  --hmf-border-positive: var(--hmf-primary600);
  --hmf-border-scorecard-subtle: var(--hmf-primary100);
  --hmf-border-scorecard-gold: var(--hmf-gold400);
  --hmf-border-scorecard-gold-subtle: var(--hmf-gold100);
}
.quickview-container :root {
  /*********** TYPOGRAPHY ***********/
  --font-display: "DSG Sans Black", sans-serif;
  --font-display-outline: "DSG Sans Outline", sans-serif;
  --font-primary: "Archivo", sans-serif;
  --font-label: "Archivo", sans-serif;
  --font-primary-regular-weight: 400;
  --font-primary-bold-weight: 700;
  --font-display-weight: 700;
}
.quickview-container :root {
  /* BODY */
  --body-letter-spacing: 0.05rem;
  --body-font-size-s: 1.2rem;
  --body-line-height-s: 1.8rem;
  --body-font-size-m: 1.4rem;
  --body-line-height-m: 2.1rem;
  --body-font-size-l: 1.6rem;
  --body-line-height-l: 2.4rem;
}
.quickview-container :root {
  /* DISPLAY TEXT */
  --display-text-transform: uppercase;
  --display-font-size-xs: 2.4rem;
  --display-letter-spacing-xs: 0.1rem;
  --display-line-height-xs: 2.4rem;
  --display-font-size-s: 3.2rem;
  --display-letter-spacing-s: 0.1rem;
  --display-line-height-s: 3.2rem;
  --display-font-size-m: 4.8rem;
  --display-letter-spacing-m: 0.2rem;
  --display-line-height-m: 4.8rem;
  --display-font-size-l: 6.4rem;
  --display-letter-spacing-l: 0.2rem;
  --display-line-height-l: 6.4rem;
  --display-font-size-xl: 10rem;
  --display-letter-spacing-xl: 0.2rem;
  --display-line-height-xl: 10rem;
  --display-font-size-xxl: 14rem;
  --display-letter-spacing-xxl: 0.1rem;
  --display-line-height-xxl: 14rem;
}
.quickview-container :root {
  /* HEADERS */
  --header-text-transform: none;
  --header-letter-spacing: 0.05rem;
  --header-font-size-xs: 1.4rem;
  --header-line-height-xs: 1.6rem;
  --header-font-size-s: 1.6rem;
  --header-line-height-s: 1.8rem;
  --header-font-size-m: 2rem;
  --header-line-height-m: 2.3rem;
  --header-font-size-l: 2.4rem;
  --header-line-height-l: 2.7rem;
  --header-font-size-xl: 3.2rem;
  --header-line-height-xl: 3.6rem;
}
.quickview-container :root {
  /* LABELS */
  --label-letter-spacing: 0.15rem;
  --label-text-transform: uppercase;
  --label-font-size-xs: 1rem;
  --label-line-height-xs: 1rem;
  --label-font-size-s: 1.2rem;
  --label-line-height-s: 1.2rem;
  --label-font-size-m: 1.4rem;
  --label-line-height-m: 1.4rem;
  --label-font-size-l: 1.6rem;
  --label-line-height-l: 1.6rem;
}
.quickview-container :root {
  /* LEGAL */
  --legal-letter-spacing: 0.05rem;
  --legal-font-size-xs: 1.1rem;
  --legal-line-height-xs: 1.4rem;
  --legal-font-size-s: 1.2rem;
  --legal-line-height-s: 1.6rem;
}
.quickview-container :root {
  /* SUBHEADERS */
  --subhead-letter-spacing: 0.05rem;
  --subhead-font-size-s: 1.2rem;
  --subhead-line-height-s: 1.4rem;
  --subhead-font-size-m: 1.4rem;
  --subhead-line-height-m: 1.6rem;
  --subhead-font-size-l: 1.6rem;
  --subhead-line-height-l: 1.8rem;
}
.quickview-container :root,
.quickview-container :root .hmf-dsg-theme {
  --hmf-primary50: #f4faf9;
  --hmf-primary100: #d1ebe6;
  --hmf-primary200: #b3ddd6;
  --hmf-primary300: #80c6ba;
  --hmf-primary400: #4daf9e;
  --hmf-primary500: #008d75;
  --hmf-primary600: #006554;
  --hmf-primary700: #005343;
  --hmf-primary800: #00493a;
  --hmf-primary900: #00291e;
  --hmf-secondary50: #fdf9f7;
  --hmf-secondary100: #f7ebe2;
  --hmf-secondary200: #ebcdb8;
  --hmf-secondary300: #deaf8c;
  --hmf-secondary400: #d28356;
  --hmf-secondary500: #bb5811;
  --hmf-secondary600: #b5500f;
  --hmf-secondary700: #8a2905;
  --hmf-secondary800: #762304;
  --hmf-secondary900: #451402;
  --hmf-tertiary50: #f9fafb;
  --hmf-tertiary100: #e2e6ea;
  --hmf-tertiary200: #d3d9df;
  --hmf-tertiary300: #b7c1ca;
  --hmf-tertiary400: #8798a7;
  --hmf-tertiary500: #5b748a;
  --hmf-tertiary600: #3a5c78;
  --hmf-tertiary700: #335069;
  --hmf-tertiary800: #0f314f;
  --hmf-tertiary900: #041326;
  --hmf-accent50: #fef8f0;
  --hmf-accent100: #fef3e5;
  --hmf-accent200: #fccb95;
  --hmf-accent300: #fab66a;
  --hmf-accent400: #f8972a;
  --hmf-accent500: #f3690f;
  --hmf-accent600: #b94e09;
  --hmf-accent700: #833706;
  --hmf-accent800: #702f05;
  --hmf-accent900: #3f1b03;
}
.quickview-container :root {
  --homefield-breakpoint-xs: 0px;
  --homefield-breakpoint-s: 375px;
  --homefield-breakpoint-m: 768px;
  --homefield-breakpoint-l: 1280px;
  --homefield-breakpoint-xl: 1440px;
}
.quickview-container .hmf-h-25 {
  height: 25%;
}
.quickview-container .hmf-h-50 {
  height: 50%;
}
.quickview-container .hmf-h-75 {
  height: 75%;
}
.quickview-container .hmf-h-100 {
  height: 100%;
}
.quickview-container .hmf-w-25 {
  width: 25%;
}
.quickview-container .hmf-w-50 {
  width: 50%;
}
.quickview-container .hmf-w-75 {
  width: 75%;
}
.quickview-container .hmf-w-100 {
  width: 100%;
}
.quickview-container .hmf-col {
  box-sizing: border-box;
  padding-left: 12px;
  padding-right: 12px;
  padding-left: 12px;
  padding-right: 12px;
}
@media (min-width: 375px) {
  .quickview-container .hmf-col {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 375px) {
  .quickview-container .hmf-col {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 480px) {
  .quickview-container .hmf-col {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 768px) {
  .quickview-container .hmf-col {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 768px) {
  .quickview-container .hmf-col {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 1024px) {
  .quickview-container .hmf-col {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 1280px) {
  .quickview-container .hmf-col {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 1280px) {
  .quickview-container .hmf-col {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 1440px) {
  .quickview-container .hmf-col {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 1440px) {
  .quickview-container .hmf-col {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.quickview-container .hmf-grid {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
}
.quickview-container .hmf-grid > hr {
  border: 0 !important;
  content: "" !important;
  font-size: 0 !important;
  height: 0 !important;
  width: 100% !important;
}
.quickview-container .hmf-span-0 {
  width: 0%;
}
.quickview-container .hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}
.quickview-container .hmf-span-xs-0 {
  width: 0% !important;
}
.quickview-container .hmf-offset-xs-0 {
  margin-left: 0% !important;
  margin-right: 0% !important;
}
.quickview-container .hmf-span-1 {
  width: 8.3333333333%;
}
.quickview-container .hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}
.quickview-container .hmf-span-xs-1 {
  width: 8.3333333333% !important;
}
.quickview-container .hmf-offset-xs-1 {
  margin-left: 8.3333333333% !important;
  margin-right: 8.3333333333% !important;
}
.quickview-container .hmf-span-2 {
  width: 16.6666666667%;
}
.quickview-container .hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}
.quickview-container .hmf-span-xs-2 {
  width: 16.6666666667% !important;
}
.quickview-container .hmf-offset-xs-2 {
  margin-left: 16.6666666667% !important;
  margin-right: 16.6666666667% !important;
}
.quickview-container .hmf-span-3 {
  width: 25%;
}
.quickview-container .hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}
.quickview-container .hmf-span-xs-3 {
  width: 25% !important;
}
.quickview-container .hmf-offset-xs-3 {
  margin-left: 25% !important;
  margin-right: 25% !important;
}
.quickview-container .hmf-span-4 {
  width: 33.3333333333%;
}
.quickview-container .hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}
.quickview-container .hmf-span-xs-4 {
  width: 33.3333333333% !important;
}
.quickview-container .hmf-offset-xs-4 {
  margin-left: 33.3333333333% !important;
  margin-right: 33.3333333333% !important;
}
.quickview-container .hmf-span-5 {
  width: 41.6666666667%;
}
.quickview-container .hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}
.quickview-container .hmf-span-xs-5 {
  width: 41.6666666667% !important;
}
.quickview-container .hmf-offset-xs-5 {
  margin-left: 41.6666666667% !important;
  margin-right: 41.6666666667% !important;
}
.quickview-container .hmf-span-6 {
  width: 50%;
}
.quickview-container .hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}
.quickview-container .hmf-span-xs-6 {
  width: 50% !important;
}
.quickview-container .hmf-offset-xs-6 {
  margin-left: 50% !important;
  margin-right: 50% !important;
}
.quickview-container .hmf-span-7 {
  width: 58.3333333333%;
}
.quickview-container .hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}
.quickview-container .hmf-span-xs-7 {
  width: 58.3333333333% !important;
}
.quickview-container .hmf-offset-xs-7 {
  margin-left: 58.3333333333% !important;
  margin-right: 58.3333333333% !important;
}
.quickview-container .hmf-span-8 {
  width: 66.6666666667%;
}
.quickview-container .hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}
.quickview-container .hmf-span-xs-8 {
  width: 66.6666666667% !important;
}
.quickview-container .hmf-offset-xs-8 {
  margin-left: 66.6666666667% !important;
  margin-right: 66.6666666667% !important;
}
.quickview-container .hmf-span-9 {
  width: 75%;
}
.quickview-container .hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}
.quickview-container .hmf-span-xs-9 {
  width: 75% !important;
}
.quickview-container .hmf-offset-xs-9 {
  margin-left: 75% !important;
  margin-right: 75% !important;
}
.quickview-container .hmf-span-10 {
  width: 83.3333333333%;
}
.quickview-container .hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}
.quickview-container .hmf-span-xs-10 {
  width: 83.3333333333% !important;
}
.quickview-container .hmf-offset-xs-10 {
  margin-left: 83.3333333333% !important;
  margin-right: 83.3333333333% !important;
}
.quickview-container .hmf-span-11 {
  width: 91.6666666667%;
}
.quickview-container .hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}
.quickview-container .hmf-span-xs-11 {
  width: 91.6666666667% !important;
}
.quickview-container .hmf-offset-xs-11 {
  margin-left: 91.6666666667% !important;
  margin-right: 91.6666666667% !important;
}
.quickview-container .hmf-span-12 {
  width: 100%;
}
.quickview-container .hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}
.quickview-container .hmf-span-xs-12 {
  width: 100% !important;
}
.quickview-container .hmf-offset-xs-12 {
  margin-left: 100% !important;
  margin-right: 100% !important;
}
.quickview-container .hmf-span-0 {
  width: 0%;
}
.quickview-container .hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}
.quickview-container .hmf-span-xxsm-0 {
  width: 0% !important;
}
.quickview-container .hmf-offset-xxsm-0 {
  margin-left: 0% !important;
  margin-right: 0% !important;
}
.quickview-container .hmf-span-1 {
  width: 8.3333333333%;
}
.quickview-container .hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}
.quickview-container .hmf-span-xxsm-1 {
  width: 8.3333333333% !important;
}
.quickview-container .hmf-offset-xxsm-1 {
  margin-left: 8.3333333333% !important;
  margin-right: 8.3333333333% !important;
}
.quickview-container .hmf-span-2 {
  width: 16.6666666667%;
}
.quickview-container .hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}
.quickview-container .hmf-span-xxsm-2 {
  width: 16.6666666667% !important;
}
.quickview-container .hmf-offset-xxsm-2 {
  margin-left: 16.6666666667% !important;
  margin-right: 16.6666666667% !important;
}
.quickview-container .hmf-span-3 {
  width: 25%;
}
.quickview-container .hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}
.quickview-container .hmf-span-xxsm-3 {
  width: 25% !important;
}
.quickview-container .hmf-offset-xxsm-3 {
  margin-left: 25% !important;
  margin-right: 25% !important;
}
.quickview-container .hmf-span-4 {
  width: 33.3333333333%;
}
.quickview-container .hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}
.quickview-container .hmf-span-xxsm-4 {
  width: 33.3333333333% !important;
}
.quickview-container .hmf-offset-xxsm-4 {
  margin-left: 33.3333333333% !important;
  margin-right: 33.3333333333% !important;
}
.quickview-container .hmf-span-5 {
  width: 41.6666666667%;
}
.quickview-container .hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}
.quickview-container .hmf-span-xxsm-5 {
  width: 41.6666666667% !important;
}
.quickview-container .hmf-offset-xxsm-5 {
  margin-left: 41.6666666667% !important;
  margin-right: 41.6666666667% !important;
}
.quickview-container .hmf-span-6 {
  width: 50%;
}
.quickview-container .hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}
.quickview-container .hmf-span-xxsm-6 {
  width: 50% !important;
}
.quickview-container .hmf-offset-xxsm-6 {
  margin-left: 50% !important;
  margin-right: 50% !important;
}
.quickview-container .hmf-span-7 {
  width: 58.3333333333%;
}
.quickview-container .hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}
.quickview-container .hmf-span-xxsm-7 {
  width: 58.3333333333% !important;
}
.quickview-container .hmf-offset-xxsm-7 {
  margin-left: 58.3333333333% !important;
  margin-right: 58.3333333333% !important;
}
.quickview-container .hmf-span-8 {
  width: 66.6666666667%;
}
.quickview-container .hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}
.quickview-container .hmf-span-xxsm-8 {
  width: 66.6666666667% !important;
}
.quickview-container .hmf-offset-xxsm-8 {
  margin-left: 66.6666666667% !important;
  margin-right: 66.6666666667% !important;
}
.quickview-container .hmf-span-9 {
  width: 75%;
}
.quickview-container .hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}
.quickview-container .hmf-span-xxsm-9 {
  width: 75% !important;
}
.quickview-container .hmf-offset-xxsm-9 {
  margin-left: 75% !important;
  margin-right: 75% !important;
}
.quickview-container .hmf-span-10 {
  width: 83.3333333333%;
}
.quickview-container .hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}
.quickview-container .hmf-span-xxsm-10 {
  width: 83.3333333333% !important;
}
.quickview-container .hmf-offset-xxsm-10 {
  margin-left: 83.3333333333% !important;
  margin-right: 83.3333333333% !important;
}
.quickview-container .hmf-span-11 {
  width: 91.6666666667%;
}
.quickview-container .hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}
.quickview-container .hmf-span-xxsm-11 {
  width: 91.6666666667% !important;
}
.quickview-container .hmf-offset-xxsm-11 {
  margin-left: 91.6666666667% !important;
  margin-right: 91.6666666667% !important;
}
.quickview-container .hmf-span-12 {
  width: 100%;
}
.quickview-container .hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}
.quickview-container .hmf-span-xxsm-12 {
  width: 100% !important;
}
.quickview-container .hmf-offset-xxsm-12 {
  margin-left: 100% !important;
  margin-right: 100% !important;
}
.quickview-container .hmf-span-0 {
  width: 0%;
}
.quickview-container .hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-s-0 {
    width: 0% !important;
  }
  .quickview-container .hmf-offset-s-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.quickview-container .hmf-span-1 {
  width: 8.3333333333%;
}
.quickview-container .hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-s-1 {
    width: 8.3333333333% !important;
  }
  .quickview-container .hmf-offset-s-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.quickview-container .hmf-span-2 {
  width: 16.6666666667%;
}
.quickview-container .hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-s-2 {
    width: 16.6666666667% !important;
  }
  .quickview-container .hmf-offset-s-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.quickview-container .hmf-span-3 {
  width: 25%;
}
.quickview-container .hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-s-3 {
    width: 25% !important;
  }
  .quickview-container .hmf-offset-s-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.quickview-container .hmf-span-4 {
  width: 33.3333333333%;
}
.quickview-container .hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-s-4 {
    width: 33.3333333333% !important;
  }
  .quickview-container .hmf-offset-s-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.quickview-container .hmf-span-5 {
  width: 41.6666666667%;
}
.quickview-container .hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-s-5 {
    width: 41.6666666667% !important;
  }
  .quickview-container .hmf-offset-s-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.quickview-container .hmf-span-6 {
  width: 50%;
}
.quickview-container .hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-s-6 {
    width: 50% !important;
  }
  .quickview-container .hmf-offset-s-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.quickview-container .hmf-span-7 {
  width: 58.3333333333%;
}
.quickview-container .hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-s-7 {
    width: 58.3333333333% !important;
  }
  .quickview-container .hmf-offset-s-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.quickview-container .hmf-span-8 {
  width: 66.6666666667%;
}
.quickview-container .hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-s-8 {
    width: 66.6666666667% !important;
  }
  .quickview-container .hmf-offset-s-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.quickview-container .hmf-span-9 {
  width: 75%;
}
.quickview-container .hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-s-9 {
    width: 75% !important;
  }
  .quickview-container .hmf-offset-s-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.quickview-container .hmf-span-10 {
  width: 83.3333333333%;
}
.quickview-container .hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-s-10 {
    width: 83.3333333333% !important;
  }
  .quickview-container .hmf-offset-s-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.quickview-container .hmf-span-11 {
  width: 91.6666666667%;
}
.quickview-container .hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-s-11 {
    width: 91.6666666667% !important;
  }
  .quickview-container .hmf-offset-s-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.quickview-container .hmf-span-12 {
  width: 100%;
}
.quickview-container .hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-s-12 {
    width: 100% !important;
  }
  .quickview-container .hmf-offset-s-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.quickview-container .hmf-span-0 {
  width: 0%;
}
.quickview-container .hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-xsm-0 {
    width: 0% !important;
  }
  .quickview-container .hmf-offset-xsm-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.quickview-container .hmf-span-1 {
  width: 8.3333333333%;
}
.quickview-container .hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-xsm-1 {
    width: 8.3333333333% !important;
  }
  .quickview-container .hmf-offset-xsm-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.quickview-container .hmf-span-2 {
  width: 16.6666666667%;
}
.quickview-container .hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-xsm-2 {
    width: 16.6666666667% !important;
  }
  .quickview-container .hmf-offset-xsm-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.quickview-container .hmf-span-3 {
  width: 25%;
}
.quickview-container .hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-xsm-3 {
    width: 25% !important;
  }
  .quickview-container .hmf-offset-xsm-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.quickview-container .hmf-span-4 {
  width: 33.3333333333%;
}
.quickview-container .hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-xsm-4 {
    width: 33.3333333333% !important;
  }
  .quickview-container .hmf-offset-xsm-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.quickview-container .hmf-span-5 {
  width: 41.6666666667%;
}
.quickview-container .hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-xsm-5 {
    width: 41.6666666667% !important;
  }
  .quickview-container .hmf-offset-xsm-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.quickview-container .hmf-span-6 {
  width: 50%;
}
.quickview-container .hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-xsm-6 {
    width: 50% !important;
  }
  .quickview-container .hmf-offset-xsm-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.quickview-container .hmf-span-7 {
  width: 58.3333333333%;
}
.quickview-container .hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-xsm-7 {
    width: 58.3333333333% !important;
  }
  .quickview-container .hmf-offset-xsm-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.quickview-container .hmf-span-8 {
  width: 66.6666666667%;
}
.quickview-container .hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-xsm-8 {
    width: 66.6666666667% !important;
  }
  .quickview-container .hmf-offset-xsm-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.quickview-container .hmf-span-9 {
  width: 75%;
}
.quickview-container .hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-xsm-9 {
    width: 75% !important;
  }
  .quickview-container .hmf-offset-xsm-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.quickview-container .hmf-span-10 {
  width: 83.3333333333%;
}
.quickview-container .hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-xsm-10 {
    width: 83.3333333333% !important;
  }
  .quickview-container .hmf-offset-xsm-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.quickview-container .hmf-span-11 {
  width: 91.6666666667%;
}
.quickview-container .hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-xsm-11 {
    width: 91.6666666667% !important;
  }
  .quickview-container .hmf-offset-xsm-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.quickview-container .hmf-span-12 {
  width: 100%;
}
.quickview-container .hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-xsm-12 {
    width: 100% !important;
  }
  .quickview-container .hmf-offset-xsm-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.quickview-container .hmf-span-0 {
  width: 0%;
}
.quickview-container .hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}
@media (min-width: 480px) {
  .quickview-container .hmf-span-sm-0 {
    width: 0% !important;
  }
  .quickview-container .hmf-offset-sm-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.quickview-container .hmf-span-1 {
  width: 8.3333333333%;
}
.quickview-container .hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}
@media (min-width: 480px) {
  .quickview-container .hmf-span-sm-1 {
    width: 8.3333333333% !important;
  }
  .quickview-container .hmf-offset-sm-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.quickview-container .hmf-span-2 {
  width: 16.6666666667%;
}
.quickview-container .hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}
@media (min-width: 480px) {
  .quickview-container .hmf-span-sm-2 {
    width: 16.6666666667% !important;
  }
  .quickview-container .hmf-offset-sm-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.quickview-container .hmf-span-3 {
  width: 25%;
}
.quickview-container .hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}
@media (min-width: 480px) {
  .quickview-container .hmf-span-sm-3 {
    width: 25% !important;
  }
  .quickview-container .hmf-offset-sm-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.quickview-container .hmf-span-4 {
  width: 33.3333333333%;
}
.quickview-container .hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}
@media (min-width: 480px) {
  .quickview-container .hmf-span-sm-4 {
    width: 33.3333333333% !important;
  }
  .quickview-container .hmf-offset-sm-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.quickview-container .hmf-span-5 {
  width: 41.6666666667%;
}
.quickview-container .hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}
@media (min-width: 480px) {
  .quickview-container .hmf-span-sm-5 {
    width: 41.6666666667% !important;
  }
  .quickview-container .hmf-offset-sm-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.quickview-container .hmf-span-6 {
  width: 50%;
}
.quickview-container .hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}
@media (min-width: 480px) {
  .quickview-container .hmf-span-sm-6 {
    width: 50% !important;
  }
  .quickview-container .hmf-offset-sm-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.quickview-container .hmf-span-7 {
  width: 58.3333333333%;
}
.quickview-container .hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}
@media (min-width: 480px) {
  .quickview-container .hmf-span-sm-7 {
    width: 58.3333333333% !important;
  }
  .quickview-container .hmf-offset-sm-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.quickview-container .hmf-span-8 {
  width: 66.6666666667%;
}
.quickview-container .hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}
@media (min-width: 480px) {
  .quickview-container .hmf-span-sm-8 {
    width: 66.6666666667% !important;
  }
  .quickview-container .hmf-offset-sm-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.quickview-container .hmf-span-9 {
  width: 75%;
}
.quickview-container .hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}
@media (min-width: 480px) {
  .quickview-container .hmf-span-sm-9 {
    width: 75% !important;
  }
  .quickview-container .hmf-offset-sm-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.quickview-container .hmf-span-10 {
  width: 83.3333333333%;
}
.quickview-container .hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}
@media (min-width: 480px) {
  .quickview-container .hmf-span-sm-10 {
    width: 83.3333333333% !important;
  }
  .quickview-container .hmf-offset-sm-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.quickview-container .hmf-span-11 {
  width: 91.6666666667%;
}
.quickview-container .hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}
@media (min-width: 480px) {
  .quickview-container .hmf-span-sm-11 {
    width: 91.6666666667% !important;
  }
  .quickview-container .hmf-offset-sm-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.quickview-container .hmf-span-12 {
  width: 100%;
}
.quickview-container .hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}
@media (min-width: 480px) {
  .quickview-container .hmf-span-sm-12 {
    width: 100% !important;
  }
  .quickview-container .hmf-offset-sm-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.quickview-container .hmf-span-0 {
  width: 0%;
}
.quickview-container .hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-m-0 {
    width: 0% !important;
  }
  .quickview-container .hmf-offset-m-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.quickview-container .hmf-span-1 {
  width: 8.3333333333%;
}
.quickview-container .hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-m-1 {
    width: 8.3333333333% !important;
  }
  .quickview-container .hmf-offset-m-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.quickview-container .hmf-span-2 {
  width: 16.6666666667%;
}
.quickview-container .hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-m-2 {
    width: 16.6666666667% !important;
  }
  .quickview-container .hmf-offset-m-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.quickview-container .hmf-span-3 {
  width: 25%;
}
.quickview-container .hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-m-3 {
    width: 25% !important;
  }
  .quickview-container .hmf-offset-m-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.quickview-container .hmf-span-4 {
  width: 33.3333333333%;
}
.quickview-container .hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-m-4 {
    width: 33.3333333333% !important;
  }
  .quickview-container .hmf-offset-m-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.quickview-container .hmf-span-5 {
  width: 41.6666666667%;
}
.quickview-container .hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-m-5 {
    width: 41.6666666667% !important;
  }
  .quickview-container .hmf-offset-m-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.quickview-container .hmf-span-6 {
  width: 50%;
}
.quickview-container .hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-m-6 {
    width: 50% !important;
  }
  .quickview-container .hmf-offset-m-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.quickview-container .hmf-span-7 {
  width: 58.3333333333%;
}
.quickview-container .hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-m-7 {
    width: 58.3333333333% !important;
  }
  .quickview-container .hmf-offset-m-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.quickview-container .hmf-span-8 {
  width: 66.6666666667%;
}
.quickview-container .hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-m-8 {
    width: 66.6666666667% !important;
  }
  .quickview-container .hmf-offset-m-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.quickview-container .hmf-span-9 {
  width: 75%;
}
.quickview-container .hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-m-9 {
    width: 75% !important;
  }
  .quickview-container .hmf-offset-m-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.quickview-container .hmf-span-10 {
  width: 83.3333333333%;
}
.quickview-container .hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-m-10 {
    width: 83.3333333333% !important;
  }
  .quickview-container .hmf-offset-m-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.quickview-container .hmf-span-11 {
  width: 91.6666666667%;
}
.quickview-container .hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-m-11 {
    width: 91.6666666667% !important;
  }
  .quickview-container .hmf-offset-m-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.quickview-container .hmf-span-12 {
  width: 100%;
}
.quickview-container .hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-m-12 {
    width: 100% !important;
  }
  .quickview-container .hmf-offset-m-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.quickview-container .hmf-span-0 {
  width: 0%;
}
.quickview-container .hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-md-0 {
    width: 0% !important;
  }
  .quickview-container .hmf-offset-md-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.quickview-container .hmf-span-1 {
  width: 8.3333333333%;
}
.quickview-container .hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-md-1 {
    width: 8.3333333333% !important;
  }
  .quickview-container .hmf-offset-md-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.quickview-container .hmf-span-2 {
  width: 16.6666666667%;
}
.quickview-container .hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-md-2 {
    width: 16.6666666667% !important;
  }
  .quickview-container .hmf-offset-md-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.quickview-container .hmf-span-3 {
  width: 25%;
}
.quickview-container .hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-md-3 {
    width: 25% !important;
  }
  .quickview-container .hmf-offset-md-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.quickview-container .hmf-span-4 {
  width: 33.3333333333%;
}
.quickview-container .hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-md-4 {
    width: 33.3333333333% !important;
  }
  .quickview-container .hmf-offset-md-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.quickview-container .hmf-span-5 {
  width: 41.6666666667%;
}
.quickview-container .hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-md-5 {
    width: 41.6666666667% !important;
  }
  .quickview-container .hmf-offset-md-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.quickview-container .hmf-span-6 {
  width: 50%;
}
.quickview-container .hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-md-6 {
    width: 50% !important;
  }
  .quickview-container .hmf-offset-md-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.quickview-container .hmf-span-7 {
  width: 58.3333333333%;
}
.quickview-container .hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-md-7 {
    width: 58.3333333333% !important;
  }
  .quickview-container .hmf-offset-md-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.quickview-container .hmf-span-8 {
  width: 66.6666666667%;
}
.quickview-container .hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-md-8 {
    width: 66.6666666667% !important;
  }
  .quickview-container .hmf-offset-md-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.quickview-container .hmf-span-9 {
  width: 75%;
}
.quickview-container .hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-md-9 {
    width: 75% !important;
  }
  .quickview-container .hmf-offset-md-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.quickview-container .hmf-span-10 {
  width: 83.3333333333%;
}
.quickview-container .hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-md-10 {
    width: 83.3333333333% !important;
  }
  .quickview-container .hmf-offset-md-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.quickview-container .hmf-span-11 {
  width: 91.6666666667%;
}
.quickview-container .hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-md-11 {
    width: 91.6666666667% !important;
  }
  .quickview-container .hmf-offset-md-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.quickview-container .hmf-span-12 {
  width: 100%;
}
.quickview-container .hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-md-12 {
    width: 100% !important;
  }
  .quickview-container .hmf-offset-md-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.quickview-container .hmf-span-0 {
  width: 0%;
}
.quickview-container .hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}
@media (min-width: 1024px) {
  .quickview-container .hmf-span-lg-0 {
    width: 0% !important;
  }
  .quickview-container .hmf-offset-lg-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.quickview-container .hmf-span-1 {
  width: 8.3333333333%;
}
.quickview-container .hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}
@media (min-width: 1024px) {
  .quickview-container .hmf-span-lg-1 {
    width: 8.3333333333% !important;
  }
  .quickview-container .hmf-offset-lg-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.quickview-container .hmf-span-2 {
  width: 16.6666666667%;
}
.quickview-container .hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}
@media (min-width: 1024px) {
  .quickview-container .hmf-span-lg-2 {
    width: 16.6666666667% !important;
  }
  .quickview-container .hmf-offset-lg-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.quickview-container .hmf-span-3 {
  width: 25%;
}
.quickview-container .hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}
@media (min-width: 1024px) {
  .quickview-container .hmf-span-lg-3 {
    width: 25% !important;
  }
  .quickview-container .hmf-offset-lg-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.quickview-container .hmf-span-4 {
  width: 33.3333333333%;
}
.quickview-container .hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}
@media (min-width: 1024px) {
  .quickview-container .hmf-span-lg-4 {
    width: 33.3333333333% !important;
  }
  .quickview-container .hmf-offset-lg-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.quickview-container .hmf-span-5 {
  width: 41.6666666667%;
}
.quickview-container .hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}
@media (min-width: 1024px) {
  .quickview-container .hmf-span-lg-5 {
    width: 41.6666666667% !important;
  }
  .quickview-container .hmf-offset-lg-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.quickview-container .hmf-span-6 {
  width: 50%;
}
.quickview-container .hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}
@media (min-width: 1024px) {
  .quickview-container .hmf-span-lg-6 {
    width: 50% !important;
  }
  .quickview-container .hmf-offset-lg-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.quickview-container .hmf-span-7 {
  width: 58.3333333333%;
}
.quickview-container .hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}
@media (min-width: 1024px) {
  .quickview-container .hmf-span-lg-7 {
    width: 58.3333333333% !important;
  }
  .quickview-container .hmf-offset-lg-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.quickview-container .hmf-span-8 {
  width: 66.6666666667%;
}
.quickview-container .hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}
@media (min-width: 1024px) {
  .quickview-container .hmf-span-lg-8 {
    width: 66.6666666667% !important;
  }
  .quickview-container .hmf-offset-lg-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.quickview-container .hmf-span-9 {
  width: 75%;
}
.quickview-container .hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}
@media (min-width: 1024px) {
  .quickview-container .hmf-span-lg-9 {
    width: 75% !important;
  }
  .quickview-container .hmf-offset-lg-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.quickview-container .hmf-span-10 {
  width: 83.3333333333%;
}
.quickview-container .hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}
@media (min-width: 1024px) {
  .quickview-container .hmf-span-lg-10 {
    width: 83.3333333333% !important;
  }
  .quickview-container .hmf-offset-lg-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.quickview-container .hmf-span-11 {
  width: 91.6666666667%;
}
.quickview-container .hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}
@media (min-width: 1024px) {
  .quickview-container .hmf-span-lg-11 {
    width: 91.6666666667% !important;
  }
  .quickview-container .hmf-offset-lg-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.quickview-container .hmf-span-12 {
  width: 100%;
}
.quickview-container .hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}
@media (min-width: 1024px) {
  .quickview-container .hmf-span-lg-12 {
    width: 100% !important;
  }
  .quickview-container .hmf-offset-lg-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.quickview-container .hmf-span-0 {
  width: 0%;
}
.quickview-container .hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-l-0 {
    width: 0% !important;
  }
  .quickview-container .hmf-offset-l-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.quickview-container .hmf-span-1 {
  width: 8.3333333333%;
}
.quickview-container .hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-l-1 {
    width: 8.3333333333% !important;
  }
  .quickview-container .hmf-offset-l-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.quickview-container .hmf-span-2 {
  width: 16.6666666667%;
}
.quickview-container .hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-l-2 {
    width: 16.6666666667% !important;
  }
  .quickview-container .hmf-offset-l-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.quickview-container .hmf-span-3 {
  width: 25%;
}
.quickview-container .hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-l-3 {
    width: 25% !important;
  }
  .quickview-container .hmf-offset-l-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.quickview-container .hmf-span-4 {
  width: 33.3333333333%;
}
.quickview-container .hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-l-4 {
    width: 33.3333333333% !important;
  }
  .quickview-container .hmf-offset-l-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.quickview-container .hmf-span-5 {
  width: 41.6666666667%;
}
.quickview-container .hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-l-5 {
    width: 41.6666666667% !important;
  }
  .quickview-container .hmf-offset-l-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.quickview-container .hmf-span-6 {
  width: 50%;
}
.quickview-container .hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-l-6 {
    width: 50% !important;
  }
  .quickview-container .hmf-offset-l-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.quickview-container .hmf-span-7 {
  width: 58.3333333333%;
}
.quickview-container .hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-l-7 {
    width: 58.3333333333% !important;
  }
  .quickview-container .hmf-offset-l-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.quickview-container .hmf-span-8 {
  width: 66.6666666667%;
}
.quickview-container .hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-l-8 {
    width: 66.6666666667% !important;
  }
  .quickview-container .hmf-offset-l-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.quickview-container .hmf-span-9 {
  width: 75%;
}
.quickview-container .hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-l-9 {
    width: 75% !important;
  }
  .quickview-container .hmf-offset-l-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.quickview-container .hmf-span-10 {
  width: 83.3333333333%;
}
.quickview-container .hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-l-10 {
    width: 83.3333333333% !important;
  }
  .quickview-container .hmf-offset-l-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.quickview-container .hmf-span-11 {
  width: 91.6666666667%;
}
.quickview-container .hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-l-11 {
    width: 91.6666666667% !important;
  }
  .quickview-container .hmf-offset-l-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.quickview-container .hmf-span-12 {
  width: 100%;
}
.quickview-container .hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-l-12 {
    width: 100% !important;
  }
  .quickview-container .hmf-offset-l-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.quickview-container .hmf-span-0 {
  width: 0%;
}
.quickview-container .hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-xlg-0 {
    width: 0% !important;
  }
  .quickview-container .hmf-offset-xlg-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.quickview-container .hmf-span-1 {
  width: 8.3333333333%;
}
.quickview-container .hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-xlg-1 {
    width: 8.3333333333% !important;
  }
  .quickview-container .hmf-offset-xlg-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.quickview-container .hmf-span-2 {
  width: 16.6666666667%;
}
.quickview-container .hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-xlg-2 {
    width: 16.6666666667% !important;
  }
  .quickview-container .hmf-offset-xlg-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.quickview-container .hmf-span-3 {
  width: 25%;
}
.quickview-container .hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-xlg-3 {
    width: 25% !important;
  }
  .quickview-container .hmf-offset-xlg-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.quickview-container .hmf-span-4 {
  width: 33.3333333333%;
}
.quickview-container .hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-xlg-4 {
    width: 33.3333333333% !important;
  }
  .quickview-container .hmf-offset-xlg-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.quickview-container .hmf-span-5 {
  width: 41.6666666667%;
}
.quickview-container .hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-xlg-5 {
    width: 41.6666666667% !important;
  }
  .quickview-container .hmf-offset-xlg-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.quickview-container .hmf-span-6 {
  width: 50%;
}
.quickview-container .hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-xlg-6 {
    width: 50% !important;
  }
  .quickview-container .hmf-offset-xlg-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.quickview-container .hmf-span-7 {
  width: 58.3333333333%;
}
.quickview-container .hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-xlg-7 {
    width: 58.3333333333% !important;
  }
  .quickview-container .hmf-offset-xlg-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.quickview-container .hmf-span-8 {
  width: 66.6666666667%;
}
.quickview-container .hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-xlg-8 {
    width: 66.6666666667% !important;
  }
  .quickview-container .hmf-offset-xlg-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.quickview-container .hmf-span-9 {
  width: 75%;
}
.quickview-container .hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-xlg-9 {
    width: 75% !important;
  }
  .quickview-container .hmf-offset-xlg-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.quickview-container .hmf-span-10 {
  width: 83.3333333333%;
}
.quickview-container .hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-xlg-10 {
    width: 83.3333333333% !important;
  }
  .quickview-container .hmf-offset-xlg-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.quickview-container .hmf-span-11 {
  width: 91.6666666667%;
}
.quickview-container .hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-xlg-11 {
    width: 91.6666666667% !important;
  }
  .quickview-container .hmf-offset-xlg-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.quickview-container .hmf-span-12 {
  width: 100%;
}
.quickview-container .hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-xlg-12 {
    width: 100% !important;
  }
  .quickview-container .hmf-offset-xlg-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.quickview-container .hmf-span-0 {
  width: 0%;
}
.quickview-container .hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xl-0 {
    width: 0% !important;
  }
  .quickview-container .hmf-offset-xl-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.quickview-container .hmf-span-1 {
  width: 8.3333333333%;
}
.quickview-container .hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xl-1 {
    width: 8.3333333333% !important;
  }
  .quickview-container .hmf-offset-xl-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.quickview-container .hmf-span-2 {
  width: 16.6666666667%;
}
.quickview-container .hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xl-2 {
    width: 16.6666666667% !important;
  }
  .quickview-container .hmf-offset-xl-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.quickview-container .hmf-span-3 {
  width: 25%;
}
.quickview-container .hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xl-3 {
    width: 25% !important;
  }
  .quickview-container .hmf-offset-xl-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.quickview-container .hmf-span-4 {
  width: 33.3333333333%;
}
.quickview-container .hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xl-4 {
    width: 33.3333333333% !important;
  }
  .quickview-container .hmf-offset-xl-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.quickview-container .hmf-span-5 {
  width: 41.6666666667%;
}
.quickview-container .hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xl-5 {
    width: 41.6666666667% !important;
  }
  .quickview-container .hmf-offset-xl-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.quickview-container .hmf-span-6 {
  width: 50%;
}
.quickview-container .hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xl-6 {
    width: 50% !important;
  }
  .quickview-container .hmf-offset-xl-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.quickview-container .hmf-span-7 {
  width: 58.3333333333%;
}
.quickview-container .hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xl-7 {
    width: 58.3333333333% !important;
  }
  .quickview-container .hmf-offset-xl-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.quickview-container .hmf-span-8 {
  width: 66.6666666667%;
}
.quickview-container .hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xl-8 {
    width: 66.6666666667% !important;
  }
  .quickview-container .hmf-offset-xl-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.quickview-container .hmf-span-9 {
  width: 75%;
}
.quickview-container .hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xl-9 {
    width: 75% !important;
  }
  .quickview-container .hmf-offset-xl-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.quickview-container .hmf-span-10 {
  width: 83.3333333333%;
}
.quickview-container .hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xl-10 {
    width: 83.3333333333% !important;
  }
  .quickview-container .hmf-offset-xl-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.quickview-container .hmf-span-11 {
  width: 91.6666666667%;
}
.quickview-container .hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xl-11 {
    width: 91.6666666667% !important;
  }
  .quickview-container .hmf-offset-xl-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.quickview-container .hmf-span-12 {
  width: 100%;
}
.quickview-container .hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xl-12 {
    width: 100% !important;
  }
  .quickview-container .hmf-offset-xl-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.quickview-container .hmf-span-0 {
  width: 0%;
}
.quickview-container .hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xxlg-0 {
    width: 0% !important;
  }
  .quickview-container .hmf-offset-xxlg-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.quickview-container .hmf-span-1 {
  width: 8.3333333333%;
}
.quickview-container .hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xxlg-1 {
    width: 8.3333333333% !important;
  }
  .quickview-container .hmf-offset-xxlg-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.quickview-container .hmf-span-2 {
  width: 16.6666666667%;
}
.quickview-container .hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xxlg-2 {
    width: 16.6666666667% !important;
  }
  .quickview-container .hmf-offset-xxlg-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.quickview-container .hmf-span-3 {
  width: 25%;
}
.quickview-container .hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xxlg-3 {
    width: 25% !important;
  }
  .quickview-container .hmf-offset-xxlg-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.quickview-container .hmf-span-4 {
  width: 33.3333333333%;
}
.quickview-container .hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xxlg-4 {
    width: 33.3333333333% !important;
  }
  .quickview-container .hmf-offset-xxlg-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.quickview-container .hmf-span-5 {
  width: 41.6666666667%;
}
.quickview-container .hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xxlg-5 {
    width: 41.6666666667% !important;
  }
  .quickview-container .hmf-offset-xxlg-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.quickview-container .hmf-span-6 {
  width: 50%;
}
.quickview-container .hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xxlg-6 {
    width: 50% !important;
  }
  .quickview-container .hmf-offset-xxlg-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.quickview-container .hmf-span-7 {
  width: 58.3333333333%;
}
.quickview-container .hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xxlg-7 {
    width: 58.3333333333% !important;
  }
  .quickview-container .hmf-offset-xxlg-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.quickview-container .hmf-span-8 {
  width: 66.6666666667%;
}
.quickview-container .hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xxlg-8 {
    width: 66.6666666667% !important;
  }
  .quickview-container .hmf-offset-xxlg-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.quickview-container .hmf-span-9 {
  width: 75%;
}
.quickview-container .hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xxlg-9 {
    width: 75% !important;
  }
  .quickview-container .hmf-offset-xxlg-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.quickview-container .hmf-span-10 {
  width: 83.3333333333%;
}
.quickview-container .hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xxlg-10 {
    width: 83.3333333333% !important;
  }
  .quickview-container .hmf-offset-xxlg-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.quickview-container .hmf-span-11 {
  width: 91.6666666667%;
}
.quickview-container .hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xxlg-11 {
    width: 91.6666666667% !important;
  }
  .quickview-container .hmf-offset-xxlg-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.quickview-container .hmf-span-12 {
  width: 100%;
}
.quickview-container .hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xxlg-12 {
    width: 100% !important;
  }
  .quickview-container .hmf-offset-xxlg-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.quickview-container .page {
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 375px) {
  .quickview-container .page {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (min-width: 768px) {
  .quickview-container .page {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (min-width: 1280px) {
  .quickview-container .page {
    padding-left: 28px;
    padding-right: 28px;
  }
}
@media (min-width: 1440px) {
  .quickview-container .page {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.quickview-container :root {
  --hmf-red50: #fdf7f8;
  --hmf-red100: #f6e1e3;
  --hmf-red200: #f0cbcf;
  --hmf-red300: #eab5ba;
  --hmf-red400: #dc848c;
  --hmf-red500: #cf5963;
  --hmf-red600: #b10715;
  --hmf-red700: #a20610;
  --hmf-red800: #86030c;
  --hmf-red900: #560105;
  --hmf-scred: #B3271E;
  --hmf-yellow50: #fff9e5;
  --hmf-yellow100: #ffedb6;
  --hmf-yellow200: #ffe286;
  --hmf-yellow300: #ffc40c;
  --hmf-yellow400: #ffa50a;
  --hmf-yellow500: #db7900;
  --hmf-yellow600: #a75a20;
  --hmf-yellow700: #733210;
  --hmf-yellow800: #5e280c;
  --hmf-yellow900: #3d1f00;
  --hmf-scgreen: #006554;
  --hmf-gold50: #fbf9f4;
  --hmf-gold100: #efe9d6;
  --hmf-gold200: #e0d3ae;
  --hmf-gold300: #ccb67b;
  --hmf-gold400: #c5ad6a;
  --hmf-gold500: #ad9143;
  --hmf-gold600: #806c32;
  --hmf-gold700: #5c4d24;
  --hmf-gold800: #4d401e;
  --hmf-gold900: #2c2511;
  --hmf-gray50: #fff;
  --hmf-gray50-rgb: 255, 255, 255;
  --hmf-gray100: #f9f9f9;
  --hmf-gray100-rgb: 249, 249, 249;
  --hmf-gray200: #e3e3e3;
  --hmf-gray200-rgb: 227, 227, 227;
  --hmf-gray300: #d1d1d1;
  --hmf-gray300-rgb: 209, 209, 209;
  --hmf-gray400: #b5b5b5;
  --hmf-gray400-rgb: 181, 181, 181;
  --hmf-gray500: #949494;
  --hmf-gray500-rgb: 148, 148, 148;
  --hmf-gray600: #6e6e6e;
  --hmf-gray600-rgb: 121, 121, 121;
  --hmf-gray700: #4f4f4f;
  --hmf-gray700-rgb: 79, 79, 79;
  --hmf-gray800: #2e2e2e;
  --hmf-gray800-rgb: 46, 46, 46;
  --hmf-gray900: #191f1c;
  --hmf-gray900-rgb: 25, 31, 28;
  --hmf-calia50: #f9f9f6;
  --hmf-calia100: #eaeae1;
  --hmf-calia200: #d5d3cd;
  --hmf-calia300: #bcb8b3;
  --hmf-calia400: #9f9996;
  --hmf-calia500: #857d7c;
  --hmf-calia600: #6c6263;
  --hmf-calia700: #53474a;
  --hmf-calia800: #44283a;
  --hmf-calia900: #312127;
  --hmf-vrst50: #f9fafb;
  --hmf-vrst100: #e6ecf0;
  --hmf-vrst200: #ced5d9;
  --hmf-vrst300: #b3bbc0;
  --hmf-vrst400: #99a2a8;
  --hmf-vrst500: #808990;
  --hmf-vrst600: #667078;
  --hmf-vrst700: #465058;
  --hmf-vrst800: #333f48;
  --hmf-vrst900: #20272d;
}
.quickview-container .background-base {
  background-color: var(--hmf-background-base);
}
.quickview-container .background-base-subtle {
  background-color: var(--hmf-background-base-subtle);
}
.quickview-container .background-inverse {
  background-color: var(--hmf-background-inverse);
}
.quickview-container .background-inverse-subtle {
  background-color: var(--hmf-background-inverse-subtle);
}
.quickview-container .background-primary {
  background-color: var(--hmf-background-primary);
}
.quickview-container .fill-base {
  background-color: var(--hmf-fill-base);
}
.quickview-container .fill-base-subtle {
  background-color: var(--hmf-fill-base-subtle);
}
.quickview-container .fill-base-prominent {
  background-color: var(--hmf-fill-base-prominent);
}
.quickview-container .fill-inverse {
  background-color: var(--hmf-fill-inverse);
}
.quickview-container .fill-inverse-subtle {
  background-color: var(--hmf-fill-inverse-subtle);
}
.quickview-container .fill-primary-static {
  background-color: var(--hmf-fill-primary-static);
}
.quickview-container .fill-primary-hover {
  background-color: var(--hmf-fill-primary-hover);
}
.quickview-container .fill-primary-active {
  background-color: var(--hmf-fill-primary-active);
}
.quickview-container .fill-secondary-static {
  background-color: var(--hmf-fill-secondary-static);
}
.quickview-container .fill-secondary-static-subtle {
  background-color: var(--hmf-fill-secondary-static-subtle);
}
.quickview-container .fill-secondary-hover {
  background-color: var(--hmf-fill-secondary-hover);
}
.quickview-container .fill-secondary-hover-subtle {
  background-color: var(--hmf-fill-secondary-hover-subtle);
}
.quickview-container .fill-secondary-active {
  background-color: var(--hmf-fill-secondary-active);
}
.quickview-container .fill-secondary-active-subtle {
  background-color: var(--hmf-fill-secondary-active-subtle);
}
.quickview-container .fill-tertiary-static {
  background-color: var(--hmf-fill-tertiary-static);
}
.quickview-container .fill-tertiary-hover {
  background-color: var(--hmf-fill-tertiary-hover);
}
.quickview-container .fill-tertiary-active {
  background-color: var(--hmf-fill-tertiary-active);
}
.quickview-container .fill-disabled {
  background-color: var(--hmf-fill-disabled);
}
.quickview-container .fill-disabled-subtle {
  background-color: var(--hmf-fill-disabled-subtle);
}
.quickview-container .fill-negative {
  background-color: var(--hmf-fill-negative);
}
.quickview-container .fill-negative-subtle {
  background-color: var(--hmf-fill-negative-subtle);
}
.quickview-container .fill-negative-static {
  background-color: var(--hmf-fill-negative-static);
}
.quickview-container .fill-negative-hover {
  background-color: var(--hmf-fill-negative-hover);
}
.quickview-container .fill-negative-active {
  background-color: var(--hmf-fill-negative-active);
}
.quickview-container .fill-sale {
  background-color: var(--hmf-fill-sale);
}
.quickview-container .fill-warning {
  background-color: var(--hmf-fill-warning);
}
.quickview-container .fill-warning-subtle {
  background-color: var(--hmf-fill-warning-subtle);
}
.quickview-container .fill-positive {
  background-color: var(--hmf-fill-positive);
}
.quickview-container .fill-postive-subtle {
  background-color: var(--hmf-fill-positive-subtle);
}
.quickview-container .fill-marketing-static {
  background-color: var(--hmf-fill-marketing-static);
}
.quickview-container .fill-marketing-hover {
  background-color: var(--hmf-fill-marketing-hover);
}
.quickview-container .fill-marketing-active {
  background-color: var(--hmf-fill-marketing-active);
}
.quickview-container .fill-scorecard-default {
  background-color: var(--hmf-fill-scorecard);
}
.quickview-container .fill-scorecard-subtle {
  background-color: var(--hmf-fill-scorecard-subtle);
}
.quickview-container .fill-scorecard-gold {
  background-color: var(--hmf-fill-scorecard-gold);
}
.quickview-container .fill-scorecard-gold-subtle {
  background-color: var(--hmf-fill-scorecard-gold-subtle);
}
.quickview-container .fill-calia-default {
  background-color: var(--hmf-fill-calia);
}
.quickview-container .fill-calia-subtle {
  background-color: var(--hmf-fill-calia-subtle);
}
.quickview-container .fill-vrst-default {
  background-color: var(--hmf-fill-vrst);
}
.quickview-container .fill-vrst-subtle {
  background-color: var(--hmf-fill-vrst-subtle);
}
.quickview-container .label-base {
  color: var(--hmf-label-base);
}
.quickview-container .label-base-subtle {
  color: var(--hmf-label-base-subtle);
}
.quickview-container .label-inverse-base {
  color: var(--hmf-label-inverse-base);
}
.quickview-container .label-inverse-subtle {
  color: var(--hmf-label-inverse-subtle);
}
.quickview-container .label-primary-static {
  color: var(--hmf-label-primary-static);
}
.quickview-container .label-primary-hover {
  color: var(--hmf-label-primary-hover);
}
.quickview-container .label-primary-active {
  color: var(--hmf-label-primary-active);
}
.quickview-container .label-secondary-static {
  color: var(--hmf-label-secondary-static);
}
.quickview-container .label-secondary-hover {
  color: var(--hmf-label-secondary-hover);
}
.quickview-container .label-secondary-active {
  color: var(--hmf-label-secondary-active);
}
.quickview-container .label-secondary-subtle-static {
  color: var(--hmf-label-secondary-subtle-static);
}
.quickview-container .label-secondary-subtle-hover {
  color: var(--hmf-label-secondary-subtle-hover);
}
.quickview-container .label-secondary-subtle-active {
  color: var(--hmf-label-secondary-subtle-active);
}
.quickview-container .label-tertiary-static {
  color: var(--hmf-label-tertiary-static);
}
.quickview-container .label-tertiary-hover {
  color: var(--hmf-label-tertiary-hover);
}
.quickview-container .label-tertiary-active {
  color: var(--hmf-label-tertiary-active);
}
.quickview-container .label-sale {
  color: var(--hmf-label-sale);
}
.quickview-container .label-disabled {
  color: var(--hmf-label-disabled);
}
.quickview-container .label-disabled-subtle {
  color: var(--hmf-label-disabled-subtle);
}
.quickview-container .label-negative {
  color: var(--hmf-label-negative);
}
.quickview-container .label-positive {
  color: var(--hmf-label-positive);
}
.quickview-container .label-warning {
  color: var(--hmf-label-warning);
}
.quickview-container .label-marketing-static {
  color: var(--hmf-label-marketing-static);
}
.quickview-container .label-marketing-hover {
  color: var(--hmf-label-marketing-hover);
}
.quickview-container .label-marketing-active {
  color: var(--hmf-label-marketing-active);
}
.quickview-container .label-scorecard-default {
  color: var(--hmf-label-scorecard);
}
.quickview-container .border-base {
  border-color: var(--hmf-border-base);
}
.quickview-container .border-base-subtle {
  border-color: var(--hmf-border-base-subtle);
}
.quickview-container .border-inverse {
  border-color: var(--hmf-border-inverse);
}
.quickview-container .border-inverse-subtle {
  border-color: var(--hmf-border-inverse-subtle);
}
.quickview-container .border-primary-static {
  border-color: var(--hmf-border-primary-static);
}
.quickview-container .border-primary-hover {
  border-color: var(--hmf-border-primary-hover);
}
.quickview-container .border-primary-active {
  border-color: var(--hmf-border-primary-active);
}
.quickview-container .border-secondary-static {
  border-color: var(--hmf-border-secondary-static);
}
.quickview-container .border-secondary-hover {
  border-color: var(--hmf-border-secondary-hover);
}
.quickview-container .border-secondary-active {
  border-color: var(--hmf-border-secondary-active);
}
.quickview-container .border-secondary-subtle-static {
  border-color: var(--hmf-border-secondary-subtle-static);
}
.quickview-container .border-secondary-subtle-hover {
  border-color: var(--hmf-border-secondary-subtle-hover);
}
.quickview-container .border-secondary-subtle-active {
  border-color: var(--hmf-border-secondary-subtle-active);
}
.quickview-container .border-tertiary-static {
  border-color: var(--hmf-border-tertiary-static);
}
.quickview-container .border-tertiary-hover {
  border-color: var(--hmf-border-tertiary-hover);
}
.quickview-container .border-tertiary-active {
  border-color: var(--hmf-border-tertiary-active);
}
.quickview-container .border-focused {
  border-color: var(--hmf-border-focused);
}
.quickview-container .border-inverse-focused {
  border-color: var(--hmf-border-inverse-focused);
}
.quickview-container .border-disabled {
  border-color: var(--hmf-border-disabled);
}
.quickview-container .border-disabled-subtle {
  border-color: var(--hmf-border-disabled-subtle);
}
.quickview-container .border-negative {
  border-color: var(--hmf-border-negative);
}
.quickview-container .border-warning {
  border-color: var(--hmf-border-warning);
}
.quickview-container .border-positive {
  border-color: var(--hmf-border-positive);
}
.quickview-container .border-scorecard-subtle {
  border-color: var(--hmf-border-scorecard-subtle);
}
.quickview-container .border-scorecard-gold {
  border-color: var(--hmf-border-scorecard-gold);
}
.quickview-container .border-scorecard-gold-subtle {
  border-color: var(--hmf-border-scorecard-gold-subtle);
}
.quickview-container :root {
  --hmf-auto: auto;
  --hmf-0: 0;
  --hmf-xxxs: 4px;
  --hmf-xxs: 8px;
  --hmf-xs: 12px;
  --hmf-s: 16px;
  --hmf-m: 24px;
  --hmf-l: 32px;
  --hmf-xl: 48px;
  --hmf-xxl: 72px;
  --hmf-xxxl: 96px;
  --hmf-xxxxl: 120px;
}
.quickview-container :root {
  --hmf-sharp-radius: 0px;
  --hmf-soft-radius: 8px;
  --hmf-round-radius: 80px;
}
.quickview-container :root {
  --hmf-subtle-shadow: 0px 2px 2px 0px rgb(26 26 26 / 0.08);
  --hmf-soft-shadow: 0px 4px 7px 1px rgb(25 31 28 / 0.15);
  --hmf-elevated-shadow: 0px 2px 8px -2px rgb(26 26 26 / 0.20);
  --hmf-elevated-up-shadow: 0px -2px 8px -2px rgb(26 26 26 / 0.20);
}
.quickview-container .hmf-display-outline-xxl {
  font-family: var(--font-display-outline) !important;
  font-size: var(--display-font-size-xxl) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-xxl) !important;
  line-height: var(--display-line-height-xxl) !important;
  text-transform: var(--display-text-transform) !important;
}
.quickview-container .hmf-display-outline-xl {
  font-family: var(--font-display-outline) !important;
  font-size: var(--display-font-size-xl) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-xl) !important;
  line-height: var(--display-line-height-xl) !important;
  text-transform: var(--display-text-transform) !important;
}
.quickview-container .hmf-display-outline-l {
  font-family: var(--font-display-outline) !important;
  font-size: var(--display-font-size-l) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-l) !important;
  line-height: var(--display-line-height-l) !important;
  text-transform: var(--display-text-transform) !important;
}
.quickview-container .hmf-display-outline-m {
  font-family: var(--font-display-outline) !important;
  font-size: var(--display-font-size-m) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-m) !important;
  line-height: var(--display-line-height-m) !important;
  text-transform: var(--display-text-transform) !important;
}
.quickview-container .hmf-display-outline-s {
  font-family: var(--font-display-outline) !important;
  font-size: var(--display-font-size-s) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-s) !important;
  line-height: var(--display-line-height-s) !important;
  text-transform: var(--display-text-transform) !important;
}
.quickview-container .hmf-display-outline-xs {
  font-family: var(--font-display-outline) !important;
  font-size: var(--display-font-size-xs) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-xs) !important;
  line-height: var(--display-line-height-xs) !important;
  text-transform: var(--display-text-transform) !important;
}
.quickview-container .hmf-display-xxl {
  font-family: var(--font-display) !important;
  font-size: var(--display-font-size-xxl) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-xxl) !important;
  line-height: var(--display-line-height-xxl) !important;
  text-transform: var(--display-text-transform) !important;
}
.quickview-container .hmf-display-xl {
  font-family: var(--font-display) !important;
  font-size: var(--display-font-size-xl) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-xl) !important;
  line-height: var(--display-line-height-xl) !important;
  text-transform: var(--display-text-transform) !important;
}
.quickview-container .hmf-display-l {
  font-family: var(--font-display) !important;
  font-size: var(--display-font-size-l) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-l) !important;
  line-height: var(--display-line-height-l) !important;
  text-transform: var(--display-text-transform) !important;
}
.quickview-container .hmf-display-m {
  font-family: var(--font-display) !important;
  font-size: var(--display-font-size-m) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-m) !important;
  line-height: var(--display-line-height-m) !important;
  text-transform: var(--display-text-transform) !important;
}
.quickview-container .hmf-display-s {
  font-family: var(--font-display) !important;
  font-size: var(--display-font-size-s) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-s) !important;
  line-height: var(--display-line-height-s) !important;
  text-transform: var(--display-text-transform) !important;
}
.quickview-container .hmf-display-xs {
  font-family: var(--font-display) !important;
  font-size: var(--display-font-size-xs) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-xs) !important;
  line-height: var(--display-line-height-xs) !important;
  text-transform: var(--display-text-transform) !important;
}
.quickview-container .hmf-header-xl {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-xl) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-xl) !important;
  text-transform: var(--header-text-transform) !important;
}
.quickview-container .hmf-header-l {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-l) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-l) !important;
  text-transform: var(--header-text-transform) !important;
}
.quickview-container .hmf-header-m {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-m) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-m) !important;
  text-transform: var(--header-text-transform) !important;
}
.quickview-container .hmf-header-s {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-s) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-s) !important;
  text-transform: var(--header-text-transform) !important;
}
.quickview-container .hmf-header-xs {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-xs) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-xs) !important;
  text-transform: var(--header-text-transform) !important;
}
.quickview-container .hmf-header-bold-xl {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-xl) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-xl) !important;
  text-transform: var(--header-text-transform) !important;
}
.quickview-container .hmf-header-bold-l {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-l) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-l) !important;
  text-transform: var(--header-text-transform) !important;
}
.quickview-container .hmf-header-bold-m {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-m) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-m) !important;
  text-transform: var(--header-text-transform) !important;
}
.quickview-container .hmf-header-bold-s {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-s) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-s) !important;
  text-transform: var(--header-text-transform) !important;
}
.quickview-container .hmf-header-bold-xs {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-xs) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-xs) !important;
  text-transform: var(--header-text-transform) !important;
}
.quickview-container .hmf-subheader-l {
  font-family: var(--font-primary) !important;
  font-size: var(--subhead-font-size-l) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--subhead-letter-spacing) !important;
  line-height: var(--subhead-line-height-l) !important;
}
.quickview-container .hmf-subheader-m {
  font-family: var(--font-primary) !important;
  font-size: var(--subhead-font-size-m) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--subhead-letter-spacing) !important;
  line-height: var(--subhead-line-height-m) !important;
}
.quickview-container .hmf-subheader-s {
  font-family: var(--font-primary) !important;
  font-size: var(--subhead-font-size-s) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--subhead-letter-spacing) !important;
  line-height: var(--subhead-line-height-s) !important;
}
.quickview-container .hmf-subheader-bold-l {
  font-family: var(--font-primary) !important;
  font-size: var(--subhead-font-size-l) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--subhead-letter-spacing) !important;
  line-height: var(--subhead-line-height-l) !important;
}
.quickview-container .hmf-subheader-bold-m {
  font-family: var(--font-primary) !important;
  font-size: var(--subhead-font-size-m) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--subhead-letter-spacing) !important;
  line-height: var(--subhead-line-height-m) !important;
}
.quickview-container .hmf-subheader-bold-s {
  font-family: var(--font-primary) !important;
  font-size: var(--subhead-font-size-s) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--subhead-letter-spacing) !important;
  line-height: var(--subhead-line-height-s) !important;
}
.quickview-container .hmf-label-l {
  font-family: var(--font-label) !important;
  font-size: var(--label-font-size-l) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--label-letter-spacing) !important;
  line-height: var(--label-line-height-l) !important;
  text-transform: var(--label-text-transform) !important;
}
.quickview-container .hmf-label-m {
  font-family: var(--font-label) !important;
  font-size: var(--label-font-size-m) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--label-letter-spacing) !important;
  line-height: var(--label-line-height-m) !important;
  text-transform: var(--label-text-transform) !important;
}
.quickview-container .hmf-label-s {
  font-family: var(--font-label) !important;
  font-size: var(--label-font-size-s) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--label-letter-spacing) !important;
  line-height: var(--label-line-height-s) !important;
  text-transform: var(--label-text-transform) !important;
}
.quickview-container .hmf-label-xs {
  font-family: var(--font-label) !important;
  font-size: var(--label-font-size-xs) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--label-letter-spacing) !important;
  line-height: var(--label-line-height-xs) !important;
  text-transform: var(--label-text-transform) !important;
}
.quickview-container .hmf-body-l {
  font-family: var(--font-primary) !important;
  font-size: var(--body-font-size-l) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--body-letter-spacing) !important;
  line-height: var(--body-line-height-l) !important;
  text-transform: none !important;
}
.quickview-container .hmf-body-m {
  font-family: var(--font-primary) !important;
  font-size: var(--body-font-size-m) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--body-letter-spacing) !important;
  line-height: var(--body-line-height-m) !important;
  text-transform: none !important;
}
.quickview-container .hmf-body-s {
  font-family: var(--font-primary) !important;
  font-size: var(--body-font-size-s) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--body-letter-spacing) !important;
  line-height: var(--body-line-height-s) !important;
  text-transform: none !important;
}
.quickview-container .hmf-body-bold-l {
  font-family: var(--font-primary) !important;
  font-size: var(--body-font-size-l) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--body-letter-spacing) !important;
  line-height: var(--body-line-height-l) !important;
}
.quickview-container .hmf-body-bold-m {
  font-family: var(--font-primary) !important;
  font-size: var(--body-font-size-m) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--body-letter-spacing) !important;
  line-height: var(--body-line-height-m) !important;
}
.quickview-container .hmf-body-bold-s {
  font-family: var(--font-primary) !important;
  font-size: var(--body-font-size-s) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--body-letter-spacing) !important;
  line-height: var(--body-line-height-s) !important;
}
.quickview-container .hmf-legal-s {
  font-family: var(--font-primary) !important;
  font-size: var(--legal-font-size-s) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--legal-letter-spacing) !important;
  line-height: var(--legal-line-height-s) !important;
}
.quickview-container .hmf-legal-xs {
  font-family: var(--font-primary) !important;
  font-size: var(--legal-font-size-xs) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--legal-letter-spacing) !important;
  line-height: var(--legal-line-height-xs) !important;
}
.quickview-container .hmf-text-decoration-dashed {
  text-decoration: dashed;
}
.quickview-container .hmf-text-decoration-dotted {
  text-decoration: dotted;
}
.quickview-container .hmf-text-decoration-double {
  text-decoration: double;
}
.quickview-container .hmf-text-decoration-linethrough {
  text-decoration: line-through;
}
.quickview-container .hmf-text-decoration-none {
  text-decoration: none;
}
.quickview-container .hmf-text-decoration-overline {
  text-decoration: overline;
}
.quickview-container .hmf-text-decoration-solid {
  text-decoration: solid;
}
.quickview-container .hmf-text-decoration-underline {
  text-decoration: underline;
}
.quickview-container .hmf-text-decoration-wavy {
  text-decoration: wavy;
}
.quickview-container .hmf-text-transform-capitalize {
  text-transform: capitalize;
}
.quickview-container .hmf-text-transform-lowercase {
  text-transform: lowercase;
}
.quickview-container .hmf-text-transform-uppercase {
  text-transform: uppercase;
}
.quickview-container .hmf-text-transform-none {
  text-transform: none;
}
.quickview-container .hmf-text-transform-inherit {
  text-transform: inherit;
}
.quickview-container .hmf-text-transform-initial {
  text-transform: initial;
}
.quickview-container .hmf-text-transform-unset {
  text-transform: unset;
}
.quickview-container .hmf-text-align-unset {
  text-align: unset;
}
.quickview-container .hmf-text-align-revert {
  text-align: revert;
}
.quickview-container .hmf-text-align-initial {
  text-align: initial;
}
.quickview-container .hmf-text-align-start {
  text-align: start;
}
.quickview-container .hmf-text-align-end {
  text-align: end;
}
.quickview-container .hmf-text-align-left {
  text-align: left;
}
.quickview-container .hmf-text-align-right {
  text-align: right;
}
.quickview-container .hmf-text-align-center {
  text-align: center;
}
.quickview-container .hmf-text-align-justify {
  text-align: justify;
}
.quickview-container .hmf-display-outline-xxl {
  font-family: var(--font-display-outline) !important;
  font-size: var(--display-font-size-xxl) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-xxl) !important;
  line-height: var(--display-line-height-xxl) !important;
  text-transform: var(--display-text-transform) !important;
}
.quickview-container .hmf-display-outline-xl {
  font-family: var(--font-display-outline) !important;
  font-size: var(--display-font-size-xl) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-xl) !important;
  line-height: var(--display-line-height-xl) !important;
  text-transform: var(--display-text-transform) !important;
}
.quickview-container .hmf-display-outline-l {
  font-family: var(--font-display-outline) !important;
  font-size: var(--display-font-size-l) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-l) !important;
  line-height: var(--display-line-height-l) !important;
  text-transform: var(--display-text-transform) !important;
}
.quickview-container .hmf-display-outline-m {
  font-family: var(--font-display-outline) !important;
  font-size: var(--display-font-size-m) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-m) !important;
  line-height: var(--display-line-height-m) !important;
  text-transform: var(--display-text-transform) !important;
}
.quickview-container .hmf-display-outline-s {
  font-family: var(--font-display-outline) !important;
  font-size: var(--display-font-size-s) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-s) !important;
  line-height: var(--display-line-height-s) !important;
  text-transform: var(--display-text-transform) !important;
}
.quickview-container .hmf-display-outline-xs {
  font-family: var(--font-display-outline) !important;
  font-size: var(--display-font-size-xs) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-xs) !important;
  line-height: var(--display-line-height-xs) !important;
  text-transform: var(--display-text-transform) !important;
}
.quickview-container .hmf-display-xxl {
  font-family: var(--font-display) !important;
  font-size: var(--display-font-size-xxl) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-xxl) !important;
  line-height: var(--display-line-height-xxl) !important;
  text-transform: var(--display-text-transform) !important;
}
.quickview-container .hmf-display-xl {
  font-family: var(--font-display) !important;
  font-size: var(--display-font-size-xl) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-xl) !important;
  line-height: var(--display-line-height-xl) !important;
  text-transform: var(--display-text-transform) !important;
}
.quickview-container .hmf-display-l {
  font-family: var(--font-display) !important;
  font-size: var(--display-font-size-l) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-l) !important;
  line-height: var(--display-line-height-l) !important;
  text-transform: var(--display-text-transform) !important;
}
.quickview-container .hmf-display-m {
  font-family: var(--font-display) !important;
  font-size: var(--display-font-size-m) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-m) !important;
  line-height: var(--display-line-height-m) !important;
  text-transform: var(--display-text-transform) !important;
}
.quickview-container .hmf-display-s {
  font-family: var(--font-display) !important;
  font-size: var(--display-font-size-s) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-s) !important;
  line-height: var(--display-line-height-s) !important;
  text-transform: var(--display-text-transform) !important;
}
.quickview-container .hmf-display-xs {
  font-family: var(--font-display) !important;
  font-size: var(--display-font-size-xs) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-xs) !important;
  line-height: var(--display-line-height-xs) !important;
  text-transform: var(--display-text-transform) !important;
}
.quickview-container .hmf-header-xl {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-xl) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-xl) !important;
  text-transform: var(--header-text-transform) !important;
}
.quickview-container .hmf-header-l {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-l) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-l) !important;
  text-transform: var(--header-text-transform) !important;
}
.quickview-container .hmf-header-m {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-m) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-m) !important;
  text-transform: var(--header-text-transform) !important;
}
.quickview-container .hmf-header-s {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-s) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-s) !important;
  text-transform: var(--header-text-transform) !important;
}
.quickview-container .hmf-header-xs {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-xs) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-xs) !important;
  text-transform: var(--header-text-transform) !important;
}
.quickview-container .hmf-header-bold-xl {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-xl) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-xl) !important;
  text-transform: var(--header-text-transform) !important;
}
.quickview-container .hmf-header-bold-l {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-l) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-l) !important;
  text-transform: var(--header-text-transform) !important;
}
.quickview-container .hmf-header-bold-m {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-m) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-m) !important;
  text-transform: var(--header-text-transform) !important;
}
.quickview-container .hmf-header-bold-s {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-s) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-s) !important;
  text-transform: var(--header-text-transform) !important;
}
.quickview-container .hmf-header-bold-xs {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-xs) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-xs) !important;
  text-transform: var(--header-text-transform) !important;
}
.quickview-container .hmf-subheader-l {
  font-family: var(--font-primary) !important;
  font-size: var(--subhead-font-size-l) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--subhead-letter-spacing) !important;
  line-height: var(--subhead-line-height-l) !important;
}
.quickview-container .hmf-subheader-m {
  font-family: var(--font-primary) !important;
  font-size: var(--subhead-font-size-m) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--subhead-letter-spacing) !important;
  line-height: var(--subhead-line-height-m) !important;
}
.quickview-container .hmf-subheader-s {
  font-family: var(--font-primary) !important;
  font-size: var(--subhead-font-size-s) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--subhead-letter-spacing) !important;
  line-height: var(--subhead-line-height-s) !important;
}
.quickview-container .hmf-subheader-bold-l {
  font-family: var(--font-primary) !important;
  font-size: var(--subhead-font-size-l) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--subhead-letter-spacing) !important;
  line-height: var(--subhead-line-height-l) !important;
}
.quickview-container .hmf-subheader-bold-m {
  font-family: var(--font-primary) !important;
  font-size: var(--subhead-font-size-m) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--subhead-letter-spacing) !important;
  line-height: var(--subhead-line-height-m) !important;
}
.quickview-container .hmf-subheader-bold-s {
  font-family: var(--font-primary) !important;
  font-size: var(--subhead-font-size-s) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--subhead-letter-spacing) !important;
  line-height: var(--subhead-line-height-s) !important;
}
.quickview-container .hmf-label-l {
  font-family: var(--font-label) !important;
  font-size: var(--label-font-size-l) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--label-letter-spacing) !important;
  line-height: var(--label-line-height-l) !important;
  text-transform: var(--label-text-transform) !important;
}
.quickview-container .hmf-label-m {
  font-family: var(--font-label) !important;
  font-size: var(--label-font-size-m) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--label-letter-spacing) !important;
  line-height: var(--label-line-height-m) !important;
  text-transform: var(--label-text-transform) !important;
}
.quickview-container .hmf-label-s {
  font-family: var(--font-label) !important;
  font-size: var(--label-font-size-s) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--label-letter-spacing) !important;
  line-height: var(--label-line-height-s) !important;
  text-transform: var(--label-text-transform) !important;
}
.quickview-container .hmf-label-xs {
  font-family: var(--font-label) !important;
  font-size: var(--label-font-size-xs) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--label-letter-spacing) !important;
  line-height: var(--label-line-height-xs) !important;
  text-transform: var(--label-text-transform) !important;
}
.quickview-container .hmf-body-l {
  font-family: var(--font-primary) !important;
  font-size: var(--body-font-size-l) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--body-letter-spacing) !important;
  line-height: var(--body-line-height-l) !important;
  text-transform: none !important;
}
.quickview-container .hmf-body-m {
  font-family: var(--font-primary) !important;
  font-size: var(--body-font-size-m) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--body-letter-spacing) !important;
  line-height: var(--body-line-height-m) !important;
  text-transform: none !important;
}
.quickview-container .hmf-body-s {
  font-family: var(--font-primary) !important;
  font-size: var(--body-font-size-s) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--body-letter-spacing) !important;
  line-height: var(--body-line-height-s) !important;
  text-transform: none !important;
}
.quickview-container .hmf-body-bold-l {
  font-family: var(--font-primary) !important;
  font-size: var(--body-font-size-l) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--body-letter-spacing) !important;
  line-height: var(--body-line-height-l) !important;
}
.quickview-container .hmf-body-bold-m {
  font-family: var(--font-primary) !important;
  font-size: var(--body-font-size-m) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--body-letter-spacing) !important;
  line-height: var(--body-line-height-m) !important;
}
.quickview-container .hmf-body-bold-s {
  font-family: var(--font-primary) !important;
  font-size: var(--body-font-size-s) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--body-letter-spacing) !important;
  line-height: var(--body-line-height-s) !important;
}
.quickview-container .hmf-legal-s {
  font-family: var(--font-primary) !important;
  font-size: var(--legal-font-size-s) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--legal-letter-spacing) !important;
  line-height: var(--legal-line-height-s) !important;
}
.quickview-container .hmf-legal-xs {
  font-family: var(--font-primary) !important;
  font-size: var(--legal-font-size-xs) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--legal-letter-spacing) !important;
  line-height: var(--legal-line-height-xs) !important;
}
.quickview-container .hmf-text-decoration-dashed {
  text-decoration: dashed;
}
.quickview-container .hmf-text-decoration-dotted {
  text-decoration: dotted;
}
.quickview-container .hmf-text-decoration-double {
  text-decoration: double;
}
.quickview-container .hmf-text-decoration-linethrough {
  text-decoration: line-through;
}
.quickview-container .hmf-text-decoration-none {
  text-decoration: none;
}
.quickview-container .hmf-text-decoration-overline {
  text-decoration: overline;
}
.quickview-container .hmf-text-decoration-solid {
  text-decoration: solid;
}
.quickview-container .hmf-text-decoration-underline {
  text-decoration: underline;
}
.quickview-container .hmf-text-decoration-wavy {
  text-decoration: wavy;
}
.quickview-container .hmf-text-transform-capitalize {
  text-transform: capitalize;
}
.quickview-container .hmf-text-transform-lowercase {
  text-transform: lowercase;
}
.quickview-container .hmf-text-transform-uppercase {
  text-transform: uppercase;
}
.quickview-container .hmf-text-transform-none {
  text-transform: none;
}
.quickview-container .hmf-text-transform-inherit {
  text-transform: inherit;
}
.quickview-container .hmf-text-transform-initial {
  text-transform: initial;
}
.quickview-container .hmf-text-transform-unset {
  text-transform: unset;
}
.quickview-container .hmf-text-align-unset {
  text-align: unset;
}
.quickview-container .hmf-text-align-revert {
  text-align: revert;
}
.quickview-container .hmf-text-align-initial {
  text-align: initial;
}
.quickview-container .hmf-text-align-start {
  text-align: start;
}
.quickview-container .hmf-text-align-end {
  text-align: end;
}
.quickview-container .hmf-text-align-left {
  text-align: left;
}
.quickview-container .hmf-text-align-right {
  text-align: right;
}
.quickview-container .hmf-text-align-center {
  text-align: center;
}
.quickview-container .hmf-text-align-justify {
  text-align: justify;
}
@media (min-width: 375px) {
  .quickview-container .hmf-display-outline-s-xxl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-s-xl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-s-l {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-s-m {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-s-s {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-s-xs {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-s-xxl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-s-xl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-s-l {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-s-m {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-s-s {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-s-xs {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-header-s-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-s-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-s-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-s-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-s-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-s-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-s-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-s-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-s-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-s-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-subheader-s-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .quickview-container .hmf-subheader-s-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .quickview-container .hmf-subheader-s-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .quickview-container .hmf-subheader-bold-s-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .quickview-container .hmf-subheader-bold-s-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .quickview-container .hmf-subheader-bold-s-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .quickview-container .hmf-label-s-l {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-l) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-label-s-m {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-m) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-label-s-s {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-s) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-label-s-xs {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-xs) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-body-s-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
    text-transform: none !important;
  }
  .quickview-container .hmf-body-s-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
    text-transform: none !important;
  }
  .quickview-container .hmf-body-s-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
    text-transform: none !important;
  }
  .quickview-container .hmf-body-bold-s-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
  }
  .quickview-container .hmf-body-bold-s-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
  }
  .quickview-container .hmf-body-bold-s-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
  }
  .quickview-container .hmf-legal-s-s {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-s) !important;
  }
  .quickview-container .hmf-legal-s-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-xs) !important;
  }
  .quickview-container .hmf-text-decoration-s-dashed {
    text-decoration: dashed;
  }
  .quickview-container .hmf-text-decoration-s-dotted {
    text-decoration: dotted;
  }
  .quickview-container .hmf-text-decoration-s-double {
    text-decoration: double;
  }
  .quickview-container .hmf-text-decoration-s-linethrough {
    text-decoration: line-through;
  }
  .quickview-container .hmf-text-decoration-s-none {
    text-decoration: none;
  }
  .quickview-container .hmf-text-decoration-s-overline {
    text-decoration: overline;
  }
  .quickview-container .hmf-text-decoration-s-solid {
    text-decoration: solid;
  }
  .quickview-container .hmf-text-decoration-s-underline {
    text-decoration: underline;
  }
  .quickview-container .hmf-text-decoration-s-wavy {
    text-decoration: wavy;
  }
  .quickview-container .hmf-text-transform-s-capitalize {
    text-transform: capitalize;
  }
  .quickview-container .hmf-text-transform-s-lowercase {
    text-transform: lowercase;
  }
  .quickview-container .hmf-text-transform-s-uppercase {
    text-transform: uppercase;
  }
  .quickview-container .hmf-text-transform-s-none {
    text-transform: none;
  }
  .quickview-container .hmf-text-transform-s-inherit {
    text-transform: inherit;
  }
  .quickview-container .hmf-text-transform-s-initial {
    text-transform: initial;
  }
  .quickview-container .hmf-text-transform-s-unset {
    text-transform: unset;
  }
  .quickview-container .hmf-text-align-s-unset {
    text-align: unset;
  }
  .quickview-container .hmf-text-align-s-revert {
    text-align: revert;
  }
  .quickview-container .hmf-text-align-s-initial {
    text-align: initial;
  }
  .quickview-container .hmf-text-align-s-start {
    text-align: start;
  }
  .quickview-container .hmf-text-align-s-end {
    text-align: end;
  }
  .quickview-container .hmf-text-align-s-left {
    text-align: left;
  }
  .quickview-container .hmf-text-align-s-right {
    text-align: right;
  }
  .quickview-container .hmf-text-align-s-center {
    text-align: center;
  }
  .quickview-container .hmf-text-align-s-justify {
    text-align: justify;
  }
}
@media (min-width: 375px) {
  .quickview-container .hmf-display-outline-xsm-xxl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-xsm-xl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-xsm-l {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-xsm-m {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-xsm-s {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-xsm-xs {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-xsm-xxl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-xsm-xl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-xsm-l {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-xsm-m {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-xsm-s {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-xsm-xs {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-header-xsm-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-xsm-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-xsm-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-xsm-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-xsm-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-xsm-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-xsm-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-xsm-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-xsm-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-xsm-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-subheader-xsm-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .quickview-container .hmf-subheader-xsm-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .quickview-container .hmf-subheader-xsm-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .quickview-container .hmf-subheader-bold-xsm-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .quickview-container .hmf-subheader-bold-xsm-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .quickview-container .hmf-subheader-bold-xsm-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .quickview-container .hmf-label-xsm-l {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-l) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-label-xsm-m {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-m) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-label-xsm-s {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-s) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-label-xsm-xs {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-xs) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-body-xsm-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
    text-transform: none !important;
  }
  .quickview-container .hmf-body-xsm-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
    text-transform: none !important;
  }
  .quickview-container .hmf-body-xsm-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
    text-transform: none !important;
  }
  .quickview-container .hmf-body-bold-xsm-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
  }
  .quickview-container .hmf-body-bold-xsm-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
  }
  .quickview-container .hmf-body-bold-xsm-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
  }
  .quickview-container .hmf-legal-xsm-s {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-s) !important;
  }
  .quickview-container .hmf-legal-xsm-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-xs) !important;
  }
  .quickview-container .hmf-text-decoration-xsm-dashed {
    text-decoration: dashed;
  }
  .quickview-container .hmf-text-decoration-xsm-dotted {
    text-decoration: dotted;
  }
  .quickview-container .hmf-text-decoration-xsm-double {
    text-decoration: double;
  }
  .quickview-container .hmf-text-decoration-xsm-linethrough {
    text-decoration: line-through;
  }
  .quickview-container .hmf-text-decoration-xsm-none {
    text-decoration: none;
  }
  .quickview-container .hmf-text-decoration-xsm-overline {
    text-decoration: overline;
  }
  .quickview-container .hmf-text-decoration-xsm-solid {
    text-decoration: solid;
  }
  .quickview-container .hmf-text-decoration-xsm-underline {
    text-decoration: underline;
  }
  .quickview-container .hmf-text-decoration-xsm-wavy {
    text-decoration: wavy;
  }
  .quickview-container .hmf-text-transform-xsm-capitalize {
    text-transform: capitalize;
  }
  .quickview-container .hmf-text-transform-xsm-lowercase {
    text-transform: lowercase;
  }
  .quickview-container .hmf-text-transform-xsm-uppercase {
    text-transform: uppercase;
  }
  .quickview-container .hmf-text-transform-xsm-none {
    text-transform: none;
  }
  .quickview-container .hmf-text-transform-xsm-inherit {
    text-transform: inherit;
  }
  .quickview-container .hmf-text-transform-xsm-initial {
    text-transform: initial;
  }
  .quickview-container .hmf-text-transform-xsm-unset {
    text-transform: unset;
  }
  .quickview-container .hmf-text-align-xsm-unset {
    text-align: unset;
  }
  .quickview-container .hmf-text-align-xsm-revert {
    text-align: revert;
  }
  .quickview-container .hmf-text-align-xsm-initial {
    text-align: initial;
  }
  .quickview-container .hmf-text-align-xsm-start {
    text-align: start;
  }
  .quickview-container .hmf-text-align-xsm-end {
    text-align: end;
  }
  .quickview-container .hmf-text-align-xsm-left {
    text-align: left;
  }
  .quickview-container .hmf-text-align-xsm-right {
    text-align: right;
  }
  .quickview-container .hmf-text-align-xsm-center {
    text-align: center;
  }
  .quickview-container .hmf-text-align-xsm-justify {
    text-align: justify;
  }
}
@media (min-width: 480px) {
  .quickview-container .hmf-display-outline-sm-xxl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-sm-xl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-sm-l {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-sm-m {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-sm-s {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-sm-xs {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-sm-xxl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-sm-xl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-sm-l {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-sm-m {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-sm-s {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-sm-xs {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-header-sm-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-sm-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-sm-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-sm-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-sm-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-sm-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-sm-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-sm-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-sm-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-sm-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-subheader-sm-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .quickview-container .hmf-subheader-sm-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .quickview-container .hmf-subheader-sm-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .quickview-container .hmf-subheader-bold-sm-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .quickview-container .hmf-subheader-bold-sm-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .quickview-container .hmf-subheader-bold-sm-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .quickview-container .hmf-label-sm-l {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-l) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-label-sm-m {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-m) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-label-sm-s {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-s) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-label-sm-xs {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-xs) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-body-sm-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
    text-transform: none !important;
  }
  .quickview-container .hmf-body-sm-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
    text-transform: none !important;
  }
  .quickview-container .hmf-body-sm-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
    text-transform: none !important;
  }
  .quickview-container .hmf-body-bold-sm-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
  }
  .quickview-container .hmf-body-bold-sm-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
  }
  .quickview-container .hmf-body-bold-sm-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
  }
  .quickview-container .hmf-legal-sm-s {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-s) !important;
  }
  .quickview-container .hmf-legal-sm-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-xs) !important;
  }
  .quickview-container .hmf-text-decoration-sm-dashed {
    text-decoration: dashed;
  }
  .quickview-container .hmf-text-decoration-sm-dotted {
    text-decoration: dotted;
  }
  .quickview-container .hmf-text-decoration-sm-double {
    text-decoration: double;
  }
  .quickview-container .hmf-text-decoration-sm-linethrough {
    text-decoration: line-through;
  }
  .quickview-container .hmf-text-decoration-sm-none {
    text-decoration: none;
  }
  .quickview-container .hmf-text-decoration-sm-overline {
    text-decoration: overline;
  }
  .quickview-container .hmf-text-decoration-sm-solid {
    text-decoration: solid;
  }
  .quickview-container .hmf-text-decoration-sm-underline {
    text-decoration: underline;
  }
  .quickview-container .hmf-text-decoration-sm-wavy {
    text-decoration: wavy;
  }
  .quickview-container .hmf-text-transform-sm-capitalize {
    text-transform: capitalize;
  }
  .quickview-container .hmf-text-transform-sm-lowercase {
    text-transform: lowercase;
  }
  .quickview-container .hmf-text-transform-sm-uppercase {
    text-transform: uppercase;
  }
  .quickview-container .hmf-text-transform-sm-none {
    text-transform: none;
  }
  .quickview-container .hmf-text-transform-sm-inherit {
    text-transform: inherit;
  }
  .quickview-container .hmf-text-transform-sm-initial {
    text-transform: initial;
  }
  .quickview-container .hmf-text-transform-sm-unset {
    text-transform: unset;
  }
  .quickview-container .hmf-text-align-sm-unset {
    text-align: unset;
  }
  .quickview-container .hmf-text-align-sm-revert {
    text-align: revert;
  }
  .quickview-container .hmf-text-align-sm-initial {
    text-align: initial;
  }
  .quickview-container .hmf-text-align-sm-start {
    text-align: start;
  }
  .quickview-container .hmf-text-align-sm-end {
    text-align: end;
  }
  .quickview-container .hmf-text-align-sm-left {
    text-align: left;
  }
  .quickview-container .hmf-text-align-sm-right {
    text-align: right;
  }
  .quickview-container .hmf-text-align-sm-center {
    text-align: center;
  }
  .quickview-container .hmf-text-align-sm-justify {
    text-align: justify;
  }
}
@media (min-width: 768px) {
  .quickview-container .hmf-display-outline-m-xxl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-m-xl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-m-l {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-m-m {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-m-s {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-m-xs {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-m-xxl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-m-xl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-m-l {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-m-m {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-m-s {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-m-xs {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-header-m-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-m-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-m-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-m-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-m-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-m-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-m-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-m-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-m-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-m-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-subheader-m-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .quickview-container .hmf-subheader-m-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .quickview-container .hmf-subheader-m-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .quickview-container .hmf-subheader-bold-m-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .quickview-container .hmf-subheader-bold-m-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .quickview-container .hmf-subheader-bold-m-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .quickview-container .hmf-label-m-l {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-l) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-label-m-m {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-m) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-label-m-s {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-s) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-label-m-xs {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-xs) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-body-m-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
    text-transform: none !important;
  }
  .quickview-container .hmf-body-m-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
    text-transform: none !important;
  }
  .quickview-container .hmf-body-m-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
    text-transform: none !important;
  }
  .quickview-container .hmf-body-bold-m-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
  }
  .quickview-container .hmf-body-bold-m-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
  }
  .quickview-container .hmf-body-bold-m-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
  }
  .quickview-container .hmf-legal-m-s {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-s) !important;
  }
  .quickview-container .hmf-legal-m-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-xs) !important;
  }
  .quickview-container .hmf-text-decoration-m-dashed {
    text-decoration: dashed;
  }
  .quickview-container .hmf-text-decoration-m-dotted {
    text-decoration: dotted;
  }
  .quickview-container .hmf-text-decoration-m-double {
    text-decoration: double;
  }
  .quickview-container .hmf-text-decoration-m-linethrough {
    text-decoration: line-through;
  }
  .quickview-container .hmf-text-decoration-m-none {
    text-decoration: none;
  }
  .quickview-container .hmf-text-decoration-m-overline {
    text-decoration: overline;
  }
  .quickview-container .hmf-text-decoration-m-solid {
    text-decoration: solid;
  }
  .quickview-container .hmf-text-decoration-m-underline {
    text-decoration: underline;
  }
  .quickview-container .hmf-text-decoration-m-wavy {
    text-decoration: wavy;
  }
  .quickview-container .hmf-text-transform-m-capitalize {
    text-transform: capitalize;
  }
  .quickview-container .hmf-text-transform-m-lowercase {
    text-transform: lowercase;
  }
  .quickview-container .hmf-text-transform-m-uppercase {
    text-transform: uppercase;
  }
  .quickview-container .hmf-text-transform-m-none {
    text-transform: none;
  }
  .quickview-container .hmf-text-transform-m-inherit {
    text-transform: inherit;
  }
  .quickview-container .hmf-text-transform-m-initial {
    text-transform: initial;
  }
  .quickview-container .hmf-text-transform-m-unset {
    text-transform: unset;
  }
  .quickview-container .hmf-text-align-m-unset {
    text-align: unset;
  }
  .quickview-container .hmf-text-align-m-revert {
    text-align: revert;
  }
  .quickview-container .hmf-text-align-m-initial {
    text-align: initial;
  }
  .quickview-container .hmf-text-align-m-start {
    text-align: start;
  }
  .quickview-container .hmf-text-align-m-end {
    text-align: end;
  }
  .quickview-container .hmf-text-align-m-left {
    text-align: left;
  }
  .quickview-container .hmf-text-align-m-right {
    text-align: right;
  }
  .quickview-container .hmf-text-align-m-center {
    text-align: center;
  }
  .quickview-container .hmf-text-align-m-justify {
    text-align: justify;
  }
}
@media (min-width: 768px) {
  .quickview-container .hmf-display-outline-md-xxl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-md-xl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-md-l {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-md-m {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-md-s {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-md-xs {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-md-xxl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-md-xl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-md-l {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-md-m {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-md-s {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-md-xs {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-header-md-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-md-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-md-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-md-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-md-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-md-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-md-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-md-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-md-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-md-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-subheader-md-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .quickview-container .hmf-subheader-md-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .quickview-container .hmf-subheader-md-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .quickview-container .hmf-subheader-bold-md-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .quickview-container .hmf-subheader-bold-md-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .quickview-container .hmf-subheader-bold-md-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .quickview-container .hmf-label-md-l {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-l) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-label-md-m {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-m) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-label-md-s {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-s) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-label-md-xs {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-xs) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-body-md-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
    text-transform: none !important;
  }
  .quickview-container .hmf-body-md-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
    text-transform: none !important;
  }
  .quickview-container .hmf-body-md-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
    text-transform: none !important;
  }
  .quickview-container .hmf-body-bold-md-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
  }
  .quickview-container .hmf-body-bold-md-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
  }
  .quickview-container .hmf-body-bold-md-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
  }
  .quickview-container .hmf-legal-md-s {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-s) !important;
  }
  .quickview-container .hmf-legal-md-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-xs) !important;
  }
  .quickview-container .hmf-text-decoration-md-dashed {
    text-decoration: dashed;
  }
  .quickview-container .hmf-text-decoration-md-dotted {
    text-decoration: dotted;
  }
  .quickview-container .hmf-text-decoration-md-double {
    text-decoration: double;
  }
  .quickview-container .hmf-text-decoration-md-linethrough {
    text-decoration: line-through;
  }
  .quickview-container .hmf-text-decoration-md-none {
    text-decoration: none;
  }
  .quickview-container .hmf-text-decoration-md-overline {
    text-decoration: overline;
  }
  .quickview-container .hmf-text-decoration-md-solid {
    text-decoration: solid;
  }
  .quickview-container .hmf-text-decoration-md-underline {
    text-decoration: underline;
  }
  .quickview-container .hmf-text-decoration-md-wavy {
    text-decoration: wavy;
  }
  .quickview-container .hmf-text-transform-md-capitalize {
    text-transform: capitalize;
  }
  .quickview-container .hmf-text-transform-md-lowercase {
    text-transform: lowercase;
  }
  .quickview-container .hmf-text-transform-md-uppercase {
    text-transform: uppercase;
  }
  .quickview-container .hmf-text-transform-md-none {
    text-transform: none;
  }
  .quickview-container .hmf-text-transform-md-inherit {
    text-transform: inherit;
  }
  .quickview-container .hmf-text-transform-md-initial {
    text-transform: initial;
  }
  .quickview-container .hmf-text-transform-md-unset {
    text-transform: unset;
  }
  .quickview-container .hmf-text-align-md-unset {
    text-align: unset;
  }
  .quickview-container .hmf-text-align-md-revert {
    text-align: revert;
  }
  .quickview-container .hmf-text-align-md-initial {
    text-align: initial;
  }
  .quickview-container .hmf-text-align-md-start {
    text-align: start;
  }
  .quickview-container .hmf-text-align-md-end {
    text-align: end;
  }
  .quickview-container .hmf-text-align-md-left {
    text-align: left;
  }
  .quickview-container .hmf-text-align-md-right {
    text-align: right;
  }
  .quickview-container .hmf-text-align-md-center {
    text-align: center;
  }
  .quickview-container .hmf-text-align-md-justify {
    text-align: justify;
  }
}
@media (min-width: 1024px) {
  .quickview-container .hmf-display-outline-lg-xxl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-lg-xl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-lg-l {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-lg-m {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-lg-s {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-lg-xs {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-lg-xxl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-lg-xl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-lg-l {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-lg-m {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-lg-s {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-lg-xs {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-header-lg-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-lg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-lg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-lg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-lg-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-lg-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-lg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-lg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-lg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-lg-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-subheader-lg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .quickview-container .hmf-subheader-lg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .quickview-container .hmf-subheader-lg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .quickview-container .hmf-subheader-bold-lg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .quickview-container .hmf-subheader-bold-lg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .quickview-container .hmf-subheader-bold-lg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .quickview-container .hmf-label-lg-l {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-l) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-label-lg-m {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-m) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-label-lg-s {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-s) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-label-lg-xs {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-xs) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-body-lg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
    text-transform: none !important;
  }
  .quickview-container .hmf-body-lg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
    text-transform: none !important;
  }
  .quickview-container .hmf-body-lg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
    text-transform: none !important;
  }
  .quickview-container .hmf-body-bold-lg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
  }
  .quickview-container .hmf-body-bold-lg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
  }
  .quickview-container .hmf-body-bold-lg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
  }
  .quickview-container .hmf-legal-lg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-s) !important;
  }
  .quickview-container .hmf-legal-lg-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-xs) !important;
  }
  .quickview-container .hmf-text-decoration-lg-dashed {
    text-decoration: dashed;
  }
  .quickview-container .hmf-text-decoration-lg-dotted {
    text-decoration: dotted;
  }
  .quickview-container .hmf-text-decoration-lg-double {
    text-decoration: double;
  }
  .quickview-container .hmf-text-decoration-lg-linethrough {
    text-decoration: line-through;
  }
  .quickview-container .hmf-text-decoration-lg-none {
    text-decoration: none;
  }
  .quickview-container .hmf-text-decoration-lg-overline {
    text-decoration: overline;
  }
  .quickview-container .hmf-text-decoration-lg-solid {
    text-decoration: solid;
  }
  .quickview-container .hmf-text-decoration-lg-underline {
    text-decoration: underline;
  }
  .quickview-container .hmf-text-decoration-lg-wavy {
    text-decoration: wavy;
  }
  .quickview-container .hmf-text-transform-lg-capitalize {
    text-transform: capitalize;
  }
  .quickview-container .hmf-text-transform-lg-lowercase {
    text-transform: lowercase;
  }
  .quickview-container .hmf-text-transform-lg-uppercase {
    text-transform: uppercase;
  }
  .quickview-container .hmf-text-transform-lg-none {
    text-transform: none;
  }
  .quickview-container .hmf-text-transform-lg-inherit {
    text-transform: inherit;
  }
  .quickview-container .hmf-text-transform-lg-initial {
    text-transform: initial;
  }
  .quickview-container .hmf-text-transform-lg-unset {
    text-transform: unset;
  }
  .quickview-container .hmf-text-align-lg-unset {
    text-align: unset;
  }
  .quickview-container .hmf-text-align-lg-revert {
    text-align: revert;
  }
  .quickview-container .hmf-text-align-lg-initial {
    text-align: initial;
  }
  .quickview-container .hmf-text-align-lg-start {
    text-align: start;
  }
  .quickview-container .hmf-text-align-lg-end {
    text-align: end;
  }
  .quickview-container .hmf-text-align-lg-left {
    text-align: left;
  }
  .quickview-container .hmf-text-align-lg-right {
    text-align: right;
  }
  .quickview-container .hmf-text-align-lg-center {
    text-align: center;
  }
  .quickview-container .hmf-text-align-lg-justify {
    text-align: justify;
  }
}
@media (min-width: 1280px) {
  .quickview-container .hmf-display-outline-l-xxl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-l-xl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-l-l {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-l-m {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-l-s {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-l-xs {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-l-xxl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-l-xl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-l-l {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-l-m {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-l-s {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-l-xs {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-header-l-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-l-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-l-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-l-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-l-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-l-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-l-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-l-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-l-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-l-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-subheader-l-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .quickview-container .hmf-subheader-l-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .quickview-container .hmf-subheader-l-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .quickview-container .hmf-subheader-bold-l-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .quickview-container .hmf-subheader-bold-l-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .quickview-container .hmf-subheader-bold-l-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .quickview-container .hmf-label-l-l {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-l) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-label-l-m {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-m) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-label-l-s {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-s) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-label-l-xs {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-xs) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-body-l-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
    text-transform: none !important;
  }
  .quickview-container .hmf-body-l-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
    text-transform: none !important;
  }
  .quickview-container .hmf-body-l-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
    text-transform: none !important;
  }
  .quickview-container .hmf-body-bold-l-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
  }
  .quickview-container .hmf-body-bold-l-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
  }
  .quickview-container .hmf-body-bold-l-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
  }
  .quickview-container .hmf-legal-l-s {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-s) !important;
  }
  .quickview-container .hmf-legal-l-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-xs) !important;
  }
  .quickview-container .hmf-text-decoration-l-dashed {
    text-decoration: dashed;
  }
  .quickview-container .hmf-text-decoration-l-dotted {
    text-decoration: dotted;
  }
  .quickview-container .hmf-text-decoration-l-double {
    text-decoration: double;
  }
  .quickview-container .hmf-text-decoration-l-linethrough {
    text-decoration: line-through;
  }
  .quickview-container .hmf-text-decoration-l-none {
    text-decoration: none;
  }
  .quickview-container .hmf-text-decoration-l-overline {
    text-decoration: overline;
  }
  .quickview-container .hmf-text-decoration-l-solid {
    text-decoration: solid;
  }
  .quickview-container .hmf-text-decoration-l-underline {
    text-decoration: underline;
  }
  .quickview-container .hmf-text-decoration-l-wavy {
    text-decoration: wavy;
  }
  .quickview-container .hmf-text-transform-l-capitalize {
    text-transform: capitalize;
  }
  .quickview-container .hmf-text-transform-l-lowercase {
    text-transform: lowercase;
  }
  .quickview-container .hmf-text-transform-l-uppercase {
    text-transform: uppercase;
  }
  .quickview-container .hmf-text-transform-l-none {
    text-transform: none;
  }
  .quickview-container .hmf-text-transform-l-inherit {
    text-transform: inherit;
  }
  .quickview-container .hmf-text-transform-l-initial {
    text-transform: initial;
  }
  .quickview-container .hmf-text-transform-l-unset {
    text-transform: unset;
  }
  .quickview-container .hmf-text-align-l-unset {
    text-align: unset;
  }
  .quickview-container .hmf-text-align-l-revert {
    text-align: revert;
  }
  .quickview-container .hmf-text-align-l-initial {
    text-align: initial;
  }
  .quickview-container .hmf-text-align-l-start {
    text-align: start;
  }
  .quickview-container .hmf-text-align-l-end {
    text-align: end;
  }
  .quickview-container .hmf-text-align-l-left {
    text-align: left;
  }
  .quickview-container .hmf-text-align-l-right {
    text-align: right;
  }
  .quickview-container .hmf-text-align-l-center {
    text-align: center;
  }
  .quickview-container .hmf-text-align-l-justify {
    text-align: justify;
  }
}
@media (min-width: 1280px) {
  .quickview-container .hmf-display-outline-xlg-xxl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-xlg-xl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-xlg-l {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-xlg-m {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-xlg-s {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-xlg-xs {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-xlg-xxl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-xlg-xl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-xlg-l {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-xlg-m {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-xlg-s {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-xlg-xs {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-header-xlg-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-xlg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-xlg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-xlg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-xlg-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-xlg-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-xlg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-xlg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-xlg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-xlg-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-subheader-xlg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .quickview-container .hmf-subheader-xlg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .quickview-container .hmf-subheader-xlg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .quickview-container .hmf-subheader-bold-xlg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .quickview-container .hmf-subheader-bold-xlg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .quickview-container .hmf-subheader-bold-xlg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .quickview-container .hmf-label-xlg-l {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-l) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-label-xlg-m {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-m) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-label-xlg-s {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-s) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-label-xlg-xs {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-xs) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-body-xlg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
    text-transform: none !important;
  }
  .quickview-container .hmf-body-xlg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
    text-transform: none !important;
  }
  .quickview-container .hmf-body-xlg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
    text-transform: none !important;
  }
  .quickview-container .hmf-body-bold-xlg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
  }
  .quickview-container .hmf-body-bold-xlg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
  }
  .quickview-container .hmf-body-bold-xlg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
  }
  .quickview-container .hmf-legal-xlg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-s) !important;
  }
  .quickview-container .hmf-legal-xlg-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-xs) !important;
  }
  .quickview-container .hmf-text-decoration-xlg-dashed {
    text-decoration: dashed;
  }
  .quickview-container .hmf-text-decoration-xlg-dotted {
    text-decoration: dotted;
  }
  .quickview-container .hmf-text-decoration-xlg-double {
    text-decoration: double;
  }
  .quickview-container .hmf-text-decoration-xlg-linethrough {
    text-decoration: line-through;
  }
  .quickview-container .hmf-text-decoration-xlg-none {
    text-decoration: none;
  }
  .quickview-container .hmf-text-decoration-xlg-overline {
    text-decoration: overline;
  }
  .quickview-container .hmf-text-decoration-xlg-solid {
    text-decoration: solid;
  }
  .quickview-container .hmf-text-decoration-xlg-underline {
    text-decoration: underline;
  }
  .quickview-container .hmf-text-decoration-xlg-wavy {
    text-decoration: wavy;
  }
  .quickview-container .hmf-text-transform-xlg-capitalize {
    text-transform: capitalize;
  }
  .quickview-container .hmf-text-transform-xlg-lowercase {
    text-transform: lowercase;
  }
  .quickview-container .hmf-text-transform-xlg-uppercase {
    text-transform: uppercase;
  }
  .quickview-container .hmf-text-transform-xlg-none {
    text-transform: none;
  }
  .quickview-container .hmf-text-transform-xlg-inherit {
    text-transform: inherit;
  }
  .quickview-container .hmf-text-transform-xlg-initial {
    text-transform: initial;
  }
  .quickview-container .hmf-text-transform-xlg-unset {
    text-transform: unset;
  }
  .quickview-container .hmf-text-align-xlg-unset {
    text-align: unset;
  }
  .quickview-container .hmf-text-align-xlg-revert {
    text-align: revert;
  }
  .quickview-container .hmf-text-align-xlg-initial {
    text-align: initial;
  }
  .quickview-container .hmf-text-align-xlg-start {
    text-align: start;
  }
  .quickview-container .hmf-text-align-xlg-end {
    text-align: end;
  }
  .quickview-container .hmf-text-align-xlg-left {
    text-align: left;
  }
  .quickview-container .hmf-text-align-xlg-right {
    text-align: right;
  }
  .quickview-container .hmf-text-align-xlg-center {
    text-align: center;
  }
  .quickview-container .hmf-text-align-xlg-justify {
    text-align: justify;
  }
}
@media (min-width: 1440px) {
  .quickview-container .hmf-display-outline-xl-xxl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-xl-xl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-xl-l {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-xl-m {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-xl-s {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-xl-xs {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-xl-xxl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-xl-xl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-xl-l {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-xl-m {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-xl-s {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-xl-xs {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-header-xl-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-xl-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-xl-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-xl-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-xl-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-xl-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-xl-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-xl-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-xl-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-xl-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-subheader-xl-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .quickview-container .hmf-subheader-xl-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .quickview-container .hmf-subheader-xl-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .quickview-container .hmf-subheader-bold-xl-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .quickview-container .hmf-subheader-bold-xl-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .quickview-container .hmf-subheader-bold-xl-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .quickview-container .hmf-label-xl-l {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-l) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-label-xl-m {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-m) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-label-xl-s {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-s) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-label-xl-xs {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-xs) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-body-xl-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
    text-transform: none !important;
  }
  .quickview-container .hmf-body-xl-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
    text-transform: none !important;
  }
  .quickview-container .hmf-body-xl-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
    text-transform: none !important;
  }
  .quickview-container .hmf-body-bold-xl-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
  }
  .quickview-container .hmf-body-bold-xl-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
  }
  .quickview-container .hmf-body-bold-xl-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
  }
  .quickview-container .hmf-legal-xl-s {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-s) !important;
  }
  .quickview-container .hmf-legal-xl-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-xs) !important;
  }
  .quickview-container .hmf-text-decoration-xl-dashed {
    text-decoration: dashed;
  }
  .quickview-container .hmf-text-decoration-xl-dotted {
    text-decoration: dotted;
  }
  .quickview-container .hmf-text-decoration-xl-double {
    text-decoration: double;
  }
  .quickview-container .hmf-text-decoration-xl-linethrough {
    text-decoration: line-through;
  }
  .quickview-container .hmf-text-decoration-xl-none {
    text-decoration: none;
  }
  .quickview-container .hmf-text-decoration-xl-overline {
    text-decoration: overline;
  }
  .quickview-container .hmf-text-decoration-xl-solid {
    text-decoration: solid;
  }
  .quickview-container .hmf-text-decoration-xl-underline {
    text-decoration: underline;
  }
  .quickview-container .hmf-text-decoration-xl-wavy {
    text-decoration: wavy;
  }
  .quickview-container .hmf-text-transform-xl-capitalize {
    text-transform: capitalize;
  }
  .quickview-container .hmf-text-transform-xl-lowercase {
    text-transform: lowercase;
  }
  .quickview-container .hmf-text-transform-xl-uppercase {
    text-transform: uppercase;
  }
  .quickview-container .hmf-text-transform-xl-none {
    text-transform: none;
  }
  .quickview-container .hmf-text-transform-xl-inherit {
    text-transform: inherit;
  }
  .quickview-container .hmf-text-transform-xl-initial {
    text-transform: initial;
  }
  .quickview-container .hmf-text-transform-xl-unset {
    text-transform: unset;
  }
  .quickview-container .hmf-text-align-xl-unset {
    text-align: unset;
  }
  .quickview-container .hmf-text-align-xl-revert {
    text-align: revert;
  }
  .quickview-container .hmf-text-align-xl-initial {
    text-align: initial;
  }
  .quickview-container .hmf-text-align-xl-start {
    text-align: start;
  }
  .quickview-container .hmf-text-align-xl-end {
    text-align: end;
  }
  .quickview-container .hmf-text-align-xl-left {
    text-align: left;
  }
  .quickview-container .hmf-text-align-xl-right {
    text-align: right;
  }
  .quickview-container .hmf-text-align-xl-center {
    text-align: center;
  }
  .quickview-container .hmf-text-align-xl-justify {
    text-align: justify;
  }
}
@media (min-width: 1440px) {
  .quickview-container .hmf-display-outline-xxlg-xxl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-xxlg-xl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-xxlg-l {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-xxlg-m {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-xxlg-s {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-xxlg-xs {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-xxlg-xxl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-xxlg-xl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-xxlg-l {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-xxlg-m {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-xxlg-s {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-xxlg-xs {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-header-xxlg-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-xxlg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-xxlg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-xxlg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-xxlg-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-xxlg-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-xxlg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-xxlg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-xxlg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-xxlg-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-subheader-xxlg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .quickview-container .hmf-subheader-xxlg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .quickview-container .hmf-subheader-xxlg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .quickview-container .hmf-subheader-bold-xxlg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .quickview-container .hmf-subheader-bold-xxlg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .quickview-container .hmf-subheader-bold-xxlg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .quickview-container .hmf-label-xxlg-l {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-l) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-label-xxlg-m {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-m) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-label-xxlg-s {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-s) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-label-xxlg-xs {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-xs) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-body-xxlg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
    text-transform: none !important;
  }
  .quickview-container .hmf-body-xxlg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
    text-transform: none !important;
  }
  .quickview-container .hmf-body-xxlg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
    text-transform: none !important;
  }
  .quickview-container .hmf-body-bold-xxlg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
  }
  .quickview-container .hmf-body-bold-xxlg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
  }
  .quickview-container .hmf-body-bold-xxlg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
  }
  .quickview-container .hmf-legal-xxlg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-s) !important;
  }
  .quickview-container .hmf-legal-xxlg-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-xs) !important;
  }
  .quickview-container .hmf-text-decoration-xxlg-dashed {
    text-decoration: dashed;
  }
  .quickview-container .hmf-text-decoration-xxlg-dotted {
    text-decoration: dotted;
  }
  .quickview-container .hmf-text-decoration-xxlg-double {
    text-decoration: double;
  }
  .quickview-container .hmf-text-decoration-xxlg-linethrough {
    text-decoration: line-through;
  }
  .quickview-container .hmf-text-decoration-xxlg-none {
    text-decoration: none;
  }
  .quickview-container .hmf-text-decoration-xxlg-overline {
    text-decoration: overline;
  }
  .quickview-container .hmf-text-decoration-xxlg-solid {
    text-decoration: solid;
  }
  .quickview-container .hmf-text-decoration-xxlg-underline {
    text-decoration: underline;
  }
  .quickview-container .hmf-text-decoration-xxlg-wavy {
    text-decoration: wavy;
  }
  .quickview-container .hmf-text-transform-xxlg-capitalize {
    text-transform: capitalize;
  }
  .quickview-container .hmf-text-transform-xxlg-lowercase {
    text-transform: lowercase;
  }
  .quickview-container .hmf-text-transform-xxlg-uppercase {
    text-transform: uppercase;
  }
  .quickview-container .hmf-text-transform-xxlg-none {
    text-transform: none;
  }
  .quickview-container .hmf-text-transform-xxlg-inherit {
    text-transform: inherit;
  }
  .quickview-container .hmf-text-transform-xxlg-initial {
    text-transform: initial;
  }
  .quickview-container .hmf-text-transform-xxlg-unset {
    text-transform: unset;
  }
  .quickview-container .hmf-text-align-xxlg-unset {
    text-align: unset;
  }
  .quickview-container .hmf-text-align-xxlg-revert {
    text-align: revert;
  }
  .quickview-container .hmf-text-align-xxlg-initial {
    text-align: initial;
  }
  .quickview-container .hmf-text-align-xxlg-start {
    text-align: start;
  }
  .quickview-container .hmf-text-align-xxlg-end {
    text-align: end;
  }
  .quickview-container .hmf-text-align-xxlg-left {
    text-align: left;
  }
  .quickview-container .hmf-text-align-xxlg-right {
    text-align: right;
  }
  .quickview-container .hmf-text-align-xxlg-center {
    text-align: center;
  }
  .quickview-container .hmf-text-align-xxlg-justify {
    text-align: justify;
  }
}
.quickview-container :root {
  font-size: 10px;
  font-style: normal;
}
.quickview-container :root {
  --hmf-fast: 0.2s;
  --hmf-medium: 0.4s;
  --hmf-slow: 0.6s;
  --hmf-linear-slow: var(--hmf-slow) linear;
  --hmf-linear-medium: var(--hmf-medium) linear;
  --hmf-linear-fast: var(--hmf-fast) linear;
  --hmf-ease-slow: var(--hmf-slow) ease;
  --hmf-ease-medium: var(--hmf-medium) ease;
  --hmf-ease-fast: var(--hmf-fast) ease;
  --hmf-ease-in-out-slow: var(--hmf-slow) ease-in-out;
  --hmf-ease-in-out-fast: var(--hmf-fast) ease-in-out;
  --hmf-ease-in-slow: var(--hmf-slow) ease-in;
  --hmf-ease-in-medium: var(--hmf-medium) ease-in;
  --hmf-ease-in-fast: var(--hmf-fast) ease-in;
  --hmf-ease-out-slow: var(--hmf-slow) ease-out;
  --hmf-ease-out-medium: var(--hmf-medium) ease-out;
  --hmf-ease-out-fast: var(--hmf-fast) ease-out;
}
.quickview-container .hmf-col {
  box-sizing: border-box;
  padding-left: 12px;
  padding-right: 12px;
  padding-left: 12px;
  padding-right: 12px;
}
@media (min-width: 375px) {
  .quickview-container .hmf-col {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 375px) {
  .quickview-container .hmf-col {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 480px) {
  .quickview-container .hmf-col {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 768px) {
  .quickview-container .hmf-col {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 768px) {
  .quickview-container .hmf-col {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 1024px) {
  .quickview-container .hmf-col {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 1280px) {
  .quickview-container .hmf-col {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 1280px) {
  .quickview-container .hmf-col {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 1440px) {
  .quickview-container .hmf-col {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 1440px) {
  .quickview-container .hmf-col {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.quickview-container .hmf-grid {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
}
.quickview-container .hmf-grid > hr {
  border: 0 !important;
  content: "" !important;
  font-size: 0 !important;
  height: 0 !important;
  width: 100% !important;
}
.quickview-container .hmf-span-0 {
  width: 0%;
}
.quickview-container .hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}
.quickview-container .hmf-span-xs-0 {
  width: 0% !important;
}
.quickview-container .hmf-offset-xs-0 {
  margin-left: 0% !important;
  margin-right: 0% !important;
}
.quickview-container .hmf-span-1 {
  width: 8.3333333333%;
}
.quickview-container .hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}
.quickview-container .hmf-span-xs-1 {
  width: 8.3333333333% !important;
}
.quickview-container .hmf-offset-xs-1 {
  margin-left: 8.3333333333% !important;
  margin-right: 8.3333333333% !important;
}
.quickview-container .hmf-span-2 {
  width: 16.6666666667%;
}
.quickview-container .hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}
.quickview-container .hmf-span-xs-2 {
  width: 16.6666666667% !important;
}
.quickview-container .hmf-offset-xs-2 {
  margin-left: 16.6666666667% !important;
  margin-right: 16.6666666667% !important;
}
.quickview-container .hmf-span-3 {
  width: 25%;
}
.quickview-container .hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}
.quickview-container .hmf-span-xs-3 {
  width: 25% !important;
}
.quickview-container .hmf-offset-xs-3 {
  margin-left: 25% !important;
  margin-right: 25% !important;
}
.quickview-container .hmf-span-4 {
  width: 33.3333333333%;
}
.quickview-container .hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}
.quickview-container .hmf-span-xs-4 {
  width: 33.3333333333% !important;
}
.quickview-container .hmf-offset-xs-4 {
  margin-left: 33.3333333333% !important;
  margin-right: 33.3333333333% !important;
}
.quickview-container .hmf-span-5 {
  width: 41.6666666667%;
}
.quickview-container .hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}
.quickview-container .hmf-span-xs-5 {
  width: 41.6666666667% !important;
}
.quickview-container .hmf-offset-xs-5 {
  margin-left: 41.6666666667% !important;
  margin-right: 41.6666666667% !important;
}
.quickview-container .hmf-span-6 {
  width: 50%;
}
.quickview-container .hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}
.quickview-container .hmf-span-xs-6 {
  width: 50% !important;
}
.quickview-container .hmf-offset-xs-6 {
  margin-left: 50% !important;
  margin-right: 50% !important;
}
.quickview-container .hmf-span-7 {
  width: 58.3333333333%;
}
.quickview-container .hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}
.quickview-container .hmf-span-xs-7 {
  width: 58.3333333333% !important;
}
.quickview-container .hmf-offset-xs-7 {
  margin-left: 58.3333333333% !important;
  margin-right: 58.3333333333% !important;
}
.quickview-container .hmf-span-8 {
  width: 66.6666666667%;
}
.quickview-container .hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}
.quickview-container .hmf-span-xs-8 {
  width: 66.6666666667% !important;
}
.quickview-container .hmf-offset-xs-8 {
  margin-left: 66.6666666667% !important;
  margin-right: 66.6666666667% !important;
}
.quickview-container .hmf-span-9 {
  width: 75%;
}
.quickview-container .hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}
.quickview-container .hmf-span-xs-9 {
  width: 75% !important;
}
.quickview-container .hmf-offset-xs-9 {
  margin-left: 75% !important;
  margin-right: 75% !important;
}
.quickview-container .hmf-span-10 {
  width: 83.3333333333%;
}
.quickview-container .hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}
.quickview-container .hmf-span-xs-10 {
  width: 83.3333333333% !important;
}
.quickview-container .hmf-offset-xs-10 {
  margin-left: 83.3333333333% !important;
  margin-right: 83.3333333333% !important;
}
.quickview-container .hmf-span-11 {
  width: 91.6666666667%;
}
.quickview-container .hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}
.quickview-container .hmf-span-xs-11 {
  width: 91.6666666667% !important;
}
.quickview-container .hmf-offset-xs-11 {
  margin-left: 91.6666666667% !important;
  margin-right: 91.6666666667% !important;
}
.quickview-container .hmf-span-12 {
  width: 100%;
}
.quickview-container .hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}
.quickview-container .hmf-span-xs-12 {
  width: 100% !important;
}
.quickview-container .hmf-offset-xs-12 {
  margin-left: 100% !important;
  margin-right: 100% !important;
}
.quickview-container .hmf-span-0 {
  width: 0%;
}
.quickview-container .hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}
.quickview-container .hmf-span-xxsm-0 {
  width: 0% !important;
}
.quickview-container .hmf-offset-xxsm-0 {
  margin-left: 0% !important;
  margin-right: 0% !important;
}
.quickview-container .hmf-span-1 {
  width: 8.3333333333%;
}
.quickview-container .hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}
.quickview-container .hmf-span-xxsm-1 {
  width: 8.3333333333% !important;
}
.quickview-container .hmf-offset-xxsm-1 {
  margin-left: 8.3333333333% !important;
  margin-right: 8.3333333333% !important;
}
.quickview-container .hmf-span-2 {
  width: 16.6666666667%;
}
.quickview-container .hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}
.quickview-container .hmf-span-xxsm-2 {
  width: 16.6666666667% !important;
}
.quickview-container .hmf-offset-xxsm-2 {
  margin-left: 16.6666666667% !important;
  margin-right: 16.6666666667% !important;
}
.quickview-container .hmf-span-3 {
  width: 25%;
}
.quickview-container .hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}
.quickview-container .hmf-span-xxsm-3 {
  width: 25% !important;
}
.quickview-container .hmf-offset-xxsm-3 {
  margin-left: 25% !important;
  margin-right: 25% !important;
}
.quickview-container .hmf-span-4 {
  width: 33.3333333333%;
}
.quickview-container .hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}
.quickview-container .hmf-span-xxsm-4 {
  width: 33.3333333333% !important;
}
.quickview-container .hmf-offset-xxsm-4 {
  margin-left: 33.3333333333% !important;
  margin-right: 33.3333333333% !important;
}
.quickview-container .hmf-span-5 {
  width: 41.6666666667%;
}
.quickview-container .hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}
.quickview-container .hmf-span-xxsm-5 {
  width: 41.6666666667% !important;
}
.quickview-container .hmf-offset-xxsm-5 {
  margin-left: 41.6666666667% !important;
  margin-right: 41.6666666667% !important;
}
.quickview-container .hmf-span-6 {
  width: 50%;
}
.quickview-container .hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}
.quickview-container .hmf-span-xxsm-6 {
  width: 50% !important;
}
.quickview-container .hmf-offset-xxsm-6 {
  margin-left: 50% !important;
  margin-right: 50% !important;
}
.quickview-container .hmf-span-7 {
  width: 58.3333333333%;
}
.quickview-container .hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}
.quickview-container .hmf-span-xxsm-7 {
  width: 58.3333333333% !important;
}
.quickview-container .hmf-offset-xxsm-7 {
  margin-left: 58.3333333333% !important;
  margin-right: 58.3333333333% !important;
}
.quickview-container .hmf-span-8 {
  width: 66.6666666667%;
}
.quickview-container .hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}
.quickview-container .hmf-span-xxsm-8 {
  width: 66.6666666667% !important;
}
.quickview-container .hmf-offset-xxsm-8 {
  margin-left: 66.6666666667% !important;
  margin-right: 66.6666666667% !important;
}
.quickview-container .hmf-span-9 {
  width: 75%;
}
.quickview-container .hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}
.quickview-container .hmf-span-xxsm-9 {
  width: 75% !important;
}
.quickview-container .hmf-offset-xxsm-9 {
  margin-left: 75% !important;
  margin-right: 75% !important;
}
.quickview-container .hmf-span-10 {
  width: 83.3333333333%;
}
.quickview-container .hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}
.quickview-container .hmf-span-xxsm-10 {
  width: 83.3333333333% !important;
}
.quickview-container .hmf-offset-xxsm-10 {
  margin-left: 83.3333333333% !important;
  margin-right: 83.3333333333% !important;
}
.quickview-container .hmf-span-11 {
  width: 91.6666666667%;
}
.quickview-container .hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}
.quickview-container .hmf-span-xxsm-11 {
  width: 91.6666666667% !important;
}
.quickview-container .hmf-offset-xxsm-11 {
  margin-left: 91.6666666667% !important;
  margin-right: 91.6666666667% !important;
}
.quickview-container .hmf-span-12 {
  width: 100%;
}
.quickview-container .hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}
.quickview-container .hmf-span-xxsm-12 {
  width: 100% !important;
}
.quickview-container .hmf-offset-xxsm-12 {
  margin-left: 100% !important;
  margin-right: 100% !important;
}
.quickview-container .hmf-span-0 {
  width: 0%;
}
.quickview-container .hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-s-0 {
    width: 0% !important;
  }
  .quickview-container .hmf-offset-s-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.quickview-container .hmf-span-1 {
  width: 8.3333333333%;
}
.quickview-container .hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-s-1 {
    width: 8.3333333333% !important;
  }
  .quickview-container .hmf-offset-s-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.quickview-container .hmf-span-2 {
  width: 16.6666666667%;
}
.quickview-container .hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-s-2 {
    width: 16.6666666667% !important;
  }
  .quickview-container .hmf-offset-s-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.quickview-container .hmf-span-3 {
  width: 25%;
}
.quickview-container .hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-s-3 {
    width: 25% !important;
  }
  .quickview-container .hmf-offset-s-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.quickview-container .hmf-span-4 {
  width: 33.3333333333%;
}
.quickview-container .hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-s-4 {
    width: 33.3333333333% !important;
  }
  .quickview-container .hmf-offset-s-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.quickview-container .hmf-span-5 {
  width: 41.6666666667%;
}
.quickview-container .hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-s-5 {
    width: 41.6666666667% !important;
  }
  .quickview-container .hmf-offset-s-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.quickview-container .hmf-span-6 {
  width: 50%;
}
.quickview-container .hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-s-6 {
    width: 50% !important;
  }
  .quickview-container .hmf-offset-s-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.quickview-container .hmf-span-7 {
  width: 58.3333333333%;
}
.quickview-container .hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-s-7 {
    width: 58.3333333333% !important;
  }
  .quickview-container .hmf-offset-s-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.quickview-container .hmf-span-8 {
  width: 66.6666666667%;
}
.quickview-container .hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-s-8 {
    width: 66.6666666667% !important;
  }
  .quickview-container .hmf-offset-s-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.quickview-container .hmf-span-9 {
  width: 75%;
}
.quickview-container .hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-s-9 {
    width: 75% !important;
  }
  .quickview-container .hmf-offset-s-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.quickview-container .hmf-span-10 {
  width: 83.3333333333%;
}
.quickview-container .hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-s-10 {
    width: 83.3333333333% !important;
  }
  .quickview-container .hmf-offset-s-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.quickview-container .hmf-span-11 {
  width: 91.6666666667%;
}
.quickview-container .hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-s-11 {
    width: 91.6666666667% !important;
  }
  .quickview-container .hmf-offset-s-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.quickview-container .hmf-span-12 {
  width: 100%;
}
.quickview-container .hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-s-12 {
    width: 100% !important;
  }
  .quickview-container .hmf-offset-s-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.quickview-container .hmf-span-0 {
  width: 0%;
}
.quickview-container .hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-xsm-0 {
    width: 0% !important;
  }
  .quickview-container .hmf-offset-xsm-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.quickview-container .hmf-span-1 {
  width: 8.3333333333%;
}
.quickview-container .hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-xsm-1 {
    width: 8.3333333333% !important;
  }
  .quickview-container .hmf-offset-xsm-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.quickview-container .hmf-span-2 {
  width: 16.6666666667%;
}
.quickview-container .hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-xsm-2 {
    width: 16.6666666667% !important;
  }
  .quickview-container .hmf-offset-xsm-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.quickview-container .hmf-span-3 {
  width: 25%;
}
.quickview-container .hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-xsm-3 {
    width: 25% !important;
  }
  .quickview-container .hmf-offset-xsm-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.quickview-container .hmf-span-4 {
  width: 33.3333333333%;
}
.quickview-container .hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-xsm-4 {
    width: 33.3333333333% !important;
  }
  .quickview-container .hmf-offset-xsm-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.quickview-container .hmf-span-5 {
  width: 41.6666666667%;
}
.quickview-container .hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-xsm-5 {
    width: 41.6666666667% !important;
  }
  .quickview-container .hmf-offset-xsm-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.quickview-container .hmf-span-6 {
  width: 50%;
}
.quickview-container .hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-xsm-6 {
    width: 50% !important;
  }
  .quickview-container .hmf-offset-xsm-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.quickview-container .hmf-span-7 {
  width: 58.3333333333%;
}
.quickview-container .hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-xsm-7 {
    width: 58.3333333333% !important;
  }
  .quickview-container .hmf-offset-xsm-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.quickview-container .hmf-span-8 {
  width: 66.6666666667%;
}
.quickview-container .hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-xsm-8 {
    width: 66.6666666667% !important;
  }
  .quickview-container .hmf-offset-xsm-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.quickview-container .hmf-span-9 {
  width: 75%;
}
.quickview-container .hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-xsm-9 {
    width: 75% !important;
  }
  .quickview-container .hmf-offset-xsm-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.quickview-container .hmf-span-10 {
  width: 83.3333333333%;
}
.quickview-container .hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-xsm-10 {
    width: 83.3333333333% !important;
  }
  .quickview-container .hmf-offset-xsm-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.quickview-container .hmf-span-11 {
  width: 91.6666666667%;
}
.quickview-container .hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-xsm-11 {
    width: 91.6666666667% !important;
  }
  .quickview-container .hmf-offset-xsm-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.quickview-container .hmf-span-12 {
  width: 100%;
}
.quickview-container .hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-xsm-12 {
    width: 100% !important;
  }
  .quickview-container .hmf-offset-xsm-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.quickview-container .hmf-span-0 {
  width: 0%;
}
.quickview-container .hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}
@media (min-width: 480px) {
  .quickview-container .hmf-span-sm-0 {
    width: 0% !important;
  }
  .quickview-container .hmf-offset-sm-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.quickview-container .hmf-span-1 {
  width: 8.3333333333%;
}
.quickview-container .hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}
@media (min-width: 480px) {
  .quickview-container .hmf-span-sm-1 {
    width: 8.3333333333% !important;
  }
  .quickview-container .hmf-offset-sm-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.quickview-container .hmf-span-2 {
  width: 16.6666666667%;
}
.quickview-container .hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}
@media (min-width: 480px) {
  .quickview-container .hmf-span-sm-2 {
    width: 16.6666666667% !important;
  }
  .quickview-container .hmf-offset-sm-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.quickview-container .hmf-span-3 {
  width: 25%;
}
.quickview-container .hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}
@media (min-width: 480px) {
  .quickview-container .hmf-span-sm-3 {
    width: 25% !important;
  }
  .quickview-container .hmf-offset-sm-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.quickview-container .hmf-span-4 {
  width: 33.3333333333%;
}
.quickview-container .hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}
@media (min-width: 480px) {
  .quickview-container .hmf-span-sm-4 {
    width: 33.3333333333% !important;
  }
  .quickview-container .hmf-offset-sm-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.quickview-container .hmf-span-5 {
  width: 41.6666666667%;
}
.quickview-container .hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}
@media (min-width: 480px) {
  .quickview-container .hmf-span-sm-5 {
    width: 41.6666666667% !important;
  }
  .quickview-container .hmf-offset-sm-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.quickview-container .hmf-span-6 {
  width: 50%;
}
.quickview-container .hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}
@media (min-width: 480px) {
  .quickview-container .hmf-span-sm-6 {
    width: 50% !important;
  }
  .quickview-container .hmf-offset-sm-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.quickview-container .hmf-span-7 {
  width: 58.3333333333%;
}
.quickview-container .hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}
@media (min-width: 480px) {
  .quickview-container .hmf-span-sm-7 {
    width: 58.3333333333% !important;
  }
  .quickview-container .hmf-offset-sm-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.quickview-container .hmf-span-8 {
  width: 66.6666666667%;
}
.quickview-container .hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}
@media (min-width: 480px) {
  .quickview-container .hmf-span-sm-8 {
    width: 66.6666666667% !important;
  }
  .quickview-container .hmf-offset-sm-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.quickview-container .hmf-span-9 {
  width: 75%;
}
.quickview-container .hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}
@media (min-width: 480px) {
  .quickview-container .hmf-span-sm-9 {
    width: 75% !important;
  }
  .quickview-container .hmf-offset-sm-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.quickview-container .hmf-span-10 {
  width: 83.3333333333%;
}
.quickview-container .hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}
@media (min-width: 480px) {
  .quickview-container .hmf-span-sm-10 {
    width: 83.3333333333% !important;
  }
  .quickview-container .hmf-offset-sm-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.quickview-container .hmf-span-11 {
  width: 91.6666666667%;
}
.quickview-container .hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}
@media (min-width: 480px) {
  .quickview-container .hmf-span-sm-11 {
    width: 91.6666666667% !important;
  }
  .quickview-container .hmf-offset-sm-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.quickview-container .hmf-span-12 {
  width: 100%;
}
.quickview-container .hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}
@media (min-width: 480px) {
  .quickview-container .hmf-span-sm-12 {
    width: 100% !important;
  }
  .quickview-container .hmf-offset-sm-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.quickview-container .hmf-span-0 {
  width: 0%;
}
.quickview-container .hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-m-0 {
    width: 0% !important;
  }
  .quickview-container .hmf-offset-m-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.quickview-container .hmf-span-1 {
  width: 8.3333333333%;
}
.quickview-container .hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-m-1 {
    width: 8.3333333333% !important;
  }
  .quickview-container .hmf-offset-m-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.quickview-container .hmf-span-2 {
  width: 16.6666666667%;
}
.quickview-container .hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-m-2 {
    width: 16.6666666667% !important;
  }
  .quickview-container .hmf-offset-m-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.quickview-container .hmf-span-3 {
  width: 25%;
}
.quickview-container .hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-m-3 {
    width: 25% !important;
  }
  .quickview-container .hmf-offset-m-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.quickview-container .hmf-span-4 {
  width: 33.3333333333%;
}
.quickview-container .hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-m-4 {
    width: 33.3333333333% !important;
  }
  .quickview-container .hmf-offset-m-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.quickview-container .hmf-span-5 {
  width: 41.6666666667%;
}
.quickview-container .hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-m-5 {
    width: 41.6666666667% !important;
  }
  .quickview-container .hmf-offset-m-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.quickview-container .hmf-span-6 {
  width: 50%;
}
.quickview-container .hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-m-6 {
    width: 50% !important;
  }
  .quickview-container .hmf-offset-m-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.quickview-container .hmf-span-7 {
  width: 58.3333333333%;
}
.quickview-container .hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-m-7 {
    width: 58.3333333333% !important;
  }
  .quickview-container .hmf-offset-m-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.quickview-container .hmf-span-8 {
  width: 66.6666666667%;
}
.quickview-container .hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-m-8 {
    width: 66.6666666667% !important;
  }
  .quickview-container .hmf-offset-m-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.quickview-container .hmf-span-9 {
  width: 75%;
}
.quickview-container .hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-m-9 {
    width: 75% !important;
  }
  .quickview-container .hmf-offset-m-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.quickview-container .hmf-span-10 {
  width: 83.3333333333%;
}
.quickview-container .hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-m-10 {
    width: 83.3333333333% !important;
  }
  .quickview-container .hmf-offset-m-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.quickview-container .hmf-span-11 {
  width: 91.6666666667%;
}
.quickview-container .hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-m-11 {
    width: 91.6666666667% !important;
  }
  .quickview-container .hmf-offset-m-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.quickview-container .hmf-span-12 {
  width: 100%;
}
.quickview-container .hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-m-12 {
    width: 100% !important;
  }
  .quickview-container .hmf-offset-m-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.quickview-container .hmf-span-0 {
  width: 0%;
}
.quickview-container .hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-md-0 {
    width: 0% !important;
  }
  .quickview-container .hmf-offset-md-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.quickview-container .hmf-span-1 {
  width: 8.3333333333%;
}
.quickview-container .hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-md-1 {
    width: 8.3333333333% !important;
  }
  .quickview-container .hmf-offset-md-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.quickview-container .hmf-span-2 {
  width: 16.6666666667%;
}
.quickview-container .hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-md-2 {
    width: 16.6666666667% !important;
  }
  .quickview-container .hmf-offset-md-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.quickview-container .hmf-span-3 {
  width: 25%;
}
.quickview-container .hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-md-3 {
    width: 25% !important;
  }
  .quickview-container .hmf-offset-md-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.quickview-container .hmf-span-4 {
  width: 33.3333333333%;
}
.quickview-container .hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-md-4 {
    width: 33.3333333333% !important;
  }
  .quickview-container .hmf-offset-md-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.quickview-container .hmf-span-5 {
  width: 41.6666666667%;
}
.quickview-container .hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-md-5 {
    width: 41.6666666667% !important;
  }
  .quickview-container .hmf-offset-md-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.quickview-container .hmf-span-6 {
  width: 50%;
}
.quickview-container .hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-md-6 {
    width: 50% !important;
  }
  .quickview-container .hmf-offset-md-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.quickview-container .hmf-span-7 {
  width: 58.3333333333%;
}
.quickview-container .hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-md-7 {
    width: 58.3333333333% !important;
  }
  .quickview-container .hmf-offset-md-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.quickview-container .hmf-span-8 {
  width: 66.6666666667%;
}
.quickview-container .hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-md-8 {
    width: 66.6666666667% !important;
  }
  .quickview-container .hmf-offset-md-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.quickview-container .hmf-span-9 {
  width: 75%;
}
.quickview-container .hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-md-9 {
    width: 75% !important;
  }
  .quickview-container .hmf-offset-md-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.quickview-container .hmf-span-10 {
  width: 83.3333333333%;
}
.quickview-container .hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-md-10 {
    width: 83.3333333333% !important;
  }
  .quickview-container .hmf-offset-md-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.quickview-container .hmf-span-11 {
  width: 91.6666666667%;
}
.quickview-container .hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-md-11 {
    width: 91.6666666667% !important;
  }
  .quickview-container .hmf-offset-md-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.quickview-container .hmf-span-12 {
  width: 100%;
}
.quickview-container .hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-md-12 {
    width: 100% !important;
  }
  .quickview-container .hmf-offset-md-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.quickview-container .hmf-span-0 {
  width: 0%;
}
.quickview-container .hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}
@media (min-width: 1024px) {
  .quickview-container .hmf-span-lg-0 {
    width: 0% !important;
  }
  .quickview-container .hmf-offset-lg-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.quickview-container .hmf-span-1 {
  width: 8.3333333333%;
}
.quickview-container .hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}
@media (min-width: 1024px) {
  .quickview-container .hmf-span-lg-1 {
    width: 8.3333333333% !important;
  }
  .quickview-container .hmf-offset-lg-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.quickview-container .hmf-span-2 {
  width: 16.6666666667%;
}
.quickview-container .hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}
@media (min-width: 1024px) {
  .quickview-container .hmf-span-lg-2 {
    width: 16.6666666667% !important;
  }
  .quickview-container .hmf-offset-lg-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.quickview-container .hmf-span-3 {
  width: 25%;
}
.quickview-container .hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}
@media (min-width: 1024px) {
  .quickview-container .hmf-span-lg-3 {
    width: 25% !important;
  }
  .quickview-container .hmf-offset-lg-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.quickview-container .hmf-span-4 {
  width: 33.3333333333%;
}
.quickview-container .hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}
@media (min-width: 1024px) {
  .quickview-container .hmf-span-lg-4 {
    width: 33.3333333333% !important;
  }
  .quickview-container .hmf-offset-lg-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.quickview-container .hmf-span-5 {
  width: 41.6666666667%;
}
.quickview-container .hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}
@media (min-width: 1024px) {
  .quickview-container .hmf-span-lg-5 {
    width: 41.6666666667% !important;
  }
  .quickview-container .hmf-offset-lg-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.quickview-container .hmf-span-6 {
  width: 50%;
}
.quickview-container .hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}
@media (min-width: 1024px) {
  .quickview-container .hmf-span-lg-6 {
    width: 50% !important;
  }
  .quickview-container .hmf-offset-lg-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.quickview-container .hmf-span-7 {
  width: 58.3333333333%;
}
.quickview-container .hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}
@media (min-width: 1024px) {
  .quickview-container .hmf-span-lg-7 {
    width: 58.3333333333% !important;
  }
  .quickview-container .hmf-offset-lg-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.quickview-container .hmf-span-8 {
  width: 66.6666666667%;
}
.quickview-container .hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}
@media (min-width: 1024px) {
  .quickview-container .hmf-span-lg-8 {
    width: 66.6666666667% !important;
  }
  .quickview-container .hmf-offset-lg-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.quickview-container .hmf-span-9 {
  width: 75%;
}
.quickview-container .hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}
@media (min-width: 1024px) {
  .quickview-container .hmf-span-lg-9 {
    width: 75% !important;
  }
  .quickview-container .hmf-offset-lg-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.quickview-container .hmf-span-10 {
  width: 83.3333333333%;
}
.quickview-container .hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}
@media (min-width: 1024px) {
  .quickview-container .hmf-span-lg-10 {
    width: 83.3333333333% !important;
  }
  .quickview-container .hmf-offset-lg-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.quickview-container .hmf-span-11 {
  width: 91.6666666667%;
}
.quickview-container .hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}
@media (min-width: 1024px) {
  .quickview-container .hmf-span-lg-11 {
    width: 91.6666666667% !important;
  }
  .quickview-container .hmf-offset-lg-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.quickview-container .hmf-span-12 {
  width: 100%;
}
.quickview-container .hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}
@media (min-width: 1024px) {
  .quickview-container .hmf-span-lg-12 {
    width: 100% !important;
  }
  .quickview-container .hmf-offset-lg-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.quickview-container .hmf-span-0 {
  width: 0%;
}
.quickview-container .hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-l-0 {
    width: 0% !important;
  }
  .quickview-container .hmf-offset-l-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.quickview-container .hmf-span-1 {
  width: 8.3333333333%;
}
.quickview-container .hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-l-1 {
    width: 8.3333333333% !important;
  }
  .quickview-container .hmf-offset-l-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.quickview-container .hmf-span-2 {
  width: 16.6666666667%;
}
.quickview-container .hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-l-2 {
    width: 16.6666666667% !important;
  }
  .quickview-container .hmf-offset-l-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.quickview-container .hmf-span-3 {
  width: 25%;
}
.quickview-container .hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-l-3 {
    width: 25% !important;
  }
  .quickview-container .hmf-offset-l-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.quickview-container .hmf-span-4 {
  width: 33.3333333333%;
}
.quickview-container .hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-l-4 {
    width: 33.3333333333% !important;
  }
  .quickview-container .hmf-offset-l-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.quickview-container .hmf-span-5 {
  width: 41.6666666667%;
}
.quickview-container .hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-l-5 {
    width: 41.6666666667% !important;
  }
  .quickview-container .hmf-offset-l-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.quickview-container .hmf-span-6 {
  width: 50%;
}
.quickview-container .hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-l-6 {
    width: 50% !important;
  }
  .quickview-container .hmf-offset-l-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.quickview-container .hmf-span-7 {
  width: 58.3333333333%;
}
.quickview-container .hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-l-7 {
    width: 58.3333333333% !important;
  }
  .quickview-container .hmf-offset-l-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.quickview-container .hmf-span-8 {
  width: 66.6666666667%;
}
.quickview-container .hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-l-8 {
    width: 66.6666666667% !important;
  }
  .quickview-container .hmf-offset-l-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.quickview-container .hmf-span-9 {
  width: 75%;
}
.quickview-container .hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-l-9 {
    width: 75% !important;
  }
  .quickview-container .hmf-offset-l-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.quickview-container .hmf-span-10 {
  width: 83.3333333333%;
}
.quickview-container .hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-l-10 {
    width: 83.3333333333% !important;
  }
  .quickview-container .hmf-offset-l-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.quickview-container .hmf-span-11 {
  width: 91.6666666667%;
}
.quickview-container .hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-l-11 {
    width: 91.6666666667% !important;
  }
  .quickview-container .hmf-offset-l-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.quickview-container .hmf-span-12 {
  width: 100%;
}
.quickview-container .hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-l-12 {
    width: 100% !important;
  }
  .quickview-container .hmf-offset-l-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.quickview-container .hmf-span-0 {
  width: 0%;
}
.quickview-container .hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-xlg-0 {
    width: 0% !important;
  }
  .quickview-container .hmf-offset-xlg-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.quickview-container .hmf-span-1 {
  width: 8.3333333333%;
}
.quickview-container .hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-xlg-1 {
    width: 8.3333333333% !important;
  }
  .quickview-container .hmf-offset-xlg-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.quickview-container .hmf-span-2 {
  width: 16.6666666667%;
}
.quickview-container .hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-xlg-2 {
    width: 16.6666666667% !important;
  }
  .quickview-container .hmf-offset-xlg-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.quickview-container .hmf-span-3 {
  width: 25%;
}
.quickview-container .hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-xlg-3 {
    width: 25% !important;
  }
  .quickview-container .hmf-offset-xlg-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.quickview-container .hmf-span-4 {
  width: 33.3333333333%;
}
.quickview-container .hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-xlg-4 {
    width: 33.3333333333% !important;
  }
  .quickview-container .hmf-offset-xlg-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.quickview-container .hmf-span-5 {
  width: 41.6666666667%;
}
.quickview-container .hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-xlg-5 {
    width: 41.6666666667% !important;
  }
  .quickview-container .hmf-offset-xlg-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.quickview-container .hmf-span-6 {
  width: 50%;
}
.quickview-container .hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-xlg-6 {
    width: 50% !important;
  }
  .quickview-container .hmf-offset-xlg-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.quickview-container .hmf-span-7 {
  width: 58.3333333333%;
}
.quickview-container .hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-xlg-7 {
    width: 58.3333333333% !important;
  }
  .quickview-container .hmf-offset-xlg-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.quickview-container .hmf-span-8 {
  width: 66.6666666667%;
}
.quickview-container .hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-xlg-8 {
    width: 66.6666666667% !important;
  }
  .quickview-container .hmf-offset-xlg-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.quickview-container .hmf-span-9 {
  width: 75%;
}
.quickview-container .hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-xlg-9 {
    width: 75% !important;
  }
  .quickview-container .hmf-offset-xlg-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.quickview-container .hmf-span-10 {
  width: 83.3333333333%;
}
.quickview-container .hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-xlg-10 {
    width: 83.3333333333% !important;
  }
  .quickview-container .hmf-offset-xlg-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.quickview-container .hmf-span-11 {
  width: 91.6666666667%;
}
.quickview-container .hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-xlg-11 {
    width: 91.6666666667% !important;
  }
  .quickview-container .hmf-offset-xlg-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.quickview-container .hmf-span-12 {
  width: 100%;
}
.quickview-container .hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-xlg-12 {
    width: 100% !important;
  }
  .quickview-container .hmf-offset-xlg-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.quickview-container .hmf-span-0 {
  width: 0%;
}
.quickview-container .hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xl-0 {
    width: 0% !important;
  }
  .quickview-container .hmf-offset-xl-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.quickview-container .hmf-span-1 {
  width: 8.3333333333%;
}
.quickview-container .hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xl-1 {
    width: 8.3333333333% !important;
  }
  .quickview-container .hmf-offset-xl-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.quickview-container .hmf-span-2 {
  width: 16.6666666667%;
}
.quickview-container .hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xl-2 {
    width: 16.6666666667% !important;
  }
  .quickview-container .hmf-offset-xl-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.quickview-container .hmf-span-3 {
  width: 25%;
}
.quickview-container .hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xl-3 {
    width: 25% !important;
  }
  .quickview-container .hmf-offset-xl-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.quickview-container .hmf-span-4 {
  width: 33.3333333333%;
}
.quickview-container .hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xl-4 {
    width: 33.3333333333% !important;
  }
  .quickview-container .hmf-offset-xl-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.quickview-container .hmf-span-5 {
  width: 41.6666666667%;
}
.quickview-container .hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xl-5 {
    width: 41.6666666667% !important;
  }
  .quickview-container .hmf-offset-xl-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.quickview-container .hmf-span-6 {
  width: 50%;
}
.quickview-container .hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xl-6 {
    width: 50% !important;
  }
  .quickview-container .hmf-offset-xl-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.quickview-container .hmf-span-7 {
  width: 58.3333333333%;
}
.quickview-container .hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xl-7 {
    width: 58.3333333333% !important;
  }
  .quickview-container .hmf-offset-xl-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.quickview-container .hmf-span-8 {
  width: 66.6666666667%;
}
.quickview-container .hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xl-8 {
    width: 66.6666666667% !important;
  }
  .quickview-container .hmf-offset-xl-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.quickview-container .hmf-span-9 {
  width: 75%;
}
.quickview-container .hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xl-9 {
    width: 75% !important;
  }
  .quickview-container .hmf-offset-xl-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.quickview-container .hmf-span-10 {
  width: 83.3333333333%;
}
.quickview-container .hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xl-10 {
    width: 83.3333333333% !important;
  }
  .quickview-container .hmf-offset-xl-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.quickview-container .hmf-span-11 {
  width: 91.6666666667%;
}
.quickview-container .hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xl-11 {
    width: 91.6666666667% !important;
  }
  .quickview-container .hmf-offset-xl-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.quickview-container .hmf-span-12 {
  width: 100%;
}
.quickview-container .hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xl-12 {
    width: 100% !important;
  }
  .quickview-container .hmf-offset-xl-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.quickview-container .hmf-span-0 {
  width: 0%;
}
.quickview-container .hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xxlg-0 {
    width: 0% !important;
  }
  .quickview-container .hmf-offset-xxlg-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.quickview-container .hmf-span-1 {
  width: 8.3333333333%;
}
.quickview-container .hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xxlg-1 {
    width: 8.3333333333% !important;
  }
  .quickview-container .hmf-offset-xxlg-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.quickview-container .hmf-span-2 {
  width: 16.6666666667%;
}
.quickview-container .hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xxlg-2 {
    width: 16.6666666667% !important;
  }
  .quickview-container .hmf-offset-xxlg-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.quickview-container .hmf-span-3 {
  width: 25%;
}
.quickview-container .hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xxlg-3 {
    width: 25% !important;
  }
  .quickview-container .hmf-offset-xxlg-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.quickview-container .hmf-span-4 {
  width: 33.3333333333%;
}
.quickview-container .hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xxlg-4 {
    width: 33.3333333333% !important;
  }
  .quickview-container .hmf-offset-xxlg-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.quickview-container .hmf-span-5 {
  width: 41.6666666667%;
}
.quickview-container .hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xxlg-5 {
    width: 41.6666666667% !important;
  }
  .quickview-container .hmf-offset-xxlg-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.quickview-container .hmf-span-6 {
  width: 50%;
}
.quickview-container .hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xxlg-6 {
    width: 50% !important;
  }
  .quickview-container .hmf-offset-xxlg-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.quickview-container .hmf-span-7 {
  width: 58.3333333333%;
}
.quickview-container .hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xxlg-7 {
    width: 58.3333333333% !important;
  }
  .quickview-container .hmf-offset-xxlg-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.quickview-container .hmf-span-8 {
  width: 66.6666666667%;
}
.quickview-container .hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xxlg-8 {
    width: 66.6666666667% !important;
  }
  .quickview-container .hmf-offset-xxlg-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.quickview-container .hmf-span-9 {
  width: 75%;
}
.quickview-container .hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xxlg-9 {
    width: 75% !important;
  }
  .quickview-container .hmf-offset-xxlg-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.quickview-container .hmf-span-10 {
  width: 83.3333333333%;
}
.quickview-container .hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xxlg-10 {
    width: 83.3333333333% !important;
  }
  .quickview-container .hmf-offset-xxlg-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.quickview-container .hmf-span-11 {
  width: 91.6666666667%;
}
.quickview-container .hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xxlg-11 {
    width: 91.6666666667% !important;
  }
  .quickview-container .hmf-offset-xxlg-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.quickview-container .hmf-span-12 {
  width: 100%;
}
.quickview-container .hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xxlg-12 {
    width: 100% !important;
  }
  .quickview-container .hmf-offset-xxlg-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.quickview-container .page {
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 375px) {
  .quickview-container .page {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (min-width: 768px) {
  .quickview-container .page {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (min-width: 1280px) {
  .quickview-container .page {
    padding-left: 28px;
    padding-right: 28px;
  }
}
@media (min-width: 1440px) {
  .quickview-container .page {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.quickview-container .hmf-m-auto {
  margin: auto !important;
}
.quickview-container .hmf-mt-auto,
.quickview-container .hmf-my-auto {
  margin-top: auto !important;
}
.quickview-container .hmf-mr-auto,
.quickview-container .hmf-mx-auto {
  margin-right: auto !important;
}
.quickview-container .hmf-mb-auto,
.quickview-container .hmf-my-auto {
  margin-bottom: auto !important;
}
.quickview-container .hmf-ml-auto,
.quickview-container .hmf-mx-auto {
  margin-left: auto !important;
}
.quickview-container .hmf-m-0 {
  margin: 0px !important;
}
.quickview-container .hmf-mt-0,
.quickview-container .hmf-my-0 {
  margin-top: 0px !important;
}
.quickview-container .hmf-mr-0,
.quickview-container .hmf-mx-0 {
  margin-right: 0px !important;
}
.quickview-container .hmf-mb-0,
.quickview-container .hmf-my-0 {
  margin-bottom: 0px !important;
}
.quickview-container .hmf-ml-0,
.quickview-container .hmf-mx-0 {
  margin-left: 0px !important;
}
.quickview-container .hmf-m-xxxs {
  margin: 4px !important;
}
.quickview-container .hmf-mt-xxxs,
.quickview-container .hmf-my-xxxs {
  margin-top: 4px !important;
}
.quickview-container .hmf-mr-xxxs,
.quickview-container .hmf-mx-xxxs {
  margin-right: 4px !important;
}
.quickview-container .hmf-mb-xxxs,
.quickview-container .hmf-my-xxxs {
  margin-bottom: 4px !important;
}
.quickview-container .hmf-ml-xxxs,
.quickview-container .hmf-mx-xxxs {
  margin-left: 4px !important;
}
.quickview-container .hmf-m-xxs {
  margin: 8px !important;
}
.quickview-container .hmf-mt-xxs,
.quickview-container .hmf-my-xxs {
  margin-top: 8px !important;
}
.quickview-container .hmf-mr-xxs,
.quickview-container .hmf-mx-xxs {
  margin-right: 8px !important;
}
.quickview-container .hmf-mb-xxs,
.quickview-container .hmf-my-xxs {
  margin-bottom: 8px !important;
}
.quickview-container .hmf-ml-xxs,
.quickview-container .hmf-mx-xxs {
  margin-left: 8px !important;
}
.quickview-container .hmf-m-xs {
  margin: 12px !important;
}
.quickview-container .hmf-mt-xs,
.quickview-container .hmf-my-xs {
  margin-top: 12px !important;
}
.quickview-container .hmf-mr-xs,
.quickview-container .hmf-mx-xs {
  margin-right: 12px !important;
}
.quickview-container .hmf-mb-xs,
.quickview-container .hmf-my-xs {
  margin-bottom: 12px !important;
}
.quickview-container .hmf-ml-xs,
.quickview-container .hmf-mx-xs {
  margin-left: 12px !important;
}
.quickview-container .hmf-m-s {
  margin: 16px !important;
}
.quickview-container .hmf-mt-s,
.quickview-container .hmf-my-s {
  margin-top: 16px !important;
}
.quickview-container .hmf-mr-s,
.quickview-container .hmf-mx-s {
  margin-right: 16px !important;
}
.quickview-container .hmf-mb-s,
.quickview-container .hmf-my-s {
  margin-bottom: 16px !important;
}
.quickview-container .hmf-ml-s,
.quickview-container .hmf-mx-s {
  margin-left: 16px !important;
}
.quickview-container .hmf-m-m {
  margin: 24px !important;
}
.quickview-container .hmf-mt-m,
.quickview-container .hmf-my-m {
  margin-top: 24px !important;
}
.quickview-container .hmf-mr-m,
.quickview-container .hmf-mx-m {
  margin-right: 24px !important;
}
.quickview-container .hmf-mb-m,
.quickview-container .hmf-my-m {
  margin-bottom: 24px !important;
}
.quickview-container .hmf-ml-m,
.quickview-container .hmf-mx-m {
  margin-left: 24px !important;
}
.quickview-container .hmf-m-l {
  margin: 32px !important;
}
.quickview-container .hmf-mt-l,
.quickview-container .hmf-my-l {
  margin-top: 32px !important;
}
.quickview-container .hmf-mr-l,
.quickview-container .hmf-mx-l {
  margin-right: 32px !important;
}
.quickview-container .hmf-mb-l,
.quickview-container .hmf-my-l {
  margin-bottom: 32px !important;
}
.quickview-container .hmf-ml-l,
.quickview-container .hmf-mx-l {
  margin-left: 32px !important;
}
.quickview-container .hmf-m-xl {
  margin: 48px !important;
}
.quickview-container .hmf-mt-xl,
.quickview-container .hmf-my-xl {
  margin-top: 48px !important;
}
.quickview-container .hmf-mr-xl,
.quickview-container .hmf-mx-xl {
  margin-right: 48px !important;
}
.quickview-container .hmf-mb-xl,
.quickview-container .hmf-my-xl {
  margin-bottom: 48px !important;
}
.quickview-container .hmf-ml-xl,
.quickview-container .hmf-mx-xl {
  margin-left: 48px !important;
}
.quickview-container .hmf-m-xxl {
  margin: 72px !important;
}
.quickview-container .hmf-mt-xxl,
.quickview-container .hmf-my-xxl {
  margin-top: 72px !important;
}
.quickview-container .hmf-mr-xxl,
.quickview-container .hmf-mx-xxl {
  margin-right: 72px !important;
}
.quickview-container .hmf-mb-xxl,
.quickview-container .hmf-my-xxl {
  margin-bottom: 72px !important;
}
.quickview-container .hmf-ml-xxl,
.quickview-container .hmf-mx-xxl {
  margin-left: 72px !important;
}
.quickview-container .hmf-m-xxxl {
  margin: 96px !important;
}
.quickview-container .hmf-mt-xxxl,
.quickview-container .hmf-my-xxxl {
  margin-top: 96px !important;
}
.quickview-container .hmf-mr-xxxl,
.quickview-container .hmf-mx-xxxl {
  margin-right: 96px !important;
}
.quickview-container .hmf-mb-xxxl,
.quickview-container .hmf-my-xxxl {
  margin-bottom: 96px !important;
}
.quickview-container .hmf-ml-xxxl,
.quickview-container .hmf-mx-xxxl {
  margin-left: 96px !important;
}
.quickview-container .hmf-m-xxxxl {
  margin: 120px !important;
}
.quickview-container .hmf-mt-xxxxl,
.quickview-container .hmf-my-xxxxl {
  margin-top: 120px !important;
}
.quickview-container .hmf-mr-xxxxl,
.quickview-container .hmf-mx-xxxxl {
  margin-right: 120px !important;
}
.quickview-container .hmf-mb-xxxxl,
.quickview-container .hmf-my-xxxxl {
  margin-bottom: 120px !important;
}
.quickview-container .hmf-ml-xxxxl,
.quickview-container .hmf-mx-xxxxl {
  margin-left: 120px !important;
}
.quickview-container .hmf-p-auto {
  padding: auto !important;
}
.quickview-container .hmf-pt-auto,
.quickview-container .hmf-py-auto {
  padding-top: auto !important;
}
.quickview-container .hmf-pr-auto,
.quickview-container .hmf-px-auto {
  padding-right: auto !important;
}
.quickview-container .hmf-pb-auto,
.quickview-container .hmf-py-auto {
  padding-bottom: auto !important;
}
.quickview-container .hmf-pl-auto,
.quickview-container .hmf-px-auto {
  padding-left: auto !important;
}
.quickview-container .hmf-p-0 {
  padding: 0px !important;
}
.quickview-container .hmf-pt-0,
.quickview-container .hmf-py-0 {
  padding-top: 0px !important;
}
.quickview-container .hmf-pr-0,
.quickview-container .hmf-px-0 {
  padding-right: 0px !important;
}
.quickview-container .hmf-pb-0,
.quickview-container .hmf-py-0 {
  padding-bottom: 0px !important;
}
.quickview-container .hmf-pl-0,
.quickview-container .hmf-px-0 {
  padding-left: 0px !important;
}
.quickview-container .hmf-p-xxxs {
  padding: 4px !important;
}
.quickview-container .hmf-pt-xxxs,
.quickview-container .hmf-py-xxxs {
  padding-top: 4px !important;
}
.quickview-container .hmf-pr-xxxs,
.quickview-container .hmf-px-xxxs {
  padding-right: 4px !important;
}
.quickview-container .hmf-pb-xxxs,
.quickview-container .hmf-py-xxxs {
  padding-bottom: 4px !important;
}
.quickview-container .hmf-pl-xxxs,
.quickview-container .hmf-px-xxxs {
  padding-left: 4px !important;
}
.quickview-container .hmf-p-xxs {
  padding: 8px !important;
}
.quickview-container .hmf-pt-xxs,
.quickview-container .hmf-py-xxs {
  padding-top: 8px !important;
}
.quickview-container .hmf-pr-xxs,
.quickview-container .hmf-px-xxs {
  padding-right: 8px !important;
}
.quickview-container .hmf-pb-xxs,
.quickview-container .hmf-py-xxs {
  padding-bottom: 8px !important;
}
.quickview-container .hmf-pl-xxs,
.quickview-container .hmf-px-xxs {
  padding-left: 8px !important;
}
.quickview-container .hmf-p-xs {
  padding: 12px !important;
}
.quickview-container .hmf-pt-xs,
.quickview-container .hmf-py-xs {
  padding-top: 12px !important;
}
.quickview-container .hmf-pr-xs,
.quickview-container .hmf-px-xs {
  padding-right: 12px !important;
}
.quickview-container .hmf-pb-xs,
.quickview-container .hmf-py-xs {
  padding-bottom: 12px !important;
}
.quickview-container .hmf-pl-xs,
.quickview-container .hmf-px-xs {
  padding-left: 12px !important;
}
.quickview-container .hmf-p-s {
  padding: 16px !important;
}
.quickview-container .hmf-pt-s,
.quickview-container .hmf-py-s {
  padding-top: 16px !important;
}
.quickview-container .hmf-pr-s,
.quickview-container .hmf-px-s {
  padding-right: 16px !important;
}
.quickview-container .hmf-pb-s,
.quickview-container .hmf-py-s {
  padding-bottom: 16px !important;
}
.quickview-container .hmf-pl-s,
.quickview-container .hmf-px-s {
  padding-left: 16px !important;
}
.quickview-container .hmf-p-m {
  padding: 24px !important;
}
.quickview-container .hmf-pt-m,
.quickview-container .hmf-py-m {
  padding-top: 24px !important;
}
.quickview-container .hmf-pr-m,
.quickview-container .hmf-px-m {
  padding-right: 24px !important;
}
.quickview-container .hmf-pb-m,
.quickview-container .hmf-py-m {
  padding-bottom: 24px !important;
}
.quickview-container .hmf-pl-m,
.quickview-container .hmf-px-m {
  padding-left: 24px !important;
}
.quickview-container .hmf-p-l {
  padding: 32px !important;
}
.quickview-container .hmf-pt-l,
.quickview-container .hmf-py-l {
  padding-top: 32px !important;
}
.quickview-container .hmf-pr-l,
.quickview-container .hmf-px-l {
  padding-right: 32px !important;
}
.quickview-container .hmf-pb-l,
.quickview-container .hmf-py-l {
  padding-bottom: 32px !important;
}
.quickview-container .hmf-pl-l,
.quickview-container .hmf-px-l {
  padding-left: 32px !important;
}
.quickview-container .hmf-p-xl {
  padding: 48px !important;
}
.quickview-container .hmf-pt-xl,
.quickview-container .hmf-py-xl {
  padding-top: 48px !important;
}
.quickview-container .hmf-pr-xl,
.quickview-container .hmf-px-xl {
  padding-right: 48px !important;
}
.quickview-container .hmf-pb-xl,
.quickview-container .hmf-py-xl {
  padding-bottom: 48px !important;
}
.quickview-container .hmf-pl-xl,
.quickview-container .hmf-px-xl {
  padding-left: 48px !important;
}
.quickview-container .hmf-p-xxl {
  padding: 72px !important;
}
.quickview-container .hmf-pt-xxl,
.quickview-container .hmf-py-xxl {
  padding-top: 72px !important;
}
.quickview-container .hmf-pr-xxl,
.quickview-container .hmf-px-xxl {
  padding-right: 72px !important;
}
.quickview-container .hmf-pb-xxl,
.quickview-container .hmf-py-xxl {
  padding-bottom: 72px !important;
}
.quickview-container .hmf-pl-xxl,
.quickview-container .hmf-px-xxl {
  padding-left: 72px !important;
}
.quickview-container .hmf-p-xxxl {
  padding: 96px !important;
}
.quickview-container .hmf-pt-xxxl,
.quickview-container .hmf-py-xxxl {
  padding-top: 96px !important;
}
.quickview-container .hmf-pr-xxxl,
.quickview-container .hmf-px-xxxl {
  padding-right: 96px !important;
}
.quickview-container .hmf-pb-xxxl,
.quickview-container .hmf-py-xxxl {
  padding-bottom: 96px !important;
}
.quickview-container .hmf-pl-xxxl,
.quickview-container .hmf-px-xxxl {
  padding-left: 96px !important;
}
.quickview-container .hmf-p-xxxxl {
  padding: 120px !important;
}
.quickview-container .hmf-pt-xxxxl,
.quickview-container .hmf-py-xxxxl {
  padding-top: 120px !important;
}
.quickview-container .hmf-pr-xxxxl,
.quickview-container .hmf-px-xxxxl {
  padding-right: 120px !important;
}
.quickview-container .hmf-pb-xxxxl,
.quickview-container .hmf-py-xxxxl {
  padding-bottom: 120px !important;
}
.quickview-container .hmf-pl-xxxxl,
.quickview-container .hmf-px-xxxxl {
  padding-left: 120px !important;
}
.quickview-container .hmf-m-auto {
  margin: auto !important;
}
.quickview-container .hmf-mt-auto,
.quickview-container .hmf-my-auto {
  margin-top: auto !important;
}
.quickview-container .hmf-mr-auto,
.quickview-container .hmf-mx-auto {
  margin-right: auto !important;
}
.quickview-container .hmf-mb-auto,
.quickview-container .hmf-my-auto {
  margin-bottom: auto !important;
}
.quickview-container .hmf-ml-auto,
.quickview-container .hmf-mx-auto {
  margin-left: auto !important;
}
.quickview-container .hmf-m-auto {
  margin: auto !important;
}
.quickview-container .hmf-mt-auto,
.quickview-container .hmf-my-auto {
  margin-top: auto !important;
}
.quickview-container .hmf-mr-auto,
.quickview-container .hmf-mx-auto {
  margin-right: auto !important;
}
.quickview-container .hmf-mb-auto,
.quickview-container .hmf-my-auto {
  margin-bottom: auto !important;
}
.quickview-container .hmf-ml-auto,
.quickview-container .hmf-mx-auto {
  margin-left: auto !important;
}
.quickview-container .hmf-m-0 {
  margin: 0px !important;
}
.quickview-container .hmf-mt-0,
.quickview-container .hmf-my-0 {
  margin-top: 0px !important;
}
.quickview-container .hmf-mr-0,
.quickview-container .hmf-mx-0 {
  margin-right: 0px !important;
}
.quickview-container .hmf-mb-0,
.quickview-container .hmf-my-0 {
  margin-bottom: 0px !important;
}
.quickview-container .hmf-ml-0,
.quickview-container .hmf-mx-0 {
  margin-left: 0px !important;
}
.quickview-container .hmf-m-xxxs {
  margin: 4px !important;
}
.quickview-container .hmf-mt-xxxs,
.quickview-container .hmf-my-xxxs {
  margin-top: 4px !important;
}
.quickview-container .hmf-mr-xxxs,
.quickview-container .hmf-mx-xxxs {
  margin-right: 4px !important;
}
.quickview-container .hmf-mb-xxxs,
.quickview-container .hmf-my-xxxs {
  margin-bottom: 4px !important;
}
.quickview-container .hmf-ml-xxxs,
.quickview-container .hmf-mx-xxxs {
  margin-left: 4px !important;
}
.quickview-container .hmf-m-xxs {
  margin: 8px !important;
}
.quickview-container .hmf-mt-xxs,
.quickview-container .hmf-my-xxs {
  margin-top: 8px !important;
}
.quickview-container .hmf-mr-xxs,
.quickview-container .hmf-mx-xxs {
  margin-right: 8px !important;
}
.quickview-container .hmf-mb-xxs,
.quickview-container .hmf-my-xxs {
  margin-bottom: 8px !important;
}
.quickview-container .hmf-ml-xxs,
.quickview-container .hmf-mx-xxs {
  margin-left: 8px !important;
}
.quickview-container .hmf-m-xs {
  margin: 12px !important;
}
.quickview-container .hmf-mt-xs,
.quickview-container .hmf-my-xs {
  margin-top: 12px !important;
}
.quickview-container .hmf-mr-xs,
.quickview-container .hmf-mx-xs {
  margin-right: 12px !important;
}
.quickview-container .hmf-mb-xs,
.quickview-container .hmf-my-xs {
  margin-bottom: 12px !important;
}
.quickview-container .hmf-ml-xs,
.quickview-container .hmf-mx-xs {
  margin-left: 12px !important;
}
.quickview-container .hmf-m-s {
  margin: 16px !important;
}
.quickview-container .hmf-mt-s,
.quickview-container .hmf-my-s {
  margin-top: 16px !important;
}
.quickview-container .hmf-mr-s,
.quickview-container .hmf-mx-s {
  margin-right: 16px !important;
}
.quickview-container .hmf-mb-s,
.quickview-container .hmf-my-s {
  margin-bottom: 16px !important;
}
.quickview-container .hmf-ml-s,
.quickview-container .hmf-mx-s {
  margin-left: 16px !important;
}
.quickview-container .hmf-m-m {
  margin: 24px !important;
}
.quickview-container .hmf-mt-m,
.quickview-container .hmf-my-m {
  margin-top: 24px !important;
}
.quickview-container .hmf-mr-m,
.quickview-container .hmf-mx-m {
  margin-right: 24px !important;
}
.quickview-container .hmf-mb-m,
.quickview-container .hmf-my-m {
  margin-bottom: 24px !important;
}
.quickview-container .hmf-ml-m,
.quickview-container .hmf-mx-m {
  margin-left: 24px !important;
}
.quickview-container .hmf-m-l {
  margin: 32px !important;
}
.quickview-container .hmf-mt-l,
.quickview-container .hmf-my-l {
  margin-top: 32px !important;
}
.quickview-container .hmf-mr-l,
.quickview-container .hmf-mx-l {
  margin-right: 32px !important;
}
.quickview-container .hmf-mb-l,
.quickview-container .hmf-my-l {
  margin-bottom: 32px !important;
}
.quickview-container .hmf-ml-l,
.quickview-container .hmf-mx-l {
  margin-left: 32px !important;
}
.quickview-container .hmf-m-xl {
  margin: 48px !important;
}
.quickview-container .hmf-mt-xl,
.quickview-container .hmf-my-xl {
  margin-top: 48px !important;
}
.quickview-container .hmf-mr-xl,
.quickview-container .hmf-mx-xl {
  margin-right: 48px !important;
}
.quickview-container .hmf-mb-xl,
.quickview-container .hmf-my-xl {
  margin-bottom: 48px !important;
}
.quickview-container .hmf-ml-xl,
.quickview-container .hmf-mx-xl {
  margin-left: 48px !important;
}
.quickview-container .hmf-m-xxl {
  margin: 72px !important;
}
.quickview-container .hmf-mt-xxl,
.quickview-container .hmf-my-xxl {
  margin-top: 72px !important;
}
.quickview-container .hmf-mr-xxl,
.quickview-container .hmf-mx-xxl {
  margin-right: 72px !important;
}
.quickview-container .hmf-mb-xxl,
.quickview-container .hmf-my-xxl {
  margin-bottom: 72px !important;
}
.quickview-container .hmf-ml-xxl,
.quickview-container .hmf-mx-xxl {
  margin-left: 72px !important;
}
.quickview-container .hmf-m-xxxl {
  margin: 96px !important;
}
.quickview-container .hmf-mt-xxxl,
.quickview-container .hmf-my-xxxl {
  margin-top: 96px !important;
}
.quickview-container .hmf-mr-xxxl,
.quickview-container .hmf-mx-xxxl {
  margin-right: 96px !important;
}
.quickview-container .hmf-mb-xxxl,
.quickview-container .hmf-my-xxxl {
  margin-bottom: 96px !important;
}
.quickview-container .hmf-ml-xxxl,
.quickview-container .hmf-mx-xxxl {
  margin-left: 96px !important;
}
.quickview-container .hmf-m-xxxxl {
  margin: 120px !important;
}
.quickview-container .hmf-mt-xxxxl,
.quickview-container .hmf-my-xxxxl {
  margin-top: 120px !important;
}
.quickview-container .hmf-mr-xxxxl,
.quickview-container .hmf-mx-xxxxl {
  margin-right: 120px !important;
}
.quickview-container .hmf-mb-xxxxl,
.quickview-container .hmf-my-xxxxl {
  margin-bottom: 120px !important;
}
.quickview-container .hmf-ml-xxxxl,
.quickview-container .hmf-mx-xxxxl {
  margin-left: 120px !important;
}
.quickview-container .hmf-p-auto {
  padding: auto !important;
}
.quickview-container .hmf-pt-auto,
.quickview-container .hmf-py-auto {
  padding-top: auto !important;
}
.quickview-container .hmf-pr-auto,
.quickview-container .hmf-px-auto {
  padding-right: auto !important;
}
.quickview-container .hmf-pb-auto,
.quickview-container .hmf-py-auto {
  padding-bottom: auto !important;
}
.quickview-container .hmf-pl-auto,
.quickview-container .hmf-px-auto {
  padding-left: auto !important;
}
.quickview-container .hmf-p-0 {
  padding: 0px !important;
}
.quickview-container .hmf-pt-0,
.quickview-container .hmf-py-0 {
  padding-top: 0px !important;
}
.quickview-container .hmf-pr-0,
.quickview-container .hmf-px-0 {
  padding-right: 0px !important;
}
.quickview-container .hmf-pb-0,
.quickview-container .hmf-py-0 {
  padding-bottom: 0px !important;
}
.quickview-container .hmf-pl-0,
.quickview-container .hmf-px-0 {
  padding-left: 0px !important;
}
.quickview-container .hmf-p-xxxs {
  padding: 4px !important;
}
.quickview-container .hmf-pt-xxxs,
.quickview-container .hmf-py-xxxs {
  padding-top: 4px !important;
}
.quickview-container .hmf-pr-xxxs,
.quickview-container .hmf-px-xxxs {
  padding-right: 4px !important;
}
.quickview-container .hmf-pb-xxxs,
.quickview-container .hmf-py-xxxs {
  padding-bottom: 4px !important;
}
.quickview-container .hmf-pl-xxxs,
.quickview-container .hmf-px-xxxs {
  padding-left: 4px !important;
}
.quickview-container .hmf-p-xxs {
  padding: 8px !important;
}
.quickview-container .hmf-pt-xxs,
.quickview-container .hmf-py-xxs {
  padding-top: 8px !important;
}
.quickview-container .hmf-pr-xxs,
.quickview-container .hmf-px-xxs {
  padding-right: 8px !important;
}
.quickview-container .hmf-pb-xxs,
.quickview-container .hmf-py-xxs {
  padding-bottom: 8px !important;
}
.quickview-container .hmf-pl-xxs,
.quickview-container .hmf-px-xxs {
  padding-left: 8px !important;
}
.quickview-container .hmf-p-xs {
  padding: 12px !important;
}
.quickview-container .hmf-pt-xs,
.quickview-container .hmf-py-xs {
  padding-top: 12px !important;
}
.quickview-container .hmf-pr-xs,
.quickview-container .hmf-px-xs {
  padding-right: 12px !important;
}
.quickview-container .hmf-pb-xs,
.quickview-container .hmf-py-xs {
  padding-bottom: 12px !important;
}
.quickview-container .hmf-pl-xs,
.quickview-container .hmf-px-xs {
  padding-left: 12px !important;
}
.quickview-container .hmf-p-s {
  padding: 16px !important;
}
.quickview-container .hmf-pt-s,
.quickview-container .hmf-py-s {
  padding-top: 16px !important;
}
.quickview-container .hmf-pr-s,
.quickview-container .hmf-px-s {
  padding-right: 16px !important;
}
.quickview-container .hmf-pb-s,
.quickview-container .hmf-py-s {
  padding-bottom: 16px !important;
}
.quickview-container .hmf-pl-s,
.quickview-container .hmf-px-s {
  padding-left: 16px !important;
}
.quickview-container .hmf-p-m {
  padding: 24px !important;
}
.quickview-container .hmf-pt-m,
.quickview-container .hmf-py-m {
  padding-top: 24px !important;
}
.quickview-container .hmf-pr-m,
.quickview-container .hmf-px-m {
  padding-right: 24px !important;
}
.quickview-container .hmf-pb-m,
.quickview-container .hmf-py-m {
  padding-bottom: 24px !important;
}
.quickview-container .hmf-pl-m,
.quickview-container .hmf-px-m {
  padding-left: 24px !important;
}
.quickview-container .hmf-p-l {
  padding: 32px !important;
}
.quickview-container .hmf-pt-l,
.quickview-container .hmf-py-l {
  padding-top: 32px !important;
}
.quickview-container .hmf-pr-l,
.quickview-container .hmf-px-l {
  padding-right: 32px !important;
}
.quickview-container .hmf-pb-l,
.quickview-container .hmf-py-l {
  padding-bottom: 32px !important;
}
.quickview-container .hmf-pl-l,
.quickview-container .hmf-px-l {
  padding-left: 32px !important;
}
.quickview-container .hmf-p-xl {
  padding: 48px !important;
}
.quickview-container .hmf-pt-xl,
.quickview-container .hmf-py-xl {
  padding-top: 48px !important;
}
.quickview-container .hmf-pr-xl,
.quickview-container .hmf-px-xl {
  padding-right: 48px !important;
}
.quickview-container .hmf-pb-xl,
.quickview-container .hmf-py-xl {
  padding-bottom: 48px !important;
}
.quickview-container .hmf-pl-xl,
.quickview-container .hmf-px-xl {
  padding-left: 48px !important;
}
.quickview-container .hmf-p-xxl {
  padding: 72px !important;
}
.quickview-container .hmf-pt-xxl,
.quickview-container .hmf-py-xxl {
  padding-top: 72px !important;
}
.quickview-container .hmf-pr-xxl,
.quickview-container .hmf-px-xxl {
  padding-right: 72px !important;
}
.quickview-container .hmf-pb-xxl,
.quickview-container .hmf-py-xxl {
  padding-bottom: 72px !important;
}
.quickview-container .hmf-pl-xxl,
.quickview-container .hmf-px-xxl {
  padding-left: 72px !important;
}
.quickview-container .hmf-p-xxxl {
  padding: 96px !important;
}
.quickview-container .hmf-pt-xxxl,
.quickview-container .hmf-py-xxxl {
  padding-top: 96px !important;
}
.quickview-container .hmf-pr-xxxl,
.quickview-container .hmf-px-xxxl {
  padding-right: 96px !important;
}
.quickview-container .hmf-pb-xxxl,
.quickview-container .hmf-py-xxxl {
  padding-bottom: 96px !important;
}
.quickview-container .hmf-pl-xxxl,
.quickview-container .hmf-px-xxxl {
  padding-left: 96px !important;
}
.quickview-container .hmf-p-xxxxl {
  padding: 120px !important;
}
.quickview-container .hmf-pt-xxxxl,
.quickview-container .hmf-py-xxxxl {
  padding-top: 120px !important;
}
.quickview-container .hmf-pr-xxxxl,
.quickview-container .hmf-px-xxxxl {
  padding-right: 120px !important;
}
.quickview-container .hmf-pb-xxxxl,
.quickview-container .hmf-py-xxxxl {
  padding-bottom: 120px !important;
}
.quickview-container .hmf-pl-xxxxl,
.quickview-container .hmf-px-xxxxl {
  padding-left: 120px !important;
}
.quickview-container .hmf-m-auto {
  margin: auto !important;
}
.quickview-container .hmf-mt-auto,
.quickview-container .hmf-my-auto {
  margin-top: auto !important;
}
.quickview-container .hmf-mr-auto,
.quickview-container .hmf-mx-auto {
  margin-right: auto !important;
}
.quickview-container .hmf-mb-auto,
.quickview-container .hmf-my-auto {
  margin-bottom: auto !important;
}
.quickview-container .hmf-ml-auto,
.quickview-container .hmf-mx-auto {
  margin-left: auto !important;
}
@media (min-width: 375px) {
  .quickview-container .hmf-m-s-auto {
    margin: auto !important;
  }
  .quickview-container .hmf-mt-s-auto,
  .quickview-container .hmf-my-s-auto {
    margin-top: auto !important;
  }
  .quickview-container .hmf-mr-s-auto,
  .quickview-container .hmf-mx-s-auto {
    margin-right: auto !important;
  }
  .quickview-container .hmf-mb-s-auto,
  .quickview-container .hmf-my-s-auto {
    margin-bottom: auto !important;
  }
  .quickview-container .hmf-ml-s-auto,
  .quickview-container .hmf-mx-s-auto {
    margin-left: auto !important;
  }
  .quickview-container .hmf-m-s-0 {
    margin: 0px !important;
  }
  .quickview-container .hmf-mt-s-0,
  .quickview-container .hmf-my-s-0 {
    margin-top: 0px !important;
  }
  .quickview-container .hmf-mr-s-0,
  .quickview-container .hmf-mx-s-0 {
    margin-right: 0px !important;
  }
  .quickview-container .hmf-mb-s-0,
  .quickview-container .hmf-my-s-0 {
    margin-bottom: 0px !important;
  }
  .quickview-container .hmf-ml-s-0,
  .quickview-container .hmf-mx-s-0 {
    margin-left: 0px !important;
  }
  .quickview-container .hmf-m-s-xxxs {
    margin: 4px !important;
  }
  .quickview-container .hmf-mt-s-xxxs,
  .quickview-container .hmf-my-s-xxxs {
    margin-top: 4px !important;
  }
  .quickview-container .hmf-mr-s-xxxs,
  .quickview-container .hmf-mx-s-xxxs {
    margin-right: 4px !important;
  }
  .quickview-container .hmf-mb-s-xxxs,
  .quickview-container .hmf-my-s-xxxs {
    margin-bottom: 4px !important;
  }
  .quickview-container .hmf-ml-s-xxxs,
  .quickview-container .hmf-mx-s-xxxs {
    margin-left: 4px !important;
  }
  .quickview-container .hmf-m-s-xxs {
    margin: 8px !important;
  }
  .quickview-container .hmf-mt-s-xxs,
  .quickview-container .hmf-my-s-xxs {
    margin-top: 8px !important;
  }
  .quickview-container .hmf-mr-s-xxs,
  .quickview-container .hmf-mx-s-xxs {
    margin-right: 8px !important;
  }
  .quickview-container .hmf-mb-s-xxs,
  .quickview-container .hmf-my-s-xxs {
    margin-bottom: 8px !important;
  }
  .quickview-container .hmf-ml-s-xxs,
  .quickview-container .hmf-mx-s-xxs {
    margin-left: 8px !important;
  }
  .quickview-container .hmf-m-s-xs {
    margin: 12px !important;
  }
  .quickview-container .hmf-mt-s-xs,
  .quickview-container .hmf-my-s-xs {
    margin-top: 12px !important;
  }
  .quickview-container .hmf-mr-s-xs,
  .quickview-container .hmf-mx-s-xs {
    margin-right: 12px !important;
  }
  .quickview-container .hmf-mb-s-xs,
  .quickview-container .hmf-my-s-xs {
    margin-bottom: 12px !important;
  }
  .quickview-container .hmf-ml-s-xs,
  .quickview-container .hmf-mx-s-xs {
    margin-left: 12px !important;
  }
  .quickview-container .hmf-m-s-s {
    margin: 16px !important;
  }
  .quickview-container .hmf-mt-s-s,
  .quickview-container .hmf-my-s-s {
    margin-top: 16px !important;
  }
  .quickview-container .hmf-mr-s-s,
  .quickview-container .hmf-mx-s-s {
    margin-right: 16px !important;
  }
  .quickview-container .hmf-mb-s-s,
  .quickview-container .hmf-my-s-s {
    margin-bottom: 16px !important;
  }
  .quickview-container .hmf-ml-s-s,
  .quickview-container .hmf-mx-s-s {
    margin-left: 16px !important;
  }
  .quickview-container .hmf-m-s-m {
    margin: 24px !important;
  }
  .quickview-container .hmf-mt-s-m,
  .quickview-container .hmf-my-s-m {
    margin-top: 24px !important;
  }
  .quickview-container .hmf-mr-s-m,
  .quickview-container .hmf-mx-s-m {
    margin-right: 24px !important;
  }
  .quickview-container .hmf-mb-s-m,
  .quickview-container .hmf-my-s-m {
    margin-bottom: 24px !important;
  }
  .quickview-container .hmf-ml-s-m,
  .quickview-container .hmf-mx-s-m {
    margin-left: 24px !important;
  }
  .quickview-container .hmf-m-s-l {
    margin: 32px !important;
  }
  .quickview-container .hmf-mt-s-l,
  .quickview-container .hmf-my-s-l {
    margin-top: 32px !important;
  }
  .quickview-container .hmf-mr-s-l,
  .quickview-container .hmf-mx-s-l {
    margin-right: 32px !important;
  }
  .quickview-container .hmf-mb-s-l,
  .quickview-container .hmf-my-s-l {
    margin-bottom: 32px !important;
  }
  .quickview-container .hmf-ml-s-l,
  .quickview-container .hmf-mx-s-l {
    margin-left: 32px !important;
  }
  .quickview-container .hmf-m-s-xl {
    margin: 48px !important;
  }
  .quickview-container .hmf-mt-s-xl,
  .quickview-container .hmf-my-s-xl {
    margin-top: 48px !important;
  }
  .quickview-container .hmf-mr-s-xl,
  .quickview-container .hmf-mx-s-xl {
    margin-right: 48px !important;
  }
  .quickview-container .hmf-mb-s-xl,
  .quickview-container .hmf-my-s-xl {
    margin-bottom: 48px !important;
  }
  .quickview-container .hmf-ml-s-xl,
  .quickview-container .hmf-mx-s-xl {
    margin-left: 48px !important;
  }
  .quickview-container .hmf-m-s-xxl {
    margin: 72px !important;
  }
  .quickview-container .hmf-mt-s-xxl,
  .quickview-container .hmf-my-s-xxl {
    margin-top: 72px !important;
  }
  .quickview-container .hmf-mr-s-xxl,
  .quickview-container .hmf-mx-s-xxl {
    margin-right: 72px !important;
  }
  .quickview-container .hmf-mb-s-xxl,
  .quickview-container .hmf-my-s-xxl {
    margin-bottom: 72px !important;
  }
  .quickview-container .hmf-ml-s-xxl,
  .quickview-container .hmf-mx-s-xxl {
    margin-left: 72px !important;
  }
  .quickview-container .hmf-m-s-xxxl {
    margin: 96px !important;
  }
  .quickview-container .hmf-mt-s-xxxl,
  .quickview-container .hmf-my-s-xxxl {
    margin-top: 96px !important;
  }
  .quickview-container .hmf-mr-s-xxxl,
  .quickview-container .hmf-mx-s-xxxl {
    margin-right: 96px !important;
  }
  .quickview-container .hmf-mb-s-xxxl,
  .quickview-container .hmf-my-s-xxxl {
    margin-bottom: 96px !important;
  }
  .quickview-container .hmf-ml-s-xxxl,
  .quickview-container .hmf-mx-s-xxxl {
    margin-left: 96px !important;
  }
  .quickview-container .hmf-m-s-xxxxl {
    margin: 120px !important;
  }
  .quickview-container .hmf-mt-s-xxxxl,
  .quickview-container .hmf-my-s-xxxxl {
    margin-top: 120px !important;
  }
  .quickview-container .hmf-mr-s-xxxxl,
  .quickview-container .hmf-mx-s-xxxxl {
    margin-right: 120px !important;
  }
  .quickview-container .hmf-mb-s-xxxxl,
  .quickview-container .hmf-my-s-xxxxl {
    margin-bottom: 120px !important;
  }
  .quickview-container .hmf-ml-s-xxxxl,
  .quickview-container .hmf-mx-s-xxxxl {
    margin-left: 120px !important;
  }
  .quickview-container .hmf-p-s-auto {
    padding: auto !important;
  }
  .quickview-container .hmf-pt-s-auto,
  .quickview-container .hmf-py-s-auto {
    padding-top: auto !important;
  }
  .quickview-container .hmf-pr-s-auto,
  .quickview-container .hmf-px-s-auto {
    padding-right: auto !important;
  }
  .quickview-container .hmf-pb-s-auto,
  .quickview-container .hmf-py-s-auto {
    padding-bottom: auto !important;
  }
  .quickview-container .hmf-pl-s-auto,
  .quickview-container .hmf-px-s-auto {
    padding-left: auto !important;
  }
  .quickview-container .hmf-p-s-0 {
    padding: 0px !important;
  }
  .quickview-container .hmf-pt-s-0,
  .quickview-container .hmf-py-s-0 {
    padding-top: 0px !important;
  }
  .quickview-container .hmf-pr-s-0,
  .quickview-container .hmf-px-s-0 {
    padding-right: 0px !important;
  }
  .quickview-container .hmf-pb-s-0,
  .quickview-container .hmf-py-s-0 {
    padding-bottom: 0px !important;
  }
  .quickview-container .hmf-pl-s-0,
  .quickview-container .hmf-px-s-0 {
    padding-left: 0px !important;
  }
  .quickview-container .hmf-p-s-xxxs {
    padding: 4px !important;
  }
  .quickview-container .hmf-pt-s-xxxs,
  .quickview-container .hmf-py-s-xxxs {
    padding-top: 4px !important;
  }
  .quickview-container .hmf-pr-s-xxxs,
  .quickview-container .hmf-px-s-xxxs {
    padding-right: 4px !important;
  }
  .quickview-container .hmf-pb-s-xxxs,
  .quickview-container .hmf-py-s-xxxs {
    padding-bottom: 4px !important;
  }
  .quickview-container .hmf-pl-s-xxxs,
  .quickview-container .hmf-px-s-xxxs {
    padding-left: 4px !important;
  }
  .quickview-container .hmf-p-s-xxs {
    padding: 8px !important;
  }
  .quickview-container .hmf-pt-s-xxs,
  .quickview-container .hmf-py-s-xxs {
    padding-top: 8px !important;
  }
  .quickview-container .hmf-pr-s-xxs,
  .quickview-container .hmf-px-s-xxs {
    padding-right: 8px !important;
  }
  .quickview-container .hmf-pb-s-xxs,
  .quickview-container .hmf-py-s-xxs {
    padding-bottom: 8px !important;
  }
  .quickview-container .hmf-pl-s-xxs,
  .quickview-container .hmf-px-s-xxs {
    padding-left: 8px !important;
  }
  .quickview-container .hmf-p-s-xs {
    padding: 12px !important;
  }
  .quickview-container .hmf-pt-s-xs,
  .quickview-container .hmf-py-s-xs {
    padding-top: 12px !important;
  }
  .quickview-container .hmf-pr-s-xs,
  .quickview-container .hmf-px-s-xs {
    padding-right: 12px !important;
  }
  .quickview-container .hmf-pb-s-xs,
  .quickview-container .hmf-py-s-xs {
    padding-bottom: 12px !important;
  }
  .quickview-container .hmf-pl-s-xs,
  .quickview-container .hmf-px-s-xs {
    padding-left: 12px !important;
  }
  .quickview-container .hmf-p-s-s {
    padding: 16px !important;
  }
  .quickview-container .hmf-pt-s-s,
  .quickview-container .hmf-py-s-s {
    padding-top: 16px !important;
  }
  .quickview-container .hmf-pr-s-s,
  .quickview-container .hmf-px-s-s {
    padding-right: 16px !important;
  }
  .quickview-container .hmf-pb-s-s,
  .quickview-container .hmf-py-s-s {
    padding-bottom: 16px !important;
  }
  .quickview-container .hmf-pl-s-s,
  .quickview-container .hmf-px-s-s {
    padding-left: 16px !important;
  }
  .quickview-container .hmf-p-s-m {
    padding: 24px !important;
  }
  .quickview-container .hmf-pt-s-m,
  .quickview-container .hmf-py-s-m {
    padding-top: 24px !important;
  }
  .quickview-container .hmf-pr-s-m,
  .quickview-container .hmf-px-s-m {
    padding-right: 24px !important;
  }
  .quickview-container .hmf-pb-s-m,
  .quickview-container .hmf-py-s-m {
    padding-bottom: 24px !important;
  }
  .quickview-container .hmf-pl-s-m,
  .quickview-container .hmf-px-s-m {
    padding-left: 24px !important;
  }
  .quickview-container .hmf-p-s-l {
    padding: 32px !important;
  }
  .quickview-container .hmf-pt-s-l,
  .quickview-container .hmf-py-s-l {
    padding-top: 32px !important;
  }
  .quickview-container .hmf-pr-s-l,
  .quickview-container .hmf-px-s-l {
    padding-right: 32px !important;
  }
  .quickview-container .hmf-pb-s-l,
  .quickview-container .hmf-py-s-l {
    padding-bottom: 32px !important;
  }
  .quickview-container .hmf-pl-s-l,
  .quickview-container .hmf-px-s-l {
    padding-left: 32px !important;
  }
  .quickview-container .hmf-p-s-xl {
    padding: 48px !important;
  }
  .quickview-container .hmf-pt-s-xl,
  .quickview-container .hmf-py-s-xl {
    padding-top: 48px !important;
  }
  .quickview-container .hmf-pr-s-xl,
  .quickview-container .hmf-px-s-xl {
    padding-right: 48px !important;
  }
  .quickview-container .hmf-pb-s-xl,
  .quickview-container .hmf-py-s-xl {
    padding-bottom: 48px !important;
  }
  .quickview-container .hmf-pl-s-xl,
  .quickview-container .hmf-px-s-xl {
    padding-left: 48px !important;
  }
  .quickview-container .hmf-p-s-xxl {
    padding: 72px !important;
  }
  .quickview-container .hmf-pt-s-xxl,
  .quickview-container .hmf-py-s-xxl {
    padding-top: 72px !important;
  }
  .quickview-container .hmf-pr-s-xxl,
  .quickview-container .hmf-px-s-xxl {
    padding-right: 72px !important;
  }
  .quickview-container .hmf-pb-s-xxl,
  .quickview-container .hmf-py-s-xxl {
    padding-bottom: 72px !important;
  }
  .quickview-container .hmf-pl-s-xxl,
  .quickview-container .hmf-px-s-xxl {
    padding-left: 72px !important;
  }
  .quickview-container .hmf-p-s-xxxl {
    padding: 96px !important;
  }
  .quickview-container .hmf-pt-s-xxxl,
  .quickview-container .hmf-py-s-xxxl {
    padding-top: 96px !important;
  }
  .quickview-container .hmf-pr-s-xxxl,
  .quickview-container .hmf-px-s-xxxl {
    padding-right: 96px !important;
  }
  .quickview-container .hmf-pb-s-xxxl,
  .quickview-container .hmf-py-s-xxxl {
    padding-bottom: 96px !important;
  }
  .quickview-container .hmf-pl-s-xxxl,
  .quickview-container .hmf-px-s-xxxl {
    padding-left: 96px !important;
  }
  .quickview-container .hmf-p-s-xxxxl {
    padding: 120px !important;
  }
  .quickview-container .hmf-pt-s-xxxxl,
  .quickview-container .hmf-py-s-xxxxl {
    padding-top: 120px !important;
  }
  .quickview-container .hmf-pr-s-xxxxl,
  .quickview-container .hmf-px-s-xxxxl {
    padding-right: 120px !important;
  }
  .quickview-container .hmf-pb-s-xxxxl,
  .quickview-container .hmf-py-s-xxxxl {
    padding-bottom: 120px !important;
  }
  .quickview-container .hmf-pl-s-xxxxl,
  .quickview-container .hmf-px-s-xxxxl {
    padding-left: 120px !important;
  }
  .quickview-container .hmf-m-s-auto {
    margin: auto !important;
  }
  .quickview-container .hmf-mt-s-auto,
  .quickview-container .hmf-my-s-auto {
    margin-top: auto !important;
  }
  .quickview-container .hmf-mr-s-auto,
  .quickview-container .hmf-mx-s-auto {
    margin-right: auto !important;
  }
  .quickview-container .hmf-mb-s-auto,
  .quickview-container .hmf-my-s-auto {
    margin-bottom: auto !important;
  }
  .quickview-container .hmf-ml-s-auto,
  .quickview-container .hmf-mx-s-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 375px) {
  .quickview-container .hmf-m-xsm-auto {
    margin: auto !important;
  }
  .quickview-container .hmf-mt-xsm-auto,
  .quickview-container .hmf-my-xsm-auto {
    margin-top: auto !important;
  }
  .quickview-container .hmf-mr-xsm-auto,
  .quickview-container .hmf-mx-xsm-auto {
    margin-right: auto !important;
  }
  .quickview-container .hmf-mb-xsm-auto,
  .quickview-container .hmf-my-xsm-auto {
    margin-bottom: auto !important;
  }
  .quickview-container .hmf-ml-xsm-auto,
  .quickview-container .hmf-mx-xsm-auto {
    margin-left: auto !important;
  }
  .quickview-container .hmf-m-xsm-0 {
    margin: 0px !important;
  }
  .quickview-container .hmf-mt-xsm-0,
  .quickview-container .hmf-my-xsm-0 {
    margin-top: 0px !important;
  }
  .quickview-container .hmf-mr-xsm-0,
  .quickview-container .hmf-mx-xsm-0 {
    margin-right: 0px !important;
  }
  .quickview-container .hmf-mb-xsm-0,
  .quickview-container .hmf-my-xsm-0 {
    margin-bottom: 0px !important;
  }
  .quickview-container .hmf-ml-xsm-0,
  .quickview-container .hmf-mx-xsm-0 {
    margin-left: 0px !important;
  }
  .quickview-container .hmf-m-xsm-xxxs {
    margin: 4px !important;
  }
  .quickview-container .hmf-mt-xsm-xxxs,
  .quickview-container .hmf-my-xsm-xxxs {
    margin-top: 4px !important;
  }
  .quickview-container .hmf-mr-xsm-xxxs,
  .quickview-container .hmf-mx-xsm-xxxs {
    margin-right: 4px !important;
  }
  .quickview-container .hmf-mb-xsm-xxxs,
  .quickview-container .hmf-my-xsm-xxxs {
    margin-bottom: 4px !important;
  }
  .quickview-container .hmf-ml-xsm-xxxs,
  .quickview-container .hmf-mx-xsm-xxxs {
    margin-left: 4px !important;
  }
  .quickview-container .hmf-m-xsm-xxs {
    margin: 8px !important;
  }
  .quickview-container .hmf-mt-xsm-xxs,
  .quickview-container .hmf-my-xsm-xxs {
    margin-top: 8px !important;
  }
  .quickview-container .hmf-mr-xsm-xxs,
  .quickview-container .hmf-mx-xsm-xxs {
    margin-right: 8px !important;
  }
  .quickview-container .hmf-mb-xsm-xxs,
  .quickview-container .hmf-my-xsm-xxs {
    margin-bottom: 8px !important;
  }
  .quickview-container .hmf-ml-xsm-xxs,
  .quickview-container .hmf-mx-xsm-xxs {
    margin-left: 8px !important;
  }
  .quickview-container .hmf-m-xsm-xs {
    margin: 12px !important;
  }
  .quickview-container .hmf-mt-xsm-xs,
  .quickview-container .hmf-my-xsm-xs {
    margin-top: 12px !important;
  }
  .quickview-container .hmf-mr-xsm-xs,
  .quickview-container .hmf-mx-xsm-xs {
    margin-right: 12px !important;
  }
  .quickview-container .hmf-mb-xsm-xs,
  .quickview-container .hmf-my-xsm-xs {
    margin-bottom: 12px !important;
  }
  .quickview-container .hmf-ml-xsm-xs,
  .quickview-container .hmf-mx-xsm-xs {
    margin-left: 12px !important;
  }
  .quickview-container .hmf-m-xsm-s {
    margin: 16px !important;
  }
  .quickview-container .hmf-mt-xsm-s,
  .quickview-container .hmf-my-xsm-s {
    margin-top: 16px !important;
  }
  .quickview-container .hmf-mr-xsm-s,
  .quickview-container .hmf-mx-xsm-s {
    margin-right: 16px !important;
  }
  .quickview-container .hmf-mb-xsm-s,
  .quickview-container .hmf-my-xsm-s {
    margin-bottom: 16px !important;
  }
  .quickview-container .hmf-ml-xsm-s,
  .quickview-container .hmf-mx-xsm-s {
    margin-left: 16px !important;
  }
  .quickview-container .hmf-m-xsm-m {
    margin: 24px !important;
  }
  .quickview-container .hmf-mt-xsm-m,
  .quickview-container .hmf-my-xsm-m {
    margin-top: 24px !important;
  }
  .quickview-container .hmf-mr-xsm-m,
  .quickview-container .hmf-mx-xsm-m {
    margin-right: 24px !important;
  }
  .quickview-container .hmf-mb-xsm-m,
  .quickview-container .hmf-my-xsm-m {
    margin-bottom: 24px !important;
  }
  .quickview-container .hmf-ml-xsm-m,
  .quickview-container .hmf-mx-xsm-m {
    margin-left: 24px !important;
  }
  .quickview-container .hmf-m-xsm-l {
    margin: 32px !important;
  }
  .quickview-container .hmf-mt-xsm-l,
  .quickview-container .hmf-my-xsm-l {
    margin-top: 32px !important;
  }
  .quickview-container .hmf-mr-xsm-l,
  .quickview-container .hmf-mx-xsm-l {
    margin-right: 32px !important;
  }
  .quickview-container .hmf-mb-xsm-l,
  .quickview-container .hmf-my-xsm-l {
    margin-bottom: 32px !important;
  }
  .quickview-container .hmf-ml-xsm-l,
  .quickview-container .hmf-mx-xsm-l {
    margin-left: 32px !important;
  }
  .quickview-container .hmf-m-xsm-xl {
    margin: 48px !important;
  }
  .quickview-container .hmf-mt-xsm-xl,
  .quickview-container .hmf-my-xsm-xl {
    margin-top: 48px !important;
  }
  .quickview-container .hmf-mr-xsm-xl,
  .quickview-container .hmf-mx-xsm-xl {
    margin-right: 48px !important;
  }
  .quickview-container .hmf-mb-xsm-xl,
  .quickview-container .hmf-my-xsm-xl {
    margin-bottom: 48px !important;
  }
  .quickview-container .hmf-ml-xsm-xl,
  .quickview-container .hmf-mx-xsm-xl {
    margin-left: 48px !important;
  }
  .quickview-container .hmf-m-xsm-xxl {
    margin: 72px !important;
  }
  .quickview-container .hmf-mt-xsm-xxl,
  .quickview-container .hmf-my-xsm-xxl {
    margin-top: 72px !important;
  }
  .quickview-container .hmf-mr-xsm-xxl,
  .quickview-container .hmf-mx-xsm-xxl {
    margin-right: 72px !important;
  }
  .quickview-container .hmf-mb-xsm-xxl,
  .quickview-container .hmf-my-xsm-xxl {
    margin-bottom: 72px !important;
  }
  .quickview-container .hmf-ml-xsm-xxl,
  .quickview-container .hmf-mx-xsm-xxl {
    margin-left: 72px !important;
  }
  .quickview-container .hmf-m-xsm-xxxl {
    margin: 96px !important;
  }
  .quickview-container .hmf-mt-xsm-xxxl,
  .quickview-container .hmf-my-xsm-xxxl {
    margin-top: 96px !important;
  }
  .quickview-container .hmf-mr-xsm-xxxl,
  .quickview-container .hmf-mx-xsm-xxxl {
    margin-right: 96px !important;
  }
  .quickview-container .hmf-mb-xsm-xxxl,
  .quickview-container .hmf-my-xsm-xxxl {
    margin-bottom: 96px !important;
  }
  .quickview-container .hmf-ml-xsm-xxxl,
  .quickview-container .hmf-mx-xsm-xxxl {
    margin-left: 96px !important;
  }
  .quickview-container .hmf-m-xsm-xxxxl {
    margin: 120px !important;
  }
  .quickview-container .hmf-mt-xsm-xxxxl,
  .quickview-container .hmf-my-xsm-xxxxl {
    margin-top: 120px !important;
  }
  .quickview-container .hmf-mr-xsm-xxxxl,
  .quickview-container .hmf-mx-xsm-xxxxl {
    margin-right: 120px !important;
  }
  .quickview-container .hmf-mb-xsm-xxxxl,
  .quickview-container .hmf-my-xsm-xxxxl {
    margin-bottom: 120px !important;
  }
  .quickview-container .hmf-ml-xsm-xxxxl,
  .quickview-container .hmf-mx-xsm-xxxxl {
    margin-left: 120px !important;
  }
  .quickview-container .hmf-p-xsm-auto {
    padding: auto !important;
  }
  .quickview-container .hmf-pt-xsm-auto,
  .quickview-container .hmf-py-xsm-auto {
    padding-top: auto !important;
  }
  .quickview-container .hmf-pr-xsm-auto,
  .quickview-container .hmf-px-xsm-auto {
    padding-right: auto !important;
  }
  .quickview-container .hmf-pb-xsm-auto,
  .quickview-container .hmf-py-xsm-auto {
    padding-bottom: auto !important;
  }
  .quickview-container .hmf-pl-xsm-auto,
  .quickview-container .hmf-px-xsm-auto {
    padding-left: auto !important;
  }
  .quickview-container .hmf-p-xsm-0 {
    padding: 0px !important;
  }
  .quickview-container .hmf-pt-xsm-0,
  .quickview-container .hmf-py-xsm-0 {
    padding-top: 0px !important;
  }
  .quickview-container .hmf-pr-xsm-0,
  .quickview-container .hmf-px-xsm-0 {
    padding-right: 0px !important;
  }
  .quickview-container .hmf-pb-xsm-0,
  .quickview-container .hmf-py-xsm-0 {
    padding-bottom: 0px !important;
  }
  .quickview-container .hmf-pl-xsm-0,
  .quickview-container .hmf-px-xsm-0 {
    padding-left: 0px !important;
  }
  .quickview-container .hmf-p-xsm-xxxs {
    padding: 4px !important;
  }
  .quickview-container .hmf-pt-xsm-xxxs,
  .quickview-container .hmf-py-xsm-xxxs {
    padding-top: 4px !important;
  }
  .quickview-container .hmf-pr-xsm-xxxs,
  .quickview-container .hmf-px-xsm-xxxs {
    padding-right: 4px !important;
  }
  .quickview-container .hmf-pb-xsm-xxxs,
  .quickview-container .hmf-py-xsm-xxxs {
    padding-bottom: 4px !important;
  }
  .quickview-container .hmf-pl-xsm-xxxs,
  .quickview-container .hmf-px-xsm-xxxs {
    padding-left: 4px !important;
  }
  .quickview-container .hmf-p-xsm-xxs {
    padding: 8px !important;
  }
  .quickview-container .hmf-pt-xsm-xxs,
  .quickview-container .hmf-py-xsm-xxs {
    padding-top: 8px !important;
  }
  .quickview-container .hmf-pr-xsm-xxs,
  .quickview-container .hmf-px-xsm-xxs {
    padding-right: 8px !important;
  }
  .quickview-container .hmf-pb-xsm-xxs,
  .quickview-container .hmf-py-xsm-xxs {
    padding-bottom: 8px !important;
  }
  .quickview-container .hmf-pl-xsm-xxs,
  .quickview-container .hmf-px-xsm-xxs {
    padding-left: 8px !important;
  }
  .quickview-container .hmf-p-xsm-xs {
    padding: 12px !important;
  }
  .quickview-container .hmf-pt-xsm-xs,
  .quickview-container .hmf-py-xsm-xs {
    padding-top: 12px !important;
  }
  .quickview-container .hmf-pr-xsm-xs,
  .quickview-container .hmf-px-xsm-xs {
    padding-right: 12px !important;
  }
  .quickview-container .hmf-pb-xsm-xs,
  .quickview-container .hmf-py-xsm-xs {
    padding-bottom: 12px !important;
  }
  .quickview-container .hmf-pl-xsm-xs,
  .quickview-container .hmf-px-xsm-xs {
    padding-left: 12px !important;
  }
  .quickview-container .hmf-p-xsm-s {
    padding: 16px !important;
  }
  .quickview-container .hmf-pt-xsm-s,
  .quickview-container .hmf-py-xsm-s {
    padding-top: 16px !important;
  }
  .quickview-container .hmf-pr-xsm-s,
  .quickview-container .hmf-px-xsm-s {
    padding-right: 16px !important;
  }
  .quickview-container .hmf-pb-xsm-s,
  .quickview-container .hmf-py-xsm-s {
    padding-bottom: 16px !important;
  }
  .quickview-container .hmf-pl-xsm-s,
  .quickview-container .hmf-px-xsm-s {
    padding-left: 16px !important;
  }
  .quickview-container .hmf-p-xsm-m {
    padding: 24px !important;
  }
  .quickview-container .hmf-pt-xsm-m,
  .quickview-container .hmf-py-xsm-m {
    padding-top: 24px !important;
  }
  .quickview-container .hmf-pr-xsm-m,
  .quickview-container .hmf-px-xsm-m {
    padding-right: 24px !important;
  }
  .quickview-container .hmf-pb-xsm-m,
  .quickview-container .hmf-py-xsm-m {
    padding-bottom: 24px !important;
  }
  .quickview-container .hmf-pl-xsm-m,
  .quickview-container .hmf-px-xsm-m {
    padding-left: 24px !important;
  }
  .quickview-container .hmf-p-xsm-l {
    padding: 32px !important;
  }
  .quickview-container .hmf-pt-xsm-l,
  .quickview-container .hmf-py-xsm-l {
    padding-top: 32px !important;
  }
  .quickview-container .hmf-pr-xsm-l,
  .quickview-container .hmf-px-xsm-l {
    padding-right: 32px !important;
  }
  .quickview-container .hmf-pb-xsm-l,
  .quickview-container .hmf-py-xsm-l {
    padding-bottom: 32px !important;
  }
  .quickview-container .hmf-pl-xsm-l,
  .quickview-container .hmf-px-xsm-l {
    padding-left: 32px !important;
  }
  .quickview-container .hmf-p-xsm-xl {
    padding: 48px !important;
  }
  .quickview-container .hmf-pt-xsm-xl,
  .quickview-container .hmf-py-xsm-xl {
    padding-top: 48px !important;
  }
  .quickview-container .hmf-pr-xsm-xl,
  .quickview-container .hmf-px-xsm-xl {
    padding-right: 48px !important;
  }
  .quickview-container .hmf-pb-xsm-xl,
  .quickview-container .hmf-py-xsm-xl {
    padding-bottom: 48px !important;
  }
  .quickview-container .hmf-pl-xsm-xl,
  .quickview-container .hmf-px-xsm-xl {
    padding-left: 48px !important;
  }
  .quickview-container .hmf-p-xsm-xxl {
    padding: 72px !important;
  }
  .quickview-container .hmf-pt-xsm-xxl,
  .quickview-container .hmf-py-xsm-xxl {
    padding-top: 72px !important;
  }
  .quickview-container .hmf-pr-xsm-xxl,
  .quickview-container .hmf-px-xsm-xxl {
    padding-right: 72px !important;
  }
  .quickview-container .hmf-pb-xsm-xxl,
  .quickview-container .hmf-py-xsm-xxl {
    padding-bottom: 72px !important;
  }
  .quickview-container .hmf-pl-xsm-xxl,
  .quickview-container .hmf-px-xsm-xxl {
    padding-left: 72px !important;
  }
  .quickview-container .hmf-p-xsm-xxxl {
    padding: 96px !important;
  }
  .quickview-container .hmf-pt-xsm-xxxl,
  .quickview-container .hmf-py-xsm-xxxl {
    padding-top: 96px !important;
  }
  .quickview-container .hmf-pr-xsm-xxxl,
  .quickview-container .hmf-px-xsm-xxxl {
    padding-right: 96px !important;
  }
  .quickview-container .hmf-pb-xsm-xxxl,
  .quickview-container .hmf-py-xsm-xxxl {
    padding-bottom: 96px !important;
  }
  .quickview-container .hmf-pl-xsm-xxxl,
  .quickview-container .hmf-px-xsm-xxxl {
    padding-left: 96px !important;
  }
  .quickview-container .hmf-p-xsm-xxxxl {
    padding: 120px !important;
  }
  .quickview-container .hmf-pt-xsm-xxxxl,
  .quickview-container .hmf-py-xsm-xxxxl {
    padding-top: 120px !important;
  }
  .quickview-container .hmf-pr-xsm-xxxxl,
  .quickview-container .hmf-px-xsm-xxxxl {
    padding-right: 120px !important;
  }
  .quickview-container .hmf-pb-xsm-xxxxl,
  .quickview-container .hmf-py-xsm-xxxxl {
    padding-bottom: 120px !important;
  }
  .quickview-container .hmf-pl-xsm-xxxxl,
  .quickview-container .hmf-px-xsm-xxxxl {
    padding-left: 120px !important;
  }
  .quickview-container .hmf-m-xsm-auto {
    margin: auto !important;
  }
  .quickview-container .hmf-mt-xsm-auto,
  .quickview-container .hmf-my-xsm-auto {
    margin-top: auto !important;
  }
  .quickview-container .hmf-mr-xsm-auto,
  .quickview-container .hmf-mx-xsm-auto {
    margin-right: auto !important;
  }
  .quickview-container .hmf-mb-xsm-auto,
  .quickview-container .hmf-my-xsm-auto {
    margin-bottom: auto !important;
  }
  .quickview-container .hmf-ml-xsm-auto,
  .quickview-container .hmf-mx-xsm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 480px) {
  .quickview-container .hmf-m-sm-auto {
    margin: auto !important;
  }
  .quickview-container .hmf-mt-sm-auto,
  .quickview-container .hmf-my-sm-auto {
    margin-top: auto !important;
  }
  .quickview-container .hmf-mr-sm-auto,
  .quickview-container .hmf-mx-sm-auto {
    margin-right: auto !important;
  }
  .quickview-container .hmf-mb-sm-auto,
  .quickview-container .hmf-my-sm-auto {
    margin-bottom: auto !important;
  }
  .quickview-container .hmf-ml-sm-auto,
  .quickview-container .hmf-mx-sm-auto {
    margin-left: auto !important;
  }
  .quickview-container .hmf-m-sm-0 {
    margin: 0px !important;
  }
  .quickview-container .hmf-mt-sm-0,
  .quickview-container .hmf-my-sm-0 {
    margin-top: 0px !important;
  }
  .quickview-container .hmf-mr-sm-0,
  .quickview-container .hmf-mx-sm-0 {
    margin-right: 0px !important;
  }
  .quickview-container .hmf-mb-sm-0,
  .quickview-container .hmf-my-sm-0 {
    margin-bottom: 0px !important;
  }
  .quickview-container .hmf-ml-sm-0,
  .quickview-container .hmf-mx-sm-0 {
    margin-left: 0px !important;
  }
  .quickview-container .hmf-m-sm-xxxs {
    margin: 4px !important;
  }
  .quickview-container .hmf-mt-sm-xxxs,
  .quickview-container .hmf-my-sm-xxxs {
    margin-top: 4px !important;
  }
  .quickview-container .hmf-mr-sm-xxxs,
  .quickview-container .hmf-mx-sm-xxxs {
    margin-right: 4px !important;
  }
  .quickview-container .hmf-mb-sm-xxxs,
  .quickview-container .hmf-my-sm-xxxs {
    margin-bottom: 4px !important;
  }
  .quickview-container .hmf-ml-sm-xxxs,
  .quickview-container .hmf-mx-sm-xxxs {
    margin-left: 4px !important;
  }
  .quickview-container .hmf-m-sm-xxs {
    margin: 8px !important;
  }
  .quickview-container .hmf-mt-sm-xxs,
  .quickview-container .hmf-my-sm-xxs {
    margin-top: 8px !important;
  }
  .quickview-container .hmf-mr-sm-xxs,
  .quickview-container .hmf-mx-sm-xxs {
    margin-right: 8px !important;
  }
  .quickview-container .hmf-mb-sm-xxs,
  .quickview-container .hmf-my-sm-xxs {
    margin-bottom: 8px !important;
  }
  .quickview-container .hmf-ml-sm-xxs,
  .quickview-container .hmf-mx-sm-xxs {
    margin-left: 8px !important;
  }
  .quickview-container .hmf-m-sm-xs {
    margin: 12px !important;
  }
  .quickview-container .hmf-mt-sm-xs,
  .quickview-container .hmf-my-sm-xs {
    margin-top: 12px !important;
  }
  .quickview-container .hmf-mr-sm-xs,
  .quickview-container .hmf-mx-sm-xs {
    margin-right: 12px !important;
  }
  .quickview-container .hmf-mb-sm-xs,
  .quickview-container .hmf-my-sm-xs {
    margin-bottom: 12px !important;
  }
  .quickview-container .hmf-ml-sm-xs,
  .quickview-container .hmf-mx-sm-xs {
    margin-left: 12px !important;
  }
  .quickview-container .hmf-m-sm-s {
    margin: 16px !important;
  }
  .quickview-container .hmf-mt-sm-s,
  .quickview-container .hmf-my-sm-s {
    margin-top: 16px !important;
  }
  .quickview-container .hmf-mr-sm-s,
  .quickview-container .hmf-mx-sm-s {
    margin-right: 16px !important;
  }
  .quickview-container .hmf-mb-sm-s,
  .quickview-container .hmf-my-sm-s {
    margin-bottom: 16px !important;
  }
  .quickview-container .hmf-ml-sm-s,
  .quickview-container .hmf-mx-sm-s {
    margin-left: 16px !important;
  }
  .quickview-container .hmf-m-sm-m {
    margin: 24px !important;
  }
  .quickview-container .hmf-mt-sm-m,
  .quickview-container .hmf-my-sm-m {
    margin-top: 24px !important;
  }
  .quickview-container .hmf-mr-sm-m,
  .quickview-container .hmf-mx-sm-m {
    margin-right: 24px !important;
  }
  .quickview-container .hmf-mb-sm-m,
  .quickview-container .hmf-my-sm-m {
    margin-bottom: 24px !important;
  }
  .quickview-container .hmf-ml-sm-m,
  .quickview-container .hmf-mx-sm-m {
    margin-left: 24px !important;
  }
  .quickview-container .hmf-m-sm-l {
    margin: 32px !important;
  }
  .quickview-container .hmf-mt-sm-l,
  .quickview-container .hmf-my-sm-l {
    margin-top: 32px !important;
  }
  .quickview-container .hmf-mr-sm-l,
  .quickview-container .hmf-mx-sm-l {
    margin-right: 32px !important;
  }
  .quickview-container .hmf-mb-sm-l,
  .quickview-container .hmf-my-sm-l {
    margin-bottom: 32px !important;
  }
  .quickview-container .hmf-ml-sm-l,
  .quickview-container .hmf-mx-sm-l {
    margin-left: 32px !important;
  }
  .quickview-container .hmf-m-sm-xl {
    margin: 48px !important;
  }
  .quickview-container .hmf-mt-sm-xl,
  .quickview-container .hmf-my-sm-xl {
    margin-top: 48px !important;
  }
  .quickview-container .hmf-mr-sm-xl,
  .quickview-container .hmf-mx-sm-xl {
    margin-right: 48px !important;
  }
  .quickview-container .hmf-mb-sm-xl,
  .quickview-container .hmf-my-sm-xl {
    margin-bottom: 48px !important;
  }
  .quickview-container .hmf-ml-sm-xl,
  .quickview-container .hmf-mx-sm-xl {
    margin-left: 48px !important;
  }
  .quickview-container .hmf-m-sm-xxl {
    margin: 72px !important;
  }
  .quickview-container .hmf-mt-sm-xxl,
  .quickview-container .hmf-my-sm-xxl {
    margin-top: 72px !important;
  }
  .quickview-container .hmf-mr-sm-xxl,
  .quickview-container .hmf-mx-sm-xxl {
    margin-right: 72px !important;
  }
  .quickview-container .hmf-mb-sm-xxl,
  .quickview-container .hmf-my-sm-xxl {
    margin-bottom: 72px !important;
  }
  .quickview-container .hmf-ml-sm-xxl,
  .quickview-container .hmf-mx-sm-xxl {
    margin-left: 72px !important;
  }
  .quickview-container .hmf-m-sm-xxxl {
    margin: 96px !important;
  }
  .quickview-container .hmf-mt-sm-xxxl,
  .quickview-container .hmf-my-sm-xxxl {
    margin-top: 96px !important;
  }
  .quickview-container .hmf-mr-sm-xxxl,
  .quickview-container .hmf-mx-sm-xxxl {
    margin-right: 96px !important;
  }
  .quickview-container .hmf-mb-sm-xxxl,
  .quickview-container .hmf-my-sm-xxxl {
    margin-bottom: 96px !important;
  }
  .quickview-container .hmf-ml-sm-xxxl,
  .quickview-container .hmf-mx-sm-xxxl {
    margin-left: 96px !important;
  }
  .quickview-container .hmf-m-sm-xxxxl {
    margin: 120px !important;
  }
  .quickview-container .hmf-mt-sm-xxxxl,
  .quickview-container .hmf-my-sm-xxxxl {
    margin-top: 120px !important;
  }
  .quickview-container .hmf-mr-sm-xxxxl,
  .quickview-container .hmf-mx-sm-xxxxl {
    margin-right: 120px !important;
  }
  .quickview-container .hmf-mb-sm-xxxxl,
  .quickview-container .hmf-my-sm-xxxxl {
    margin-bottom: 120px !important;
  }
  .quickview-container .hmf-ml-sm-xxxxl,
  .quickview-container .hmf-mx-sm-xxxxl {
    margin-left: 120px !important;
  }
  .quickview-container .hmf-p-sm-auto {
    padding: auto !important;
  }
  .quickview-container .hmf-pt-sm-auto,
  .quickview-container .hmf-py-sm-auto {
    padding-top: auto !important;
  }
  .quickview-container .hmf-pr-sm-auto,
  .quickview-container .hmf-px-sm-auto {
    padding-right: auto !important;
  }
  .quickview-container .hmf-pb-sm-auto,
  .quickview-container .hmf-py-sm-auto {
    padding-bottom: auto !important;
  }
  .quickview-container .hmf-pl-sm-auto,
  .quickview-container .hmf-px-sm-auto {
    padding-left: auto !important;
  }
  .quickview-container .hmf-p-sm-0 {
    padding: 0px !important;
  }
  .quickview-container .hmf-pt-sm-0,
  .quickview-container .hmf-py-sm-0 {
    padding-top: 0px !important;
  }
  .quickview-container .hmf-pr-sm-0,
  .quickview-container .hmf-px-sm-0 {
    padding-right: 0px !important;
  }
  .quickview-container .hmf-pb-sm-0,
  .quickview-container .hmf-py-sm-0 {
    padding-bottom: 0px !important;
  }
  .quickview-container .hmf-pl-sm-0,
  .quickview-container .hmf-px-sm-0 {
    padding-left: 0px !important;
  }
  .quickview-container .hmf-p-sm-xxxs {
    padding: 4px !important;
  }
  .quickview-container .hmf-pt-sm-xxxs,
  .quickview-container .hmf-py-sm-xxxs {
    padding-top: 4px !important;
  }
  .quickview-container .hmf-pr-sm-xxxs,
  .quickview-container .hmf-px-sm-xxxs {
    padding-right: 4px !important;
  }
  .quickview-container .hmf-pb-sm-xxxs,
  .quickview-container .hmf-py-sm-xxxs {
    padding-bottom: 4px !important;
  }
  .quickview-container .hmf-pl-sm-xxxs,
  .quickview-container .hmf-px-sm-xxxs {
    padding-left: 4px !important;
  }
  .quickview-container .hmf-p-sm-xxs {
    padding: 8px !important;
  }
  .quickview-container .hmf-pt-sm-xxs,
  .quickview-container .hmf-py-sm-xxs {
    padding-top: 8px !important;
  }
  .quickview-container .hmf-pr-sm-xxs,
  .quickview-container .hmf-px-sm-xxs {
    padding-right: 8px !important;
  }
  .quickview-container .hmf-pb-sm-xxs,
  .quickview-container .hmf-py-sm-xxs {
    padding-bottom: 8px !important;
  }
  .quickview-container .hmf-pl-sm-xxs,
  .quickview-container .hmf-px-sm-xxs {
    padding-left: 8px !important;
  }
  .quickview-container .hmf-p-sm-xs {
    padding: 12px !important;
  }
  .quickview-container .hmf-pt-sm-xs,
  .quickview-container .hmf-py-sm-xs {
    padding-top: 12px !important;
  }
  .quickview-container .hmf-pr-sm-xs,
  .quickview-container .hmf-px-sm-xs {
    padding-right: 12px !important;
  }
  .quickview-container .hmf-pb-sm-xs,
  .quickview-container .hmf-py-sm-xs {
    padding-bottom: 12px !important;
  }
  .quickview-container .hmf-pl-sm-xs,
  .quickview-container .hmf-px-sm-xs {
    padding-left: 12px !important;
  }
  .quickview-container .hmf-p-sm-s {
    padding: 16px !important;
  }
  .quickview-container .hmf-pt-sm-s,
  .quickview-container .hmf-py-sm-s {
    padding-top: 16px !important;
  }
  .quickview-container .hmf-pr-sm-s,
  .quickview-container .hmf-px-sm-s {
    padding-right: 16px !important;
  }
  .quickview-container .hmf-pb-sm-s,
  .quickview-container .hmf-py-sm-s {
    padding-bottom: 16px !important;
  }
  .quickview-container .hmf-pl-sm-s,
  .quickview-container .hmf-px-sm-s {
    padding-left: 16px !important;
  }
  .quickview-container .hmf-p-sm-m {
    padding: 24px !important;
  }
  .quickview-container .hmf-pt-sm-m,
  .quickview-container .hmf-py-sm-m {
    padding-top: 24px !important;
  }
  .quickview-container .hmf-pr-sm-m,
  .quickview-container .hmf-px-sm-m {
    padding-right: 24px !important;
  }
  .quickview-container .hmf-pb-sm-m,
  .quickview-container .hmf-py-sm-m {
    padding-bottom: 24px !important;
  }
  .quickview-container .hmf-pl-sm-m,
  .quickview-container .hmf-px-sm-m {
    padding-left: 24px !important;
  }
  .quickview-container .hmf-p-sm-l {
    padding: 32px !important;
  }
  .quickview-container .hmf-pt-sm-l,
  .quickview-container .hmf-py-sm-l {
    padding-top: 32px !important;
  }
  .quickview-container .hmf-pr-sm-l,
  .quickview-container .hmf-px-sm-l {
    padding-right: 32px !important;
  }
  .quickview-container .hmf-pb-sm-l,
  .quickview-container .hmf-py-sm-l {
    padding-bottom: 32px !important;
  }
  .quickview-container .hmf-pl-sm-l,
  .quickview-container .hmf-px-sm-l {
    padding-left: 32px !important;
  }
  .quickview-container .hmf-p-sm-xl {
    padding: 48px !important;
  }
  .quickview-container .hmf-pt-sm-xl,
  .quickview-container .hmf-py-sm-xl {
    padding-top: 48px !important;
  }
  .quickview-container .hmf-pr-sm-xl,
  .quickview-container .hmf-px-sm-xl {
    padding-right: 48px !important;
  }
  .quickview-container .hmf-pb-sm-xl,
  .quickview-container .hmf-py-sm-xl {
    padding-bottom: 48px !important;
  }
  .quickview-container .hmf-pl-sm-xl,
  .quickview-container .hmf-px-sm-xl {
    padding-left: 48px !important;
  }
  .quickview-container .hmf-p-sm-xxl {
    padding: 72px !important;
  }
  .quickview-container .hmf-pt-sm-xxl,
  .quickview-container .hmf-py-sm-xxl {
    padding-top: 72px !important;
  }
  .quickview-container .hmf-pr-sm-xxl,
  .quickview-container .hmf-px-sm-xxl {
    padding-right: 72px !important;
  }
  .quickview-container .hmf-pb-sm-xxl,
  .quickview-container .hmf-py-sm-xxl {
    padding-bottom: 72px !important;
  }
  .quickview-container .hmf-pl-sm-xxl,
  .quickview-container .hmf-px-sm-xxl {
    padding-left: 72px !important;
  }
  .quickview-container .hmf-p-sm-xxxl {
    padding: 96px !important;
  }
  .quickview-container .hmf-pt-sm-xxxl,
  .quickview-container .hmf-py-sm-xxxl {
    padding-top: 96px !important;
  }
  .quickview-container .hmf-pr-sm-xxxl,
  .quickview-container .hmf-px-sm-xxxl {
    padding-right: 96px !important;
  }
  .quickview-container .hmf-pb-sm-xxxl,
  .quickview-container .hmf-py-sm-xxxl {
    padding-bottom: 96px !important;
  }
  .quickview-container .hmf-pl-sm-xxxl,
  .quickview-container .hmf-px-sm-xxxl {
    padding-left: 96px !important;
  }
  .quickview-container .hmf-p-sm-xxxxl {
    padding: 120px !important;
  }
  .quickview-container .hmf-pt-sm-xxxxl,
  .quickview-container .hmf-py-sm-xxxxl {
    padding-top: 120px !important;
  }
  .quickview-container .hmf-pr-sm-xxxxl,
  .quickview-container .hmf-px-sm-xxxxl {
    padding-right: 120px !important;
  }
  .quickview-container .hmf-pb-sm-xxxxl,
  .quickview-container .hmf-py-sm-xxxxl {
    padding-bottom: 120px !important;
  }
  .quickview-container .hmf-pl-sm-xxxxl,
  .quickview-container .hmf-px-sm-xxxxl {
    padding-left: 120px !important;
  }
  .quickview-container .hmf-m-sm-auto {
    margin: auto !important;
  }
  .quickview-container .hmf-mt-sm-auto,
  .quickview-container .hmf-my-sm-auto {
    margin-top: auto !important;
  }
  .quickview-container .hmf-mr-sm-auto,
  .quickview-container .hmf-mx-sm-auto {
    margin-right: auto !important;
  }
  .quickview-container .hmf-mb-sm-auto,
  .quickview-container .hmf-my-sm-auto {
    margin-bottom: auto !important;
  }
  .quickview-container .hmf-ml-sm-auto,
  .quickview-container .hmf-mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .quickview-container .hmf-m-m-auto {
    margin: auto !important;
  }
  .quickview-container .hmf-mt-m-auto,
  .quickview-container .hmf-my-m-auto {
    margin-top: auto !important;
  }
  .quickview-container .hmf-mr-m-auto,
  .quickview-container .hmf-mx-m-auto {
    margin-right: auto !important;
  }
  .quickview-container .hmf-mb-m-auto,
  .quickview-container .hmf-my-m-auto {
    margin-bottom: auto !important;
  }
  .quickview-container .hmf-ml-m-auto,
  .quickview-container .hmf-mx-m-auto {
    margin-left: auto !important;
  }
  .quickview-container .hmf-m-m-0 {
    margin: 0px !important;
  }
  .quickview-container .hmf-mt-m-0,
  .quickview-container .hmf-my-m-0 {
    margin-top: 0px !important;
  }
  .quickview-container .hmf-mr-m-0,
  .quickview-container .hmf-mx-m-0 {
    margin-right: 0px !important;
  }
  .quickview-container .hmf-mb-m-0,
  .quickview-container .hmf-my-m-0 {
    margin-bottom: 0px !important;
  }
  .quickview-container .hmf-ml-m-0,
  .quickview-container .hmf-mx-m-0 {
    margin-left: 0px !important;
  }
  .quickview-container .hmf-m-m-xxxs {
    margin: 4px !important;
  }
  .quickview-container .hmf-mt-m-xxxs,
  .quickview-container .hmf-my-m-xxxs {
    margin-top: 4px !important;
  }
  .quickview-container .hmf-mr-m-xxxs,
  .quickview-container .hmf-mx-m-xxxs {
    margin-right: 4px !important;
  }
  .quickview-container .hmf-mb-m-xxxs,
  .quickview-container .hmf-my-m-xxxs {
    margin-bottom: 4px !important;
  }
  .quickview-container .hmf-ml-m-xxxs,
  .quickview-container .hmf-mx-m-xxxs {
    margin-left: 4px !important;
  }
  .quickview-container .hmf-m-m-xxs {
    margin: 8px !important;
  }
  .quickview-container .hmf-mt-m-xxs,
  .quickview-container .hmf-my-m-xxs {
    margin-top: 8px !important;
  }
  .quickview-container .hmf-mr-m-xxs,
  .quickview-container .hmf-mx-m-xxs {
    margin-right: 8px !important;
  }
  .quickview-container .hmf-mb-m-xxs,
  .quickview-container .hmf-my-m-xxs {
    margin-bottom: 8px !important;
  }
  .quickview-container .hmf-ml-m-xxs,
  .quickview-container .hmf-mx-m-xxs {
    margin-left: 8px !important;
  }
  .quickview-container .hmf-m-m-xs {
    margin: 12px !important;
  }
  .quickview-container .hmf-mt-m-xs,
  .quickview-container .hmf-my-m-xs {
    margin-top: 12px !important;
  }
  .quickview-container .hmf-mr-m-xs,
  .quickview-container .hmf-mx-m-xs {
    margin-right: 12px !important;
  }
  .quickview-container .hmf-mb-m-xs,
  .quickview-container .hmf-my-m-xs {
    margin-bottom: 12px !important;
  }
  .quickview-container .hmf-ml-m-xs,
  .quickview-container .hmf-mx-m-xs {
    margin-left: 12px !important;
  }
  .quickview-container .hmf-m-m-s {
    margin: 16px !important;
  }
  .quickview-container .hmf-mt-m-s,
  .quickview-container .hmf-my-m-s {
    margin-top: 16px !important;
  }
  .quickview-container .hmf-mr-m-s,
  .quickview-container .hmf-mx-m-s {
    margin-right: 16px !important;
  }
  .quickview-container .hmf-mb-m-s,
  .quickview-container .hmf-my-m-s {
    margin-bottom: 16px !important;
  }
  .quickview-container .hmf-ml-m-s,
  .quickview-container .hmf-mx-m-s {
    margin-left: 16px !important;
  }
  .quickview-container .hmf-m-m-m {
    margin: 24px !important;
  }
  .quickview-container .hmf-mt-m-m,
  .quickview-container .hmf-my-m-m {
    margin-top: 24px !important;
  }
  .quickview-container .hmf-mr-m-m,
  .quickview-container .hmf-mx-m-m {
    margin-right: 24px !important;
  }
  .quickview-container .hmf-mb-m-m,
  .quickview-container .hmf-my-m-m {
    margin-bottom: 24px !important;
  }
  .quickview-container .hmf-ml-m-m,
  .quickview-container .hmf-mx-m-m {
    margin-left: 24px !important;
  }
  .quickview-container .hmf-m-m-l {
    margin: 32px !important;
  }
  .quickview-container .hmf-mt-m-l,
  .quickview-container .hmf-my-m-l {
    margin-top: 32px !important;
  }
  .quickview-container .hmf-mr-m-l,
  .quickview-container .hmf-mx-m-l {
    margin-right: 32px !important;
  }
  .quickview-container .hmf-mb-m-l,
  .quickview-container .hmf-my-m-l {
    margin-bottom: 32px !important;
  }
  .quickview-container .hmf-ml-m-l,
  .quickview-container .hmf-mx-m-l {
    margin-left: 32px !important;
  }
  .quickview-container .hmf-m-m-xl {
    margin: 48px !important;
  }
  .quickview-container .hmf-mt-m-xl,
  .quickview-container .hmf-my-m-xl {
    margin-top: 48px !important;
  }
  .quickview-container .hmf-mr-m-xl,
  .quickview-container .hmf-mx-m-xl {
    margin-right: 48px !important;
  }
  .quickview-container .hmf-mb-m-xl,
  .quickview-container .hmf-my-m-xl {
    margin-bottom: 48px !important;
  }
  .quickview-container .hmf-ml-m-xl,
  .quickview-container .hmf-mx-m-xl {
    margin-left: 48px !important;
  }
  .quickview-container .hmf-m-m-xxl {
    margin: 72px !important;
  }
  .quickview-container .hmf-mt-m-xxl,
  .quickview-container .hmf-my-m-xxl {
    margin-top: 72px !important;
  }
  .quickview-container .hmf-mr-m-xxl,
  .quickview-container .hmf-mx-m-xxl {
    margin-right: 72px !important;
  }
  .quickview-container .hmf-mb-m-xxl,
  .quickview-container .hmf-my-m-xxl {
    margin-bottom: 72px !important;
  }
  .quickview-container .hmf-ml-m-xxl,
  .quickview-container .hmf-mx-m-xxl {
    margin-left: 72px !important;
  }
  .quickview-container .hmf-m-m-xxxl {
    margin: 96px !important;
  }
  .quickview-container .hmf-mt-m-xxxl,
  .quickview-container .hmf-my-m-xxxl {
    margin-top: 96px !important;
  }
  .quickview-container .hmf-mr-m-xxxl,
  .quickview-container .hmf-mx-m-xxxl {
    margin-right: 96px !important;
  }
  .quickview-container .hmf-mb-m-xxxl,
  .quickview-container .hmf-my-m-xxxl {
    margin-bottom: 96px !important;
  }
  .quickview-container .hmf-ml-m-xxxl,
  .quickview-container .hmf-mx-m-xxxl {
    margin-left: 96px !important;
  }
  .quickview-container .hmf-m-m-xxxxl {
    margin: 120px !important;
  }
  .quickview-container .hmf-mt-m-xxxxl,
  .quickview-container .hmf-my-m-xxxxl {
    margin-top: 120px !important;
  }
  .quickview-container .hmf-mr-m-xxxxl,
  .quickview-container .hmf-mx-m-xxxxl {
    margin-right: 120px !important;
  }
  .quickview-container .hmf-mb-m-xxxxl,
  .quickview-container .hmf-my-m-xxxxl {
    margin-bottom: 120px !important;
  }
  .quickview-container .hmf-ml-m-xxxxl,
  .quickview-container .hmf-mx-m-xxxxl {
    margin-left: 120px !important;
  }
  .quickview-container .hmf-p-m-auto {
    padding: auto !important;
  }
  .quickview-container .hmf-pt-m-auto,
  .quickview-container .hmf-py-m-auto {
    padding-top: auto !important;
  }
  .quickview-container .hmf-pr-m-auto,
  .quickview-container .hmf-px-m-auto {
    padding-right: auto !important;
  }
  .quickview-container .hmf-pb-m-auto,
  .quickview-container .hmf-py-m-auto {
    padding-bottom: auto !important;
  }
  .quickview-container .hmf-pl-m-auto,
  .quickview-container .hmf-px-m-auto {
    padding-left: auto !important;
  }
  .quickview-container .hmf-p-m-0 {
    padding: 0px !important;
  }
  .quickview-container .hmf-pt-m-0,
  .quickview-container .hmf-py-m-0 {
    padding-top: 0px !important;
  }
  .quickview-container .hmf-pr-m-0,
  .quickview-container .hmf-px-m-0 {
    padding-right: 0px !important;
  }
  .quickview-container .hmf-pb-m-0,
  .quickview-container .hmf-py-m-0 {
    padding-bottom: 0px !important;
  }
  .quickview-container .hmf-pl-m-0,
  .quickview-container .hmf-px-m-0 {
    padding-left: 0px !important;
  }
  .quickview-container .hmf-p-m-xxxs {
    padding: 4px !important;
  }
  .quickview-container .hmf-pt-m-xxxs,
  .quickview-container .hmf-py-m-xxxs {
    padding-top: 4px !important;
  }
  .quickview-container .hmf-pr-m-xxxs,
  .quickview-container .hmf-px-m-xxxs {
    padding-right: 4px !important;
  }
  .quickview-container .hmf-pb-m-xxxs,
  .quickview-container .hmf-py-m-xxxs {
    padding-bottom: 4px !important;
  }
  .quickview-container .hmf-pl-m-xxxs,
  .quickview-container .hmf-px-m-xxxs {
    padding-left: 4px !important;
  }
  .quickview-container .hmf-p-m-xxs {
    padding: 8px !important;
  }
  .quickview-container .hmf-pt-m-xxs,
  .quickview-container .hmf-py-m-xxs {
    padding-top: 8px !important;
  }
  .quickview-container .hmf-pr-m-xxs,
  .quickview-container .hmf-px-m-xxs {
    padding-right: 8px !important;
  }
  .quickview-container .hmf-pb-m-xxs,
  .quickview-container .hmf-py-m-xxs {
    padding-bottom: 8px !important;
  }
  .quickview-container .hmf-pl-m-xxs,
  .quickview-container .hmf-px-m-xxs {
    padding-left: 8px !important;
  }
  .quickview-container .hmf-p-m-xs {
    padding: 12px !important;
  }
  .quickview-container .hmf-pt-m-xs,
  .quickview-container .hmf-py-m-xs {
    padding-top: 12px !important;
  }
  .quickview-container .hmf-pr-m-xs,
  .quickview-container .hmf-px-m-xs {
    padding-right: 12px !important;
  }
  .quickview-container .hmf-pb-m-xs,
  .quickview-container .hmf-py-m-xs {
    padding-bottom: 12px !important;
  }
  .quickview-container .hmf-pl-m-xs,
  .quickview-container .hmf-px-m-xs {
    padding-left: 12px !important;
  }
  .quickview-container .hmf-p-m-s {
    padding: 16px !important;
  }
  .quickview-container .hmf-pt-m-s,
  .quickview-container .hmf-py-m-s {
    padding-top: 16px !important;
  }
  .quickview-container .hmf-pr-m-s,
  .quickview-container .hmf-px-m-s {
    padding-right: 16px !important;
  }
  .quickview-container .hmf-pb-m-s,
  .quickview-container .hmf-py-m-s {
    padding-bottom: 16px !important;
  }
  .quickview-container .hmf-pl-m-s,
  .quickview-container .hmf-px-m-s {
    padding-left: 16px !important;
  }
  .quickview-container .hmf-p-m-m {
    padding: 24px !important;
  }
  .quickview-container .hmf-pt-m-m,
  .quickview-container .hmf-py-m-m {
    padding-top: 24px !important;
  }
  .quickview-container .hmf-pr-m-m,
  .quickview-container .hmf-px-m-m {
    padding-right: 24px !important;
  }
  .quickview-container .hmf-pb-m-m,
  .quickview-container .hmf-py-m-m {
    padding-bottom: 24px !important;
  }
  .quickview-container .hmf-pl-m-m,
  .quickview-container .hmf-px-m-m {
    padding-left: 24px !important;
  }
  .quickview-container .hmf-p-m-l {
    padding: 32px !important;
  }
  .quickview-container .hmf-pt-m-l,
  .quickview-container .hmf-py-m-l {
    padding-top: 32px !important;
  }
  .quickview-container .hmf-pr-m-l,
  .quickview-container .hmf-px-m-l {
    padding-right: 32px !important;
  }
  .quickview-container .hmf-pb-m-l,
  .quickview-container .hmf-py-m-l {
    padding-bottom: 32px !important;
  }
  .quickview-container .hmf-pl-m-l,
  .quickview-container .hmf-px-m-l {
    padding-left: 32px !important;
  }
  .quickview-container .hmf-p-m-xl {
    padding: 48px !important;
  }
  .quickview-container .hmf-pt-m-xl,
  .quickview-container .hmf-py-m-xl {
    padding-top: 48px !important;
  }
  .quickview-container .hmf-pr-m-xl,
  .quickview-container .hmf-px-m-xl {
    padding-right: 48px !important;
  }
  .quickview-container .hmf-pb-m-xl,
  .quickview-container .hmf-py-m-xl {
    padding-bottom: 48px !important;
  }
  .quickview-container .hmf-pl-m-xl,
  .quickview-container .hmf-px-m-xl {
    padding-left: 48px !important;
  }
  .quickview-container .hmf-p-m-xxl {
    padding: 72px !important;
  }
  .quickview-container .hmf-pt-m-xxl,
  .quickview-container .hmf-py-m-xxl {
    padding-top: 72px !important;
  }
  .quickview-container .hmf-pr-m-xxl,
  .quickview-container .hmf-px-m-xxl {
    padding-right: 72px !important;
  }
  .quickview-container .hmf-pb-m-xxl,
  .quickview-container .hmf-py-m-xxl {
    padding-bottom: 72px !important;
  }
  .quickview-container .hmf-pl-m-xxl,
  .quickview-container .hmf-px-m-xxl {
    padding-left: 72px !important;
  }
  .quickview-container .hmf-p-m-xxxl {
    padding: 96px !important;
  }
  .quickview-container .hmf-pt-m-xxxl,
  .quickview-container .hmf-py-m-xxxl {
    padding-top: 96px !important;
  }
  .quickview-container .hmf-pr-m-xxxl,
  .quickview-container .hmf-px-m-xxxl {
    padding-right: 96px !important;
  }
  .quickview-container .hmf-pb-m-xxxl,
  .quickview-container .hmf-py-m-xxxl {
    padding-bottom: 96px !important;
  }
  .quickview-container .hmf-pl-m-xxxl,
  .quickview-container .hmf-px-m-xxxl {
    padding-left: 96px !important;
  }
  .quickview-container .hmf-p-m-xxxxl {
    padding: 120px !important;
  }
  .quickview-container .hmf-pt-m-xxxxl,
  .quickview-container .hmf-py-m-xxxxl {
    padding-top: 120px !important;
  }
  .quickview-container .hmf-pr-m-xxxxl,
  .quickview-container .hmf-px-m-xxxxl {
    padding-right: 120px !important;
  }
  .quickview-container .hmf-pb-m-xxxxl,
  .quickview-container .hmf-py-m-xxxxl {
    padding-bottom: 120px !important;
  }
  .quickview-container .hmf-pl-m-xxxxl,
  .quickview-container .hmf-px-m-xxxxl {
    padding-left: 120px !important;
  }
  .quickview-container .hmf-m-m-auto {
    margin: auto !important;
  }
  .quickview-container .hmf-mt-m-auto,
  .quickview-container .hmf-my-m-auto {
    margin-top: auto !important;
  }
  .quickview-container .hmf-mr-m-auto,
  .quickview-container .hmf-mx-m-auto {
    margin-right: auto !important;
  }
  .quickview-container .hmf-mb-m-auto,
  .quickview-container .hmf-my-m-auto {
    margin-bottom: auto !important;
  }
  .quickview-container .hmf-ml-m-auto,
  .quickview-container .hmf-mx-m-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .quickview-container .hmf-m-md-auto {
    margin: auto !important;
  }
  .quickview-container .hmf-mt-md-auto,
  .quickview-container .hmf-my-md-auto {
    margin-top: auto !important;
  }
  .quickview-container .hmf-mr-md-auto,
  .quickview-container .hmf-mx-md-auto {
    margin-right: auto !important;
  }
  .quickview-container .hmf-mb-md-auto,
  .quickview-container .hmf-my-md-auto {
    margin-bottom: auto !important;
  }
  .quickview-container .hmf-ml-md-auto,
  .quickview-container .hmf-mx-md-auto {
    margin-left: auto !important;
  }
  .quickview-container .hmf-m-md-0 {
    margin: 0px !important;
  }
  .quickview-container .hmf-mt-md-0,
  .quickview-container .hmf-my-md-0 {
    margin-top: 0px !important;
  }
  .quickview-container .hmf-mr-md-0,
  .quickview-container .hmf-mx-md-0 {
    margin-right: 0px !important;
  }
  .quickview-container .hmf-mb-md-0,
  .quickview-container .hmf-my-md-0 {
    margin-bottom: 0px !important;
  }
  .quickview-container .hmf-ml-md-0,
  .quickview-container .hmf-mx-md-0 {
    margin-left: 0px !important;
  }
  .quickview-container .hmf-m-md-xxxs {
    margin: 4px !important;
  }
  .quickview-container .hmf-mt-md-xxxs,
  .quickview-container .hmf-my-md-xxxs {
    margin-top: 4px !important;
  }
  .quickview-container .hmf-mr-md-xxxs,
  .quickview-container .hmf-mx-md-xxxs {
    margin-right: 4px !important;
  }
  .quickview-container .hmf-mb-md-xxxs,
  .quickview-container .hmf-my-md-xxxs {
    margin-bottom: 4px !important;
  }
  .quickview-container .hmf-ml-md-xxxs,
  .quickview-container .hmf-mx-md-xxxs {
    margin-left: 4px !important;
  }
  .quickview-container .hmf-m-md-xxs {
    margin: 8px !important;
  }
  .quickview-container .hmf-mt-md-xxs,
  .quickview-container .hmf-my-md-xxs {
    margin-top: 8px !important;
  }
  .quickview-container .hmf-mr-md-xxs,
  .quickview-container .hmf-mx-md-xxs {
    margin-right: 8px !important;
  }
  .quickview-container .hmf-mb-md-xxs,
  .quickview-container .hmf-my-md-xxs {
    margin-bottom: 8px !important;
  }
  .quickview-container .hmf-ml-md-xxs,
  .quickview-container .hmf-mx-md-xxs {
    margin-left: 8px !important;
  }
  .quickview-container .hmf-m-md-xs {
    margin: 12px !important;
  }
  .quickview-container .hmf-mt-md-xs,
  .quickview-container .hmf-my-md-xs {
    margin-top: 12px !important;
  }
  .quickview-container .hmf-mr-md-xs,
  .quickview-container .hmf-mx-md-xs {
    margin-right: 12px !important;
  }
  .quickview-container .hmf-mb-md-xs,
  .quickview-container .hmf-my-md-xs {
    margin-bottom: 12px !important;
  }
  .quickview-container .hmf-ml-md-xs,
  .quickview-container .hmf-mx-md-xs {
    margin-left: 12px !important;
  }
  .quickview-container .hmf-m-md-s {
    margin: 16px !important;
  }
  .quickview-container .hmf-mt-md-s,
  .quickview-container .hmf-my-md-s {
    margin-top: 16px !important;
  }
  .quickview-container .hmf-mr-md-s,
  .quickview-container .hmf-mx-md-s {
    margin-right: 16px !important;
  }
  .quickview-container .hmf-mb-md-s,
  .quickview-container .hmf-my-md-s {
    margin-bottom: 16px !important;
  }
  .quickview-container .hmf-ml-md-s,
  .quickview-container .hmf-mx-md-s {
    margin-left: 16px !important;
  }
  .quickview-container .hmf-m-md-m {
    margin: 24px !important;
  }
  .quickview-container .hmf-mt-md-m,
  .quickview-container .hmf-my-md-m {
    margin-top: 24px !important;
  }
  .quickview-container .hmf-mr-md-m,
  .quickview-container .hmf-mx-md-m {
    margin-right: 24px !important;
  }
  .quickview-container .hmf-mb-md-m,
  .quickview-container .hmf-my-md-m {
    margin-bottom: 24px !important;
  }
  .quickview-container .hmf-ml-md-m,
  .quickview-container .hmf-mx-md-m {
    margin-left: 24px !important;
  }
  .quickview-container .hmf-m-md-l {
    margin: 32px !important;
  }
  .quickview-container .hmf-mt-md-l,
  .quickview-container .hmf-my-md-l {
    margin-top: 32px !important;
  }
  .quickview-container .hmf-mr-md-l,
  .quickview-container .hmf-mx-md-l {
    margin-right: 32px !important;
  }
  .quickview-container .hmf-mb-md-l,
  .quickview-container .hmf-my-md-l {
    margin-bottom: 32px !important;
  }
  .quickview-container .hmf-ml-md-l,
  .quickview-container .hmf-mx-md-l {
    margin-left: 32px !important;
  }
  .quickview-container .hmf-m-md-xl {
    margin: 48px !important;
  }
  .quickview-container .hmf-mt-md-xl,
  .quickview-container .hmf-my-md-xl {
    margin-top: 48px !important;
  }
  .quickview-container .hmf-mr-md-xl,
  .quickview-container .hmf-mx-md-xl {
    margin-right: 48px !important;
  }
  .quickview-container .hmf-mb-md-xl,
  .quickview-container .hmf-my-md-xl {
    margin-bottom: 48px !important;
  }
  .quickview-container .hmf-ml-md-xl,
  .quickview-container .hmf-mx-md-xl {
    margin-left: 48px !important;
  }
  .quickview-container .hmf-m-md-xxl {
    margin: 72px !important;
  }
  .quickview-container .hmf-mt-md-xxl,
  .quickview-container .hmf-my-md-xxl {
    margin-top: 72px !important;
  }
  .quickview-container .hmf-mr-md-xxl,
  .quickview-container .hmf-mx-md-xxl {
    margin-right: 72px !important;
  }
  .quickview-container .hmf-mb-md-xxl,
  .quickview-container .hmf-my-md-xxl {
    margin-bottom: 72px !important;
  }
  .quickview-container .hmf-ml-md-xxl,
  .quickview-container .hmf-mx-md-xxl {
    margin-left: 72px !important;
  }
  .quickview-container .hmf-m-md-xxxl {
    margin: 96px !important;
  }
  .quickview-container .hmf-mt-md-xxxl,
  .quickview-container .hmf-my-md-xxxl {
    margin-top: 96px !important;
  }
  .quickview-container .hmf-mr-md-xxxl,
  .quickview-container .hmf-mx-md-xxxl {
    margin-right: 96px !important;
  }
  .quickview-container .hmf-mb-md-xxxl,
  .quickview-container .hmf-my-md-xxxl {
    margin-bottom: 96px !important;
  }
  .quickview-container .hmf-ml-md-xxxl,
  .quickview-container .hmf-mx-md-xxxl {
    margin-left: 96px !important;
  }
  .quickview-container .hmf-m-md-xxxxl {
    margin: 120px !important;
  }
  .quickview-container .hmf-mt-md-xxxxl,
  .quickview-container .hmf-my-md-xxxxl {
    margin-top: 120px !important;
  }
  .quickview-container .hmf-mr-md-xxxxl,
  .quickview-container .hmf-mx-md-xxxxl {
    margin-right: 120px !important;
  }
  .quickview-container .hmf-mb-md-xxxxl,
  .quickview-container .hmf-my-md-xxxxl {
    margin-bottom: 120px !important;
  }
  .quickview-container .hmf-ml-md-xxxxl,
  .quickview-container .hmf-mx-md-xxxxl {
    margin-left: 120px !important;
  }
  .quickview-container .hmf-p-md-auto {
    padding: auto !important;
  }
  .quickview-container .hmf-pt-md-auto,
  .quickview-container .hmf-py-md-auto {
    padding-top: auto !important;
  }
  .quickview-container .hmf-pr-md-auto,
  .quickview-container .hmf-px-md-auto {
    padding-right: auto !important;
  }
  .quickview-container .hmf-pb-md-auto,
  .quickview-container .hmf-py-md-auto {
    padding-bottom: auto !important;
  }
  .quickview-container .hmf-pl-md-auto,
  .quickview-container .hmf-px-md-auto {
    padding-left: auto !important;
  }
  .quickview-container .hmf-p-md-0 {
    padding: 0px !important;
  }
  .quickview-container .hmf-pt-md-0,
  .quickview-container .hmf-py-md-0 {
    padding-top: 0px !important;
  }
  .quickview-container .hmf-pr-md-0,
  .quickview-container .hmf-px-md-0 {
    padding-right: 0px !important;
  }
  .quickview-container .hmf-pb-md-0,
  .quickview-container .hmf-py-md-0 {
    padding-bottom: 0px !important;
  }
  .quickview-container .hmf-pl-md-0,
  .quickview-container .hmf-px-md-0 {
    padding-left: 0px !important;
  }
  .quickview-container .hmf-p-md-xxxs {
    padding: 4px !important;
  }
  .quickview-container .hmf-pt-md-xxxs,
  .quickview-container .hmf-py-md-xxxs {
    padding-top: 4px !important;
  }
  .quickview-container .hmf-pr-md-xxxs,
  .quickview-container .hmf-px-md-xxxs {
    padding-right: 4px !important;
  }
  .quickview-container .hmf-pb-md-xxxs,
  .quickview-container .hmf-py-md-xxxs {
    padding-bottom: 4px !important;
  }
  .quickview-container .hmf-pl-md-xxxs,
  .quickview-container .hmf-px-md-xxxs {
    padding-left: 4px !important;
  }
  .quickview-container .hmf-p-md-xxs {
    padding: 8px !important;
  }
  .quickview-container .hmf-pt-md-xxs,
  .quickview-container .hmf-py-md-xxs {
    padding-top: 8px !important;
  }
  .quickview-container .hmf-pr-md-xxs,
  .quickview-container .hmf-px-md-xxs {
    padding-right: 8px !important;
  }
  .quickview-container .hmf-pb-md-xxs,
  .quickview-container .hmf-py-md-xxs {
    padding-bottom: 8px !important;
  }
  .quickview-container .hmf-pl-md-xxs,
  .quickview-container .hmf-px-md-xxs {
    padding-left: 8px !important;
  }
  .quickview-container .hmf-p-md-xs {
    padding: 12px !important;
  }
  .quickview-container .hmf-pt-md-xs,
  .quickview-container .hmf-py-md-xs {
    padding-top: 12px !important;
  }
  .quickview-container .hmf-pr-md-xs,
  .quickview-container .hmf-px-md-xs {
    padding-right: 12px !important;
  }
  .quickview-container .hmf-pb-md-xs,
  .quickview-container .hmf-py-md-xs {
    padding-bottom: 12px !important;
  }
  .quickview-container .hmf-pl-md-xs,
  .quickview-container .hmf-px-md-xs {
    padding-left: 12px !important;
  }
  .quickview-container .hmf-p-md-s {
    padding: 16px !important;
  }
  .quickview-container .hmf-pt-md-s,
  .quickview-container .hmf-py-md-s {
    padding-top: 16px !important;
  }
  .quickview-container .hmf-pr-md-s,
  .quickview-container .hmf-px-md-s {
    padding-right: 16px !important;
  }
  .quickview-container .hmf-pb-md-s,
  .quickview-container .hmf-py-md-s {
    padding-bottom: 16px !important;
  }
  .quickview-container .hmf-pl-md-s,
  .quickview-container .hmf-px-md-s {
    padding-left: 16px !important;
  }
  .quickview-container .hmf-p-md-m {
    padding: 24px !important;
  }
  .quickview-container .hmf-pt-md-m,
  .quickview-container .hmf-py-md-m {
    padding-top: 24px !important;
  }
  .quickview-container .hmf-pr-md-m,
  .quickview-container .hmf-px-md-m {
    padding-right: 24px !important;
  }
  .quickview-container .hmf-pb-md-m,
  .quickview-container .hmf-py-md-m {
    padding-bottom: 24px !important;
  }
  .quickview-container .hmf-pl-md-m,
  .quickview-container .hmf-px-md-m {
    padding-left: 24px !important;
  }
  .quickview-container .hmf-p-md-l {
    padding: 32px !important;
  }
  .quickview-container .hmf-pt-md-l,
  .quickview-container .hmf-py-md-l {
    padding-top: 32px !important;
  }
  .quickview-container .hmf-pr-md-l,
  .quickview-container .hmf-px-md-l {
    padding-right: 32px !important;
  }
  .quickview-container .hmf-pb-md-l,
  .quickview-container .hmf-py-md-l {
    padding-bottom: 32px !important;
  }
  .quickview-container .hmf-pl-md-l,
  .quickview-container .hmf-px-md-l {
    padding-left: 32px !important;
  }
  .quickview-container .hmf-p-md-xl {
    padding: 48px !important;
  }
  .quickview-container .hmf-pt-md-xl,
  .quickview-container .hmf-py-md-xl {
    padding-top: 48px !important;
  }
  .quickview-container .hmf-pr-md-xl,
  .quickview-container .hmf-px-md-xl {
    padding-right: 48px !important;
  }
  .quickview-container .hmf-pb-md-xl,
  .quickview-container .hmf-py-md-xl {
    padding-bottom: 48px !important;
  }
  .quickview-container .hmf-pl-md-xl,
  .quickview-container .hmf-px-md-xl {
    padding-left: 48px !important;
  }
  .quickview-container .hmf-p-md-xxl {
    padding: 72px !important;
  }
  .quickview-container .hmf-pt-md-xxl,
  .quickview-container .hmf-py-md-xxl {
    padding-top: 72px !important;
  }
  .quickview-container .hmf-pr-md-xxl,
  .quickview-container .hmf-px-md-xxl {
    padding-right: 72px !important;
  }
  .quickview-container .hmf-pb-md-xxl,
  .quickview-container .hmf-py-md-xxl {
    padding-bottom: 72px !important;
  }
  .quickview-container .hmf-pl-md-xxl,
  .quickview-container .hmf-px-md-xxl {
    padding-left: 72px !important;
  }
  .quickview-container .hmf-p-md-xxxl {
    padding: 96px !important;
  }
  .quickview-container .hmf-pt-md-xxxl,
  .quickview-container .hmf-py-md-xxxl {
    padding-top: 96px !important;
  }
  .quickview-container .hmf-pr-md-xxxl,
  .quickview-container .hmf-px-md-xxxl {
    padding-right: 96px !important;
  }
  .quickview-container .hmf-pb-md-xxxl,
  .quickview-container .hmf-py-md-xxxl {
    padding-bottom: 96px !important;
  }
  .quickview-container .hmf-pl-md-xxxl,
  .quickview-container .hmf-px-md-xxxl {
    padding-left: 96px !important;
  }
  .quickview-container .hmf-p-md-xxxxl {
    padding: 120px !important;
  }
  .quickview-container .hmf-pt-md-xxxxl,
  .quickview-container .hmf-py-md-xxxxl {
    padding-top: 120px !important;
  }
  .quickview-container .hmf-pr-md-xxxxl,
  .quickview-container .hmf-px-md-xxxxl {
    padding-right: 120px !important;
  }
  .quickview-container .hmf-pb-md-xxxxl,
  .quickview-container .hmf-py-md-xxxxl {
    padding-bottom: 120px !important;
  }
  .quickview-container .hmf-pl-md-xxxxl,
  .quickview-container .hmf-px-md-xxxxl {
    padding-left: 120px !important;
  }
  .quickview-container .hmf-m-md-auto {
    margin: auto !important;
  }
  .quickview-container .hmf-mt-md-auto,
  .quickview-container .hmf-my-md-auto {
    margin-top: auto !important;
  }
  .quickview-container .hmf-mr-md-auto,
  .quickview-container .hmf-mx-md-auto {
    margin-right: auto !important;
  }
  .quickview-container .hmf-mb-md-auto,
  .quickview-container .hmf-my-md-auto {
    margin-bottom: auto !important;
  }
  .quickview-container .hmf-ml-md-auto,
  .quickview-container .hmf-mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1024px) {
  .quickview-container .hmf-m-lg-auto {
    margin: auto !important;
  }
  .quickview-container .hmf-mt-lg-auto,
  .quickview-container .hmf-my-lg-auto {
    margin-top: auto !important;
  }
  .quickview-container .hmf-mr-lg-auto,
  .quickview-container .hmf-mx-lg-auto {
    margin-right: auto !important;
  }
  .quickview-container .hmf-mb-lg-auto,
  .quickview-container .hmf-my-lg-auto {
    margin-bottom: auto !important;
  }
  .quickview-container .hmf-ml-lg-auto,
  .quickview-container .hmf-mx-lg-auto {
    margin-left: auto !important;
  }
  .quickview-container .hmf-m-lg-0 {
    margin: 0px !important;
  }
  .quickview-container .hmf-mt-lg-0,
  .quickview-container .hmf-my-lg-0 {
    margin-top: 0px !important;
  }
  .quickview-container .hmf-mr-lg-0,
  .quickview-container .hmf-mx-lg-0 {
    margin-right: 0px !important;
  }
  .quickview-container .hmf-mb-lg-0,
  .quickview-container .hmf-my-lg-0 {
    margin-bottom: 0px !important;
  }
  .quickview-container .hmf-ml-lg-0,
  .quickview-container .hmf-mx-lg-0 {
    margin-left: 0px !important;
  }
  .quickview-container .hmf-m-lg-xxxs {
    margin: 4px !important;
  }
  .quickview-container .hmf-mt-lg-xxxs,
  .quickview-container .hmf-my-lg-xxxs {
    margin-top: 4px !important;
  }
  .quickview-container .hmf-mr-lg-xxxs,
  .quickview-container .hmf-mx-lg-xxxs {
    margin-right: 4px !important;
  }
  .quickview-container .hmf-mb-lg-xxxs,
  .quickview-container .hmf-my-lg-xxxs {
    margin-bottom: 4px !important;
  }
  .quickview-container .hmf-ml-lg-xxxs,
  .quickview-container .hmf-mx-lg-xxxs {
    margin-left: 4px !important;
  }
  .quickview-container .hmf-m-lg-xxs {
    margin: 8px !important;
  }
  .quickview-container .hmf-mt-lg-xxs,
  .quickview-container .hmf-my-lg-xxs {
    margin-top: 8px !important;
  }
  .quickview-container .hmf-mr-lg-xxs,
  .quickview-container .hmf-mx-lg-xxs {
    margin-right: 8px !important;
  }
  .quickview-container .hmf-mb-lg-xxs,
  .quickview-container .hmf-my-lg-xxs {
    margin-bottom: 8px !important;
  }
  .quickview-container .hmf-ml-lg-xxs,
  .quickview-container .hmf-mx-lg-xxs {
    margin-left: 8px !important;
  }
  .quickview-container .hmf-m-lg-xs {
    margin: 12px !important;
  }
  .quickview-container .hmf-mt-lg-xs,
  .quickview-container .hmf-my-lg-xs {
    margin-top: 12px !important;
  }
  .quickview-container .hmf-mr-lg-xs,
  .quickview-container .hmf-mx-lg-xs {
    margin-right: 12px !important;
  }
  .quickview-container .hmf-mb-lg-xs,
  .quickview-container .hmf-my-lg-xs {
    margin-bottom: 12px !important;
  }
  .quickview-container .hmf-ml-lg-xs,
  .quickview-container .hmf-mx-lg-xs {
    margin-left: 12px !important;
  }
  .quickview-container .hmf-m-lg-s {
    margin: 16px !important;
  }
  .quickview-container .hmf-mt-lg-s,
  .quickview-container .hmf-my-lg-s {
    margin-top: 16px !important;
  }
  .quickview-container .hmf-mr-lg-s,
  .quickview-container .hmf-mx-lg-s {
    margin-right: 16px !important;
  }
  .quickview-container .hmf-mb-lg-s,
  .quickview-container .hmf-my-lg-s {
    margin-bottom: 16px !important;
  }
  .quickview-container .hmf-ml-lg-s,
  .quickview-container .hmf-mx-lg-s {
    margin-left: 16px !important;
  }
  .quickview-container .hmf-m-lg-m {
    margin: 24px !important;
  }
  .quickview-container .hmf-mt-lg-m,
  .quickview-container .hmf-my-lg-m {
    margin-top: 24px !important;
  }
  .quickview-container .hmf-mr-lg-m,
  .quickview-container .hmf-mx-lg-m {
    margin-right: 24px !important;
  }
  .quickview-container .hmf-mb-lg-m,
  .quickview-container .hmf-my-lg-m {
    margin-bottom: 24px !important;
  }
  .quickview-container .hmf-ml-lg-m,
  .quickview-container .hmf-mx-lg-m {
    margin-left: 24px !important;
  }
  .quickview-container .hmf-m-lg-l {
    margin: 32px !important;
  }
  .quickview-container .hmf-mt-lg-l,
  .quickview-container .hmf-my-lg-l {
    margin-top: 32px !important;
  }
  .quickview-container .hmf-mr-lg-l,
  .quickview-container .hmf-mx-lg-l {
    margin-right: 32px !important;
  }
  .quickview-container .hmf-mb-lg-l,
  .quickview-container .hmf-my-lg-l {
    margin-bottom: 32px !important;
  }
  .quickview-container .hmf-ml-lg-l,
  .quickview-container .hmf-mx-lg-l {
    margin-left: 32px !important;
  }
  .quickview-container .hmf-m-lg-xl {
    margin: 48px !important;
  }
  .quickview-container .hmf-mt-lg-xl,
  .quickview-container .hmf-my-lg-xl {
    margin-top: 48px !important;
  }
  .quickview-container .hmf-mr-lg-xl,
  .quickview-container .hmf-mx-lg-xl {
    margin-right: 48px !important;
  }
  .quickview-container .hmf-mb-lg-xl,
  .quickview-container .hmf-my-lg-xl {
    margin-bottom: 48px !important;
  }
  .quickview-container .hmf-ml-lg-xl,
  .quickview-container .hmf-mx-lg-xl {
    margin-left: 48px !important;
  }
  .quickview-container .hmf-m-lg-xxl {
    margin: 72px !important;
  }
  .quickview-container .hmf-mt-lg-xxl,
  .quickview-container .hmf-my-lg-xxl {
    margin-top: 72px !important;
  }
  .quickview-container .hmf-mr-lg-xxl,
  .quickview-container .hmf-mx-lg-xxl {
    margin-right: 72px !important;
  }
  .quickview-container .hmf-mb-lg-xxl,
  .quickview-container .hmf-my-lg-xxl {
    margin-bottom: 72px !important;
  }
  .quickview-container .hmf-ml-lg-xxl,
  .quickview-container .hmf-mx-lg-xxl {
    margin-left: 72px !important;
  }
  .quickview-container .hmf-m-lg-xxxl {
    margin: 96px !important;
  }
  .quickview-container .hmf-mt-lg-xxxl,
  .quickview-container .hmf-my-lg-xxxl {
    margin-top: 96px !important;
  }
  .quickview-container .hmf-mr-lg-xxxl,
  .quickview-container .hmf-mx-lg-xxxl {
    margin-right: 96px !important;
  }
  .quickview-container .hmf-mb-lg-xxxl,
  .quickview-container .hmf-my-lg-xxxl {
    margin-bottom: 96px !important;
  }
  .quickview-container .hmf-ml-lg-xxxl,
  .quickview-container .hmf-mx-lg-xxxl {
    margin-left: 96px !important;
  }
  .quickview-container .hmf-m-lg-xxxxl {
    margin: 120px !important;
  }
  .quickview-container .hmf-mt-lg-xxxxl,
  .quickview-container .hmf-my-lg-xxxxl {
    margin-top: 120px !important;
  }
  .quickview-container .hmf-mr-lg-xxxxl,
  .quickview-container .hmf-mx-lg-xxxxl {
    margin-right: 120px !important;
  }
  .quickview-container .hmf-mb-lg-xxxxl,
  .quickview-container .hmf-my-lg-xxxxl {
    margin-bottom: 120px !important;
  }
  .quickview-container .hmf-ml-lg-xxxxl,
  .quickview-container .hmf-mx-lg-xxxxl {
    margin-left: 120px !important;
  }
  .quickview-container .hmf-p-lg-auto {
    padding: auto !important;
  }
  .quickview-container .hmf-pt-lg-auto,
  .quickview-container .hmf-py-lg-auto {
    padding-top: auto !important;
  }
  .quickview-container .hmf-pr-lg-auto,
  .quickview-container .hmf-px-lg-auto {
    padding-right: auto !important;
  }
  .quickview-container .hmf-pb-lg-auto,
  .quickview-container .hmf-py-lg-auto {
    padding-bottom: auto !important;
  }
  .quickview-container .hmf-pl-lg-auto,
  .quickview-container .hmf-px-lg-auto {
    padding-left: auto !important;
  }
  .quickview-container .hmf-p-lg-0 {
    padding: 0px !important;
  }
  .quickview-container .hmf-pt-lg-0,
  .quickview-container .hmf-py-lg-0 {
    padding-top: 0px !important;
  }
  .quickview-container .hmf-pr-lg-0,
  .quickview-container .hmf-px-lg-0 {
    padding-right: 0px !important;
  }
  .quickview-container .hmf-pb-lg-0,
  .quickview-container .hmf-py-lg-0 {
    padding-bottom: 0px !important;
  }
  .quickview-container .hmf-pl-lg-0,
  .quickview-container .hmf-px-lg-0 {
    padding-left: 0px !important;
  }
  .quickview-container .hmf-p-lg-xxxs {
    padding: 4px !important;
  }
  .quickview-container .hmf-pt-lg-xxxs,
  .quickview-container .hmf-py-lg-xxxs {
    padding-top: 4px !important;
  }
  .quickview-container .hmf-pr-lg-xxxs,
  .quickview-container .hmf-px-lg-xxxs {
    padding-right: 4px !important;
  }
  .quickview-container .hmf-pb-lg-xxxs,
  .quickview-container .hmf-py-lg-xxxs {
    padding-bottom: 4px !important;
  }
  .quickview-container .hmf-pl-lg-xxxs,
  .quickview-container .hmf-px-lg-xxxs {
    padding-left: 4px !important;
  }
  .quickview-container .hmf-p-lg-xxs {
    padding: 8px !important;
  }
  .quickview-container .hmf-pt-lg-xxs,
  .quickview-container .hmf-py-lg-xxs {
    padding-top: 8px !important;
  }
  .quickview-container .hmf-pr-lg-xxs,
  .quickview-container .hmf-px-lg-xxs {
    padding-right: 8px !important;
  }
  .quickview-container .hmf-pb-lg-xxs,
  .quickview-container .hmf-py-lg-xxs {
    padding-bottom: 8px !important;
  }
  .quickview-container .hmf-pl-lg-xxs,
  .quickview-container .hmf-px-lg-xxs {
    padding-left: 8px !important;
  }
  .quickview-container .hmf-p-lg-xs {
    padding: 12px !important;
  }
  .quickview-container .hmf-pt-lg-xs,
  .quickview-container .hmf-py-lg-xs {
    padding-top: 12px !important;
  }
  .quickview-container .hmf-pr-lg-xs,
  .quickview-container .hmf-px-lg-xs {
    padding-right: 12px !important;
  }
  .quickview-container .hmf-pb-lg-xs,
  .quickview-container .hmf-py-lg-xs {
    padding-bottom: 12px !important;
  }
  .quickview-container .hmf-pl-lg-xs,
  .quickview-container .hmf-px-lg-xs {
    padding-left: 12px !important;
  }
  .quickview-container .hmf-p-lg-s {
    padding: 16px !important;
  }
  .quickview-container .hmf-pt-lg-s,
  .quickview-container .hmf-py-lg-s {
    padding-top: 16px !important;
  }
  .quickview-container .hmf-pr-lg-s,
  .quickview-container .hmf-px-lg-s {
    padding-right: 16px !important;
  }
  .quickview-container .hmf-pb-lg-s,
  .quickview-container .hmf-py-lg-s {
    padding-bottom: 16px !important;
  }
  .quickview-container .hmf-pl-lg-s,
  .quickview-container .hmf-px-lg-s {
    padding-left: 16px !important;
  }
  .quickview-container .hmf-p-lg-m {
    padding: 24px !important;
  }
  .quickview-container .hmf-pt-lg-m,
  .quickview-container .hmf-py-lg-m {
    padding-top: 24px !important;
  }
  .quickview-container .hmf-pr-lg-m,
  .quickview-container .hmf-px-lg-m {
    padding-right: 24px !important;
  }
  .quickview-container .hmf-pb-lg-m,
  .quickview-container .hmf-py-lg-m {
    padding-bottom: 24px !important;
  }
  .quickview-container .hmf-pl-lg-m,
  .quickview-container .hmf-px-lg-m {
    padding-left: 24px !important;
  }
  .quickview-container .hmf-p-lg-l {
    padding: 32px !important;
  }
  .quickview-container .hmf-pt-lg-l,
  .quickview-container .hmf-py-lg-l {
    padding-top: 32px !important;
  }
  .quickview-container .hmf-pr-lg-l,
  .quickview-container .hmf-px-lg-l {
    padding-right: 32px !important;
  }
  .quickview-container .hmf-pb-lg-l,
  .quickview-container .hmf-py-lg-l {
    padding-bottom: 32px !important;
  }
  .quickview-container .hmf-pl-lg-l,
  .quickview-container .hmf-px-lg-l {
    padding-left: 32px !important;
  }
  .quickview-container .hmf-p-lg-xl {
    padding: 48px !important;
  }
  .quickview-container .hmf-pt-lg-xl,
  .quickview-container .hmf-py-lg-xl {
    padding-top: 48px !important;
  }
  .quickview-container .hmf-pr-lg-xl,
  .quickview-container .hmf-px-lg-xl {
    padding-right: 48px !important;
  }
  .quickview-container .hmf-pb-lg-xl,
  .quickview-container .hmf-py-lg-xl {
    padding-bottom: 48px !important;
  }
  .quickview-container .hmf-pl-lg-xl,
  .quickview-container .hmf-px-lg-xl {
    padding-left: 48px !important;
  }
  .quickview-container .hmf-p-lg-xxl {
    padding: 72px !important;
  }
  .quickview-container .hmf-pt-lg-xxl,
  .quickview-container .hmf-py-lg-xxl {
    padding-top: 72px !important;
  }
  .quickview-container .hmf-pr-lg-xxl,
  .quickview-container .hmf-px-lg-xxl {
    padding-right: 72px !important;
  }
  .quickview-container .hmf-pb-lg-xxl,
  .quickview-container .hmf-py-lg-xxl {
    padding-bottom: 72px !important;
  }
  .quickview-container .hmf-pl-lg-xxl,
  .quickview-container .hmf-px-lg-xxl {
    padding-left: 72px !important;
  }
  .quickview-container .hmf-p-lg-xxxl {
    padding: 96px !important;
  }
  .quickview-container .hmf-pt-lg-xxxl,
  .quickview-container .hmf-py-lg-xxxl {
    padding-top: 96px !important;
  }
  .quickview-container .hmf-pr-lg-xxxl,
  .quickview-container .hmf-px-lg-xxxl {
    padding-right: 96px !important;
  }
  .quickview-container .hmf-pb-lg-xxxl,
  .quickview-container .hmf-py-lg-xxxl {
    padding-bottom: 96px !important;
  }
  .quickview-container .hmf-pl-lg-xxxl,
  .quickview-container .hmf-px-lg-xxxl {
    padding-left: 96px !important;
  }
  .quickview-container .hmf-p-lg-xxxxl {
    padding: 120px !important;
  }
  .quickview-container .hmf-pt-lg-xxxxl,
  .quickview-container .hmf-py-lg-xxxxl {
    padding-top: 120px !important;
  }
  .quickview-container .hmf-pr-lg-xxxxl,
  .quickview-container .hmf-px-lg-xxxxl {
    padding-right: 120px !important;
  }
  .quickview-container .hmf-pb-lg-xxxxl,
  .quickview-container .hmf-py-lg-xxxxl {
    padding-bottom: 120px !important;
  }
  .quickview-container .hmf-pl-lg-xxxxl,
  .quickview-container .hmf-px-lg-xxxxl {
    padding-left: 120px !important;
  }
  .quickview-container .hmf-m-lg-auto {
    margin: auto !important;
  }
  .quickview-container .hmf-mt-lg-auto,
  .quickview-container .hmf-my-lg-auto {
    margin-top: auto !important;
  }
  .quickview-container .hmf-mr-lg-auto,
  .quickview-container .hmf-mx-lg-auto {
    margin-right: auto !important;
  }
  .quickview-container .hmf-mb-lg-auto,
  .quickview-container .hmf-my-lg-auto {
    margin-bottom: auto !important;
  }
  .quickview-container .hmf-ml-lg-auto,
  .quickview-container .hmf-mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1280px) {
  .quickview-container .hmf-m-l-auto {
    margin: auto !important;
  }
  .quickview-container .hmf-mt-l-auto,
  .quickview-container .hmf-my-l-auto {
    margin-top: auto !important;
  }
  .quickview-container .hmf-mr-l-auto,
  .quickview-container .hmf-mx-l-auto {
    margin-right: auto !important;
  }
  .quickview-container .hmf-mb-l-auto,
  .quickview-container .hmf-my-l-auto {
    margin-bottom: auto !important;
  }
  .quickview-container .hmf-ml-l-auto,
  .quickview-container .hmf-mx-l-auto {
    margin-left: auto !important;
  }
  .quickview-container .hmf-m-l-0 {
    margin: 0px !important;
  }
  .quickview-container .hmf-mt-l-0,
  .quickview-container .hmf-my-l-0 {
    margin-top: 0px !important;
  }
  .quickview-container .hmf-mr-l-0,
  .quickview-container .hmf-mx-l-0 {
    margin-right: 0px !important;
  }
  .quickview-container .hmf-mb-l-0,
  .quickview-container .hmf-my-l-0 {
    margin-bottom: 0px !important;
  }
  .quickview-container .hmf-ml-l-0,
  .quickview-container .hmf-mx-l-0 {
    margin-left: 0px !important;
  }
  .quickview-container .hmf-m-l-xxxs {
    margin: 4px !important;
  }
  .quickview-container .hmf-mt-l-xxxs,
  .quickview-container .hmf-my-l-xxxs {
    margin-top: 4px !important;
  }
  .quickview-container .hmf-mr-l-xxxs,
  .quickview-container .hmf-mx-l-xxxs {
    margin-right: 4px !important;
  }
  .quickview-container .hmf-mb-l-xxxs,
  .quickview-container .hmf-my-l-xxxs {
    margin-bottom: 4px !important;
  }
  .quickview-container .hmf-ml-l-xxxs,
  .quickview-container .hmf-mx-l-xxxs {
    margin-left: 4px !important;
  }
  .quickview-container .hmf-m-l-xxs {
    margin: 8px !important;
  }
  .quickview-container .hmf-mt-l-xxs,
  .quickview-container .hmf-my-l-xxs {
    margin-top: 8px !important;
  }
  .quickview-container .hmf-mr-l-xxs,
  .quickview-container .hmf-mx-l-xxs {
    margin-right: 8px !important;
  }
  .quickview-container .hmf-mb-l-xxs,
  .quickview-container .hmf-my-l-xxs {
    margin-bottom: 8px !important;
  }
  .quickview-container .hmf-ml-l-xxs,
  .quickview-container .hmf-mx-l-xxs {
    margin-left: 8px !important;
  }
  .quickview-container .hmf-m-l-xs {
    margin: 12px !important;
  }
  .quickview-container .hmf-mt-l-xs,
  .quickview-container .hmf-my-l-xs {
    margin-top: 12px !important;
  }
  .quickview-container .hmf-mr-l-xs,
  .quickview-container .hmf-mx-l-xs {
    margin-right: 12px !important;
  }
  .quickview-container .hmf-mb-l-xs,
  .quickview-container .hmf-my-l-xs {
    margin-bottom: 12px !important;
  }
  .quickview-container .hmf-ml-l-xs,
  .quickview-container .hmf-mx-l-xs {
    margin-left: 12px !important;
  }
  .quickview-container .hmf-m-l-s {
    margin: 16px !important;
  }
  .quickview-container .hmf-mt-l-s,
  .quickview-container .hmf-my-l-s {
    margin-top: 16px !important;
  }
  .quickview-container .hmf-mr-l-s,
  .quickview-container .hmf-mx-l-s {
    margin-right: 16px !important;
  }
  .quickview-container .hmf-mb-l-s,
  .quickview-container .hmf-my-l-s {
    margin-bottom: 16px !important;
  }
  .quickview-container .hmf-ml-l-s,
  .quickview-container .hmf-mx-l-s {
    margin-left: 16px !important;
  }
  .quickview-container .hmf-m-l-m {
    margin: 24px !important;
  }
  .quickview-container .hmf-mt-l-m,
  .quickview-container .hmf-my-l-m {
    margin-top: 24px !important;
  }
  .quickview-container .hmf-mr-l-m,
  .quickview-container .hmf-mx-l-m {
    margin-right: 24px !important;
  }
  .quickview-container .hmf-mb-l-m,
  .quickview-container .hmf-my-l-m {
    margin-bottom: 24px !important;
  }
  .quickview-container .hmf-ml-l-m,
  .quickview-container .hmf-mx-l-m {
    margin-left: 24px !important;
  }
  .quickview-container .hmf-m-l-l {
    margin: 32px !important;
  }
  .quickview-container .hmf-mt-l-l,
  .quickview-container .hmf-my-l-l {
    margin-top: 32px !important;
  }
  .quickview-container .hmf-mr-l-l,
  .quickview-container .hmf-mx-l-l {
    margin-right: 32px !important;
  }
  .quickview-container .hmf-mb-l-l,
  .quickview-container .hmf-my-l-l {
    margin-bottom: 32px !important;
  }
  .quickview-container .hmf-ml-l-l,
  .quickview-container .hmf-mx-l-l {
    margin-left: 32px !important;
  }
  .quickview-container .hmf-m-l-xl {
    margin: 48px !important;
  }
  .quickview-container .hmf-mt-l-xl,
  .quickview-container .hmf-my-l-xl {
    margin-top: 48px !important;
  }
  .quickview-container .hmf-mr-l-xl,
  .quickview-container .hmf-mx-l-xl {
    margin-right: 48px !important;
  }
  .quickview-container .hmf-mb-l-xl,
  .quickview-container .hmf-my-l-xl {
    margin-bottom: 48px !important;
  }
  .quickview-container .hmf-ml-l-xl,
  .quickview-container .hmf-mx-l-xl {
    margin-left: 48px !important;
  }
  .quickview-container .hmf-m-l-xxl {
    margin: 72px !important;
  }
  .quickview-container .hmf-mt-l-xxl,
  .quickview-container .hmf-my-l-xxl {
    margin-top: 72px !important;
  }
  .quickview-container .hmf-mr-l-xxl,
  .quickview-container .hmf-mx-l-xxl {
    margin-right: 72px !important;
  }
  .quickview-container .hmf-mb-l-xxl,
  .quickview-container .hmf-my-l-xxl {
    margin-bottom: 72px !important;
  }
  .quickview-container .hmf-ml-l-xxl,
  .quickview-container .hmf-mx-l-xxl {
    margin-left: 72px !important;
  }
  .quickview-container .hmf-m-l-xxxl {
    margin: 96px !important;
  }
  .quickview-container .hmf-mt-l-xxxl,
  .quickview-container .hmf-my-l-xxxl {
    margin-top: 96px !important;
  }
  .quickview-container .hmf-mr-l-xxxl,
  .quickview-container .hmf-mx-l-xxxl {
    margin-right: 96px !important;
  }
  .quickview-container .hmf-mb-l-xxxl,
  .quickview-container .hmf-my-l-xxxl {
    margin-bottom: 96px !important;
  }
  .quickview-container .hmf-ml-l-xxxl,
  .quickview-container .hmf-mx-l-xxxl {
    margin-left: 96px !important;
  }
  .quickview-container .hmf-m-l-xxxxl {
    margin: 120px !important;
  }
  .quickview-container .hmf-mt-l-xxxxl,
  .quickview-container .hmf-my-l-xxxxl {
    margin-top: 120px !important;
  }
  .quickview-container .hmf-mr-l-xxxxl,
  .quickview-container .hmf-mx-l-xxxxl {
    margin-right: 120px !important;
  }
  .quickview-container .hmf-mb-l-xxxxl,
  .quickview-container .hmf-my-l-xxxxl {
    margin-bottom: 120px !important;
  }
  .quickview-container .hmf-ml-l-xxxxl,
  .quickview-container .hmf-mx-l-xxxxl {
    margin-left: 120px !important;
  }
  .quickview-container .hmf-p-l-auto {
    padding: auto !important;
  }
  .quickview-container .hmf-pt-l-auto,
  .quickview-container .hmf-py-l-auto {
    padding-top: auto !important;
  }
  .quickview-container .hmf-pr-l-auto,
  .quickview-container .hmf-px-l-auto {
    padding-right: auto !important;
  }
  .quickview-container .hmf-pb-l-auto,
  .quickview-container .hmf-py-l-auto {
    padding-bottom: auto !important;
  }
  .quickview-container .hmf-pl-l-auto,
  .quickview-container .hmf-px-l-auto {
    padding-left: auto !important;
  }
  .quickview-container .hmf-p-l-0 {
    padding: 0px !important;
  }
  .quickview-container .hmf-pt-l-0,
  .quickview-container .hmf-py-l-0 {
    padding-top: 0px !important;
  }
  .quickview-container .hmf-pr-l-0,
  .quickview-container .hmf-px-l-0 {
    padding-right: 0px !important;
  }
  .quickview-container .hmf-pb-l-0,
  .quickview-container .hmf-py-l-0 {
    padding-bottom: 0px !important;
  }
  .quickview-container .hmf-pl-l-0,
  .quickview-container .hmf-px-l-0 {
    padding-left: 0px !important;
  }
  .quickview-container .hmf-p-l-xxxs {
    padding: 4px !important;
  }
  .quickview-container .hmf-pt-l-xxxs,
  .quickview-container .hmf-py-l-xxxs {
    padding-top: 4px !important;
  }
  .quickview-container .hmf-pr-l-xxxs,
  .quickview-container .hmf-px-l-xxxs {
    padding-right: 4px !important;
  }
  .quickview-container .hmf-pb-l-xxxs,
  .quickview-container .hmf-py-l-xxxs {
    padding-bottom: 4px !important;
  }
  .quickview-container .hmf-pl-l-xxxs,
  .quickview-container .hmf-px-l-xxxs {
    padding-left: 4px !important;
  }
  .quickview-container .hmf-p-l-xxs {
    padding: 8px !important;
  }
  .quickview-container .hmf-pt-l-xxs,
  .quickview-container .hmf-py-l-xxs {
    padding-top: 8px !important;
  }
  .quickview-container .hmf-pr-l-xxs,
  .quickview-container .hmf-px-l-xxs {
    padding-right: 8px !important;
  }
  .quickview-container .hmf-pb-l-xxs,
  .quickview-container .hmf-py-l-xxs {
    padding-bottom: 8px !important;
  }
  .quickview-container .hmf-pl-l-xxs,
  .quickview-container .hmf-px-l-xxs {
    padding-left: 8px !important;
  }
  .quickview-container .hmf-p-l-xs {
    padding: 12px !important;
  }
  .quickview-container .hmf-pt-l-xs,
  .quickview-container .hmf-py-l-xs {
    padding-top: 12px !important;
  }
  .quickview-container .hmf-pr-l-xs,
  .quickview-container .hmf-px-l-xs {
    padding-right: 12px !important;
  }
  .quickview-container .hmf-pb-l-xs,
  .quickview-container .hmf-py-l-xs {
    padding-bottom: 12px !important;
  }
  .quickview-container .hmf-pl-l-xs,
  .quickview-container .hmf-px-l-xs {
    padding-left: 12px !important;
  }
  .quickview-container .hmf-p-l-s {
    padding: 16px !important;
  }
  .quickview-container .hmf-pt-l-s,
  .quickview-container .hmf-py-l-s {
    padding-top: 16px !important;
  }
  .quickview-container .hmf-pr-l-s,
  .quickview-container .hmf-px-l-s {
    padding-right: 16px !important;
  }
  .quickview-container .hmf-pb-l-s,
  .quickview-container .hmf-py-l-s {
    padding-bottom: 16px !important;
  }
  .quickview-container .hmf-pl-l-s,
  .quickview-container .hmf-px-l-s {
    padding-left: 16px !important;
  }
  .quickview-container .hmf-p-l-m {
    padding: 24px !important;
  }
  .quickview-container .hmf-pt-l-m,
  .quickview-container .hmf-py-l-m {
    padding-top: 24px !important;
  }
  .quickview-container .hmf-pr-l-m,
  .quickview-container .hmf-px-l-m {
    padding-right: 24px !important;
  }
  .quickview-container .hmf-pb-l-m,
  .quickview-container .hmf-py-l-m {
    padding-bottom: 24px !important;
  }
  .quickview-container .hmf-pl-l-m,
  .quickview-container .hmf-px-l-m {
    padding-left: 24px !important;
  }
  .quickview-container .hmf-p-l-l {
    padding: 32px !important;
  }
  .quickview-container .hmf-pt-l-l,
  .quickview-container .hmf-py-l-l {
    padding-top: 32px !important;
  }
  .quickview-container .hmf-pr-l-l,
  .quickview-container .hmf-px-l-l {
    padding-right: 32px !important;
  }
  .quickview-container .hmf-pb-l-l,
  .quickview-container .hmf-py-l-l {
    padding-bottom: 32px !important;
  }
  .quickview-container .hmf-pl-l-l,
  .quickview-container .hmf-px-l-l {
    padding-left: 32px !important;
  }
  .quickview-container .hmf-p-l-xl {
    padding: 48px !important;
  }
  .quickview-container .hmf-pt-l-xl,
  .quickview-container .hmf-py-l-xl {
    padding-top: 48px !important;
  }
  .quickview-container .hmf-pr-l-xl,
  .quickview-container .hmf-px-l-xl {
    padding-right: 48px !important;
  }
  .quickview-container .hmf-pb-l-xl,
  .quickview-container .hmf-py-l-xl {
    padding-bottom: 48px !important;
  }
  .quickview-container .hmf-pl-l-xl,
  .quickview-container .hmf-px-l-xl {
    padding-left: 48px !important;
  }
  .quickview-container .hmf-p-l-xxl {
    padding: 72px !important;
  }
  .quickview-container .hmf-pt-l-xxl,
  .quickview-container .hmf-py-l-xxl {
    padding-top: 72px !important;
  }
  .quickview-container .hmf-pr-l-xxl,
  .quickview-container .hmf-px-l-xxl {
    padding-right: 72px !important;
  }
  .quickview-container .hmf-pb-l-xxl,
  .quickview-container .hmf-py-l-xxl {
    padding-bottom: 72px !important;
  }
  .quickview-container .hmf-pl-l-xxl,
  .quickview-container .hmf-px-l-xxl {
    padding-left: 72px !important;
  }
  .quickview-container .hmf-p-l-xxxl {
    padding: 96px !important;
  }
  .quickview-container .hmf-pt-l-xxxl,
  .quickview-container .hmf-py-l-xxxl {
    padding-top: 96px !important;
  }
  .quickview-container .hmf-pr-l-xxxl,
  .quickview-container .hmf-px-l-xxxl {
    padding-right: 96px !important;
  }
  .quickview-container .hmf-pb-l-xxxl,
  .quickview-container .hmf-py-l-xxxl {
    padding-bottom: 96px !important;
  }
  .quickview-container .hmf-pl-l-xxxl,
  .quickview-container .hmf-px-l-xxxl {
    padding-left: 96px !important;
  }
  .quickview-container .hmf-p-l-xxxxl {
    padding: 120px !important;
  }
  .quickview-container .hmf-pt-l-xxxxl,
  .quickview-container .hmf-py-l-xxxxl {
    padding-top: 120px !important;
  }
  .quickview-container .hmf-pr-l-xxxxl,
  .quickview-container .hmf-px-l-xxxxl {
    padding-right: 120px !important;
  }
  .quickview-container .hmf-pb-l-xxxxl,
  .quickview-container .hmf-py-l-xxxxl {
    padding-bottom: 120px !important;
  }
  .quickview-container .hmf-pl-l-xxxxl,
  .quickview-container .hmf-px-l-xxxxl {
    padding-left: 120px !important;
  }
  .quickview-container .hmf-m-l-auto {
    margin: auto !important;
  }
  .quickview-container .hmf-mt-l-auto,
  .quickview-container .hmf-my-l-auto {
    margin-top: auto !important;
  }
  .quickview-container .hmf-mr-l-auto,
  .quickview-container .hmf-mx-l-auto {
    margin-right: auto !important;
  }
  .quickview-container .hmf-mb-l-auto,
  .quickview-container .hmf-my-l-auto {
    margin-bottom: auto !important;
  }
  .quickview-container .hmf-ml-l-auto,
  .quickview-container .hmf-mx-l-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1280px) {
  .quickview-container .hmf-m-xlg-auto {
    margin: auto !important;
  }
  .quickview-container .hmf-mt-xlg-auto,
  .quickview-container .hmf-my-xlg-auto {
    margin-top: auto !important;
  }
  .quickview-container .hmf-mr-xlg-auto,
  .quickview-container .hmf-mx-xlg-auto {
    margin-right: auto !important;
  }
  .quickview-container .hmf-mb-xlg-auto,
  .quickview-container .hmf-my-xlg-auto {
    margin-bottom: auto !important;
  }
  .quickview-container .hmf-ml-xlg-auto,
  .quickview-container .hmf-mx-xlg-auto {
    margin-left: auto !important;
  }
  .quickview-container .hmf-m-xlg-0 {
    margin: 0px !important;
  }
  .quickview-container .hmf-mt-xlg-0,
  .quickview-container .hmf-my-xlg-0 {
    margin-top: 0px !important;
  }
  .quickview-container .hmf-mr-xlg-0,
  .quickview-container .hmf-mx-xlg-0 {
    margin-right: 0px !important;
  }
  .quickview-container .hmf-mb-xlg-0,
  .quickview-container .hmf-my-xlg-0 {
    margin-bottom: 0px !important;
  }
  .quickview-container .hmf-ml-xlg-0,
  .quickview-container .hmf-mx-xlg-0 {
    margin-left: 0px !important;
  }
  .quickview-container .hmf-m-xlg-xxxs {
    margin: 4px !important;
  }
  .quickview-container .hmf-mt-xlg-xxxs,
  .quickview-container .hmf-my-xlg-xxxs {
    margin-top: 4px !important;
  }
  .quickview-container .hmf-mr-xlg-xxxs,
  .quickview-container .hmf-mx-xlg-xxxs {
    margin-right: 4px !important;
  }
  .quickview-container .hmf-mb-xlg-xxxs,
  .quickview-container .hmf-my-xlg-xxxs {
    margin-bottom: 4px !important;
  }
  .quickview-container .hmf-ml-xlg-xxxs,
  .quickview-container .hmf-mx-xlg-xxxs {
    margin-left: 4px !important;
  }
  .quickview-container .hmf-m-xlg-xxs {
    margin: 8px !important;
  }
  .quickview-container .hmf-mt-xlg-xxs,
  .quickview-container .hmf-my-xlg-xxs {
    margin-top: 8px !important;
  }
  .quickview-container .hmf-mr-xlg-xxs,
  .quickview-container .hmf-mx-xlg-xxs {
    margin-right: 8px !important;
  }
  .quickview-container .hmf-mb-xlg-xxs,
  .quickview-container .hmf-my-xlg-xxs {
    margin-bottom: 8px !important;
  }
  .quickview-container .hmf-ml-xlg-xxs,
  .quickview-container .hmf-mx-xlg-xxs {
    margin-left: 8px !important;
  }
  .quickview-container .hmf-m-xlg-xs {
    margin: 12px !important;
  }
  .quickview-container .hmf-mt-xlg-xs,
  .quickview-container .hmf-my-xlg-xs {
    margin-top: 12px !important;
  }
  .quickview-container .hmf-mr-xlg-xs,
  .quickview-container .hmf-mx-xlg-xs {
    margin-right: 12px !important;
  }
  .quickview-container .hmf-mb-xlg-xs,
  .quickview-container .hmf-my-xlg-xs {
    margin-bottom: 12px !important;
  }
  .quickview-container .hmf-ml-xlg-xs,
  .quickview-container .hmf-mx-xlg-xs {
    margin-left: 12px !important;
  }
  .quickview-container .hmf-m-xlg-s {
    margin: 16px !important;
  }
  .quickview-container .hmf-mt-xlg-s,
  .quickview-container .hmf-my-xlg-s {
    margin-top: 16px !important;
  }
  .quickview-container .hmf-mr-xlg-s,
  .quickview-container .hmf-mx-xlg-s {
    margin-right: 16px !important;
  }
  .quickview-container .hmf-mb-xlg-s,
  .quickview-container .hmf-my-xlg-s {
    margin-bottom: 16px !important;
  }
  .quickview-container .hmf-ml-xlg-s,
  .quickview-container .hmf-mx-xlg-s {
    margin-left: 16px !important;
  }
  .quickview-container .hmf-m-xlg-m {
    margin: 24px !important;
  }
  .quickview-container .hmf-mt-xlg-m,
  .quickview-container .hmf-my-xlg-m {
    margin-top: 24px !important;
  }
  .quickview-container .hmf-mr-xlg-m,
  .quickview-container .hmf-mx-xlg-m {
    margin-right: 24px !important;
  }
  .quickview-container .hmf-mb-xlg-m,
  .quickview-container .hmf-my-xlg-m {
    margin-bottom: 24px !important;
  }
  .quickview-container .hmf-ml-xlg-m,
  .quickview-container .hmf-mx-xlg-m {
    margin-left: 24px !important;
  }
  .quickview-container .hmf-m-xlg-l {
    margin: 32px !important;
  }
  .quickview-container .hmf-mt-xlg-l,
  .quickview-container .hmf-my-xlg-l {
    margin-top: 32px !important;
  }
  .quickview-container .hmf-mr-xlg-l,
  .quickview-container .hmf-mx-xlg-l {
    margin-right: 32px !important;
  }
  .quickview-container .hmf-mb-xlg-l,
  .quickview-container .hmf-my-xlg-l {
    margin-bottom: 32px !important;
  }
  .quickview-container .hmf-ml-xlg-l,
  .quickview-container .hmf-mx-xlg-l {
    margin-left: 32px !important;
  }
  .quickview-container .hmf-m-xlg-xl {
    margin: 48px !important;
  }
  .quickview-container .hmf-mt-xlg-xl,
  .quickview-container .hmf-my-xlg-xl {
    margin-top: 48px !important;
  }
  .quickview-container .hmf-mr-xlg-xl,
  .quickview-container .hmf-mx-xlg-xl {
    margin-right: 48px !important;
  }
  .quickview-container .hmf-mb-xlg-xl,
  .quickview-container .hmf-my-xlg-xl {
    margin-bottom: 48px !important;
  }
  .quickview-container .hmf-ml-xlg-xl,
  .quickview-container .hmf-mx-xlg-xl {
    margin-left: 48px !important;
  }
  .quickview-container .hmf-m-xlg-xxl {
    margin: 72px !important;
  }
  .quickview-container .hmf-mt-xlg-xxl,
  .quickview-container .hmf-my-xlg-xxl {
    margin-top: 72px !important;
  }
  .quickview-container .hmf-mr-xlg-xxl,
  .quickview-container .hmf-mx-xlg-xxl {
    margin-right: 72px !important;
  }
  .quickview-container .hmf-mb-xlg-xxl,
  .quickview-container .hmf-my-xlg-xxl {
    margin-bottom: 72px !important;
  }
  .quickview-container .hmf-ml-xlg-xxl,
  .quickview-container .hmf-mx-xlg-xxl {
    margin-left: 72px !important;
  }
  .quickview-container .hmf-m-xlg-xxxl {
    margin: 96px !important;
  }
  .quickview-container .hmf-mt-xlg-xxxl,
  .quickview-container .hmf-my-xlg-xxxl {
    margin-top: 96px !important;
  }
  .quickview-container .hmf-mr-xlg-xxxl,
  .quickview-container .hmf-mx-xlg-xxxl {
    margin-right: 96px !important;
  }
  .quickview-container .hmf-mb-xlg-xxxl,
  .quickview-container .hmf-my-xlg-xxxl {
    margin-bottom: 96px !important;
  }
  .quickview-container .hmf-ml-xlg-xxxl,
  .quickview-container .hmf-mx-xlg-xxxl {
    margin-left: 96px !important;
  }
  .quickview-container .hmf-m-xlg-xxxxl {
    margin: 120px !important;
  }
  .quickview-container .hmf-mt-xlg-xxxxl,
  .quickview-container .hmf-my-xlg-xxxxl {
    margin-top: 120px !important;
  }
  .quickview-container .hmf-mr-xlg-xxxxl,
  .quickview-container .hmf-mx-xlg-xxxxl {
    margin-right: 120px !important;
  }
  .quickview-container .hmf-mb-xlg-xxxxl,
  .quickview-container .hmf-my-xlg-xxxxl {
    margin-bottom: 120px !important;
  }
  .quickview-container .hmf-ml-xlg-xxxxl,
  .quickview-container .hmf-mx-xlg-xxxxl {
    margin-left: 120px !important;
  }
  .quickview-container .hmf-p-xlg-auto {
    padding: auto !important;
  }
  .quickview-container .hmf-pt-xlg-auto,
  .quickview-container .hmf-py-xlg-auto {
    padding-top: auto !important;
  }
  .quickview-container .hmf-pr-xlg-auto,
  .quickview-container .hmf-px-xlg-auto {
    padding-right: auto !important;
  }
  .quickview-container .hmf-pb-xlg-auto,
  .quickview-container .hmf-py-xlg-auto {
    padding-bottom: auto !important;
  }
  .quickview-container .hmf-pl-xlg-auto,
  .quickview-container .hmf-px-xlg-auto {
    padding-left: auto !important;
  }
  .quickview-container .hmf-p-xlg-0 {
    padding: 0px !important;
  }
  .quickview-container .hmf-pt-xlg-0,
  .quickview-container .hmf-py-xlg-0 {
    padding-top: 0px !important;
  }
  .quickview-container .hmf-pr-xlg-0,
  .quickview-container .hmf-px-xlg-0 {
    padding-right: 0px !important;
  }
  .quickview-container .hmf-pb-xlg-0,
  .quickview-container .hmf-py-xlg-0 {
    padding-bottom: 0px !important;
  }
  .quickview-container .hmf-pl-xlg-0,
  .quickview-container .hmf-px-xlg-0 {
    padding-left: 0px !important;
  }
  .quickview-container .hmf-p-xlg-xxxs {
    padding: 4px !important;
  }
  .quickview-container .hmf-pt-xlg-xxxs,
  .quickview-container .hmf-py-xlg-xxxs {
    padding-top: 4px !important;
  }
  .quickview-container .hmf-pr-xlg-xxxs,
  .quickview-container .hmf-px-xlg-xxxs {
    padding-right: 4px !important;
  }
  .quickview-container .hmf-pb-xlg-xxxs,
  .quickview-container .hmf-py-xlg-xxxs {
    padding-bottom: 4px !important;
  }
  .quickview-container .hmf-pl-xlg-xxxs,
  .quickview-container .hmf-px-xlg-xxxs {
    padding-left: 4px !important;
  }
  .quickview-container .hmf-p-xlg-xxs {
    padding: 8px !important;
  }
  .quickview-container .hmf-pt-xlg-xxs,
  .quickview-container .hmf-py-xlg-xxs {
    padding-top: 8px !important;
  }
  .quickview-container .hmf-pr-xlg-xxs,
  .quickview-container .hmf-px-xlg-xxs {
    padding-right: 8px !important;
  }
  .quickview-container .hmf-pb-xlg-xxs,
  .quickview-container .hmf-py-xlg-xxs {
    padding-bottom: 8px !important;
  }
  .quickview-container .hmf-pl-xlg-xxs,
  .quickview-container .hmf-px-xlg-xxs {
    padding-left: 8px !important;
  }
  .quickview-container .hmf-p-xlg-xs {
    padding: 12px !important;
  }
  .quickview-container .hmf-pt-xlg-xs,
  .quickview-container .hmf-py-xlg-xs {
    padding-top: 12px !important;
  }
  .quickview-container .hmf-pr-xlg-xs,
  .quickview-container .hmf-px-xlg-xs {
    padding-right: 12px !important;
  }
  .quickview-container .hmf-pb-xlg-xs,
  .quickview-container .hmf-py-xlg-xs {
    padding-bottom: 12px !important;
  }
  .quickview-container .hmf-pl-xlg-xs,
  .quickview-container .hmf-px-xlg-xs {
    padding-left: 12px !important;
  }
  .quickview-container .hmf-p-xlg-s {
    padding: 16px !important;
  }
  .quickview-container .hmf-pt-xlg-s,
  .quickview-container .hmf-py-xlg-s {
    padding-top: 16px !important;
  }
  .quickview-container .hmf-pr-xlg-s,
  .quickview-container .hmf-px-xlg-s {
    padding-right: 16px !important;
  }
  .quickview-container .hmf-pb-xlg-s,
  .quickview-container .hmf-py-xlg-s {
    padding-bottom: 16px !important;
  }
  .quickview-container .hmf-pl-xlg-s,
  .quickview-container .hmf-px-xlg-s {
    padding-left: 16px !important;
  }
  .quickview-container .hmf-p-xlg-m {
    padding: 24px !important;
  }
  .quickview-container .hmf-pt-xlg-m,
  .quickview-container .hmf-py-xlg-m {
    padding-top: 24px !important;
  }
  .quickview-container .hmf-pr-xlg-m,
  .quickview-container .hmf-px-xlg-m {
    padding-right: 24px !important;
  }
  .quickview-container .hmf-pb-xlg-m,
  .quickview-container .hmf-py-xlg-m {
    padding-bottom: 24px !important;
  }
  .quickview-container .hmf-pl-xlg-m,
  .quickview-container .hmf-px-xlg-m {
    padding-left: 24px !important;
  }
  .quickview-container .hmf-p-xlg-l {
    padding: 32px !important;
  }
  .quickview-container .hmf-pt-xlg-l,
  .quickview-container .hmf-py-xlg-l {
    padding-top: 32px !important;
  }
  .quickview-container .hmf-pr-xlg-l,
  .quickview-container .hmf-px-xlg-l {
    padding-right: 32px !important;
  }
  .quickview-container .hmf-pb-xlg-l,
  .quickview-container .hmf-py-xlg-l {
    padding-bottom: 32px !important;
  }
  .quickview-container .hmf-pl-xlg-l,
  .quickview-container .hmf-px-xlg-l {
    padding-left: 32px !important;
  }
  .quickview-container .hmf-p-xlg-xl {
    padding: 48px !important;
  }
  .quickview-container .hmf-pt-xlg-xl,
  .quickview-container .hmf-py-xlg-xl {
    padding-top: 48px !important;
  }
  .quickview-container .hmf-pr-xlg-xl,
  .quickview-container .hmf-px-xlg-xl {
    padding-right: 48px !important;
  }
  .quickview-container .hmf-pb-xlg-xl,
  .quickview-container .hmf-py-xlg-xl {
    padding-bottom: 48px !important;
  }
  .quickview-container .hmf-pl-xlg-xl,
  .quickview-container .hmf-px-xlg-xl {
    padding-left: 48px !important;
  }
  .quickview-container .hmf-p-xlg-xxl {
    padding: 72px !important;
  }
  .quickview-container .hmf-pt-xlg-xxl,
  .quickview-container .hmf-py-xlg-xxl {
    padding-top: 72px !important;
  }
  .quickview-container .hmf-pr-xlg-xxl,
  .quickview-container .hmf-px-xlg-xxl {
    padding-right: 72px !important;
  }
  .quickview-container .hmf-pb-xlg-xxl,
  .quickview-container .hmf-py-xlg-xxl {
    padding-bottom: 72px !important;
  }
  .quickview-container .hmf-pl-xlg-xxl,
  .quickview-container .hmf-px-xlg-xxl {
    padding-left: 72px !important;
  }
  .quickview-container .hmf-p-xlg-xxxl {
    padding: 96px !important;
  }
  .quickview-container .hmf-pt-xlg-xxxl,
  .quickview-container .hmf-py-xlg-xxxl {
    padding-top: 96px !important;
  }
  .quickview-container .hmf-pr-xlg-xxxl,
  .quickview-container .hmf-px-xlg-xxxl {
    padding-right: 96px !important;
  }
  .quickview-container .hmf-pb-xlg-xxxl,
  .quickview-container .hmf-py-xlg-xxxl {
    padding-bottom: 96px !important;
  }
  .quickview-container .hmf-pl-xlg-xxxl,
  .quickview-container .hmf-px-xlg-xxxl {
    padding-left: 96px !important;
  }
  .quickview-container .hmf-p-xlg-xxxxl {
    padding: 120px !important;
  }
  .quickview-container .hmf-pt-xlg-xxxxl,
  .quickview-container .hmf-py-xlg-xxxxl {
    padding-top: 120px !important;
  }
  .quickview-container .hmf-pr-xlg-xxxxl,
  .quickview-container .hmf-px-xlg-xxxxl {
    padding-right: 120px !important;
  }
  .quickview-container .hmf-pb-xlg-xxxxl,
  .quickview-container .hmf-py-xlg-xxxxl {
    padding-bottom: 120px !important;
  }
  .quickview-container .hmf-pl-xlg-xxxxl,
  .quickview-container .hmf-px-xlg-xxxxl {
    padding-left: 120px !important;
  }
  .quickview-container .hmf-m-xlg-auto {
    margin: auto !important;
  }
  .quickview-container .hmf-mt-xlg-auto,
  .quickview-container .hmf-my-xlg-auto {
    margin-top: auto !important;
  }
  .quickview-container .hmf-mr-xlg-auto,
  .quickview-container .hmf-mx-xlg-auto {
    margin-right: auto !important;
  }
  .quickview-container .hmf-mb-xlg-auto,
  .quickview-container .hmf-my-xlg-auto {
    margin-bottom: auto !important;
  }
  .quickview-container .hmf-ml-xlg-auto,
  .quickview-container .hmf-mx-xlg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1440px) {
  .quickview-container .hmf-m-xl-auto {
    margin: auto !important;
  }
  .quickview-container .hmf-mt-xl-auto,
  .quickview-container .hmf-my-xl-auto {
    margin-top: auto !important;
  }
  .quickview-container .hmf-mr-xl-auto,
  .quickview-container .hmf-mx-xl-auto {
    margin-right: auto !important;
  }
  .quickview-container .hmf-mb-xl-auto,
  .quickview-container .hmf-my-xl-auto {
    margin-bottom: auto !important;
  }
  .quickview-container .hmf-ml-xl-auto,
  .quickview-container .hmf-mx-xl-auto {
    margin-left: auto !important;
  }
  .quickview-container .hmf-m-xl-0 {
    margin: 0px !important;
  }
  .quickview-container .hmf-mt-xl-0,
  .quickview-container .hmf-my-xl-0 {
    margin-top: 0px !important;
  }
  .quickview-container .hmf-mr-xl-0,
  .quickview-container .hmf-mx-xl-0 {
    margin-right: 0px !important;
  }
  .quickview-container .hmf-mb-xl-0,
  .quickview-container .hmf-my-xl-0 {
    margin-bottom: 0px !important;
  }
  .quickview-container .hmf-ml-xl-0,
  .quickview-container .hmf-mx-xl-0 {
    margin-left: 0px !important;
  }
  .quickview-container .hmf-m-xl-xxxs {
    margin: 4px !important;
  }
  .quickview-container .hmf-mt-xl-xxxs,
  .quickview-container .hmf-my-xl-xxxs {
    margin-top: 4px !important;
  }
  .quickview-container .hmf-mr-xl-xxxs,
  .quickview-container .hmf-mx-xl-xxxs {
    margin-right: 4px !important;
  }
  .quickview-container .hmf-mb-xl-xxxs,
  .quickview-container .hmf-my-xl-xxxs {
    margin-bottom: 4px !important;
  }
  .quickview-container .hmf-ml-xl-xxxs,
  .quickview-container .hmf-mx-xl-xxxs {
    margin-left: 4px !important;
  }
  .quickview-container .hmf-m-xl-xxs {
    margin: 8px !important;
  }
  .quickview-container .hmf-mt-xl-xxs,
  .quickview-container .hmf-my-xl-xxs {
    margin-top: 8px !important;
  }
  .quickview-container .hmf-mr-xl-xxs,
  .quickview-container .hmf-mx-xl-xxs {
    margin-right: 8px !important;
  }
  .quickview-container .hmf-mb-xl-xxs,
  .quickview-container .hmf-my-xl-xxs {
    margin-bottom: 8px !important;
  }
  .quickview-container .hmf-ml-xl-xxs,
  .quickview-container .hmf-mx-xl-xxs {
    margin-left: 8px !important;
  }
  .quickview-container .hmf-m-xl-xs {
    margin: 12px !important;
  }
  .quickview-container .hmf-mt-xl-xs,
  .quickview-container .hmf-my-xl-xs {
    margin-top: 12px !important;
  }
  .quickview-container .hmf-mr-xl-xs,
  .quickview-container .hmf-mx-xl-xs {
    margin-right: 12px !important;
  }
  .quickview-container .hmf-mb-xl-xs,
  .quickview-container .hmf-my-xl-xs {
    margin-bottom: 12px !important;
  }
  .quickview-container .hmf-ml-xl-xs,
  .quickview-container .hmf-mx-xl-xs {
    margin-left: 12px !important;
  }
  .quickview-container .hmf-m-xl-s {
    margin: 16px !important;
  }
  .quickview-container .hmf-mt-xl-s,
  .quickview-container .hmf-my-xl-s {
    margin-top: 16px !important;
  }
  .quickview-container .hmf-mr-xl-s,
  .quickview-container .hmf-mx-xl-s {
    margin-right: 16px !important;
  }
  .quickview-container .hmf-mb-xl-s,
  .quickview-container .hmf-my-xl-s {
    margin-bottom: 16px !important;
  }
  .quickview-container .hmf-ml-xl-s,
  .quickview-container .hmf-mx-xl-s {
    margin-left: 16px !important;
  }
  .quickview-container .hmf-m-xl-m {
    margin: 24px !important;
  }
  .quickview-container .hmf-mt-xl-m,
  .quickview-container .hmf-my-xl-m {
    margin-top: 24px !important;
  }
  .quickview-container .hmf-mr-xl-m,
  .quickview-container .hmf-mx-xl-m {
    margin-right: 24px !important;
  }
  .quickview-container .hmf-mb-xl-m,
  .quickview-container .hmf-my-xl-m {
    margin-bottom: 24px !important;
  }
  .quickview-container .hmf-ml-xl-m,
  .quickview-container .hmf-mx-xl-m {
    margin-left: 24px !important;
  }
  .quickview-container .hmf-m-xl-l {
    margin: 32px !important;
  }
  .quickview-container .hmf-mt-xl-l,
  .quickview-container .hmf-my-xl-l {
    margin-top: 32px !important;
  }
  .quickview-container .hmf-mr-xl-l,
  .quickview-container .hmf-mx-xl-l {
    margin-right: 32px !important;
  }
  .quickview-container .hmf-mb-xl-l,
  .quickview-container .hmf-my-xl-l {
    margin-bottom: 32px !important;
  }
  .quickview-container .hmf-ml-xl-l,
  .quickview-container .hmf-mx-xl-l {
    margin-left: 32px !important;
  }
  .quickview-container .hmf-m-xl-xl {
    margin: 48px !important;
  }
  .quickview-container .hmf-mt-xl-xl,
  .quickview-container .hmf-my-xl-xl {
    margin-top: 48px !important;
  }
  .quickview-container .hmf-mr-xl-xl,
  .quickview-container .hmf-mx-xl-xl {
    margin-right: 48px !important;
  }
  .quickview-container .hmf-mb-xl-xl,
  .quickview-container .hmf-my-xl-xl {
    margin-bottom: 48px !important;
  }
  .quickview-container .hmf-ml-xl-xl,
  .quickview-container .hmf-mx-xl-xl {
    margin-left: 48px !important;
  }
  .quickview-container .hmf-m-xl-xxl {
    margin: 72px !important;
  }
  .quickview-container .hmf-mt-xl-xxl,
  .quickview-container .hmf-my-xl-xxl {
    margin-top: 72px !important;
  }
  .quickview-container .hmf-mr-xl-xxl,
  .quickview-container .hmf-mx-xl-xxl {
    margin-right: 72px !important;
  }
  .quickview-container .hmf-mb-xl-xxl,
  .quickview-container .hmf-my-xl-xxl {
    margin-bottom: 72px !important;
  }
  .quickview-container .hmf-ml-xl-xxl,
  .quickview-container .hmf-mx-xl-xxl {
    margin-left: 72px !important;
  }
  .quickview-container .hmf-m-xl-xxxl {
    margin: 96px !important;
  }
  .quickview-container .hmf-mt-xl-xxxl,
  .quickview-container .hmf-my-xl-xxxl {
    margin-top: 96px !important;
  }
  .quickview-container .hmf-mr-xl-xxxl,
  .quickview-container .hmf-mx-xl-xxxl {
    margin-right: 96px !important;
  }
  .quickview-container .hmf-mb-xl-xxxl,
  .quickview-container .hmf-my-xl-xxxl {
    margin-bottom: 96px !important;
  }
  .quickview-container .hmf-ml-xl-xxxl,
  .quickview-container .hmf-mx-xl-xxxl {
    margin-left: 96px !important;
  }
  .quickview-container .hmf-m-xl-xxxxl {
    margin: 120px !important;
  }
  .quickview-container .hmf-mt-xl-xxxxl,
  .quickview-container .hmf-my-xl-xxxxl {
    margin-top: 120px !important;
  }
  .quickview-container .hmf-mr-xl-xxxxl,
  .quickview-container .hmf-mx-xl-xxxxl {
    margin-right: 120px !important;
  }
  .quickview-container .hmf-mb-xl-xxxxl,
  .quickview-container .hmf-my-xl-xxxxl {
    margin-bottom: 120px !important;
  }
  .quickview-container .hmf-ml-xl-xxxxl,
  .quickview-container .hmf-mx-xl-xxxxl {
    margin-left: 120px !important;
  }
  .quickview-container .hmf-p-xl-auto {
    padding: auto !important;
  }
  .quickview-container .hmf-pt-xl-auto,
  .quickview-container .hmf-py-xl-auto {
    padding-top: auto !important;
  }
  .quickview-container .hmf-pr-xl-auto,
  .quickview-container .hmf-px-xl-auto {
    padding-right: auto !important;
  }
  .quickview-container .hmf-pb-xl-auto,
  .quickview-container .hmf-py-xl-auto {
    padding-bottom: auto !important;
  }
  .quickview-container .hmf-pl-xl-auto,
  .quickview-container .hmf-px-xl-auto {
    padding-left: auto !important;
  }
  .quickview-container .hmf-p-xl-0 {
    padding: 0px !important;
  }
  .quickview-container .hmf-pt-xl-0,
  .quickview-container .hmf-py-xl-0 {
    padding-top: 0px !important;
  }
  .quickview-container .hmf-pr-xl-0,
  .quickview-container .hmf-px-xl-0 {
    padding-right: 0px !important;
  }
  .quickview-container .hmf-pb-xl-0,
  .quickview-container .hmf-py-xl-0 {
    padding-bottom: 0px !important;
  }
  .quickview-container .hmf-pl-xl-0,
  .quickview-container .hmf-px-xl-0 {
    padding-left: 0px !important;
  }
  .quickview-container .hmf-p-xl-xxxs {
    padding: 4px !important;
  }
  .quickview-container .hmf-pt-xl-xxxs,
  .quickview-container .hmf-py-xl-xxxs {
    padding-top: 4px !important;
  }
  .quickview-container .hmf-pr-xl-xxxs,
  .quickview-container .hmf-px-xl-xxxs {
    padding-right: 4px !important;
  }
  .quickview-container .hmf-pb-xl-xxxs,
  .quickview-container .hmf-py-xl-xxxs {
    padding-bottom: 4px !important;
  }
  .quickview-container .hmf-pl-xl-xxxs,
  .quickview-container .hmf-px-xl-xxxs {
    padding-left: 4px !important;
  }
  .quickview-container .hmf-p-xl-xxs {
    padding: 8px !important;
  }
  .quickview-container .hmf-pt-xl-xxs,
  .quickview-container .hmf-py-xl-xxs {
    padding-top: 8px !important;
  }
  .quickview-container .hmf-pr-xl-xxs,
  .quickview-container .hmf-px-xl-xxs {
    padding-right: 8px !important;
  }
  .quickview-container .hmf-pb-xl-xxs,
  .quickview-container .hmf-py-xl-xxs {
    padding-bottom: 8px !important;
  }
  .quickview-container .hmf-pl-xl-xxs,
  .quickview-container .hmf-px-xl-xxs {
    padding-left: 8px !important;
  }
  .quickview-container .hmf-p-xl-xs {
    padding: 12px !important;
  }
  .quickview-container .hmf-pt-xl-xs,
  .quickview-container .hmf-py-xl-xs {
    padding-top: 12px !important;
  }
  .quickview-container .hmf-pr-xl-xs,
  .quickview-container .hmf-px-xl-xs {
    padding-right: 12px !important;
  }
  .quickview-container .hmf-pb-xl-xs,
  .quickview-container .hmf-py-xl-xs {
    padding-bottom: 12px !important;
  }
  .quickview-container .hmf-pl-xl-xs,
  .quickview-container .hmf-px-xl-xs {
    padding-left: 12px !important;
  }
  .quickview-container .hmf-p-xl-s {
    padding: 16px !important;
  }
  .quickview-container .hmf-pt-xl-s,
  .quickview-container .hmf-py-xl-s {
    padding-top: 16px !important;
  }
  .quickview-container .hmf-pr-xl-s,
  .quickview-container .hmf-px-xl-s {
    padding-right: 16px !important;
  }
  .quickview-container .hmf-pb-xl-s,
  .quickview-container .hmf-py-xl-s {
    padding-bottom: 16px !important;
  }
  .quickview-container .hmf-pl-xl-s,
  .quickview-container .hmf-px-xl-s {
    padding-left: 16px !important;
  }
  .quickview-container .hmf-p-xl-m {
    padding: 24px !important;
  }
  .quickview-container .hmf-pt-xl-m,
  .quickview-container .hmf-py-xl-m {
    padding-top: 24px !important;
  }
  .quickview-container .hmf-pr-xl-m,
  .quickview-container .hmf-px-xl-m {
    padding-right: 24px !important;
  }
  .quickview-container .hmf-pb-xl-m,
  .quickview-container .hmf-py-xl-m {
    padding-bottom: 24px !important;
  }
  .quickview-container .hmf-pl-xl-m,
  .quickview-container .hmf-px-xl-m {
    padding-left: 24px !important;
  }
  .quickview-container .hmf-p-xl-l {
    padding: 32px !important;
  }
  .quickview-container .hmf-pt-xl-l,
  .quickview-container .hmf-py-xl-l {
    padding-top: 32px !important;
  }
  .quickview-container .hmf-pr-xl-l,
  .quickview-container .hmf-px-xl-l {
    padding-right: 32px !important;
  }
  .quickview-container .hmf-pb-xl-l,
  .quickview-container .hmf-py-xl-l {
    padding-bottom: 32px !important;
  }
  .quickview-container .hmf-pl-xl-l,
  .quickview-container .hmf-px-xl-l {
    padding-left: 32px !important;
  }
  .quickview-container .hmf-p-xl-xl {
    padding: 48px !important;
  }
  .quickview-container .hmf-pt-xl-xl,
  .quickview-container .hmf-py-xl-xl {
    padding-top: 48px !important;
  }
  .quickview-container .hmf-pr-xl-xl,
  .quickview-container .hmf-px-xl-xl {
    padding-right: 48px !important;
  }
  .quickview-container .hmf-pb-xl-xl,
  .quickview-container .hmf-py-xl-xl {
    padding-bottom: 48px !important;
  }
  .quickview-container .hmf-pl-xl-xl,
  .quickview-container .hmf-px-xl-xl {
    padding-left: 48px !important;
  }
  .quickview-container .hmf-p-xl-xxl {
    padding: 72px !important;
  }
  .quickview-container .hmf-pt-xl-xxl,
  .quickview-container .hmf-py-xl-xxl {
    padding-top: 72px !important;
  }
  .quickview-container .hmf-pr-xl-xxl,
  .quickview-container .hmf-px-xl-xxl {
    padding-right: 72px !important;
  }
  .quickview-container .hmf-pb-xl-xxl,
  .quickview-container .hmf-py-xl-xxl {
    padding-bottom: 72px !important;
  }
  .quickview-container .hmf-pl-xl-xxl,
  .quickview-container .hmf-px-xl-xxl {
    padding-left: 72px !important;
  }
  .quickview-container .hmf-p-xl-xxxl {
    padding: 96px !important;
  }
  .quickview-container .hmf-pt-xl-xxxl,
  .quickview-container .hmf-py-xl-xxxl {
    padding-top: 96px !important;
  }
  .quickview-container .hmf-pr-xl-xxxl,
  .quickview-container .hmf-px-xl-xxxl {
    padding-right: 96px !important;
  }
  .quickview-container .hmf-pb-xl-xxxl,
  .quickview-container .hmf-py-xl-xxxl {
    padding-bottom: 96px !important;
  }
  .quickview-container .hmf-pl-xl-xxxl,
  .quickview-container .hmf-px-xl-xxxl {
    padding-left: 96px !important;
  }
  .quickview-container .hmf-p-xl-xxxxl {
    padding: 120px !important;
  }
  .quickview-container .hmf-pt-xl-xxxxl,
  .quickview-container .hmf-py-xl-xxxxl {
    padding-top: 120px !important;
  }
  .quickview-container .hmf-pr-xl-xxxxl,
  .quickview-container .hmf-px-xl-xxxxl {
    padding-right: 120px !important;
  }
  .quickview-container .hmf-pb-xl-xxxxl,
  .quickview-container .hmf-py-xl-xxxxl {
    padding-bottom: 120px !important;
  }
  .quickview-container .hmf-pl-xl-xxxxl,
  .quickview-container .hmf-px-xl-xxxxl {
    padding-left: 120px !important;
  }
  .quickview-container .hmf-m-xl-auto {
    margin: auto !important;
  }
  .quickview-container .hmf-mt-xl-auto,
  .quickview-container .hmf-my-xl-auto {
    margin-top: auto !important;
  }
  .quickview-container .hmf-mr-xl-auto,
  .quickview-container .hmf-mx-xl-auto {
    margin-right: auto !important;
  }
  .quickview-container .hmf-mb-xl-auto,
  .quickview-container .hmf-my-xl-auto {
    margin-bottom: auto !important;
  }
  .quickview-container .hmf-ml-xl-auto,
  .quickview-container .hmf-mx-xl-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1440px) {
  .quickview-container .hmf-m-xxlg-auto {
    margin: auto !important;
  }
  .quickview-container .hmf-mt-xxlg-auto,
  .quickview-container .hmf-my-xxlg-auto {
    margin-top: auto !important;
  }
  .quickview-container .hmf-mr-xxlg-auto,
  .quickview-container .hmf-mx-xxlg-auto {
    margin-right: auto !important;
  }
  .quickview-container .hmf-mb-xxlg-auto,
  .quickview-container .hmf-my-xxlg-auto {
    margin-bottom: auto !important;
  }
  .quickview-container .hmf-ml-xxlg-auto,
  .quickview-container .hmf-mx-xxlg-auto {
    margin-left: auto !important;
  }
  .quickview-container .hmf-m-xxlg-0 {
    margin: 0px !important;
  }
  .quickview-container .hmf-mt-xxlg-0,
  .quickview-container .hmf-my-xxlg-0 {
    margin-top: 0px !important;
  }
  .quickview-container .hmf-mr-xxlg-0,
  .quickview-container .hmf-mx-xxlg-0 {
    margin-right: 0px !important;
  }
  .quickview-container .hmf-mb-xxlg-0,
  .quickview-container .hmf-my-xxlg-0 {
    margin-bottom: 0px !important;
  }
  .quickview-container .hmf-ml-xxlg-0,
  .quickview-container .hmf-mx-xxlg-0 {
    margin-left: 0px !important;
  }
  .quickview-container .hmf-m-xxlg-xxxs {
    margin: 4px !important;
  }
  .quickview-container .hmf-mt-xxlg-xxxs,
  .quickview-container .hmf-my-xxlg-xxxs {
    margin-top: 4px !important;
  }
  .quickview-container .hmf-mr-xxlg-xxxs,
  .quickview-container .hmf-mx-xxlg-xxxs {
    margin-right: 4px !important;
  }
  .quickview-container .hmf-mb-xxlg-xxxs,
  .quickview-container .hmf-my-xxlg-xxxs {
    margin-bottom: 4px !important;
  }
  .quickview-container .hmf-ml-xxlg-xxxs,
  .quickview-container .hmf-mx-xxlg-xxxs {
    margin-left: 4px !important;
  }
  .quickview-container .hmf-m-xxlg-xxs {
    margin: 8px !important;
  }
  .quickview-container .hmf-mt-xxlg-xxs,
  .quickview-container .hmf-my-xxlg-xxs {
    margin-top: 8px !important;
  }
  .quickview-container .hmf-mr-xxlg-xxs,
  .quickview-container .hmf-mx-xxlg-xxs {
    margin-right: 8px !important;
  }
  .quickview-container .hmf-mb-xxlg-xxs,
  .quickview-container .hmf-my-xxlg-xxs {
    margin-bottom: 8px !important;
  }
  .quickview-container .hmf-ml-xxlg-xxs,
  .quickview-container .hmf-mx-xxlg-xxs {
    margin-left: 8px !important;
  }
  .quickview-container .hmf-m-xxlg-xs {
    margin: 12px !important;
  }
  .quickview-container .hmf-mt-xxlg-xs,
  .quickview-container .hmf-my-xxlg-xs {
    margin-top: 12px !important;
  }
  .quickview-container .hmf-mr-xxlg-xs,
  .quickview-container .hmf-mx-xxlg-xs {
    margin-right: 12px !important;
  }
  .quickview-container .hmf-mb-xxlg-xs,
  .quickview-container .hmf-my-xxlg-xs {
    margin-bottom: 12px !important;
  }
  .quickview-container .hmf-ml-xxlg-xs,
  .quickview-container .hmf-mx-xxlg-xs {
    margin-left: 12px !important;
  }
  .quickview-container .hmf-m-xxlg-s {
    margin: 16px !important;
  }
  .quickview-container .hmf-mt-xxlg-s,
  .quickview-container .hmf-my-xxlg-s {
    margin-top: 16px !important;
  }
  .quickview-container .hmf-mr-xxlg-s,
  .quickview-container .hmf-mx-xxlg-s {
    margin-right: 16px !important;
  }
  .quickview-container .hmf-mb-xxlg-s,
  .quickview-container .hmf-my-xxlg-s {
    margin-bottom: 16px !important;
  }
  .quickview-container .hmf-ml-xxlg-s,
  .quickview-container .hmf-mx-xxlg-s {
    margin-left: 16px !important;
  }
  .quickview-container .hmf-m-xxlg-m {
    margin: 24px !important;
  }
  .quickview-container .hmf-mt-xxlg-m,
  .quickview-container .hmf-my-xxlg-m {
    margin-top: 24px !important;
  }
  .quickview-container .hmf-mr-xxlg-m,
  .quickview-container .hmf-mx-xxlg-m {
    margin-right: 24px !important;
  }
  .quickview-container .hmf-mb-xxlg-m,
  .quickview-container .hmf-my-xxlg-m {
    margin-bottom: 24px !important;
  }
  .quickview-container .hmf-ml-xxlg-m,
  .quickview-container .hmf-mx-xxlg-m {
    margin-left: 24px !important;
  }
  .quickview-container .hmf-m-xxlg-l {
    margin: 32px !important;
  }
  .quickview-container .hmf-mt-xxlg-l,
  .quickview-container .hmf-my-xxlg-l {
    margin-top: 32px !important;
  }
  .quickview-container .hmf-mr-xxlg-l,
  .quickview-container .hmf-mx-xxlg-l {
    margin-right: 32px !important;
  }
  .quickview-container .hmf-mb-xxlg-l,
  .quickview-container .hmf-my-xxlg-l {
    margin-bottom: 32px !important;
  }
  .quickview-container .hmf-ml-xxlg-l,
  .quickview-container .hmf-mx-xxlg-l {
    margin-left: 32px !important;
  }
  .quickview-container .hmf-m-xxlg-xl {
    margin: 48px !important;
  }
  .quickview-container .hmf-mt-xxlg-xl,
  .quickview-container .hmf-my-xxlg-xl {
    margin-top: 48px !important;
  }
  .quickview-container .hmf-mr-xxlg-xl,
  .quickview-container .hmf-mx-xxlg-xl {
    margin-right: 48px !important;
  }
  .quickview-container .hmf-mb-xxlg-xl,
  .quickview-container .hmf-my-xxlg-xl {
    margin-bottom: 48px !important;
  }
  .quickview-container .hmf-ml-xxlg-xl,
  .quickview-container .hmf-mx-xxlg-xl {
    margin-left: 48px !important;
  }
  .quickview-container .hmf-m-xxlg-xxl {
    margin: 72px !important;
  }
  .quickview-container .hmf-mt-xxlg-xxl,
  .quickview-container .hmf-my-xxlg-xxl {
    margin-top: 72px !important;
  }
  .quickview-container .hmf-mr-xxlg-xxl,
  .quickview-container .hmf-mx-xxlg-xxl {
    margin-right: 72px !important;
  }
  .quickview-container .hmf-mb-xxlg-xxl,
  .quickview-container .hmf-my-xxlg-xxl {
    margin-bottom: 72px !important;
  }
  .quickview-container .hmf-ml-xxlg-xxl,
  .quickview-container .hmf-mx-xxlg-xxl {
    margin-left: 72px !important;
  }
  .quickview-container .hmf-m-xxlg-xxxl {
    margin: 96px !important;
  }
  .quickview-container .hmf-mt-xxlg-xxxl,
  .quickview-container .hmf-my-xxlg-xxxl {
    margin-top: 96px !important;
  }
  .quickview-container .hmf-mr-xxlg-xxxl,
  .quickview-container .hmf-mx-xxlg-xxxl {
    margin-right: 96px !important;
  }
  .quickview-container .hmf-mb-xxlg-xxxl,
  .quickview-container .hmf-my-xxlg-xxxl {
    margin-bottom: 96px !important;
  }
  .quickview-container .hmf-ml-xxlg-xxxl,
  .quickview-container .hmf-mx-xxlg-xxxl {
    margin-left: 96px !important;
  }
  .quickview-container .hmf-m-xxlg-xxxxl {
    margin: 120px !important;
  }
  .quickview-container .hmf-mt-xxlg-xxxxl,
  .quickview-container .hmf-my-xxlg-xxxxl {
    margin-top: 120px !important;
  }
  .quickview-container .hmf-mr-xxlg-xxxxl,
  .quickview-container .hmf-mx-xxlg-xxxxl {
    margin-right: 120px !important;
  }
  .quickview-container .hmf-mb-xxlg-xxxxl,
  .quickview-container .hmf-my-xxlg-xxxxl {
    margin-bottom: 120px !important;
  }
  .quickview-container .hmf-ml-xxlg-xxxxl,
  .quickview-container .hmf-mx-xxlg-xxxxl {
    margin-left: 120px !important;
  }
  .quickview-container .hmf-p-xxlg-auto {
    padding: auto !important;
  }
  .quickview-container .hmf-pt-xxlg-auto,
  .quickview-container .hmf-py-xxlg-auto {
    padding-top: auto !important;
  }
  .quickview-container .hmf-pr-xxlg-auto,
  .quickview-container .hmf-px-xxlg-auto {
    padding-right: auto !important;
  }
  .quickview-container .hmf-pb-xxlg-auto,
  .quickview-container .hmf-py-xxlg-auto {
    padding-bottom: auto !important;
  }
  .quickview-container .hmf-pl-xxlg-auto,
  .quickview-container .hmf-px-xxlg-auto {
    padding-left: auto !important;
  }
  .quickview-container .hmf-p-xxlg-0 {
    padding: 0px !important;
  }
  .quickview-container .hmf-pt-xxlg-0,
  .quickview-container .hmf-py-xxlg-0 {
    padding-top: 0px !important;
  }
  .quickview-container .hmf-pr-xxlg-0,
  .quickview-container .hmf-px-xxlg-0 {
    padding-right: 0px !important;
  }
  .quickview-container .hmf-pb-xxlg-0,
  .quickview-container .hmf-py-xxlg-0 {
    padding-bottom: 0px !important;
  }
  .quickview-container .hmf-pl-xxlg-0,
  .quickview-container .hmf-px-xxlg-0 {
    padding-left: 0px !important;
  }
  .quickview-container .hmf-p-xxlg-xxxs {
    padding: 4px !important;
  }
  .quickview-container .hmf-pt-xxlg-xxxs,
  .quickview-container .hmf-py-xxlg-xxxs {
    padding-top: 4px !important;
  }
  .quickview-container .hmf-pr-xxlg-xxxs,
  .quickview-container .hmf-px-xxlg-xxxs {
    padding-right: 4px !important;
  }
  .quickview-container .hmf-pb-xxlg-xxxs,
  .quickview-container .hmf-py-xxlg-xxxs {
    padding-bottom: 4px !important;
  }
  .quickview-container .hmf-pl-xxlg-xxxs,
  .quickview-container .hmf-px-xxlg-xxxs {
    padding-left: 4px !important;
  }
  .quickview-container .hmf-p-xxlg-xxs {
    padding: 8px !important;
  }
  .quickview-container .hmf-pt-xxlg-xxs,
  .quickview-container .hmf-py-xxlg-xxs {
    padding-top: 8px !important;
  }
  .quickview-container .hmf-pr-xxlg-xxs,
  .quickview-container .hmf-px-xxlg-xxs {
    padding-right: 8px !important;
  }
  .quickview-container .hmf-pb-xxlg-xxs,
  .quickview-container .hmf-py-xxlg-xxs {
    padding-bottom: 8px !important;
  }
  .quickview-container .hmf-pl-xxlg-xxs,
  .quickview-container .hmf-px-xxlg-xxs {
    padding-left: 8px !important;
  }
  .quickview-container .hmf-p-xxlg-xs {
    padding: 12px !important;
  }
  .quickview-container .hmf-pt-xxlg-xs,
  .quickview-container .hmf-py-xxlg-xs {
    padding-top: 12px !important;
  }
  .quickview-container .hmf-pr-xxlg-xs,
  .quickview-container .hmf-px-xxlg-xs {
    padding-right: 12px !important;
  }
  .quickview-container .hmf-pb-xxlg-xs,
  .quickview-container .hmf-py-xxlg-xs {
    padding-bottom: 12px !important;
  }
  .quickview-container .hmf-pl-xxlg-xs,
  .quickview-container .hmf-px-xxlg-xs {
    padding-left: 12px !important;
  }
  .quickview-container .hmf-p-xxlg-s {
    padding: 16px !important;
  }
  .quickview-container .hmf-pt-xxlg-s,
  .quickview-container .hmf-py-xxlg-s {
    padding-top: 16px !important;
  }
  .quickview-container .hmf-pr-xxlg-s,
  .quickview-container .hmf-px-xxlg-s {
    padding-right: 16px !important;
  }
  .quickview-container .hmf-pb-xxlg-s,
  .quickview-container .hmf-py-xxlg-s {
    padding-bottom: 16px !important;
  }
  .quickview-container .hmf-pl-xxlg-s,
  .quickview-container .hmf-px-xxlg-s {
    padding-left: 16px !important;
  }
  .quickview-container .hmf-p-xxlg-m {
    padding: 24px !important;
  }
  .quickview-container .hmf-pt-xxlg-m,
  .quickview-container .hmf-py-xxlg-m {
    padding-top: 24px !important;
  }
  .quickview-container .hmf-pr-xxlg-m,
  .quickview-container .hmf-px-xxlg-m {
    padding-right: 24px !important;
  }
  .quickview-container .hmf-pb-xxlg-m,
  .quickview-container .hmf-py-xxlg-m {
    padding-bottom: 24px !important;
  }
  .quickview-container .hmf-pl-xxlg-m,
  .quickview-container .hmf-px-xxlg-m {
    padding-left: 24px !important;
  }
  .quickview-container .hmf-p-xxlg-l {
    padding: 32px !important;
  }
  .quickview-container .hmf-pt-xxlg-l,
  .quickview-container .hmf-py-xxlg-l {
    padding-top: 32px !important;
  }
  .quickview-container .hmf-pr-xxlg-l,
  .quickview-container .hmf-px-xxlg-l {
    padding-right: 32px !important;
  }
  .quickview-container .hmf-pb-xxlg-l,
  .quickview-container .hmf-py-xxlg-l {
    padding-bottom: 32px !important;
  }
  .quickview-container .hmf-pl-xxlg-l,
  .quickview-container .hmf-px-xxlg-l {
    padding-left: 32px !important;
  }
  .quickview-container .hmf-p-xxlg-xl {
    padding: 48px !important;
  }
  .quickview-container .hmf-pt-xxlg-xl,
  .quickview-container .hmf-py-xxlg-xl {
    padding-top: 48px !important;
  }
  .quickview-container .hmf-pr-xxlg-xl,
  .quickview-container .hmf-px-xxlg-xl {
    padding-right: 48px !important;
  }
  .quickview-container .hmf-pb-xxlg-xl,
  .quickview-container .hmf-py-xxlg-xl {
    padding-bottom: 48px !important;
  }
  .quickview-container .hmf-pl-xxlg-xl,
  .quickview-container .hmf-px-xxlg-xl {
    padding-left: 48px !important;
  }
  .quickview-container .hmf-p-xxlg-xxl {
    padding: 72px !important;
  }
  .quickview-container .hmf-pt-xxlg-xxl,
  .quickview-container .hmf-py-xxlg-xxl {
    padding-top: 72px !important;
  }
  .quickview-container .hmf-pr-xxlg-xxl,
  .quickview-container .hmf-px-xxlg-xxl {
    padding-right: 72px !important;
  }
  .quickview-container .hmf-pb-xxlg-xxl,
  .quickview-container .hmf-py-xxlg-xxl {
    padding-bottom: 72px !important;
  }
  .quickview-container .hmf-pl-xxlg-xxl,
  .quickview-container .hmf-px-xxlg-xxl {
    padding-left: 72px !important;
  }
  .quickview-container .hmf-p-xxlg-xxxl {
    padding: 96px !important;
  }
  .quickview-container .hmf-pt-xxlg-xxxl,
  .quickview-container .hmf-py-xxlg-xxxl {
    padding-top: 96px !important;
  }
  .quickview-container .hmf-pr-xxlg-xxxl,
  .quickview-container .hmf-px-xxlg-xxxl {
    padding-right: 96px !important;
  }
  .quickview-container .hmf-pb-xxlg-xxxl,
  .quickview-container .hmf-py-xxlg-xxxl {
    padding-bottom: 96px !important;
  }
  .quickview-container .hmf-pl-xxlg-xxxl,
  .quickview-container .hmf-px-xxlg-xxxl {
    padding-left: 96px !important;
  }
  .quickview-container .hmf-p-xxlg-xxxxl {
    padding: 120px !important;
  }
  .quickview-container .hmf-pt-xxlg-xxxxl,
  .quickview-container .hmf-py-xxlg-xxxxl {
    padding-top: 120px !important;
  }
  .quickview-container .hmf-pr-xxlg-xxxxl,
  .quickview-container .hmf-px-xxlg-xxxxl {
    padding-right: 120px !important;
  }
  .quickview-container .hmf-pb-xxlg-xxxxl,
  .quickview-container .hmf-py-xxlg-xxxxl {
    padding-bottom: 120px !important;
  }
  .quickview-container .hmf-pl-xxlg-xxxxl,
  .quickview-container .hmf-px-xxlg-xxxxl {
    padding-left: 120px !important;
  }
  .quickview-container .hmf-m-xxlg-auto {
    margin: auto !important;
  }
  .quickview-container .hmf-mt-xxlg-auto,
  .quickview-container .hmf-my-xxlg-auto {
    margin-top: auto !important;
  }
  .quickview-container .hmf-mr-xxlg-auto,
  .quickview-container .hmf-mx-xxlg-auto {
    margin-right: auto !important;
  }
  .quickview-container .hmf-mb-xxlg-auto,
  .quickview-container .hmf-my-xxlg-auto {
    margin-bottom: auto !important;
  }
  .quickview-container .hmf-ml-xxlg-auto,
  .quickview-container .hmf-mx-xxlg-auto {
    margin-left: auto !important;
  }
}
.quickview-container .hmf-sharp-radius {
  border-radius: var(--hmf-sharp-radius);
}
.quickview-container .hmf-soft-radius {
  border-radius: var(--hmf-soft-radius);
}
.quickview-container .hmf-round-radius {
  border-radius: var(--hmf-round-radius);
}
.quickview-container .hmf-subtle-shadow {
  box-shadow: var(--hmf-subtle-shadow);
}
.quickview-container .hmf-elevated-shadow {
  box-shadow: var(--hmf-elevated-shadow);
}
.quickview-container .hmf-elevated-up-shadow {
  box-shadow: var(--hmf-elevated-up-shadow);
}
.quickview-container .hmf-soft-shadow {
  box-shadow: var(--hmf-soft-shadow);
}
.quickview-container .hmf-display-none {
  display: none;
}
.quickview-container .hmf-display-inline {
  display: inline;
}
.quickview-container .hmf-display-inline-block {
  display: inline-block;
}
.quickview-container .hmf-display-block {
  display: block;
}
.quickview-container .hmf-display-table {
  display: table;
}
.quickview-container .hmf-display-table-cell {
  display: table-cell;
}
.quickview-container .hmf-display-table-row {
  display: table-row;
}
.quickview-container .hmf-display-flex {
  display: flex;
}
.quickview-container .hmf-display-inline-flex {
  display: inline-flex;
}
.quickview-container .hmf-display-none {
  display: none;
}
.quickview-container .hmf-display-inline {
  display: inline;
}
.quickview-container .hmf-display-inline-block {
  display: inline-block;
}
.quickview-container .hmf-display-block {
  display: block;
}
.quickview-container .hmf-display-table {
  display: table;
}
.quickview-container .hmf-display-table-cell {
  display: table-cell;
}
.quickview-container .hmf-display-table-row {
  display: table-row;
}
.quickview-container .hmf-display-flex {
  display: flex;
}
.quickview-container .hmf-display-inline-flex {
  display: inline-flex;
}
@media (min-width: 375px) {
  .quickview-container .hmf-display-s-none {
    display: none;
  }
  .quickview-container .hmf-display-s-inline {
    display: inline;
  }
  .quickview-container .hmf-display-s-inline-block {
    display: inline-block;
  }
  .quickview-container .hmf-display-s-block {
    display: block;
  }
  .quickview-container .hmf-display-s-table {
    display: table;
  }
  .quickview-container .hmf-display-s-table-cell {
    display: table-cell;
  }
  .quickview-container .hmf-display-s-table-row {
    display: table-row;
  }
  .quickview-container .hmf-display-s-flex {
    display: flex;
  }
  .quickview-container .hmf-display-s-inline-flex {
    display: inline-flex;
  }
}
@media (min-width: 375px) {
  .quickview-container .hmf-display-xsm-none {
    display: none;
  }
  .quickview-container .hmf-display-xsm-inline {
    display: inline;
  }
  .quickview-container .hmf-display-xsm-inline-block {
    display: inline-block;
  }
  .quickview-container .hmf-display-xsm-block {
    display: block;
  }
  .quickview-container .hmf-display-xsm-table {
    display: table;
  }
  .quickview-container .hmf-display-xsm-table-cell {
    display: table-cell;
  }
  .quickview-container .hmf-display-xsm-table-row {
    display: table-row;
  }
  .quickview-container .hmf-display-xsm-flex {
    display: flex;
  }
  .quickview-container .hmf-display-xsm-inline-flex {
    display: inline-flex;
  }
}
@media (min-width: 480px) {
  .quickview-container .hmf-display-sm-none {
    display: none;
  }
  .quickview-container .hmf-display-sm-inline {
    display: inline;
  }
  .quickview-container .hmf-display-sm-inline-block {
    display: inline-block;
  }
  .quickview-container .hmf-display-sm-block {
    display: block;
  }
  .quickview-container .hmf-display-sm-table {
    display: table;
  }
  .quickview-container .hmf-display-sm-table-cell {
    display: table-cell;
  }
  .quickview-container .hmf-display-sm-table-row {
    display: table-row;
  }
  .quickview-container .hmf-display-sm-flex {
    display: flex;
  }
  .quickview-container .hmf-display-sm-inline-flex {
    display: inline-flex;
  }
}
@media (min-width: 768px) {
  .quickview-container .hmf-display-m-none {
    display: none;
  }
  .quickview-container .hmf-display-m-inline {
    display: inline;
  }
  .quickview-container .hmf-display-m-inline-block {
    display: inline-block;
  }
  .quickview-container .hmf-display-m-block {
    display: block;
  }
  .quickview-container .hmf-display-m-table {
    display: table;
  }
  .quickview-container .hmf-display-m-table-cell {
    display: table-cell;
  }
  .quickview-container .hmf-display-m-table-row {
    display: table-row;
  }
  .quickview-container .hmf-display-m-flex {
    display: flex;
  }
  .quickview-container .hmf-display-m-inline-flex {
    display: inline-flex;
  }
}
@media (min-width: 768px) {
  .quickview-container .hmf-display-md-none {
    display: none;
  }
  .quickview-container .hmf-display-md-inline {
    display: inline;
  }
  .quickview-container .hmf-display-md-inline-block {
    display: inline-block;
  }
  .quickview-container .hmf-display-md-block {
    display: block;
  }
  .quickview-container .hmf-display-md-table {
    display: table;
  }
  .quickview-container .hmf-display-md-table-cell {
    display: table-cell;
  }
  .quickview-container .hmf-display-md-table-row {
    display: table-row;
  }
  .quickview-container .hmf-display-md-flex {
    display: flex;
  }
  .quickview-container .hmf-display-md-inline-flex {
    display: inline-flex;
  }
}
@media (min-width: 1024px) {
  .quickview-container .hmf-display-lg-none {
    display: none;
  }
  .quickview-container .hmf-display-lg-inline {
    display: inline;
  }
  .quickview-container .hmf-display-lg-inline-block {
    display: inline-block;
  }
  .quickview-container .hmf-display-lg-block {
    display: block;
  }
  .quickview-container .hmf-display-lg-table {
    display: table;
  }
  .quickview-container .hmf-display-lg-table-cell {
    display: table-cell;
  }
  .quickview-container .hmf-display-lg-table-row {
    display: table-row;
  }
  .quickview-container .hmf-display-lg-flex {
    display: flex;
  }
  .quickview-container .hmf-display-lg-inline-flex {
    display: inline-flex;
  }
}
@media (min-width: 1280px) {
  .quickview-container .hmf-display-l-none {
    display: none;
  }
  .quickview-container .hmf-display-l-inline {
    display: inline;
  }
  .quickview-container .hmf-display-l-inline-block {
    display: inline-block;
  }
  .quickview-container .hmf-display-l-block {
    display: block;
  }
  .quickview-container .hmf-display-l-table {
    display: table;
  }
  .quickview-container .hmf-display-l-table-cell {
    display: table-cell;
  }
  .quickview-container .hmf-display-l-table-row {
    display: table-row;
  }
  .quickview-container .hmf-display-l-flex {
    display: flex;
  }
  .quickview-container .hmf-display-l-inline-flex {
    display: inline-flex;
  }
}
@media (min-width: 1280px) {
  .quickview-container .hmf-display-xlg-none {
    display: none;
  }
  .quickview-container .hmf-display-xlg-inline {
    display: inline;
  }
  .quickview-container .hmf-display-xlg-inline-block {
    display: inline-block;
  }
  .quickview-container .hmf-display-xlg-block {
    display: block;
  }
  .quickview-container .hmf-display-xlg-table {
    display: table;
  }
  .quickview-container .hmf-display-xlg-table-cell {
    display: table-cell;
  }
  .quickview-container .hmf-display-xlg-table-row {
    display: table-row;
  }
  .quickview-container .hmf-display-xlg-flex {
    display: flex;
  }
  .quickview-container .hmf-display-xlg-inline-flex {
    display: inline-flex;
  }
}
@media (min-width: 1440px) {
  .quickview-container .hmf-display-xl-none {
    display: none;
  }
  .quickview-container .hmf-display-xl-inline {
    display: inline;
  }
  .quickview-container .hmf-display-xl-inline-block {
    display: inline-block;
  }
  .quickview-container .hmf-display-xl-block {
    display: block;
  }
  .quickview-container .hmf-display-xl-table {
    display: table;
  }
  .quickview-container .hmf-display-xl-table-cell {
    display: table-cell;
  }
  .quickview-container .hmf-display-xl-table-row {
    display: table-row;
  }
  .quickview-container .hmf-display-xl-flex {
    display: flex;
  }
  .quickview-container .hmf-display-xl-inline-flex {
    display: inline-flex;
  }
}
@media (min-width: 1440px) {
  .quickview-container .hmf-display-xxlg-none {
    display: none;
  }
  .quickview-container .hmf-display-xxlg-inline {
    display: inline;
  }
  .quickview-container .hmf-display-xxlg-inline-block {
    display: inline-block;
  }
  .quickview-container .hmf-display-xxlg-block {
    display: block;
  }
  .quickview-container .hmf-display-xxlg-table {
    display: table;
  }
  .quickview-container .hmf-display-xxlg-table-cell {
    display: table-cell;
  }
  .quickview-container .hmf-display-xxlg-table-row {
    display: table-row;
  }
  .quickview-container .hmf-display-xxlg-flex {
    display: flex;
  }
  .quickview-container .hmf-display-xxlg-inline-flex {
    display: inline-flex;
  }
}
.quickview-container .hmf-position-static {
  position: static;
}
.quickview-container .hmf-position-relative {
  position: relative;
}
.quickview-container .hmf-position-absolute {
  position: absolute;
}
.quickview-container .hmf-position-fixed {
  position: fixed;
}
.quickview-container .hmf-position-sticky {
  position: sticky;
}
.quickview-container .hmf-position-static {
  position: static;
}
.quickview-container .hmf-position-relative {
  position: relative;
}
.quickview-container .hmf-position-absolute {
  position: absolute;
}
.quickview-container .hmf-position-fixed {
  position: fixed;
}
.quickview-container .hmf-position-sticky {
  position: sticky;
}
@media (min-width: 375px) {
  .quickview-container .hmf-position-s-static {
    position: static;
  }
  .quickview-container .hmf-position-s-relative {
    position: relative;
  }
  .quickview-container .hmf-position-s-absolute {
    position: absolute;
  }
  .quickview-container .hmf-position-s-fixed {
    position: fixed;
  }
  .quickview-container .hmf-position-s-sticky {
    position: sticky;
  }
}
@media (min-width: 375px) {
  .quickview-container .hmf-position-xsm-static {
    position: static;
  }
  .quickview-container .hmf-position-xsm-relative {
    position: relative;
  }
  .quickview-container .hmf-position-xsm-absolute {
    position: absolute;
  }
  .quickview-container .hmf-position-xsm-fixed {
    position: fixed;
  }
  .quickview-container .hmf-position-xsm-sticky {
    position: sticky;
  }
}
@media (min-width: 480px) {
  .quickview-container .hmf-position-sm-static {
    position: static;
  }
  .quickview-container .hmf-position-sm-relative {
    position: relative;
  }
  .quickview-container .hmf-position-sm-absolute {
    position: absolute;
  }
  .quickview-container .hmf-position-sm-fixed {
    position: fixed;
  }
  .quickview-container .hmf-position-sm-sticky {
    position: sticky;
  }
}
@media (min-width: 768px) {
  .quickview-container .hmf-position-m-static {
    position: static;
  }
  .quickview-container .hmf-position-m-relative {
    position: relative;
  }
  .quickview-container .hmf-position-m-absolute {
    position: absolute;
  }
  .quickview-container .hmf-position-m-fixed {
    position: fixed;
  }
  .quickview-container .hmf-position-m-sticky {
    position: sticky;
  }
}
@media (min-width: 768px) {
  .quickview-container .hmf-position-md-static {
    position: static;
  }
  .quickview-container .hmf-position-md-relative {
    position: relative;
  }
  .quickview-container .hmf-position-md-absolute {
    position: absolute;
  }
  .quickview-container .hmf-position-md-fixed {
    position: fixed;
  }
  .quickview-container .hmf-position-md-sticky {
    position: sticky;
  }
}
@media (min-width: 1024px) {
  .quickview-container .hmf-position-lg-static {
    position: static;
  }
  .quickview-container .hmf-position-lg-relative {
    position: relative;
  }
  .quickview-container .hmf-position-lg-absolute {
    position: absolute;
  }
  .quickview-container .hmf-position-lg-fixed {
    position: fixed;
  }
  .quickview-container .hmf-position-lg-sticky {
    position: sticky;
  }
}
@media (min-width: 1280px) {
  .quickview-container .hmf-position-l-static {
    position: static;
  }
  .quickview-container .hmf-position-l-relative {
    position: relative;
  }
  .quickview-container .hmf-position-l-absolute {
    position: absolute;
  }
  .quickview-container .hmf-position-l-fixed {
    position: fixed;
  }
  .quickview-container .hmf-position-l-sticky {
    position: sticky;
  }
}
@media (min-width: 1280px) {
  .quickview-container .hmf-position-xlg-static {
    position: static;
  }
  .quickview-container .hmf-position-xlg-relative {
    position: relative;
  }
  .quickview-container .hmf-position-xlg-absolute {
    position: absolute;
  }
  .quickview-container .hmf-position-xlg-fixed {
    position: fixed;
  }
  .quickview-container .hmf-position-xlg-sticky {
    position: sticky;
  }
}
@media (min-width: 1440px) {
  .quickview-container .hmf-position-xl-static {
    position: static;
  }
  .quickview-container .hmf-position-xl-relative {
    position: relative;
  }
  .quickview-container .hmf-position-xl-absolute {
    position: absolute;
  }
  .quickview-container .hmf-position-xl-fixed {
    position: fixed;
  }
  .quickview-container .hmf-position-xl-sticky {
    position: sticky;
  }
}
@media (min-width: 1440px) {
  .quickview-container .hmf-position-xxlg-static {
    position: static;
  }
  .quickview-container .hmf-position-xxlg-relative {
    position: relative;
  }
  .quickview-container .hmf-position-xxlg-absolute {
    position: absolute;
  }
  .quickview-container .hmf-position-xxlg-fixed {
    position: fixed;
  }
  .quickview-container .hmf-position-xxlg-sticky {
    position: sticky;
  }
}
.quickview-container .hmf-flex-row {
  display: flex;
  flex-direction: row;
}
.quickview-container .hmf-flex-col {
  display: flex;
  flex-direction: column;
}
.quickview-container .hmf-flex-column {
  display: flex;
  flex-direction: column;
}
.quickview-container .hmf-flex-row-reverse {
  flex-direction: row-reverse;
}
.quickview-container .hmf-flex-col-reverse {
  flex-direction: column-reverse;
}
.quickview-container .hmf-flex-column-reverse {
  flex-direction: column-reverse;
}
.quickview-container .hmf-flex-wrap {
  flex-wrap: wrap;
}
.quickview-container .hmf-flex-nowrap {
  flex-wrap: nowrap;
}
.quickview-container .hmf-flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.quickview-container .hmf-flex-fill {
  flex: 1 1 auto;
}
.quickview-container .hmf-flex-grow-none {
  flex-grow: 0;
}
.quickview-container .hmf-flex-grow {
  flex-grow: 1;
}
.quickview-container .hmf-flex-shrink-none {
  flex-shrink: 0;
}
.quickview-container .hmf-flex-shrink {
  flex-shrink: 1;
}
.quickview-container .hmf-justify-content-flex-start {
  justify-content: flex-start;
}
.quickview-container .hmf-justify-content-flex-end {
  justify-content: flex-end;
}
.quickview-container .hmf-justify-content-center {
  justify-content: center;
}
.quickview-container .hmf-justify-content-between {
  justify-content: space-between;
}
.quickview-container .hmf-justify-content-around {
  justify-content: space-around;
}
.quickview-container .hmf-justify-content-evenly {
  -webkit-box-pack: justify;
  -ms-flex-pack: distribute;
  justify-content: space-evenly;
}
.quickview-container .hmf-justify-content-start {
  justify-content: start;
}
.quickview-container .hmf-justify-content-end {
  justify-content: end;
}
.quickview-container .hmf-justify-content-left {
  justify-content: left;
}
.quickview-container .hmf-justify-content-right {
  justify-content: right;
}
.quickview-container .hmf-align-items-flex-start {
  align-items: flex-start;
}
.quickview-container .hmf-align-items-flex-end {
  align-items: flex-end;
}
.quickview-container .hmf-align-items-center {
  align-items: center;
}
.quickview-container .hmf-align-items-baseline {
  align-items: baseline;
}
.quickview-container .hmf-align-items-stretch {
  align-items: stretch;
}
.quickview-container .hmf-align-items-self-start {
  align-items: self-start;
}
.quickview-container .hmf-align-items-self-end {
  align-items: self-start;
}
.quickview-container .hmf-align-content-start {
  align-content: flex-start;
}
.quickview-container .hmf-align-content-end {
  align-content: flex-end;
}
.quickview-container .hmf-align-content-center {
  align-content: center;
}
.quickview-container .hmf-align-content-between {
  align-content: space-between;
}
.quickview-container .hmf-align-content-around {
  align-content: space-around;
}
.quickview-container .hmf-align-content-evenly {
  align-content: space-evenly;
}
.quickview-container .hmf-align-content-stretch {
  align-content: stretch;
}
.quickview-container .hmf-align-self-auto {
  align-self: auto;
}
.quickview-container .hmf-align-self-start {
  align-self: flex-start;
}
.quickview-container .hmf-align-self-end {
  align-self: flex-end;
}
.quickview-container .hmf-align-self-center {
  align-self: center;
}
.quickview-container .hmf-align-self-baseline {
  align-self: baseline;
}
.quickview-container .hmf-align-self-stretch {
  align-self: stretch;
}
.quickview-container .hmf-flex-row {
  display: flex;
  flex-direction: row;
}
.quickview-container .hmf-flex-col {
  display: flex;
  flex-direction: column;
}
.quickview-container .hmf-flex-column {
  display: flex;
  flex-direction: column;
}
.quickview-container .hmf-flex-row-reverse {
  flex-direction: row-reverse;
}
.quickview-container .hmf-flex-col-reverse {
  flex-direction: column-reverse;
}
.quickview-container .hmf-flex-column-reverse {
  flex-direction: column-reverse;
}
.quickview-container .hmf-flex-wrap {
  flex-wrap: wrap;
}
.quickview-container .hmf-flex-nowrap {
  flex-wrap: nowrap;
}
.quickview-container .hmf-flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.quickview-container .hmf-flex-fill {
  flex: 1 1 auto;
}
.quickview-container .hmf-flex-grow-none {
  flex-grow: 0;
}
.quickview-container .hmf-flex-grow {
  flex-grow: 1;
}
.quickview-container .hmf-flex-shrink-none {
  flex-shrink: 0;
}
.quickview-container .hmf-flex-shrink {
  flex-shrink: 1;
}
.quickview-container .hmf-justify-content-flex-start {
  justify-content: flex-start;
}
.quickview-container .hmf-justify-content-flex-end {
  justify-content: flex-end;
}
.quickview-container .hmf-justify-content-center {
  justify-content: center;
}
.quickview-container .hmf-justify-content-between {
  justify-content: space-between;
}
.quickview-container .hmf-justify-content-around {
  justify-content: space-around;
}
.quickview-container .hmf-justify-content-evenly {
  -webkit-box-pack: justify;
  -ms-flex-pack: distribute;
  justify-content: space-evenly;
}
.quickview-container .hmf-justify-content-start {
  justify-content: start;
}
.quickview-container .hmf-justify-content-end {
  justify-content: end;
}
.quickview-container .hmf-justify-content-left {
  justify-content: left;
}
.quickview-container .hmf-justify-content-right {
  justify-content: right;
}
.quickview-container .hmf-align-items-flex-start {
  align-items: flex-start;
}
.quickview-container .hmf-align-items-flex-end {
  align-items: flex-end;
}
.quickview-container .hmf-align-items-center {
  align-items: center;
}
.quickview-container .hmf-align-items-baseline {
  align-items: baseline;
}
.quickview-container .hmf-align-items-stretch {
  align-items: stretch;
}
.quickview-container .hmf-align-items-self-start {
  align-items: self-start;
}
.quickview-container .hmf-align-items-self-end {
  align-items: self-start;
}
.quickview-container .hmf-align-content-start {
  align-content: flex-start;
}
.quickview-container .hmf-align-content-end {
  align-content: flex-end;
}
.quickview-container .hmf-align-content-center {
  align-content: center;
}
.quickview-container .hmf-align-content-between {
  align-content: space-between;
}
.quickview-container .hmf-align-content-around {
  align-content: space-around;
}
.quickview-container .hmf-align-content-evenly {
  align-content: space-evenly;
}
.quickview-container .hmf-align-content-stretch {
  align-content: stretch;
}
.quickview-container .hmf-align-self-auto {
  align-self: auto;
}
.quickview-container .hmf-align-self-start {
  align-self: flex-start;
}
.quickview-container .hmf-align-self-end {
  align-self: flex-end;
}
.quickview-container .hmf-align-self-center {
  align-self: center;
}
.quickview-container .hmf-align-self-baseline {
  align-self: baseline;
}
.quickview-container .hmf-align-self-stretch {
  align-self: stretch;
}
@media (min-width: 375px) {
  .quickview-container .hmf-flex-s-row {
    display: flex;
    flex-direction: row;
  }
  .quickview-container .hmf-flex-s-col {
    display: flex;
    flex-direction: column;
  }
  .quickview-container .hmf-flex-s-column {
    display: flex;
    flex-direction: column;
  }
  .quickview-container .hmf-flex-s-row-reverse {
    flex-direction: row-reverse;
  }
  .quickview-container .hmf-flex-s-col-reverse {
    flex-direction: column-reverse;
  }
  .quickview-container .hmf-flex-s-column-reverse {
    flex-direction: column-reverse;
  }
  .quickview-container .hmf-flex-s-wrap {
    flex-wrap: wrap;
  }
  .quickview-container .hmf-flex-s-nowrap {
    flex-wrap: nowrap;
  }
  .quickview-container .hmf-flex-s-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .quickview-container .hmf-flex-s-fill {
    flex: 1 1 auto;
  }
  .quickview-container .hmf-flex-s-grow-none {
    flex-grow: 0;
  }
  .quickview-container .hmf-flex-s-grow {
    flex-grow: 1;
  }
  .quickview-container .hmf-flex-s-shrink-none {
    flex-shrink: 0;
  }
  .quickview-container .hmf-flex-s-shrink {
    flex-shrink: 1;
  }
  .quickview-container .hmf-justify-content-s-flex-start {
    justify-content: flex-start;
  }
  .quickview-container .hmf-justify-content-s-flex-end {
    justify-content: flex-end;
  }
  .quickview-container .hmf-justify-content-s-center {
    justify-content: center;
  }
  .quickview-container .hmf-justify-content-s-between {
    justify-content: space-between;
  }
  .quickview-container .hmf-justify-content-s-around {
    justify-content: space-around;
  }
  .quickview-container .hmf-justify-content-s-evenly {
    -webkit-box-pack: justify;
    -ms-flex-pack: distribute;
    justify-content: space-evenly;
  }
  .quickview-container .hmf-justify-content-s-start {
    justify-content: start;
  }
  .quickview-container .hmf-justify-content-s-end {
    justify-content: end;
  }
  .quickview-container .hmf-justify-content-s-left {
    justify-content: left;
  }
  .quickview-container .hmf-justify-content-s-right {
    justify-content: right;
  }
  .quickview-container .hmf-align-items-s-flex-start {
    align-items: flex-start;
  }
  .quickview-container .hmf-align-items-s-flex-end {
    align-items: flex-end;
  }
  .quickview-container .hmf-align-items-s-center {
    align-items: center;
  }
  .quickview-container .hmf-align-items-s-baseline {
    align-items: baseline;
  }
  .quickview-container .hmf-align-items-s-stretch {
    align-items: stretch;
  }
  .quickview-container .hmf-align-items-s-self-start {
    align-items: self-start;
  }
  .quickview-container .hmf-align-items-s-self-end {
    align-items: self-start;
  }
  .quickview-container .hmf-align-content-s-start {
    align-content: flex-start;
  }
  .quickview-container .hmf-align-content-s-end {
    align-content: flex-end;
  }
  .quickview-container .hmf-align-content-s-center {
    align-content: center;
  }
  .quickview-container .hmf-align-content-s-between {
    align-content: space-between;
  }
  .quickview-container .hmf-align-content-s-around {
    align-content: space-around;
  }
  .quickview-container .hmf-align-content-s-evenly {
    align-content: space-evenly;
  }
  .quickview-container .hmf-align-content-s-stretch {
    align-content: stretch;
  }
  .quickview-container .hmf-align-self-s-auto {
    align-self: auto;
  }
  .quickview-container .hmf-align-self-s-start {
    align-self: flex-start;
  }
  .quickview-container .hmf-align-self-s-end {
    align-self: flex-end;
  }
  .quickview-container .hmf-align-self-s-center {
    align-self: center;
  }
  .quickview-container .hmf-align-self-s-baseline {
    align-self: baseline;
  }
  .quickview-container .hmf-align-self-s-stretch {
    align-self: stretch;
  }
}
@media (min-width: 375px) {
  .quickview-container .hmf-flex-xsm-row {
    display: flex;
    flex-direction: row;
  }
  .quickview-container .hmf-flex-xsm-col {
    display: flex;
    flex-direction: column;
  }
  .quickview-container .hmf-flex-xsm-column {
    display: flex;
    flex-direction: column;
  }
  .quickview-container .hmf-flex-xsm-row-reverse {
    flex-direction: row-reverse;
  }
  .quickview-container .hmf-flex-xsm-col-reverse {
    flex-direction: column-reverse;
  }
  .quickview-container .hmf-flex-xsm-column-reverse {
    flex-direction: column-reverse;
  }
  .quickview-container .hmf-flex-xsm-wrap {
    flex-wrap: wrap;
  }
  .quickview-container .hmf-flex-xsm-nowrap {
    flex-wrap: nowrap;
  }
  .quickview-container .hmf-flex-xsm-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .quickview-container .hmf-flex-xsm-fill {
    flex: 1 1 auto;
  }
  .quickview-container .hmf-flex-xsm-grow-none {
    flex-grow: 0;
  }
  .quickview-container .hmf-flex-xsm-grow {
    flex-grow: 1;
  }
  .quickview-container .hmf-flex-xsm-shrink-none {
    flex-shrink: 0;
  }
  .quickview-container .hmf-flex-xsm-shrink {
    flex-shrink: 1;
  }
  .quickview-container .hmf-justify-content-xsm-flex-start {
    justify-content: flex-start;
  }
  .quickview-container .hmf-justify-content-xsm-flex-end {
    justify-content: flex-end;
  }
  .quickview-container .hmf-justify-content-xsm-center {
    justify-content: center;
  }
  .quickview-container .hmf-justify-content-xsm-between {
    justify-content: space-between;
  }
  .quickview-container .hmf-justify-content-xsm-around {
    justify-content: space-around;
  }
  .quickview-container .hmf-justify-content-xsm-evenly {
    -webkit-box-pack: justify;
    -ms-flex-pack: distribute;
    justify-content: space-evenly;
  }
  .quickview-container .hmf-justify-content-xsm-start {
    justify-content: start;
  }
  .quickview-container .hmf-justify-content-xsm-end {
    justify-content: end;
  }
  .quickview-container .hmf-justify-content-xsm-left {
    justify-content: left;
  }
  .quickview-container .hmf-justify-content-xsm-right {
    justify-content: right;
  }
  .quickview-container .hmf-align-items-xsm-flex-start {
    align-items: flex-start;
  }
  .quickview-container .hmf-align-items-xsm-flex-end {
    align-items: flex-end;
  }
  .quickview-container .hmf-align-items-xsm-center {
    align-items: center;
  }
  .quickview-container .hmf-align-items-xsm-baseline {
    align-items: baseline;
  }
  .quickview-container .hmf-align-items-xsm-stretch {
    align-items: stretch;
  }
  .quickview-container .hmf-align-items-xsm-self-start {
    align-items: self-start;
  }
  .quickview-container .hmf-align-items-xsm-self-end {
    align-items: self-start;
  }
  .quickview-container .hmf-align-content-xsm-start {
    align-content: flex-start;
  }
  .quickview-container .hmf-align-content-xsm-end {
    align-content: flex-end;
  }
  .quickview-container .hmf-align-content-xsm-center {
    align-content: center;
  }
  .quickview-container .hmf-align-content-xsm-between {
    align-content: space-between;
  }
  .quickview-container .hmf-align-content-xsm-around {
    align-content: space-around;
  }
  .quickview-container .hmf-align-content-xsm-evenly {
    align-content: space-evenly;
  }
  .quickview-container .hmf-align-content-xsm-stretch {
    align-content: stretch;
  }
  .quickview-container .hmf-align-self-xsm-auto {
    align-self: auto;
  }
  .quickview-container .hmf-align-self-xsm-start {
    align-self: flex-start;
  }
  .quickview-container .hmf-align-self-xsm-end {
    align-self: flex-end;
  }
  .quickview-container .hmf-align-self-xsm-center {
    align-self: center;
  }
  .quickview-container .hmf-align-self-xsm-baseline {
    align-self: baseline;
  }
  .quickview-container .hmf-align-self-xsm-stretch {
    align-self: stretch;
  }
}
@media (min-width: 480px) {
  .quickview-container .hmf-flex-sm-row {
    display: flex;
    flex-direction: row;
  }
  .quickview-container .hmf-flex-sm-col {
    display: flex;
    flex-direction: column;
  }
  .quickview-container .hmf-flex-sm-column {
    display: flex;
    flex-direction: column;
  }
  .quickview-container .hmf-flex-sm-row-reverse {
    flex-direction: row-reverse;
  }
  .quickview-container .hmf-flex-sm-col-reverse {
    flex-direction: column-reverse;
  }
  .quickview-container .hmf-flex-sm-column-reverse {
    flex-direction: column-reverse;
  }
  .quickview-container .hmf-flex-sm-wrap {
    flex-wrap: wrap;
  }
  .quickview-container .hmf-flex-sm-nowrap {
    flex-wrap: nowrap;
  }
  .quickview-container .hmf-flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .quickview-container .hmf-flex-sm-fill {
    flex: 1 1 auto;
  }
  .quickview-container .hmf-flex-sm-grow-none {
    flex-grow: 0;
  }
  .quickview-container .hmf-flex-sm-grow {
    flex-grow: 1;
  }
  .quickview-container .hmf-flex-sm-shrink-none {
    flex-shrink: 0;
  }
  .quickview-container .hmf-flex-sm-shrink {
    flex-shrink: 1;
  }
  .quickview-container .hmf-justify-content-sm-flex-start {
    justify-content: flex-start;
  }
  .quickview-container .hmf-justify-content-sm-flex-end {
    justify-content: flex-end;
  }
  .quickview-container .hmf-justify-content-sm-center {
    justify-content: center;
  }
  .quickview-container .hmf-justify-content-sm-between {
    justify-content: space-between;
  }
  .quickview-container .hmf-justify-content-sm-around {
    justify-content: space-around;
  }
  .quickview-container .hmf-justify-content-sm-evenly {
    -webkit-box-pack: justify;
    -ms-flex-pack: distribute;
    justify-content: space-evenly;
  }
  .quickview-container .hmf-justify-content-sm-start {
    justify-content: start;
  }
  .quickview-container .hmf-justify-content-sm-end {
    justify-content: end;
  }
  .quickview-container .hmf-justify-content-sm-left {
    justify-content: left;
  }
  .quickview-container .hmf-justify-content-sm-right {
    justify-content: right;
  }
  .quickview-container .hmf-align-items-sm-flex-start {
    align-items: flex-start;
  }
  .quickview-container .hmf-align-items-sm-flex-end {
    align-items: flex-end;
  }
  .quickview-container .hmf-align-items-sm-center {
    align-items: center;
  }
  .quickview-container .hmf-align-items-sm-baseline {
    align-items: baseline;
  }
  .quickview-container .hmf-align-items-sm-stretch {
    align-items: stretch;
  }
  .quickview-container .hmf-align-items-sm-self-start {
    align-items: self-start;
  }
  .quickview-container .hmf-align-items-sm-self-end {
    align-items: self-start;
  }
  .quickview-container .hmf-align-content-sm-start {
    align-content: flex-start;
  }
  .quickview-container .hmf-align-content-sm-end {
    align-content: flex-end;
  }
  .quickview-container .hmf-align-content-sm-center {
    align-content: center;
  }
  .quickview-container .hmf-align-content-sm-between {
    align-content: space-between;
  }
  .quickview-container .hmf-align-content-sm-around {
    align-content: space-around;
  }
  .quickview-container .hmf-align-content-sm-evenly {
    align-content: space-evenly;
  }
  .quickview-container .hmf-align-content-sm-stretch {
    align-content: stretch;
  }
  .quickview-container .hmf-align-self-sm-auto {
    align-self: auto;
  }
  .quickview-container .hmf-align-self-sm-start {
    align-self: flex-start;
  }
  .quickview-container .hmf-align-self-sm-end {
    align-self: flex-end;
  }
  .quickview-container .hmf-align-self-sm-center {
    align-self: center;
  }
  .quickview-container .hmf-align-self-sm-baseline {
    align-self: baseline;
  }
  .quickview-container .hmf-align-self-sm-stretch {
    align-self: stretch;
  }
}
@media (min-width: 768px) {
  .quickview-container .hmf-flex-m-row {
    display: flex;
    flex-direction: row;
  }
  .quickview-container .hmf-flex-m-col {
    display: flex;
    flex-direction: column;
  }
  .quickview-container .hmf-flex-m-column {
    display: flex;
    flex-direction: column;
  }
  .quickview-container .hmf-flex-m-row-reverse {
    flex-direction: row-reverse;
  }
  .quickview-container .hmf-flex-m-col-reverse {
    flex-direction: column-reverse;
  }
  .quickview-container .hmf-flex-m-column-reverse {
    flex-direction: column-reverse;
  }
  .quickview-container .hmf-flex-m-wrap {
    flex-wrap: wrap;
  }
  .quickview-container .hmf-flex-m-nowrap {
    flex-wrap: nowrap;
  }
  .quickview-container .hmf-flex-m-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .quickview-container .hmf-flex-m-fill {
    flex: 1 1 auto;
  }
  .quickview-container .hmf-flex-m-grow-none {
    flex-grow: 0;
  }
  .quickview-container .hmf-flex-m-grow {
    flex-grow: 1;
  }
  .quickview-container .hmf-flex-m-shrink-none {
    flex-shrink: 0;
  }
  .quickview-container .hmf-flex-m-shrink {
    flex-shrink: 1;
  }
  .quickview-container .hmf-justify-content-m-flex-start {
    justify-content: flex-start;
  }
  .quickview-container .hmf-justify-content-m-flex-end {
    justify-content: flex-end;
  }
  .quickview-container .hmf-justify-content-m-center {
    justify-content: center;
  }
  .quickview-container .hmf-justify-content-m-between {
    justify-content: space-between;
  }
  .quickview-container .hmf-justify-content-m-around {
    justify-content: space-around;
  }
  .quickview-container .hmf-justify-content-m-evenly {
    -webkit-box-pack: justify;
    -ms-flex-pack: distribute;
    justify-content: space-evenly;
  }
  .quickview-container .hmf-justify-content-m-start {
    justify-content: start;
  }
  .quickview-container .hmf-justify-content-m-end {
    justify-content: end;
  }
  .quickview-container .hmf-justify-content-m-left {
    justify-content: left;
  }
  .quickview-container .hmf-justify-content-m-right {
    justify-content: right;
  }
  .quickview-container .hmf-align-items-m-flex-start {
    align-items: flex-start;
  }
  .quickview-container .hmf-align-items-m-flex-end {
    align-items: flex-end;
  }
  .quickview-container .hmf-align-items-m-center {
    align-items: center;
  }
  .quickview-container .hmf-align-items-m-baseline {
    align-items: baseline;
  }
  .quickview-container .hmf-align-items-m-stretch {
    align-items: stretch;
  }
  .quickview-container .hmf-align-items-m-self-start {
    align-items: self-start;
  }
  .quickview-container .hmf-align-items-m-self-end {
    align-items: self-start;
  }
  .quickview-container .hmf-align-content-m-start {
    align-content: flex-start;
  }
  .quickview-container .hmf-align-content-m-end {
    align-content: flex-end;
  }
  .quickview-container .hmf-align-content-m-center {
    align-content: center;
  }
  .quickview-container .hmf-align-content-m-between {
    align-content: space-between;
  }
  .quickview-container .hmf-align-content-m-around {
    align-content: space-around;
  }
  .quickview-container .hmf-align-content-m-evenly {
    align-content: space-evenly;
  }
  .quickview-container .hmf-align-content-m-stretch {
    align-content: stretch;
  }
  .quickview-container .hmf-align-self-m-auto {
    align-self: auto;
  }
  .quickview-container .hmf-align-self-m-start {
    align-self: flex-start;
  }
  .quickview-container .hmf-align-self-m-end {
    align-self: flex-end;
  }
  .quickview-container .hmf-align-self-m-center {
    align-self: center;
  }
  .quickview-container .hmf-align-self-m-baseline {
    align-self: baseline;
  }
  .quickview-container .hmf-align-self-m-stretch {
    align-self: stretch;
  }
}
@media (min-width: 768px) {
  .quickview-container .hmf-flex-md-row {
    display: flex;
    flex-direction: row;
  }
  .quickview-container .hmf-flex-md-col {
    display: flex;
    flex-direction: column;
  }
  .quickview-container .hmf-flex-md-column {
    display: flex;
    flex-direction: column;
  }
  .quickview-container .hmf-flex-md-row-reverse {
    flex-direction: row-reverse;
  }
  .quickview-container .hmf-flex-md-col-reverse {
    flex-direction: column-reverse;
  }
  .quickview-container .hmf-flex-md-column-reverse {
    flex-direction: column-reverse;
  }
  .quickview-container .hmf-flex-md-wrap {
    flex-wrap: wrap;
  }
  .quickview-container .hmf-flex-md-nowrap {
    flex-wrap: nowrap;
  }
  .quickview-container .hmf-flex-md-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .quickview-container .hmf-flex-md-fill {
    flex: 1 1 auto;
  }
  .quickview-container .hmf-flex-md-grow-none {
    flex-grow: 0;
  }
  .quickview-container .hmf-flex-md-grow {
    flex-grow: 1;
  }
  .quickview-container .hmf-flex-md-shrink-none {
    flex-shrink: 0;
  }
  .quickview-container .hmf-flex-md-shrink {
    flex-shrink: 1;
  }
  .quickview-container .hmf-justify-content-md-flex-start {
    justify-content: flex-start;
  }
  .quickview-container .hmf-justify-content-md-flex-end {
    justify-content: flex-end;
  }
  .quickview-container .hmf-justify-content-md-center {
    justify-content: center;
  }
  .quickview-container .hmf-justify-content-md-between {
    justify-content: space-between;
  }
  .quickview-container .hmf-justify-content-md-around {
    justify-content: space-around;
  }
  .quickview-container .hmf-justify-content-md-evenly {
    -webkit-box-pack: justify;
    -ms-flex-pack: distribute;
    justify-content: space-evenly;
  }
  .quickview-container .hmf-justify-content-md-start {
    justify-content: start;
  }
  .quickview-container .hmf-justify-content-md-end {
    justify-content: end;
  }
  .quickview-container .hmf-justify-content-md-left {
    justify-content: left;
  }
  .quickview-container .hmf-justify-content-md-right {
    justify-content: right;
  }
  .quickview-container .hmf-align-items-md-flex-start {
    align-items: flex-start;
  }
  .quickview-container .hmf-align-items-md-flex-end {
    align-items: flex-end;
  }
  .quickview-container .hmf-align-items-md-center {
    align-items: center;
  }
  .quickview-container .hmf-align-items-md-baseline {
    align-items: baseline;
  }
  .quickview-container .hmf-align-items-md-stretch {
    align-items: stretch;
  }
  .quickview-container .hmf-align-items-md-self-start {
    align-items: self-start;
  }
  .quickview-container .hmf-align-items-md-self-end {
    align-items: self-start;
  }
  .quickview-container .hmf-align-content-md-start {
    align-content: flex-start;
  }
  .quickview-container .hmf-align-content-md-end {
    align-content: flex-end;
  }
  .quickview-container .hmf-align-content-md-center {
    align-content: center;
  }
  .quickview-container .hmf-align-content-md-between {
    align-content: space-between;
  }
  .quickview-container .hmf-align-content-md-around {
    align-content: space-around;
  }
  .quickview-container .hmf-align-content-md-evenly {
    align-content: space-evenly;
  }
  .quickview-container .hmf-align-content-md-stretch {
    align-content: stretch;
  }
  .quickview-container .hmf-align-self-md-auto {
    align-self: auto;
  }
  .quickview-container .hmf-align-self-md-start {
    align-self: flex-start;
  }
  .quickview-container .hmf-align-self-md-end {
    align-self: flex-end;
  }
  .quickview-container .hmf-align-self-md-center {
    align-self: center;
  }
  .quickview-container .hmf-align-self-md-baseline {
    align-self: baseline;
  }
  .quickview-container .hmf-align-self-md-stretch {
    align-self: stretch;
  }
}
@media (min-width: 1024px) {
  .quickview-container .hmf-flex-lg-row {
    display: flex;
    flex-direction: row;
  }
  .quickview-container .hmf-flex-lg-col {
    display: flex;
    flex-direction: column;
  }
  .quickview-container .hmf-flex-lg-column {
    display: flex;
    flex-direction: column;
  }
  .quickview-container .hmf-flex-lg-row-reverse {
    flex-direction: row-reverse;
  }
  .quickview-container .hmf-flex-lg-col-reverse {
    flex-direction: column-reverse;
  }
  .quickview-container .hmf-flex-lg-column-reverse {
    flex-direction: column-reverse;
  }
  .quickview-container .hmf-flex-lg-wrap {
    flex-wrap: wrap;
  }
  .quickview-container .hmf-flex-lg-nowrap {
    flex-wrap: nowrap;
  }
  .quickview-container .hmf-flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .quickview-container .hmf-flex-lg-fill {
    flex: 1 1 auto;
  }
  .quickview-container .hmf-flex-lg-grow-none {
    flex-grow: 0;
  }
  .quickview-container .hmf-flex-lg-grow {
    flex-grow: 1;
  }
  .quickview-container .hmf-flex-lg-shrink-none {
    flex-shrink: 0;
  }
  .quickview-container .hmf-flex-lg-shrink {
    flex-shrink: 1;
  }
  .quickview-container .hmf-justify-content-lg-flex-start {
    justify-content: flex-start;
  }
  .quickview-container .hmf-justify-content-lg-flex-end {
    justify-content: flex-end;
  }
  .quickview-container .hmf-justify-content-lg-center {
    justify-content: center;
  }
  .quickview-container .hmf-justify-content-lg-between {
    justify-content: space-between;
  }
  .quickview-container .hmf-justify-content-lg-around {
    justify-content: space-around;
  }
  .quickview-container .hmf-justify-content-lg-evenly {
    -webkit-box-pack: justify;
    -ms-flex-pack: distribute;
    justify-content: space-evenly;
  }
  .quickview-container .hmf-justify-content-lg-start {
    justify-content: start;
  }
  .quickview-container .hmf-justify-content-lg-end {
    justify-content: end;
  }
  .quickview-container .hmf-justify-content-lg-left {
    justify-content: left;
  }
  .quickview-container .hmf-justify-content-lg-right {
    justify-content: right;
  }
  .quickview-container .hmf-align-items-lg-flex-start {
    align-items: flex-start;
  }
  .quickview-container .hmf-align-items-lg-flex-end {
    align-items: flex-end;
  }
  .quickview-container .hmf-align-items-lg-center {
    align-items: center;
  }
  .quickview-container .hmf-align-items-lg-baseline {
    align-items: baseline;
  }
  .quickview-container .hmf-align-items-lg-stretch {
    align-items: stretch;
  }
  .quickview-container .hmf-align-items-lg-self-start {
    align-items: self-start;
  }
  .quickview-container .hmf-align-items-lg-self-end {
    align-items: self-start;
  }
  .quickview-container .hmf-align-content-lg-start {
    align-content: flex-start;
  }
  .quickview-container .hmf-align-content-lg-end {
    align-content: flex-end;
  }
  .quickview-container .hmf-align-content-lg-center {
    align-content: center;
  }
  .quickview-container .hmf-align-content-lg-between {
    align-content: space-between;
  }
  .quickview-container .hmf-align-content-lg-around {
    align-content: space-around;
  }
  .quickview-container .hmf-align-content-lg-evenly {
    align-content: space-evenly;
  }
  .quickview-container .hmf-align-content-lg-stretch {
    align-content: stretch;
  }
  .quickview-container .hmf-align-self-lg-auto {
    align-self: auto;
  }
  .quickview-container .hmf-align-self-lg-start {
    align-self: flex-start;
  }
  .quickview-container .hmf-align-self-lg-end {
    align-self: flex-end;
  }
  .quickview-container .hmf-align-self-lg-center {
    align-self: center;
  }
  .quickview-container .hmf-align-self-lg-baseline {
    align-self: baseline;
  }
  .quickview-container .hmf-align-self-lg-stretch {
    align-self: stretch;
  }
}
@media (min-width: 1280px) {
  .quickview-container .hmf-flex-l-row {
    display: flex;
    flex-direction: row;
  }
  .quickview-container .hmf-flex-l-col {
    display: flex;
    flex-direction: column;
  }
  .quickview-container .hmf-flex-l-column {
    display: flex;
    flex-direction: column;
  }
  .quickview-container .hmf-flex-l-row-reverse {
    flex-direction: row-reverse;
  }
  .quickview-container .hmf-flex-l-col-reverse {
    flex-direction: column-reverse;
  }
  .quickview-container .hmf-flex-l-column-reverse {
    flex-direction: column-reverse;
  }
  .quickview-container .hmf-flex-l-wrap {
    flex-wrap: wrap;
  }
  .quickview-container .hmf-flex-l-nowrap {
    flex-wrap: nowrap;
  }
  .quickview-container .hmf-flex-l-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .quickview-container .hmf-flex-l-fill {
    flex: 1 1 auto;
  }
  .quickview-container .hmf-flex-l-grow-none {
    flex-grow: 0;
  }
  .quickview-container .hmf-flex-l-grow {
    flex-grow: 1;
  }
  .quickview-container .hmf-flex-l-shrink-none {
    flex-shrink: 0;
  }
  .quickview-container .hmf-flex-l-shrink {
    flex-shrink: 1;
  }
  .quickview-container .hmf-justify-content-l-flex-start {
    justify-content: flex-start;
  }
  .quickview-container .hmf-justify-content-l-flex-end {
    justify-content: flex-end;
  }
  .quickview-container .hmf-justify-content-l-center {
    justify-content: center;
  }
  .quickview-container .hmf-justify-content-l-between {
    justify-content: space-between;
  }
  .quickview-container .hmf-justify-content-l-around {
    justify-content: space-around;
  }
  .quickview-container .hmf-justify-content-l-evenly {
    -webkit-box-pack: justify;
    -ms-flex-pack: distribute;
    justify-content: space-evenly;
  }
  .quickview-container .hmf-justify-content-l-start {
    justify-content: start;
  }
  .quickview-container .hmf-justify-content-l-end {
    justify-content: end;
  }
  .quickview-container .hmf-justify-content-l-left {
    justify-content: left;
  }
  .quickview-container .hmf-justify-content-l-right {
    justify-content: right;
  }
  .quickview-container .hmf-align-items-l-flex-start {
    align-items: flex-start;
  }
  .quickview-container .hmf-align-items-l-flex-end {
    align-items: flex-end;
  }
  .quickview-container .hmf-align-items-l-center {
    align-items: center;
  }
  .quickview-container .hmf-align-items-l-baseline {
    align-items: baseline;
  }
  .quickview-container .hmf-align-items-l-stretch {
    align-items: stretch;
  }
  .quickview-container .hmf-align-items-l-self-start {
    align-items: self-start;
  }
  .quickview-container .hmf-align-items-l-self-end {
    align-items: self-start;
  }
  .quickview-container .hmf-align-content-l-start {
    align-content: flex-start;
  }
  .quickview-container .hmf-align-content-l-end {
    align-content: flex-end;
  }
  .quickview-container .hmf-align-content-l-center {
    align-content: center;
  }
  .quickview-container .hmf-align-content-l-between {
    align-content: space-between;
  }
  .quickview-container .hmf-align-content-l-around {
    align-content: space-around;
  }
  .quickview-container .hmf-align-content-l-evenly {
    align-content: space-evenly;
  }
  .quickview-container .hmf-align-content-l-stretch {
    align-content: stretch;
  }
  .quickview-container .hmf-align-self-l-auto {
    align-self: auto;
  }
  .quickview-container .hmf-align-self-l-start {
    align-self: flex-start;
  }
  .quickview-container .hmf-align-self-l-end {
    align-self: flex-end;
  }
  .quickview-container .hmf-align-self-l-center {
    align-self: center;
  }
  .quickview-container .hmf-align-self-l-baseline {
    align-self: baseline;
  }
  .quickview-container .hmf-align-self-l-stretch {
    align-self: stretch;
  }
}
@media (min-width: 1280px) {
  .quickview-container .hmf-flex-xlg-row {
    display: flex;
    flex-direction: row;
  }
  .quickview-container .hmf-flex-xlg-col {
    display: flex;
    flex-direction: column;
  }
  .quickview-container .hmf-flex-xlg-column {
    display: flex;
    flex-direction: column;
  }
  .quickview-container .hmf-flex-xlg-row-reverse {
    flex-direction: row-reverse;
  }
  .quickview-container .hmf-flex-xlg-col-reverse {
    flex-direction: column-reverse;
  }
  .quickview-container .hmf-flex-xlg-column-reverse {
    flex-direction: column-reverse;
  }
  .quickview-container .hmf-flex-xlg-wrap {
    flex-wrap: wrap;
  }
  .quickview-container .hmf-flex-xlg-nowrap {
    flex-wrap: nowrap;
  }
  .quickview-container .hmf-flex-xlg-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .quickview-container .hmf-flex-xlg-fill {
    flex: 1 1 auto;
  }
  .quickview-container .hmf-flex-xlg-grow-none {
    flex-grow: 0;
  }
  .quickview-container .hmf-flex-xlg-grow {
    flex-grow: 1;
  }
  .quickview-container .hmf-flex-xlg-shrink-none {
    flex-shrink: 0;
  }
  .quickview-container .hmf-flex-xlg-shrink {
    flex-shrink: 1;
  }
  .quickview-container .hmf-justify-content-xlg-flex-start {
    justify-content: flex-start;
  }
  .quickview-container .hmf-justify-content-xlg-flex-end {
    justify-content: flex-end;
  }
  .quickview-container .hmf-justify-content-xlg-center {
    justify-content: center;
  }
  .quickview-container .hmf-justify-content-xlg-between {
    justify-content: space-between;
  }
  .quickview-container .hmf-justify-content-xlg-around {
    justify-content: space-around;
  }
  .quickview-container .hmf-justify-content-xlg-evenly {
    -webkit-box-pack: justify;
    -ms-flex-pack: distribute;
    justify-content: space-evenly;
  }
  .quickview-container .hmf-justify-content-xlg-start {
    justify-content: start;
  }
  .quickview-container .hmf-justify-content-xlg-end {
    justify-content: end;
  }
  .quickview-container .hmf-justify-content-xlg-left {
    justify-content: left;
  }
  .quickview-container .hmf-justify-content-xlg-right {
    justify-content: right;
  }
  .quickview-container .hmf-align-items-xlg-flex-start {
    align-items: flex-start;
  }
  .quickview-container .hmf-align-items-xlg-flex-end {
    align-items: flex-end;
  }
  .quickview-container .hmf-align-items-xlg-center {
    align-items: center;
  }
  .quickview-container .hmf-align-items-xlg-baseline {
    align-items: baseline;
  }
  .quickview-container .hmf-align-items-xlg-stretch {
    align-items: stretch;
  }
  .quickview-container .hmf-align-items-xlg-self-start {
    align-items: self-start;
  }
  .quickview-container .hmf-align-items-xlg-self-end {
    align-items: self-start;
  }
  .quickview-container .hmf-align-content-xlg-start {
    align-content: flex-start;
  }
  .quickview-container .hmf-align-content-xlg-end {
    align-content: flex-end;
  }
  .quickview-container .hmf-align-content-xlg-center {
    align-content: center;
  }
  .quickview-container .hmf-align-content-xlg-between {
    align-content: space-between;
  }
  .quickview-container .hmf-align-content-xlg-around {
    align-content: space-around;
  }
  .quickview-container .hmf-align-content-xlg-evenly {
    align-content: space-evenly;
  }
  .quickview-container .hmf-align-content-xlg-stretch {
    align-content: stretch;
  }
  .quickview-container .hmf-align-self-xlg-auto {
    align-self: auto;
  }
  .quickview-container .hmf-align-self-xlg-start {
    align-self: flex-start;
  }
  .quickview-container .hmf-align-self-xlg-end {
    align-self: flex-end;
  }
  .quickview-container .hmf-align-self-xlg-center {
    align-self: center;
  }
  .quickview-container .hmf-align-self-xlg-baseline {
    align-self: baseline;
  }
  .quickview-container .hmf-align-self-xlg-stretch {
    align-self: stretch;
  }
}
@media (min-width: 1440px) {
  .quickview-container .hmf-flex-xl-row {
    display: flex;
    flex-direction: row;
  }
  .quickview-container .hmf-flex-xl-col {
    display: flex;
    flex-direction: column;
  }
  .quickview-container .hmf-flex-xl-column {
    display: flex;
    flex-direction: column;
  }
  .quickview-container .hmf-flex-xl-row-reverse {
    flex-direction: row-reverse;
  }
  .quickview-container .hmf-flex-xl-col-reverse {
    flex-direction: column-reverse;
  }
  .quickview-container .hmf-flex-xl-column-reverse {
    flex-direction: column-reverse;
  }
  .quickview-container .hmf-flex-xl-wrap {
    flex-wrap: wrap;
  }
  .quickview-container .hmf-flex-xl-nowrap {
    flex-wrap: nowrap;
  }
  .quickview-container .hmf-flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .quickview-container .hmf-flex-xl-fill {
    flex: 1 1 auto;
  }
  .quickview-container .hmf-flex-xl-grow-none {
    flex-grow: 0;
  }
  .quickview-container .hmf-flex-xl-grow {
    flex-grow: 1;
  }
  .quickview-container .hmf-flex-xl-shrink-none {
    flex-shrink: 0;
  }
  .quickview-container .hmf-flex-xl-shrink {
    flex-shrink: 1;
  }
  .quickview-container .hmf-justify-content-xl-flex-start {
    justify-content: flex-start;
  }
  .quickview-container .hmf-justify-content-xl-flex-end {
    justify-content: flex-end;
  }
  .quickview-container .hmf-justify-content-xl-center {
    justify-content: center;
  }
  .quickview-container .hmf-justify-content-xl-between {
    justify-content: space-between;
  }
  .quickview-container .hmf-justify-content-xl-around {
    justify-content: space-around;
  }
  .quickview-container .hmf-justify-content-xl-evenly {
    -webkit-box-pack: justify;
    -ms-flex-pack: distribute;
    justify-content: space-evenly;
  }
  .quickview-container .hmf-justify-content-xl-start {
    justify-content: start;
  }
  .quickview-container .hmf-justify-content-xl-end {
    justify-content: end;
  }
  .quickview-container .hmf-justify-content-xl-left {
    justify-content: left;
  }
  .quickview-container .hmf-justify-content-xl-right {
    justify-content: right;
  }
  .quickview-container .hmf-align-items-xl-flex-start {
    align-items: flex-start;
  }
  .quickview-container .hmf-align-items-xl-flex-end {
    align-items: flex-end;
  }
  .quickview-container .hmf-align-items-xl-center {
    align-items: center;
  }
  .quickview-container .hmf-align-items-xl-baseline {
    align-items: baseline;
  }
  .quickview-container .hmf-align-items-xl-stretch {
    align-items: stretch;
  }
  .quickview-container .hmf-align-items-xl-self-start {
    align-items: self-start;
  }
  .quickview-container .hmf-align-items-xl-self-end {
    align-items: self-start;
  }
  .quickview-container .hmf-align-content-xl-start {
    align-content: flex-start;
  }
  .quickview-container .hmf-align-content-xl-end {
    align-content: flex-end;
  }
  .quickview-container .hmf-align-content-xl-center {
    align-content: center;
  }
  .quickview-container .hmf-align-content-xl-between {
    align-content: space-between;
  }
  .quickview-container .hmf-align-content-xl-around {
    align-content: space-around;
  }
  .quickview-container .hmf-align-content-xl-evenly {
    align-content: space-evenly;
  }
  .quickview-container .hmf-align-content-xl-stretch {
    align-content: stretch;
  }
  .quickview-container .hmf-align-self-xl-auto {
    align-self: auto;
  }
  .quickview-container .hmf-align-self-xl-start {
    align-self: flex-start;
  }
  .quickview-container .hmf-align-self-xl-end {
    align-self: flex-end;
  }
  .quickview-container .hmf-align-self-xl-center {
    align-self: center;
  }
  .quickview-container .hmf-align-self-xl-baseline {
    align-self: baseline;
  }
  .quickview-container .hmf-align-self-xl-stretch {
    align-self: stretch;
  }
}
@media (min-width: 1440px) {
  .quickview-container .hmf-flex-xxlg-row {
    display: flex;
    flex-direction: row;
  }
  .quickview-container .hmf-flex-xxlg-col {
    display: flex;
    flex-direction: column;
  }
  .quickview-container .hmf-flex-xxlg-column {
    display: flex;
    flex-direction: column;
  }
  .quickview-container .hmf-flex-xxlg-row-reverse {
    flex-direction: row-reverse;
  }
  .quickview-container .hmf-flex-xxlg-col-reverse {
    flex-direction: column-reverse;
  }
  .quickview-container .hmf-flex-xxlg-column-reverse {
    flex-direction: column-reverse;
  }
  .quickview-container .hmf-flex-xxlg-wrap {
    flex-wrap: wrap;
  }
  .quickview-container .hmf-flex-xxlg-nowrap {
    flex-wrap: nowrap;
  }
  .quickview-container .hmf-flex-xxlg-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .quickview-container .hmf-flex-xxlg-fill {
    flex: 1 1 auto;
  }
  .quickview-container .hmf-flex-xxlg-grow-none {
    flex-grow: 0;
  }
  .quickview-container .hmf-flex-xxlg-grow {
    flex-grow: 1;
  }
  .quickview-container .hmf-flex-xxlg-shrink-none {
    flex-shrink: 0;
  }
  .quickview-container .hmf-flex-xxlg-shrink {
    flex-shrink: 1;
  }
  .quickview-container .hmf-justify-content-xxlg-flex-start {
    justify-content: flex-start;
  }
  .quickview-container .hmf-justify-content-xxlg-flex-end {
    justify-content: flex-end;
  }
  .quickview-container .hmf-justify-content-xxlg-center {
    justify-content: center;
  }
  .quickview-container .hmf-justify-content-xxlg-between {
    justify-content: space-between;
  }
  .quickview-container .hmf-justify-content-xxlg-around {
    justify-content: space-around;
  }
  .quickview-container .hmf-justify-content-xxlg-evenly {
    -webkit-box-pack: justify;
    -ms-flex-pack: distribute;
    justify-content: space-evenly;
  }
  .quickview-container .hmf-justify-content-xxlg-start {
    justify-content: start;
  }
  .quickview-container .hmf-justify-content-xxlg-end {
    justify-content: end;
  }
  .quickview-container .hmf-justify-content-xxlg-left {
    justify-content: left;
  }
  .quickview-container .hmf-justify-content-xxlg-right {
    justify-content: right;
  }
  .quickview-container .hmf-align-items-xxlg-flex-start {
    align-items: flex-start;
  }
  .quickview-container .hmf-align-items-xxlg-flex-end {
    align-items: flex-end;
  }
  .quickview-container .hmf-align-items-xxlg-center {
    align-items: center;
  }
  .quickview-container .hmf-align-items-xxlg-baseline {
    align-items: baseline;
  }
  .quickview-container .hmf-align-items-xxlg-stretch {
    align-items: stretch;
  }
  .quickview-container .hmf-align-items-xxlg-self-start {
    align-items: self-start;
  }
  .quickview-container .hmf-align-items-xxlg-self-end {
    align-items: self-start;
  }
  .quickview-container .hmf-align-content-xxlg-start {
    align-content: flex-start;
  }
  .quickview-container .hmf-align-content-xxlg-end {
    align-content: flex-end;
  }
  .quickview-container .hmf-align-content-xxlg-center {
    align-content: center;
  }
  .quickview-container .hmf-align-content-xxlg-between {
    align-content: space-between;
  }
  .quickview-container .hmf-align-content-xxlg-around {
    align-content: space-around;
  }
  .quickview-container .hmf-align-content-xxlg-evenly {
    align-content: space-evenly;
  }
  .quickview-container .hmf-align-content-xxlg-stretch {
    align-content: stretch;
  }
  .quickview-container .hmf-align-self-xxlg-auto {
    align-self: auto;
  }
  .quickview-container .hmf-align-self-xxlg-start {
    align-self: flex-start;
  }
  .quickview-container .hmf-align-self-xxlg-end {
    align-self: flex-end;
  }
  .quickview-container .hmf-align-self-xxlg-center {
    align-self: center;
  }
  .quickview-container .hmf-align-self-xxlg-baseline {
    align-self: baseline;
  }
  .quickview-container .hmf-align-self-xxlg-stretch {
    align-self: stretch;
  }
}
.quickview-container :root {
  /*********** BADGE SPECIFIC STYLING ***********/
  --hmf-badge-backinstock-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-backinstock-background-color: var(--hmf-fill-inverse);
  --hmf-badge-comingsoon-text-color: var(--hmf-label-base);
  --hmf-badge-comingsoon-background-color: var(--hmf-fill-warning);
  --hmf-badge-customizeit-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-customizeit-background-color: var(--hmf-fill-inverse);
  --hmf-badge-nikeapeexclusive-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-nikeapeexclusive-background-color: var(--hmf-fill-inverse);
  --hmf-badge-exclusive-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-exclusive-background-color: var(--hmf-fill-inverse);
  --hmf-badge-extendedsizes-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-extendedsizes-background-color: var(--hmf-fill-inverse);
  --hmf-badge-widewidth-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-widewidth-background-color: var(--hmf-fill-inverse);
  --hmf-badge-goldapeexclusive-text-color: var(--hmf-label-base);
  --hmf-badge-goldapeexclusive-background-color: var(--hmf-gold400);
  --hmf-badge-guidepick-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-guidepick-background-color: var(--hmf-fill-inverse);
  --hmf-badge-local-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-local-background-color: var(--hmf-fill-inverse);
  --hmf-badge-modelwearing-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-modelwearing-background-color: var(--hmf-fill-inverse);
  --hmf-badge-newarrivals-text-color: var(--hmf-label-marketing-static);
  --hmf-badge-newarrivals-background-color: var(--hmf-fill-marketing-static);
  --hmf-badge-newcolor-text-color: var(--hmf-label-marketing-static);
  --hmf-badge-newcolor-background-color: var(--hmf-fill-marketing-static);
  --hmf-badge-dicksexclusive-text-color: var(--hmf-label-marketing-static);
  --hmf-badge-dicksexclusive-background-color: var(--hmf-primary600);
  --hmf-badge-personalizeditem-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-personalizeditem-background-color: linear-gradient(95deg, #FFC40C, #BC4224, #543597, #006554);
  --hmf-badge-propick-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-propick-background-color: var(--hmf-primary600);
  --hmf-badge-rentalcapacity-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-rentalcapacity-background-color: var(--hmf-fill-inverse);
  --hmf-badge-fanshopship-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-fanshopship-background-color: var(--hmf-fill-inverse);
  --hmf-badge-sponsored-text-color: var(--hmf-label-base-subtle);
  --hmf-badge-sponsored-background-color: var(--hmf-fill-base-prominent);
  --hmf-badge-sustainability-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-sustainability-background-color: var(--hmf-fill-inverse);
  --hmf-badge-topdeals-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-topdeals-background-color: var(--hmf-fill-sale);
  --hmf-badge-topseller-text-color: var(--hmf-label-base);
  --hmf-badge-topseller-background-color: var(--hmf-yellow300);
  --hmf-badge-used-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-used-background-color: var(--hmf-fill-inverse);
  --hmf-badge-viewingitem-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-viewingitem-background-color: var(--hmf-fill-inverse);
  --hmf-badge-womenowned-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-womenowned-background-color: var(--hmf-fill-inverse);
  /*********** DEFAULT BADGE STYLING ***********/
  --hmf-badge-default-text-color: var(--hmf-label-marketing-static);
  --hmf-badge-default-background-color: var(--hmf-background-primary);
  --hmf-badge-height: 25px;
}
.quickview-container :root {
  /*********** GENERIC STYLING ***********/
  --hmf-button-border-radius: var(--hmf-sharp-radius);
  /*********** PRIMARY BUTTONS ***********/
  --hmf-button-primary-text-color: var(--hmf-gray50);
  --hmf-button-primary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-primary-background-color: var(--hmf-secondary500);
  --hmf-button-primary-active-background-color: var(--hmf-secondary700);
  --hmf-button-primary-hover-background-color: var(--hmf-secondary300);
  --hmf-button-primary-inactive-background-color: var(--hmf-gray300);
  --hmf-button-primary-border-color: var(--hmf-secondary500);
  --hmf-button-primary-hover-border-color: var(--hmf-secondary300);
  --hmf-button-primary-active-border-color: var(--hmf-secondary700);
  --hmf-button-primary-inactive-border-color: var(--hmf-gray300);
  /*********** SECONDARY BUTTONS ***********/
  --hmf-button-secondary-text-color: var(--hmf-gray900);
  --hmf-button-secondary-active-text-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-text-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-secondary-background-color: var(--hmf-gray50);
  --hmf-button-secondary-active-background-color: var(--hmf-gray400);
  --hmf-button-secondary-hover-background-color: var(--hmf-gray200);
  --hmf-button-secondary-inactive-background-color: var(--hmf-gray50);
  --hmf-button-secondary-border-color: var(--hmf-gray900);
  --hmf-button-secondary-active-border-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-border-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-border-color: var(--hmf-gray400);
  /*********** TERTIARY BUTTONS ***********/
  --hmf-button-tertiary-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-hover-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-active-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-inactive-text-color: var(--hmf-gray500);
  --hmf-button-tertiary-background-color: var(--hmf-fill-secondary-static);
  --hmf-button-tertiary-active-background-color: var(--hmf-fill-secondary-active);
  --hmf-button-tertiary-hover-background-color: var(--hmf-fill-secondary-hover);
  --hmf-button-tertiary-inactive-background-color: var(--hmf-gray100);
  --hmf-button-tertiary-border-color: var(--hmf-fill-secondary-static);
  --hmf-button-tertiary-active-border-color: var(--hmf-fill-secondary-active);
  --hmf-button-tertiary-hover-border-color: var(--hmf-fill-secondary-hover);
  --hmf-button-tertiary-inactive-border-color: var(--hmf-gray100);
  /*********** MARKETING BUTTONS ***********/
  --hmf-button-marketing-text-color: var(--hmf-gray50);
  --hmf-button-marketing-inactive-text-color: var(--hmf-gray600);
  --hmf-button-marketing-hover-text-color: var(--hmf-gray50);
  --hmf-button-marketing-active-text-color: var(--hmf-gray50);
  --hmf-button-marketing-background-color: var(--hmf-primary600);
  --hmf-button-marketing-active-background-color: var(--hmf-primary500);
  --hmf-button-marketing-hover-background-color: var(--hmf-primary300);
  --hmf-button-marketing-inactive-background-color: var(--hmf-gray300);
  --hmf-button-marketing-border-color: var(--hmf-primary600);
  --hmf-button-marketing-active-border-color: var(--hmf-primary500);
  --hmf-button-marketing-hover-border-color: var(--hmf-primary300);
  --hmf-button-marketing-inactive-border-color: var(--hmf-gray300);
  /*********** DESTRUCTIVE BUTTONS ***********/
  --hmf-button-destructive-text-color: var(--hmf-label-inverse-base);
  --hmf-button-destructive-inactive-text-color: var(--hmf-label-disabled);
  --hmf-button-destructive-hover-text-color: var( --hmf-label-inverse-base);
  --hmf-button-destructive-active-text-color: var(--hmf-label-inverse-base);
  --hmf-button-destructive-background-color: var(--hmf-fill-negative-static);
  --hmf-button-destructive-active-background-color: var(--hmf-fill-negative-active);
  --hmf-button-destructive-hover-background-color: var(--hmf-fill-negative-hover);
  --hmf-button-destructive-inactive-background-color: var(--hmf-fill-disabled-subtle);
  --hmf-button-destructive-border-color: var(--hmf-fill-negative-static);
  --hmf-button-destructive-active-border-color: var(--hmf-fill-negative-active);
  --hmf-button-destructive-hover-border-color: var(--hmf-fill-negative-hover);
  --hmf-button-destructive-inactive-border-color: var(--hmf-fill-disabled-subtle);
}
.quickview-container :root {
  --hmf-checkbox-active-background: var(--hmf-gray200);
  --hmf-checkbox-active-border-color: var(--hmf-gray500);
  --hmf-checkbox-active-checked-background: var(--hmf-gray800);
  --hmf-checkbox-active-checked-border-color: var(--hmf-gray800);
  --hmf-checkbox-base-checked-color: var(--hmf-gray800);
  --hmf-checkbox-base-color: var(--hmf-gray700);
  --hmf-checkbox-check-icon-dark: var(--hmf-gray500);
  --hmf-checkbox-check-icon-light: var(--hmf-gray50);
  --hmf-checkbox-checked-background: var(--hmf-gray900);
  --hmf-checkbox-checked-border-color: var(--hmf-gray900);
  --hmf-checkbox-disabled-color: var(--hmf-gray500);
  --hmf-checkbox-disabled-span-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-disabled-span-checked-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-checked-border-color: var(--hmf-gray200);
  --hmf-checkbox-error-color: var(--hmf-red600);
  --hmf-checkbox-error-span-background: var(--hmf-red100);
  --hmf-checkbox-error-span-border-color: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-background: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-border-color: var(--hmf-red600);
  --hmf-checkbox-focus-outline: 1px dashed var(--hmf-gray600);
  --hmf-checkbox-hover-span-background: var(--hmf-gray100);
  --hmf-checkbox-hover-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-hover-span-border: var(--hmf-gray900);
  --hmf-checkbox-hover-span-checked-background: var(--hmf-gray700);
  --hmf-checkbox-hover-span-checked-border-color: var(--hmf-gray700);
  --hmf-checkbox-span-background: var(--hmf-gray50);
  --hmf-checkbox-span-border: var(--hmf-gray600);
}
.quickview-container :root {
  --hmf-chip-font-size: var(--body-font-size-m);
  --hmf-chip-line-height: var(--body-line-height-m);
  --hmf-chip-font-weight: var(--font-primary-bold-weight);
  --hmf-chip-font-family: var(--font-primary);
  --hmf-chip-letter-spacing: var(--body-letter-spacing);
  --hmf-chip-background-color: var(--hmf-gray200);
  --hmf-chip-color: var(--hmf-gray900);
  --hmf-chip-hover-background-color: var(--hmf-gray400);
  --hmf-chip-focus-background-color: var(--hmf-gray400);
  --hmf-chip-focus-outline: 1px dashed var(--hmf-primary500);
}
.quickview-container :root {
  --hmf-product-availability-cancel-icon-color: var(--hmf-red500);
  --hmf-product-availability-warning-icon-color: var(--hmf-yellow500);
  --hmf-product-availability-success-icon-color: var(--hmf-primary500);
}
.quickview-container :root {
  --hmf-product-title-text-color: var(--hmf-gray900);
  --hmf-product-title-font-size: var(--label-font-size-l);
  --hmf-product-title-line-height: var(--label-line-height-l);
  --hmf-product-title-font-weight: 500;
  --hmf-product-title-font-family: var(--font-primary);
  --hmf-product-title-letter-spacing: var(--label-letter-spacing);
}
.quickview-container :root {
  --hmf-promotion-text-color: var(--hmf-gray500);
  --hmf-promotion-font-weight: var(--font-primary-regular-weight);
  --hmf-promotion-font-family: var(--font-primary);
  --hmf-promotion-letter-spacing: var(--body-letter-spacing);
}
.quickview-container :root {
  --hmf-recommendation-card-hover-color: var(--hmf-gray400);
  --hmf-recommendation-card-background-color: var(--hmf-gray50);
  --hmf-recommendation-card-text-color: var(--hmf-gray900);
  --hmf-recommendation-card-price-color: var(--hmf-gray500);
}
.quickview-container :root {
  --hmf-panel-font-size: var(--body-font-size-s);
  --hmf-panel-line-height: var(--body-line-height-s);
  --hmf-panel-font-weight: normal;
  --hmf-panel-font-family: var(--font-primary);
  --hmf-panel-letter-spacing: normal;
  --hmf-panel-content-background-color: var(--hmf-gray50);
  --hmf-panel-header-background-color: var(--hmf-gray100);
  --hmf-panel-overlay-background-color: var(--hmf-gray900);
  --hmf-panel-close-button-hover-background-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-background-color: var(--hmf-gray200);
  --hmf-panel-header-border-color: var(--hmf-gray100);
  --hmf-panel-close-button-hover-border-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-border-color: var(--hmf-gray200);
}
.quickview-container :root {
  --hmf-sticky-banner-font-size: var(--body-font-size-s);
  --hmf-sticky-banner-line-height: var(--body-line-height-s);
  --hmf-sticky-banner-font-weight: normal;
  --hmf-sticky-banner-font-family: var(--font-primary);
  --hmf-sticky-banner-letter-spacing: normal;
  --hmf-sticky-banner-content-background-color: var(--hmf-gray50);
  --hmf-sticky-banner-content-border-color: var(--hmf-gray200);
}
.quickview-container :root {
  --hmf-text-link-color: var(--hmf-gray900);
  --hmf-text-link-active-color: var(--hmf-gray600);
  --hmf-text-link-font-size: var(--body-font-size-m);
  --hmf-text-link-line-height: var(--body-line-height-m);
  --hmf-text-link-font-weight: var(--font-primary-regular-weight);
  --hmf-text-link-font-family: var(--font-primary);
  --hmf-text-link-letter-spacing: var(--body-letter-spacing);
}
.quickview-container :root {
  --hmf-text-input-font-size: var(--body-font-size-m);
  --hmf-text-input-line-height: var(--body-line-height-m);
  --hmf-text-input-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-font-family: var(--font-primary);
  --hmf-text-input-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-text-area-font-size: var(--body-font-size-m);
  --hmf-text-input-text-area-line-height: var(--body-line-height-m);
  --hmf-text-input-text-area-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-text-area-font-family: var(--font-primary);
  --hmf-text-input-text-area-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-border: 1px solid var(--hmf-gray700);
  --hmf-text-input-background-color: var(--hmf-gray50);
  --hmf-text-input-input-color: var(--hmf-gray900);
  --hmf-text-input-input-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-focused-border: 1px solid var(--hmf-primary300);
  --hmf-text-input-disabled-background-color: var(--hmf-gray200);
  --hmf-text-input-disabled-color: var(--hmf-gray700);
  --hmf-text-input-disabled-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-label-color: var(--hmf-gray900);
  --hmf-text-input-color: var(--hmf-gray700);
  --hmf-text-input-error-label-color: var(--hmf-red700);
  --hmf-text-input-error-color: var(--hmf-red700);
  --hmf-text-input-error-border: 1px solid var(--hmf-red700);
  --hmf-text-input-error-background-color: rgb(230 108 70 / 0.2);
  --hmf-text-input-error-placeholder-color: var(--hmf-gray900);
  --hmf-text-input-error-svg-fill: var(--hmf-red700);
}
.quickview-container :root.hmf-calia-theme,
.quickview-container :root .hmf-calia-theme {
  /*********** GENERAL STYLES ***********/
  --hmf-focus-outline: 1px dashed var(--hmf-gray400);
}
.quickview-container :root.hmf-calia-theme,
.quickview-container :root .hmf-calia-theme {
  --hmf-background-base: var(--hmf-gray50);
  --hmf-background-base-subtle: var(--hmf-gray100);
  --hmf-background-inverse: var(--hmf-gray900);
  --hmf-background-inverse-subtle: var(--hmf-gray800);
  --hmf-background-primary: var(--hmf-primary600);
  --hmf-fill-base: var(--hmf-gray50);
  --hmf-fill-base-subtle: var(--hmf-gray100);
  --hmf-fill-base-prominent: var(--hmf-gray200);
  --hmf-fill-inverse: var(--hmf-gray900);
  --hmf-fill-inverse-subtle: var(--hmf-gray700);
  --hmf-fill-primary-static: var(--hmf-secondary500);
  --hmf-fill-primary-hover: var(--hmf-secondary700);
  --hmf-fill-primary-active: var(--hmf-secondary600);
  --hmf-fill-secondary-static: var(--hmf-gray50);
  --hmf-fill-secondary-hover: var(--hmf-gray100);
  --hmf-fill-secondary-active: var(--hmf-gray200);
  --hmf-fill-tertiary-static: var(--hmf-gray900);
  --hmf-fill-tertiary-hover: var(--hmf-gray700);
  --hmf-fill-tertiary-active: var(--hmf-gray800);
  --hmf-fill-disabled: var(--hmf-gray500);
  --hmf-fill-disabled-subtle: var(--hmf-gray200);
  --hmf-fill-negative: var(--hmf-red600);
  --hmf-fill-negative-subtle: var(--hmf-red100);
  --hmf-fill-sale: var(--hmf-red600);
  --hmf-fill-warning: var(--hmf-yellow300);
  --hmf-fill-warning-subtle: var(--hmf-yellow50);
  --hmf-fill-positive: var(--hmf-primary500);
  --hmf-fill-positive-subtle: var(--hmf-primary100);
  --hmf-label-base: var(--hmf-gray900);
  --hmf-label-base-subtle: var(--hmf-gray600);
  --hmf-label-inverse-base: var(--hmf-gray50);
  --hmf-label-inverse-subtle: var(--hmf-gray100);
  --hmf-label-primary-static: var(--hmf-secondary500);
  --hmf-label-primary-hover: var(--hmf-secondary600);
  --hmf-label-primary-active: var(--hmf-secondary400);
  --hmf-label-secondary-static: var(--hmf-gray900);
  --hmf-label-secondary-hover: var(--hmf-gray700);
  --hmf-label-secondary-active: var(--hmf-gray800);
  --hmf-label-secondary-subtle-static: var(--hmf-gray600);
  --hmf-label-secondary-subtle-hover: var(--hmf-gray900);
  --hmf-label-secondary-subtle-active: var(--hmf-gray800);
  --hmf-label-tertiary-static: var(--hmf-gray900);
  --hmf-label-tertiary-hover: var(--hmf-secondary500);
  --hmf-label-tertiary-active: var(--hmf-secondary400);
  --hmf-label-sale: var(--hmf-red800);
  --hmf-label-disabled: var(--hmf-gray500);
  --hmf-label-disabled-subtle: var(--hmf-gray200);
  --hmf-label-negative: var(--hmf-red600);
  --hmf-label-warning: var(--hmf-yellow600);
  --hmf-border-base: var(--hmf-gray300);
  --hmf-border-base-subtle: var(--hmf-gray200);
  --hmf-border-inverse: var(--hmf-gray900);
  --hmf-border-inverse-subtle: var(--hmf-gray700);
  --hmf-border-primary-static: var(--hmf-secondary500);
  --hmf-border-primary-hover: var(--hmf-secondary600);
  --hmf-border-primary-active: var(--hmf-secondary400);
  --hmf-border-secondary-static: var(--hmf-gray900);
  --hmf-border-secondary-hover: var(--hmf-gray700);
  --hmf-border-secondary-active: var(--hmf-gray800);
  --hmf-border-secondary-subtle-static: var(--hmf-gray600);
  --hmf-border-secondary-subtle-hover: var(--hmf-gray400);
  --hmf-border-secondary-subtle-active: var(--hmf-gray500);
  --hmf-border-tertiary-static: var(--hmf-gray900);
  --hmf-border-tertiary-hover: var(--hmf-secondary500);
  --hmf-border-tertiary-active: var(--hmf-secondary400);
  --hmf-border-focused: var(--hmf-gray600);
  --hmf-border-inverse-focused: var(--hmf-gray50);
  --hmf-border-disabled: var(--hmf-gray500);
  --hmf-border-disabled-subtle: var(--hmf-gray200);
  --hmf-border-negative: var(--hmf-red600);
  --hmf-border-warning: var(--hmf-yellow500);
  --hmf-border-positive: var(--hmf-primary600);
}
.quickview-container :root.hmf-calia-theme,
.quickview-container :root .hmf-calia-theme {
  --font-display: "Montserrat", sans-serif;
  --font-primary: "Montserrat", sans-serif;
  --font-label: "Montserrat", sans-serif;
  --font-display-weight: 500;
}
.quickview-container :root.hmf-calia-theme,
.quickview-container :root .hmf-calia-theme {
  /* DISPLAY TEXT */
  --display-letter-spacing-xs: 0.2rem;
  --display-letter-spacing-s: 0.2rem;
  --display-font-size-m: 4.2rem;
  --display-letter-spacing-m: 0.2rem;
  --display-line-height-m: 4.2rem;
  --display-letter-spacing-l: 0.4rem;
  --display-letter-spacing-xl: 0.1rem;
}
.quickview-container :root.hmf-calia-theme,
.quickview-container :root .hmf-calia-theme {
  /* HEADINGS */
  --header-letter-spacing: 0.1rem;
  --header-line-height-s: 2rem;
}
.quickview-container :root.hmf-calia-theme,
.quickview-container :root .hmf-calia-theme {
  --hmf-primary50: #e9e5e7;
  --hmf-primary100: #c7bfc4;
  --hmf-primary200: #e1d1e0;
  --hmf-primary300: #7c6976;
  --hmf-primary400: #604858;
  --hmf-primary500: #44283b;
  --hmf-primary600: #3e2435;
  --hmf-primary700: #351e2d;
  --hmf-primary800: #2d1826;
  --hmf-primary900: #1f0f19;
  --hmf-secondary50: #f8f2e6;
  --hmf-secondary100: #f1ebde;
  --hmf-secondary200: #eee6da;
  --hmf-secondary300: #ede4db;
  --hmf-secondary400: #eedfd9;
  --hmf-secondary500: #f6ddda;
  --hmf-secondary600: #e8d2cf;
  --hmf-secondary700: #e5d2d0;
  --hmf-secondary800: #e3d1c7;
  --hmf-secondary900: #ddc7c0;
  --hmf-tertiary50: #e9f5ef;
  --hmf-tertiary100: #c8e5d7;
  --hmf-tertiary200: #a4d4bd;
  --hmf-tertiary300: #80c2a3;
  --hmf-tertiary400: #64b58f;
  --hmf-tertiary500: #49a87b;
  --hmf-tertiary600: #42a073;
  --hmf-tertiary700: #399768;
  --hmf-tertiary800: #318d5e;
  --hmf-tertiary900: #217d4b;
  --hmf-accent50: #e0edf0;
  --hmf-accent100: #b3d2d8;
  --hmf-accent200: #80b4bf;
  --hmf-accent300: #4d95a5;
  --hmf-accent400: #267f91;
  --hmf-accent500: #006580;
  --hmf-accent600: #006076;
  --hmf-accent700: #00556b;
  --hmf-accent800: #004b61;
  --hmf-accent900: #003a5d;
}
.quickview-container :root.hmf-calia-theme,
.quickview-container :root .hmf-calia-theme {
  /*********** GENERIC STYLING ***********/
  --hmf-button-border-radius: var(--hmf-sharp-radius);
  /*********** PRIMARY BUTTONS ***********/
  --hmf-button-primary-text-color: var(--hmf-gray50);
  --hmf-button-primary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-primary-background-color: var(--hmf-primary500);
  --hmf-button-primary-active-background-color: var(--hmf-primary600);
  --hmf-button-primary-hover-background-color: var(--hmf-primary400);
  --hmf-button-primary-inactive-background-color: var(--hmf-gray300);
  --hmf-button-primary-border-color: var(--hmf-primary500);
  --hmf-button-primary-hover-border-color: var(--hmf-primary400);
  --hmf-button-primary-active-border-color: var(--hmf-primary600);
  --hmf-button-primary-inactive-border-color: var(--hmf-gray300);
  /*********** SECONDARY BUTTONS ***********/
  --hmf-button-secondary-text-color: var(--hmf-gray900);
  --hmf-button-secondary-active-text-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-text-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-secondary-background-color: var(--hmf-gray50);
  --hmf-button-secondary-active-background-color: var(--hmf-gray400);
  --hmf-button-secondary-hover-background-color: var(--hmf-gray200);
  --hmf-button-secondary-inactive-background-color: var(--hmf-gray50);
  --hmf-button-secondary-border-color: var(--hmf-gray900);
  --hmf-button-secondary-active-border-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-border-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-border-color: var(--hmf-gray400);
  /*********** TERTIARY BUTTONS ***********/
  --hmf-button-tertiary-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-hover-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-active-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-inactive-text-color: var(--hmf-gray500);
  --hmf-button-tertiary-background-color: var(--hmf-fill-secondary-static);
  --hmf-button-tertiary-active-background-color: var(--hmf-fill-secondary-active);
  --hmf-button-tertiary-hover-background-color: var(--hmf-fill-secondary-hover);
  --hmf-button-tertiary-inactive-background-color: var(--hmf-gray100);
  --hmf-button-tertiary-border-color: var(--hmf-fill-secondary-static);
  --hmf-button-tertiary-active-border-color: var(--hmf-fill-secondary-active);
  --hmf-button-tertiary-hover-border-color: var(--hmf-fill-secondary-hover);
  --hmf-button-tertiary-inactive-border-color: var(--hmf-gray100);
  /*********** MARKETING BUTTONS ***********/
  --hmf-button-marketing-text-color: var(--hmf-gray900);
  --hmf-button-marketing-inactive-text-color: var(--hmf-gray600);
  --hmf-button-marketing-hover-text-color: var(--hmf-gray900);
  --hmf-button-marketing-active-text-color: var(--hmf-gray900);
  --hmf-button-marketing-background-color: var(--hmf-secondary100);
  --hmf-button-marketing-active-background-color: var(--hmf-secondary500);
  --hmf-button-marketing-hover-background-color: var(--hmf-secondary300);
  --hmf-button-marketing-inactive-background-color: var(--hmf-gray300);
  --hmf-button-marketing-border-color: var(--hmf-secondary100);
  --hmf-button-marketing-active-border-color: var(--hmf-secondary500);
  --hmf-button-marketing-hover-border-color: var(--hmf-secondary300);
  --hmf-button-marketing-inactive-border-color: var(--hmf-gray300);
}
.quickview-container :root, .quickview-container :root.hmf-calia-theme,
.quickview-container :root .hmf-calia-theme {
  --hmf-checkbox-active-background: var(--hmf-gray200);
  --hmf-checkbox-active-border-color: var(--hmf-gray500);
  --hmf-checkbox-active-checked-background: var(--hmf-gray800);
  --hmf-checkbox-active-checked-border-color: var(--hmf-gray800);
  --hmf-checkbox-base-checked-color: var(--hmf-gray800);
  --hmf-checkbox-base-color: var(--hmf-gray700);
  --hmf-checkbox-check-icon-dark: var(--hmf-gray500);
  --hmf-checkbox-check-icon-light: var(--hmf-gray50);
  --hmf-checkbox-checked-background: var(--hmf-gray900);
  --hmf-checkbox-checked-border-color: var(--hmf-gray900);
  --hmf-checkbox-disabled-color: var(--hmf-gray500);
  --hmf-checkbox-disabled-span-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-disabled-span-checked-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-checked-border-color: var(--hmf-gray200);
  --hmf-checkbox-error-color: var(--hmf-red600);
  --hmf-checkbox-error-span-background: var(--hmf-red100);
  --hmf-checkbox-error-span-border-color: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-background: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-border-color: var(--hmf-red600);
  --hmf-checkbox-focus-outline: 1px dashed var(--hmf-gray600);
  --hmf-checkbox-hover-span-background: var(--hmf-gray100);
  --hmf-checkbox-hover-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-hover-span-border: var(--hmf-gray900);
  --hmf-checkbox-hover-span-checked-background: var(--hmf-gray700);
  --hmf-checkbox-hover-span-checked-border-color: var(--hmf-gray700);
  --hmf-checkbox-span-background: var(--hmf-gray50);
  --hmf-checkbox-span-border: var(--hmf-gray600);
}
.quickview-container :root, .quickview-container :root.hmf-calia-theme,
.quickview-container :root .hmf-calia-theme {
  --hmf-chip-font-size: var(--body-font-size-m);
  --hmf-chip-line-height: var(--body-line-height-m);
  --hmf-chip-font-weight: var(--font-primary-bold-weight);
  --hmf-chip-font-family: var(--font-primary);
  --hmf-chip-letter-spacing: var(--body-letter-spacing);
  --hmf-chip-background-color: var(--hmf-gray200);
  --hmf-chip-color: var(--hmf-gray900);
  --hmf-chip-hover-background-color: var(--hmf-gray400);
  --hmf-chip-focus-background-color: var(--hmf-gray400);
  --hmf-chip-focus-outline: 1px dashed var(--hmf-primary500);
}
.quickview-container :root.hmf-calia-theme,
.quickview-container :root .hmf-calia-theme {
  --hmf-product-availability-cancel-icon-color: var(--hmf-red500);
  --hmf-product-availability-warning-icon-color: var(--hmf-yellow500);
  --hmf-product-availability-success-icon-color: var(--hmf-primary500);
}
.quickview-container :root.hmf-calia-theme,
.quickview-container :root .hmf-calia-theme {
  --hmf-product-title-text-color: var(--hmf-gray900);
  --hmf-product-title-font-size: var(--label-font-size-l);
  --hmf-product-title-line-height: var(--label-line-height-l);
  --hmf-product-title-font-weight: 500;
  --hmf-product-title-font-family: var(--font-primary);
  --hmf-product-title-letter-spacing: var(--label-letter-spacing);
}
.quickview-container :root.hmf-calia-theme,
.quickview-container :root .hmf-calia-theme {
  --hmf-promotion-text-color: var(--hmf-gray500);
  --hmf-promotion-font-weight: var(--font-primary-regular-weight);
  --hmf-promotion-font-family: var(--font-primary);
  --hmf-promotion-letter-spacing: var(--body-letter-spacing);
}
.quickview-container :root.hmf-calia-theme,
.quickview-container :root .hmf-calia-theme {
  --hmf-recommendation-card-hover-color: var(--hmf-gray400);
  --hmf-recommendation-card-background-color: var(--hmf-gray50);
  --hmf-recommendation-card-text-color: var(--hmf-gray900);
  --hmf-recommendation-card-price-color: var(--hmf-gray500);
}
.quickview-container :root, .quickview-container :root.hmf-calia-theme,
.quickview-container :root .hmf-calia-theme {
  --hmf-panel-font-size: var(--body-font-size-s);
  --hmf-panel-line-height: var(--body-line-height-s);
  --hmf-panel-font-weight: normal;
  --hmf-panel-font-family: var(--font-primary);
  --hmf-panel-letter-spacing: normal;
  --hmf-panel-content-background-color: var(--hmf-gray50);
  --hmf-panel-header-background-color: var(--hmf-gray100);
  --hmf-panel-overlay-background-color: var(--hmf-gray900);
  --hmf-panel-close-button-hover-background-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-background-color: var(--hmf-gray200);
  --hmf-panel-header-border-color: var(--hmf-gray100);
  --hmf-panel-close-button-hover-border-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-border-color: var(--hmf-gray200);
}
.quickview-container :root.hmf-calia-theme,
.quickview-container :root .hmf-calia-theme {
  --hmf-sticky-banner-font-size: var(--body-font-size-s);
  --hmf-sticky-banner-line-height: var(--body-line-height-s);
  --hmf-sticky-banner-font-weight: normal;
  --hmf-sticky-banner-font-family: var(--font-primary);
  --hmf-sticky-banner-letter-spacing: normal;
  --hmf-sticky-banner-content-background-color: var(--hmf-gray50);
  --hmf-sticky-banner-content-border-color: var(--hmf-gray200);
}
.quickview-container :root.hmf-calia-theme,
.quickview-container :root .hmf-calia-theme {
  --hmf-text-link-color: var(--hmf-gray900);
  --hmf-text-link-active-color: var(--hmf-gray600);
  --hmf-text-link-font-size: var(--body-font-size-m);
  --hmf-text-link-line-height: var(--body-line-height-m);
  --hmf-text-link-font-weight: var(--font-primary-regular-weight);
  --hmf-text-link-font-family: var(--font-primary);
  --hmf-text-link-letter-spacing: var(--body-letter-spacing);
}
.quickview-container :root, .quickview-container :root.hmf-calia-theme,
.quickview-container :root .hmf-calia-theme {
  --hmf-text-input-font-size: var(--body-font-size-m);
  --hmf-text-input-line-height: var(--body-line-height-m);
  --hmf-text-input-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-font-family: var(--font-primary);
  --hmf-text-input-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-text-area-font-size: var(--body-font-size-m);
  --hmf-text-input-text-area-line-height: var(--body-line-height-m);
  --hmf-text-input-text-area-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-text-area-font-family: var(--font-primary);
  --hmf-text-input-text-area-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-border: 1px solid var(--hmf-gray700);
  --hmf-text-input-background-color: var(--hmf-gray50);
  --hmf-text-input-input-color: var(--hmf-gray900);
  --hmf-text-input-input-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-focused-border: 1px solid var(--hmf-primary300);
  --hmf-text-input-disabled-background-color: var(--hmf-gray200);
  --hmf-text-input-disabled-color: var(--hmf-gray700);
  --hmf-text-input-disabled-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-label-color: var(--hmf-gray900);
  --hmf-text-input-color: var(--hmf-gray700);
  --hmf-text-input-error-label-color: var(--hmf-red700);
  --hmf-text-input-error-color: var(--hmf-red700);
  --hmf-text-input-error-border: 1px solid var(--hmf-red700);
  --hmf-text-input-error-background-color: rgb(230 108 70 / 0.2);
  --hmf-text-input-error-placeholder-color: var(--hmf-gray900);
  --hmf-text-input-error-svg-fill: var(--hmf-red700);
}
.quickview-container :root.hmf-g3-theme,
.quickview-container :root .hmf-g3-theme {
  --hmf-focus-outline: 1px dashed var(--hmf-secondary500);
}
.quickview-container :root.hmf-g3-theme,
.quickview-container :root .hmf-g3-theme {
  --hmf-background-base: var(--hmf-gray50);
  --hmf-background-base-subtle: var(--hmf-gray100);
  --hmf-background-inverse: var(--hmf-gray900);
  --hmf-background-inverse-subtle: var(--hmf-gray800);
  --hmf-background-primary: var(--hmf-secondary600);
  --hmf-fill-base: var(--hmf-gray50);
  --hmf-fill-base-subtle: var(--hmf-gray100);
  --hmf-fill-base-prominent: var(--hmf-gray200);
  --hmf-fill-creative-primary: var(--hmf-secondary600);
  --hmf-fill-inverse: var(--hmf-gray900);
  --hmf-fill-inverse-subtle: var(--hmf-gray700);
  --hmf-fill-primary-static: var(--hmf-secondary600);
  --hmf-fill-primary-hover: var(--hmf-secondary700);
  --hmf-fill-primary-active: var(--hmf-secondary500);
  --hmf-fill-secondary-static: var(--hmf-gray50);
  --hmf-fill-secondary-static-subtle: var(--hmf-gray100);
  --hmf-fill-secondary-hover: var(--hmf-gray100);
  --hmf-fill-secondary-hover-subtle: var(--hmf-gray200);
  --hmf-fill-secondary-active: var(--hmf-gray200);
  --hmf-fill-secondary-active-subtle: var(--hmf-gray100);
  --hmf-fill-tertiary-static: var(--hmf-gray900);
  --hmf-fill-tertiary-hover: var(--hmf-gray700);
  --hmf-fill-tertiary-active: var(--hmf-gray800);
  --hmf-fill-disabled: var(--hmf-gray500);
  --hmf-fill-disabled-subtle: var(--hmf-gray200);
  --hmf-fill-negative: var(--hmf-red600);
  --hmf-fill-negative-subtle: var(--hmf-red100);
  --hmf-fill-negative-static: var(--hmf-red600);
  --hmf-fill-negative-hover: var(--hmf-red800);
  --hmf-fill-negative-active: var(--hmf-red700);
  --hmf-fill-sale: var(--hmf-red600);
  --hmf-fill-warning: var(--hmf-yellow300);
  --hmf-fill-warning-subtle: var(--hmf-yellow50);
  --hmf-fill-positive: var(--hmf-secondary500);
  --hmf-fill-positive-subtle: var(--hmf-secondary100);
  --hmf-fill-marketing-static: var(--hmf-primary600);
  --hmf-fill-marketing-hover: var(--hmf-primary700);
  --hmf-fill-marketing-active: var(--hmf-primary500);
  --hmf-fill-scorecard: var(--hmf-primary400);
  --hmf-fill-scorecard-subtle: var(--hmf-primary200);
  --hmf-fill-scorecard-gold: var(--hmf-gold300);
  --hmf-fill-scorecard-gold-subtle: var(--hmf-gold200);
  --hmf-fill-calia: var(--hmf-calia600);
  --hmf-fill-calia-subtle: var(--hmf-calia200);
  --hmf-fill-vrst: var(--hmf-vrst600);
  --hmf-fill-vrst-subtle: var(--hmf-vrst200);
  --hmf-label-base: var(--hmf-gray900);
  --hmf-label-base-subtle: var(--hmf-gray600);
  --hmf-label-inverse-base: var(--hmf-gray50);
  --hmf-label-inverse-subtle: var(--hmf-gray100);
  --hmf-label-primary-static: var(--hmf-secondary600);
  --hmf-label-primary-hover: var(--hmf-secondary900);
  --hmf-label-primary-active: var(--hmf-secondary700);
  --hmf-label-secondary-static: var(--hmf-gray900);
  --hmf-label-secondary-hover: var(--hmf-gray700);
  --hmf-label-secondary-active: var(--hmf-gray800);
  --hmf-label-secondary-subtle-static: var(--hmf-gray600);
  --hmf-label-secondary-subtle-hover: var(--hmf-gray900);
  --hmf-label-secondary-subtle-active: var(--hmf-gray800);
  --hmf-label-tertiary-static: var(--hmf-gray900);
  --hmf-label-tertiary-hover: var(--hmf-secondary600);
  --hmf-label-tertiary-active: var(--hmf-secondary500);
  --hmf-label-sale: var(--hmf-red800);
  --hmf-label-disabled: var(--hmf-gray500);
  --hmf-label-disabled-subtle: var(--hmf-gray200);
  --hmf-label-negative: var(--hmf-red600);
  --hmf-label-positive: var(--hmf-secondary600);
  --hmf-label-warning: var(--hmf-yellow600);
  --hmf-label-marketing-static: var(--hmf-gray50);
  --hmf-label-marketing-hover: var(--hmf-gray100);
  --hmf-label-marketing-active: var(--hmf-gray100);
  --hmf-label-scorecard: var(--hmf-primary600);
  --hmf-border-base: var(--hmf-gray300);
  --hmf-border-base-subtle: var(--hmf-gray200);
  --hmf-border-base-prominent: var(--hmf-gray400);
  --hmf-border-inverse: var(--hmf-gray900);
  --hmf-border-inverse-subtle: var(--hmf-gray700);
  --hmf-border-primary-static: var(--hmf-secondary600);
  --hmf-border-primary-hover: var(--hmf-secondary700);
  --hmf-border-primary-active: var(--hmf-secondary500);
  --hmf-border-secondary-static: var(--hmf-gray900);
  --hmf-border-secondary-hover: var(--hmf-gray700);
  --hmf-border-secondary-active: var(--hmf-gray800);
  --hmf-border-secondary-subtle-static: var(--hmf-gray600);
  --hmf-border-secondary-subtle-hover: var(--hmf-gray400);
  --hmf-border-secondary-subtle-active: var(--hmf-gray500);
  --hmf-border-tertiary-static: var(--hmf-gray900);
  --hmf-border-tertiary-hover: var(--hmf-secondary600);
  --hmf-border-tertiary-active: var(--hmf-secondary500);
  --hmf-border-focused: var(--hmf-primary600);
  --hmf-border-inverse-focused: var(--hmf-gray50);
  --hmf-border-disabled: var(--hmf-gray500);
  --hmf-border-disabled-subtle: var(--hmf-gray200);
  --hmf-border-negative: var(--hmf-red600);
  --hmf-border-warning: var(--hmf-yellow500);
  --hmf-border-positive: var(--hmf-secondary600);
  --hmf-border-scorecard-subtle: var(--hmf-primary100);
  --hmf-border-scorecard-gold: var(--hmf-gold400);
  --hmf-border-scorecard-gold-subtle: var(--hmf-gold100);
}
.quickview-container :root.hmf-g3-theme,
.quickview-container :root .hmf-g3-theme {
  --font-display: "DSG Sans", sans-serif;
  --font-primary: "Roboto", sans-serif;
  --font-label: "Roboto", sans-serif;
  --font-primary-regular-weight: 400;
  --font-primary-bold-weight: 700;
  --font-display-weight: 500;
}
.quickview-container :root.hmf-g3-theme,
.quickview-container :root .hmf-g3-theme {
  --hmf-primary50: #f4fbf6;
  --hmf-primary100: #e0f4e7;
  --hmf-primary200: #b3e4c3;
  --hmf-primary300: #80d29b;
  --hmf-primary400: #26b355;
  --hmf-primary500: #00a537;
  --hmf-primary600: #007916;
  --hmf-primary700: #005c11;
  --hmf-primary800: #004d0e;
  --hmf-primary900: #002e08;
  --hmf-secondary50: #f4faf9;
  --hmf-secondary100: #d1ebe6;
  --hmf-secondary200: #b3ddd6;
  --hmf-secondary300: #80c6ba;
  --hmf-secondary400: #4daf9e;
  --hmf-secondary500: #008d75;
  --hmf-secondary600: #006554;
  --hmf-secondary700: #005343;
  --hmf-secondary800: #00493a;
  --hmf-secondary900: #00291e;
  --hmf-tertiary50: #fdfaf7;
  --hmf-tertiary100: #f9f2eb;
  --hmf-tertiary200: #ecd5bc;
  --hmf-tertiary300: #e4c4a5;
  --hmf-tertiary400: #daaf86;
  --hmf-tertiary500: #c3864b;
  --hmf-tertiary600: #936334;
  --hmf-tertiary700: #6a4929;
  --hmf-tertiary800: #553a21;
  --hmf-tertiary900: #332314;
  --hmf-accent50: #fff7f5;
  --hmf-accent100: #ffede7;
  --hmf-accent200: #ffd1c3;
  --hmf-accent300: #ffb39c;
  --hmf-accent400: #ff6638;
  --hmf-accent500: #ff5e32;
  --hmf-accent600: #d12d00;
  --hmf-accent700: #992100;
  --hmf-accent800: #801b00;
  --hmf-accent900: #4d1000;
}
.quickview-container :root.hmf-g3-theme,
.quickview-container :root .hmf-g3-theme {
  /*********** GENERIC STYLING ***********/
  --hmf-button-border-radius: var(--hmf-sharp-radius);
  /*********** PRIMARY BUTTONS ***********/
  --hmf-button-primary-text-color: var(--hmf-gray50);
  --hmf-button-primary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-primary-background-color: var(--hmf-secondary800);
  --hmf-button-primary-active-background-color: var(--hmf-secondary700);
  --hmf-button-primary-hover-background-color: var(--hmf-secondary900);
  --hmf-button-primary-inactive-background-color: var(--hmf-gray300);
  --hmf-button-primary-border-color: var(--hmf-secondary800);
  --hmf-button-primary-hover-border-color: var(--hmf-secondary900);
  --hmf-button-primary-active-border-color: var(--hmf-secondary700);
  --hmf-button-primary-inactive-border-color: var(--hmf-gray300);
  /*********** SECONDARY BUTTONS ***********/
  --hmf-button-secondary-text-color: var(--hmf-gray900);
  --hmf-button-secondary-active-text-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-text-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-secondary-background-color: var(--hmf-gray50);
  --hmf-button-secondary-active-background-color: var(--hmf-gray400);
  --hmf-button-secondary-hover-background-color: var(--hmf-gray200);
  --hmf-button-secondary-inactive-background-color: var(--hmf-gray50);
  --hmf-button-secondary-border-color: var(--hmf-gray900);
  --hmf-button-secondary-active-border-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-border-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-border-color: var(--hmf-gray400);
  /*********** TERTIARY BUTTONS ***********/
  --hmf-button-tertiary-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-hover-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-active-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-inactive-text-color: var(--hmf-gray500);
  --hmf-button-tertiary-background-color: var(--hmf-fill-secondary-static);
  --hmf-button-tertiary-active-background-color: var(--hmf-fill-secondary-active);
  --hmf-button-tertiary-hover-background-color: var(--hmf-fill-secondary-hover);
  --hmf-button-tertiary-inactive-background-color: var(--hmf-gray100);
  --hmf-button-tertiary-border-color: var(--hmf-fill-secondary-static);
  --hmf-button-tertiary-active-border-color: var(--hmf-fill-secondary-active);
  --hmf-button-tertiary-hover-border-color: var(--hmf-fill-secondary-hover);
  --hmf-button-tertiary-inactive-border-color: var(--hmf-gray100);
  /*********** MARKETING BUTTONS ***********/
  --hmf-button-marketing-text-color: var(--hmf-gray50);
  --hmf-button-marketing-inactive-text-color: var(--hmf-gray50);
  --hmf-button-marketing-hover-text-color: var(--hmf-gray50);
  --hmf-button-marketing-active-text-color: var(--hmf-gray900);
  --hmf-button-marketing-background-color: var(--hmf-primary600);
  --hmf-button-marketing-active-background-color: var(--hmf-primary500);
  --hmf-button-marketing-hover-background-color: var(--hmf-primary700);
  --hmf-button-marketing-inactive-background-color: var(--hmf-gray300);
  --hmf-button-marketing-border-color: var(--hmf-primary600);
  --hmf-button-marketing-active-border-color: var(--hmf-primary500);
  --hmf-button-marketing-hover-border-color: var(--hmf-primary700);
  --hmf-button-marketing-inactive-border-color: var(--hmf-gray300);
  /*********** DESTRUCTIVE BUTTONS ***********/
  --hmf-button-destructive-text-color: var(--hmf-label-inverse-base);
  --hmf-button-destructive-inactive-text-color: var(--hmf-label-disabled);
  --hmf-button-destructive-hover-text-color: var( --hmf-label-inverse-base);
  --hmf-button-destructive-active-text-color: var(--hmf-label-inverse-base);
  --hmf-button-destructive-background-color: var(--hmf-fill-negative-static);
  --hmf-button-destructive-active-background-color: var(--hmf-fill-negative-active);
  --hmf-button-destructive-hover-background-color: var(--hmf-fill-negative-hover);
  --hmf-button-destructive-inactive-background-color: var(--hmf-fill-disabled-subtle);
  --hmf-button-destructive-border-color: var(--hmf-fill-negative-static);
  --hmf-button-destructive-active-border-color: var(--hmf-fill-negative-active);
  --hmf-button-destructive-hover-border-color: var(--hmf-fill-negative-hover);
  --hmf-button-destructive-inactive-border-color: var(--hmf-fill-disabled-subtle);
}
.quickview-container :root, .quickview-container :root.hmf-g3-theme,
.quickview-container :root .hmf-g3-theme {
  --hmf-checkbox-active-background: var(--hmf-gray200);
  --hmf-checkbox-active-border-color: var(--hmf-gray500);
  --hmf-checkbox-active-checked-background: var(--hmf-gray800);
  --hmf-checkbox-active-checked-border-color: var(--hmf-gray800);
  --hmf-checkbox-base-checked-color: var(--hmf-gray800);
  --hmf-checkbox-base-color: var(--hmf-gray700);
  --hmf-checkbox-check-icon-dark: var(--hmf-gray500);
  --hmf-checkbox-check-icon-light: var(--hmf-gray50);
  --hmf-checkbox-checked-background: var(--hmf-gray900);
  --hmf-checkbox-checked-border-color: var(--hmf-gray900);
  --hmf-checkbox-disabled-color: var(--hmf-gray500);
  --hmf-checkbox-disabled-span-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-disabled-span-checked-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-checked-border-color: var(--hmf-gray200);
  --hmf-checkbox-error-color: var(--hmf-red600);
  --hmf-checkbox-error-span-background: var(--hmf-red100);
  --hmf-checkbox-error-span-border-color: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-background: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-border-color: var(--hmf-red600);
  --hmf-checkbox-focus-outline: 1px dashed var(--hmf-gray600);
  --hmf-checkbox-hover-span-background: var(--hmf-gray100);
  --hmf-checkbox-hover-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-hover-span-border: var(--hmf-gray900);
  --hmf-checkbox-hover-span-checked-background: var(--hmf-gray700);
  --hmf-checkbox-hover-span-checked-border-color: var(--hmf-gray700);
  --hmf-checkbox-span-background: var(--hmf-gray50);
  --hmf-checkbox-span-border: var(--hmf-gray600);
}
.quickview-container :root, .quickview-container :root.hmf-g3-theme,
.quickview-container :root .hmf-g3-theme {
  --hmf-chip-font-size: var(--body-font-size-m);
  --hmf-chip-line-height: var(--body-line-height-m);
  --hmf-chip-font-weight: var(--font-primary-bold-weight);
  --hmf-chip-font-family: var(--font-primary);
  --hmf-chip-letter-spacing: var(--body-letter-spacing);
  --hmf-chip-background-color: var(--hmf-gray200);
  --hmf-chip-color: var(--hmf-gray900);
  --hmf-chip-hover-background-color: var(--hmf-gray400);
  --hmf-chip-focus-background-color: var(--hmf-gray400);
  --hmf-chip-focus-outline: 1px dashed var(--hmf-primary500);
}
.quickview-container :root.hmf-g3-theme,
.quickview-container :root .hmf-g3-theme {
  --hmf-product-availability-cancel-icon-color: var(--hmf-red500);
  --hmf-product-availability-warning-icon-color: var(--hmf-accent500);
  --hmf-product-availability-success-icon-color: var(--hmf-primary500);
}
.quickview-container :root.hmf-g3-theme,
.quickview-container :root .hmf-g3-theme {
  --hmf-product-title-text-color: var(--hmf-gray900);
  --hmf-product-title-font-size: var(--label-font-size-l);
  --hmf-product-title-line-height: var(--label-line-height-l);
  --hmf-product-title-font-weight: 500;
  --hmf-product-title-font-family: var(--font-primary);
  --hmf-product-title-letter-spacing: var(--label-letter-spacing);
}
.quickview-container :root.hmf-g3-theme,
.quickview-container :root .hmf-g3-theme {
  --hmf-promotion-text-color: var(--hmf-gray500);
  --hmf-promotion-font-weight: var(--font-primary-regular-weight);
  --hmf-promotion-font-family: var(--font-primary);
  --hmf-promotion-letter-spacing: var(--body-letter-spacing);
}
.quickview-container :root.hmf-g3-theme,
.quickview-container :root .hmf-g3-theme {
  --hmf-recommendation-card-hover-color: var(--hmf-gray400);
  --hmf-recommendation-card-background-color: var(--hmf-gray50);
  --hmf-recommendation-card-text-color: var(--hmf-gray900);
  --hmf-recommendation-card-price-color: var(--hmf-gray500);
}
.quickview-container :root, .quickview-container :root.hmf-g3-theme,
.quickview-container :root .hmf-g3-theme {
  --hmf-panel-font-size: var(--body-font-size-s);
  --hmf-panel-line-height: var(--body-line-height-s);
  --hmf-panel-font-weight: normal;
  --hmf-panel-font-family: var(--font-primary);
  --hmf-panel-letter-spacing: normal;
  --hmf-panel-content-background-color: var(--hmf-gray50);
  --hmf-panel-header-background-color: var(--hmf-gray100);
  --hmf-panel-overlay-background-color: var(--hmf-gray900);
  --hmf-panel-close-button-hover-background-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-background-color: var(--hmf-gray200);
  --hmf-panel-header-border-color: var(--hmf-gray100);
  --hmf-panel-close-button-hover-border-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-border-color: var(--hmf-gray200);
}
.quickview-container :root.hmf-g3-theme,
.quickview-container :root .hmf-g3-theme {
  --hmf-sticky-banner-font-size: var(--body-font-size-s);
  --hmf-sticky-banner-line-height: var(--body-line-height-s);
  --hmf-sticky-banner-font-weight: normal;
  --hmf-sticky-banner-font-family: var(--font-primary);
  --hmf-sticky-banner-letter-spacing: normal;
  --hmf-sticky-banner-content-background-color: var(--hmf-gray50);
  --hmf-sticky-banner-content-border-color: var(--hmf-gray200);
}
.quickview-container :root.hmf-g3-theme,
.quickview-container :root .hmf-g3-theme {
  --hmf-text-link-color: var(--hmf-gray900);
  --hmf-text-link-active-color: var(--hmf-gray600);
  --hmf-text-link-font-size: var(--body-font-size-m);
  --hmf-text-link-line-height: var(--body-line-height-m);
  --hmf-text-link-font-weight: var(--font-primary-regular-weight);
  --hmf-text-link-font-family: var(--font-primary);
  --hmf-text-link-letter-spacing: var(--body-letter-spacing);
}
.quickview-container :root, .quickview-container :root.hmf-g3-theme,
.quickview-container :root .hmf-g3-theme {
  --hmf-text-input-font-size: var(--body-font-size-m);
  --hmf-text-input-line-height: var(--body-line-height-m);
  --hmf-text-input-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-font-family: var(--font-primary);
  --hmf-text-input-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-text-area-font-size: var(--body-font-size-m);
  --hmf-text-input-text-area-line-height: var(--body-line-height-m);
  --hmf-text-input-text-area-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-text-area-font-family: var(--font-primary);
  --hmf-text-input-text-area-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-border: 1px solid var(--hmf-gray700);
  --hmf-text-input-background-color: var(--hmf-gray50);
  --hmf-text-input-input-color: var(--hmf-gray900);
  --hmf-text-input-input-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-focused-border: 1px solid var(--hmf-primary300);
  --hmf-text-input-disabled-background-color: var(--hmf-gray200);
  --hmf-text-input-disabled-color: var(--hmf-gray700);
  --hmf-text-input-disabled-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-label-color: var(--hmf-gray900);
  --hmf-text-input-color: var(--hmf-gray700);
  --hmf-text-input-error-label-color: var(--hmf-red700);
  --hmf-text-input-error-color: var(--hmf-red700);
  --hmf-text-input-error-border: 1px solid var(--hmf-red700);
  --hmf-text-input-error-background-color: rgb(230 108 70 / 0.2);
  --hmf-text-input-error-placeholder-color: var(--hmf-gray900);
  --hmf-text-input-error-svg-fill: var(--hmf-red700);
}
.quickview-container :root.hmf-gg-theme,
.quickview-container :root .hmf-gg-theme {
  --hmf-focus-outline: 1px dashed var(--hmf-tertiary400);
}
.quickview-container :root.hmf-gg-theme,
.quickview-container :root .hmf-gg-theme {
  --hmf-background-base: var(--hmf-gray50);
  --hmf-background-base-subtle: var(--hmf-gray100);
  --hmf-background-inverse: var(--hmf-gray900);
  --hmf-background-inverse-subtle: var(--hmf-gray800);
  --hmf-background-primary: var(--hmf-primary800);
  --hmf-fill-base: var(--hmf-gray50);
  --hmf-fill-base-subtle: var(--hmf-gray100);
  --hmf-fill-base-prominent: var(--hmf-gray200);
  --hmf-fill-creative-primary: var(--hmf-primary800);
  --hmf-fill-inverse: var(--hmf-gray900);
  --hmf-fill-inverse-subtle: var(--hmf-gray700);
  --hmf-fill-primary-static: var(--hmf-primary600);
  --hmf-fill-primary-hover: var(--hmf-primary700);
  --hmf-fill-primary-active: var(--hmf-primary500);
  --hmf-fill-secondary-static: var(--hmf-gray50);
  --hmf-fill-secondary-static-subtle: var(--hmf-gray100);
  --hmf-fill-secondary-hover: var(--hmf-gray100);
  --hmf-fill-secondary-hover-subtle: var(--hmf-gray200);
  --hmf-fill-secondary-active: var(--hmf-gray200);
  --hmf-fill-secondary-active-subtle: var(--hmf-gray100);
  --hmf-fill-tertiary-static: var(--hmf-gray900);
  --hmf-fill-tertiary-hover: var(--hmf-gray700);
  --hmf-fill-tertiary-active: var(--hmf-gray800);
  --hmf-fill-disabled: var(--hmf-gray500);
  --hmf-fill-disabled-subtle: var(--hmf-gray200);
  --hmf-fill-negative: var(--hmf-red600);
  --hmf-fill-negative-subtle: var(--hmf-red100);
  --hmf-fill-negative-static: var(--hmf-red600);
  --hmf-fill-negative-hover: var(--hmf-red800);
  --hmf-fill-negative-active: var(--hmf-red700);
  --hmf-fill-sale: var(--hmf-red600);
  --hmf-fill-warning: var(--hmf-yellow300);
  --hmf-fill-warning-subtle: var(--hmf-yellow50);
  --hmf-fill-positive: var(--hmf-primary500);
  --hmf-fill-positive-subtle: var(--hmf-primary100);
  --hmf-fill-marketing-static: var(--hmf-primary800);
  --hmf-fill-marketing-hover: var(--hmf-primary900);
  --hmf-fill-marketing-active: var(--hmf-primary700);
  --hmf-fill-scorecard: var(--hmf-primary400);
  --hmf-fill-scorecard-subtle: var(--hmf-primary200);
  --hmf-fill-scorecard-gold: var(--hmf-gold300);
  --hmf-fill-scorecard-gold-subtle: var(--hmf-gold200);
  --hmf-fill-calia: var(--hmf-calia600);
  --hmf-fill-calia-subtle: var(--hmf-calia200);
  --hmf-fill-vrst: var(--hmf-vrst600);
  --hmf-fill-vrst-subtle: var(--hmf-vrst200);
  --hmf-label-base: var(--hmf-gray900);
  --hmf-label-base-subtle: var(--hmf-gray600);
  --hmf-label-inverse-base: var(--hmf-gray50);
  --hmf-label-inverse-subtle: var(--hmf-gray100);
  --hmf-label-primary-static: var(--hmf-primary600);
  --hmf-label-primary-hover: var(--hmf-primary700);
  --hmf-label-primary-active: var(--hmf-primary500);
  --hmf-label-secondary-static: var(--hmf-gray900);
  --hmf-label-secondary-hover: var(--hmf-gray700);
  --hmf-label-secondary-active: var(--hmf-gray800);
  --hmf-label-secondary-subtle-static: var(--hmf-gray600);
  --hmf-label-secondary-subtle-hover: var(--hmf-gray900);
  --hmf-label-secondary-subtle-active: var(--hmf-gray800);
  --hmf-label-tertiary-static: var(--hmf-gray900);
  --hmf-label-tertiary-hover: var(--hmf-primary600);
  --hmf-label-tertiary-active: var(--hmf-primary500);
  --hmf-label-sale: var(--hmf-red800);
  --hmf-label-disabled: var(--hmf-gray500);
  --hmf-label-disabled-subtle: var(--hmf-gray200);
  --hmf-label-negative: var(--hmf-red600);
  --hmf-label-positive: var(--hmf-secondary600);
  --hmf-label-warning: var(--hmf-yellow600);
  --hmf-label-marketing-static: var(--hmf-gray50);
  --hmf-label-marketing-hover: var(--hmf-gray100);
  --hmf-label-marketing-active: var(--hmf-gray100);
  --hmf-label-scorecard: var(--hmf-primary600);
  --hmf-border-base: var(--hmf-gray300);
  --hmf-border-base-subtle: var(--hmf-gray200);
  --hmf-border-base-prominent: var(--hmf-gray400);
  --hmf-border-inverse: var(--hmf-gray900);
  --hmf-border-inverse-subtle: var(--hmf-gray700);
  --hmf-border-primary-static: var(--hmf-primary600);
  --hmf-border-primary-hover: var(--hmf-primary700);
  --hmf-border-primary-active: var(--hmf-primary500);
  --hmf-border-secondary-static: var(--hmf-gray900);
  --hmf-border-secondary-hover: var(--hmf-gray700);
  --hmf-border-secondary-active: var(--hmf-gray800);
  --hmf-border-secondary-subtle-static: var(--hmf-gray600);
  --hmf-border-secondary-subtle-hover: var(--hmf-gray400);
  --hmf-border-secondary-subtle-active: var(--hmf-gray500);
  --hmf-border-tertiary-static: var(--hmf-gray900);
  --hmf-border-tertiary-hover: var(--hmf-primary600);
  --hmf-border-tertiary-active: var(--hmf-primary500);
  --hmf-border-focused: var(--hmf-primary500);
  --hmf-border-inverse-focused: var(--hmf-gray50);
  --hmf-border-disabled: var(--hmf-gray500);
  --hmf-border-disabled-subtle: var(--hmf-gray200);
  --hmf-border-negative: var(--hmf-red600);
  --hmf-border-warning: var(--hmf-yellow500);
  --hmf-border-positive: var(--hmf-primary600);
  --hmf-border-scorecard-subtle: var(--hmf-primary100);
  --hmf-border-scorecard-gold: var(--hmf-gold400);
  --hmf-border-scorecard-gold-subtle: var(--hmf-gold100);
}
.quickview-container :root.hmf-gg-theme,
.quickview-container :root .hmf-gg-theme {
  --font-display: "Vitesse", serif;
  --font-primary: "Hind Siliguri", serif;
  --font-label: "Hind Siliguri", sans-serif;
  --font-primary-regular-weight: 400;
  --font-primary-bold-weight: 700;
  --font-display-weight: 325;
}
.quickview-container :root.hmf-gg-theme,
.quickview-container :root .hmf-gg-theme {
  /* DISPLAY TEXT */
  --display-font-size-xl: 8rem;
  --display-line-height-xl: 8rem;
  --display-font-size-xxl: 12rem;
  --display-letter-spacing-xxl: 0;
  --display-line-height-xxl: 12rem;
}
.quickview-container :root.hmf-gg-theme,
.quickview-container :root .hmf-gg-theme {
  /* LABELS */
  --label-letter-spacing: 0.1rem;
}
.quickview-container :root.hmf-gg-theme,
.quickview-container :root .hmf-gg-theme {
  /* LEGAL */
  --legal-letter-spacing: 0.05rem;
  --legal-font-size-xs: 1.1rem;
  --legal-line-height-xs: 1.4rem;
  --legal-font-size-s: 1.2rem;
  --legal-line-height-s: 1.6rem;
}
.quickview-container :root.hmf-gg-theme,
.quickview-container :root .hmf-gg-theme {
  --hmf-primary50: #f9fafb;
  --hmf-primary100: #e2e6ea;
  --hmf-primary200: #d3d9df;
  --hmf-primary300: #b7c1ca;
  --hmf-primary400: #8798a7;
  --hmf-primary500: #5b748a;
  --hmf-primary600: #51677b;
  --hmf-primary700: #335069;
  --hmf-primary800: #001f39;
  --hmf-primary900: #041326;
  --hmf-secondary50: #f9f9f5;
  --hmf-secondary100: #edeee1;
  --hmf-secondary200: #d7dabe;
  --hmf-secondary300: #d1d5b4;
  --hmf-secondary400: #b3ba83;
  --hmf-secondary500: #7e892b;
  --hmf-secondary600: #677406;
  --hmf-secondary700: #475403;
  --hmf-secondary800: #394402;
  --hmf-secondary900: #212801;
  --hmf-tertiary50: #f9fafb;
  --hmf-tertiary100: #e5ebee;
  --hmf-tertiary200: #dae3e7;
  --hmf-tertiary300: #bdced6;
  --hmf-tertiary400: #91aeba;
  --hmf-tertiary500: #658d9e;
  --hmf-tertiary600: #235c75;
  --hmf-tertiary700: #1a4a62;
  --hmf-tertiary800: #154158;
  --hmf-tertiary900: #0a2738;
  --hmf-accent50: #f9fafb;
  --hmf-accent100: #e5ebee;
  --hmf-accent200: #dae3e7;
  --hmf-accent300: #bdced6;
  --hmf-accent400: #91aeba;
  --hmf-accent500: #658d9e;
  --hmf-accent600: #235c75;
  --hmf-accent700: #1a4a62;
  --hmf-accent800: #154158;
  --hmf-accent900: #0a2738;
}
.quickview-container :root, .quickview-container :root.hmf-gg-theme,
.quickview-container :root .hmf-gg-theme {
  /*********** GENERIC STYLING ***********/
  --hmf-button-border-radius: var(--hmf-sharp-radius);
  /*********** PRIMARY BUTTONS ***********/
  --hmf-button-primary-text-color: var(--hmf-gray50);
  --hmf-button-primary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-primary-background-color: var(--hmf-secondary500);
  --hmf-button-primary-active-background-color: var(--hmf-secondary700);
  --hmf-button-primary-hover-background-color: var(--hmf-secondary300);
  --hmf-button-primary-inactive-background-color: var(--hmf-gray300);
  --hmf-button-primary-border-color: var(--hmf-secondary500);
  --hmf-button-primary-hover-border-color: var(--hmf-secondary300);
  --hmf-button-primary-active-border-color: var(--hmf-secondary700);
  --hmf-button-primary-inactive-border-color: var(--hmf-gray300);
  /*********** SECONDARY BUTTONS ***********/
  --hmf-button-secondary-text-color: var(--hmf-gray900);
  --hmf-button-secondary-active-text-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-text-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-secondary-background-color: var(--hmf-gray50);
  --hmf-button-secondary-active-background-color: var(--hmf-gray400);
  --hmf-button-secondary-hover-background-color: var(--hmf-gray200);
  --hmf-button-secondary-inactive-background-color: var(--hmf-gray50);
  --hmf-button-secondary-border-color: var(--hmf-gray900);
  --hmf-button-secondary-active-border-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-border-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-border-color: var(--hmf-gray400);
  /*********** TERTIARY BUTTONS ***********/
  --hmf-button-tertiary-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-hover-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-active-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-inactive-text-color: var(--hmf-gray500);
  --hmf-button-tertiary-background-color: var(--hmf-fill-secondary-static);
  --hmf-button-tertiary-active-background-color: var(--hmf-fill-secondary-active);
  --hmf-button-tertiary-hover-background-color: var(--hmf-fill-secondary-hover);
  --hmf-button-tertiary-inactive-background-color: var(--hmf-gray100);
  --hmf-button-tertiary-border-color: var(--hmf-fill-secondary-static);
  --hmf-button-tertiary-active-border-color: var(--hmf-fill-secondary-active);
  --hmf-button-tertiary-hover-border-color: var(--hmf-fill-secondary-hover);
  --hmf-button-tertiary-inactive-border-color: var(--hmf-gray100);
  /*********** MARKETING BUTTONS ***********/
  --hmf-button-marketing-text-color: var(--hmf-gray50);
  --hmf-button-marketing-inactive-text-color: var(--hmf-gray600);
  --hmf-button-marketing-hover-text-color: var(--hmf-gray50);
  --hmf-button-marketing-active-text-color: var(--hmf-gray50);
  --hmf-button-marketing-background-color: var(--hmf-primary600);
  --hmf-button-marketing-active-background-color: var(--hmf-primary500);
  --hmf-button-marketing-hover-background-color: var(--hmf-primary300);
  --hmf-button-marketing-inactive-background-color: var(--hmf-gray300);
  --hmf-button-marketing-border-color: var(--hmf-primary600);
  --hmf-button-marketing-active-border-color: var(--hmf-primary500);
  --hmf-button-marketing-hover-border-color: var(--hmf-primary300);
  --hmf-button-marketing-inactive-border-color: var(--hmf-gray300);
  /*********** DESTRUCTIVE BUTTONS ***********/
  --hmf-button-destructive-text-color: var(--hmf-label-inverse-base);
  --hmf-button-destructive-inactive-text-color: var(--hmf-label-disabled);
  --hmf-button-destructive-hover-text-color: var( --hmf-label-inverse-base);
  --hmf-button-destructive-active-text-color: var(--hmf-label-inverse-base);
  --hmf-button-destructive-background-color: var(--hmf-fill-negative-static);
  --hmf-button-destructive-active-background-color: var(--hmf-fill-negative-active);
  --hmf-button-destructive-hover-background-color: var(--hmf-fill-negative-hover);
  --hmf-button-destructive-inactive-background-color: var(--hmf-fill-disabled-subtle);
  --hmf-button-destructive-border-color: var(--hmf-fill-negative-static);
  --hmf-button-destructive-active-border-color: var(--hmf-fill-negative-active);
  --hmf-button-destructive-hover-border-color: var(--hmf-fill-negative-hover);
  --hmf-button-destructive-inactive-border-color: var(--hmf-fill-disabled-subtle);
}
.quickview-container :root.hmf-gg-theme,
.quickview-container :root .hmf-gg-theme {
  --hmf-button-primary-active-background-color: var(--hmf-secondary600);
  --hmf-button-primary-active-border-color: var(--hmf-secondary600);
  --hmf-button-marketing-active-background-color: var(--hmf-primary600);
  --hmf-button-marketing-active-border-color: var(--hmf-primary600);
  --hmf-button-marketing-active-text-color: var(--hmf-gray900);
  --hmf-button-marketing-background-color: var(--hmf-primary500);
  --hmf-button-marketing-border-color: var(--hmf-primary500);
  --hmf-button-marketing-hover-background-color: var(--hmf-primary400);
  --hmf-button-marketing-hover-border-color: var(--hmf-primary400);
  --hmf-button-marketing-inactive-background-color: var(--hmf-gray300);
  --hmf-button-marketing-inactive-text-color: var(--hmf-gray50);
}
.quickview-container :root.hmf-gg-theme,
.quickview-container :root .hmf-gg-theme {
  --hmf-checkbox-active-background: var(--hmf-gray200);
  --hmf-checkbox-active-border-color: var(--hmf-gray500);
  --hmf-checkbox-active-checked-background: var(--hmf-gray800);
  --hmf-checkbox-active-checked-border-color: var(--hmf-gray800);
  --hmf-checkbox-base-checked-color: var(--hmf-gray800);
  --hmf-checkbox-base-color: var(--hmf-gray700);
  --hmf-checkbox-check-icon-dark: var(--hmf-gray500);
  --hmf-checkbox-check-icon-light: var(--hmf-gray50);
  --hmf-checkbox-checked-background: var(--hmf-gray900);
  --hmf-checkbox-checked-border-color: var(--hmf-gray900);
  --hmf-checkbox-disabled-color: var(--hmf-gray500);
  --hmf-checkbox-disabled-span-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-disabled-span-checked-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-checked-border-color: var(--hmf-gray200);
  --hmf-checkbox-error-color: var(--hmf-red600);
  --hmf-checkbox-error-span-background: var(--hmf-red100);
  --hmf-checkbox-error-span-border-color: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-background: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-border-color: var(--hmf-red600);
  --hmf-checkbox-focus-outline: 1px dashed var(--hmf-gray600);
  --hmf-checkbox-hover-span-background: var(--hmf-gray100);
  --hmf-checkbox-hover-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-hover-span-border: var(--hmf-gray900);
  --hmf-checkbox-hover-span-checked-background: var(--hmf-gray700);
  --hmf-checkbox-hover-span-checked-border-color: var(--hmf-gray700);
  --hmf-checkbox-span-background: var(--hmf-gray50);
  --hmf-checkbox-span-border: var(--hmf-gray600);
}
.quickview-container :root.hmf-gg-theme,
.quickview-container :root .hmf-gg-theme {
  --hmf-chip-font-size: var(--body-font-size-m);
  --hmf-chip-line-height: var(--body-line-height-m);
  --hmf-chip-font-weight: var(--font-primary-bold-weight);
  --hmf-chip-font-family: var(--font-primary);
  --hmf-chip-letter-spacing: var(--body-letter-spacing);
  --hmf-chip-background-color: var(--hmf-gray200);
  --hmf-chip-color: var(--hmf-gray900);
  --hmf-chip-hover-background-color: var(--hmf-gray400);
  --hmf-chip-focus-background-color: var(--hmf-gray400);
  --hmf-chip-focus-outline: 1px dashed var(--hmf-primary500);
}
.quickview-container :root, .quickview-container :root.hmf-gg-theme,
.quickview-container :root .hmf-gg-theme {
  --hmf-product-availability-cancel-icon-color: var(--hmf-red500);
  --hmf-product-availability-warning-icon-color: var(--hmf-yellow500);
  --hmf-product-availability-success-icon-color: var(--hmf-primary500);
}
.quickview-container :root, .quickview-container :root.hmf-gg-theme,
.quickview-container :root .hmf-gg-theme {
  --hmf-product-title-text-color: var(--hmf-gray900);
  --hmf-product-title-font-size: var(--label-font-size-l);
  --hmf-product-title-line-height: var(--label-line-height-l);
  --hmf-product-title-font-weight: 500;
  --hmf-product-title-font-family: var(--font-primary);
  --hmf-product-title-letter-spacing: var(--label-letter-spacing);
}
.quickview-container :root, .quickview-container :root.hmf-gg-theme,
.quickview-container :root .hmf-gg-theme {
  --hmf-promotion-text-color: var(--hmf-gray500);
  --hmf-promotion-font-weight: var(--font-primary-regular-weight);
  --hmf-promotion-font-family: var(--font-primary);
  --hmf-promotion-letter-spacing: var(--body-letter-spacing);
}
.quickview-container :root, .quickview-container :root.hmf-gg-theme,
.quickview-container :root .hmf-gg-theme {
  --hmf-recommendation-card-hover-color: var(--hmf-gray400);
  --hmf-recommendation-card-background-color: var(--hmf-gray50);
  --hmf-recommendation-card-text-color: var(--hmf-gray900);
  --hmf-recommendation-card-price-color: var(--hmf-gray500);
}
.quickview-container :root.hmf-gg-theme,
.quickview-container :root .hmf-gg-theme {
  --hmf-panel-font-size: var(--body-font-size-s);
  --hmf-panel-line-height: var(--body-line-height-s);
  --hmf-panel-font-weight: normal;
  --hmf-panel-font-family: var(--font-primary);
  --hmf-panel-letter-spacing: normal;
  --hmf-panel-content-background-color: var(--hmf-gray50);
  --hmf-panel-header-background-color: var(--hmf-gray100);
  --hmf-panel-overlay-background-color: var(--hmf-gray900);
  --hmf-panel-close-button-hover-background-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-background-color: var(--hmf-gray200);
  --hmf-panel-header-border-color: var(--hmf-gray100);
  --hmf-panel-close-button-hover-border-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-border-color: var(--hmf-gray200);
}
.quickview-container :root, .quickview-container :root.hmf-gg-theme,
.quickview-container :root .hmf-gg-theme {
  --hmf-sticky-banner-font-size: var(--body-font-size-s);
  --hmf-sticky-banner-line-height: var(--body-line-height-s);
  --hmf-sticky-banner-font-weight: normal;
  --hmf-sticky-banner-font-family: var(--font-primary);
  --hmf-sticky-banner-letter-spacing: normal;
  --hmf-sticky-banner-content-background-color: var(--hmf-gray50);
  --hmf-sticky-banner-content-border-color: var(--hmf-gray200);
}
.quickview-container :root, .quickview-container :root.hmf-gg-theme,
.quickview-container :root .hmf-gg-theme {
  --hmf-text-link-color: var(--hmf-gray900);
  --hmf-text-link-active-color: var(--hmf-gray600);
  --hmf-text-link-font-size: var(--body-font-size-m);
  --hmf-text-link-line-height: var(--body-line-height-m);
  --hmf-text-link-font-weight: var(--font-primary-regular-weight);
  --hmf-text-link-font-family: var(--font-primary);
  --hmf-text-link-letter-spacing: var(--body-letter-spacing);
}
.quickview-container :root, .quickview-container :root.hmf-gg-theme,
.quickview-container :root .hmf-gg-theme {
  --hmf-text-input-font-size: var(--body-font-size-m);
  --hmf-text-input-line-height: var(--body-line-height-m);
  --hmf-text-input-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-font-family: var(--font-primary);
  --hmf-text-input-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-text-area-font-size: var(--body-font-size-m);
  --hmf-text-input-text-area-line-height: var(--body-line-height-m);
  --hmf-text-input-text-area-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-text-area-font-family: var(--font-primary);
  --hmf-text-input-text-area-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-border: 1px solid var(--hmf-gray700);
  --hmf-text-input-background-color: var(--hmf-gray50);
  --hmf-text-input-input-color: var(--hmf-gray900);
  --hmf-text-input-input-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-focused-border: 1px solid var(--hmf-primary300);
  --hmf-text-input-disabled-background-color: var(--hmf-gray200);
  --hmf-text-input-disabled-color: var(--hmf-gray700);
  --hmf-text-input-disabled-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-label-color: var(--hmf-gray900);
  --hmf-text-input-color: var(--hmf-gray700);
  --hmf-text-input-error-label-color: var(--hmf-red700);
  --hmf-text-input-error-color: var(--hmf-red700);
  --hmf-text-input-error-border: 1px solid var(--hmf-red700);
  --hmf-text-input-error-background-color: rgb(230 108 70 / 0.2);
  --hmf-text-input-error-placeholder-color: var(--hmf-gray900);
  --hmf-text-input-error-svg-fill: var(--hmf-red700);
}
.quickview-container :root.hmf-mj-theme,
.quickview-container :root .hmf-mj-theme {
  --hmf-focus-outline: 1px dashed var(--hmf-secondary500);
}
.quickview-container :root.hmf-mj-theme,
.quickview-container :root .hmf-mj-theme {
  --hmf-background-base: var(--hmf-gray50);
  --hmf-background-base-subtle: var(--hmf-gray100);
  --hmf-background-inverse: var(--hmf-gray900);
  --hmf-background-inverse-subtle: var(--hmf-gray800);
  --hmf-background-primary: var(--hmf-gray700);
  --hmf-fill-base: var(--hmf-gray50);
  --hmf-fill-base-subtle: var(--hmf-gray100);
  --hmf-fill-base-prominent: var(--hmf-gray200);
  --hmf-fill-inverse: var(--hmf-gray900);
  --hmf-fill-inverse-subtle: var(--hmf-gray800);
  --hmf-fill-primary-static: var(--hmf-primary600);
  --hmf-fill-primary-hover: var(--hmf-primary700);
  --hmf-fill-primary-active: var(--hmf-primary500);
  --hmf-fill-secondary-static: var(--hmf-gray50);
  --hmf-fill-secondary-hover: var(--hmf-gray100);
  --hmf-fill-secondary-active: var(--hmf-gray200);
  --hmf-fill-tertiary-static: var(--hmf-gray900);
  --hmf-fill-tertiary-hover: var(--hmf-gray700);
  --hmf-fill-tertiary-active: var(--hmf-gray800);
  --hmf-fill-disabled: var(--hmf-gray500);
  --hmf-fill-disabled-subtle: var(--hmf-gray200);
  --hmf-fill-negative: var(--hmf-red600);
  --hmf-fill-negative-subtle: var(--hmf-red100);
  --hmf-fill-negative-static: var(--hmf-red600);
  --hmf-fill-negative-hover: var(--hmf-red800);
  --hmf-fill-negative-active: var(--hmf-red700);
  --hmf-fill-sale: var(--hmf-red600);
  --hmf-fill-warning: var(--hmf-yellow300);
  --hmf-fill-warning-subtle: var(--hmf-yellow50);
  --hmf-fill-positive: var(--hmf-secondary400);
  --hmf-fill-positive-subtle: var(--hmf-secondary100);
  --hmf-fill-marketing-static: var(--hmf-gray800);
  --hmf-fill-marketing-hover: var(--hmf-gray900);
  --hmf-fill-marketing-active: var(--hmf-gray700);
  --hmf-label-base: var(--hmf-gray900);
  --hmf-label-base-subtle: var(--hmf-gray800);
  --hmf-label-inverse-base: var(--hmf-gray50);
  --hmf-label-inverse-subtle: var(--hmf-gray100);
  --hmf-label-primary-static: var(--hmf-primary600);
  --hmf-label-primary-hover: var(--hmf-primary700);
  --hmf-label-primary-active: var(--hmf-primary500);
  --hmf-label-secondary-static: var(--hmf-gray900);
  --hmf-label-secondary-hover: var(--hmf-gray700);
  --hmf-label-secondary-active: var(--hmf-gray800);
  --hmf-label-secondary-subtle-static: var(--hmf-gray700);
  --hmf-label-secondary-subtle-hover: var(--hmf-gray900);
  --hmf-label-secondary-subtle-active: var(--hmf-gray800);
  --hmf-label-tertiary-static: var(--hmf-gray900);
  --hmf-label-tertiary-hover: var(--hmf-primary700);
  --hmf-label-tertiary-active: var(--hmf-primary500);
  --hmf-label-sale: var(--hmf-primary600);
  --hmf-label-disabled: var(--hmf-gray500);
  --hmf-label-disabled-subtle: var(--hmf-gray200);
  --hmf-label-negative: var(--hmf-red600);
  --hmf-label-positive: var(--hmf-secondary600);
  --hmf-label-warning: var(--hmf-yellow600);
  --hmf-label-marketing-static: var(--hmf-gray500);
  --hmf-label-marketing-hover: var(--hmf-gray100);
  --hmf-label-marketing-active: var(--hmf-gray200);
  --hmf-border-base: var(--hmf-gray300);
  --hmf-border-base-subtle: var(--hmf-gray200);
  --hmf-border-base-prominent: var(--hmf-gray400);
  --hmf-border-inverse: var(--hmf-gray900);
  --hmf-border-inverse-subtle: var(--hmf-gray700);
  --hmf-border-primary-static: var(--hmf-primary600);
  --hmf-border-primary-hover: var(--hmf-primary700);
  --hmf-border-primary-active: var(--hmf-primary500);
  --hmf-border-secondary-static: var(--hmf-gray900);
  --hmf-border-secondary-hover: var(--hmf-gray700);
  --hmf-border-secondary-active: var(--hmf-gray800);
  --hmf-border-secondary-subtle-static: var(--hmf-gray600);
  --hmf-border-secondary-subtle-hover: var(--hmf-gray400);
  --hmf-border-secondary-subtle-active: var(--hmf-gray500);
  --hmf-border-tertiary-static: var(--hmf-gray900);
  --hmf-border-tertiary-hover: var(--hmf-primary700);
  --hmf-border-tertiary-active: var(--hmf-primary500);
  --hmf-border-focused: var(--hmf-gray600);
  --hmf-border-inverse-focused: var(--hmf-gray50);
  --hmf-border-disabled: var(--hmf-gray500);
  --hmf-border-disabled-subtle: var(--hmf-gray200);
  --hmf-border-negative: var(--hmf-red600);
  --hmf-border-warning: var(--hmf-yellow500);
  --hmf-border-positive: var(--hmf-secondary600);
}
.quickview-container :root.hmf-mj-theme,
.quickview-container :root .hmf-mj-theme {
  --font-display: "Nunito Sans", sans-serif;
  --font-primary: "Nunito Sans", sans-serif;
  --font-label: "Nunito Sans", sans-serif;
  --font-primary-regular-weight: 400;
  --font-primary-bold-weight: 700;
  --font-display-weight: 900;
}
.quickview-container :root.hmf-mj-theme,
.quickview-container :root .hmf-mj-theme {
  /* DISPLAY TEXT */
  --display-font-size-m: 4.2rem;
  --display-line-height-m: 4.2rem;
  --display-font-size-xl: 8rem;
  --display-line-height-xl: 8rem;
  --display-font-size-xxl: 10rem;
  --display-line-height-xxl: 10rem;
}
.quickview-container :root.hmf-mj-theme,
.quickview-container :root .hmf-mj-theme {
  /* HEADERS */
  --header-text-transform: none;
  --header-letter-spacing: 0.1rem;
  --header-line-height-s: 2rem;
}
.quickview-container :root.hmf-mj-theme,
.quickview-container :root .hmf-mj-theme {
  --hmf-primary50: #fdf8f8;
  --hmf-primary100: #f6e2e4;
  --hmf-primary200: #f9c9cd;
  --hmf-primary300: #edb0b5;
  --hmf-primary400: #d97e86;
  --hmf-primary500: #ca5a64;
  --hmf-primary600: #a93338;
  --hmf-primary700: #90252e;
  --hmf-primary800: #4a1318;
  --hmf-primary900: #180708;
  --hmf-secondary50: #effff3;
  --hmf-secondary100: #c5f9d1;
  --hmf-secondary200: #8bf0a3;
  --hmf-secondary300: #70e28b;
  --hmf-secondary400: #46c864;
  --hmf-secondary500: #29873f;
  --hmf-secondary600: #196d2d;
  --hmf-secondary700: #195928;
  --hmf-secondary800: #133d1d;
  --hmf-secondary900: #0c2c14;
  --hmf-tertiary50: #fffdfc;
  --hmf-tertiary100: #ffeddd;
  --hmf-tertiary200: #ffcda0;
  --hmf-tertiary300: #ffa75a;
  --hmf-tertiary400: #fd7c0b;
  --hmf-tertiary500: #c65b0d;
  --hmf-tertiary600: #aa4d0a;
  --hmf-tertiary700: #823c09;
  --hmf-tertiary800: #6a3006;
  --hmf-tertiary900: #482104;
  --hmf-accent50: #fffdfc;
  --hmf-accent100: #ffeddd;
  --hmf-accent200: #ffcda0;
  --hmf-accent300: #ffa75a;
  --hmf-accent400: #fd7c0b;
  --hmf-accent500: #c65b0d;
  --hmf-accent600: #aa4d0a;
  --hmf-accent700: #823c09;
  --hmf-accent800: #6a3006;
  --hmf-accent900: #482104;
}
.quickview-container :root.hmf-mj-theme,
.quickview-container :root .hmf-mj-theme {
  /*********** GENERIC STYLING ***********/
  --hmf-button-border-radius: var(--hmf-sharp-radius);
  /*********** PRIMARY BUTTONS ***********/
  --hmf-button-primary-text-color: var(--hmf-gray50);
  --hmf-button-primary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-primary-background-color: var(--hmf-fill-primary-static);
  --hmf-button-primary-active-background-color: var(--hmf-fill-primary-active);
  --hmf-button-primary-hover-background-color: var(--hmf-fill-primary-hover);
  --hmf-button-primary-inactive-background-color: var(--hmf-gray300);
  --hmf-button-primary-border-color: var(--hmf-border-primary-static);
  --hmf-button-primary-active-border-color: var(--hmf-border-primary-active);
  --hmf-button-primary-hover-border-color: var(--hmf-border-primary-hover);
  --hmf-button-primary-inactive-border-color: var(--hmf-gray300);
  /*********** SECONDARY BUTTONS ***********/
  --hmf-button-secondary-text-color: var(--hmf-gray900);
  --hmf-button-secondary-active-text-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-text-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-secondary-background-color: var(--hmf-fill-secondary-static);
  --hmf-button-secondary-active-background-color: var(--hmf-fill-secondary-active);
  --hmf-button-secondary-hover-background-color: var(--hmf-fill-secondary-hover);
  --hmf-button-secondary-inactive-background-color: var(--hmf-gray50);
  --hmf-button-secondary-border-color: var(--hmf-border-secondary-static);
  --hmf-button-secondary-active-border-color: var(--hmf-border-secondary-active);
  --hmf-button-secondary-hover-border-color: var(--hmf-border-secondary-hover);
  --hmf-button-secondary-inactive-border-color: var(--hmf-gray400);
  /*********** TERTIARY BUTTONS ***********/
  --hmf-button-tertiary-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-hover-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-active-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-inactive-text-color: var(--hmf-gray500);
  --hmf-button-tertiary-background-color: var(--hmf-fill-secondary-static);
  --hmf-button-tertiary-active-background-color: var(--hmf-fill-secondary-active);
  --hmf-button-tertiary-hover-background-color: var(--hmf-fill-secondary-hover);
  --hmf-button-tertiary-inactive-background-color: var(--hmf-gray100);
  --hmf-button-tertiary-border-color: var(--hmf-fill-secondary-static);
  --hmf-button-tertiary-active-border-color: var(--hmf-fill-secondary-active);
  --hmf-button-tertiary-hover-border-color: var(--hmf-fill-secondary-hover);
  --hmf-button-tertiary-inactive-border-color: var(--hmf-gray100);
  /*********** MARKETING BUTTONS ***********/
  --hmf-button-marketing-text-color: var(--hmf-label-inverse-base);
  --hmf-button-marketing-inactive-text-color: var(--hmf-label-inverse-base);
  --hmf-button-marketing-hover-text-color: var(--hmf-label-inverse-base);
  --hmf-button-marketing-active-text-color: var(--hmf-label-inverse-base);
  --hmf-button-marketing-background-color: var(--hmf-fill-marketing-static);
  --hmf-button-marketing-active-background-color: var(--hmf-fill-marketing-active);
  --hmf-button-marketing-hover-background-color: var(--hmf-fill-marketing-hover);
  --hmf-button-marketing-inactive-background-color: var(--hmf-gray300);
  --hmf-button-marketing-border-color: var(--hmf-fill-marketing-static);
  --hmf-button-marketing-active-border-color: var(--hmf-fill-marketing-active);
  --hmf-button-marketing-hover-border-color: var(--hmf-fill-marketing-hover);
  --hmf-button-marketing-inactive-border-color: var(--hmf-gray300);
  /*********** DESTRUCTIVE BUTTONS ***********/
  --hmf-button-destructive-text-color: var(--hmf-label-inverse-base);
  --hmf-button-destructive-inactive-text-color: var(--hmf-label-disabled);
  --hmf-button-destructive-hover-text-color: var( --hmf-label-inverse-base);
  --hmf-button-destructive-active-text-color: var(--hmf-label-inverse-base);
  --hmf-button-destructive-background-color: var(--hmf-fill-negative-static);
  --hmf-button-destructive-active-background-color: var(--hmf-fill-negative-active);
  --hmf-button-destructive-hover-background-color: var(--hmf-fill-negative-hover);
  --hmf-button-destructive-inactive-background-color: var(--hmf-fill-disabled-subtle);
  --hmf-button-destructive-border-color: var(--hmf-fill-negative-static);
  --hmf-button-destructive-active-border-color: var(--hmf-fill-negative-active);
  --hmf-button-destructive-hover-border-color: var(--hmf-fill-negative-hover);
  --hmf-button-destructive-inactive-border-color: var(--hmf-fill-disabled-subtle);
}
.quickview-container :root, .quickview-container :root.hmf-mj-theme,
.quickview-container :root .hmf-mj-theme {
  --hmf-checkbox-active-background: var(--hmf-gray200);
  --hmf-checkbox-active-border-color: var(--hmf-gray500);
  --hmf-checkbox-active-checked-background: var(--hmf-gray800);
  --hmf-checkbox-active-checked-border-color: var(--hmf-gray800);
  --hmf-checkbox-base-checked-color: var(--hmf-gray800);
  --hmf-checkbox-base-color: var(--hmf-gray700);
  --hmf-checkbox-check-icon-dark: var(--hmf-gray500);
  --hmf-checkbox-check-icon-light: var(--hmf-gray50);
  --hmf-checkbox-checked-background: var(--hmf-gray900);
  --hmf-checkbox-checked-border-color: var(--hmf-gray900);
  --hmf-checkbox-disabled-color: var(--hmf-gray500);
  --hmf-checkbox-disabled-span-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-disabled-span-checked-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-checked-border-color: var(--hmf-gray200);
  --hmf-checkbox-error-color: var(--hmf-red600);
  --hmf-checkbox-error-span-background: var(--hmf-red100);
  --hmf-checkbox-error-span-border-color: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-background: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-border-color: var(--hmf-red600);
  --hmf-checkbox-focus-outline: 1px dashed var(--hmf-gray600);
  --hmf-checkbox-hover-span-background: var(--hmf-gray100);
  --hmf-checkbox-hover-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-hover-span-border: var(--hmf-gray900);
  --hmf-checkbox-hover-span-checked-background: var(--hmf-gray700);
  --hmf-checkbox-hover-span-checked-border-color: var(--hmf-gray700);
  --hmf-checkbox-span-background: var(--hmf-gray50);
  --hmf-checkbox-span-border: var(--hmf-gray600);
}
.quickview-container :root, .quickview-container :root.hmf-mj-theme,
.quickview-container :root .hmf-mj-theme {
  --hmf-chip-font-size: var(--body-font-size-m);
  --hmf-chip-line-height: var(--body-line-height-m);
  --hmf-chip-font-weight: var(--font-primary-bold-weight);
  --hmf-chip-font-family: var(--font-primary);
  --hmf-chip-letter-spacing: var(--body-letter-spacing);
  --hmf-chip-background-color: var(--hmf-gray200);
  --hmf-chip-color: var(--hmf-gray900);
  --hmf-chip-hover-background-color: var(--hmf-gray400);
  --hmf-chip-focus-background-color: var(--hmf-gray400);
  --hmf-chip-focus-outline: 1px dashed var(--hmf-primary500);
}
.quickview-container :root.hmf-mj-theme,
.quickview-container :root .hmf-mj-theme {
  --hmf-product-availability-cancel-icon-color: var(--hmf-red500);
  --hmf-product-availability-warning-icon-color: var(--hmf-tertiary900);
  --hmf-product-availability-success-icon-color: var(--hmf-secondary500);
}
.quickview-container :root.hmf-mj-theme,
.quickview-container :root .hmf-mj-theme {
  --hmf-product-title-text-color: var(--hmf-gray900);
  --hmf-product-title-font-size: var(--label-font-size-l);
  --hmf-product-title-line-height: var(--label-line-height-l);
  --hmf-product-title-font-weight: 500;
  --hmf-product-title-font-family: var(--font-primary);
  --hmf-product-title-letter-spacing: var(--label-letter-spacing);
}
.quickview-container :root.hmf-mj-theme,
.quickview-container :root .hmf-mj-theme {
  --hmf-promotion-text-color: var(--hmf-gray500);
  --hmf-promotion-font-weight: var(--font-primary-regular-weight);
  --hmf-promotion-font-family: var(--font-primary);
  --hmf-promotion-letter-spacing: var(--body-letter-spacing);
}
.quickview-container :root.hmf-mj-theme,
.quickview-container :root .hmf-mj-theme {
  --hmf-recommendation-card-hover-color: var(--hmf-gray400);
  --hmf-recommendation-card-background-color: var(--hmf-gray50);
  --hmf-recommendation-card-text-color: var(--hmf-gray900);
  --hmf-recommendation-card-price-color: var(--hmf-gray500);
}
.quickview-container :root, .quickview-container :root.hmf-mj-theme,
.quickview-container :root .hmf-mj-theme {
  --hmf-panel-font-size: var(--body-font-size-s);
  --hmf-panel-line-height: var(--body-line-height-s);
  --hmf-panel-font-weight: normal;
  --hmf-panel-font-family: var(--font-primary);
  --hmf-panel-letter-spacing: normal;
  --hmf-panel-content-background-color: var(--hmf-gray50);
  --hmf-panel-header-background-color: var(--hmf-gray100);
  --hmf-panel-overlay-background-color: var(--hmf-gray900);
  --hmf-panel-close-button-hover-background-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-background-color: var(--hmf-gray200);
  --hmf-panel-header-border-color: var(--hmf-gray100);
  --hmf-panel-close-button-hover-border-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-border-color: var(--hmf-gray200);
}
.quickview-container :root.hmf-mj-theme,
.quickview-container :root .hmf-mj-theme {
  --hmf-sticky-banner-font-size: var(--body-font-size-s);
  --hmf-sticky-banner-line-height: var(--body-line-height-s);
  --hmf-sticky-banner-font-weight: normal;
  --hmf-sticky-banner-font-family: var(--font-primary);
  --hmf-sticky-banner-letter-spacing: normal;
  --hmf-sticky-banner-content-background-color: var(--hmf-gray50);
  --hmf-sticky-banner-content-border-color: var(--hmf-gray200);
}
.quickview-container :root.hmf-mj-theme,
.quickview-container :root .hmf-mj-theme {
  --hmf-text-link-color: var(--hmf-gray900);
  --hmf-text-link-active-color: var(--hmf-gray600);
  --hmf-text-link-font-size: var(--body-font-size-m);
  --hmf-text-link-line-height: var(--body-line-height-m);
  --hmf-text-link-font-weight: var(--font-primary-regular-weight);
  --hmf-text-link-font-family: var(--font-primary);
  --hmf-text-link-letter-spacing: var(--body-letter-spacing);
}
.quickview-container :root, .quickview-container :root.hmf-mj-theme,
.quickview-container :root .hmf-mj-theme {
  --hmf-text-input-font-size: var(--body-font-size-m);
  --hmf-text-input-line-height: var(--body-line-height-m);
  --hmf-text-input-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-font-family: var(--font-primary);
  --hmf-text-input-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-text-area-font-size: var(--body-font-size-m);
  --hmf-text-input-text-area-line-height: var(--body-line-height-m);
  --hmf-text-input-text-area-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-text-area-font-family: var(--font-primary);
  --hmf-text-input-text-area-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-border: 1px solid var(--hmf-gray700);
  --hmf-text-input-background-color: var(--hmf-gray50);
  --hmf-text-input-input-color: var(--hmf-gray900);
  --hmf-text-input-input-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-focused-border: 1px solid var(--hmf-primary300);
  --hmf-text-input-disabled-background-color: var(--hmf-gray200);
  --hmf-text-input-disabled-color: var(--hmf-gray700);
  --hmf-text-input-disabled-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-label-color: var(--hmf-gray900);
  --hmf-text-input-color: var(--hmf-gray700);
  --hmf-text-input-error-label-color: var(--hmf-red700);
  --hmf-text-input-error-color: var(--hmf-red700);
  --hmf-text-input-error-border: 1px solid var(--hmf-red700);
  --hmf-text-input-error-background-color: rgb(230 108 70 / 0.2);
  --hmf-text-input-error-placeholder-color: var(--hmf-gray900);
  --hmf-text-input-error-svg-fill: var(--hmf-red700);
}
.quickview-container :root.hmf-mj-theme,
.quickview-container :root .hmf-mj-theme {
  --hmf-text-input-focused-border: 1px solid var(--hmf-border-secondary-active);
}
.quickview-container :root.hmf-pl-theme,
.quickview-container :root .hmf-pl-theme {
  --hmf-focus-outline: 1px dashed var(--hmf-secondary500);
}
.quickview-container :root.hmf-pl-theme,
.quickview-container :root .hmf-pl-theme {
  --hmf-background-base: var(--hmf-tertiary50);
  --hmf-background-base-subtle: var(--hmf-tertiary100);
  --hmf-background-inverse: var(--hmf-primary900);
  --hmf-background-inverse-subtle: var(--hmf-primary800);
  --hmf-background-primary: var(--hmf-primary700);
  --hmf-fill-base: var(--hmf-tertiary50);
  --hmf-fill-base-subtle: var(--hmf-tertiary100);
  --hmf-fill-base-prominent: var(--hmf-tertiary200);
  --hmf-fill-creative-primary: var(--hmf-primary800);
  --hmf-fill-inverse: var(--hmf-primary900);
  --hmf-fill-inverse-subtle: var(--hmf-primary800);
  --hmf-fill-primary-static: var(--hmf-primary800);
  --hmf-fill-primary-hover: var(--hmf-primary900);
  --hmf-fill-primary-active: var(--hmf-primary700);
  --hmf-fill-secondary-static: var(--hmf-tertiary50);
  --hmf-fill-secondary-static-subtle: var(--hmf-tertiary100);
  --hmf-fill-secondary-hover: var(--hmf-tertiary100);
  --hmf-fill-secondary-hover-subtle: var(--hmf-tertiary200);
  --hmf-fill-secondary-active: var(--hmf-tertiary200);
  --hmf-fill-secondary-active-subtle: var(--hmf-tertiary100);
  --hmf-fill-tertiary-static: var(--hmf-primary900);
  --hmf-fill-tertiary-hover: var(--hmf-primary700);
  --hmf-fill-tertiary-active: var(--hmf-primary800);
  --hmf-fill-disabled: var(--hmf-primary500);
  --hmf-fill-disabled-subtle: var(--hmf-primary200);
  --hmf-fill-negative: var(--hmf-red600);
  --hmf-fill-negative-subtle: var(--hmf-red100);
  --hmf-fill-negative-static: var(--hmf-red600);
  --hmf-fill-negative-hover: var(--hmf-red800);
  --hmf-fill-negative-active: var(--hmf-red700);
  --hmf-fill-sale: var(--hmf-red600);
  --hmf-fill-warning: var(--hmf-yellow300);
  --hmf-fill-warning-subtle: var(--hmf-yellow50);
  --hmf-fill-positive: var(--hmf-primary800);
  --hmf-fill-positive-subtle: var(--hmf-primary600);
  --hmf-fill-marketing-static: var(--hmf-accent100);
  --hmf-fill-marketing-hover: var(--hmf-accent50);
  --hmf-fill-marketing-active: var(--hmf-accent200);
  --hmf-fill-scorecard: var(--hmf-primary400);
  --hmf-fill-scorecard-subtle: var(--hmf-primary200);
  --hmf-fill-scorecard-gold: var(--hmf-gold300);
  --hmf-fill-scorecard-gold-subtle: var(--hmf-gold200);
  --hmf-fill-calia: var(--hmf-calia600);
  --hmf-fill-calia-subtle: var(--hmf-calia200);
  --hmf-fill-vrst: var(--hmf-vrst600);
  --hmf-fill-vrst-subtle: var(--hmf-vrst200);
  --hmf-label-base: var(--hmf-primary900);
  --hmf-label-base-subtle: var(--hmf-primary600);
  --hmf-label-inverse-base: var(--hmf-tertiary50);
  --hmf-label-inverse-subtle: var(--hmf-tertiary100);
  --hmf-label-primary-static: var(--hmf-primary600);
  --hmf-label-primary-hover: var(--hmf-primary700);
  --hmf-label-primary-active: var(--hmf-primary500);
  --hmf-label-secondary-static: var(--hmf-primary900);
  --hmf-label-secondary-hover: var(--hmf-primary700);
  --hmf-label-secondary-active: var(--hmf-primary800);
  --hmf-label-secondary-subtle-static: var(--hmf-primary600);
  --hmf-label-secondary-subtle-hover: var(--hmf-primary900);
  --hmf-label-secondary-subtle-active: var(--hmf-primary800);
  --hmf-label-tertiary-static: var(--hmf-primary900);
  --hmf-label-tertiary-hover: var(--hmf-primary600);
  --hmf-label-tertiary-active: var(--hmf-primary500);
  --hmf-label-sale: var(--hmf-red800);
  --hmf-label-disabled: var(--hmf-primary500);
  --hmf-label-disabled-subtle: var(--hmf-primary200);
  --hmf-label-negative: var(--hmf-red600);
  --hmf-label-positive: var(--hmf-accent600);
  --hmf-label-warning: var(--hmf-yellow600);
  --hmf-label-marketing-static: var(--hmf-primary800);
  --hmf-label-marketing-hover: var(--hmf-primary900);
  --hmf-label-marketing-active: var(--hmf-primary800);
  --hmf-label-scorecard: var(--hmf-primary600);
  --hmf-border-base: var(--hmf-primary100);
  --hmf-border-base-subtle: var(--hmf-primary50);
  --hmf-border-base-prominent: var(--hmf-primary300);
  --hmf-border-inverse: var(--hmf-gray900);
  --hmf-border-inverse-subtle: var(--hmf-gray700);
  --hmf-border-primary-static: var(--hmf-primary800);
  --hmf-border-primary-hover: var(--hmf-primary900);
  --hmf-border-primary-active: var(--hmf-primary700);
  --hmf-border-secondary-static: var(--hmf-primary900);
  --hmf-border-secondary-hover: var(--hmf-primary700);
  --hmf-border-secondary-active: var(--hmf-primary800);
  --hmf-border-secondary-subtle-static: var(--hmf-primary600);
  --hmf-border-secondary-subtle-hover: var(--hmf-primary400);
  --hmf-border-secondary-subtle-active: var(--hmf-primary500);
  --hmf-border-tertiary-static: var(--hmf-primary900);
  --hmf-border-tertiary-hover: var(--hmf-primary600);
  --hmf-border-tertiary-active: var(--hmf-primary500);
  --hmf-border-focused: var(--hmf-primary700);
  --hmf-border-inverse-focused: var(--hmf-tertiary50);
  --hmf-border-disabled: var(--hmf-primary500);
  --hmf-border-disabled-subtle: var(--hmf-primary200);
  --hmf-border-negative: var(--hmf-red600);
  --hmf-border-warning: var(--hmf-yellow500);
  --hmf-border-positive: var(--hmf-primary600);
  --hmf-border-scorecard-subtle: var(--hmf-primary100);
  --hmf-border-scorecard-gold: var(--hmf-gold400);
  --hmf-border-scorecard-gold-subtle: var(--hmf-gold100);
}
.quickview-container :root.hmf-pl-theme,
.quickview-container :root .hmf-pl-theme {
  --font-display: "Graphik Wide", sans-serif;
  --font-primary: "Graphik", sans-serif;
  --font-label: "Graphik Wide", sans-serif;
  --font-primary-regular-weight: 400;
  --font-primary-bold-weight: 700;
  --font-display-weight: 900;
}
.quickview-container :root.hmf-pl-theme,
.quickview-container :root .hmf-pl-theme {
  /* DISPLAY TEXT */
  --display-font-size-m: 4.2rem;
  --display-line-height-m: 4.2rem;
  --display-font-size-xl: 8rem;
  --display-line-height-xl: 8rem;
  --display-font-size-xxl: 10rem;
  --display-line-height-xxl: 10rem;
}
.quickview-container :root.hmf-pl-theme,
.quickview-container :root .hmf-pl-theme {
  /* HEADERS */
  --header-text-transform: none;
  --header-letter-spacing: 0.1rem;
  --header-line-height-s: 2rem;
}
.quickview-container :root.hmf-pl-theme,
.quickview-container :root .hmf-pl-theme {
  --hmf-primary50: #f8f9f5;
  --hmf-primary100: #e4e8d8;
  --hmf-primary200: #ced7cb;
  --hmf-primary300: #b6c3b1;
  --hmf-primary400: #889e8b;
  --hmf-primary500: #6c846f;
  --hmf-primary600: #4c6655;
  --hmf-primary700: #2d523f;
  --hmf-primary800: #002a19;
  --hmf-primary900: #000f08;
  --hmf-secondary50: #f8fbfc;
  --hmf-secondary100: #e0edf0;
  --hmf-secondary200: #bfd9de;
  --hmf-secondary300: #b3d2d8;
  --hmf-secondary400: #80b4bf;
  --hmf-secondary500: #4d95a5;
  --hmf-secondary600: #00687e;
  --hmf-secondary700: #00556b;
  --hmf-secondary800: #003a4e;
  --hmf-secondary900: #002a38;
  --hmf-tertiary50: #fff;
  --hmf-tertiary100: #f8f6f4;
  --hmf-tertiary200: #e2d6b9;
  --hmf-tertiary300: #cdb897;
  --hmf-tertiary400: #ba9979;
  --hmf-tertiary500: #a37859;
  --hmf-tertiary600: #8f674c;
  --hmf-tertiary700: #674a37;
  --hmf-tertiary800: #533c2c;
  --hmf-tertiary900: #2f2219;
  --hmf-accent50: #f5ffb8;
  --hmf-accent100: #e3ff36;
  --hmf-accent200: #c4f500;
  --hmf-accent300: #ace000;
  --hmf-accent400: #8bc700;
  --hmf-accent500: #6da300;
  --hmf-accent600: #527a00;
  --hmf-accent700: #3a5700;
  --hmf-accent800: #304700;
  --hmf-accent900: #1c2900;
}
.quickview-container :root, .quickview-container :root.hmf-pl-theme,
.quickview-container :root .hmf-pl-theme {
  /*********** GENERIC STYLING ***********/
  --hmf-button-border-radius: var(--hmf-sharp-radius);
  /*********** PRIMARY BUTTONS ***********/
  --hmf-button-primary-text-color: var(--hmf-gray50);
  --hmf-button-primary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-primary-background-color: var(--hmf-secondary500);
  --hmf-button-primary-active-background-color: var(--hmf-secondary700);
  --hmf-button-primary-hover-background-color: var(--hmf-secondary300);
  --hmf-button-primary-inactive-background-color: var(--hmf-gray300);
  --hmf-button-primary-border-color: var(--hmf-secondary500);
  --hmf-button-primary-hover-border-color: var(--hmf-secondary300);
  --hmf-button-primary-active-border-color: var(--hmf-secondary700);
  --hmf-button-primary-inactive-border-color: var(--hmf-gray300);
  /*********** SECONDARY BUTTONS ***********/
  --hmf-button-secondary-text-color: var(--hmf-gray900);
  --hmf-button-secondary-active-text-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-text-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-secondary-background-color: var(--hmf-gray50);
  --hmf-button-secondary-active-background-color: var(--hmf-gray400);
  --hmf-button-secondary-hover-background-color: var(--hmf-gray200);
  --hmf-button-secondary-inactive-background-color: var(--hmf-gray50);
  --hmf-button-secondary-border-color: var(--hmf-gray900);
  --hmf-button-secondary-active-border-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-border-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-border-color: var(--hmf-gray400);
  /*********** TERTIARY BUTTONS ***********/
  --hmf-button-tertiary-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-hover-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-active-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-inactive-text-color: var(--hmf-gray500);
  --hmf-button-tertiary-background-color: var(--hmf-fill-secondary-static);
  --hmf-button-tertiary-active-background-color: var(--hmf-fill-secondary-active);
  --hmf-button-tertiary-hover-background-color: var(--hmf-fill-secondary-hover);
  --hmf-button-tertiary-inactive-background-color: var(--hmf-gray100);
  --hmf-button-tertiary-border-color: var(--hmf-fill-secondary-static);
  --hmf-button-tertiary-active-border-color: var(--hmf-fill-secondary-active);
  --hmf-button-tertiary-hover-border-color: var(--hmf-fill-secondary-hover);
  --hmf-button-tertiary-inactive-border-color: var(--hmf-gray100);
  /*********** MARKETING BUTTONS ***********/
  --hmf-button-marketing-text-color: var(--hmf-gray50);
  --hmf-button-marketing-inactive-text-color: var(--hmf-gray600);
  --hmf-button-marketing-hover-text-color: var(--hmf-gray50);
  --hmf-button-marketing-active-text-color: var(--hmf-gray50);
  --hmf-button-marketing-background-color: var(--hmf-primary600);
  --hmf-button-marketing-active-background-color: var(--hmf-primary500);
  --hmf-button-marketing-hover-background-color: var(--hmf-primary300);
  --hmf-button-marketing-inactive-background-color: var(--hmf-gray300);
  --hmf-button-marketing-border-color: var(--hmf-primary600);
  --hmf-button-marketing-active-border-color: var(--hmf-primary500);
  --hmf-button-marketing-hover-border-color: var(--hmf-primary300);
  --hmf-button-marketing-inactive-border-color: var(--hmf-gray300);
  /*********** DESTRUCTIVE BUTTONS ***********/
  --hmf-button-destructive-text-color: var(--hmf-label-inverse-base);
  --hmf-button-destructive-inactive-text-color: var(--hmf-label-disabled);
  --hmf-button-destructive-hover-text-color: var( --hmf-label-inverse-base);
  --hmf-button-destructive-active-text-color: var(--hmf-label-inverse-base);
  --hmf-button-destructive-background-color: var(--hmf-fill-negative-static);
  --hmf-button-destructive-active-background-color: var(--hmf-fill-negative-active);
  --hmf-button-destructive-hover-background-color: var(--hmf-fill-negative-hover);
  --hmf-button-destructive-inactive-background-color: var(--hmf-fill-disabled-subtle);
  --hmf-button-destructive-border-color: var(--hmf-fill-negative-static);
  --hmf-button-destructive-active-border-color: var(--hmf-fill-negative-active);
  --hmf-button-destructive-hover-border-color: var(--hmf-fill-negative-hover);
  --hmf-button-destructive-inactive-border-color: var(--hmf-fill-disabled-subtle);
}
.quickview-container :root.hmf-pl-theme,
.quickview-container :root .hmf-pl-theme {
  /*********** PRIMARY BUTTONS ***********/
  --hmf-button-primary-background-color: var(--hmf-primary800);
  --hmf-button-primary-active-background-color: var(--hmf-primary900);
  --hmf-button-primary-hover-background-color: var(--hmf-primary700);
  --hmf-button-primary-border-color: var(--hmf-primary800);
  --hmf-button-primary-active-border-color: var(--hmf-primary900);
  /*********** MARKETING BUTTONS ***********/
  --hmf-button-marketing-text-color: var(--hmf-gray900);
  --hmf-button-marketing-inactive-text-color: var(--hmf-gray900);
  --hmf-button-marketing-hover-text-color: var(--hmf-gray900);
  --hmf-button-marketing-active-text-color: var(--hmf-gray900);
  --hmf-button-marketing-background-color: var(--hmf-accent100);
  --hmf-button-marketing-active-background-color: var(--hmf-accent200);
  --hmf-button-marketing-hover-background-color: var(--hmf-accent50);
  --hmf-button-marketing-border-color: var(--hmf-accent100);
  --hmf-button-marketing-active-border-color: var(--hmf-accent200);
  --hmf-button-marketing-hover-border-color: var(--hmf-accent50);
}
.quickview-container :root.hmf-pl-theme,
.quickview-container :root .hmf-pl-theme {
  --hmf-checkbox-active-background: var(--hmf-gray200);
  --hmf-checkbox-active-border-color: var(--hmf-gray500);
  --hmf-checkbox-active-checked-background: var(--hmf-gray800);
  --hmf-checkbox-active-checked-border-color: var(--hmf-gray800);
  --hmf-checkbox-base-checked-color: var(--hmf-gray800);
  --hmf-checkbox-base-color: var(--hmf-gray700);
  --hmf-checkbox-check-icon-dark: var(--hmf-gray500);
  --hmf-checkbox-check-icon-light: var(--hmf-gray50);
  --hmf-checkbox-checked-background: var(--hmf-gray900);
  --hmf-checkbox-checked-border-color: var(--hmf-gray900);
  --hmf-checkbox-disabled-color: var(--hmf-gray500);
  --hmf-checkbox-disabled-span-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-disabled-span-checked-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-checked-border-color: var(--hmf-gray200);
  --hmf-checkbox-error-color: var(--hmf-red600);
  --hmf-checkbox-error-span-background: var(--hmf-red100);
  --hmf-checkbox-error-span-border-color: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-background: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-border-color: var(--hmf-red600);
  --hmf-checkbox-focus-outline: 1px dashed var(--hmf-gray600);
  --hmf-checkbox-hover-span-background: var(--hmf-gray100);
  --hmf-checkbox-hover-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-hover-span-border: var(--hmf-gray900);
  --hmf-checkbox-hover-span-checked-background: var(--hmf-gray700);
  --hmf-checkbox-hover-span-checked-border-color: var(--hmf-gray700);
  --hmf-checkbox-span-background: var(--hmf-gray50);
  --hmf-checkbox-span-border: var(--hmf-gray600);
}
.quickview-container :root.hmf-pl-theme,
.quickview-container :root .hmf-pl-theme {
  --hmf-chip-font-size: var(--body-font-size-m);
  --hmf-chip-line-height: var(--body-line-height-m);
  --hmf-chip-font-weight: var(--font-primary-bold-weight);
  --hmf-chip-font-family: var(--font-primary);
  --hmf-chip-letter-spacing: var(--body-letter-spacing);
  --hmf-chip-background-color: var(--hmf-gray200);
  --hmf-chip-color: var(--hmf-gray900);
  --hmf-chip-hover-background-color: var(--hmf-gray400);
  --hmf-chip-focus-background-color: var(--hmf-gray400);
  --hmf-chip-focus-outline: 1px dashed var(--hmf-primary500);
}
.quickview-container :root, .quickview-container :root.hmf-pl-theme,
.quickview-container :root .hmf-pl-theme {
  --hmf-product-availability-cancel-icon-color: var(--hmf-red500);
  --hmf-product-availability-warning-icon-color: var(--hmf-yellow500);
  --hmf-product-availability-success-icon-color: var(--hmf-primary500);
}
.quickview-container :root.hmf-pl-theme,
.quickview-container :root .hmf-pl-theme {
  --hmf-product-availability-success-icon-color: var(--hmf-secondary500);
}
.quickview-container :root, .quickview-container :root.hmf-pl-theme,
.quickview-container :root .hmf-pl-theme {
  --hmf-product-title-text-color: var(--hmf-gray900);
  --hmf-product-title-font-size: var(--label-font-size-l);
  --hmf-product-title-line-height: var(--label-line-height-l);
  --hmf-product-title-font-weight: 500;
  --hmf-product-title-font-family: var(--font-primary);
  --hmf-product-title-letter-spacing: var(--label-letter-spacing);
}
.quickview-container :root, .quickview-container :root.hmf-pl-theme,
.quickview-container :root .hmf-pl-theme {
  --hmf-promotion-text-color: var(--hmf-gray500);
  --hmf-promotion-font-weight: var(--font-primary-regular-weight);
  --hmf-promotion-font-family: var(--font-primary);
  --hmf-promotion-letter-spacing: var(--body-letter-spacing);
}
.quickview-container :root, .quickview-container :root.hmf-pl-theme,
.quickview-container :root .hmf-pl-theme {
  --hmf-recommendation-card-hover-color: var(--hmf-gray400);
  --hmf-recommendation-card-background-color: var(--hmf-gray50);
  --hmf-recommendation-card-text-color: var(--hmf-gray900);
  --hmf-recommendation-card-price-color: var(--hmf-gray500);
}
.quickview-container :root.hmf-pl-theme,
.quickview-container :root .hmf-pl-theme {
  --hmf-panel-font-size: var(--body-font-size-s);
  --hmf-panel-line-height: var(--body-line-height-s);
  --hmf-panel-font-weight: normal;
  --hmf-panel-font-family: var(--font-primary);
  --hmf-panel-letter-spacing: normal;
  --hmf-panel-content-background-color: var(--hmf-gray50);
  --hmf-panel-header-background-color: var(--hmf-gray100);
  --hmf-panel-overlay-background-color: var(--hmf-gray900);
  --hmf-panel-close-button-hover-background-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-background-color: var(--hmf-gray200);
  --hmf-panel-header-border-color: var(--hmf-gray100);
  --hmf-panel-close-button-hover-border-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-border-color: var(--hmf-gray200);
}
.quickview-container :root, .quickview-container :root.hmf-pl-theme,
.quickview-container :root .hmf-pl-theme {
  --hmf-text-link-color: var(--hmf-gray900);
  --hmf-text-link-active-color: var(--hmf-gray600);
  --hmf-text-link-font-size: var(--body-font-size-m);
  --hmf-text-link-line-height: var(--body-line-height-m);
  --hmf-text-link-font-weight: var(--font-primary-regular-weight);
  --hmf-text-link-font-family: var(--font-primary);
  --hmf-text-link-letter-spacing: var(--body-letter-spacing);
}
.quickview-container :root, .quickview-container :root.hmf-pl-theme,
.quickview-container :root .hmf-pl-theme {
  --hmf-text-input-font-size: var(--body-font-size-m);
  --hmf-text-input-line-height: var(--body-line-height-m);
  --hmf-text-input-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-font-family: var(--font-primary);
  --hmf-text-input-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-text-area-font-size: var(--body-font-size-m);
  --hmf-text-input-text-area-line-height: var(--body-line-height-m);
  --hmf-text-input-text-area-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-text-area-font-family: var(--font-primary);
  --hmf-text-input-text-area-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-border: 1px solid var(--hmf-gray700);
  --hmf-text-input-background-color: var(--hmf-gray50);
  --hmf-text-input-input-color: var(--hmf-gray900);
  --hmf-text-input-input-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-focused-border: 1px solid var(--hmf-primary300);
  --hmf-text-input-disabled-background-color: var(--hmf-gray200);
  --hmf-text-input-disabled-color: var(--hmf-gray700);
  --hmf-text-input-disabled-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-label-color: var(--hmf-gray900);
  --hmf-text-input-color: var(--hmf-gray700);
  --hmf-text-input-error-label-color: var(--hmf-red700);
  --hmf-text-input-error-color: var(--hmf-red700);
  --hmf-text-input-error-border: 1px solid var(--hmf-red700);
  --hmf-text-input-error-background-color: rgb(230 108 70 / 0.2);
  --hmf-text-input-error-placeholder-color: var(--hmf-gray900);
  --hmf-text-input-error-svg-fill: var(--hmf-red700);
}
.quickview-container :root.hmf-vrst-theme,
.quickview-container :root .hmf-vrst-theme {
  --hmf-focus-outline: 1px dashed var(--hmf-gray400);
}
.quickview-container :root.hmf-vrst-theme,
.quickview-container :root .hmf-vrst-theme {
  --hmf-background-base: var(--hmf-gray50);
  --hmf-background-base-subtle: var(--hmf-gray100);
  --hmf-background-inverse: var(--hmf-gray900);
  --hmf-background-inverse-subtle: var(--hmf-gray800);
  --hmf-background-primary: var(--hmf-primary600);
  --hmf-fill-base: var(--hmf-gray50);
  --hmf-fill-base-subtle: var(--hmf-gray100);
  --hmf-fill-base-prominent: var(--hmf-gray200);
  --hmf-fill-inverse: var(--hmf-gray900);
  --hmf-fill-inverse-subtle: var(--hmf-gray700);
  --hmf-fill-primary-static: var(--hmf-secondary500);
  --hmf-fill-primary-hover: var(--hmf-secondary700);
  --hmf-fill-primary-active: var(--hmf-secondary600);
  --hmf-fill-secondary-static: var(--hmf-gray50);
  --hmf-fill-secondary-hover: var(--hmf-gray100);
  --hmf-fill-secondary-active: var(--hmf-gray200);
  --hmf-fill-tertiary-static: var(--hmf-gray900);
  --hmf-fill-tertiary-hover: var(--hmf-gray700);
  --hmf-fill-tertiary-active: var(--hmf-gray800);
  --hmf-fill-disabled: var(--hmf-gray500);
  --hmf-fill-disabled-subtle: var(--hmf-gray200);
  --hmf-fill-negative: var(--hmf-red600);
  --hmf-fill-negative-subtle: var(--hmf-red100);
  --hmf-fill-sale: var(--hmf-red600);
  --hmf-fill-warning: var(--hmf-yellow300);
  --hmf-fill-warning-subtle: var(--hmf-yellow50);
  --hmf-fill-positive: var(--hmf-primary500);
  --hmf-fill-positive-subtle: var(--hmf-primary100);
  --hmf-label-base: var(--hmf-gray900);
  --hmf-label-base-subtle: var(--hmf-gray600);
  --hmf-label-inverse-base: var(--hmf-gray50);
  --hmf-label-inverse-subtle: var(--hmf-gray100);
  --hmf-label-primary-static: var(--hmf-secondary500);
  --hmf-label-primary-hover: var(--hmf-secondary600);
  --hmf-label-primary-active: var(--hmf-secondary400);
  --hmf-label-secondary-static: var(--hmf-gray900);
  --hmf-label-secondary-hover: var(--hmf-gray700);
  --hmf-label-secondary-active: var(--hmf-gray800);
  --hmf-label-secondary-subtle-static: var(--hmf-gray600);
  --hmf-label-secondary-subtle-hover: var(--hmf-gray900);
  --hmf-label-secondary-subtle-active: var(--hmf-gray800);
  --hmf-label-tertiary-static: var(--hmf-gray900);
  --hmf-label-tertiary-hover: var(--hmf-secondary500);
  --hmf-label-tertiary-active: var(--hmf-secondary400);
  --hmf-label-sale: var(--hmf-red800);
  --hmf-label-disabled: var(--hmf-gray500);
  --hmf-label-disabled-subtle: var(--hmf-gray200);
  --hmf-label-negative: var(--hmf-red600);
  --hmf-label-warning: var(--hmf-yellow600);
  --hmf-border-base: var(--hmf-gray300);
  --hmf-border-base-subtle: var(--hmf-gray200);
  --hmf-border-inverse: var(--hmf-gray900);
  --hmf-border-inverse-subtle: var(--hmf-gray700);
  --hmf-border-primary-static: var(--hmf-secondary500);
  --hmf-border-primary-hover: var(--hmf-secondary600);
  --hmf-border-primary-active: var(--hmf-secondary400);
  --hmf-border-secondary-static: var(--hmf-gray900);
  --hmf-border-secondary-hover: var(--hmf-gray700);
  --hmf-border-secondary-active: var(--hmf-gray800);
  --hmf-border-secondary-subtle-static: var(--hmf-gray600);
  --hmf-border-secondary-subtle-hover: var(--hmf-gray400);
  --hmf-border-secondary-subtle-active: var(--hmf-gray500);
  --hmf-border-tertiary-static: var(--hmf-gray900);
  --hmf-border-tertiary-hover: var(--hmf-secondary500);
  --hmf-border-tertiary-active: var(--hmf-secondary400);
  --hmf-border-focused: var(--hmf-gray600);
  --hmf-border-inverse-focused: var(--hmf-gray50);
  --hmf-border-disabled: var(--hmf-gray500);
  --hmf-border-disabled-subtle: var(--hmf-gray200);
  --hmf-border-negative: var(--hmf-red600);
  --hmf-border-warning: var(--hmf-yellow500);
  --hmf-border-positive: var(--hmf-primary600);
}
.quickview-container :root.hmf-vrst-theme,
.quickview-container :root .hmf-vrst-theme {
  --font-display: "Tilde", sans-serif;
  --font-primary: "Tilde", sans-serif;
  --font-label: "Tilde", sans-serif;
  --font-primary-regular-weight: 400;
  --font-primary-bold-weight: 700;
  --font-display-weight: 900;
}
.quickview-container :root.hmf-vrst-theme,
.quickview-container :root .hmf-vrst-theme {
  /* BODY */
  --body-letter-spacing: 0.03rem;
}
.quickview-container :root.hmf-vrst-theme,
.quickview-container :root .hmf-vrst-theme {
  /* DISPLAY TEXT */
  --display-letter-spacing-xs: 0.05rem;
  --display-letter-spacing-s: 0.05rem;
  --display-letter-spacing-m: 0.05rem;
  --display-letter-spacing-l: 0.05rem;
  --display-font-size-xl: 10rem;
  --display-letter-spacing-xl: 0.05rem;
  --display-line-height-xl: 10rem;
  --display-font-size-xxl: 12rem;
  --display-letter-spacing-xxl: 0rem;
  --display-line-height-xxl: 12rem;
}
.quickview-container :root.hmf-vrst-theme,
.quickview-container :root .hmf-vrst-theme {
  /* HEADERS */
  --header-letter-spacing: 0rem;
}
.quickview-container :root.hmf-vrst-theme,
.quickview-container :root .hmf-vrst-theme {
  /* LABELS */
  --label-letter-spacing: 0.05rem;
}
.quickview-container :root.hmf-vrst-theme,
.quickview-container :root .hmf-vrst-theme {
  /* LEGAL */
  --legal-letter-spacing: 0.03rem;
}
.quickview-container :root.hmf-vrst-theme,
.quickview-container :root .hmf-vrst-theme {
  /* SUBHEADERS */
  --subhead-letter-spacing: 0rem;
}
.quickview-container :root.hmf-vrst-theme,
.quickview-container :root .hmf-vrst-theme {
  --hmf-primary50: #c4cad0;
  --hmf-primary100: #9aa3ac;
  --hmf-primary200: #7c878e;
  --hmf-primary300: #5b6770;
  --hmf-primary400: #404c53;
  --hmf-primary500: #333f48;
  --hmf-primary600: #2b3b46;
  --hmf-primary700: #1f2e38;
  --hmf-primary800: #162630;
  --hmf-primary900: #1d252d;
  --hmf-secondary50: #e6ecf0;
  --hmf-secondary100: #c2cfda;
  --hmf-secondary200: #99b0c2;
  --hmf-secondary300: #7090aa;
  --hmf-secondary400: #517897;
  --hmf-secondary500: #325f84;
  --hmf-secondary600: #2d587d;
  --hmf-secondary700: #264e72;
  --hmf-secondary800: #1f4468;
  --hmf-secondary900: #133355;
  --hmf-tertiary50: #f9efe9;
  --hmf-tertiary100: #f1d7c8;
  --hmf-tertiary200: #e8bda4;
  --hmf-tertiary300: #dea27f;
  --hmf-tertiary400: #d78e63;
  --hmf-tertiary500: #d07a48;
  --hmf-tertiary600: #cb7241;
  --hmf-tertiary700: #c46738;
  --hmf-tertiary800: #be5d30;
  --hmf-tertiary900: #b34a21;
  --hmf-accent50: #f9efe9;
  --hmf-accent100: #f1d7c8;
  --hmf-accent200: #e8bda4;
  --hmf-accent300: #dea27f;
  --hmf-accent400: #d78e63;
  --hmf-accent500: #d07a48;
  --hmf-accent600: #cb7241;
  --hmf-accent700: #c46738;
  --hmf-accent800: #be5d30;
  --hmf-accent900: #b34a21;
}
.quickview-container :root.hmf-vrst-theme,
.quickview-container :root .hmf-vrst-theme {
  /*********** GENERIC STYLING ***********/
  --hmf-button-border-radius: var(--hmf-sharp-radius);
  /*********** PRIMARY BUTTONS ***********/
  --hmf-button-primary-text-color: var(--hmf-gray50);
  --hmf-button-primary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-primary-background-color: var(--hmf-primary500);
  --hmf-button-primary-active-background-color: var(--hmf-primary600);
  --hmf-button-primary-hover-background-color: var(--hmf-primary400);
  --hmf-button-primary-inactive-background-color: var(--hmf-gray300);
  --hmf-button-primary-border-color: var(--hmf-primary500);
  --hmf-button-primary-hover-border-color: var(--hmf-primary400);
  --hmf-button-primary-active-border-color: var(--hmf-primary600);
  --hmf-button-primary-inactive-border-color: var(--hmf-gray300);
  /*********** SECONDARY BUTTONS ***********/
  --hmf-button-secondary-text-color: var(--hmf-gray900);
  --hmf-button-secondary-active-text-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-text-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-secondary-background-color: var(--hmf-gray50);
  --hmf-button-secondary-active-background-color: var(--hmf-gray400);
  --hmf-button-secondary-hover-background-color: var(--hmf-gray200);
  --hmf-button-secondary-inactive-background-color: var(--hmf-gray50);
  --hmf-button-secondary-border-color: var(--hmf-gray900);
  --hmf-button-secondary-active-border-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-border-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-border-color: var(--hmf-gray400);
  /*********** TERTIARY BUTTONS ***********/
  --hmf-button-tertiary-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-hover-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-active-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-inactive-text-color: var(--hmf-gray500);
  --hmf-button-tertiary-background-color: var(--hmf-gray50);
  --hmf-button-tertiary-hover-background-color: var(--hmf-gray50);
  --hmf-button-tertiary-active-background-color: var(--hmf-gray50);
  --hmf-button-tertiary-inactive-background-color: var(--hmf-gray100);
  --hmf-button-tertiary-border-color: var(--hmf-gray50);
  --hmf-button-tertiary-active-border-color: var(--hmf-gray50);
  --hmf-button-tertiary-hover-border-color: var(--hmf-gray50);
  --hmf-button-tertiary-inactive-border-color: var(--hmf-gray100);
  /*********** MARKETING BUTTONS ***********/
  --hmf-button-marketing-text-color: var(--hmf-gray50);
  --hmf-button-marketing-inactive-text-color: var(--hmf-gray50);
  --hmf-button-marketing-hover-text-color: var(--hmf-gray50);
  --hmf-button-marketing-active-text-color: var(--hmf-gray900);
  --hmf-button-marketing-background-color: var(--hmf-secondary500);
  --hmf-button-marketing-active-background-color: var(--hmf-secondary600);
  --hmf-button-marketing-hover-background-color: var(--hmf-secondary300);
  --hmf-button-marketing-inactive-background-color: var(--hmf-gray300);
  --hmf-button-marketing-border-color: var(--hmf-secondary500);
  --hmf-button-marketing-active-border-color: var(--hmf-secondary600);
  --hmf-button-marketing-hover-border-color: var(--hmf-secondary300);
  --hmf-button-marketing-inactive-border-color: var(--hmf-gray300);
}
.quickview-container :root, .quickview-container :root.hmf-vrst-theme,
.quickview-container :root .hmf-vrst-theme {
  --hmf-checkbox-active-background: var(--hmf-gray200);
  --hmf-checkbox-active-border-color: var(--hmf-gray500);
  --hmf-checkbox-active-checked-background: var(--hmf-gray800);
  --hmf-checkbox-active-checked-border-color: var(--hmf-gray800);
  --hmf-checkbox-base-checked-color: var(--hmf-gray800);
  --hmf-checkbox-base-color: var(--hmf-gray700);
  --hmf-checkbox-check-icon-dark: var(--hmf-gray500);
  --hmf-checkbox-check-icon-light: var(--hmf-gray50);
  --hmf-checkbox-checked-background: var(--hmf-gray900);
  --hmf-checkbox-checked-border-color: var(--hmf-gray900);
  --hmf-checkbox-disabled-color: var(--hmf-gray500);
  --hmf-checkbox-disabled-span-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-disabled-span-checked-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-checked-border-color: var(--hmf-gray200);
  --hmf-checkbox-error-color: var(--hmf-red600);
  --hmf-checkbox-error-span-background: var(--hmf-red100);
  --hmf-checkbox-error-span-border-color: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-background: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-border-color: var(--hmf-red600);
  --hmf-checkbox-focus-outline: 1px dashed var(--hmf-gray600);
  --hmf-checkbox-hover-span-background: var(--hmf-gray100);
  --hmf-checkbox-hover-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-hover-span-border: var(--hmf-gray900);
  --hmf-checkbox-hover-span-checked-background: var(--hmf-gray700);
  --hmf-checkbox-hover-span-checked-border-color: var(--hmf-gray700);
  --hmf-checkbox-span-background: var(--hmf-gray50);
  --hmf-checkbox-span-border: var(--hmf-gray600);
}
.quickview-container :root, .quickview-container :root.hmf-vrst-theme,
.quickview-container :root .hmf-vrst-theme {
  --hmf-chip-font-size: var(--body-font-size-m);
  --hmf-chip-line-height: var(--body-line-height-m);
  --hmf-chip-font-weight: var(--font-primary-bold-weight);
  --hmf-chip-font-family: var(--font-primary);
  --hmf-chip-letter-spacing: var(--body-letter-spacing);
  --hmf-chip-background-color: var(--hmf-gray200);
  --hmf-chip-color: var(--hmf-gray900);
  --hmf-chip-hover-background-color: var(--hmf-gray400);
  --hmf-chip-focus-background-color: var(--hmf-gray400);
  --hmf-chip-focus-outline: 1px dashed var(--hmf-primary500);
}
.quickview-container :root.hmf-vrst-theme,
.quickview-container :root .hmf-vrst-theme {
  --hmf-product-availability-cancel-icon-color: var(--hmf-red500);
  --hmf-product-availability-warning-icon-color: var(--hmf-yellow500);
  --hmf-product-availability-success-icon-color: var(--hmf-secondary500);
}
.quickview-container :root.hmf-vrst-theme,
.quickview-container :root .hmf-vrst-theme {
  --hmf-product-title-text-color: var(--hmf-gray900);
  --hmf-product-title-font-size: var(--label-font-size-l);
  --hmf-product-title-line-height: var(--label-line-height-l);
  --hmf-product-title-font-weight: 500;
  --hmf-product-title-font-family: var(--font-primary);
  --hmf-product-title-letter-spacing: var(--label-letter-spacing);
}
.quickview-container :root.hmf-vrst-theme,
.quickview-container :root .hmf-vrst-theme {
  --hmf-promotion-text-color: var(--hmf-gray500);
  --hmf-promotion-font-weight: var(--font-primary-regular-weight);
  --hmf-promotion-font-family: var(--font-primary);
  --hmf-promotion-letter-spacing: var(--body-letter-spacing);
}
.quickview-container :root.hmf-vrst-theme,
.quickview-container :root .hmf-vrst-theme {
  --hmf-recommendation-card-hover-color: var(--hmf-gray400);
  --hmf-recommendation-card-background-color: var(--hmf-gray50);
  --hmf-recommendation-card-text-color: var(--hmf-gray900);
  --hmf-recommendation-card-price-color: var(--hmf-gray500);
}
.quickview-container :root, .quickview-container :root.hmf-vrst-theme,
.quickview-container :root .hmf-vrst-theme {
  --hmf-panel-font-size: var(--body-font-size-s);
  --hmf-panel-line-height: var(--body-line-height-s);
  --hmf-panel-font-weight: normal;
  --hmf-panel-font-family: var(--font-primary);
  --hmf-panel-letter-spacing: normal;
  --hmf-panel-content-background-color: var(--hmf-gray50);
  --hmf-panel-header-background-color: var(--hmf-gray100);
  --hmf-panel-overlay-background-color: var(--hmf-gray900);
  --hmf-panel-close-button-hover-background-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-background-color: var(--hmf-gray200);
  --hmf-panel-header-border-color: var(--hmf-gray100);
  --hmf-panel-close-button-hover-border-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-border-color: var(--hmf-gray200);
}
.quickview-container :root.hmf-vrst-theme,
.quickview-container :root .hmf-vrst-theme {
  --hmf-sticky-banner-font-size: var(--body-font-size-s);
  --hmf-sticky-banner-line-height: var(--body-line-height-s);
  --hmf-sticky-banner-font-weight: normal;
  --hmf-sticky-banner-font-family: var(--font-primary);
  --hmf-sticky-banner-letter-spacing: normal;
  --hmf-sticky-banner-content-background-color: var(--hmf-gray50);
  --hmf-sticky-banner-content-border-color: var(--hmf-gray200);
}
.quickview-container :root.hmf-vrst-theme,
.quickview-container :root .hmf-vrst-theme {
  --hmf-text-link-color: var(--hmf-gray900);
  --hmf-text-link-active-color: var(--hmf-gray600);
  --hmf-text-link-font-size: var(--body-font-size-m);
  --hmf-text-link-line-height: var(--body-line-height-m);
  --hmf-text-link-font-weight: var(--font-primary-regular-weight);
  --hmf-text-link-font-family: var(--font-primary);
  --hmf-text-link-letter-spacing: var(--body-letter-spacing);
}
.quickview-container :root, .quickview-container :root.hmf-vrst-theme,
.quickview-container :root .hmf-vrst-theme {
  --hmf-text-input-font-size: var(--body-font-size-m);
  --hmf-text-input-line-height: var(--body-line-height-m);
  --hmf-text-input-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-font-family: var(--font-primary);
  --hmf-text-input-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-text-area-font-size: var(--body-font-size-m);
  --hmf-text-input-text-area-line-height: var(--body-line-height-m);
  --hmf-text-input-text-area-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-text-area-font-family: var(--font-primary);
  --hmf-text-input-text-area-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-border: 1px solid var(--hmf-gray700);
  --hmf-text-input-background-color: var(--hmf-gray50);
  --hmf-text-input-input-color: var(--hmf-gray900);
  --hmf-text-input-input-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-focused-border: 1px solid var(--hmf-primary300);
  --hmf-text-input-disabled-background-color: var(--hmf-gray200);
  --hmf-text-input-disabled-color: var(--hmf-gray700);
  --hmf-text-input-disabled-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-label-color: var(--hmf-gray900);
  --hmf-text-input-color: var(--hmf-gray700);
  --hmf-text-input-error-label-color: var(--hmf-red700);
  --hmf-text-input-error-color: var(--hmf-red700);
  --hmf-text-input-error-border: 1px solid var(--hmf-red700);
  --hmf-text-input-error-background-color: rgb(230 108 70 / 0.2);
  --hmf-text-input-error-placeholder-color: var(--hmf-gray900);
  --hmf-text-input-error-svg-fill: var(--hmf-red700);
}
.quickview-container :root.hmf-enterprise-theme,
.quickview-container :root .hmf-enterprise-theme {
  --hmf-focus-outline-color: var(--hmf-primary500);
}
.quickview-container :root.hmf-enterprise-theme,
.quickview-container :root .hmf-enterprise-theme {
  --hmf-background-base: var(--hmf-gray100);
  --hmf-background-base-subtle: var(--hmf-gray50);
  --hmf-background-inverse: var(--hmf-gray900);
  --hmf-background-inverse-subtle: var(--hmf-gray800);
  --hmf-background-primary: var(--hmf-secondary500);
  --hmf-fill-base: var(--hmf-gray50);
  --hmf-fill-base-subtle: var(--hmf-gray100);
  --hmf-fill-base-prominent: var(--hmf-gray200);
  --hmf-fill-creative-primary: var(--hmf-primary600);
  --hmf-fill-inverse: var(--hmf-gray900);
  --hmf-fill-inverse-subtle: var(--hmf-gray800);
  --hmf-fill-primary-static: var(--hmf-primary500);
  --hmf-fill-primary-hover: var(--hmf-primary600);
  --hmf-fill-primary-active: var(--hmf-primary400);
  --hmf-fill-secondary-static: var(--hmf-gray50);
  --hmf-fill-secondary-static-subtle: var(--hmf-gray100);
  --hmf-fill-secondary-hover: var(--hmf-gray100);
  --hmf-fill-secondary-hover-subtle: var(--hmf-gray200);
  --hmf-fill-secondary-active: var(--hmf-gray200);
  --hmf-fill-secondary-active-subtle: var(--hmf-gray100);
  --hmf-fill-tertiary-static: var(--hmf-gray700);
  --hmf-fill-tertiary-hover: var(--hmf-gray900);
  --hmf-fill-tertiary-active: var(--hmf-gray800);
  --hmf-fill-disabled: var(--hmf-gray400);
  --hmf-fill-disabled-subtle: var(--hmf-gray200);
  --hmf-fill-negative: var(--hmf-accent600);
  --hmf-fill-negative-subtle: var(--hmf-accent200);
  --hmf-fill-negative-static: var(--hmf-accent600);
  --hmf-fill-negative-hover: var(--hmf-accent800);
  --hmf-fill-negative-active: var(--hmf-accent700);
  --hmf-fill-sale: var(--hmf-red600);
  --hmf-fill-warning: var(--hmf-tertiary400);
  --hmf-fill-warning-subtle: var(--hmf-tertiary100);
  --hmf-fill-positive: var(--hmf-primary400);
  --hmf-fill-positive-subtle: var(--hmf-primary100);
  --hmf-fill-marketing-static: var(--hmf-primary600);
  --hmf-fill-marketing-hover: var(--hmf-primary700);
  --hmf-fill-marketing-active: var(--hmf-primary500);
  --hmf-fill-scorecard: var(--hmf-primary400);
  --hmf-fill-scorecard-subtle: var(--hmf-primary200);
  --hmf-fill-scorecard-gold: var(--hmf-gold300);
  --hmf-fill-scorecard-gold-subtle: var(--hmf-gold200);
  --hmf-fill-calia: var(--hmf-calia600);
  --hmf-fill-calia-subtle: var(--hmf-calia200);
  --hmf-fill-vrst: var(--hmf-vrst600);
  --hmf-fill-vrst-subtle: var(--hmf-vrst200);
  --hmf-label-base: var(--hmf-gray900);
  --hmf-label-base-subtle: var(--hmf-gray600);
  --hmf-label-inverse-base: var(--hmf-gray50);
  --hmf-label-inverse-subtle: var(--hmf-gray100);
  --hmf-label-primary-static: var(--hmf-primary600);
  --hmf-label-primary-hover: var(--hmf-primary700);
  --hmf-label-primary-active: var(--hmf-primary500);
  --hmf-label-secondary-static: var(--hmf-gray900);
  --hmf-label-secondary-hover: var(--hmf-gray700);
  --hmf-label-secondary-active: var(--hmf-gray800);
  --hmf-label-secondary-subtle-static: var(--hmf-gray600);
  --hmf-label-secondary-subtle-hover: var(--hmf-gray900);
  --hmf-label-secondary-subtle-active: var(--hmf-gray800);
  --hmf-label-tertiary-static: var(--hmf-gray900);
  --hmf-label-tertiary-hover: var(--hmf-primary500);
  --hmf-label-tertiary-active: var(--hmf-primary600);
  --hmf-label-sale: var(--hmf-accent800);
  --hmf-label-disabled: var(--hmf-gray400);
  --hmf-label-disabled-subtle: var(--hmf-gray200);
  --hmf-label-negative: var(--hmf-accent600);
  --hmf-label-positive: var(--hmf-primary600);
  --hmf-label-warning: var(--hmf-tertiary600);
  --hmf-label-marketing-static: var(--hmf-gray50);
  --hmf-label-marketing-hover: var(--hmf-gray100);
  --hmf-label-marketing-active: var(--hmf-gray100);
  --hmf-label-scorecard: var(--hmf-primary600);
  --hmf-border-base: var(--hmf-gray300);
  --hmf-border-base-subtle: var(--hmf-gray200);
  --hmf-border-base-prominent: var(--hmf-gray400);
  --hmf-border-inverse: var(--hmf-gray900);
  --hmf-border-inverse-subtle: var(--hmf-gray800);
  --hmf-border-primary-static: var(--hmf-primary500);
  --hmf-border-primary-hover: var(--hmf-primary700);
  --hmf-border-primary-active: var(--hmf-primary500);
  --hmf-border-secondary-static: var(--hmf-gray900);
  --hmf-border-secondary-hover: var(--hmf-gray700);
  --hmf-border-secondary-active: var(--hmf-gray800);
  --hmf-border-secondary-subtle-static: var(--hmf-gray600);
  --hmf-border-secondary-subtle-hover: var(--hmf-gray400);
  --hmf-border-secondary-subtle-active: var(--hmf-gray500);
  --hmf-border-tertiary-static: var(--hmf-gray900);
  --hmf-border-tertiary-hover: var(--hmf-primary500);
  --hmf-border-tertiary-active: var(--hmf-primary600);
  --hmf-border-focused: var(--hmf-primary500);
  --hmf-border-inverse-focused: var(--hmf-gray50);
  --hmf-border-disabled: var(--hmf-gray400);
  --hmf-border-disabled-subtle: var(--hmf-gray200);
  --hmf-border-negative: var(--hmf-accent600);
  --hmf-border-warning: var(--hmf-tertiary600);
  --hmf-border-positive: var(--hmf-primary500);
  --hmf-border-scorecard-subtle: var(--hmf-primary100);
  --hmf-border-scorecard-gold: var(--hmf-gold400);
  --hmf-border-scorecard-gold-subtle: var(--hmf-gold100);
}
.quickview-container :root.hmf-enterprise-theme,
.quickview-container :root .hmf-enterprise-theme {
  --font-display: "Archivo", sans-serif;
  --font-primary-regular-weight: 500;
  --font-display-weight: 900;
}
.quickview-container :root.hmf-enterprise-theme,
.quickview-container :root .hmf-enterprise-theme {
  --hmf-primary50: #f3fbf6;
  --hmf-primary100: #d6f2de;
  --hmf-primary200: #afe8c9;
  --hmf-primary300: #6fcc9b;
  --hmf-primary400: #34ad6c;
  --hmf-primary500: #138058;
  --hmf-primary600: #006554;
  --hmf-primary700: #005343;
  --hmf-primary800: #00493a;
  --hmf-primary900: #00291e;
  --hmf-secondary50: #e5fff5;
  --hmf-secondary100: #b3ffe0;
  --hmf-secondary200: #1affa2;
  --hmf-secondary300: #00e688;
  --hmf-secondary400: #00b36a;
  --hmf-secondary500: #00804c;
  --hmf-secondary600: #00663d;
  --hmf-secondary700: #005733;
  --hmf-secondary800: #004d2d;
  --hmf-secondary900: #001a0f;
  --hmf-tertiary50: #fdf9f1;
  --hmf-tertiary100: #f8e6c7;
  --hmf-tertiary200: #f5d6a0;
  --hmf-tertiary300: #f0bd65;
  --hmf-tertiary400: #eba42b;
  --hmf-tertiary500: #c88513;
  --hmf-tertiary600: #976211;
  --hmf-tertiary700: #6e440c;
  --hmf-tertiary800: #5b380b;
  --hmf-tertiary900: #32210b;
  --hmf-accent50: #fff9f5;
  --hmf-accent100: #fff0e7;
  --hmf-accent200: #fad6c7;
  --hmf-accent300: #f5bba7;
  --hmf-accent400: #eb8666;
  --hmf-accent500: #e66c46;
  --hmf-accent600: #be4324;
  --hmf-accent700: #96240d;
  --hmf-accent800: #7f1e0b;
  --hmf-accent900: #4b1206;
}
.quickview-container :root.hmf-enterprise-theme,
.quickview-container :root .hmf-enterprise-theme {
  /* Base Styles */
  --ag-font-family: var(--font-primary);
  --ag-row-border-color: var(--hmf-border-base);
  --ag-odd-row-background-color: var(--hmf-fill-base-subtle);
  --ag-even-row-background-color: var(--hmf-fill-base);
  --ag-focus-shadow: none;
  /* Header Styles */
  --ag-header-background-color: var(--hmf-fill-base);
  --ag-header-font-size: var(--typography-body-links-medium-size, 14px);
  --ag-header-font-weight: var(--typography-body-links-weights-bold, 700);
  --ag-header-letter-spacing: var(--Typography-Letter-Spacing, 0px);
  --ag-header-line-height: var(--typography-body-links-medium-line-height, 19.6px);
  --ag-header-column-resize-handle-height: 60%;
  --ag-header-column-resize-handle-width: 1px;
  --ag-header-column-resize-handle-color: var(--hmf-border-base);
  /* Checkbox Styles */
  --ag-checkbox-border-radius: 0;
  --ag-checkbox-border-color: var(--hmf-border-secondary-subtle-static);
  --ag-checkbox-checked-background-color: var(--hmf-fill-secondary-static);
}
.quickview-container :root.hmf-enterprise-theme .ag-root-wrapper,
.quickview-container :root .hmf-enterprise-theme .ag-root-wrapper {
  border-bottom-left-radius: 0;
  border-left: none;
  border-top-left-radius: 0;
}
.quickview-container :root.hmf-enterprise-theme .error .ag-checkbox-input-wrapper,
.quickview-container :root .hmf-enterprise-theme .error .ag-checkbox-input-wrapper {
  background-color: var(--hmf-fill-negative-subtle);
  border-color: var(--hmf-label-negative) !important;
}
.quickview-container :root.hmf-enterprise-theme .error .ag-checkbox-input-wrapper.ag-checked, .quickview-container :root.hmf-enterprise-theme .error .ag-checkbox-input-wrapper.ag-indeterminate,
.quickview-container :root .hmf-enterprise-theme .error .ag-checkbox-input-wrapper.ag-checked,
.quickview-container :root .hmf-enterprise-theme .error .ag-checkbox-input-wrapper.ag-indeterminate {
  background-color: var(--hmf-label-negative) !important;
}
.quickview-container :root.hmf-enterprise-theme .ag-checkbox-input-wrapper.ag-checked, .quickview-container :root.hmf-enterprise-theme .ag-checkbox-input-wrapper.ag-indeterminate,
.quickview-container :root .hmf-enterprise-theme .ag-checkbox-input-wrapper.ag-checked,
.quickview-container :root .hmf-enterprise-theme .ag-checkbox-input-wrapper.ag-indeterminate {
  background-color: var(--hmf-fill-tertiary-static);
  border: 1px solid var(--hmf-fill-tertiary-static);
}
.quickview-container :root.hmf-enterprise-theme .ag-checkbox-input-wrapper.ag-checked:hover, .quickview-container :root.hmf-enterprise-theme .ag-checkbox-input-wrapper.ag-indeterminate:hover,
.quickview-container :root .hmf-enterprise-theme .ag-checkbox-input-wrapper.ag-checked:hover,
.quickview-container :root .hmf-enterprise-theme .ag-checkbox-input-wrapper.ag-indeterminate:hover {
  background-color: var(--hmf-fill-tertiary-static);
  border: 1px solid var(--hmf-fill-tertiary-static);
}
.quickview-container :root.hmf-enterprise-theme .ag-checkbox-input-wrapper:hover,
.quickview-container :root .hmf-enterprise-theme .ag-checkbox-input-wrapper:hover {
  border: 2px solid var(--hmf-label-secondary-active);
}
.quickview-container :root.hmf-enterprise-theme .ag-checkbox-input-wrapper:disabled,
.quickview-container :root .hmf-enterprise-theme .ag-checkbox-input-wrapper:disabled {
  background: var(--hmf-fill-disabled-subtle);
  border: 1px solid var(--hmf-border-disabled);
}
.quickview-container :root.hmf-enterprise-theme .ag-checkbox-input-wrapper:disabled.ag-checked, .quickview-container :root.hmf-enterprise-theme .ag-checkbox-input-wrapper:disabled.ag-indeterminate,
.quickview-container :root .hmf-enterprise-theme .ag-checkbox-input-wrapper:disabled.ag-checked,
.quickview-container :root .hmf-enterprise-theme .ag-checkbox-input-wrapper:disabled.ag-indeterminate {
  border: 1px solid var(--hmf-border-disabled);
}
.quickview-container :root.hmf-enterprise-theme .ag-checkbox-input-wrapper:hover:disabled, .quickview-container :root.hmf-enterprise-theme .ag-checkbox-input:hover:disabled,
.quickview-container :root .hmf-enterprise-theme .ag-checkbox-input-wrapper:hover:disabled,
.quickview-container :root .hmf-enterprise-theme .ag-checkbox-input:hover:disabled {
  cursor: not-allowed !important;
}
.quickview-container :root.hmf-enterprise-theme,
.quickview-container :root .hmf-enterprise-theme {
  /*********** GENERIC STYLING ***********/
  --hmf-button-border-radius: var(--hmf-sharp-radius);
  /*********** PRIMARY BUTTONS ***********/
  --hmf-button-primary-text-color: var(--hmf-gray50);
  --hmf-button-primary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-primary-background-color: var(--hmf-primary500);
  --hmf-button-primary-active-background-color: var(--hmf-primary400);
  --hmf-button-primary-hover-background-color: var(--hmf-primary300);
  --hmf-button-primary-inactive-background-color: var(--hmf-gray300);
  --hmf-button-primary-border-color: var(--hmf-primary500);
  --hmf-button-primary-hover-border-color: var(--hmf-primary300);
  --hmf-button-primary-active-border-color: var(--hmf-primary400);
  --hmf-button-primary-inactive-border-color: var(--hmf-gray300);
  /*********** SECONDARY BUTTONS ***********/
  --hmf-button-secondary-text-color: var(--hmf-gray900);
  --hmf-button-secondary-active-text-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-text-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-secondary-background-color: var(--hmf-gray50);
  --hmf-button-secondary-active-background-color: var(--hmf-gray400);
  --hmf-button-secondary-hover-background-color: var(--hmf-gray200);
  --hmf-button-secondary-inactive-background-color: var(--hmf-gray50);
  --hmf-button-secondary-border-color: var(--hmf-gray900);
  --hmf-button-secondary-active-border-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-border-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-border-color: var(--hmf-gray400);
  /*********** TERTIARY BUTTONS ***********/
  --hmf-button-tertiary-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-hover-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-active-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-inactive-text-color: var(--hmf-gray500);
  --hmf-button-tertiary-background-color: var(--hmf-fill-secondary-static);
  --hmf-button-tertiary-active-background-color: var(--hmf-fill-secondary-active);
  --hmf-button-tertiary-hover-background-color: var(--hmf-fill-secondary-hover);
  --hmf-button-tertiary-inactive-background-color: var(--hmf-gray100);
  --hmf-button-tertiary-border-color: var(--hmf-fill-secondary-static);
  --hmf-button-tertiary-active-border-color: var(--hmf-fill-secondary-active);
  --hmf-button-tertiary-hover-border-color: var(--hmf-fill-secondary-hover);
  --hmf-button-tertiary-inactive-border-color: var(--hmf-gray100);
  /*********** MARKETING BUTTONS ***********/
  --hmf-button-marketing-text-color: var(--hmf-gray50);
  --hmf-button-marketing-inactive-text-color: var(--hmf-gray50);
  --hmf-button-marketing-hover-text-color: var(--hmf-gray50);
  --hmf-button-marketing-active-text-color: var(--hmf-gray900);
  --hmf-button-marketing-background-color: var(--hmf-gray900);
  --hmf-button-marketing-active-background-color: var(--hmf-gray800);
  --hmf-button-marketing-hover-background-color: var(--hmf-gray700);
  --hmf-button-marketing-inactive-background-color: var(--hmf-gray300);
  --hmf-button-marketing-border-color: var(--hmf-gray900);
  --hmf-button-marketing-active-border-color: var(--hmf-gray800);
  --hmf-button-marketing-hover-border-color: var(--hmf-gray700);
  --hmf-button-marketing-inactive-border-color: var(--hmf-gray300);
  /*********** DESTRUCTIVE BUTTONS ***********/
  --hmf-button-destructive-text-color: var(--hmf-label-inverse-base);
  --hmf-button-destructive-inactive-text-color: var(--hmf-label-disabled);
  --hmf-button-destructive-hover-text-color: var( --hmf-label-inverse-base);
  --hmf-button-destructive-active-text-color: var(--hmf-label-inverse-base);
  --hmf-button-destructive-background-color: var(--hmf-fill-negative-static);
  --hmf-button-destructive-active-background-color: var(--hmf-fill-negative-active);
  --hmf-button-destructive-hover-background-color: var(--hmf-fill-negative-hover);
  --hmf-button-destructive-inactive-background-color: var(--hmf-fill-disabled-subtle);
  --hmf-button-destructive-border-color: var(--hmf-fill-negative-static);
  --hmf-button-destructive-active-border-color: var(--hmf-fill-negative-active);
  --hmf-button-destructive-hover-border-color: var(--hmf-fill-negative-hover);
  --hmf-button-destructive-inactive-border-color: var(--hmf-fill-disabled-subtle);
}
.quickview-container :root, .quickview-container :root.hmf-enterprise-theme,
.quickview-container :root .hmf-enterprise-theme {
  --hmf-checkbox-active-background: var(--hmf-gray200);
  --hmf-checkbox-active-border-color: var(--hmf-gray500);
  --hmf-checkbox-active-checked-background: var(--hmf-gray800);
  --hmf-checkbox-active-checked-border-color: var(--hmf-gray800);
  --hmf-checkbox-base-checked-color: var(--hmf-gray800);
  --hmf-checkbox-base-color: var(--hmf-gray700);
  --hmf-checkbox-check-icon-dark: var(--hmf-gray500);
  --hmf-checkbox-check-icon-light: var(--hmf-gray50);
  --hmf-checkbox-checked-background: var(--hmf-gray900);
  --hmf-checkbox-checked-border-color: var(--hmf-gray900);
  --hmf-checkbox-disabled-color: var(--hmf-gray500);
  --hmf-checkbox-disabled-span-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-disabled-span-checked-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-checked-border-color: var(--hmf-gray200);
  --hmf-checkbox-error-color: var(--hmf-red600);
  --hmf-checkbox-error-span-background: var(--hmf-red100);
  --hmf-checkbox-error-span-border-color: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-background: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-border-color: var(--hmf-red600);
  --hmf-checkbox-focus-outline: 1px dashed var(--hmf-gray600);
  --hmf-checkbox-hover-span-background: var(--hmf-gray100);
  --hmf-checkbox-hover-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-hover-span-border: var(--hmf-gray900);
  --hmf-checkbox-hover-span-checked-background: var(--hmf-gray700);
  --hmf-checkbox-hover-span-checked-border-color: var(--hmf-gray700);
  --hmf-checkbox-span-background: var(--hmf-gray50);
  --hmf-checkbox-span-border: var(--hmf-gray600);
}
.quickview-container :root, .quickview-container :root.hmf-enterprise-theme,
.quickview-container :root .hmf-enterprise-theme {
  --hmf-chip-font-size: var(--body-font-size-m);
  --hmf-chip-line-height: var(--body-line-height-m);
  --hmf-chip-font-weight: var(--font-primary-bold-weight);
  --hmf-chip-font-family: var(--font-primary);
  --hmf-chip-letter-spacing: var(--body-letter-spacing);
  --hmf-chip-background-color: var(--hmf-gray200);
  --hmf-chip-color: var(--hmf-gray900);
  --hmf-chip-hover-background-color: var(--hmf-gray400);
  --hmf-chip-focus-background-color: var(--hmf-gray400);
  --hmf-chip-focus-outline: 1px dashed var(--hmf-primary500);
}
.quickview-container :root.hmf-enterprise-theme,
.quickview-container :root .hmf-enterprise-theme {
  --hmf-product-availability-cancel-icon-color: var(--hmf-red500);
  --hmf-product-availability-warning-icon-color: var(--hmf-yellow500);
  --hmf-product-availability-success-icon-color: var(--hmf-primary500);
}
.quickview-container :root.hmf-enterprise-theme,
.quickview-container :root .hmf-enterprise-theme {
  --hmf-product-title-text-color: var(--hmf-gray900);
  --hmf-product-title-font-size: var(--label-font-size-l);
  --hmf-product-title-line-height: var(--label-line-height-l);
  --hmf-product-title-font-weight: 500;
  --hmf-product-title-font-family: var(--font-primary);
  --hmf-product-title-letter-spacing: var(--label-letter-spacing);
}
.quickview-container :root.hmf-enterprise-theme,
.quickview-container :root .hmf-enterprise-theme {
  --hmf-promotion-text-color: var(--hmf-gray500);
  --hmf-promotion-font-weight: var(--font-primary-regular-weight);
  --hmf-promotion-font-family: var(--font-primary);
  --hmf-promotion-letter-spacing: var(--body-letter-spacing);
}
.quickview-container :root.hmf-enterprise-theme,
.quickview-container :root .hmf-enterprise-theme {
  --hmf-recommendation-card-hover-color: var(--hmf-gray400);
  --hmf-recommendation-card-background-color: var(--hmf-gray50);
  --hmf-recommendation-card-text-color: var(--hmf-gray900);
  --hmf-recommendation-card-price-color: var(--hmf-gray500);
}
.quickview-container :root, .quickview-container :root.hmf-enterprise-theme,
.quickview-container :root .hmf-enterprise-theme {
  --hmf-panel-font-size: var(--body-font-size-s);
  --hmf-panel-line-height: var(--body-line-height-s);
  --hmf-panel-font-weight: normal;
  --hmf-panel-font-family: var(--font-primary);
  --hmf-panel-letter-spacing: normal;
  --hmf-panel-content-background-color: var(--hmf-gray50);
  --hmf-panel-header-background-color: var(--hmf-gray100);
  --hmf-panel-overlay-background-color: var(--hmf-gray900);
  --hmf-panel-close-button-hover-background-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-background-color: var(--hmf-gray200);
  --hmf-panel-header-border-color: var(--hmf-gray100);
  --hmf-panel-close-button-hover-border-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-border-color: var(--hmf-gray200);
}
.quickview-container :root.hmf-enterprise-theme,
.quickview-container :root .hmf-enterprise-theme {
  --hmf-sticky-banner-font-size: var(--body-font-size-s);
  --hmf-sticky-banner-line-height: var(--body-line-height-s);
  --hmf-sticky-banner-font-weight: normal;
  --hmf-sticky-banner-font-family: var(--font-primary);
  --hmf-sticky-banner-letter-spacing: normal;
  --hmf-sticky-banner-content-background-color: var(--hmf-gray50);
  --hmf-sticky-banner-content-border-color: var(--hmf-gray200);
}
.quickview-container :root.hmf-enterprise-theme,
.quickview-container :root .hmf-enterprise-theme {
  --hmf-text-link-color: var(--hmf-gray900);
  --hmf-text-link-active-color: var(--hmf-gray600);
  --hmf-text-link-font-size: var(--body-font-size-m);
  --hmf-text-link-line-height: var(--body-line-height-m);
  --hmf-text-link-font-weight: var(--font-primary-regular-weight);
  --hmf-text-link-font-family: var(--font-primary);
  --hmf-text-link-letter-spacing: var(--body-letter-spacing);
}
.quickview-container :root, .quickview-container :root.hmf-enterprise-theme,
.quickview-container :root .hmf-enterprise-theme {
  --hmf-text-input-font-size: var(--body-font-size-m);
  --hmf-text-input-line-height: var(--body-line-height-m);
  --hmf-text-input-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-font-family: var(--font-primary);
  --hmf-text-input-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-text-area-font-size: var(--body-font-size-m);
  --hmf-text-input-text-area-line-height: var(--body-line-height-m);
  --hmf-text-input-text-area-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-text-area-font-family: var(--font-primary);
  --hmf-text-input-text-area-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-border: 1px solid var(--hmf-gray700);
  --hmf-text-input-background-color: var(--hmf-gray50);
  --hmf-text-input-input-color: var(--hmf-gray900);
  --hmf-text-input-input-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-focused-border: 1px solid var(--hmf-primary300);
  --hmf-text-input-disabled-background-color: var(--hmf-gray200);
  --hmf-text-input-disabled-color: var(--hmf-gray700);
  --hmf-text-input-disabled-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-label-color: var(--hmf-gray900);
  --hmf-text-input-color: var(--hmf-gray700);
  --hmf-text-input-error-label-color: var(--hmf-red700);
  --hmf-text-input-error-color: var(--hmf-red700);
  --hmf-text-input-error-border: 1px solid var(--hmf-red700);
  --hmf-text-input-error-background-color: rgb(230 108 70 / 0.2);
  --hmf-text-input-error-placeholder-color: var(--hmf-gray900);
  --hmf-text-input-error-svg-fill: var(--hmf-red700);
}
.quickview-container .calia-react-header-scope .quickview-container {
  overflow: hidden !important;
}
@keyframes slideIn {
  0% {
    right: -40%;
  }
  100% {
    right: 0;
  }
}
.quickview-container .calia-react-header-scope .quickview {
  background-color: var(--hmf-background-base);
  float: right;
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  position: fixed;
  right: 0;
  top: 0;
  width: 40%;
  z-index: 106;
}
.quickview-container .calia-react-header-scope .quickview.slide-in {
  animation-duration: 0.4s;
  animation-name: slideIn;
}
.quickview-container .calia-react-header-scope .quickview :focus {
  outline: 1px dashed var(--theme-focus-outline-color);
}
.quickview-container .calia-react-header-scope .quickview .close {
  border: none;
  background-color: var(--hmf-background-inverse);
  cursor: pointer;
  right: 0;
  top: 0;
}
.quickview-container .calia-react-header-scope .quickview .close svg path {
  fill: var(--hmf-fill-base-subtle);
}
@media (max-width: 768px) {
  .quickview-container .calia-react-header-scope .quickview {
    width: 100%;
  }
}
.quickview-container :root {
  /*********** GENERAL STYLES ***********/
  --chain: "dsg";
  --hmf-focus-outline: 1px dashed var(--hmf-primary600);
}
.quickview-container :root,
.quickview-container :root .hmf-dsg-theme {
  --hmf-background-base: var(--hmf-gray50);
  --hmf-background-base-subtle: var(--hmf-gray100);
  --hmf-background-inverse: var(--hmf-gray900);
  --hmf-background-inverse-subtle: var(--hmf-gray800);
  --hmf-background-primary: var(--hmf-primary600);
  --hmf-fill-base: var(--hmf-gray50);
  --hmf-fill-base-subtle: var(--hmf-gray100);
  --hmf-fill-base-prominent: var(--hmf-gray200);
  --hmf-fill-creative-primary: var(--hmf-primary600);
  --hmf-fill-inverse: var(--hmf-gray900);
  --hmf-fill-inverse-subtle: var(--hmf-gray700);
  --hmf-fill-primary-static: var(--hmf-secondary500);
  --hmf-fill-primary-hover: var(--hmf-secondary700);
  --hmf-fill-primary-active: var(--hmf-secondary600);
  --hmf-fill-secondary-static: var(--hmf-gray50);
  --hmf-fill-secondary-static-subtle: var(--hmf-gray100);
  --hmf-fill-secondary-hover: var(--hmf-gray100);
  --hmf-fill-secondary-hover-subtle: var(--hmf-gray200);
  --hmf-fill-secondary-active: var(--hmf-gray200);
  --hmf-fill-secondary-active-subtle: var(--hmf-gray100);
  --hmf-fill-tertiary-static: var(--hmf-gray900);
  --hmf-fill-tertiary-hover: var(--hmf-gray700);
  --hmf-fill-tertiary-active: var(--hmf-gray800);
  --hmf-fill-disabled: var(--hmf-gray500);
  --hmf-fill-disabled-subtle: var(--hmf-gray200);
  --hmf-fill-negative: var(--hmf-red600);
  --hmf-fill-negative-subtle: var(--hmf-red100);
  --hmf-fill-negative-static: var(--hmf-red600);
  --hmf-fill-negative-hover: var(--hmf-red800);
  --hmf-fill-negative-active: var(--hmf-red700);
  --hmf-fill-sale: var(--hmf-red600);
  --hmf-fill-warning: var(--hmf-yellow300);
  --hmf-fill-warning-subtle: var(--hmf-yellow50);
  --hmf-fill-positive: var(--hmf-primary500);
  --hmf-fill-positive-subtle: var(--hmf-primary100);
  --hmf-fill-marketing-static: var(--hmf-primary600);
  --hmf-fill-marketing-hover: var(--hmf-primary700);
  --hmf-fill-marketing-active: var(--hmf-primary500);
  --hmf-fill-scorecard: var(--hmf-primary400);
  --hmf-fill-scorecard-subtle: var(--hmf-primary200);
  --hmf-fill-scorecard-gold: var(--hmf-gold300);
  --hmf-fill-scorecard-gold-subtle: var(--hmf-gold200);
  --hmf-fill-calia: var(--hmf-calia600);
  --hmf-fill-calia-subtle: var(--hmf-calia200);
  --hmf-fill-vrst: var(--hmf-vrst600);
  --hmf-fill-vrst-subtle: var(--hmf-vrst200);
  --hmf-label-base: var(--hmf-gray900);
  --hmf-label-base-subtle: var(--hmf-gray600);
  --hmf-label-inverse-base: var(--hmf-gray50);
  --hmf-label-inverse-subtle: var(--hmf-gray100);
  --hmf-label-primary-static: var(--hmf-secondary500);
  --hmf-label-primary-hover: var(--hmf-secondary600);
  --hmf-label-primary-active: var(--hmf-secondary400);
  --hmf-label-secondary-static: var(--hmf-gray900);
  --hmf-label-secondary-hover: var(--hmf-gray700);
  --hmf-label-secondary-active: var(--hmf-gray800);
  --hmf-label-secondary-subtle-static: var(--hmf-gray600);
  --hmf-label-secondary-subtle-hover: var(--hmf-gray900);
  --hmf-label-secondary-subtle-active: var(--hmf-gray800);
  --hmf-label-tertiary-static: var(--hmf-gray900);
  --hmf-label-tertiary-hover: var(--hmf-secondary500);
  --hmf-label-tertiary-active: var(--hmf-secondary400);
  --hmf-label-sale: var(--hmf-red800);
  --hmf-label-disabled: var(--hmf-gray500);
  --hmf-label-disabled-subtle: var(--hmf-gray200);
  --hmf-label-negative: var(--hmf-red600);
  --hmf-label-positive: var(--hmf-primary600);
  --hmf-label-warning: var(--hmf-yellow600);
  --hmf-label-marketing-static: var(--hmf-gray50);
  --hmf-label-marketing-hover: var(--hmf-gray100);
  --hmf-label-marketing-active: var(--hmf-gray100);
  --hmf-label-scorecard: var(--hmf-primary600);
  --hmf-border-base: var(--hmf-gray300);
  --hmf-border-base-subtle: var(--hmf-gray200);
  --hmf-border-base-prominent: var(--hmf-gray400);
  --hmf-border-inverse: var(--hmf-gray900);
  --hmf-border-inverse-subtle: var(--hmf-gray700);
  --hmf-border-primary-static: var(--hmf-secondary500);
  --hmf-border-primary-hover: var(--hmf-secondary600);
  --hmf-border-primary-active: var(--hmf-secondary400);
  --hmf-border-secondary-static: var(--hmf-gray900);
  --hmf-border-secondary-hover: var(--hmf-gray700);
  --hmf-border-secondary-active: var(--hmf-gray800);
  --hmf-border-secondary-subtle-static: var(--hmf-gray600);
  --hmf-border-secondary-subtle-hover: var(--hmf-gray400);
  --hmf-border-secondary-subtle-active: var(--hmf-gray500);
  --hmf-border-tertiary-static: var(--hmf-gray900);
  --hmf-border-tertiary-hover: var(--hmf-secondary500);
  --hmf-border-tertiary-active: var(--hmf-secondary400);
  --hmf-border-focused: var(--hmf-gray600);
  --hmf-border-inverse-focused: var(--hmf-gray50);
  --hmf-border-disabled: var(--hmf-gray500);
  --hmf-border-disabled-subtle: var(--hmf-gray200);
  --hmf-border-negative: var(--hmf-red600);
  --hmf-border-warning: var(--hmf-yellow500);
  --hmf-border-positive: var(--hmf-primary600);
  --hmf-border-scorecard-subtle: var(--hmf-primary100);
  --hmf-border-scorecard-gold: var(--hmf-gold400);
  --hmf-border-scorecard-gold-subtle: var(--hmf-gold100);
}
.quickview-container :root {
  /*********** TYPOGRAPHY ***********/
  --font-display: "DSG Sans Black", sans-serif;
  --font-display-outline: "DSG Sans Outline", sans-serif;
  --font-primary: "Archivo", sans-serif;
  --font-label: "Archivo", sans-serif;
  --font-primary-regular-weight: 400;
  --font-primary-bold-weight: 700;
  --font-display-weight: 700;
}
.quickview-container :root {
  /* BODY */
  --body-letter-spacing: 0.05rem;
  --body-font-size-s: 1.2rem;
  --body-line-height-s: 1.8rem;
  --body-font-size-m: 1.4rem;
  --body-line-height-m: 2.1rem;
  --body-font-size-l: 1.6rem;
  --body-line-height-l: 2.4rem;
}
.quickview-container :root {
  /* DISPLAY TEXT */
  --display-text-transform: uppercase;
  --display-font-size-xs: 2.4rem;
  --display-letter-spacing-xs: 0.1rem;
  --display-line-height-xs: 2.4rem;
  --display-font-size-s: 3.2rem;
  --display-letter-spacing-s: 0.1rem;
  --display-line-height-s: 3.2rem;
  --display-font-size-m: 4.8rem;
  --display-letter-spacing-m: 0.2rem;
  --display-line-height-m: 4.8rem;
  --display-font-size-l: 6.4rem;
  --display-letter-spacing-l: 0.2rem;
  --display-line-height-l: 6.4rem;
  --display-font-size-xl: 10rem;
  --display-letter-spacing-xl: 0.2rem;
  --display-line-height-xl: 10rem;
  --display-font-size-xxl: 14rem;
  --display-letter-spacing-xxl: 0.1rem;
  --display-line-height-xxl: 14rem;
}
.quickview-container :root {
  /* HEADERS */
  --header-text-transform: none;
  --header-letter-spacing: 0.05rem;
  --header-font-size-xs: 1.4rem;
  --header-line-height-xs: 1.6rem;
  --header-font-size-s: 1.6rem;
  --header-line-height-s: 1.8rem;
  --header-font-size-m: 2rem;
  --header-line-height-m: 2.3rem;
  --header-font-size-l: 2.4rem;
  --header-line-height-l: 2.7rem;
  --header-font-size-xl: 3.2rem;
  --header-line-height-xl: 3.6rem;
}
.quickview-container :root {
  /* LABELS */
  --label-letter-spacing: 0.15rem;
  --label-text-transform: uppercase;
  --label-font-size-xs: 1rem;
  --label-line-height-xs: 1rem;
  --label-font-size-s: 1.2rem;
  --label-line-height-s: 1.2rem;
  --label-font-size-m: 1.4rem;
  --label-line-height-m: 1.4rem;
  --label-font-size-l: 1.6rem;
  --label-line-height-l: 1.6rem;
}
.quickview-container :root {
  /* LEGAL */
  --legal-letter-spacing: 0.05rem;
  --legal-font-size-xs: 1.1rem;
  --legal-line-height-xs: 1.4rem;
  --legal-font-size-s: 1.2rem;
  --legal-line-height-s: 1.6rem;
}
.quickview-container :root {
  /* SUBHEADERS */
  --subhead-letter-spacing: 0.05rem;
  --subhead-font-size-s: 1.2rem;
  --subhead-line-height-s: 1.4rem;
  --subhead-font-size-m: 1.4rem;
  --subhead-line-height-m: 1.6rem;
  --subhead-font-size-l: 1.6rem;
  --subhead-line-height-l: 1.8rem;
}
.quickview-container :root,
.quickview-container :root .hmf-dsg-theme {
  --hmf-primary50: #f4faf9;
  --hmf-primary100: #d1ebe6;
  --hmf-primary200: #b3ddd6;
  --hmf-primary300: #80c6ba;
  --hmf-primary400: #4daf9e;
  --hmf-primary500: #008d75;
  --hmf-primary600: #006554;
  --hmf-primary700: #005343;
  --hmf-primary800: #00493a;
  --hmf-primary900: #00291e;
  --hmf-secondary50: #fdf9f7;
  --hmf-secondary100: #f7ebe2;
  --hmf-secondary200: #ebcdb8;
  --hmf-secondary300: #deaf8c;
  --hmf-secondary400: #d28356;
  --hmf-secondary500: #bb5811;
  --hmf-secondary600: #b5500f;
  --hmf-secondary700: #8a2905;
  --hmf-secondary800: #762304;
  --hmf-secondary900: #451402;
  --hmf-tertiary50: #f9fafb;
  --hmf-tertiary100: #e2e6ea;
  --hmf-tertiary200: #d3d9df;
  --hmf-tertiary300: #b7c1ca;
  --hmf-tertiary400: #8798a7;
  --hmf-tertiary500: #5b748a;
  --hmf-tertiary600: #3a5c78;
  --hmf-tertiary700: #335069;
  --hmf-tertiary800: #0f314f;
  --hmf-tertiary900: #041326;
  --hmf-accent50: #fef8f0;
  --hmf-accent100: #fef3e5;
  --hmf-accent200: #fccb95;
  --hmf-accent300: #fab66a;
  --hmf-accent400: #f8972a;
  --hmf-accent500: #f3690f;
  --hmf-accent600: #b94e09;
  --hmf-accent700: #833706;
  --hmf-accent800: #702f05;
  --hmf-accent900: #3f1b03;
}
.quickview-container :root {
  --homefield-breakpoint-xs: 0px;
  --homefield-breakpoint-s: 375px;
  --homefield-breakpoint-m: 768px;
  --homefield-breakpoint-l: 1280px;
  --homefield-breakpoint-xl: 1440px;
}
.quickview-container .hmf-h-25 {
  height: 25%;
}
.quickview-container .hmf-h-50 {
  height: 50%;
}
.quickview-container .hmf-h-75 {
  height: 75%;
}
.quickview-container .hmf-h-100 {
  height: 100%;
}
.quickview-container .hmf-w-25 {
  width: 25%;
}
.quickview-container .hmf-w-50 {
  width: 50%;
}
.quickview-container .hmf-w-75 {
  width: 75%;
}
.quickview-container .hmf-w-100 {
  width: 100%;
}
.quickview-container .hmf-col {
  box-sizing: border-box;
  padding-left: 12px;
  padding-right: 12px;
  padding-left: 12px;
  padding-right: 12px;
}
@media (min-width: 375px) {
  .quickview-container .hmf-col {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 375px) {
  .quickview-container .hmf-col {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 480px) {
  .quickview-container .hmf-col {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 768px) {
  .quickview-container .hmf-col {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 768px) {
  .quickview-container .hmf-col {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 1024px) {
  .quickview-container .hmf-col {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 1280px) {
  .quickview-container .hmf-col {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 1280px) {
  .quickview-container .hmf-col {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 1440px) {
  .quickview-container .hmf-col {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 1440px) {
  .quickview-container .hmf-col {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.quickview-container .hmf-grid {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
}
.quickview-container .hmf-grid > hr {
  border: 0 !important;
  content: "" !important;
  font-size: 0 !important;
  height: 0 !important;
  width: 100% !important;
}
.quickview-container .hmf-span-0 {
  width: 0%;
}
.quickview-container .hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}
.quickview-container .hmf-span-xs-0 {
  width: 0% !important;
}
.quickview-container .hmf-offset-xs-0 {
  margin-left: 0% !important;
  margin-right: 0% !important;
}
.quickview-container .hmf-span-1 {
  width: 8.3333333333%;
}
.quickview-container .hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}
.quickview-container .hmf-span-xs-1 {
  width: 8.3333333333% !important;
}
.quickview-container .hmf-offset-xs-1 {
  margin-left: 8.3333333333% !important;
  margin-right: 8.3333333333% !important;
}
.quickview-container .hmf-span-2 {
  width: 16.6666666667%;
}
.quickview-container .hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}
.quickview-container .hmf-span-xs-2 {
  width: 16.6666666667% !important;
}
.quickview-container .hmf-offset-xs-2 {
  margin-left: 16.6666666667% !important;
  margin-right: 16.6666666667% !important;
}
.quickview-container .hmf-span-3 {
  width: 25%;
}
.quickview-container .hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}
.quickview-container .hmf-span-xs-3 {
  width: 25% !important;
}
.quickview-container .hmf-offset-xs-3 {
  margin-left: 25% !important;
  margin-right: 25% !important;
}
.quickview-container .hmf-span-4 {
  width: 33.3333333333%;
}
.quickview-container .hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}
.quickview-container .hmf-span-xs-4 {
  width: 33.3333333333% !important;
}
.quickview-container .hmf-offset-xs-4 {
  margin-left: 33.3333333333% !important;
  margin-right: 33.3333333333% !important;
}
.quickview-container .hmf-span-5 {
  width: 41.6666666667%;
}
.quickview-container .hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}
.quickview-container .hmf-span-xs-5 {
  width: 41.6666666667% !important;
}
.quickview-container .hmf-offset-xs-5 {
  margin-left: 41.6666666667% !important;
  margin-right: 41.6666666667% !important;
}
.quickview-container .hmf-span-6 {
  width: 50%;
}
.quickview-container .hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}
.quickview-container .hmf-span-xs-6 {
  width: 50% !important;
}
.quickview-container .hmf-offset-xs-6 {
  margin-left: 50% !important;
  margin-right: 50% !important;
}
.quickview-container .hmf-span-7 {
  width: 58.3333333333%;
}
.quickview-container .hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}
.quickview-container .hmf-span-xs-7 {
  width: 58.3333333333% !important;
}
.quickview-container .hmf-offset-xs-7 {
  margin-left: 58.3333333333% !important;
  margin-right: 58.3333333333% !important;
}
.quickview-container .hmf-span-8 {
  width: 66.6666666667%;
}
.quickview-container .hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}
.quickview-container .hmf-span-xs-8 {
  width: 66.6666666667% !important;
}
.quickview-container .hmf-offset-xs-8 {
  margin-left: 66.6666666667% !important;
  margin-right: 66.6666666667% !important;
}
.quickview-container .hmf-span-9 {
  width: 75%;
}
.quickview-container .hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}
.quickview-container .hmf-span-xs-9 {
  width: 75% !important;
}
.quickview-container .hmf-offset-xs-9 {
  margin-left: 75% !important;
  margin-right: 75% !important;
}
.quickview-container .hmf-span-10 {
  width: 83.3333333333%;
}
.quickview-container .hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}
.quickview-container .hmf-span-xs-10 {
  width: 83.3333333333% !important;
}
.quickview-container .hmf-offset-xs-10 {
  margin-left: 83.3333333333% !important;
  margin-right: 83.3333333333% !important;
}
.quickview-container .hmf-span-11 {
  width: 91.6666666667%;
}
.quickview-container .hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}
.quickview-container .hmf-span-xs-11 {
  width: 91.6666666667% !important;
}
.quickview-container .hmf-offset-xs-11 {
  margin-left: 91.6666666667% !important;
  margin-right: 91.6666666667% !important;
}
.quickview-container .hmf-span-12 {
  width: 100%;
}
.quickview-container .hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}
.quickview-container .hmf-span-xs-12 {
  width: 100% !important;
}
.quickview-container .hmf-offset-xs-12 {
  margin-left: 100% !important;
  margin-right: 100% !important;
}
.quickview-container .hmf-span-0 {
  width: 0%;
}
.quickview-container .hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}
.quickview-container .hmf-span-xxsm-0 {
  width: 0% !important;
}
.quickview-container .hmf-offset-xxsm-0 {
  margin-left: 0% !important;
  margin-right: 0% !important;
}
.quickview-container .hmf-span-1 {
  width: 8.3333333333%;
}
.quickview-container .hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}
.quickview-container .hmf-span-xxsm-1 {
  width: 8.3333333333% !important;
}
.quickview-container .hmf-offset-xxsm-1 {
  margin-left: 8.3333333333% !important;
  margin-right: 8.3333333333% !important;
}
.quickview-container .hmf-span-2 {
  width: 16.6666666667%;
}
.quickview-container .hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}
.quickview-container .hmf-span-xxsm-2 {
  width: 16.6666666667% !important;
}
.quickview-container .hmf-offset-xxsm-2 {
  margin-left: 16.6666666667% !important;
  margin-right: 16.6666666667% !important;
}
.quickview-container .hmf-span-3 {
  width: 25%;
}
.quickview-container .hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}
.quickview-container .hmf-span-xxsm-3 {
  width: 25% !important;
}
.quickview-container .hmf-offset-xxsm-3 {
  margin-left: 25% !important;
  margin-right: 25% !important;
}
.quickview-container .hmf-span-4 {
  width: 33.3333333333%;
}
.quickview-container .hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}
.quickview-container .hmf-span-xxsm-4 {
  width: 33.3333333333% !important;
}
.quickview-container .hmf-offset-xxsm-4 {
  margin-left: 33.3333333333% !important;
  margin-right: 33.3333333333% !important;
}
.quickview-container .hmf-span-5 {
  width: 41.6666666667%;
}
.quickview-container .hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}
.quickview-container .hmf-span-xxsm-5 {
  width: 41.6666666667% !important;
}
.quickview-container .hmf-offset-xxsm-5 {
  margin-left: 41.6666666667% !important;
  margin-right: 41.6666666667% !important;
}
.quickview-container .hmf-span-6 {
  width: 50%;
}
.quickview-container .hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}
.quickview-container .hmf-span-xxsm-6 {
  width: 50% !important;
}
.quickview-container .hmf-offset-xxsm-6 {
  margin-left: 50% !important;
  margin-right: 50% !important;
}
.quickview-container .hmf-span-7 {
  width: 58.3333333333%;
}
.quickview-container .hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}
.quickview-container .hmf-span-xxsm-7 {
  width: 58.3333333333% !important;
}
.quickview-container .hmf-offset-xxsm-7 {
  margin-left: 58.3333333333% !important;
  margin-right: 58.3333333333% !important;
}
.quickview-container .hmf-span-8 {
  width: 66.6666666667%;
}
.quickview-container .hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}
.quickview-container .hmf-span-xxsm-8 {
  width: 66.6666666667% !important;
}
.quickview-container .hmf-offset-xxsm-8 {
  margin-left: 66.6666666667% !important;
  margin-right: 66.6666666667% !important;
}
.quickview-container .hmf-span-9 {
  width: 75%;
}
.quickview-container .hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}
.quickview-container .hmf-span-xxsm-9 {
  width: 75% !important;
}
.quickview-container .hmf-offset-xxsm-9 {
  margin-left: 75% !important;
  margin-right: 75% !important;
}
.quickview-container .hmf-span-10 {
  width: 83.3333333333%;
}
.quickview-container .hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}
.quickview-container .hmf-span-xxsm-10 {
  width: 83.3333333333% !important;
}
.quickview-container .hmf-offset-xxsm-10 {
  margin-left: 83.3333333333% !important;
  margin-right: 83.3333333333% !important;
}
.quickview-container .hmf-span-11 {
  width: 91.6666666667%;
}
.quickview-container .hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}
.quickview-container .hmf-span-xxsm-11 {
  width: 91.6666666667% !important;
}
.quickview-container .hmf-offset-xxsm-11 {
  margin-left: 91.6666666667% !important;
  margin-right: 91.6666666667% !important;
}
.quickview-container .hmf-span-12 {
  width: 100%;
}
.quickview-container .hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}
.quickview-container .hmf-span-xxsm-12 {
  width: 100% !important;
}
.quickview-container .hmf-offset-xxsm-12 {
  margin-left: 100% !important;
  margin-right: 100% !important;
}
.quickview-container .hmf-span-0 {
  width: 0%;
}
.quickview-container .hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-s-0 {
    width: 0% !important;
  }
  .quickview-container .hmf-offset-s-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.quickview-container .hmf-span-1 {
  width: 8.3333333333%;
}
.quickview-container .hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-s-1 {
    width: 8.3333333333% !important;
  }
  .quickview-container .hmf-offset-s-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.quickview-container .hmf-span-2 {
  width: 16.6666666667%;
}
.quickview-container .hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-s-2 {
    width: 16.6666666667% !important;
  }
  .quickview-container .hmf-offset-s-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.quickview-container .hmf-span-3 {
  width: 25%;
}
.quickview-container .hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-s-3 {
    width: 25% !important;
  }
  .quickview-container .hmf-offset-s-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.quickview-container .hmf-span-4 {
  width: 33.3333333333%;
}
.quickview-container .hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-s-4 {
    width: 33.3333333333% !important;
  }
  .quickview-container .hmf-offset-s-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.quickview-container .hmf-span-5 {
  width: 41.6666666667%;
}
.quickview-container .hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-s-5 {
    width: 41.6666666667% !important;
  }
  .quickview-container .hmf-offset-s-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.quickview-container .hmf-span-6 {
  width: 50%;
}
.quickview-container .hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-s-6 {
    width: 50% !important;
  }
  .quickview-container .hmf-offset-s-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.quickview-container .hmf-span-7 {
  width: 58.3333333333%;
}
.quickview-container .hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-s-7 {
    width: 58.3333333333% !important;
  }
  .quickview-container .hmf-offset-s-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.quickview-container .hmf-span-8 {
  width: 66.6666666667%;
}
.quickview-container .hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-s-8 {
    width: 66.6666666667% !important;
  }
  .quickview-container .hmf-offset-s-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.quickview-container .hmf-span-9 {
  width: 75%;
}
.quickview-container .hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-s-9 {
    width: 75% !important;
  }
  .quickview-container .hmf-offset-s-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.quickview-container .hmf-span-10 {
  width: 83.3333333333%;
}
.quickview-container .hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-s-10 {
    width: 83.3333333333% !important;
  }
  .quickview-container .hmf-offset-s-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.quickview-container .hmf-span-11 {
  width: 91.6666666667%;
}
.quickview-container .hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-s-11 {
    width: 91.6666666667% !important;
  }
  .quickview-container .hmf-offset-s-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.quickview-container .hmf-span-12 {
  width: 100%;
}
.quickview-container .hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-s-12 {
    width: 100% !important;
  }
  .quickview-container .hmf-offset-s-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.quickview-container .hmf-span-0 {
  width: 0%;
}
.quickview-container .hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-xsm-0 {
    width: 0% !important;
  }
  .quickview-container .hmf-offset-xsm-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.quickview-container .hmf-span-1 {
  width: 8.3333333333%;
}
.quickview-container .hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-xsm-1 {
    width: 8.3333333333% !important;
  }
  .quickview-container .hmf-offset-xsm-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.quickview-container .hmf-span-2 {
  width: 16.6666666667%;
}
.quickview-container .hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-xsm-2 {
    width: 16.6666666667% !important;
  }
  .quickview-container .hmf-offset-xsm-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.quickview-container .hmf-span-3 {
  width: 25%;
}
.quickview-container .hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-xsm-3 {
    width: 25% !important;
  }
  .quickview-container .hmf-offset-xsm-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.quickview-container .hmf-span-4 {
  width: 33.3333333333%;
}
.quickview-container .hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-xsm-4 {
    width: 33.3333333333% !important;
  }
  .quickview-container .hmf-offset-xsm-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.quickview-container .hmf-span-5 {
  width: 41.6666666667%;
}
.quickview-container .hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-xsm-5 {
    width: 41.6666666667% !important;
  }
  .quickview-container .hmf-offset-xsm-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.quickview-container .hmf-span-6 {
  width: 50%;
}
.quickview-container .hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-xsm-6 {
    width: 50% !important;
  }
  .quickview-container .hmf-offset-xsm-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.quickview-container .hmf-span-7 {
  width: 58.3333333333%;
}
.quickview-container .hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-xsm-7 {
    width: 58.3333333333% !important;
  }
  .quickview-container .hmf-offset-xsm-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.quickview-container .hmf-span-8 {
  width: 66.6666666667%;
}
.quickview-container .hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-xsm-8 {
    width: 66.6666666667% !important;
  }
  .quickview-container .hmf-offset-xsm-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.quickview-container .hmf-span-9 {
  width: 75%;
}
.quickview-container .hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-xsm-9 {
    width: 75% !important;
  }
  .quickview-container .hmf-offset-xsm-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.quickview-container .hmf-span-10 {
  width: 83.3333333333%;
}
.quickview-container .hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-xsm-10 {
    width: 83.3333333333% !important;
  }
  .quickview-container .hmf-offset-xsm-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.quickview-container .hmf-span-11 {
  width: 91.6666666667%;
}
.quickview-container .hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-xsm-11 {
    width: 91.6666666667% !important;
  }
  .quickview-container .hmf-offset-xsm-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.quickview-container .hmf-span-12 {
  width: 100%;
}
.quickview-container .hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-xsm-12 {
    width: 100% !important;
  }
  .quickview-container .hmf-offset-xsm-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.quickview-container .hmf-span-0 {
  width: 0%;
}
.quickview-container .hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}
@media (min-width: 480px) {
  .quickview-container .hmf-span-sm-0 {
    width: 0% !important;
  }
  .quickview-container .hmf-offset-sm-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.quickview-container .hmf-span-1 {
  width: 8.3333333333%;
}
.quickview-container .hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}
@media (min-width: 480px) {
  .quickview-container .hmf-span-sm-1 {
    width: 8.3333333333% !important;
  }
  .quickview-container .hmf-offset-sm-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.quickview-container .hmf-span-2 {
  width: 16.6666666667%;
}
.quickview-container .hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}
@media (min-width: 480px) {
  .quickview-container .hmf-span-sm-2 {
    width: 16.6666666667% !important;
  }
  .quickview-container .hmf-offset-sm-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.quickview-container .hmf-span-3 {
  width: 25%;
}
.quickview-container .hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}
@media (min-width: 480px) {
  .quickview-container .hmf-span-sm-3 {
    width: 25% !important;
  }
  .quickview-container .hmf-offset-sm-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.quickview-container .hmf-span-4 {
  width: 33.3333333333%;
}
.quickview-container .hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}
@media (min-width: 480px) {
  .quickview-container .hmf-span-sm-4 {
    width: 33.3333333333% !important;
  }
  .quickview-container .hmf-offset-sm-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.quickview-container .hmf-span-5 {
  width: 41.6666666667%;
}
.quickview-container .hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}
@media (min-width: 480px) {
  .quickview-container .hmf-span-sm-5 {
    width: 41.6666666667% !important;
  }
  .quickview-container .hmf-offset-sm-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.quickview-container .hmf-span-6 {
  width: 50%;
}
.quickview-container .hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}
@media (min-width: 480px) {
  .quickview-container .hmf-span-sm-6 {
    width: 50% !important;
  }
  .quickview-container .hmf-offset-sm-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.quickview-container .hmf-span-7 {
  width: 58.3333333333%;
}
.quickview-container .hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}
@media (min-width: 480px) {
  .quickview-container .hmf-span-sm-7 {
    width: 58.3333333333% !important;
  }
  .quickview-container .hmf-offset-sm-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.quickview-container .hmf-span-8 {
  width: 66.6666666667%;
}
.quickview-container .hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}
@media (min-width: 480px) {
  .quickview-container .hmf-span-sm-8 {
    width: 66.6666666667% !important;
  }
  .quickview-container .hmf-offset-sm-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.quickview-container .hmf-span-9 {
  width: 75%;
}
.quickview-container .hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}
@media (min-width: 480px) {
  .quickview-container .hmf-span-sm-9 {
    width: 75% !important;
  }
  .quickview-container .hmf-offset-sm-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.quickview-container .hmf-span-10 {
  width: 83.3333333333%;
}
.quickview-container .hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}
@media (min-width: 480px) {
  .quickview-container .hmf-span-sm-10 {
    width: 83.3333333333% !important;
  }
  .quickview-container .hmf-offset-sm-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.quickview-container .hmf-span-11 {
  width: 91.6666666667%;
}
.quickview-container .hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}
@media (min-width: 480px) {
  .quickview-container .hmf-span-sm-11 {
    width: 91.6666666667% !important;
  }
  .quickview-container .hmf-offset-sm-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.quickview-container .hmf-span-12 {
  width: 100%;
}
.quickview-container .hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}
@media (min-width: 480px) {
  .quickview-container .hmf-span-sm-12 {
    width: 100% !important;
  }
  .quickview-container .hmf-offset-sm-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.quickview-container .hmf-span-0 {
  width: 0%;
}
.quickview-container .hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-m-0 {
    width: 0% !important;
  }
  .quickview-container .hmf-offset-m-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.quickview-container .hmf-span-1 {
  width: 8.3333333333%;
}
.quickview-container .hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-m-1 {
    width: 8.3333333333% !important;
  }
  .quickview-container .hmf-offset-m-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.quickview-container .hmf-span-2 {
  width: 16.6666666667%;
}
.quickview-container .hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-m-2 {
    width: 16.6666666667% !important;
  }
  .quickview-container .hmf-offset-m-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.quickview-container .hmf-span-3 {
  width: 25%;
}
.quickview-container .hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-m-3 {
    width: 25% !important;
  }
  .quickview-container .hmf-offset-m-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.quickview-container .hmf-span-4 {
  width: 33.3333333333%;
}
.quickview-container .hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-m-4 {
    width: 33.3333333333% !important;
  }
  .quickview-container .hmf-offset-m-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.quickview-container .hmf-span-5 {
  width: 41.6666666667%;
}
.quickview-container .hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-m-5 {
    width: 41.6666666667% !important;
  }
  .quickview-container .hmf-offset-m-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.quickview-container .hmf-span-6 {
  width: 50%;
}
.quickview-container .hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-m-6 {
    width: 50% !important;
  }
  .quickview-container .hmf-offset-m-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.quickview-container .hmf-span-7 {
  width: 58.3333333333%;
}
.quickview-container .hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-m-7 {
    width: 58.3333333333% !important;
  }
  .quickview-container .hmf-offset-m-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.quickview-container .hmf-span-8 {
  width: 66.6666666667%;
}
.quickview-container .hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-m-8 {
    width: 66.6666666667% !important;
  }
  .quickview-container .hmf-offset-m-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.quickview-container .hmf-span-9 {
  width: 75%;
}
.quickview-container .hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-m-9 {
    width: 75% !important;
  }
  .quickview-container .hmf-offset-m-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.quickview-container .hmf-span-10 {
  width: 83.3333333333%;
}
.quickview-container .hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-m-10 {
    width: 83.3333333333% !important;
  }
  .quickview-container .hmf-offset-m-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.quickview-container .hmf-span-11 {
  width: 91.6666666667%;
}
.quickview-container .hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-m-11 {
    width: 91.6666666667% !important;
  }
  .quickview-container .hmf-offset-m-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.quickview-container .hmf-span-12 {
  width: 100%;
}
.quickview-container .hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-m-12 {
    width: 100% !important;
  }
  .quickview-container .hmf-offset-m-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.quickview-container .hmf-span-0 {
  width: 0%;
}
.quickview-container .hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-md-0 {
    width: 0% !important;
  }
  .quickview-container .hmf-offset-md-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.quickview-container .hmf-span-1 {
  width: 8.3333333333%;
}
.quickview-container .hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-md-1 {
    width: 8.3333333333% !important;
  }
  .quickview-container .hmf-offset-md-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.quickview-container .hmf-span-2 {
  width: 16.6666666667%;
}
.quickview-container .hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-md-2 {
    width: 16.6666666667% !important;
  }
  .quickview-container .hmf-offset-md-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.quickview-container .hmf-span-3 {
  width: 25%;
}
.quickview-container .hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-md-3 {
    width: 25% !important;
  }
  .quickview-container .hmf-offset-md-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.quickview-container .hmf-span-4 {
  width: 33.3333333333%;
}
.quickview-container .hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-md-4 {
    width: 33.3333333333% !important;
  }
  .quickview-container .hmf-offset-md-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.quickview-container .hmf-span-5 {
  width: 41.6666666667%;
}
.quickview-container .hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-md-5 {
    width: 41.6666666667% !important;
  }
  .quickview-container .hmf-offset-md-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.quickview-container .hmf-span-6 {
  width: 50%;
}
.quickview-container .hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-md-6 {
    width: 50% !important;
  }
  .quickview-container .hmf-offset-md-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.quickview-container .hmf-span-7 {
  width: 58.3333333333%;
}
.quickview-container .hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-md-7 {
    width: 58.3333333333% !important;
  }
  .quickview-container .hmf-offset-md-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.quickview-container .hmf-span-8 {
  width: 66.6666666667%;
}
.quickview-container .hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-md-8 {
    width: 66.6666666667% !important;
  }
  .quickview-container .hmf-offset-md-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.quickview-container .hmf-span-9 {
  width: 75%;
}
.quickview-container .hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-md-9 {
    width: 75% !important;
  }
  .quickview-container .hmf-offset-md-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.quickview-container .hmf-span-10 {
  width: 83.3333333333%;
}
.quickview-container .hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-md-10 {
    width: 83.3333333333% !important;
  }
  .quickview-container .hmf-offset-md-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.quickview-container .hmf-span-11 {
  width: 91.6666666667%;
}
.quickview-container .hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-md-11 {
    width: 91.6666666667% !important;
  }
  .quickview-container .hmf-offset-md-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.quickview-container .hmf-span-12 {
  width: 100%;
}
.quickview-container .hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-md-12 {
    width: 100% !important;
  }
  .quickview-container .hmf-offset-md-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.quickview-container .hmf-span-0 {
  width: 0%;
}
.quickview-container .hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}
@media (min-width: 1024px) {
  .quickview-container .hmf-span-lg-0 {
    width: 0% !important;
  }
  .quickview-container .hmf-offset-lg-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.quickview-container .hmf-span-1 {
  width: 8.3333333333%;
}
.quickview-container .hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}
@media (min-width: 1024px) {
  .quickview-container .hmf-span-lg-1 {
    width: 8.3333333333% !important;
  }
  .quickview-container .hmf-offset-lg-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.quickview-container .hmf-span-2 {
  width: 16.6666666667%;
}
.quickview-container .hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}
@media (min-width: 1024px) {
  .quickview-container .hmf-span-lg-2 {
    width: 16.6666666667% !important;
  }
  .quickview-container .hmf-offset-lg-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.quickview-container .hmf-span-3 {
  width: 25%;
}
.quickview-container .hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}
@media (min-width: 1024px) {
  .quickview-container .hmf-span-lg-3 {
    width: 25% !important;
  }
  .quickview-container .hmf-offset-lg-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.quickview-container .hmf-span-4 {
  width: 33.3333333333%;
}
.quickview-container .hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}
@media (min-width: 1024px) {
  .quickview-container .hmf-span-lg-4 {
    width: 33.3333333333% !important;
  }
  .quickview-container .hmf-offset-lg-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.quickview-container .hmf-span-5 {
  width: 41.6666666667%;
}
.quickview-container .hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}
@media (min-width: 1024px) {
  .quickview-container .hmf-span-lg-5 {
    width: 41.6666666667% !important;
  }
  .quickview-container .hmf-offset-lg-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.quickview-container .hmf-span-6 {
  width: 50%;
}
.quickview-container .hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}
@media (min-width: 1024px) {
  .quickview-container .hmf-span-lg-6 {
    width: 50% !important;
  }
  .quickview-container .hmf-offset-lg-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.quickview-container .hmf-span-7 {
  width: 58.3333333333%;
}
.quickview-container .hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}
@media (min-width: 1024px) {
  .quickview-container .hmf-span-lg-7 {
    width: 58.3333333333% !important;
  }
  .quickview-container .hmf-offset-lg-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.quickview-container .hmf-span-8 {
  width: 66.6666666667%;
}
.quickview-container .hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}
@media (min-width: 1024px) {
  .quickview-container .hmf-span-lg-8 {
    width: 66.6666666667% !important;
  }
  .quickview-container .hmf-offset-lg-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.quickview-container .hmf-span-9 {
  width: 75%;
}
.quickview-container .hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}
@media (min-width: 1024px) {
  .quickview-container .hmf-span-lg-9 {
    width: 75% !important;
  }
  .quickview-container .hmf-offset-lg-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.quickview-container .hmf-span-10 {
  width: 83.3333333333%;
}
.quickview-container .hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}
@media (min-width: 1024px) {
  .quickview-container .hmf-span-lg-10 {
    width: 83.3333333333% !important;
  }
  .quickview-container .hmf-offset-lg-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.quickview-container .hmf-span-11 {
  width: 91.6666666667%;
}
.quickview-container .hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}
@media (min-width: 1024px) {
  .quickview-container .hmf-span-lg-11 {
    width: 91.6666666667% !important;
  }
  .quickview-container .hmf-offset-lg-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.quickview-container .hmf-span-12 {
  width: 100%;
}
.quickview-container .hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}
@media (min-width: 1024px) {
  .quickview-container .hmf-span-lg-12 {
    width: 100% !important;
  }
  .quickview-container .hmf-offset-lg-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.quickview-container .hmf-span-0 {
  width: 0%;
}
.quickview-container .hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-l-0 {
    width: 0% !important;
  }
  .quickview-container .hmf-offset-l-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.quickview-container .hmf-span-1 {
  width: 8.3333333333%;
}
.quickview-container .hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-l-1 {
    width: 8.3333333333% !important;
  }
  .quickview-container .hmf-offset-l-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.quickview-container .hmf-span-2 {
  width: 16.6666666667%;
}
.quickview-container .hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-l-2 {
    width: 16.6666666667% !important;
  }
  .quickview-container .hmf-offset-l-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.quickview-container .hmf-span-3 {
  width: 25%;
}
.quickview-container .hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-l-3 {
    width: 25% !important;
  }
  .quickview-container .hmf-offset-l-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.quickview-container .hmf-span-4 {
  width: 33.3333333333%;
}
.quickview-container .hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-l-4 {
    width: 33.3333333333% !important;
  }
  .quickview-container .hmf-offset-l-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.quickview-container .hmf-span-5 {
  width: 41.6666666667%;
}
.quickview-container .hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-l-5 {
    width: 41.6666666667% !important;
  }
  .quickview-container .hmf-offset-l-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.quickview-container .hmf-span-6 {
  width: 50%;
}
.quickview-container .hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-l-6 {
    width: 50% !important;
  }
  .quickview-container .hmf-offset-l-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.quickview-container .hmf-span-7 {
  width: 58.3333333333%;
}
.quickview-container .hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-l-7 {
    width: 58.3333333333% !important;
  }
  .quickview-container .hmf-offset-l-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.quickview-container .hmf-span-8 {
  width: 66.6666666667%;
}
.quickview-container .hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-l-8 {
    width: 66.6666666667% !important;
  }
  .quickview-container .hmf-offset-l-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.quickview-container .hmf-span-9 {
  width: 75%;
}
.quickview-container .hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-l-9 {
    width: 75% !important;
  }
  .quickview-container .hmf-offset-l-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.quickview-container .hmf-span-10 {
  width: 83.3333333333%;
}
.quickview-container .hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-l-10 {
    width: 83.3333333333% !important;
  }
  .quickview-container .hmf-offset-l-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.quickview-container .hmf-span-11 {
  width: 91.6666666667%;
}
.quickview-container .hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-l-11 {
    width: 91.6666666667% !important;
  }
  .quickview-container .hmf-offset-l-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.quickview-container .hmf-span-12 {
  width: 100%;
}
.quickview-container .hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-l-12 {
    width: 100% !important;
  }
  .quickview-container .hmf-offset-l-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.quickview-container .hmf-span-0 {
  width: 0%;
}
.quickview-container .hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-xlg-0 {
    width: 0% !important;
  }
  .quickview-container .hmf-offset-xlg-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.quickview-container .hmf-span-1 {
  width: 8.3333333333%;
}
.quickview-container .hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-xlg-1 {
    width: 8.3333333333% !important;
  }
  .quickview-container .hmf-offset-xlg-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.quickview-container .hmf-span-2 {
  width: 16.6666666667%;
}
.quickview-container .hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-xlg-2 {
    width: 16.6666666667% !important;
  }
  .quickview-container .hmf-offset-xlg-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.quickview-container .hmf-span-3 {
  width: 25%;
}
.quickview-container .hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-xlg-3 {
    width: 25% !important;
  }
  .quickview-container .hmf-offset-xlg-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.quickview-container .hmf-span-4 {
  width: 33.3333333333%;
}
.quickview-container .hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-xlg-4 {
    width: 33.3333333333% !important;
  }
  .quickview-container .hmf-offset-xlg-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.quickview-container .hmf-span-5 {
  width: 41.6666666667%;
}
.quickview-container .hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-xlg-5 {
    width: 41.6666666667% !important;
  }
  .quickview-container .hmf-offset-xlg-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.quickview-container .hmf-span-6 {
  width: 50%;
}
.quickview-container .hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-xlg-6 {
    width: 50% !important;
  }
  .quickview-container .hmf-offset-xlg-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.quickview-container .hmf-span-7 {
  width: 58.3333333333%;
}
.quickview-container .hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-xlg-7 {
    width: 58.3333333333% !important;
  }
  .quickview-container .hmf-offset-xlg-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.quickview-container .hmf-span-8 {
  width: 66.6666666667%;
}
.quickview-container .hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-xlg-8 {
    width: 66.6666666667% !important;
  }
  .quickview-container .hmf-offset-xlg-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.quickview-container .hmf-span-9 {
  width: 75%;
}
.quickview-container .hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-xlg-9 {
    width: 75% !important;
  }
  .quickview-container .hmf-offset-xlg-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.quickview-container .hmf-span-10 {
  width: 83.3333333333%;
}
.quickview-container .hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-xlg-10 {
    width: 83.3333333333% !important;
  }
  .quickview-container .hmf-offset-xlg-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.quickview-container .hmf-span-11 {
  width: 91.6666666667%;
}
.quickview-container .hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-xlg-11 {
    width: 91.6666666667% !important;
  }
  .quickview-container .hmf-offset-xlg-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.quickview-container .hmf-span-12 {
  width: 100%;
}
.quickview-container .hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-xlg-12 {
    width: 100% !important;
  }
  .quickview-container .hmf-offset-xlg-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.quickview-container .hmf-span-0 {
  width: 0%;
}
.quickview-container .hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xl-0 {
    width: 0% !important;
  }
  .quickview-container .hmf-offset-xl-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.quickview-container .hmf-span-1 {
  width: 8.3333333333%;
}
.quickview-container .hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xl-1 {
    width: 8.3333333333% !important;
  }
  .quickview-container .hmf-offset-xl-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.quickview-container .hmf-span-2 {
  width: 16.6666666667%;
}
.quickview-container .hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xl-2 {
    width: 16.6666666667% !important;
  }
  .quickview-container .hmf-offset-xl-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.quickview-container .hmf-span-3 {
  width: 25%;
}
.quickview-container .hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xl-3 {
    width: 25% !important;
  }
  .quickview-container .hmf-offset-xl-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.quickview-container .hmf-span-4 {
  width: 33.3333333333%;
}
.quickview-container .hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xl-4 {
    width: 33.3333333333% !important;
  }
  .quickview-container .hmf-offset-xl-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.quickview-container .hmf-span-5 {
  width: 41.6666666667%;
}
.quickview-container .hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xl-5 {
    width: 41.6666666667% !important;
  }
  .quickview-container .hmf-offset-xl-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.quickview-container .hmf-span-6 {
  width: 50%;
}
.quickview-container .hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xl-6 {
    width: 50% !important;
  }
  .quickview-container .hmf-offset-xl-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.quickview-container .hmf-span-7 {
  width: 58.3333333333%;
}
.quickview-container .hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xl-7 {
    width: 58.3333333333% !important;
  }
  .quickview-container .hmf-offset-xl-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.quickview-container .hmf-span-8 {
  width: 66.6666666667%;
}
.quickview-container .hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xl-8 {
    width: 66.6666666667% !important;
  }
  .quickview-container .hmf-offset-xl-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.quickview-container .hmf-span-9 {
  width: 75%;
}
.quickview-container .hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xl-9 {
    width: 75% !important;
  }
  .quickview-container .hmf-offset-xl-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.quickview-container .hmf-span-10 {
  width: 83.3333333333%;
}
.quickview-container .hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xl-10 {
    width: 83.3333333333% !important;
  }
  .quickview-container .hmf-offset-xl-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.quickview-container .hmf-span-11 {
  width: 91.6666666667%;
}
.quickview-container .hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xl-11 {
    width: 91.6666666667% !important;
  }
  .quickview-container .hmf-offset-xl-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.quickview-container .hmf-span-12 {
  width: 100%;
}
.quickview-container .hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xl-12 {
    width: 100% !important;
  }
  .quickview-container .hmf-offset-xl-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.quickview-container .hmf-span-0 {
  width: 0%;
}
.quickview-container .hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xxlg-0 {
    width: 0% !important;
  }
  .quickview-container .hmf-offset-xxlg-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.quickview-container .hmf-span-1 {
  width: 8.3333333333%;
}
.quickview-container .hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xxlg-1 {
    width: 8.3333333333% !important;
  }
  .quickview-container .hmf-offset-xxlg-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.quickview-container .hmf-span-2 {
  width: 16.6666666667%;
}
.quickview-container .hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xxlg-2 {
    width: 16.6666666667% !important;
  }
  .quickview-container .hmf-offset-xxlg-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.quickview-container .hmf-span-3 {
  width: 25%;
}
.quickview-container .hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xxlg-3 {
    width: 25% !important;
  }
  .quickview-container .hmf-offset-xxlg-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.quickview-container .hmf-span-4 {
  width: 33.3333333333%;
}
.quickview-container .hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xxlg-4 {
    width: 33.3333333333% !important;
  }
  .quickview-container .hmf-offset-xxlg-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.quickview-container .hmf-span-5 {
  width: 41.6666666667%;
}
.quickview-container .hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xxlg-5 {
    width: 41.6666666667% !important;
  }
  .quickview-container .hmf-offset-xxlg-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.quickview-container .hmf-span-6 {
  width: 50%;
}
.quickview-container .hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xxlg-6 {
    width: 50% !important;
  }
  .quickview-container .hmf-offset-xxlg-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.quickview-container .hmf-span-7 {
  width: 58.3333333333%;
}
.quickview-container .hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xxlg-7 {
    width: 58.3333333333% !important;
  }
  .quickview-container .hmf-offset-xxlg-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.quickview-container .hmf-span-8 {
  width: 66.6666666667%;
}
.quickview-container .hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xxlg-8 {
    width: 66.6666666667% !important;
  }
  .quickview-container .hmf-offset-xxlg-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.quickview-container .hmf-span-9 {
  width: 75%;
}
.quickview-container .hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xxlg-9 {
    width: 75% !important;
  }
  .quickview-container .hmf-offset-xxlg-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.quickview-container .hmf-span-10 {
  width: 83.3333333333%;
}
.quickview-container .hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xxlg-10 {
    width: 83.3333333333% !important;
  }
  .quickview-container .hmf-offset-xxlg-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.quickview-container .hmf-span-11 {
  width: 91.6666666667%;
}
.quickview-container .hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xxlg-11 {
    width: 91.6666666667% !important;
  }
  .quickview-container .hmf-offset-xxlg-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.quickview-container .hmf-span-12 {
  width: 100%;
}
.quickview-container .hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xxlg-12 {
    width: 100% !important;
  }
  .quickview-container .hmf-offset-xxlg-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.quickview-container .page {
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 375px) {
  .quickview-container .page {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (min-width: 768px) {
  .quickview-container .page {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (min-width: 1280px) {
  .quickview-container .page {
    padding-left: 28px;
    padding-right: 28px;
  }
}
@media (min-width: 1440px) {
  .quickview-container .page {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.quickview-container :root {
  --hmf-red50: #fdf7f8;
  --hmf-red100: #f6e1e3;
  --hmf-red200: #f0cbcf;
  --hmf-red300: #eab5ba;
  --hmf-red400: #dc848c;
  --hmf-red500: #cf5963;
  --hmf-red600: #b10715;
  --hmf-red700: #a20610;
  --hmf-red800: #86030c;
  --hmf-red900: #560105;
  --hmf-scred: #B3271E;
  --hmf-yellow50: #fff9e5;
  --hmf-yellow100: #ffedb6;
  --hmf-yellow200: #ffe286;
  --hmf-yellow300: #ffc40c;
  --hmf-yellow400: #ffa50a;
  --hmf-yellow500: #db7900;
  --hmf-yellow600: #a75a20;
  --hmf-yellow700: #733210;
  --hmf-yellow800: #5e280c;
  --hmf-yellow900: #3d1f00;
  --hmf-scgreen: #006554;
  --hmf-gold50: #fbf9f4;
  --hmf-gold100: #efe9d6;
  --hmf-gold200: #e0d3ae;
  --hmf-gold300: #ccb67b;
  --hmf-gold400: #c5ad6a;
  --hmf-gold500: #ad9143;
  --hmf-gold600: #806c32;
  --hmf-gold700: #5c4d24;
  --hmf-gold800: #4d401e;
  --hmf-gold900: #2c2511;
  --hmf-gray50: #fff;
  --hmf-gray50-rgb: 255, 255, 255;
  --hmf-gray100: #f9f9f9;
  --hmf-gray100-rgb: 249, 249, 249;
  --hmf-gray200: #e3e3e3;
  --hmf-gray200-rgb: 227, 227, 227;
  --hmf-gray300: #d1d1d1;
  --hmf-gray300-rgb: 209, 209, 209;
  --hmf-gray400: #b5b5b5;
  --hmf-gray400-rgb: 181, 181, 181;
  --hmf-gray500: #949494;
  --hmf-gray500-rgb: 148, 148, 148;
  --hmf-gray600: #6e6e6e;
  --hmf-gray600-rgb: 121, 121, 121;
  --hmf-gray700: #4f4f4f;
  --hmf-gray700-rgb: 79, 79, 79;
  --hmf-gray800: #2e2e2e;
  --hmf-gray800-rgb: 46, 46, 46;
  --hmf-gray900: #191f1c;
  --hmf-gray900-rgb: 25, 31, 28;
  --hmf-calia50: #f9f9f6;
  --hmf-calia100: #eaeae1;
  --hmf-calia200: #d5d3cd;
  --hmf-calia300: #bcb8b3;
  --hmf-calia400: #9f9996;
  --hmf-calia500: #857d7c;
  --hmf-calia600: #6c6263;
  --hmf-calia700: #53474a;
  --hmf-calia800: #44283a;
  --hmf-calia900: #312127;
  --hmf-vrst50: #f9fafb;
  --hmf-vrst100: #e6ecf0;
  --hmf-vrst200: #ced5d9;
  --hmf-vrst300: #b3bbc0;
  --hmf-vrst400: #99a2a8;
  --hmf-vrst500: #808990;
  --hmf-vrst600: #667078;
  --hmf-vrst700: #465058;
  --hmf-vrst800: #333f48;
  --hmf-vrst900: #20272d;
}
.quickview-container .background-base {
  background-color: var(--hmf-background-base);
}
.quickview-container .background-base-subtle {
  background-color: var(--hmf-background-base-subtle);
}
.quickview-container .background-inverse {
  background-color: var(--hmf-background-inverse);
}
.quickview-container .background-inverse-subtle {
  background-color: var(--hmf-background-inverse-subtle);
}
.quickview-container .background-primary {
  background-color: var(--hmf-background-primary);
}
.quickview-container .fill-base {
  background-color: var(--hmf-fill-base);
}
.quickview-container .fill-base-subtle {
  background-color: var(--hmf-fill-base-subtle);
}
.quickview-container .fill-base-prominent {
  background-color: var(--hmf-fill-base-prominent);
}
.quickview-container .fill-inverse {
  background-color: var(--hmf-fill-inverse);
}
.quickview-container .fill-inverse-subtle {
  background-color: var(--hmf-fill-inverse-subtle);
}
.quickview-container .fill-primary-static {
  background-color: var(--hmf-fill-primary-static);
}
.quickview-container .fill-primary-hover {
  background-color: var(--hmf-fill-primary-hover);
}
.quickview-container .fill-primary-active {
  background-color: var(--hmf-fill-primary-active);
}
.quickview-container .fill-secondary-static {
  background-color: var(--hmf-fill-secondary-static);
}
.quickview-container .fill-secondary-static-subtle {
  background-color: var(--hmf-fill-secondary-static-subtle);
}
.quickview-container .fill-secondary-hover {
  background-color: var(--hmf-fill-secondary-hover);
}
.quickview-container .fill-secondary-hover-subtle {
  background-color: var(--hmf-fill-secondary-hover-subtle);
}
.quickview-container .fill-secondary-active {
  background-color: var(--hmf-fill-secondary-active);
}
.quickview-container .fill-secondary-active-subtle {
  background-color: var(--hmf-fill-secondary-active-subtle);
}
.quickview-container .fill-tertiary-static {
  background-color: var(--hmf-fill-tertiary-static);
}
.quickview-container .fill-tertiary-hover {
  background-color: var(--hmf-fill-tertiary-hover);
}
.quickview-container .fill-tertiary-active {
  background-color: var(--hmf-fill-tertiary-active);
}
.quickview-container .fill-disabled {
  background-color: var(--hmf-fill-disabled);
}
.quickview-container .fill-disabled-subtle {
  background-color: var(--hmf-fill-disabled-subtle);
}
.quickview-container .fill-negative {
  background-color: var(--hmf-fill-negative);
}
.quickview-container .fill-negative-subtle {
  background-color: var(--hmf-fill-negative-subtle);
}
.quickview-container .fill-negative-static {
  background-color: var(--hmf-fill-negative-static);
}
.quickview-container .fill-negative-hover {
  background-color: var(--hmf-fill-negative-hover);
}
.quickview-container .fill-negative-active {
  background-color: var(--hmf-fill-negative-active);
}
.quickview-container .fill-sale {
  background-color: var(--hmf-fill-sale);
}
.quickview-container .fill-warning {
  background-color: var(--hmf-fill-warning);
}
.quickview-container .fill-warning-subtle {
  background-color: var(--hmf-fill-warning-subtle);
}
.quickview-container .fill-positive {
  background-color: var(--hmf-fill-positive);
}
.quickview-container .fill-postive-subtle {
  background-color: var(--hmf-fill-positive-subtle);
}
.quickview-container .fill-marketing-static {
  background-color: var(--hmf-fill-marketing-static);
}
.quickview-container .fill-marketing-hover {
  background-color: var(--hmf-fill-marketing-hover);
}
.quickview-container .fill-marketing-active {
  background-color: var(--hmf-fill-marketing-active);
}
.quickview-container .fill-scorecard-default {
  background-color: var(--hmf-fill-scorecard);
}
.quickview-container .fill-scorecard-subtle {
  background-color: var(--hmf-fill-scorecard-subtle);
}
.quickview-container .fill-scorecard-gold {
  background-color: var(--hmf-fill-scorecard-gold);
}
.quickview-container .fill-scorecard-gold-subtle {
  background-color: var(--hmf-fill-scorecard-gold-subtle);
}
.quickview-container .fill-calia-default {
  background-color: var(--hmf-fill-calia);
}
.quickview-container .fill-calia-subtle {
  background-color: var(--hmf-fill-calia-subtle);
}
.quickview-container .fill-vrst-default {
  background-color: var(--hmf-fill-vrst);
}
.quickview-container .fill-vrst-subtle {
  background-color: var(--hmf-fill-vrst-subtle);
}
.quickview-container .label-base {
  color: var(--hmf-label-base);
}
.quickview-container .label-base-subtle {
  color: var(--hmf-label-base-subtle);
}
.quickview-container .label-inverse-base {
  color: var(--hmf-label-inverse-base);
}
.quickview-container .label-inverse-subtle {
  color: var(--hmf-label-inverse-subtle);
}
.quickview-container .label-primary-static {
  color: var(--hmf-label-primary-static);
}
.quickview-container .label-primary-hover {
  color: var(--hmf-label-primary-hover);
}
.quickview-container .label-primary-active {
  color: var(--hmf-label-primary-active);
}
.quickview-container .label-secondary-static {
  color: var(--hmf-label-secondary-static);
}
.quickview-container .label-secondary-hover {
  color: var(--hmf-label-secondary-hover);
}
.quickview-container .label-secondary-active {
  color: var(--hmf-label-secondary-active);
}
.quickview-container .label-secondary-subtle-static {
  color: var(--hmf-label-secondary-subtle-static);
}
.quickview-container .label-secondary-subtle-hover {
  color: var(--hmf-label-secondary-subtle-hover);
}
.quickview-container .label-secondary-subtle-active {
  color: var(--hmf-label-secondary-subtle-active);
}
.quickview-container .label-tertiary-static {
  color: var(--hmf-label-tertiary-static);
}
.quickview-container .label-tertiary-hover {
  color: var(--hmf-label-tertiary-hover);
}
.quickview-container .label-tertiary-active {
  color: var(--hmf-label-tertiary-active);
}
.quickview-container .label-sale {
  color: var(--hmf-label-sale);
}
.quickview-container .label-disabled {
  color: var(--hmf-label-disabled);
}
.quickview-container .label-disabled-subtle {
  color: var(--hmf-label-disabled-subtle);
}
.quickview-container .label-negative {
  color: var(--hmf-label-negative);
}
.quickview-container .label-positive {
  color: var(--hmf-label-positive);
}
.quickview-container .label-warning {
  color: var(--hmf-label-warning);
}
.quickview-container .label-marketing-static {
  color: var(--hmf-label-marketing-static);
}
.quickview-container .label-marketing-hover {
  color: var(--hmf-label-marketing-hover);
}
.quickview-container .label-marketing-active {
  color: var(--hmf-label-marketing-active);
}
.quickview-container .label-scorecard-default {
  color: var(--hmf-label-scorecard);
}
.quickview-container .border-base {
  border-color: var(--hmf-border-base);
}
.quickview-container .border-base-subtle {
  border-color: var(--hmf-border-base-subtle);
}
.quickview-container .border-inverse {
  border-color: var(--hmf-border-inverse);
}
.quickview-container .border-inverse-subtle {
  border-color: var(--hmf-border-inverse-subtle);
}
.quickview-container .border-primary-static {
  border-color: var(--hmf-border-primary-static);
}
.quickview-container .border-primary-hover {
  border-color: var(--hmf-border-primary-hover);
}
.quickview-container .border-primary-active {
  border-color: var(--hmf-border-primary-active);
}
.quickview-container .border-secondary-static {
  border-color: var(--hmf-border-secondary-static);
}
.quickview-container .border-secondary-hover {
  border-color: var(--hmf-border-secondary-hover);
}
.quickview-container .border-secondary-active {
  border-color: var(--hmf-border-secondary-active);
}
.quickview-container .border-secondary-subtle-static {
  border-color: var(--hmf-border-secondary-subtle-static);
}
.quickview-container .border-secondary-subtle-hover {
  border-color: var(--hmf-border-secondary-subtle-hover);
}
.quickview-container .border-secondary-subtle-active {
  border-color: var(--hmf-border-secondary-subtle-active);
}
.quickview-container .border-tertiary-static {
  border-color: var(--hmf-border-tertiary-static);
}
.quickview-container .border-tertiary-hover {
  border-color: var(--hmf-border-tertiary-hover);
}
.quickview-container .border-tertiary-active {
  border-color: var(--hmf-border-tertiary-active);
}
.quickview-container .border-focused {
  border-color: var(--hmf-border-focused);
}
.quickview-container .border-inverse-focused {
  border-color: var(--hmf-border-inverse-focused);
}
.quickview-container .border-disabled {
  border-color: var(--hmf-border-disabled);
}
.quickview-container .border-disabled-subtle {
  border-color: var(--hmf-border-disabled-subtle);
}
.quickview-container .border-negative {
  border-color: var(--hmf-border-negative);
}
.quickview-container .border-warning {
  border-color: var(--hmf-border-warning);
}
.quickview-container .border-positive {
  border-color: var(--hmf-border-positive);
}
.quickview-container .border-scorecard-subtle {
  border-color: var(--hmf-border-scorecard-subtle);
}
.quickview-container .border-scorecard-gold {
  border-color: var(--hmf-border-scorecard-gold);
}
.quickview-container .border-scorecard-gold-subtle {
  border-color: var(--hmf-border-scorecard-gold-subtle);
}
.quickview-container :root {
  --hmf-auto: auto;
  --hmf-0: 0;
  --hmf-xxxs: 4px;
  --hmf-xxs: 8px;
  --hmf-xs: 12px;
  --hmf-s: 16px;
  --hmf-m: 24px;
  --hmf-l: 32px;
  --hmf-xl: 48px;
  --hmf-xxl: 72px;
  --hmf-xxxl: 96px;
  --hmf-xxxxl: 120px;
}
.quickview-container :root {
  --hmf-sharp-radius: 0px;
  --hmf-soft-radius: 8px;
  --hmf-round-radius: 80px;
}
.quickview-container :root {
  --hmf-subtle-shadow: 0px 2px 2px 0px rgb(26 26 26 / 0.08);
  --hmf-soft-shadow: 0px 4px 7px 1px rgb(25 31 28 / 0.15);
  --hmf-elevated-shadow: 0px 2px 8px -2px rgb(26 26 26 / 0.20);
  --hmf-elevated-up-shadow: 0px -2px 8px -2px rgb(26 26 26 / 0.20);
}
.quickview-container .hmf-display-outline-xxl {
  font-family: var(--font-display-outline) !important;
  font-size: var(--display-font-size-xxl) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-xxl) !important;
  line-height: var(--display-line-height-xxl) !important;
  text-transform: var(--display-text-transform) !important;
}
.quickview-container .hmf-display-outline-xl {
  font-family: var(--font-display-outline) !important;
  font-size: var(--display-font-size-xl) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-xl) !important;
  line-height: var(--display-line-height-xl) !important;
  text-transform: var(--display-text-transform) !important;
}
.quickview-container .hmf-display-outline-l {
  font-family: var(--font-display-outline) !important;
  font-size: var(--display-font-size-l) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-l) !important;
  line-height: var(--display-line-height-l) !important;
  text-transform: var(--display-text-transform) !important;
}
.quickview-container .hmf-display-outline-m {
  font-family: var(--font-display-outline) !important;
  font-size: var(--display-font-size-m) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-m) !important;
  line-height: var(--display-line-height-m) !important;
  text-transform: var(--display-text-transform) !important;
}
.quickview-container .hmf-display-outline-s {
  font-family: var(--font-display-outline) !important;
  font-size: var(--display-font-size-s) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-s) !important;
  line-height: var(--display-line-height-s) !important;
  text-transform: var(--display-text-transform) !important;
}
.quickview-container .hmf-display-outline-xs {
  font-family: var(--font-display-outline) !important;
  font-size: var(--display-font-size-xs) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-xs) !important;
  line-height: var(--display-line-height-xs) !important;
  text-transform: var(--display-text-transform) !important;
}
.quickview-container .hmf-display-xxl {
  font-family: var(--font-display) !important;
  font-size: var(--display-font-size-xxl) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-xxl) !important;
  line-height: var(--display-line-height-xxl) !important;
  text-transform: var(--display-text-transform) !important;
}
.quickview-container .hmf-display-xl {
  font-family: var(--font-display) !important;
  font-size: var(--display-font-size-xl) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-xl) !important;
  line-height: var(--display-line-height-xl) !important;
  text-transform: var(--display-text-transform) !important;
}
.quickview-container .hmf-display-l {
  font-family: var(--font-display) !important;
  font-size: var(--display-font-size-l) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-l) !important;
  line-height: var(--display-line-height-l) !important;
  text-transform: var(--display-text-transform) !important;
}
.quickview-container .hmf-display-m {
  font-family: var(--font-display) !important;
  font-size: var(--display-font-size-m) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-m) !important;
  line-height: var(--display-line-height-m) !important;
  text-transform: var(--display-text-transform) !important;
}
.quickview-container .hmf-display-s {
  font-family: var(--font-display) !important;
  font-size: var(--display-font-size-s) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-s) !important;
  line-height: var(--display-line-height-s) !important;
  text-transform: var(--display-text-transform) !important;
}
.quickview-container .hmf-display-xs {
  font-family: var(--font-display) !important;
  font-size: var(--display-font-size-xs) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-xs) !important;
  line-height: var(--display-line-height-xs) !important;
  text-transform: var(--display-text-transform) !important;
}
.quickview-container .hmf-header-xl {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-xl) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-xl) !important;
  text-transform: var(--header-text-transform) !important;
}
.quickview-container .hmf-header-l {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-l) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-l) !important;
  text-transform: var(--header-text-transform) !important;
}
.quickview-container .hmf-header-m {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-m) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-m) !important;
  text-transform: var(--header-text-transform) !important;
}
.quickview-container .hmf-header-s {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-s) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-s) !important;
  text-transform: var(--header-text-transform) !important;
}
.quickview-container .hmf-header-xs {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-xs) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-xs) !important;
  text-transform: var(--header-text-transform) !important;
}
.quickview-container .hmf-header-bold-xl {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-xl) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-xl) !important;
  text-transform: var(--header-text-transform) !important;
}
.quickview-container .hmf-header-bold-l {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-l) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-l) !important;
  text-transform: var(--header-text-transform) !important;
}
.quickview-container .hmf-header-bold-m {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-m) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-m) !important;
  text-transform: var(--header-text-transform) !important;
}
.quickview-container .hmf-header-bold-s {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-s) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-s) !important;
  text-transform: var(--header-text-transform) !important;
}
.quickview-container .hmf-header-bold-xs {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-xs) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-xs) !important;
  text-transform: var(--header-text-transform) !important;
}
.quickview-container .hmf-subheader-l {
  font-family: var(--font-primary) !important;
  font-size: var(--subhead-font-size-l) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--subhead-letter-spacing) !important;
  line-height: var(--subhead-line-height-l) !important;
}
.quickview-container .hmf-subheader-m {
  font-family: var(--font-primary) !important;
  font-size: var(--subhead-font-size-m) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--subhead-letter-spacing) !important;
  line-height: var(--subhead-line-height-m) !important;
}
.quickview-container .hmf-subheader-s {
  font-family: var(--font-primary) !important;
  font-size: var(--subhead-font-size-s) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--subhead-letter-spacing) !important;
  line-height: var(--subhead-line-height-s) !important;
}
.quickview-container .hmf-subheader-bold-l {
  font-family: var(--font-primary) !important;
  font-size: var(--subhead-font-size-l) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--subhead-letter-spacing) !important;
  line-height: var(--subhead-line-height-l) !important;
}
.quickview-container .hmf-subheader-bold-m {
  font-family: var(--font-primary) !important;
  font-size: var(--subhead-font-size-m) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--subhead-letter-spacing) !important;
  line-height: var(--subhead-line-height-m) !important;
}
.quickview-container .hmf-subheader-bold-s {
  font-family: var(--font-primary) !important;
  font-size: var(--subhead-font-size-s) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--subhead-letter-spacing) !important;
  line-height: var(--subhead-line-height-s) !important;
}
.quickview-container .hmf-label-l {
  font-family: var(--font-label) !important;
  font-size: var(--label-font-size-l) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--label-letter-spacing) !important;
  line-height: var(--label-line-height-l) !important;
  text-transform: var(--label-text-transform) !important;
}
.quickview-container .hmf-label-m {
  font-family: var(--font-label) !important;
  font-size: var(--label-font-size-m) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--label-letter-spacing) !important;
  line-height: var(--label-line-height-m) !important;
  text-transform: var(--label-text-transform) !important;
}
.quickview-container .hmf-label-s {
  font-family: var(--font-label) !important;
  font-size: var(--label-font-size-s) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--label-letter-spacing) !important;
  line-height: var(--label-line-height-s) !important;
  text-transform: var(--label-text-transform) !important;
}
.quickview-container .hmf-label-xs {
  font-family: var(--font-label) !important;
  font-size: var(--label-font-size-xs) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--label-letter-spacing) !important;
  line-height: var(--label-line-height-xs) !important;
  text-transform: var(--label-text-transform) !important;
}
.quickview-container .hmf-body-l {
  font-family: var(--font-primary) !important;
  font-size: var(--body-font-size-l) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--body-letter-spacing) !important;
  line-height: var(--body-line-height-l) !important;
  text-transform: none !important;
}
.quickview-container .hmf-body-m {
  font-family: var(--font-primary) !important;
  font-size: var(--body-font-size-m) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--body-letter-spacing) !important;
  line-height: var(--body-line-height-m) !important;
  text-transform: none !important;
}
.quickview-container .hmf-body-s {
  font-family: var(--font-primary) !important;
  font-size: var(--body-font-size-s) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--body-letter-spacing) !important;
  line-height: var(--body-line-height-s) !important;
  text-transform: none !important;
}
.quickview-container .hmf-body-bold-l {
  font-family: var(--font-primary) !important;
  font-size: var(--body-font-size-l) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--body-letter-spacing) !important;
  line-height: var(--body-line-height-l) !important;
}
.quickview-container .hmf-body-bold-m {
  font-family: var(--font-primary) !important;
  font-size: var(--body-font-size-m) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--body-letter-spacing) !important;
  line-height: var(--body-line-height-m) !important;
}
.quickview-container .hmf-body-bold-s {
  font-family: var(--font-primary) !important;
  font-size: var(--body-font-size-s) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--body-letter-spacing) !important;
  line-height: var(--body-line-height-s) !important;
}
.quickview-container .hmf-legal-s {
  font-family: var(--font-primary) !important;
  font-size: var(--legal-font-size-s) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--legal-letter-spacing) !important;
  line-height: var(--legal-line-height-s) !important;
}
.quickview-container .hmf-legal-xs {
  font-family: var(--font-primary) !important;
  font-size: var(--legal-font-size-xs) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--legal-letter-spacing) !important;
  line-height: var(--legal-line-height-xs) !important;
}
.quickview-container .hmf-text-decoration-dashed {
  text-decoration: dashed;
}
.quickview-container .hmf-text-decoration-dotted {
  text-decoration: dotted;
}
.quickview-container .hmf-text-decoration-double {
  text-decoration: double;
}
.quickview-container .hmf-text-decoration-linethrough {
  text-decoration: line-through;
}
.quickview-container .hmf-text-decoration-none {
  text-decoration: none;
}
.quickview-container .hmf-text-decoration-overline {
  text-decoration: overline;
}
.quickview-container .hmf-text-decoration-solid {
  text-decoration: solid;
}
.quickview-container .hmf-text-decoration-underline {
  text-decoration: underline;
}
.quickview-container .hmf-text-decoration-wavy {
  text-decoration: wavy;
}
.quickview-container .hmf-text-transform-capitalize {
  text-transform: capitalize;
}
.quickview-container .hmf-text-transform-lowercase {
  text-transform: lowercase;
}
.quickview-container .hmf-text-transform-uppercase {
  text-transform: uppercase;
}
.quickview-container .hmf-text-transform-none {
  text-transform: none;
}
.quickview-container .hmf-text-transform-inherit {
  text-transform: inherit;
}
.quickview-container .hmf-text-transform-initial {
  text-transform: initial;
}
.quickview-container .hmf-text-transform-unset {
  text-transform: unset;
}
.quickview-container .hmf-text-align-unset {
  text-align: unset;
}
.quickview-container .hmf-text-align-revert {
  text-align: revert;
}
.quickview-container .hmf-text-align-initial {
  text-align: initial;
}
.quickview-container .hmf-text-align-start {
  text-align: start;
}
.quickview-container .hmf-text-align-end {
  text-align: end;
}
.quickview-container .hmf-text-align-left {
  text-align: left;
}
.quickview-container .hmf-text-align-right {
  text-align: right;
}
.quickview-container .hmf-text-align-center {
  text-align: center;
}
.quickview-container .hmf-text-align-justify {
  text-align: justify;
}
.quickview-container .hmf-display-outline-xxl {
  font-family: var(--font-display-outline) !important;
  font-size: var(--display-font-size-xxl) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-xxl) !important;
  line-height: var(--display-line-height-xxl) !important;
  text-transform: var(--display-text-transform) !important;
}
.quickview-container .hmf-display-outline-xl {
  font-family: var(--font-display-outline) !important;
  font-size: var(--display-font-size-xl) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-xl) !important;
  line-height: var(--display-line-height-xl) !important;
  text-transform: var(--display-text-transform) !important;
}
.quickview-container .hmf-display-outline-l {
  font-family: var(--font-display-outline) !important;
  font-size: var(--display-font-size-l) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-l) !important;
  line-height: var(--display-line-height-l) !important;
  text-transform: var(--display-text-transform) !important;
}
.quickview-container .hmf-display-outline-m {
  font-family: var(--font-display-outline) !important;
  font-size: var(--display-font-size-m) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-m) !important;
  line-height: var(--display-line-height-m) !important;
  text-transform: var(--display-text-transform) !important;
}
.quickview-container .hmf-display-outline-s {
  font-family: var(--font-display-outline) !important;
  font-size: var(--display-font-size-s) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-s) !important;
  line-height: var(--display-line-height-s) !important;
  text-transform: var(--display-text-transform) !important;
}
.quickview-container .hmf-display-outline-xs {
  font-family: var(--font-display-outline) !important;
  font-size: var(--display-font-size-xs) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-xs) !important;
  line-height: var(--display-line-height-xs) !important;
  text-transform: var(--display-text-transform) !important;
}
.quickview-container .hmf-display-xxl {
  font-family: var(--font-display) !important;
  font-size: var(--display-font-size-xxl) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-xxl) !important;
  line-height: var(--display-line-height-xxl) !important;
  text-transform: var(--display-text-transform) !important;
}
.quickview-container .hmf-display-xl {
  font-family: var(--font-display) !important;
  font-size: var(--display-font-size-xl) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-xl) !important;
  line-height: var(--display-line-height-xl) !important;
  text-transform: var(--display-text-transform) !important;
}
.quickview-container .hmf-display-l {
  font-family: var(--font-display) !important;
  font-size: var(--display-font-size-l) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-l) !important;
  line-height: var(--display-line-height-l) !important;
  text-transform: var(--display-text-transform) !important;
}
.quickview-container .hmf-display-m {
  font-family: var(--font-display) !important;
  font-size: var(--display-font-size-m) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-m) !important;
  line-height: var(--display-line-height-m) !important;
  text-transform: var(--display-text-transform) !important;
}
.quickview-container .hmf-display-s {
  font-family: var(--font-display) !important;
  font-size: var(--display-font-size-s) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-s) !important;
  line-height: var(--display-line-height-s) !important;
  text-transform: var(--display-text-transform) !important;
}
.quickview-container .hmf-display-xs {
  font-family: var(--font-display) !important;
  font-size: var(--display-font-size-xs) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-xs) !important;
  line-height: var(--display-line-height-xs) !important;
  text-transform: var(--display-text-transform) !important;
}
.quickview-container .hmf-header-xl {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-xl) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-xl) !important;
  text-transform: var(--header-text-transform) !important;
}
.quickview-container .hmf-header-l {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-l) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-l) !important;
  text-transform: var(--header-text-transform) !important;
}
.quickview-container .hmf-header-m {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-m) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-m) !important;
  text-transform: var(--header-text-transform) !important;
}
.quickview-container .hmf-header-s {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-s) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-s) !important;
  text-transform: var(--header-text-transform) !important;
}
.quickview-container .hmf-header-xs {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-xs) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-xs) !important;
  text-transform: var(--header-text-transform) !important;
}
.quickview-container .hmf-header-bold-xl {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-xl) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-xl) !important;
  text-transform: var(--header-text-transform) !important;
}
.quickview-container .hmf-header-bold-l {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-l) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-l) !important;
  text-transform: var(--header-text-transform) !important;
}
.quickview-container .hmf-header-bold-m {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-m) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-m) !important;
  text-transform: var(--header-text-transform) !important;
}
.quickview-container .hmf-header-bold-s {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-s) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-s) !important;
  text-transform: var(--header-text-transform) !important;
}
.quickview-container .hmf-header-bold-xs {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-xs) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-xs) !important;
  text-transform: var(--header-text-transform) !important;
}
.quickview-container .hmf-subheader-l {
  font-family: var(--font-primary) !important;
  font-size: var(--subhead-font-size-l) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--subhead-letter-spacing) !important;
  line-height: var(--subhead-line-height-l) !important;
}
.quickview-container .hmf-subheader-m {
  font-family: var(--font-primary) !important;
  font-size: var(--subhead-font-size-m) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--subhead-letter-spacing) !important;
  line-height: var(--subhead-line-height-m) !important;
}
.quickview-container .hmf-subheader-s {
  font-family: var(--font-primary) !important;
  font-size: var(--subhead-font-size-s) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--subhead-letter-spacing) !important;
  line-height: var(--subhead-line-height-s) !important;
}
.quickview-container .hmf-subheader-bold-l {
  font-family: var(--font-primary) !important;
  font-size: var(--subhead-font-size-l) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--subhead-letter-spacing) !important;
  line-height: var(--subhead-line-height-l) !important;
}
.quickview-container .hmf-subheader-bold-m {
  font-family: var(--font-primary) !important;
  font-size: var(--subhead-font-size-m) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--subhead-letter-spacing) !important;
  line-height: var(--subhead-line-height-m) !important;
}
.quickview-container .hmf-subheader-bold-s {
  font-family: var(--font-primary) !important;
  font-size: var(--subhead-font-size-s) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--subhead-letter-spacing) !important;
  line-height: var(--subhead-line-height-s) !important;
}
.quickview-container .hmf-label-l {
  font-family: var(--font-label) !important;
  font-size: var(--label-font-size-l) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--label-letter-spacing) !important;
  line-height: var(--label-line-height-l) !important;
  text-transform: var(--label-text-transform) !important;
}
.quickview-container .hmf-label-m {
  font-family: var(--font-label) !important;
  font-size: var(--label-font-size-m) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--label-letter-spacing) !important;
  line-height: var(--label-line-height-m) !important;
  text-transform: var(--label-text-transform) !important;
}
.quickview-container .hmf-label-s {
  font-family: var(--font-label) !important;
  font-size: var(--label-font-size-s) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--label-letter-spacing) !important;
  line-height: var(--label-line-height-s) !important;
  text-transform: var(--label-text-transform) !important;
}
.quickview-container .hmf-label-xs {
  font-family: var(--font-label) !important;
  font-size: var(--label-font-size-xs) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--label-letter-spacing) !important;
  line-height: var(--label-line-height-xs) !important;
  text-transform: var(--label-text-transform) !important;
}
.quickview-container .hmf-body-l {
  font-family: var(--font-primary) !important;
  font-size: var(--body-font-size-l) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--body-letter-spacing) !important;
  line-height: var(--body-line-height-l) !important;
  text-transform: none !important;
}
.quickview-container .hmf-body-m {
  font-family: var(--font-primary) !important;
  font-size: var(--body-font-size-m) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--body-letter-spacing) !important;
  line-height: var(--body-line-height-m) !important;
  text-transform: none !important;
}
.quickview-container .hmf-body-s {
  font-family: var(--font-primary) !important;
  font-size: var(--body-font-size-s) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--body-letter-spacing) !important;
  line-height: var(--body-line-height-s) !important;
  text-transform: none !important;
}
.quickview-container .hmf-body-bold-l {
  font-family: var(--font-primary) !important;
  font-size: var(--body-font-size-l) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--body-letter-spacing) !important;
  line-height: var(--body-line-height-l) !important;
}
.quickview-container .hmf-body-bold-m {
  font-family: var(--font-primary) !important;
  font-size: var(--body-font-size-m) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--body-letter-spacing) !important;
  line-height: var(--body-line-height-m) !important;
}
.quickview-container .hmf-body-bold-s {
  font-family: var(--font-primary) !important;
  font-size: var(--body-font-size-s) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--body-letter-spacing) !important;
  line-height: var(--body-line-height-s) !important;
}
.quickview-container .hmf-legal-s {
  font-family: var(--font-primary) !important;
  font-size: var(--legal-font-size-s) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--legal-letter-spacing) !important;
  line-height: var(--legal-line-height-s) !important;
}
.quickview-container .hmf-legal-xs {
  font-family: var(--font-primary) !important;
  font-size: var(--legal-font-size-xs) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--legal-letter-spacing) !important;
  line-height: var(--legal-line-height-xs) !important;
}
.quickview-container .hmf-text-decoration-dashed {
  text-decoration: dashed;
}
.quickview-container .hmf-text-decoration-dotted {
  text-decoration: dotted;
}
.quickview-container .hmf-text-decoration-double {
  text-decoration: double;
}
.quickview-container .hmf-text-decoration-linethrough {
  text-decoration: line-through;
}
.quickview-container .hmf-text-decoration-none {
  text-decoration: none;
}
.quickview-container .hmf-text-decoration-overline {
  text-decoration: overline;
}
.quickview-container .hmf-text-decoration-solid {
  text-decoration: solid;
}
.quickview-container .hmf-text-decoration-underline {
  text-decoration: underline;
}
.quickview-container .hmf-text-decoration-wavy {
  text-decoration: wavy;
}
.quickview-container .hmf-text-transform-capitalize {
  text-transform: capitalize;
}
.quickview-container .hmf-text-transform-lowercase {
  text-transform: lowercase;
}
.quickview-container .hmf-text-transform-uppercase {
  text-transform: uppercase;
}
.quickview-container .hmf-text-transform-none {
  text-transform: none;
}
.quickview-container .hmf-text-transform-inherit {
  text-transform: inherit;
}
.quickview-container .hmf-text-transform-initial {
  text-transform: initial;
}
.quickview-container .hmf-text-transform-unset {
  text-transform: unset;
}
.quickview-container .hmf-text-align-unset {
  text-align: unset;
}
.quickview-container .hmf-text-align-revert {
  text-align: revert;
}
.quickview-container .hmf-text-align-initial {
  text-align: initial;
}
.quickview-container .hmf-text-align-start {
  text-align: start;
}
.quickview-container .hmf-text-align-end {
  text-align: end;
}
.quickview-container .hmf-text-align-left {
  text-align: left;
}
.quickview-container .hmf-text-align-right {
  text-align: right;
}
.quickview-container .hmf-text-align-center {
  text-align: center;
}
.quickview-container .hmf-text-align-justify {
  text-align: justify;
}
@media (min-width: 375px) {
  .quickview-container .hmf-display-outline-s-xxl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-s-xl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-s-l {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-s-m {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-s-s {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-s-xs {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-s-xxl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-s-xl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-s-l {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-s-m {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-s-s {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-s-xs {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-header-s-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-s-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-s-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-s-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-s-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-s-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-s-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-s-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-s-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-s-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-subheader-s-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .quickview-container .hmf-subheader-s-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .quickview-container .hmf-subheader-s-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .quickview-container .hmf-subheader-bold-s-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .quickview-container .hmf-subheader-bold-s-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .quickview-container .hmf-subheader-bold-s-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .quickview-container .hmf-label-s-l {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-l) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-label-s-m {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-m) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-label-s-s {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-s) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-label-s-xs {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-xs) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-body-s-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
    text-transform: none !important;
  }
  .quickview-container .hmf-body-s-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
    text-transform: none !important;
  }
  .quickview-container .hmf-body-s-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
    text-transform: none !important;
  }
  .quickview-container .hmf-body-bold-s-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
  }
  .quickview-container .hmf-body-bold-s-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
  }
  .quickview-container .hmf-body-bold-s-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
  }
  .quickview-container .hmf-legal-s-s {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-s) !important;
  }
  .quickview-container .hmf-legal-s-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-xs) !important;
  }
  .quickview-container .hmf-text-decoration-s-dashed {
    text-decoration: dashed;
  }
  .quickview-container .hmf-text-decoration-s-dotted {
    text-decoration: dotted;
  }
  .quickview-container .hmf-text-decoration-s-double {
    text-decoration: double;
  }
  .quickview-container .hmf-text-decoration-s-linethrough {
    text-decoration: line-through;
  }
  .quickview-container .hmf-text-decoration-s-none {
    text-decoration: none;
  }
  .quickview-container .hmf-text-decoration-s-overline {
    text-decoration: overline;
  }
  .quickview-container .hmf-text-decoration-s-solid {
    text-decoration: solid;
  }
  .quickview-container .hmf-text-decoration-s-underline {
    text-decoration: underline;
  }
  .quickview-container .hmf-text-decoration-s-wavy {
    text-decoration: wavy;
  }
  .quickview-container .hmf-text-transform-s-capitalize {
    text-transform: capitalize;
  }
  .quickview-container .hmf-text-transform-s-lowercase {
    text-transform: lowercase;
  }
  .quickview-container .hmf-text-transform-s-uppercase {
    text-transform: uppercase;
  }
  .quickview-container .hmf-text-transform-s-none {
    text-transform: none;
  }
  .quickview-container .hmf-text-transform-s-inherit {
    text-transform: inherit;
  }
  .quickview-container .hmf-text-transform-s-initial {
    text-transform: initial;
  }
  .quickview-container .hmf-text-transform-s-unset {
    text-transform: unset;
  }
  .quickview-container .hmf-text-align-s-unset {
    text-align: unset;
  }
  .quickview-container .hmf-text-align-s-revert {
    text-align: revert;
  }
  .quickview-container .hmf-text-align-s-initial {
    text-align: initial;
  }
  .quickview-container .hmf-text-align-s-start {
    text-align: start;
  }
  .quickview-container .hmf-text-align-s-end {
    text-align: end;
  }
  .quickview-container .hmf-text-align-s-left {
    text-align: left;
  }
  .quickview-container .hmf-text-align-s-right {
    text-align: right;
  }
  .quickview-container .hmf-text-align-s-center {
    text-align: center;
  }
  .quickview-container .hmf-text-align-s-justify {
    text-align: justify;
  }
}
@media (min-width: 375px) {
  .quickview-container .hmf-display-outline-xsm-xxl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-xsm-xl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-xsm-l {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-xsm-m {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-xsm-s {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-xsm-xs {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-xsm-xxl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-xsm-xl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-xsm-l {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-xsm-m {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-xsm-s {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-xsm-xs {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-header-xsm-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-xsm-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-xsm-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-xsm-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-xsm-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-xsm-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-xsm-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-xsm-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-xsm-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-xsm-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-subheader-xsm-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .quickview-container .hmf-subheader-xsm-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .quickview-container .hmf-subheader-xsm-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .quickview-container .hmf-subheader-bold-xsm-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .quickview-container .hmf-subheader-bold-xsm-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .quickview-container .hmf-subheader-bold-xsm-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .quickview-container .hmf-label-xsm-l {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-l) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-label-xsm-m {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-m) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-label-xsm-s {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-s) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-label-xsm-xs {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-xs) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-body-xsm-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
    text-transform: none !important;
  }
  .quickview-container .hmf-body-xsm-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
    text-transform: none !important;
  }
  .quickview-container .hmf-body-xsm-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
    text-transform: none !important;
  }
  .quickview-container .hmf-body-bold-xsm-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
  }
  .quickview-container .hmf-body-bold-xsm-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
  }
  .quickview-container .hmf-body-bold-xsm-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
  }
  .quickview-container .hmf-legal-xsm-s {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-s) !important;
  }
  .quickview-container .hmf-legal-xsm-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-xs) !important;
  }
  .quickview-container .hmf-text-decoration-xsm-dashed {
    text-decoration: dashed;
  }
  .quickview-container .hmf-text-decoration-xsm-dotted {
    text-decoration: dotted;
  }
  .quickview-container .hmf-text-decoration-xsm-double {
    text-decoration: double;
  }
  .quickview-container .hmf-text-decoration-xsm-linethrough {
    text-decoration: line-through;
  }
  .quickview-container .hmf-text-decoration-xsm-none {
    text-decoration: none;
  }
  .quickview-container .hmf-text-decoration-xsm-overline {
    text-decoration: overline;
  }
  .quickview-container .hmf-text-decoration-xsm-solid {
    text-decoration: solid;
  }
  .quickview-container .hmf-text-decoration-xsm-underline {
    text-decoration: underline;
  }
  .quickview-container .hmf-text-decoration-xsm-wavy {
    text-decoration: wavy;
  }
  .quickview-container .hmf-text-transform-xsm-capitalize {
    text-transform: capitalize;
  }
  .quickview-container .hmf-text-transform-xsm-lowercase {
    text-transform: lowercase;
  }
  .quickview-container .hmf-text-transform-xsm-uppercase {
    text-transform: uppercase;
  }
  .quickview-container .hmf-text-transform-xsm-none {
    text-transform: none;
  }
  .quickview-container .hmf-text-transform-xsm-inherit {
    text-transform: inherit;
  }
  .quickview-container .hmf-text-transform-xsm-initial {
    text-transform: initial;
  }
  .quickview-container .hmf-text-transform-xsm-unset {
    text-transform: unset;
  }
  .quickview-container .hmf-text-align-xsm-unset {
    text-align: unset;
  }
  .quickview-container .hmf-text-align-xsm-revert {
    text-align: revert;
  }
  .quickview-container .hmf-text-align-xsm-initial {
    text-align: initial;
  }
  .quickview-container .hmf-text-align-xsm-start {
    text-align: start;
  }
  .quickview-container .hmf-text-align-xsm-end {
    text-align: end;
  }
  .quickview-container .hmf-text-align-xsm-left {
    text-align: left;
  }
  .quickview-container .hmf-text-align-xsm-right {
    text-align: right;
  }
  .quickview-container .hmf-text-align-xsm-center {
    text-align: center;
  }
  .quickview-container .hmf-text-align-xsm-justify {
    text-align: justify;
  }
}
@media (min-width: 480px) {
  .quickview-container .hmf-display-outline-sm-xxl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-sm-xl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-sm-l {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-sm-m {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-sm-s {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-sm-xs {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-sm-xxl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-sm-xl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-sm-l {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-sm-m {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-sm-s {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-sm-xs {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-header-sm-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-sm-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-sm-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-sm-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-sm-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-sm-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-sm-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-sm-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-sm-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-sm-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-subheader-sm-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .quickview-container .hmf-subheader-sm-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .quickview-container .hmf-subheader-sm-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .quickview-container .hmf-subheader-bold-sm-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .quickview-container .hmf-subheader-bold-sm-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .quickview-container .hmf-subheader-bold-sm-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .quickview-container .hmf-label-sm-l {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-l) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-label-sm-m {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-m) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-label-sm-s {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-s) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-label-sm-xs {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-xs) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-body-sm-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
    text-transform: none !important;
  }
  .quickview-container .hmf-body-sm-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
    text-transform: none !important;
  }
  .quickview-container .hmf-body-sm-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
    text-transform: none !important;
  }
  .quickview-container .hmf-body-bold-sm-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
  }
  .quickview-container .hmf-body-bold-sm-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
  }
  .quickview-container .hmf-body-bold-sm-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
  }
  .quickview-container .hmf-legal-sm-s {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-s) !important;
  }
  .quickview-container .hmf-legal-sm-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-xs) !important;
  }
  .quickview-container .hmf-text-decoration-sm-dashed {
    text-decoration: dashed;
  }
  .quickview-container .hmf-text-decoration-sm-dotted {
    text-decoration: dotted;
  }
  .quickview-container .hmf-text-decoration-sm-double {
    text-decoration: double;
  }
  .quickview-container .hmf-text-decoration-sm-linethrough {
    text-decoration: line-through;
  }
  .quickview-container .hmf-text-decoration-sm-none {
    text-decoration: none;
  }
  .quickview-container .hmf-text-decoration-sm-overline {
    text-decoration: overline;
  }
  .quickview-container .hmf-text-decoration-sm-solid {
    text-decoration: solid;
  }
  .quickview-container .hmf-text-decoration-sm-underline {
    text-decoration: underline;
  }
  .quickview-container .hmf-text-decoration-sm-wavy {
    text-decoration: wavy;
  }
  .quickview-container .hmf-text-transform-sm-capitalize {
    text-transform: capitalize;
  }
  .quickview-container .hmf-text-transform-sm-lowercase {
    text-transform: lowercase;
  }
  .quickview-container .hmf-text-transform-sm-uppercase {
    text-transform: uppercase;
  }
  .quickview-container .hmf-text-transform-sm-none {
    text-transform: none;
  }
  .quickview-container .hmf-text-transform-sm-inherit {
    text-transform: inherit;
  }
  .quickview-container .hmf-text-transform-sm-initial {
    text-transform: initial;
  }
  .quickview-container .hmf-text-transform-sm-unset {
    text-transform: unset;
  }
  .quickview-container .hmf-text-align-sm-unset {
    text-align: unset;
  }
  .quickview-container .hmf-text-align-sm-revert {
    text-align: revert;
  }
  .quickview-container .hmf-text-align-sm-initial {
    text-align: initial;
  }
  .quickview-container .hmf-text-align-sm-start {
    text-align: start;
  }
  .quickview-container .hmf-text-align-sm-end {
    text-align: end;
  }
  .quickview-container .hmf-text-align-sm-left {
    text-align: left;
  }
  .quickview-container .hmf-text-align-sm-right {
    text-align: right;
  }
  .quickview-container .hmf-text-align-sm-center {
    text-align: center;
  }
  .quickview-container .hmf-text-align-sm-justify {
    text-align: justify;
  }
}
@media (min-width: 768px) {
  .quickview-container .hmf-display-outline-m-xxl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-m-xl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-m-l {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-m-m {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-m-s {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-m-xs {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-m-xxl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-m-xl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-m-l {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-m-m {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-m-s {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-m-xs {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-header-m-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-m-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-m-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-m-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-m-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-m-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-m-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-m-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-m-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-m-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-subheader-m-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .quickview-container .hmf-subheader-m-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .quickview-container .hmf-subheader-m-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .quickview-container .hmf-subheader-bold-m-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .quickview-container .hmf-subheader-bold-m-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .quickview-container .hmf-subheader-bold-m-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .quickview-container .hmf-label-m-l {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-l) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-label-m-m {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-m) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-label-m-s {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-s) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-label-m-xs {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-xs) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-body-m-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
    text-transform: none !important;
  }
  .quickview-container .hmf-body-m-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
    text-transform: none !important;
  }
  .quickview-container .hmf-body-m-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
    text-transform: none !important;
  }
  .quickview-container .hmf-body-bold-m-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
  }
  .quickview-container .hmf-body-bold-m-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
  }
  .quickview-container .hmf-body-bold-m-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
  }
  .quickview-container .hmf-legal-m-s {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-s) !important;
  }
  .quickview-container .hmf-legal-m-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-xs) !important;
  }
  .quickview-container .hmf-text-decoration-m-dashed {
    text-decoration: dashed;
  }
  .quickview-container .hmf-text-decoration-m-dotted {
    text-decoration: dotted;
  }
  .quickview-container .hmf-text-decoration-m-double {
    text-decoration: double;
  }
  .quickview-container .hmf-text-decoration-m-linethrough {
    text-decoration: line-through;
  }
  .quickview-container .hmf-text-decoration-m-none {
    text-decoration: none;
  }
  .quickview-container .hmf-text-decoration-m-overline {
    text-decoration: overline;
  }
  .quickview-container .hmf-text-decoration-m-solid {
    text-decoration: solid;
  }
  .quickview-container .hmf-text-decoration-m-underline {
    text-decoration: underline;
  }
  .quickview-container .hmf-text-decoration-m-wavy {
    text-decoration: wavy;
  }
  .quickview-container .hmf-text-transform-m-capitalize {
    text-transform: capitalize;
  }
  .quickview-container .hmf-text-transform-m-lowercase {
    text-transform: lowercase;
  }
  .quickview-container .hmf-text-transform-m-uppercase {
    text-transform: uppercase;
  }
  .quickview-container .hmf-text-transform-m-none {
    text-transform: none;
  }
  .quickview-container .hmf-text-transform-m-inherit {
    text-transform: inherit;
  }
  .quickview-container .hmf-text-transform-m-initial {
    text-transform: initial;
  }
  .quickview-container .hmf-text-transform-m-unset {
    text-transform: unset;
  }
  .quickview-container .hmf-text-align-m-unset {
    text-align: unset;
  }
  .quickview-container .hmf-text-align-m-revert {
    text-align: revert;
  }
  .quickview-container .hmf-text-align-m-initial {
    text-align: initial;
  }
  .quickview-container .hmf-text-align-m-start {
    text-align: start;
  }
  .quickview-container .hmf-text-align-m-end {
    text-align: end;
  }
  .quickview-container .hmf-text-align-m-left {
    text-align: left;
  }
  .quickview-container .hmf-text-align-m-right {
    text-align: right;
  }
  .quickview-container .hmf-text-align-m-center {
    text-align: center;
  }
  .quickview-container .hmf-text-align-m-justify {
    text-align: justify;
  }
}
@media (min-width: 768px) {
  .quickview-container .hmf-display-outline-md-xxl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-md-xl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-md-l {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-md-m {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-md-s {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-md-xs {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-md-xxl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-md-xl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-md-l {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-md-m {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-md-s {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-md-xs {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-header-md-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-md-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-md-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-md-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-md-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-md-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-md-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-md-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-md-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-md-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-subheader-md-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .quickview-container .hmf-subheader-md-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .quickview-container .hmf-subheader-md-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .quickview-container .hmf-subheader-bold-md-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .quickview-container .hmf-subheader-bold-md-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .quickview-container .hmf-subheader-bold-md-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .quickview-container .hmf-label-md-l {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-l) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-label-md-m {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-m) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-label-md-s {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-s) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-label-md-xs {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-xs) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-body-md-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
    text-transform: none !important;
  }
  .quickview-container .hmf-body-md-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
    text-transform: none !important;
  }
  .quickview-container .hmf-body-md-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
    text-transform: none !important;
  }
  .quickview-container .hmf-body-bold-md-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
  }
  .quickview-container .hmf-body-bold-md-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
  }
  .quickview-container .hmf-body-bold-md-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
  }
  .quickview-container .hmf-legal-md-s {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-s) !important;
  }
  .quickview-container .hmf-legal-md-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-xs) !important;
  }
  .quickview-container .hmf-text-decoration-md-dashed {
    text-decoration: dashed;
  }
  .quickview-container .hmf-text-decoration-md-dotted {
    text-decoration: dotted;
  }
  .quickview-container .hmf-text-decoration-md-double {
    text-decoration: double;
  }
  .quickview-container .hmf-text-decoration-md-linethrough {
    text-decoration: line-through;
  }
  .quickview-container .hmf-text-decoration-md-none {
    text-decoration: none;
  }
  .quickview-container .hmf-text-decoration-md-overline {
    text-decoration: overline;
  }
  .quickview-container .hmf-text-decoration-md-solid {
    text-decoration: solid;
  }
  .quickview-container .hmf-text-decoration-md-underline {
    text-decoration: underline;
  }
  .quickview-container .hmf-text-decoration-md-wavy {
    text-decoration: wavy;
  }
  .quickview-container .hmf-text-transform-md-capitalize {
    text-transform: capitalize;
  }
  .quickview-container .hmf-text-transform-md-lowercase {
    text-transform: lowercase;
  }
  .quickview-container .hmf-text-transform-md-uppercase {
    text-transform: uppercase;
  }
  .quickview-container .hmf-text-transform-md-none {
    text-transform: none;
  }
  .quickview-container .hmf-text-transform-md-inherit {
    text-transform: inherit;
  }
  .quickview-container .hmf-text-transform-md-initial {
    text-transform: initial;
  }
  .quickview-container .hmf-text-transform-md-unset {
    text-transform: unset;
  }
  .quickview-container .hmf-text-align-md-unset {
    text-align: unset;
  }
  .quickview-container .hmf-text-align-md-revert {
    text-align: revert;
  }
  .quickview-container .hmf-text-align-md-initial {
    text-align: initial;
  }
  .quickview-container .hmf-text-align-md-start {
    text-align: start;
  }
  .quickview-container .hmf-text-align-md-end {
    text-align: end;
  }
  .quickview-container .hmf-text-align-md-left {
    text-align: left;
  }
  .quickview-container .hmf-text-align-md-right {
    text-align: right;
  }
  .quickview-container .hmf-text-align-md-center {
    text-align: center;
  }
  .quickview-container .hmf-text-align-md-justify {
    text-align: justify;
  }
}
@media (min-width: 1024px) {
  .quickview-container .hmf-display-outline-lg-xxl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-lg-xl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-lg-l {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-lg-m {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-lg-s {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-lg-xs {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-lg-xxl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-lg-xl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-lg-l {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-lg-m {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-lg-s {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-lg-xs {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-header-lg-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-lg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-lg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-lg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-lg-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-lg-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-lg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-lg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-lg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-lg-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-subheader-lg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .quickview-container .hmf-subheader-lg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .quickview-container .hmf-subheader-lg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .quickview-container .hmf-subheader-bold-lg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .quickview-container .hmf-subheader-bold-lg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .quickview-container .hmf-subheader-bold-lg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .quickview-container .hmf-label-lg-l {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-l) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-label-lg-m {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-m) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-label-lg-s {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-s) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-label-lg-xs {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-xs) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-body-lg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
    text-transform: none !important;
  }
  .quickview-container .hmf-body-lg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
    text-transform: none !important;
  }
  .quickview-container .hmf-body-lg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
    text-transform: none !important;
  }
  .quickview-container .hmf-body-bold-lg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
  }
  .quickview-container .hmf-body-bold-lg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
  }
  .quickview-container .hmf-body-bold-lg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
  }
  .quickview-container .hmf-legal-lg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-s) !important;
  }
  .quickview-container .hmf-legal-lg-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-xs) !important;
  }
  .quickview-container .hmf-text-decoration-lg-dashed {
    text-decoration: dashed;
  }
  .quickview-container .hmf-text-decoration-lg-dotted {
    text-decoration: dotted;
  }
  .quickview-container .hmf-text-decoration-lg-double {
    text-decoration: double;
  }
  .quickview-container .hmf-text-decoration-lg-linethrough {
    text-decoration: line-through;
  }
  .quickview-container .hmf-text-decoration-lg-none {
    text-decoration: none;
  }
  .quickview-container .hmf-text-decoration-lg-overline {
    text-decoration: overline;
  }
  .quickview-container .hmf-text-decoration-lg-solid {
    text-decoration: solid;
  }
  .quickview-container .hmf-text-decoration-lg-underline {
    text-decoration: underline;
  }
  .quickview-container .hmf-text-decoration-lg-wavy {
    text-decoration: wavy;
  }
  .quickview-container .hmf-text-transform-lg-capitalize {
    text-transform: capitalize;
  }
  .quickview-container .hmf-text-transform-lg-lowercase {
    text-transform: lowercase;
  }
  .quickview-container .hmf-text-transform-lg-uppercase {
    text-transform: uppercase;
  }
  .quickview-container .hmf-text-transform-lg-none {
    text-transform: none;
  }
  .quickview-container .hmf-text-transform-lg-inherit {
    text-transform: inherit;
  }
  .quickview-container .hmf-text-transform-lg-initial {
    text-transform: initial;
  }
  .quickview-container .hmf-text-transform-lg-unset {
    text-transform: unset;
  }
  .quickview-container .hmf-text-align-lg-unset {
    text-align: unset;
  }
  .quickview-container .hmf-text-align-lg-revert {
    text-align: revert;
  }
  .quickview-container .hmf-text-align-lg-initial {
    text-align: initial;
  }
  .quickview-container .hmf-text-align-lg-start {
    text-align: start;
  }
  .quickview-container .hmf-text-align-lg-end {
    text-align: end;
  }
  .quickview-container .hmf-text-align-lg-left {
    text-align: left;
  }
  .quickview-container .hmf-text-align-lg-right {
    text-align: right;
  }
  .quickview-container .hmf-text-align-lg-center {
    text-align: center;
  }
  .quickview-container .hmf-text-align-lg-justify {
    text-align: justify;
  }
}
@media (min-width: 1280px) {
  .quickview-container .hmf-display-outline-l-xxl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-l-xl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-l-l {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-l-m {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-l-s {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-l-xs {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-l-xxl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-l-xl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-l-l {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-l-m {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-l-s {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-l-xs {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-header-l-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-l-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-l-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-l-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-l-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-l-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-l-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-l-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-l-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-l-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-subheader-l-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .quickview-container .hmf-subheader-l-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .quickview-container .hmf-subheader-l-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .quickview-container .hmf-subheader-bold-l-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .quickview-container .hmf-subheader-bold-l-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .quickview-container .hmf-subheader-bold-l-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .quickview-container .hmf-label-l-l {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-l) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-label-l-m {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-m) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-label-l-s {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-s) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-label-l-xs {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-xs) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-body-l-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
    text-transform: none !important;
  }
  .quickview-container .hmf-body-l-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
    text-transform: none !important;
  }
  .quickview-container .hmf-body-l-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
    text-transform: none !important;
  }
  .quickview-container .hmf-body-bold-l-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
  }
  .quickview-container .hmf-body-bold-l-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
  }
  .quickview-container .hmf-body-bold-l-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
  }
  .quickview-container .hmf-legal-l-s {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-s) !important;
  }
  .quickview-container .hmf-legal-l-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-xs) !important;
  }
  .quickview-container .hmf-text-decoration-l-dashed {
    text-decoration: dashed;
  }
  .quickview-container .hmf-text-decoration-l-dotted {
    text-decoration: dotted;
  }
  .quickview-container .hmf-text-decoration-l-double {
    text-decoration: double;
  }
  .quickview-container .hmf-text-decoration-l-linethrough {
    text-decoration: line-through;
  }
  .quickview-container .hmf-text-decoration-l-none {
    text-decoration: none;
  }
  .quickview-container .hmf-text-decoration-l-overline {
    text-decoration: overline;
  }
  .quickview-container .hmf-text-decoration-l-solid {
    text-decoration: solid;
  }
  .quickview-container .hmf-text-decoration-l-underline {
    text-decoration: underline;
  }
  .quickview-container .hmf-text-decoration-l-wavy {
    text-decoration: wavy;
  }
  .quickview-container .hmf-text-transform-l-capitalize {
    text-transform: capitalize;
  }
  .quickview-container .hmf-text-transform-l-lowercase {
    text-transform: lowercase;
  }
  .quickview-container .hmf-text-transform-l-uppercase {
    text-transform: uppercase;
  }
  .quickview-container .hmf-text-transform-l-none {
    text-transform: none;
  }
  .quickview-container .hmf-text-transform-l-inherit {
    text-transform: inherit;
  }
  .quickview-container .hmf-text-transform-l-initial {
    text-transform: initial;
  }
  .quickview-container .hmf-text-transform-l-unset {
    text-transform: unset;
  }
  .quickview-container .hmf-text-align-l-unset {
    text-align: unset;
  }
  .quickview-container .hmf-text-align-l-revert {
    text-align: revert;
  }
  .quickview-container .hmf-text-align-l-initial {
    text-align: initial;
  }
  .quickview-container .hmf-text-align-l-start {
    text-align: start;
  }
  .quickview-container .hmf-text-align-l-end {
    text-align: end;
  }
  .quickview-container .hmf-text-align-l-left {
    text-align: left;
  }
  .quickview-container .hmf-text-align-l-right {
    text-align: right;
  }
  .quickview-container .hmf-text-align-l-center {
    text-align: center;
  }
  .quickview-container .hmf-text-align-l-justify {
    text-align: justify;
  }
}
@media (min-width: 1280px) {
  .quickview-container .hmf-display-outline-xlg-xxl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-xlg-xl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-xlg-l {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-xlg-m {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-xlg-s {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-xlg-xs {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-xlg-xxl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-xlg-xl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-xlg-l {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-xlg-m {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-xlg-s {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-xlg-xs {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-header-xlg-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-xlg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-xlg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-xlg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-xlg-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-xlg-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-xlg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-xlg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-xlg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-xlg-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-subheader-xlg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .quickview-container .hmf-subheader-xlg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .quickview-container .hmf-subheader-xlg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .quickview-container .hmf-subheader-bold-xlg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .quickview-container .hmf-subheader-bold-xlg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .quickview-container .hmf-subheader-bold-xlg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .quickview-container .hmf-label-xlg-l {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-l) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-label-xlg-m {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-m) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-label-xlg-s {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-s) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-label-xlg-xs {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-xs) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-body-xlg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
    text-transform: none !important;
  }
  .quickview-container .hmf-body-xlg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
    text-transform: none !important;
  }
  .quickview-container .hmf-body-xlg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
    text-transform: none !important;
  }
  .quickview-container .hmf-body-bold-xlg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
  }
  .quickview-container .hmf-body-bold-xlg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
  }
  .quickview-container .hmf-body-bold-xlg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
  }
  .quickview-container .hmf-legal-xlg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-s) !important;
  }
  .quickview-container .hmf-legal-xlg-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-xs) !important;
  }
  .quickview-container .hmf-text-decoration-xlg-dashed {
    text-decoration: dashed;
  }
  .quickview-container .hmf-text-decoration-xlg-dotted {
    text-decoration: dotted;
  }
  .quickview-container .hmf-text-decoration-xlg-double {
    text-decoration: double;
  }
  .quickview-container .hmf-text-decoration-xlg-linethrough {
    text-decoration: line-through;
  }
  .quickview-container .hmf-text-decoration-xlg-none {
    text-decoration: none;
  }
  .quickview-container .hmf-text-decoration-xlg-overline {
    text-decoration: overline;
  }
  .quickview-container .hmf-text-decoration-xlg-solid {
    text-decoration: solid;
  }
  .quickview-container .hmf-text-decoration-xlg-underline {
    text-decoration: underline;
  }
  .quickview-container .hmf-text-decoration-xlg-wavy {
    text-decoration: wavy;
  }
  .quickview-container .hmf-text-transform-xlg-capitalize {
    text-transform: capitalize;
  }
  .quickview-container .hmf-text-transform-xlg-lowercase {
    text-transform: lowercase;
  }
  .quickview-container .hmf-text-transform-xlg-uppercase {
    text-transform: uppercase;
  }
  .quickview-container .hmf-text-transform-xlg-none {
    text-transform: none;
  }
  .quickview-container .hmf-text-transform-xlg-inherit {
    text-transform: inherit;
  }
  .quickview-container .hmf-text-transform-xlg-initial {
    text-transform: initial;
  }
  .quickview-container .hmf-text-transform-xlg-unset {
    text-transform: unset;
  }
  .quickview-container .hmf-text-align-xlg-unset {
    text-align: unset;
  }
  .quickview-container .hmf-text-align-xlg-revert {
    text-align: revert;
  }
  .quickview-container .hmf-text-align-xlg-initial {
    text-align: initial;
  }
  .quickview-container .hmf-text-align-xlg-start {
    text-align: start;
  }
  .quickview-container .hmf-text-align-xlg-end {
    text-align: end;
  }
  .quickview-container .hmf-text-align-xlg-left {
    text-align: left;
  }
  .quickview-container .hmf-text-align-xlg-right {
    text-align: right;
  }
  .quickview-container .hmf-text-align-xlg-center {
    text-align: center;
  }
  .quickview-container .hmf-text-align-xlg-justify {
    text-align: justify;
  }
}
@media (min-width: 1440px) {
  .quickview-container .hmf-display-outline-xl-xxl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-xl-xl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-xl-l {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-xl-m {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-xl-s {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-xl-xs {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-xl-xxl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-xl-xl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-xl-l {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-xl-m {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-xl-s {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-xl-xs {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-header-xl-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-xl-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-xl-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-xl-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-xl-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-xl-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-xl-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-xl-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-xl-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-xl-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-subheader-xl-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .quickview-container .hmf-subheader-xl-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .quickview-container .hmf-subheader-xl-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .quickview-container .hmf-subheader-bold-xl-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .quickview-container .hmf-subheader-bold-xl-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .quickview-container .hmf-subheader-bold-xl-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .quickview-container .hmf-label-xl-l {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-l) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-label-xl-m {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-m) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-label-xl-s {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-s) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-label-xl-xs {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-xs) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-body-xl-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
    text-transform: none !important;
  }
  .quickview-container .hmf-body-xl-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
    text-transform: none !important;
  }
  .quickview-container .hmf-body-xl-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
    text-transform: none !important;
  }
  .quickview-container .hmf-body-bold-xl-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
  }
  .quickview-container .hmf-body-bold-xl-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
  }
  .quickview-container .hmf-body-bold-xl-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
  }
  .quickview-container .hmf-legal-xl-s {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-s) !important;
  }
  .quickview-container .hmf-legal-xl-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-xs) !important;
  }
  .quickview-container .hmf-text-decoration-xl-dashed {
    text-decoration: dashed;
  }
  .quickview-container .hmf-text-decoration-xl-dotted {
    text-decoration: dotted;
  }
  .quickview-container .hmf-text-decoration-xl-double {
    text-decoration: double;
  }
  .quickview-container .hmf-text-decoration-xl-linethrough {
    text-decoration: line-through;
  }
  .quickview-container .hmf-text-decoration-xl-none {
    text-decoration: none;
  }
  .quickview-container .hmf-text-decoration-xl-overline {
    text-decoration: overline;
  }
  .quickview-container .hmf-text-decoration-xl-solid {
    text-decoration: solid;
  }
  .quickview-container .hmf-text-decoration-xl-underline {
    text-decoration: underline;
  }
  .quickview-container .hmf-text-decoration-xl-wavy {
    text-decoration: wavy;
  }
  .quickview-container .hmf-text-transform-xl-capitalize {
    text-transform: capitalize;
  }
  .quickview-container .hmf-text-transform-xl-lowercase {
    text-transform: lowercase;
  }
  .quickview-container .hmf-text-transform-xl-uppercase {
    text-transform: uppercase;
  }
  .quickview-container .hmf-text-transform-xl-none {
    text-transform: none;
  }
  .quickview-container .hmf-text-transform-xl-inherit {
    text-transform: inherit;
  }
  .quickview-container .hmf-text-transform-xl-initial {
    text-transform: initial;
  }
  .quickview-container .hmf-text-transform-xl-unset {
    text-transform: unset;
  }
  .quickview-container .hmf-text-align-xl-unset {
    text-align: unset;
  }
  .quickview-container .hmf-text-align-xl-revert {
    text-align: revert;
  }
  .quickview-container .hmf-text-align-xl-initial {
    text-align: initial;
  }
  .quickview-container .hmf-text-align-xl-start {
    text-align: start;
  }
  .quickview-container .hmf-text-align-xl-end {
    text-align: end;
  }
  .quickview-container .hmf-text-align-xl-left {
    text-align: left;
  }
  .quickview-container .hmf-text-align-xl-right {
    text-align: right;
  }
  .quickview-container .hmf-text-align-xl-center {
    text-align: center;
  }
  .quickview-container .hmf-text-align-xl-justify {
    text-align: justify;
  }
}
@media (min-width: 1440px) {
  .quickview-container .hmf-display-outline-xxlg-xxl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-xxlg-xl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-xxlg-l {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-xxlg-m {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-xxlg-s {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-outline-xxlg-xs {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-xxlg-xxl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-xxlg-xl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-xxlg-l {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-xxlg-m {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-xxlg-s {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-display-xxlg-xs {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .quickview-container .hmf-header-xxlg-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-xxlg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-xxlg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-xxlg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-xxlg-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-xxlg-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-xxlg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-xxlg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-xxlg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-header-bold-xxlg-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .quickview-container .hmf-subheader-xxlg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .quickview-container .hmf-subheader-xxlg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .quickview-container .hmf-subheader-xxlg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .quickview-container .hmf-subheader-bold-xxlg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .quickview-container .hmf-subheader-bold-xxlg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .quickview-container .hmf-subheader-bold-xxlg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .quickview-container .hmf-label-xxlg-l {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-l) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-label-xxlg-m {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-m) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-label-xxlg-s {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-s) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-label-xxlg-xs {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-xs) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .quickview-container .hmf-body-xxlg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
    text-transform: none !important;
  }
  .quickview-container .hmf-body-xxlg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
    text-transform: none !important;
  }
  .quickview-container .hmf-body-xxlg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
    text-transform: none !important;
  }
  .quickview-container .hmf-body-bold-xxlg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
  }
  .quickview-container .hmf-body-bold-xxlg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
  }
  .quickview-container .hmf-body-bold-xxlg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
  }
  .quickview-container .hmf-legal-xxlg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-s) !important;
  }
  .quickview-container .hmf-legal-xxlg-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-xs) !important;
  }
  .quickview-container .hmf-text-decoration-xxlg-dashed {
    text-decoration: dashed;
  }
  .quickview-container .hmf-text-decoration-xxlg-dotted {
    text-decoration: dotted;
  }
  .quickview-container .hmf-text-decoration-xxlg-double {
    text-decoration: double;
  }
  .quickview-container .hmf-text-decoration-xxlg-linethrough {
    text-decoration: line-through;
  }
  .quickview-container .hmf-text-decoration-xxlg-none {
    text-decoration: none;
  }
  .quickview-container .hmf-text-decoration-xxlg-overline {
    text-decoration: overline;
  }
  .quickview-container .hmf-text-decoration-xxlg-solid {
    text-decoration: solid;
  }
  .quickview-container .hmf-text-decoration-xxlg-underline {
    text-decoration: underline;
  }
  .quickview-container .hmf-text-decoration-xxlg-wavy {
    text-decoration: wavy;
  }
  .quickview-container .hmf-text-transform-xxlg-capitalize {
    text-transform: capitalize;
  }
  .quickview-container .hmf-text-transform-xxlg-lowercase {
    text-transform: lowercase;
  }
  .quickview-container .hmf-text-transform-xxlg-uppercase {
    text-transform: uppercase;
  }
  .quickview-container .hmf-text-transform-xxlg-none {
    text-transform: none;
  }
  .quickview-container .hmf-text-transform-xxlg-inherit {
    text-transform: inherit;
  }
  .quickview-container .hmf-text-transform-xxlg-initial {
    text-transform: initial;
  }
  .quickview-container .hmf-text-transform-xxlg-unset {
    text-transform: unset;
  }
  .quickview-container .hmf-text-align-xxlg-unset {
    text-align: unset;
  }
  .quickview-container .hmf-text-align-xxlg-revert {
    text-align: revert;
  }
  .quickview-container .hmf-text-align-xxlg-initial {
    text-align: initial;
  }
  .quickview-container .hmf-text-align-xxlg-start {
    text-align: start;
  }
  .quickview-container .hmf-text-align-xxlg-end {
    text-align: end;
  }
  .quickview-container .hmf-text-align-xxlg-left {
    text-align: left;
  }
  .quickview-container .hmf-text-align-xxlg-right {
    text-align: right;
  }
  .quickview-container .hmf-text-align-xxlg-center {
    text-align: center;
  }
  .quickview-container .hmf-text-align-xxlg-justify {
    text-align: justify;
  }
}
.quickview-container :root {
  font-size: 10px;
  font-style: normal;
}
.quickview-container :root {
  --hmf-fast: 0.2s;
  --hmf-medium: 0.4s;
  --hmf-slow: 0.6s;
  --hmf-linear-slow: var(--hmf-slow) linear;
  --hmf-linear-medium: var(--hmf-medium) linear;
  --hmf-linear-fast: var(--hmf-fast) linear;
  --hmf-ease-slow: var(--hmf-slow) ease;
  --hmf-ease-medium: var(--hmf-medium) ease;
  --hmf-ease-fast: var(--hmf-fast) ease;
  --hmf-ease-in-out-slow: var(--hmf-slow) ease-in-out;
  --hmf-ease-in-out-fast: var(--hmf-fast) ease-in-out;
  --hmf-ease-in-slow: var(--hmf-slow) ease-in;
  --hmf-ease-in-medium: var(--hmf-medium) ease-in;
  --hmf-ease-in-fast: var(--hmf-fast) ease-in;
  --hmf-ease-out-slow: var(--hmf-slow) ease-out;
  --hmf-ease-out-medium: var(--hmf-medium) ease-out;
  --hmf-ease-out-fast: var(--hmf-fast) ease-out;
}
.quickview-container .hmf-col {
  box-sizing: border-box;
  padding-left: 12px;
  padding-right: 12px;
  padding-left: 12px;
  padding-right: 12px;
}
@media (min-width: 375px) {
  .quickview-container .hmf-col {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 375px) {
  .quickview-container .hmf-col {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 480px) {
  .quickview-container .hmf-col {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 768px) {
  .quickview-container .hmf-col {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 768px) {
  .quickview-container .hmf-col {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 1024px) {
  .quickview-container .hmf-col {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 1280px) {
  .quickview-container .hmf-col {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 1280px) {
  .quickview-container .hmf-col {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 1440px) {
  .quickview-container .hmf-col {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 1440px) {
  .quickview-container .hmf-col {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.quickview-container .hmf-grid {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
}
.quickview-container .hmf-grid > hr {
  border: 0 !important;
  content: "" !important;
  font-size: 0 !important;
  height: 0 !important;
  width: 100% !important;
}
.quickview-container .hmf-span-0 {
  width: 0%;
}
.quickview-container .hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}
.quickview-container .hmf-span-xs-0 {
  width: 0% !important;
}
.quickview-container .hmf-offset-xs-0 {
  margin-left: 0% !important;
  margin-right: 0% !important;
}
.quickview-container .hmf-span-1 {
  width: 8.3333333333%;
}
.quickview-container .hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}
.quickview-container .hmf-span-xs-1 {
  width: 8.3333333333% !important;
}
.quickview-container .hmf-offset-xs-1 {
  margin-left: 8.3333333333% !important;
  margin-right: 8.3333333333% !important;
}
.quickview-container .hmf-span-2 {
  width: 16.6666666667%;
}
.quickview-container .hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}
.quickview-container .hmf-span-xs-2 {
  width: 16.6666666667% !important;
}
.quickview-container .hmf-offset-xs-2 {
  margin-left: 16.6666666667% !important;
  margin-right: 16.6666666667% !important;
}
.quickview-container .hmf-span-3 {
  width: 25%;
}
.quickview-container .hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}
.quickview-container .hmf-span-xs-3 {
  width: 25% !important;
}
.quickview-container .hmf-offset-xs-3 {
  margin-left: 25% !important;
  margin-right: 25% !important;
}
.quickview-container .hmf-span-4 {
  width: 33.3333333333%;
}
.quickview-container .hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}
.quickview-container .hmf-span-xs-4 {
  width: 33.3333333333% !important;
}
.quickview-container .hmf-offset-xs-4 {
  margin-left: 33.3333333333% !important;
  margin-right: 33.3333333333% !important;
}
.quickview-container .hmf-span-5 {
  width: 41.6666666667%;
}
.quickview-container .hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}
.quickview-container .hmf-span-xs-5 {
  width: 41.6666666667% !important;
}
.quickview-container .hmf-offset-xs-5 {
  margin-left: 41.6666666667% !important;
  margin-right: 41.6666666667% !important;
}
.quickview-container .hmf-span-6 {
  width: 50%;
}
.quickview-container .hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}
.quickview-container .hmf-span-xs-6 {
  width: 50% !important;
}
.quickview-container .hmf-offset-xs-6 {
  margin-left: 50% !important;
  margin-right: 50% !important;
}
.quickview-container .hmf-span-7 {
  width: 58.3333333333%;
}
.quickview-container .hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}
.quickview-container .hmf-span-xs-7 {
  width: 58.3333333333% !important;
}
.quickview-container .hmf-offset-xs-7 {
  margin-left: 58.3333333333% !important;
  margin-right: 58.3333333333% !important;
}
.quickview-container .hmf-span-8 {
  width: 66.6666666667%;
}
.quickview-container .hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}
.quickview-container .hmf-span-xs-8 {
  width: 66.6666666667% !important;
}
.quickview-container .hmf-offset-xs-8 {
  margin-left: 66.6666666667% !important;
  margin-right: 66.6666666667% !important;
}
.quickview-container .hmf-span-9 {
  width: 75%;
}
.quickview-container .hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}
.quickview-container .hmf-span-xs-9 {
  width: 75% !important;
}
.quickview-container .hmf-offset-xs-9 {
  margin-left: 75% !important;
  margin-right: 75% !important;
}
.quickview-container .hmf-span-10 {
  width: 83.3333333333%;
}
.quickview-container .hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}
.quickview-container .hmf-span-xs-10 {
  width: 83.3333333333% !important;
}
.quickview-container .hmf-offset-xs-10 {
  margin-left: 83.3333333333% !important;
  margin-right: 83.3333333333% !important;
}
.quickview-container .hmf-span-11 {
  width: 91.6666666667%;
}
.quickview-container .hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}
.quickview-container .hmf-span-xs-11 {
  width: 91.6666666667% !important;
}
.quickview-container .hmf-offset-xs-11 {
  margin-left: 91.6666666667% !important;
  margin-right: 91.6666666667% !important;
}
.quickview-container .hmf-span-12 {
  width: 100%;
}
.quickview-container .hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}
.quickview-container .hmf-span-xs-12 {
  width: 100% !important;
}
.quickview-container .hmf-offset-xs-12 {
  margin-left: 100% !important;
  margin-right: 100% !important;
}
.quickview-container .hmf-span-0 {
  width: 0%;
}
.quickview-container .hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}
.quickview-container .hmf-span-xxsm-0 {
  width: 0% !important;
}
.quickview-container .hmf-offset-xxsm-0 {
  margin-left: 0% !important;
  margin-right: 0% !important;
}
.quickview-container .hmf-span-1 {
  width: 8.3333333333%;
}
.quickview-container .hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}
.quickview-container .hmf-span-xxsm-1 {
  width: 8.3333333333% !important;
}
.quickview-container .hmf-offset-xxsm-1 {
  margin-left: 8.3333333333% !important;
  margin-right: 8.3333333333% !important;
}
.quickview-container .hmf-span-2 {
  width: 16.6666666667%;
}
.quickview-container .hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}
.quickview-container .hmf-span-xxsm-2 {
  width: 16.6666666667% !important;
}
.quickview-container .hmf-offset-xxsm-2 {
  margin-left: 16.6666666667% !important;
  margin-right: 16.6666666667% !important;
}
.quickview-container .hmf-span-3 {
  width: 25%;
}
.quickview-container .hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}
.quickview-container .hmf-span-xxsm-3 {
  width: 25% !important;
}
.quickview-container .hmf-offset-xxsm-3 {
  margin-left: 25% !important;
  margin-right: 25% !important;
}
.quickview-container .hmf-span-4 {
  width: 33.3333333333%;
}
.quickview-container .hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}
.quickview-container .hmf-span-xxsm-4 {
  width: 33.3333333333% !important;
}
.quickview-container .hmf-offset-xxsm-4 {
  margin-left: 33.3333333333% !important;
  margin-right: 33.3333333333% !important;
}
.quickview-container .hmf-span-5 {
  width: 41.6666666667%;
}
.quickview-container .hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}
.quickview-container .hmf-span-xxsm-5 {
  width: 41.6666666667% !important;
}
.quickview-container .hmf-offset-xxsm-5 {
  margin-left: 41.6666666667% !important;
  margin-right: 41.6666666667% !important;
}
.quickview-container .hmf-span-6 {
  width: 50%;
}
.quickview-container .hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}
.quickview-container .hmf-span-xxsm-6 {
  width: 50% !important;
}
.quickview-container .hmf-offset-xxsm-6 {
  margin-left: 50% !important;
  margin-right: 50% !important;
}
.quickview-container .hmf-span-7 {
  width: 58.3333333333%;
}
.quickview-container .hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}
.quickview-container .hmf-span-xxsm-7 {
  width: 58.3333333333% !important;
}
.quickview-container .hmf-offset-xxsm-7 {
  margin-left: 58.3333333333% !important;
  margin-right: 58.3333333333% !important;
}
.quickview-container .hmf-span-8 {
  width: 66.6666666667%;
}
.quickview-container .hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}
.quickview-container .hmf-span-xxsm-8 {
  width: 66.6666666667% !important;
}
.quickview-container .hmf-offset-xxsm-8 {
  margin-left: 66.6666666667% !important;
  margin-right: 66.6666666667% !important;
}
.quickview-container .hmf-span-9 {
  width: 75%;
}
.quickview-container .hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}
.quickview-container .hmf-span-xxsm-9 {
  width: 75% !important;
}
.quickview-container .hmf-offset-xxsm-9 {
  margin-left: 75% !important;
  margin-right: 75% !important;
}
.quickview-container .hmf-span-10 {
  width: 83.3333333333%;
}
.quickview-container .hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}
.quickview-container .hmf-span-xxsm-10 {
  width: 83.3333333333% !important;
}
.quickview-container .hmf-offset-xxsm-10 {
  margin-left: 83.3333333333% !important;
  margin-right: 83.3333333333% !important;
}
.quickview-container .hmf-span-11 {
  width: 91.6666666667%;
}
.quickview-container .hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}
.quickview-container .hmf-span-xxsm-11 {
  width: 91.6666666667% !important;
}
.quickview-container .hmf-offset-xxsm-11 {
  margin-left: 91.6666666667% !important;
  margin-right: 91.6666666667% !important;
}
.quickview-container .hmf-span-12 {
  width: 100%;
}
.quickview-container .hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}
.quickview-container .hmf-span-xxsm-12 {
  width: 100% !important;
}
.quickview-container .hmf-offset-xxsm-12 {
  margin-left: 100% !important;
  margin-right: 100% !important;
}
.quickview-container .hmf-span-0 {
  width: 0%;
}
.quickview-container .hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-s-0 {
    width: 0% !important;
  }
  .quickview-container .hmf-offset-s-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.quickview-container .hmf-span-1 {
  width: 8.3333333333%;
}
.quickview-container .hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-s-1 {
    width: 8.3333333333% !important;
  }
  .quickview-container .hmf-offset-s-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.quickview-container .hmf-span-2 {
  width: 16.6666666667%;
}
.quickview-container .hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-s-2 {
    width: 16.6666666667% !important;
  }
  .quickview-container .hmf-offset-s-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.quickview-container .hmf-span-3 {
  width: 25%;
}
.quickview-container .hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-s-3 {
    width: 25% !important;
  }
  .quickview-container .hmf-offset-s-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.quickview-container .hmf-span-4 {
  width: 33.3333333333%;
}
.quickview-container .hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-s-4 {
    width: 33.3333333333% !important;
  }
  .quickview-container .hmf-offset-s-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.quickview-container .hmf-span-5 {
  width: 41.6666666667%;
}
.quickview-container .hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-s-5 {
    width: 41.6666666667% !important;
  }
  .quickview-container .hmf-offset-s-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.quickview-container .hmf-span-6 {
  width: 50%;
}
.quickview-container .hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-s-6 {
    width: 50% !important;
  }
  .quickview-container .hmf-offset-s-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.quickview-container .hmf-span-7 {
  width: 58.3333333333%;
}
.quickview-container .hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-s-7 {
    width: 58.3333333333% !important;
  }
  .quickview-container .hmf-offset-s-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.quickview-container .hmf-span-8 {
  width: 66.6666666667%;
}
.quickview-container .hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-s-8 {
    width: 66.6666666667% !important;
  }
  .quickview-container .hmf-offset-s-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.quickview-container .hmf-span-9 {
  width: 75%;
}
.quickview-container .hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-s-9 {
    width: 75% !important;
  }
  .quickview-container .hmf-offset-s-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.quickview-container .hmf-span-10 {
  width: 83.3333333333%;
}
.quickview-container .hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-s-10 {
    width: 83.3333333333% !important;
  }
  .quickview-container .hmf-offset-s-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.quickview-container .hmf-span-11 {
  width: 91.6666666667%;
}
.quickview-container .hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-s-11 {
    width: 91.6666666667% !important;
  }
  .quickview-container .hmf-offset-s-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.quickview-container .hmf-span-12 {
  width: 100%;
}
.quickview-container .hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-s-12 {
    width: 100% !important;
  }
  .quickview-container .hmf-offset-s-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.quickview-container .hmf-span-0 {
  width: 0%;
}
.quickview-container .hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-xsm-0 {
    width: 0% !important;
  }
  .quickview-container .hmf-offset-xsm-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.quickview-container .hmf-span-1 {
  width: 8.3333333333%;
}
.quickview-container .hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-xsm-1 {
    width: 8.3333333333% !important;
  }
  .quickview-container .hmf-offset-xsm-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.quickview-container .hmf-span-2 {
  width: 16.6666666667%;
}
.quickview-container .hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-xsm-2 {
    width: 16.6666666667% !important;
  }
  .quickview-container .hmf-offset-xsm-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.quickview-container .hmf-span-3 {
  width: 25%;
}
.quickview-container .hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-xsm-3 {
    width: 25% !important;
  }
  .quickview-container .hmf-offset-xsm-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.quickview-container .hmf-span-4 {
  width: 33.3333333333%;
}
.quickview-container .hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-xsm-4 {
    width: 33.3333333333% !important;
  }
  .quickview-container .hmf-offset-xsm-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.quickview-container .hmf-span-5 {
  width: 41.6666666667%;
}
.quickview-container .hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-xsm-5 {
    width: 41.6666666667% !important;
  }
  .quickview-container .hmf-offset-xsm-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.quickview-container .hmf-span-6 {
  width: 50%;
}
.quickview-container .hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-xsm-6 {
    width: 50% !important;
  }
  .quickview-container .hmf-offset-xsm-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.quickview-container .hmf-span-7 {
  width: 58.3333333333%;
}
.quickview-container .hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-xsm-7 {
    width: 58.3333333333% !important;
  }
  .quickview-container .hmf-offset-xsm-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.quickview-container .hmf-span-8 {
  width: 66.6666666667%;
}
.quickview-container .hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-xsm-8 {
    width: 66.6666666667% !important;
  }
  .quickview-container .hmf-offset-xsm-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.quickview-container .hmf-span-9 {
  width: 75%;
}
.quickview-container .hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-xsm-9 {
    width: 75% !important;
  }
  .quickview-container .hmf-offset-xsm-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.quickview-container .hmf-span-10 {
  width: 83.3333333333%;
}
.quickview-container .hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-xsm-10 {
    width: 83.3333333333% !important;
  }
  .quickview-container .hmf-offset-xsm-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.quickview-container .hmf-span-11 {
  width: 91.6666666667%;
}
.quickview-container .hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-xsm-11 {
    width: 91.6666666667% !important;
  }
  .quickview-container .hmf-offset-xsm-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.quickview-container .hmf-span-12 {
  width: 100%;
}
.quickview-container .hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}
@media (min-width: 375px) {
  .quickview-container .hmf-span-xsm-12 {
    width: 100% !important;
  }
  .quickview-container .hmf-offset-xsm-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.quickview-container .hmf-span-0 {
  width: 0%;
}
.quickview-container .hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}
@media (min-width: 480px) {
  .quickview-container .hmf-span-sm-0 {
    width: 0% !important;
  }
  .quickview-container .hmf-offset-sm-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.quickview-container .hmf-span-1 {
  width: 8.3333333333%;
}
.quickview-container .hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}
@media (min-width: 480px) {
  .quickview-container .hmf-span-sm-1 {
    width: 8.3333333333% !important;
  }
  .quickview-container .hmf-offset-sm-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.quickview-container .hmf-span-2 {
  width: 16.6666666667%;
}
.quickview-container .hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}
@media (min-width: 480px) {
  .quickview-container .hmf-span-sm-2 {
    width: 16.6666666667% !important;
  }
  .quickview-container .hmf-offset-sm-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.quickview-container .hmf-span-3 {
  width: 25%;
}
.quickview-container .hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}
@media (min-width: 480px) {
  .quickview-container .hmf-span-sm-3 {
    width: 25% !important;
  }
  .quickview-container .hmf-offset-sm-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.quickview-container .hmf-span-4 {
  width: 33.3333333333%;
}
.quickview-container .hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}
@media (min-width: 480px) {
  .quickview-container .hmf-span-sm-4 {
    width: 33.3333333333% !important;
  }
  .quickview-container .hmf-offset-sm-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.quickview-container .hmf-span-5 {
  width: 41.6666666667%;
}
.quickview-container .hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}
@media (min-width: 480px) {
  .quickview-container .hmf-span-sm-5 {
    width: 41.6666666667% !important;
  }
  .quickview-container .hmf-offset-sm-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.quickview-container .hmf-span-6 {
  width: 50%;
}
.quickview-container .hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}
@media (min-width: 480px) {
  .quickview-container .hmf-span-sm-6 {
    width: 50% !important;
  }
  .quickview-container .hmf-offset-sm-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.quickview-container .hmf-span-7 {
  width: 58.3333333333%;
}
.quickview-container .hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}
@media (min-width: 480px) {
  .quickview-container .hmf-span-sm-7 {
    width: 58.3333333333% !important;
  }
  .quickview-container .hmf-offset-sm-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.quickview-container .hmf-span-8 {
  width: 66.6666666667%;
}
.quickview-container .hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}
@media (min-width: 480px) {
  .quickview-container .hmf-span-sm-8 {
    width: 66.6666666667% !important;
  }
  .quickview-container .hmf-offset-sm-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.quickview-container .hmf-span-9 {
  width: 75%;
}
.quickview-container .hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}
@media (min-width: 480px) {
  .quickview-container .hmf-span-sm-9 {
    width: 75% !important;
  }
  .quickview-container .hmf-offset-sm-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.quickview-container .hmf-span-10 {
  width: 83.3333333333%;
}
.quickview-container .hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}
@media (min-width: 480px) {
  .quickview-container .hmf-span-sm-10 {
    width: 83.3333333333% !important;
  }
  .quickview-container .hmf-offset-sm-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.quickview-container .hmf-span-11 {
  width: 91.6666666667%;
}
.quickview-container .hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}
@media (min-width: 480px) {
  .quickview-container .hmf-span-sm-11 {
    width: 91.6666666667% !important;
  }
  .quickview-container .hmf-offset-sm-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.quickview-container .hmf-span-12 {
  width: 100%;
}
.quickview-container .hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}
@media (min-width: 480px) {
  .quickview-container .hmf-span-sm-12 {
    width: 100% !important;
  }
  .quickview-container .hmf-offset-sm-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.quickview-container .hmf-span-0 {
  width: 0%;
}
.quickview-container .hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-m-0 {
    width: 0% !important;
  }
  .quickview-container .hmf-offset-m-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.quickview-container .hmf-span-1 {
  width: 8.3333333333%;
}
.quickview-container .hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-m-1 {
    width: 8.3333333333% !important;
  }
  .quickview-container .hmf-offset-m-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.quickview-container .hmf-span-2 {
  width: 16.6666666667%;
}
.quickview-container .hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-m-2 {
    width: 16.6666666667% !important;
  }
  .quickview-container .hmf-offset-m-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.quickview-container .hmf-span-3 {
  width: 25%;
}
.quickview-container .hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-m-3 {
    width: 25% !important;
  }
  .quickview-container .hmf-offset-m-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.quickview-container .hmf-span-4 {
  width: 33.3333333333%;
}
.quickview-container .hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-m-4 {
    width: 33.3333333333% !important;
  }
  .quickview-container .hmf-offset-m-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.quickview-container .hmf-span-5 {
  width: 41.6666666667%;
}
.quickview-container .hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-m-5 {
    width: 41.6666666667% !important;
  }
  .quickview-container .hmf-offset-m-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.quickview-container .hmf-span-6 {
  width: 50%;
}
.quickview-container .hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-m-6 {
    width: 50% !important;
  }
  .quickview-container .hmf-offset-m-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.quickview-container .hmf-span-7 {
  width: 58.3333333333%;
}
.quickview-container .hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-m-7 {
    width: 58.3333333333% !important;
  }
  .quickview-container .hmf-offset-m-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.quickview-container .hmf-span-8 {
  width: 66.6666666667%;
}
.quickview-container .hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-m-8 {
    width: 66.6666666667% !important;
  }
  .quickview-container .hmf-offset-m-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.quickview-container .hmf-span-9 {
  width: 75%;
}
.quickview-container .hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-m-9 {
    width: 75% !important;
  }
  .quickview-container .hmf-offset-m-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.quickview-container .hmf-span-10 {
  width: 83.3333333333%;
}
.quickview-container .hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-m-10 {
    width: 83.3333333333% !important;
  }
  .quickview-container .hmf-offset-m-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.quickview-container .hmf-span-11 {
  width: 91.6666666667%;
}
.quickview-container .hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-m-11 {
    width: 91.6666666667% !important;
  }
  .quickview-container .hmf-offset-m-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.quickview-container .hmf-span-12 {
  width: 100%;
}
.quickview-container .hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-m-12 {
    width: 100% !important;
  }
  .quickview-container .hmf-offset-m-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.quickview-container .hmf-span-0 {
  width: 0%;
}
.quickview-container .hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-md-0 {
    width: 0% !important;
  }
  .quickview-container .hmf-offset-md-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.quickview-container .hmf-span-1 {
  width: 8.3333333333%;
}
.quickview-container .hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-md-1 {
    width: 8.3333333333% !important;
  }
  .quickview-container .hmf-offset-md-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.quickview-container .hmf-span-2 {
  width: 16.6666666667%;
}
.quickview-container .hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-md-2 {
    width: 16.6666666667% !important;
  }
  .quickview-container .hmf-offset-md-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.quickview-container .hmf-span-3 {
  width: 25%;
}
.quickview-container .hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-md-3 {
    width: 25% !important;
  }
  .quickview-container .hmf-offset-md-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.quickview-container .hmf-span-4 {
  width: 33.3333333333%;
}
.quickview-container .hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-md-4 {
    width: 33.3333333333% !important;
  }
  .quickview-container .hmf-offset-md-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.quickview-container .hmf-span-5 {
  width: 41.6666666667%;
}
.quickview-container .hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-md-5 {
    width: 41.6666666667% !important;
  }
  .quickview-container .hmf-offset-md-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.quickview-container .hmf-span-6 {
  width: 50%;
}
.quickview-container .hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-md-6 {
    width: 50% !important;
  }
  .quickview-container .hmf-offset-md-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.quickview-container .hmf-span-7 {
  width: 58.3333333333%;
}
.quickview-container .hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-md-7 {
    width: 58.3333333333% !important;
  }
  .quickview-container .hmf-offset-md-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.quickview-container .hmf-span-8 {
  width: 66.6666666667%;
}
.quickview-container .hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-md-8 {
    width: 66.6666666667% !important;
  }
  .quickview-container .hmf-offset-md-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.quickview-container .hmf-span-9 {
  width: 75%;
}
.quickview-container .hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-md-9 {
    width: 75% !important;
  }
  .quickview-container .hmf-offset-md-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.quickview-container .hmf-span-10 {
  width: 83.3333333333%;
}
.quickview-container .hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-md-10 {
    width: 83.3333333333% !important;
  }
  .quickview-container .hmf-offset-md-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.quickview-container .hmf-span-11 {
  width: 91.6666666667%;
}
.quickview-container .hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-md-11 {
    width: 91.6666666667% !important;
  }
  .quickview-container .hmf-offset-md-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.quickview-container .hmf-span-12 {
  width: 100%;
}
.quickview-container .hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}
@media (min-width: 768px) {
  .quickview-container .hmf-span-md-12 {
    width: 100% !important;
  }
  .quickview-container .hmf-offset-md-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.quickview-container .hmf-span-0 {
  width: 0%;
}
.quickview-container .hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}
@media (min-width: 1024px) {
  .quickview-container .hmf-span-lg-0 {
    width: 0% !important;
  }
  .quickview-container .hmf-offset-lg-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.quickview-container .hmf-span-1 {
  width: 8.3333333333%;
}
.quickview-container .hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}
@media (min-width: 1024px) {
  .quickview-container .hmf-span-lg-1 {
    width: 8.3333333333% !important;
  }
  .quickview-container .hmf-offset-lg-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.quickview-container .hmf-span-2 {
  width: 16.6666666667%;
}
.quickview-container .hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}
@media (min-width: 1024px) {
  .quickview-container .hmf-span-lg-2 {
    width: 16.6666666667% !important;
  }
  .quickview-container .hmf-offset-lg-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.quickview-container .hmf-span-3 {
  width: 25%;
}
.quickview-container .hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}
@media (min-width: 1024px) {
  .quickview-container .hmf-span-lg-3 {
    width: 25% !important;
  }
  .quickview-container .hmf-offset-lg-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.quickview-container .hmf-span-4 {
  width: 33.3333333333%;
}
.quickview-container .hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}
@media (min-width: 1024px) {
  .quickview-container .hmf-span-lg-4 {
    width: 33.3333333333% !important;
  }
  .quickview-container .hmf-offset-lg-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.quickview-container .hmf-span-5 {
  width: 41.6666666667%;
}
.quickview-container .hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}
@media (min-width: 1024px) {
  .quickview-container .hmf-span-lg-5 {
    width: 41.6666666667% !important;
  }
  .quickview-container .hmf-offset-lg-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.quickview-container .hmf-span-6 {
  width: 50%;
}
.quickview-container .hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}
@media (min-width: 1024px) {
  .quickview-container .hmf-span-lg-6 {
    width: 50% !important;
  }
  .quickview-container .hmf-offset-lg-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.quickview-container .hmf-span-7 {
  width: 58.3333333333%;
}
.quickview-container .hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}
@media (min-width: 1024px) {
  .quickview-container .hmf-span-lg-7 {
    width: 58.3333333333% !important;
  }
  .quickview-container .hmf-offset-lg-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.quickview-container .hmf-span-8 {
  width: 66.6666666667%;
}
.quickview-container .hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}
@media (min-width: 1024px) {
  .quickview-container .hmf-span-lg-8 {
    width: 66.6666666667% !important;
  }
  .quickview-container .hmf-offset-lg-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.quickview-container .hmf-span-9 {
  width: 75%;
}
.quickview-container .hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}
@media (min-width: 1024px) {
  .quickview-container .hmf-span-lg-9 {
    width: 75% !important;
  }
  .quickview-container .hmf-offset-lg-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.quickview-container .hmf-span-10 {
  width: 83.3333333333%;
}
.quickview-container .hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}
@media (min-width: 1024px) {
  .quickview-container .hmf-span-lg-10 {
    width: 83.3333333333% !important;
  }
  .quickview-container .hmf-offset-lg-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.quickview-container .hmf-span-11 {
  width: 91.6666666667%;
}
.quickview-container .hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}
@media (min-width: 1024px) {
  .quickview-container .hmf-span-lg-11 {
    width: 91.6666666667% !important;
  }
  .quickview-container .hmf-offset-lg-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.quickview-container .hmf-span-12 {
  width: 100%;
}
.quickview-container .hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}
@media (min-width: 1024px) {
  .quickview-container .hmf-span-lg-12 {
    width: 100% !important;
  }
  .quickview-container .hmf-offset-lg-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.quickview-container .hmf-span-0 {
  width: 0%;
}
.quickview-container .hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-l-0 {
    width: 0% !important;
  }
  .quickview-container .hmf-offset-l-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.quickview-container .hmf-span-1 {
  width: 8.3333333333%;
}
.quickview-container .hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-l-1 {
    width: 8.3333333333% !important;
  }
  .quickview-container .hmf-offset-l-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.quickview-container .hmf-span-2 {
  width: 16.6666666667%;
}
.quickview-container .hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-l-2 {
    width: 16.6666666667% !important;
  }
  .quickview-container .hmf-offset-l-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.quickview-container .hmf-span-3 {
  width: 25%;
}
.quickview-container .hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-l-3 {
    width: 25% !important;
  }
  .quickview-container .hmf-offset-l-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.quickview-container .hmf-span-4 {
  width: 33.3333333333%;
}
.quickview-container .hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-l-4 {
    width: 33.3333333333% !important;
  }
  .quickview-container .hmf-offset-l-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.quickview-container .hmf-span-5 {
  width: 41.6666666667%;
}
.quickview-container .hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-l-5 {
    width: 41.6666666667% !important;
  }
  .quickview-container .hmf-offset-l-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.quickview-container .hmf-span-6 {
  width: 50%;
}
.quickview-container .hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-l-6 {
    width: 50% !important;
  }
  .quickview-container .hmf-offset-l-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.quickview-container .hmf-span-7 {
  width: 58.3333333333%;
}
.quickview-container .hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-l-7 {
    width: 58.3333333333% !important;
  }
  .quickview-container .hmf-offset-l-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.quickview-container .hmf-span-8 {
  width: 66.6666666667%;
}
.quickview-container .hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-l-8 {
    width: 66.6666666667% !important;
  }
  .quickview-container .hmf-offset-l-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.quickview-container .hmf-span-9 {
  width: 75%;
}
.quickview-container .hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-l-9 {
    width: 75% !important;
  }
  .quickview-container .hmf-offset-l-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.quickview-container .hmf-span-10 {
  width: 83.3333333333%;
}
.quickview-container .hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-l-10 {
    width: 83.3333333333% !important;
  }
  .quickview-container .hmf-offset-l-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.quickview-container .hmf-span-11 {
  width: 91.6666666667%;
}
.quickview-container .hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-l-11 {
    width: 91.6666666667% !important;
  }
  .quickview-container .hmf-offset-l-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.quickview-container .hmf-span-12 {
  width: 100%;
}
.quickview-container .hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-l-12 {
    width: 100% !important;
  }
  .quickview-container .hmf-offset-l-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.quickview-container .hmf-span-0 {
  width: 0%;
}
.quickview-container .hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-xlg-0 {
    width: 0% !important;
  }
  .quickview-container .hmf-offset-xlg-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.quickview-container .hmf-span-1 {
  width: 8.3333333333%;
}
.quickview-container .hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-xlg-1 {
    width: 8.3333333333% !important;
  }
  .quickview-container .hmf-offset-xlg-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.quickview-container .hmf-span-2 {
  width: 16.6666666667%;
}
.quickview-container .hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-xlg-2 {
    width: 16.6666666667% !important;
  }
  .quickview-container .hmf-offset-xlg-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.quickview-container .hmf-span-3 {
  width: 25%;
}
.quickview-container .hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-xlg-3 {
    width: 25% !important;
  }
  .quickview-container .hmf-offset-xlg-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.quickview-container .hmf-span-4 {
  width: 33.3333333333%;
}
.quickview-container .hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-xlg-4 {
    width: 33.3333333333% !important;
  }
  .quickview-container .hmf-offset-xlg-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.quickview-container .hmf-span-5 {
  width: 41.6666666667%;
}
.quickview-container .hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-xlg-5 {
    width: 41.6666666667% !important;
  }
  .quickview-container .hmf-offset-xlg-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.quickview-container .hmf-span-6 {
  width: 50%;
}
.quickview-container .hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-xlg-6 {
    width: 50% !important;
  }
  .quickview-container .hmf-offset-xlg-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.quickview-container .hmf-span-7 {
  width: 58.3333333333%;
}
.quickview-container .hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-xlg-7 {
    width: 58.3333333333% !important;
  }
  .quickview-container .hmf-offset-xlg-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.quickview-container .hmf-span-8 {
  width: 66.6666666667%;
}
.quickview-container .hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-xlg-8 {
    width: 66.6666666667% !important;
  }
  .quickview-container .hmf-offset-xlg-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.quickview-container .hmf-span-9 {
  width: 75%;
}
.quickview-container .hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-xlg-9 {
    width: 75% !important;
  }
  .quickview-container .hmf-offset-xlg-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.quickview-container .hmf-span-10 {
  width: 83.3333333333%;
}
.quickview-container .hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-xlg-10 {
    width: 83.3333333333% !important;
  }
  .quickview-container .hmf-offset-xlg-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.quickview-container .hmf-span-11 {
  width: 91.6666666667%;
}
.quickview-container .hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-xlg-11 {
    width: 91.6666666667% !important;
  }
  .quickview-container .hmf-offset-xlg-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.quickview-container .hmf-span-12 {
  width: 100%;
}
.quickview-container .hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}
@media (min-width: 1280px) {
  .quickview-container .hmf-span-xlg-12 {
    width: 100% !important;
  }
  .quickview-container .hmf-offset-xlg-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.quickview-container .hmf-span-0 {
  width: 0%;
}
.quickview-container .hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xl-0 {
    width: 0% !important;
  }
  .quickview-container .hmf-offset-xl-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.quickview-container .hmf-span-1 {
  width: 8.3333333333%;
}
.quickview-container .hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xl-1 {
    width: 8.3333333333% !important;
  }
  .quickview-container .hmf-offset-xl-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.quickview-container .hmf-span-2 {
  width: 16.6666666667%;
}
.quickview-container .hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xl-2 {
    width: 16.6666666667% !important;
  }
  .quickview-container .hmf-offset-xl-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.quickview-container .hmf-span-3 {
  width: 25%;
}
.quickview-container .hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xl-3 {
    width: 25% !important;
  }
  .quickview-container .hmf-offset-xl-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.quickview-container .hmf-span-4 {
  width: 33.3333333333%;
}
.quickview-container .hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xl-4 {
    width: 33.3333333333% !important;
  }
  .quickview-container .hmf-offset-xl-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.quickview-container .hmf-span-5 {
  width: 41.6666666667%;
}
.quickview-container .hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xl-5 {
    width: 41.6666666667% !important;
  }
  .quickview-container .hmf-offset-xl-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.quickview-container .hmf-span-6 {
  width: 50%;
}
.quickview-container .hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xl-6 {
    width: 50% !important;
  }
  .quickview-container .hmf-offset-xl-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.quickview-container .hmf-span-7 {
  width: 58.3333333333%;
}
.quickview-container .hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xl-7 {
    width: 58.3333333333% !important;
  }
  .quickview-container .hmf-offset-xl-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.quickview-container .hmf-span-8 {
  width: 66.6666666667%;
}
.quickview-container .hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xl-8 {
    width: 66.6666666667% !important;
  }
  .quickview-container .hmf-offset-xl-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.quickview-container .hmf-span-9 {
  width: 75%;
}
.quickview-container .hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xl-9 {
    width: 75% !important;
  }
  .quickview-container .hmf-offset-xl-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.quickview-container .hmf-span-10 {
  width: 83.3333333333%;
}
.quickview-container .hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xl-10 {
    width: 83.3333333333% !important;
  }
  .quickview-container .hmf-offset-xl-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.quickview-container .hmf-span-11 {
  width: 91.6666666667%;
}
.quickview-container .hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xl-11 {
    width: 91.6666666667% !important;
  }
  .quickview-container .hmf-offset-xl-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.quickview-container .hmf-span-12 {
  width: 100%;
}
.quickview-container .hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xl-12 {
    width: 100% !important;
  }
  .quickview-container .hmf-offset-xl-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.quickview-container .hmf-span-0 {
  width: 0%;
}
.quickview-container .hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xxlg-0 {
    width: 0% !important;
  }
  .quickview-container .hmf-offset-xxlg-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.quickview-container .hmf-span-1 {
  width: 8.3333333333%;
}
.quickview-container .hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xxlg-1 {
    width: 8.3333333333% !important;
  }
  .quickview-container .hmf-offset-xxlg-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.quickview-container .hmf-span-2 {
  width: 16.6666666667%;
}
.quickview-container .hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xxlg-2 {
    width: 16.6666666667% !important;
  }
  .quickview-container .hmf-offset-xxlg-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.quickview-container .hmf-span-3 {
  width: 25%;
}
.quickview-container .hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xxlg-3 {
    width: 25% !important;
  }
  .quickview-container .hmf-offset-xxlg-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.quickview-container .hmf-span-4 {
  width: 33.3333333333%;
}
.quickview-container .hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xxlg-4 {
    width: 33.3333333333% !important;
  }
  .quickview-container .hmf-offset-xxlg-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.quickview-container .hmf-span-5 {
  width: 41.6666666667%;
}
.quickview-container .hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xxlg-5 {
    width: 41.6666666667% !important;
  }
  .quickview-container .hmf-offset-xxlg-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.quickview-container .hmf-span-6 {
  width: 50%;
}
.quickview-container .hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xxlg-6 {
    width: 50% !important;
  }
  .quickview-container .hmf-offset-xxlg-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.quickview-container .hmf-span-7 {
  width: 58.3333333333%;
}
.quickview-container .hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xxlg-7 {
    width: 58.3333333333% !important;
  }
  .quickview-container .hmf-offset-xxlg-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.quickview-container .hmf-span-8 {
  width: 66.6666666667%;
}
.quickview-container .hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xxlg-8 {
    width: 66.6666666667% !important;
  }
  .quickview-container .hmf-offset-xxlg-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.quickview-container .hmf-span-9 {
  width: 75%;
}
.quickview-container .hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xxlg-9 {
    width: 75% !important;
  }
  .quickview-container .hmf-offset-xxlg-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.quickview-container .hmf-span-10 {
  width: 83.3333333333%;
}
.quickview-container .hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xxlg-10 {
    width: 83.3333333333% !important;
  }
  .quickview-container .hmf-offset-xxlg-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.quickview-container .hmf-span-11 {
  width: 91.6666666667%;
}
.quickview-container .hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xxlg-11 {
    width: 91.6666666667% !important;
  }
  .quickview-container .hmf-offset-xxlg-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.quickview-container .hmf-span-12 {
  width: 100%;
}
.quickview-container .hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}
@media (min-width: 1440px) {
  .quickview-container .hmf-span-xxlg-12 {
    width: 100% !important;
  }
  .quickview-container .hmf-offset-xxlg-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.quickview-container .page {
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 375px) {
  .quickview-container .page {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (min-width: 768px) {
  .quickview-container .page {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (min-width: 1280px) {
  .quickview-container .page {
    padding-left: 28px;
    padding-right: 28px;
  }
}
@media (min-width: 1440px) {
  .quickview-container .page {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.quickview-container .hmf-m-auto {
  margin: auto !important;
}
.quickview-container .hmf-mt-auto,
.quickview-container .hmf-my-auto {
  margin-top: auto !important;
}
.quickview-container .hmf-mr-auto,
.quickview-container .hmf-mx-auto {
  margin-right: auto !important;
}
.quickview-container .hmf-mb-auto,
.quickview-container .hmf-my-auto {
  margin-bottom: auto !important;
}
.quickview-container .hmf-ml-auto,
.quickview-container .hmf-mx-auto {
  margin-left: auto !important;
}
.quickview-container .hmf-m-0 {
  margin: 0px !important;
}
.quickview-container .hmf-mt-0,
.quickview-container .hmf-my-0 {
  margin-top: 0px !important;
}
.quickview-container .hmf-mr-0,
.quickview-container .hmf-mx-0 {
  margin-right: 0px !important;
}
.quickview-container .hmf-mb-0,
.quickview-container .hmf-my-0 {
  margin-bottom: 0px !important;
}
.quickview-container .hmf-ml-0,
.quickview-container .hmf-mx-0 {
  margin-left: 0px !important;
}
.quickview-container .hmf-m-xxxs {
  margin: 4px !important;
}
.quickview-container .hmf-mt-xxxs,
.quickview-container .hmf-my-xxxs {
  margin-top: 4px !important;
}
.quickview-container .hmf-mr-xxxs,
.quickview-container .hmf-mx-xxxs {
  margin-right: 4px !important;
}
.quickview-container .hmf-mb-xxxs,
.quickview-container .hmf-my-xxxs {
  margin-bottom: 4px !important;
}
.quickview-container .hmf-ml-xxxs,
.quickview-container .hmf-mx-xxxs {
  margin-left: 4px !important;
}
.quickview-container .hmf-m-xxs {
  margin: 8px !important;
}
.quickview-container .hmf-mt-xxs,
.quickview-container .hmf-my-xxs {
  margin-top: 8px !important;
}
.quickview-container .hmf-mr-xxs,
.quickview-container .hmf-mx-xxs {
  margin-right: 8px !important;
}
.quickview-container .hmf-mb-xxs,
.quickview-container .hmf-my-xxs {
  margin-bottom: 8px !important;
}
.quickview-container .hmf-ml-xxs,
.quickview-container .hmf-mx-xxs {
  margin-left: 8px !important;
}
.quickview-container .hmf-m-xs {
  margin: 12px !important;
}
.quickview-container .hmf-mt-xs,
.quickview-container .hmf-my-xs {
  margin-top: 12px !important;
}
.quickview-container .hmf-mr-xs,
.quickview-container .hmf-mx-xs {
  margin-right: 12px !important;
}
.quickview-container .hmf-mb-xs,
.quickview-container .hmf-my-xs {
  margin-bottom: 12px !important;
}
.quickview-container .hmf-ml-xs,
.quickview-container .hmf-mx-xs {
  margin-left: 12px !important;
}
.quickview-container .hmf-m-s {
  margin: 16px !important;
}
.quickview-container .hmf-mt-s,
.quickview-container .hmf-my-s {
  margin-top: 16px !important;
}
.quickview-container .hmf-mr-s,
.quickview-container .hmf-mx-s {
  margin-right: 16px !important;
}
.quickview-container .hmf-mb-s,
.quickview-container .hmf-my-s {
  margin-bottom: 16px !important;
}
.quickview-container .hmf-ml-s,
.quickview-container .hmf-mx-s {
  margin-left: 16px !important;
}
.quickview-container .hmf-m-m {
  margin: 24px !important;
}
.quickview-container .hmf-mt-m,
.quickview-container .hmf-my-m {
  margin-top: 24px !important;
}
.quickview-container .hmf-mr-m,
.quickview-container .hmf-mx-m {
  margin-right: 24px !important;
}
.quickview-container .hmf-mb-m,
.quickview-container .hmf-my-m {
  margin-bottom: 24px !important;
}
.quickview-container .hmf-ml-m,
.quickview-container .hmf-mx-m {
  margin-left: 24px !important;
}
.quickview-container .hmf-m-l {
  margin: 32px !important;
}
.quickview-container .hmf-mt-l,
.quickview-container .hmf-my-l {
  margin-top: 32px !important;
}
.quickview-container .hmf-mr-l,
.quickview-container .hmf-mx-l {
  margin-right: 32px !important;
}
.quickview-container .hmf-mb-l,
.quickview-container .hmf-my-l {
  margin-bottom: 32px !important;
}
.quickview-container .hmf-ml-l,
.quickview-container .hmf-mx-l {
  margin-left: 32px !important;
}
.quickview-container .hmf-m-xl {
  margin: 48px !important;
}
.quickview-container .hmf-mt-xl,
.quickview-container .hmf-my-xl {
  margin-top: 48px !important;
}
.quickview-container .hmf-mr-xl,
.quickview-container .hmf-mx-xl {
  margin-right: 48px !important;
}
.quickview-container .hmf-mb-xl,
.quickview-container .hmf-my-xl {
  margin-bottom: 48px !important;
}
.quickview-container .hmf-ml-xl,
.quickview-container .hmf-mx-xl {
  margin-left: 48px !important;
}
.quickview-container .hmf-m-xxl {
  margin: 72px !important;
}
.quickview-container .hmf-mt-xxl,
.quickview-container .hmf-my-xxl {
  margin-top: 72px !important;
}
.quickview-container .hmf-mr-xxl,
.quickview-container .hmf-mx-xxl {
  margin-right: 72px !important;
}
.quickview-container .hmf-mb-xxl,
.quickview-container .hmf-my-xxl {
  margin-bottom: 72px !important;
}
.quickview-container .hmf-ml-xxl,
.quickview-container .hmf-mx-xxl {
  margin-left: 72px !important;
}
.quickview-container .hmf-m-xxxl {
  margin: 96px !important;
}
.quickview-container .hmf-mt-xxxl,
.quickview-container .hmf-my-xxxl {
  margin-top: 96px !important;
}
.quickview-container .hmf-mr-xxxl,
.quickview-container .hmf-mx-xxxl {
  margin-right: 96px !important;
}
.quickview-container .hmf-mb-xxxl,
.quickview-container .hmf-my-xxxl {
  margin-bottom: 96px !important;
}
.quickview-container .hmf-ml-xxxl,
.quickview-container .hmf-mx-xxxl {
  margin-left: 96px !important;
}
.quickview-container .hmf-m-xxxxl {
  margin: 120px !important;
}
.quickview-container .hmf-mt-xxxxl,
.quickview-container .hmf-my-xxxxl {
  margin-top: 120px !important;
}
.quickview-container .hmf-mr-xxxxl,
.quickview-container .hmf-mx-xxxxl {
  margin-right: 120px !important;
}
.quickview-container .hmf-mb-xxxxl,
.quickview-container .hmf-my-xxxxl {
  margin-bottom: 120px !important;
}
.quickview-container .hmf-ml-xxxxl,
.quickview-container .hmf-mx-xxxxl {
  margin-left: 120px !important;
}
.quickview-container .hmf-p-auto {
  padding: auto !important;
}
.quickview-container .hmf-pt-auto,
.quickview-container .hmf-py-auto {
  padding-top: auto !important;
}
.quickview-container .hmf-pr-auto,
.quickview-container .hmf-px-auto {
  padding-right: auto !important;
}
.quickview-container .hmf-pb-auto,
.quickview-container .hmf-py-auto {
  padding-bottom: auto !important;
}
.quickview-container .hmf-pl-auto,
.quickview-container .hmf-px-auto {
  padding-left: auto !important;
}
.quickview-container .hmf-p-0 {
  padding: 0px !important;
}
.quickview-container .hmf-pt-0,
.quickview-container .hmf-py-0 {
  padding-top: 0px !important;
}
.quickview-container .hmf-pr-0,
.quickview-container .hmf-px-0 {
  padding-right: 0px !important;
}
.quickview-container .hmf-pb-0,
.quickview-container .hmf-py-0 {
  padding-bottom: 0px !important;
}
.quickview-container .hmf-pl-0,
.quickview-container .hmf-px-0 {
  padding-left: 0px !important;
}
.quickview-container .hmf-p-xxxs {
  padding: 4px !important;
}
.quickview-container .hmf-pt-xxxs,
.quickview-container .hmf-py-xxxs {
  padding-top: 4px !important;
}
.quickview-container .hmf-pr-xxxs,
.quickview-container .hmf-px-xxxs {
  padding-right: 4px !important;
}
.quickview-container .hmf-pb-xxxs,
.quickview-container .hmf-py-xxxs {
  padding-bottom: 4px !important;
}
.quickview-container .hmf-pl-xxxs,
.quickview-container .hmf-px-xxxs {
  padding-left: 4px !important;
}
.quickview-container .hmf-p-xxs {
  padding: 8px !important;
}
.quickview-container .hmf-pt-xxs,
.quickview-container .hmf-py-xxs {
  padding-top: 8px !important;
}
.quickview-container .hmf-pr-xxs,
.quickview-container .hmf-px-xxs {
  padding-right: 8px !important;
}
.quickview-container .hmf-pb-xxs,
.quickview-container .hmf-py-xxs {
  padding-bottom: 8px !important;
}
.quickview-container .hmf-pl-xxs,
.quickview-container .hmf-px-xxs {
  padding-left: 8px !important;
}
.quickview-container .hmf-p-xs {
  padding: 12px !important;
}
.quickview-container .hmf-pt-xs,
.quickview-container .hmf-py-xs {
  padding-top: 12px !important;
}
.quickview-container .hmf-pr-xs,
.quickview-container .hmf-px-xs {
  padding-right: 12px !important;
}
.quickview-container .hmf-pb-xs,
.quickview-container .hmf-py-xs {
  padding-bottom: 12px !important;
}
.quickview-container .hmf-pl-xs,
.quickview-container .hmf-px-xs {
  padding-left: 12px !important;
}
.quickview-container .hmf-p-s {
  padding: 16px !important;
}
.quickview-container .hmf-pt-s,
.quickview-container .hmf-py-s {
  padding-top: 16px !important;
}
.quickview-container .hmf-pr-s,
.quickview-container .hmf-px-s {
  padding-right: 16px !important;
}
.quickview-container .hmf-pb-s,
.quickview-container .hmf-py-s {
  padding-bottom: 16px !important;
}
.quickview-container .hmf-pl-s,
.quickview-container .hmf-px-s {
  padding-left: 16px !important;
}
.quickview-container .hmf-p-m {
  padding: 24px !important;
}
.quickview-container .hmf-pt-m,
.quickview-container .hmf-py-m {
  padding-top: 24px !important;
}
.quickview-container .hmf-pr-m,
.quickview-container .hmf-px-m {
  padding-right: 24px !important;
}
.quickview-container .hmf-pb-m,
.quickview-container .hmf-py-m {
  padding-bottom: 24px !important;
}
.quickview-container .hmf-pl-m,
.quickview-container .hmf-px-m {
  padding-left: 24px !important;
}
.quickview-container .hmf-p-l {
  padding: 32px !important;
}
.quickview-container .hmf-pt-l,
.quickview-container .hmf-py-l {
  padding-top: 32px !important;
}
.quickview-container .hmf-pr-l,
.quickview-container .hmf-px-l {
  padding-right: 32px !important;
}
.quickview-container .hmf-pb-l,
.quickview-container .hmf-py-l {
  padding-bottom: 32px !important;
}
.quickview-container .hmf-pl-l,
.quickview-container .hmf-px-l {
  padding-left: 32px !important;
}
.quickview-container .hmf-p-xl {
  padding: 48px !important;
}
.quickview-container .hmf-pt-xl,
.quickview-container .hmf-py-xl {
  padding-top: 48px !important;
}
.quickview-container .hmf-pr-xl,
.quickview-container .hmf-px-xl {
  padding-right: 48px !important;
}
.quickview-container .hmf-pb-xl,
.quickview-container .hmf-py-xl {
  padding-bottom: 48px !important;
}
.quickview-container .hmf-pl-xl,
.quickview-container .hmf-px-xl {
  padding-left: 48px !important;
}
.quickview-container .hmf-p-xxl {
  padding: 72px !important;
}
.quickview-container .hmf-pt-xxl,
.quickview-container .hmf-py-xxl {
  padding-top: 72px !important;
}
.quickview-container .hmf-pr-xxl,
.quickview-container .hmf-px-xxl {
  padding-right: 72px !important;
}
.quickview-container .hmf-pb-xxl,
.quickview-container .hmf-py-xxl {
  padding-bottom: 72px !important;
}
.quickview-container .hmf-pl-xxl,
.quickview-container .hmf-px-xxl {
  padding-left: 72px !important;
}
.quickview-container .hmf-p-xxxl {
  padding: 96px !important;
}
.quickview-container .hmf-pt-xxxl,
.quickview-container .hmf-py-xxxl {
  padding-top: 96px !important;
}
.quickview-container .hmf-pr-xxxl,
.quickview-container .hmf-px-xxxl {
  padding-right: 96px !important;
}
.quickview-container .hmf-pb-xxxl,
.quickview-container .hmf-py-xxxl {
  padding-bottom: 96px !important;
}
.quickview-container .hmf-pl-xxxl,
.quickview-container .hmf-px-xxxl {
  padding-left: 96px !important;
}
.quickview-container .hmf-p-xxxxl {
  padding: 120px !important;
}
.quickview-container .hmf-pt-xxxxl,
.quickview-container .hmf-py-xxxxl {
  padding-top: 120px !important;
}
.quickview-container .hmf-pr-xxxxl,
.quickview-container .hmf-px-xxxxl {
  padding-right: 120px !important;
}
.quickview-container .hmf-pb-xxxxl,
.quickview-container .hmf-py-xxxxl {
  padding-bottom: 120px !important;
}
.quickview-container .hmf-pl-xxxxl,
.quickview-container .hmf-px-xxxxl {
  padding-left: 120px !important;
}
.quickview-container .hmf-m-auto {
  margin: auto !important;
}
.quickview-container .hmf-mt-auto,
.quickview-container .hmf-my-auto {
  margin-top: auto !important;
}
.quickview-container .hmf-mr-auto,
.quickview-container .hmf-mx-auto {
  margin-right: auto !important;
}
.quickview-container .hmf-mb-auto,
.quickview-container .hmf-my-auto {
  margin-bottom: auto !important;
}
.quickview-container .hmf-ml-auto,
.quickview-container .hmf-mx-auto {
  margin-left: auto !important;
}
.quickview-container .hmf-m-auto {
  margin: auto !important;
}
.quickview-container .hmf-mt-auto,
.quickview-container .hmf-my-auto {
  margin-top: auto !important;
}
.quickview-container .hmf-mr-auto,
.quickview-container .hmf-mx-auto {
  margin-right: auto !important;
}
.quickview-container .hmf-mb-auto,
.quickview-container .hmf-my-auto {
  margin-bottom: auto !important;
}
.quickview-container .hmf-ml-auto,
.quickview-container .hmf-mx-auto {
  margin-left: auto !important;
}
.quickview-container .hmf-m-0 {
  margin: 0px !important;
}
.quickview-container .hmf-mt-0,
.quickview-container .hmf-my-0 {
  margin-top: 0px !important;
}
.quickview-container .hmf-mr-0,
.quickview-container .hmf-mx-0 {
  margin-right: 0px !important;
}
.quickview-container .hmf-mb-0,
.quickview-container .hmf-my-0 {
  margin-bottom: 0px !important;
}
.quickview-container .hmf-ml-0,
.quickview-container .hmf-mx-0 {
  margin-left: 0px !important;
}
.quickview-container .hmf-m-xxxs {
  margin: 4px !important;
}
.quickview-container .hmf-mt-xxxs,
.quickview-container .hmf-my-xxxs {
  margin-top: 4px !important;
}
.quickview-container .hmf-mr-xxxs,
.quickview-container .hmf-mx-xxxs {
  margin-right: 4px !important;
}
.quickview-container .hmf-mb-xxxs,
.quickview-container .hmf-my-xxxs {
  margin-bottom: 4px !important;
}
.quickview-container .hmf-ml-xxxs,
.quickview-container .hmf-mx-xxxs {
  margin-left: 4px !important;
}
.quickview-container .hmf-m-xxs {
  margin: 8px !important;
}
.quickview-container .hmf-mt-xxs,
.quickview-container .hmf-my-xxs {
  margin-top: 8px !important;
}
.quickview-container .hmf-mr-xxs,
.quickview-container .hmf-mx-xxs {
  margin-right: 8px !important;
}
.quickview-container .hmf-mb-xxs,
.quickview-container .hmf-my-xxs {
  margin-bottom: 8px !important;
}
.quickview-container .hmf-ml-xxs,
.quickview-container .hmf-mx-xxs {
  margin-left: 8px !important;
}
.quickview-container .hmf-m-xs {
  margin: 12px !important;
}
.quickview-container .hmf-mt-xs,
.quickview-container .hmf-my-xs {
  margin-top: 12px !important;
}
.quickview-container .hmf-mr-xs,
.quickview-container .hmf-mx-xs {
  margin-right: 12px !important;
}
.quickview-container .hmf-mb-xs,
.quickview-container .hmf-my-xs {
  margin-bottom: 12px !important;
}
.quickview-container .hmf-ml-xs,
.quickview-container .hmf-mx-xs {
  margin-left: 12px !important;
}
.quickview-container .hmf-m-s {
  margin: 16px !important;
}
.quickview-container .hmf-mt-s,
.quickview-container .hmf-my-s {
  margin-top: 16px !important;
}
.quickview-container .hmf-mr-s,
.quickview-container .hmf-mx-s {
  margin-right: 16px !important;
}
.quickview-container .hmf-mb-s,
.quickview-container .hmf-my-s {
  margin-bottom: 16px !important;
}
.quickview-container .hmf-ml-s,
.quickview-container .hmf-mx-s {
  margin-left: 16px !important;
}
.quickview-container .hmf-m-m {
  margin: 24px !important;
}
.quickview-container .hmf-mt-m,
.quickview-container .hmf-my-m {
  margin-top: 24px !important;
}
.quickview-container .hmf-mr-m,
.quickview-container .hmf-mx-m {
  margin-right: 24px !important;
}
.quickview-container .hmf-mb-m,
.quickview-container .hmf-my-m {
  margin-bottom: 24px !important;
}
.quickview-container .hmf-ml-m,
.quickview-container .hmf-mx-m {
  margin-left: 24px !important;
}
.quickview-container .hmf-m-l {
  margin: 32px !important;
}
.quickview-container .hmf-mt-l,
.quickview-container .hmf-my-l {
  margin-top: 32px !important;
}
.quickview-container .hmf-mr-l,
.quickview-container .hmf-mx-l {
  margin-right: 32px !important;
}
.quickview-container .hmf-mb-l,
.quickview-container .hmf-my-l {
  margin-bottom: 32px !important;
}
.quickview-container .hmf-ml-l,
.quickview-container .hmf-mx-l {
  margin-left: 32px !important;
}
.quickview-container .hmf-m-xl {
  margin: 48px !important;
}
.quickview-container .hmf-mt-xl,
.quickview-container .hmf-my-xl {
  margin-top: 48px !important;
}
.quickview-container .hmf-mr-xl,
.quickview-container .hmf-mx-xl {
  margin-right: 48px !important;
}
.quickview-container .hmf-mb-xl,
.quickview-container .hmf-my-xl {
  margin-bottom: 48px !important;
}
.quickview-container .hmf-ml-xl,
.quickview-container .hmf-mx-xl {
  margin-left: 48px !important;
}
.quickview-container .hmf-m-xxl {
  margin: 72px !important;
}
.quickview-container .hmf-mt-xxl,
.quickview-container .hmf-my-xxl {
  margin-top: 72px !important;
}
.quickview-container .hmf-mr-xxl,
.quickview-container .hmf-mx-xxl {
  margin-right: 72px !important;
}
.quickview-container .hmf-mb-xxl,
.quickview-container .hmf-my-xxl {
  margin-bottom: 72px !important;
}
.quickview-container .hmf-ml-xxl,
.quickview-container .hmf-mx-xxl {
  margin-left: 72px !important;
}
.quickview-container .hmf-m-xxxl {
  margin: 96px !important;
}
.quickview-container .hmf-mt-xxxl,
.quickview-container .hmf-my-xxxl {
  margin-top: 96px !important;
}
.quickview-container .hmf-mr-xxxl,
.quickview-container .hmf-mx-xxxl {
  margin-right: 96px !important;
}
.quickview-container .hmf-mb-xxxl,
.quickview-container .hmf-my-xxxl {
  margin-bottom: 96px !important;
}
.quickview-container .hmf-ml-xxxl,
.quickview-container .hmf-mx-xxxl {
  margin-left: 96px !important;
}
.quickview-container .hmf-m-xxxxl {
  margin: 120px !important;
}
.quickview-container .hmf-mt-xxxxl,
.quickview-container .hmf-my-xxxxl {
  margin-top: 120px !important;
}
.quickview-container .hmf-mr-xxxxl,
.quickview-container .hmf-mx-xxxxl {
  margin-right: 120px !important;
}
.quickview-container .hmf-mb-xxxxl,
.quickview-container .hmf-my-xxxxl {
  margin-bottom: 120px !important;
}
.quickview-container .hmf-ml-xxxxl,
.quickview-container .hmf-mx-xxxxl {
  margin-left: 120px !important;
}
.quickview-container .hmf-p-auto {
  padding: auto !important;
}
.quickview-container .hmf-pt-auto,
.quickview-container .hmf-py-auto {
  padding-top: auto !important;
}
.quickview-container .hmf-pr-auto,
.quickview-container .hmf-px-auto {
  padding-right: auto !important;
}
.quickview-container .hmf-pb-auto,
.quickview-container .hmf-py-auto {
  padding-bottom: auto !important;
}
.quickview-container .hmf-pl-auto,
.quickview-container .hmf-px-auto {
  padding-left: auto !important;
}
.quickview-container .hmf-p-0 {
  padding: 0px !important;
}
.quickview-container .hmf-pt-0,
.quickview-container .hmf-py-0 {
  padding-top: 0px !important;
}
.quickview-container .hmf-pr-0,
.quickview-container .hmf-px-0 {
  padding-right: 0px !important;
}
.quickview-container .hmf-pb-0,
.quickview-container .hmf-py-0 {
  padding-bottom: 0px !important;
}
.quickview-container .hmf-pl-0,
.quickview-container .hmf-px-0 {
  padding-left: 0px !important;
}
.quickview-container .hmf-p-xxxs {
  padding: 4px !important;
}
.quickview-container .hmf-pt-xxxs,
.quickview-container .hmf-py-xxxs {
  padding-top: 4px !important;
}
.quickview-container .hmf-pr-xxxs,
.quickview-container .hmf-px-xxxs {
  padding-right: 4px !important;
}
.quickview-container .hmf-pb-xxxs,
.quickview-container .hmf-py-xxxs {
  padding-bottom: 4px !important;
}
.quickview-container .hmf-pl-xxxs,
.quickview-container .hmf-px-xxxs {
  padding-left: 4px !important;
}
.quickview-container .hmf-p-xxs {
  padding: 8px !important;
}
.quickview-container .hmf-pt-xxs,
.quickview-container .hmf-py-xxs {
  padding-top: 8px !important;
}
.quickview-container .hmf-pr-xxs,
.quickview-container .hmf-px-xxs {
  padding-right: 8px !important;
}
.quickview-container .hmf-pb-xxs,
.quickview-container .hmf-py-xxs {
  padding-bottom: 8px !important;
}
.quickview-container .hmf-pl-xxs,
.quickview-container .hmf-px-xxs {
  padding-left: 8px !important;
}
.quickview-container .hmf-p-xs {
  padding: 12px !important;
}
.quickview-container .hmf-pt-xs,
.quickview-container .hmf-py-xs {
  padding-top: 12px !important;
}
.quickview-container .hmf-pr-xs,
.quickview-container .hmf-px-xs {
  padding-right: 12px !important;
}
.quickview-container .hmf-pb-xs,
.quickview-container .hmf-py-xs {
  padding-bottom: 12px !important;
}
.quickview-container .hmf-pl-xs,
.quickview-container .hmf-px-xs {
  padding-left: 12px !important;
}
.quickview-container .hmf-p-s {
  padding: 16px !important;
}
.quickview-container .hmf-pt-s,
.quickview-container .hmf-py-s {
  padding-top: 16px !important;
}
.quickview-container .hmf-pr-s,
.quickview-container .hmf-px-s {
  padding-right: 16px !important;
}
.quickview-container .hmf-pb-s,
.quickview-container .hmf-py-s {
  padding-bottom: 16px !important;
}
.quickview-container .hmf-pl-s,
.quickview-container .hmf-px-s {
  padding-left: 16px !important;
}
.quickview-container .hmf-p-m {
  padding: 24px !important;
}
.quickview-container .hmf-pt-m,
.quickview-container .hmf-py-m {
  padding-top: 24px !important;
}
.quickview-container .hmf-pr-m,
.quickview-container .hmf-px-m {
  padding-right: 24px !important;
}
.quickview-container .hmf-pb-m,
.quickview-container .hmf-py-m {
  padding-bottom: 24px !important;
}
.quickview-container .hmf-pl-m,
.quickview-container .hmf-px-m {
  padding-left: 24px !important;
}
.quickview-container .hmf-p-l {
  padding: 32px !important;
}
.quickview-container .hmf-pt-l,
.quickview-container .hmf-py-l {
  padding-top: 32px !important;
}
.quickview-container .hmf-pr-l,
.quickview-container .hmf-px-l {
  padding-right: 32px !important;
}
.quickview-container .hmf-pb-l,
.quickview-container .hmf-py-l {
  padding-bottom: 32px !important;
}
.quickview-container .hmf-pl-l,
.quickview-container .hmf-px-l {
  padding-left: 32px !important;
}
.quickview-container .hmf-p-xl {
  padding: 48px !important;
}
.quickview-container .hmf-pt-xl,
.quickview-container .hmf-py-xl {
  padding-top: 48px !important;
}
.quickview-container .hmf-pr-xl,
.quickview-container .hmf-px-xl {
  padding-right: 48px !important;
}
.quickview-container .hmf-pb-xl,
.quickview-container .hmf-py-xl {
  padding-bottom: 48px !important;
}
.quickview-container .hmf-pl-xl,
.quickview-container .hmf-px-xl {
  padding-left: 48px !important;
}
.quickview-container .hmf-p-xxl {
  padding: 72px !important;
}
.quickview-container .hmf-pt-xxl,
.quickview-container .hmf-py-xxl {
  padding-top: 72px !important;
}
.quickview-container .hmf-pr-xxl,
.quickview-container .hmf-px-xxl {
  padding-right: 72px !important;
}
.quickview-container .hmf-pb-xxl,
.quickview-container .hmf-py-xxl {
  padding-bottom: 72px !important;
}
.quickview-container .hmf-pl-xxl,
.quickview-container .hmf-px-xxl {
  padding-left: 72px !important;
}
.quickview-container .hmf-p-xxxl {
  padding: 96px !important;
}
.quickview-container .hmf-pt-xxxl,
.quickview-container .hmf-py-xxxl {
  padding-top: 96px !important;
}
.quickview-container .hmf-pr-xxxl,
.quickview-container .hmf-px-xxxl {
  padding-right: 96px !important;
}
.quickview-container .hmf-pb-xxxl,
.quickview-container .hmf-py-xxxl {
  padding-bottom: 96px !important;
}
.quickview-container .hmf-pl-xxxl,
.quickview-container .hmf-px-xxxl {
  padding-left: 96px !important;
}
.quickview-container .hmf-p-xxxxl {
  padding: 120px !important;
}
.quickview-container .hmf-pt-xxxxl,
.quickview-container .hmf-py-xxxxl {
  padding-top: 120px !important;
}
.quickview-container .hmf-pr-xxxxl,
.quickview-container .hmf-px-xxxxl {
  padding-right: 120px !important;
}
.quickview-container .hmf-pb-xxxxl,
.quickview-container .hmf-py-xxxxl {
  padding-bottom: 120px !important;
}
.quickview-container .hmf-pl-xxxxl,
.quickview-container .hmf-px-xxxxl {
  padding-left: 120px !important;
}
.quickview-container .hmf-m-auto {
  margin: auto !important;
}
.quickview-container .hmf-mt-auto,
.quickview-container .hmf-my-auto {
  margin-top: auto !important;
}
.quickview-container .hmf-mr-auto,
.quickview-container .hmf-mx-auto {
  margin-right: auto !important;
}
.quickview-container .hmf-mb-auto,
.quickview-container .hmf-my-auto {
  margin-bottom: auto !important;
}
.quickview-container .hmf-ml-auto,
.quickview-container .hmf-mx-auto {
  margin-left: auto !important;
}
@media (min-width: 375px) {
  .quickview-container .hmf-m-s-auto {
    margin: auto !important;
  }
  .quickview-container .hmf-mt-s-auto,
  .quickview-container .hmf-my-s-auto {
    margin-top: auto !important;
  }
  .quickview-container .hmf-mr-s-auto,
  .quickview-container .hmf-mx-s-auto {
    margin-right: auto !important;
  }
  .quickview-container .hmf-mb-s-auto,
  .quickview-container .hmf-my-s-auto {
    margin-bottom: auto !important;
  }
  .quickview-container .hmf-ml-s-auto,
  .quickview-container .hmf-mx-s-auto {
    margin-left: auto !important;
  }
  .quickview-container .hmf-m-s-0 {
    margin: 0px !important;
  }
  .quickview-container .hmf-mt-s-0,
  .quickview-container .hmf-my-s-0 {
    margin-top: 0px !important;
  }
  .quickview-container .hmf-mr-s-0,
  .quickview-container .hmf-mx-s-0 {
    margin-right: 0px !important;
  }
  .quickview-container .hmf-mb-s-0,
  .quickview-container .hmf-my-s-0 {
    margin-bottom: 0px !important;
  }
  .quickview-container .hmf-ml-s-0,
  .quickview-container .hmf-mx-s-0 {
    margin-left: 0px !important;
  }
  .quickview-container .hmf-m-s-xxxs {
    margin: 4px !important;
  }
  .quickview-container .hmf-mt-s-xxxs,
  .quickview-container .hmf-my-s-xxxs {
    margin-top: 4px !important;
  }
  .quickview-container .hmf-mr-s-xxxs,
  .quickview-container .hmf-mx-s-xxxs {
    margin-right: 4px !important;
  }
  .quickview-container .hmf-mb-s-xxxs,
  .quickview-container .hmf-my-s-xxxs {
    margin-bottom: 4px !important;
  }
  .quickview-container .hmf-ml-s-xxxs,
  .quickview-container .hmf-mx-s-xxxs {
    margin-left: 4px !important;
  }
  .quickview-container .hmf-m-s-xxs {
    margin: 8px !important;
  }
  .quickview-container .hmf-mt-s-xxs,
  .quickview-container .hmf-my-s-xxs {
    margin-top: 8px !important;
  }
  .quickview-container .hmf-mr-s-xxs,
  .quickview-container .hmf-mx-s-xxs {
    margin-right: 8px !important;
  }
  .quickview-container .hmf-mb-s-xxs,
  .quickview-container .hmf-my-s-xxs {
    margin-bottom: 8px !important;
  }
  .quickview-container .hmf-ml-s-xxs,
  .quickview-container .hmf-mx-s-xxs {
    margin-left: 8px !important;
  }
  .quickview-container .hmf-m-s-xs {
    margin: 12px !important;
  }
  .quickview-container .hmf-mt-s-xs,
  .quickview-container .hmf-my-s-xs {
    margin-top: 12px !important;
  }
  .quickview-container .hmf-mr-s-xs,
  .quickview-container .hmf-mx-s-xs {
    margin-right: 12px !important;
  }
  .quickview-container .hmf-mb-s-xs,
  .quickview-container .hmf-my-s-xs {
    margin-bottom: 12px !important;
  }
  .quickview-container .hmf-ml-s-xs,
  .quickview-container .hmf-mx-s-xs {
    margin-left: 12px !important;
  }
  .quickview-container .hmf-m-s-s {
    margin: 16px !important;
  }
  .quickview-container .hmf-mt-s-s,
  .quickview-container .hmf-my-s-s {
    margin-top: 16px !important;
  }
  .quickview-container .hmf-mr-s-s,
  .quickview-container .hmf-mx-s-s {
    margin-right: 16px !important;
  }
  .quickview-container .hmf-mb-s-s,
  .quickview-container .hmf-my-s-s {
    margin-bottom: 16px !important;
  }
  .quickview-container .hmf-ml-s-s,
  .quickview-container .hmf-mx-s-s {
    margin-left: 16px !important;
  }
  .quickview-container .hmf-m-s-m {
    margin: 24px !important;
  }
  .quickview-container .hmf-mt-s-m,
  .quickview-container .hmf-my-s-m {
    margin-top: 24px !important;
  }
  .quickview-container .hmf-mr-s-m,
  .quickview-container .hmf-mx-s-m {
    margin-right: 24px !important;
  }
  .quickview-container .hmf-mb-s-m,
  .quickview-container .hmf-my-s-m {
    margin-bottom: 24px !important;
  }
  .quickview-container .hmf-ml-s-m,
  .quickview-container .hmf-mx-s-m {
    margin-left: 24px !important;
  }
  .quickview-container .hmf-m-s-l {
    margin: 32px !important;
  }
  .quickview-container .hmf-mt-s-l,
  .quickview-container .hmf-my-s-l {
    margin-top: 32px !important;
  }
  .quickview-container .hmf-mr-s-l,
  .quickview-container .hmf-mx-s-l {
    margin-right: 32px !important;
  }
  .quickview-container .hmf-mb-s-l,
  .quickview-container .hmf-my-s-l {
    margin-bottom: 32px !important;
  }
  .quickview-container .hmf-ml-s-l,
  .quickview-container .hmf-mx-s-l {
    margin-left: 32px !important;
  }
  .quickview-container .hmf-m-s-xl {
    margin: 48px !important;
  }
  .quickview-container .hmf-mt-s-xl,
  .quickview-container .hmf-my-s-xl {
    margin-top: 48px !important;
  }
  .quickview-container .hmf-mr-s-xl,
  .quickview-container .hmf-mx-s-xl {
    margin-right: 48px !important;
  }
  .quickview-container .hmf-mb-s-xl,
  .quickview-container .hmf-my-s-xl {
    margin-bottom: 48px !important;
  }
  .quickview-container .hmf-ml-s-xl,
  .quickview-container .hmf-mx-s-xl {
    margin-left: 48px !important;
  }
  .quickview-container .hmf-m-s-xxl {
    margin: 72px !important;
  }
  .quickview-container .hmf-mt-s-xxl,
  .quickview-container .hmf-my-s-xxl {
    margin-top: 72px !important;
  }
  .quickview-container .hmf-mr-s-xxl,
  .quickview-container .hmf-mx-s-xxl {
    margin-right: 72px !important;
  }
  .quickview-container .hmf-mb-s-xxl,
  .quickview-container .hmf-my-s-xxl {
    margin-bottom: 72px !important;
  }
  .quickview-container .hmf-ml-s-xxl,
  .quickview-container .hmf-mx-s-xxl {
    margin-left: 72px !important;
  }
  .quickview-container .hmf-m-s-xxxl {
    margin: 96px !important;
  }
  .quickview-container .hmf-mt-s-xxxl,
  .quickview-container .hmf-my-s-xxxl {
    margin-top: 96px !important;
  }
  .quickview-container .hmf-mr-s-xxxl,
  .quickview-container .hmf-mx-s-xxxl {
    margin-right: 96px !important;
  }
  .quickview-container .hmf-mb-s-xxxl,
  .quickview-container .hmf-my-s-xxxl {
    margin-bottom: 96px !important;
  }
  .quickview-container .hmf-ml-s-xxxl,
  .quickview-container .hmf-mx-s-xxxl {
    margin-left: 96px !important;
  }
  .quickview-container .hmf-m-s-xxxxl {
    margin: 120px !important;
  }
  .quickview-container .hmf-mt-s-xxxxl,
  .quickview-container .hmf-my-s-xxxxl {
    margin-top: 120px !important;
  }
  .quickview-container .hmf-mr-s-xxxxl,
  .quickview-container .hmf-mx-s-xxxxl {
    margin-right: 120px !important;
  }
  .quickview-container .hmf-mb-s-xxxxl,
  .quickview-container .hmf-my-s-xxxxl {
    margin-bottom: 120px !important;
  }
  .quickview-container .hmf-ml-s-xxxxl,
  .quickview-container .hmf-mx-s-xxxxl {
    margin-left: 120px !important;
  }
  .quickview-container .hmf-p-s-auto {
    padding: auto !important;
  }
  .quickview-container .hmf-pt-s-auto,
  .quickview-container .hmf-py-s-auto {
    padding-top: auto !important;
  }
  .quickview-container .hmf-pr-s-auto,
  .quickview-container .hmf-px-s-auto {
    padding-right: auto !important;
  }
  .quickview-container .hmf-pb-s-auto,
  .quickview-container .hmf-py-s-auto {
    padding-bottom: auto !important;
  }
  .quickview-container .hmf-pl-s-auto,
  .quickview-container .hmf-px-s-auto {
    padding-left: auto !important;
  }
  .quickview-container .hmf-p-s-0 {
    padding: 0px !important;
  }
  .quickview-container .hmf-pt-s-0,
  .quickview-container .hmf-py-s-0 {
    padding-top: 0px !important;
  }
  .quickview-container .hmf-pr-s-0,
  .quickview-container .hmf-px-s-0 {
    padding-right: 0px !important;
  }
  .quickview-container .hmf-pb-s-0,
  .quickview-container .hmf-py-s-0 {
    padding-bottom: 0px !important;
  }
  .quickview-container .hmf-pl-s-0,
  .quickview-container .hmf-px-s-0 {
    padding-left: 0px !important;
  }
  .quickview-container .hmf-p-s-xxxs {
    padding: 4px !important;
  }
  .quickview-container .hmf-pt-s-xxxs,
  .quickview-container .hmf-py-s-xxxs {
    padding-top: 4px !important;
  }
  .quickview-container .hmf-pr-s-xxxs,
  .quickview-container .hmf-px-s-xxxs {
    padding-right: 4px !important;
  }
  .quickview-container .hmf-pb-s-xxxs,
  .quickview-container .hmf-py-s-xxxs {
    padding-bottom: 4px !important;
  }
  .quickview-container .hmf-pl-s-xxxs,
  .quickview-container .hmf-px-s-xxxs {
    padding-left: 4px !important;
  }
  .quickview-container .hmf-p-s-xxs {
    padding: 8px !important;
  }
  .quickview-container .hmf-pt-s-xxs,
  .quickview-container .hmf-py-s-xxs {
    padding-top: 8px !important;
  }
  .quickview-container .hmf-pr-s-xxs,
  .quickview-container .hmf-px-s-xxs {
    padding-right: 8px !important;
  }
  .quickview-container .hmf-pb-s-xxs,
  .quickview-container .hmf-py-s-xxs {
    padding-bottom: 8px !important;
  }
  .quickview-container .hmf-pl-s-xxs,
  .quickview-container .hmf-px-s-xxs {
    padding-left: 8px !important;
  }
  .quickview-container .hmf-p-s-xs {
    padding: 12px !important;
  }
  .quickview-container .hmf-pt-s-xs,
  .quickview-container .hmf-py-s-xs {
    padding-top: 12px !important;
  }
  .quickview-container .hmf-pr-s-xs,
  .quickview-container .hmf-px-s-xs {
    padding-right: 12px !important;
  }
  .quickview-container .hmf-pb-s-xs,
  .quickview-container .hmf-py-s-xs {
    padding-bottom: 12px !important;
  }
  .quickview-container .hmf-pl-s-xs,
  .quickview-container .hmf-px-s-xs {
    padding-left: 12px !important;
  }
  .quickview-container .hmf-p-s-s {
    padding: 16px !important;
  }
  .quickview-container .hmf-pt-s-s,
  .quickview-container .hmf-py-s-s {
    padding-top: 16px !important;
  }
  .quickview-container .hmf-pr-s-s,
  .quickview-container .hmf-px-s-s {
    padding-right: 16px !important;
  }
  .quickview-container .hmf-pb-s-s,
  .quickview-container .hmf-py-s-s {
    padding-bottom: 16px !important;
  }
  .quickview-container .hmf-pl-s-s,
  .quickview-container .hmf-px-s-s {
    padding-left: 16px !important;
  }
  .quickview-container .hmf-p-s-m {
    padding: 24px !important;
  }
  .quickview-container .hmf-pt-s-m,
  .quickview-container .hmf-py-s-m {
    padding-top: 24px !important;
  }
  .quickview-container .hmf-pr-s-m,
  .quickview-container .hmf-px-s-m {
    padding-right: 24px !important;
  }
  .quickview-container .hmf-pb-s-m,
  .quickview-container .hmf-py-s-m {
    padding-bottom: 24px !important;
  }
  .quickview-container .hmf-pl-s-m,
  .quickview-container .hmf-px-s-m {
    padding-left: 24px !important;
  }
  .quickview-container .hmf-p-s-l {
    padding: 32px !important;
  }
  .quickview-container .hmf-pt-s-l,
  .quickview-container .hmf-py-s-l {
    padding-top: 32px !important;
  }
  .quickview-container .hmf-pr-s-l,
  .quickview-container .hmf-px-s-l {
    padding-right: 32px !important;
  }
  .quickview-container .hmf-pb-s-l,
  .quickview-container .hmf-py-s-l {
    padding-bottom: 32px !important;
  }
  .quickview-container .hmf-pl-s-l,
  .quickview-container .hmf-px-s-l {
    padding-left: 32px !important;
  }
  .quickview-container .hmf-p-s-xl {
    padding: 48px !important;
  }
  .quickview-container .hmf-pt-s-xl,
  .quickview-container .hmf-py-s-xl {
    padding-top: 48px !important;
  }
  .quickview-container .hmf-pr-s-xl,
  .quickview-container .hmf-px-s-xl {
    padding-right: 48px !important;
  }
  .quickview-container .hmf-pb-s-xl,
  .quickview-container .hmf-py-s-xl {
    padding-bottom: 48px !important;
  }
  .quickview-container .hmf-pl-s-xl,
  .quickview-container .hmf-px-s-xl {
    padding-left: 48px !important;
  }
  .quickview-container .hmf-p-s-xxl {
    padding: 72px !important;
  }
  .quickview-container .hmf-pt-s-xxl,
  .quickview-container .hmf-py-s-xxl {
    padding-top: 72px !important;
  }
  .quickview-container .hmf-pr-s-xxl,
  .quickview-container .hmf-px-s-xxl {
    padding-right: 72px !important;
  }
  .quickview-container .hmf-pb-s-xxl,
  .quickview-container .hmf-py-s-xxl {
    padding-bottom: 72px !important;
  }
  .quickview-container .hmf-pl-s-xxl,
  .quickview-container .hmf-px-s-xxl {
    padding-left: 72px !important;
  }
  .quickview-container .hmf-p-s-xxxl {
    padding: 96px !important;
  }
  .quickview-container .hmf-pt-s-xxxl,
  .quickview-container .hmf-py-s-xxxl {
    padding-top: 96px !important;
  }
  .quickview-container .hmf-pr-s-xxxl,
  .quickview-container .hmf-px-s-xxxl {
    padding-right: 96px !important;
  }
  .quickview-container .hmf-pb-s-xxxl,
  .quickview-container .hmf-py-s-xxxl {
    padding-bottom: 96px !important;
  }
  .quickview-container .hmf-pl-s-xxxl,
  .quickview-container .hmf-px-s-xxxl {
    padding-left: 96px !important;
  }
  .quickview-container .hmf-p-s-xxxxl {
    padding: 120px !important;
  }
  .quickview-container .hmf-pt-s-xxxxl,
  .quickview-container .hmf-py-s-xxxxl {
    padding-top: 120px !important;
  }
  .quickview-container .hmf-pr-s-xxxxl,
  .quickview-container .hmf-px-s-xxxxl {
    padding-right: 120px !important;
  }
  .quickview-container .hmf-pb-s-xxxxl,
  .quickview-container .hmf-py-s-xxxxl {
    padding-bottom: 120px !important;
  }
  .quickview-container .hmf-pl-s-xxxxl,
  .quickview-container .hmf-px-s-xxxxl {
    padding-left: 120px !important;
  }
  .quickview-container .hmf-m-s-auto {
    margin: auto !important;
  }
  .quickview-container .hmf-mt-s-auto,
  .quickview-container .hmf-my-s-auto {
    margin-top: auto !important;
  }
  .quickview-container .hmf-mr-s-auto,
  .quickview-container .hmf-mx-s-auto {
    margin-right: auto !important;
  }
  .quickview-container .hmf-mb-s-auto,
  .quickview-container .hmf-my-s-auto {
    margin-bottom: auto !important;
  }
  .quickview-container .hmf-ml-s-auto,
  .quickview-container .hmf-mx-s-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 375px) {
  .quickview-container .hmf-m-xsm-auto {
    margin: auto !important;
  }
  .quickview-container .hmf-mt-xsm-auto,
  .quickview-container .hmf-my-xsm-auto {
    margin-top: auto !important;
  }
  .quickview-container .hmf-mr-xsm-auto,
  .quickview-container .hmf-mx-xsm-auto {
    margin-right: auto !important;
  }
  .quickview-container .hmf-mb-xsm-auto,
  .quickview-container .hmf-my-xsm-auto {
    margin-bottom: auto !important;
  }
  .quickview-container .hmf-ml-xsm-auto,
  .quickview-container .hmf-mx-xsm-auto {
    margin-left: auto !important;
  }
  .quickview-container .hmf-m-xsm-0 {
    margin: 0px !important;
  }
  .quickview-container .hmf-mt-xsm-0,
  .quickview-container .hmf-my-xsm-0 {
    margin-top: 0px !important;
  }
  .quickview-container .hmf-mr-xsm-0,
  .quickview-container .hmf-mx-xsm-0 {
    margin-right: 0px !important;
  }
  .quickview-container .hmf-mb-xsm-0,
  .quickview-container .hmf-my-xsm-0 {
    margin-bottom: 0px !important;
  }
  .quickview-container .hmf-ml-xsm-0,
  .quickview-container .hmf-mx-xsm-0 {
    margin-left: 0px !important;
  }
  .quickview-container .hmf-m-xsm-xxxs {
    margin: 4px !important;
  }
  .quickview-container .hmf-mt-xsm-xxxs,
  .quickview-container .hmf-my-xsm-xxxs {
    margin-top: 4px !important;
  }
  .quickview-container .hmf-mr-xsm-xxxs,
  .quickview-container .hmf-mx-xsm-xxxs {
    margin-right: 4px !important;
  }
  .quickview-container .hmf-mb-xsm-xxxs,
  .quickview-container .hmf-my-xsm-xxxs {
    margin-bottom: 4px !important;
  }
  .quickview-container .hmf-ml-xsm-xxxs,
  .quickview-container .hmf-mx-xsm-xxxs {
    margin-left: 4px !important;
  }
  .quickview-container .hmf-m-xsm-xxs {
    margin: 8px !important;
  }
  .quickview-container .hmf-mt-xsm-xxs,
  .quickview-container .hmf-my-xsm-xxs {
    margin-top: 8px !important;
  }
  .quickview-container .hmf-mr-xsm-xxs,
  .quickview-container .hmf-mx-xsm-xxs {
    margin-right: 8px !important;
  }
  .quickview-container .hmf-mb-xsm-xxs,
  .quickview-container .hmf-my-xsm-xxs {
    margin-bottom: 8px !important;
  }
  .quickview-container .hmf-ml-xsm-xxs,
  .quickview-container .hmf-mx-xsm-xxs {
    margin-left: 8px !important;
  }
  .quickview-container .hmf-m-xsm-xs {
    margin: 12px !important;
  }
  .quickview-container .hmf-mt-xsm-xs,
  .quickview-container .hmf-my-xsm-xs {
    margin-top: 12px !important;
  }
  .quickview-container .hmf-mr-xsm-xs,
  .quickview-container .hmf-mx-xsm-xs {
    margin-right: 12px !important;
  }
  .quickview-container .hmf-mb-xsm-xs,
  .quickview-container .hmf-my-xsm-xs {
    margin-bottom: 12px !important;
  }
  .quickview-container .hmf-ml-xsm-xs,
  .quickview-container .hmf-mx-xsm-xs {
    margin-left: 12px !important;
  }
  .quickview-container .hmf-m-xsm-s {
    margin: 16px !important;
  }
  .quickview-container .hmf-mt-xsm-s,
  .quickview-container .hmf-my-xsm-s {
    margin-top: 16px !important;
  }
  .quickview-container .hmf-mr-xsm-s,
  .quickview-container .hmf-mx-xsm-s {
    margin-right: 16px !important;
  }
  .quickview-container .hmf-mb-xsm-s,
  .quickview-container .hmf-my-xsm-s {
    margin-bottom: 16px !important;
  }
  .quickview-container .hmf-ml-xsm-s,
  .quickview-container .hmf-mx-xsm-s {
    margin-left: 16px !important;
  }
  .quickview-container .hmf-m-xsm-m {
    margin: 24px !important;
  }
  .quickview-container .hmf-mt-xsm-m,
  .quickview-container .hmf-my-xsm-m {
    margin-top: 24px !important;
  }
  .quickview-container .hmf-mr-xsm-m,
  .quickview-container .hmf-mx-xsm-m {
    margin-right: 24px !important;
  }
  .quickview-container .hmf-mb-xsm-m,
  .quickview-container .hmf-my-xsm-m {
    margin-bottom: 24px !important;
  }
  .quickview-container .hmf-ml-xsm-m,
  .quickview-container .hmf-mx-xsm-m {
    margin-left: 24px !important;
  }
  .quickview-container .hmf-m-xsm-l {
    margin: 32px !important;
  }
  .quickview-container .hmf-mt-xsm-l,
  .quickview-container .hmf-my-xsm-l {
    margin-top: 32px !important;
  }
  .quickview-container .hmf-mr-xsm-l,
  .quickview-container .hmf-mx-xsm-l {
    margin-right: 32px !important;
  }
  .quickview-container .hmf-mb-xsm-l,
  .quickview-container .hmf-my-xsm-l {
    margin-bottom: 32px !important;
  }
  .quickview-container .hmf-ml-xsm-l,
  .quickview-container .hmf-mx-xsm-l {
    margin-left: 32px !important;
  }
  .quickview-container .hmf-m-xsm-xl {
    margin: 48px !important;
  }
  .quickview-container .hmf-mt-xsm-xl,
  .quickview-container .hmf-my-xsm-xl {
    margin-top: 48px !important;
  }
  .quickview-container .hmf-mr-xsm-xl,
  .quickview-container .hmf-mx-xsm-xl {
    margin-right: 48px !important;
  }
  .quickview-container .hmf-mb-xsm-xl,
  .quickview-container .hmf-my-xsm-xl {
    margin-bottom: 48px !important;
  }
  .quickview-container .hmf-ml-xsm-xl,
  .quickview-container .hmf-mx-xsm-xl {
    margin-left: 48px !important;
  }
  .quickview-container .hmf-m-xsm-xxl {
    margin: 72px !important;
  }
  .quickview-container .hmf-mt-xsm-xxl,
  .quickview-container .hmf-my-xsm-xxl {
    margin-top: 72px !important;
  }
  .quickview-container .hmf-mr-xsm-xxl,
  .quickview-container .hmf-mx-xsm-xxl {
    margin-right: 72px !important;
  }
  .quickview-container .hmf-mb-xsm-xxl,
  .quickview-container .hmf-my-xsm-xxl {
    margin-bottom: 72px !important;
  }
  .quickview-container .hmf-ml-xsm-xxl,
  .quickview-container .hmf-mx-xsm-xxl {
    margin-left: 72px !important;
  }
  .quickview-container .hmf-m-xsm-xxxl {
    margin: 96px !important;
  }
  .quickview-container .hmf-mt-xsm-xxxl,
  .quickview-container .hmf-my-xsm-xxxl {
    margin-top: 96px !important;
  }
  .quickview-container .hmf-mr-xsm-xxxl,
  .quickview-container .hmf-mx-xsm-xxxl {
    margin-right: 96px !important;
  }
  .quickview-container .hmf-mb-xsm-xxxl,
  .quickview-container .hmf-my-xsm-xxxl {
    margin-bottom: 96px !important;
  }
  .quickview-container .hmf-ml-xsm-xxxl,
  .quickview-container .hmf-mx-xsm-xxxl {
    margin-left: 96px !important;
  }
  .quickview-container .hmf-m-xsm-xxxxl {
    margin: 120px !important;
  }
  .quickview-container .hmf-mt-xsm-xxxxl,
  .quickview-container .hmf-my-xsm-xxxxl {
    margin-top: 120px !important;
  }
  .quickview-container .hmf-mr-xsm-xxxxl,
  .quickview-container .hmf-mx-xsm-xxxxl {
    margin-right: 120px !important;
  }
  .quickview-container .hmf-mb-xsm-xxxxl,
  .quickview-container .hmf-my-xsm-xxxxl {
    margin-bottom: 120px !important;
  }
  .quickview-container .hmf-ml-xsm-xxxxl,
  .quickview-container .hmf-mx-xsm-xxxxl {
    margin-left: 120px !important;
  }
  .quickview-container .hmf-p-xsm-auto {
    padding: auto !important;
  }
  .quickview-container .hmf-pt-xsm-auto,
  .quickview-container .hmf-py-xsm-auto {
    padding-top: auto !important;
  }
  .quickview-container .hmf-pr-xsm-auto,
  .quickview-container .hmf-px-xsm-auto {
    padding-right: auto !important;
  }
  .quickview-container .hmf-pb-xsm-auto,
  .quickview-container .hmf-py-xsm-auto {
    padding-bottom: auto !important;
  }
  .quickview-container .hmf-pl-xsm-auto,
  .quickview-container .hmf-px-xsm-auto {
    padding-left: auto !important;
  }
  .quickview-container .hmf-p-xsm-0 {
    padding: 0px !important;
  }
  .quickview-container .hmf-pt-xsm-0,
  .quickview-container .hmf-py-xsm-0 {
    padding-top: 0px !important;
  }
  .quickview-container .hmf-pr-xsm-0,
  .quickview-container .hmf-px-xsm-0 {
    padding-right: 0px !important;
  }
  .quickview-container .hmf-pb-xsm-0,
  .quickview-container .hmf-py-xsm-0 {
    padding-bottom: 0px !important;
  }
  .quickview-container .hmf-pl-xsm-0,
  .quickview-container .hmf-px-xsm-0 {
    padding-left: 0px !important;
  }
  .quickview-container .hmf-p-xsm-xxxs {
    padding: 4px !important;
  }
  .quickview-container .hmf-pt-xsm-xxxs,
  .quickview-container .hmf-py-xsm-xxxs {
    padding-top: 4px !important;
  }
  .quickview-container .hmf-pr-xsm-xxxs,
  .quickview-container .hmf-px-xsm-xxxs {
    padding-right: 4px !important;
  }
  .quickview-container .hmf-pb-xsm-xxxs,
  .quickview-container .hmf-py-xsm-xxxs {
    padding-bottom: 4px !important;
  }
  .quickview-container .hmf-pl-xsm-xxxs,
  .quickview-container .hmf-px-xsm-xxxs {
    padding-left: 4px !important;
  }
  .quickview-container .hmf-p-xsm-xxs {
    padding: 8px !important;
  }
  .quickview-container .hmf-pt-xsm-xxs,
  .quickview-container .hmf-py-xsm-xxs {
    padding-top: 8px !important;
  }
  .quickview-container .hmf-pr-xsm-xxs,
  .quickview-container .hmf-px-xsm-xxs {
    padding-right: 8px !important;
  }
  .quickview-container .hmf-pb-xsm-xxs,
  .quickview-container .hmf-py-xsm-xxs {
    padding-bottom: 8px !important;
  }
  .quickview-container .hmf-pl-xsm-xxs,
  .quickview-container .hmf-px-xsm-xxs {
    padding-left: 8px !important;
  }
  .quickview-container .hmf-p-xsm-xs {
    padding: 12px !important;
  }
  .quickview-container .hmf-pt-xsm-xs,
  .quickview-container .hmf-py-xsm-xs {
    padding-top: 12px !important;
  }
  .quickview-container .hmf-pr-xsm-xs,
  .quickview-container .hmf-px-xsm-xs {
    padding-right: 12px !important;
  }
  .quickview-container .hmf-pb-xsm-xs,
  .quickview-container .hmf-py-xsm-xs {
    padding-bottom: 12px !important;
  }
  .quickview-container .hmf-pl-xsm-xs,
  .quickview-container .hmf-px-xsm-xs {
    padding-left: 12px !important;
  }
  .quickview-container .hmf-p-xsm-s {
    padding: 16px !important;
  }
  .quickview-container .hmf-pt-xsm-s,
  .quickview-container .hmf-py-xsm-s {
    padding-top: 16px !important;
  }
  .quickview-container .hmf-pr-xsm-s,
  .quickview-container .hmf-px-xsm-s {
    padding-right: 16px !important;
  }
  .quickview-container .hmf-pb-xsm-s,
  .quickview-container .hmf-py-xsm-s {
    padding-bottom: 16px !important;
  }
  .quickview-container .hmf-pl-xsm-s,
  .quickview-container .hmf-px-xsm-s {
    padding-left: 16px !important;
  }
  .quickview-container .hmf-p-xsm-m {
    padding: 24px !important;
  }
  .quickview-container .hmf-pt-xsm-m,
  .quickview-container .hmf-py-xsm-m {
    padding-top: 24px !important;
  }
  .quickview-container .hmf-pr-xsm-m,
  .quickview-container .hmf-px-xsm-m {
    padding-right: 24px !important;
  }
  .quickview-container .hmf-pb-xsm-m,
  .quickview-container .hmf-py-xsm-m {
    padding-bottom: 24px !important;
  }
  .quickview-container .hmf-pl-xsm-m,
  .quickview-container .hmf-px-xsm-m {
    padding-left: 24px !important;
  }
  .quickview-container .hmf-p-xsm-l {
    padding: 32px !important;
  }
  .quickview-container .hmf-pt-xsm-l,
  .quickview-container .hmf-py-xsm-l {
    padding-top: 32px !important;
  }
  .quickview-container .hmf-pr-xsm-l,
  .quickview-container .hmf-px-xsm-l {
    padding-right: 32px !important;
  }
  .quickview-container .hmf-pb-xsm-l,
  .quickview-container .hmf-py-xsm-l {
    padding-bottom: 32px !important;
  }
  .quickview-container .hmf-pl-xsm-l,
  .quickview-container .hmf-px-xsm-l {
    padding-left: 32px !important;
  }
  .quickview-container .hmf-p-xsm-xl {
    padding: 48px !important;
  }
  .quickview-container .hmf-pt-xsm-xl,
  .quickview-container .hmf-py-xsm-xl {
    padding-top: 48px !important;
  }
  .quickview-container .hmf-pr-xsm-xl,
  .quickview-container .hmf-px-xsm-xl {
    padding-right: 48px !important;
  }
  .quickview-container .hmf-pb-xsm-xl,
  .quickview-container .hmf-py-xsm-xl {
    padding-bottom: 48px !important;
  }
  .quickview-container .hmf-pl-xsm-xl,
  .quickview-container .hmf-px-xsm-xl {
    padding-left: 48px !important;
  }
  .quickview-container .hmf-p-xsm-xxl {
    padding: 72px !important;
  }
  .quickview-container .hmf-pt-xsm-xxl,
  .quickview-container .hmf-py-xsm-xxl {
    padding-top: 72px !important;
  }
  .quickview-container .hmf-pr-xsm-xxl,
  .quickview-container .hmf-px-xsm-xxl {
    padding-right: 72px !important;
  }
  .quickview-container .hmf-pb-xsm-xxl,
  .quickview-container .hmf-py-xsm-xxl {
    padding-bottom: 72px !important;
  }
  .quickview-container .hmf-pl-xsm-xxl,
  .quickview-container .hmf-px-xsm-xxl {
    padding-left: 72px !important;
  }
  .quickview-container .hmf-p-xsm-xxxl {
    padding: 96px !important;
  }
  .quickview-container .hmf-pt-xsm-xxxl,
  .quickview-container .hmf-py-xsm-xxxl {
    padding-top: 96px !important;
  }
  .quickview-container .hmf-pr-xsm-xxxl,
  .quickview-container .hmf-px-xsm-xxxl {
    padding-right: 96px !important;
  }
  .quickview-container .hmf-pb-xsm-xxxl,
  .quickview-container .hmf-py-xsm-xxxl {
    padding-bottom: 96px !important;
  }
  .quickview-container .hmf-pl-xsm-xxxl,
  .quickview-container .hmf-px-xsm-xxxl {
    padding-left: 96px !important;
  }
  .quickview-container .hmf-p-xsm-xxxxl {
    padding: 120px !important;
  }
  .quickview-container .hmf-pt-xsm-xxxxl,
  .quickview-container .hmf-py-xsm-xxxxl {
    padding-top: 120px !important;
  }
  .quickview-container .hmf-pr-xsm-xxxxl,
  .quickview-container .hmf-px-xsm-xxxxl {
    padding-right: 120px !important;
  }
  .quickview-container .hmf-pb-xsm-xxxxl,
  .quickview-container .hmf-py-xsm-xxxxl {
    padding-bottom: 120px !important;
  }
  .quickview-container .hmf-pl-xsm-xxxxl,
  .quickview-container .hmf-px-xsm-xxxxl {
    padding-left: 120px !important;
  }
  .quickview-container .hmf-m-xsm-auto {
    margin: auto !important;
  }
  .quickview-container .hmf-mt-xsm-auto,
  .quickview-container .hmf-my-xsm-auto {
    margin-top: auto !important;
  }
  .quickview-container .hmf-mr-xsm-auto,
  .quickview-container .hmf-mx-xsm-auto {
    margin-right: auto !important;
  }
  .quickview-container .hmf-mb-xsm-auto,
  .quickview-container .hmf-my-xsm-auto {
    margin-bottom: auto !important;
  }
  .quickview-container .hmf-ml-xsm-auto,
  .quickview-container .hmf-mx-xsm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 480px) {
  .quickview-container .hmf-m-sm-auto {
    margin: auto !important;
  }
  .quickview-container .hmf-mt-sm-auto,
  .quickview-container .hmf-my-sm-auto {
    margin-top: auto !important;
  }
  .quickview-container .hmf-mr-sm-auto,
  .quickview-container .hmf-mx-sm-auto {
    margin-right: auto !important;
  }
  .quickview-container .hmf-mb-sm-auto,
  .quickview-container .hmf-my-sm-auto {
    margin-bottom: auto !important;
  }
  .quickview-container .hmf-ml-sm-auto,
  .quickview-container .hmf-mx-sm-auto {
    margin-left: auto !important;
  }
  .quickview-container .hmf-m-sm-0 {
    margin: 0px !important;
  }
  .quickview-container .hmf-mt-sm-0,
  .quickview-container .hmf-my-sm-0 {
    margin-top: 0px !important;
  }
  .quickview-container .hmf-mr-sm-0,
  .quickview-container .hmf-mx-sm-0 {
    margin-right: 0px !important;
  }
  .quickview-container .hmf-mb-sm-0,
  .quickview-container .hmf-my-sm-0 {
    margin-bottom: 0px !important;
  }
  .quickview-container .hmf-ml-sm-0,
  .quickview-container .hmf-mx-sm-0 {
    margin-left: 0px !important;
  }
  .quickview-container .hmf-m-sm-xxxs {
    margin: 4px !important;
  }
  .quickview-container .hmf-mt-sm-xxxs,
  .quickview-container .hmf-my-sm-xxxs {
    margin-top: 4px !important;
  }
  .quickview-container .hmf-mr-sm-xxxs,
  .quickview-container .hmf-mx-sm-xxxs {
    margin-right: 4px !important;
  }
  .quickview-container .hmf-mb-sm-xxxs,
  .quickview-container .hmf-my-sm-xxxs {
    margin-bottom: 4px !important;
  }
  .quickview-container .hmf-ml-sm-xxxs,
  .quickview-container .hmf-mx-sm-xxxs {
    margin-left: 4px !important;
  }
  .quickview-container .hmf-m-sm-xxs {
    margin: 8px !important;
  }
  .quickview-container .hmf-mt-sm-xxs,
  .quickview-container .hmf-my-sm-xxs {
    margin-top: 8px !important;
  }
  .quickview-container .hmf-mr-sm-xxs,
  .quickview-container .hmf-mx-sm-xxs {
    margin-right: 8px !important;
  }
  .quickview-container .hmf-mb-sm-xxs,
  .quickview-container .hmf-my-sm-xxs {
    margin-bottom: 8px !important;
  }
  .quickview-container .hmf-ml-sm-xxs,
  .quickview-container .hmf-mx-sm-xxs {
    margin-left: 8px !important;
  }
  .quickview-container .hmf-m-sm-xs {
    margin: 12px !important;
  }
  .quickview-container .hmf-mt-sm-xs,
  .quickview-container .hmf-my-sm-xs {
    margin-top: 12px !important;
  }
  .quickview-container .hmf-mr-sm-xs,
  .quickview-container .hmf-mx-sm-xs {
    margin-right: 12px !important;
  }
  .quickview-container .hmf-mb-sm-xs,
  .quickview-container .hmf-my-sm-xs {
    margin-bottom: 12px !important;
  }
  .quickview-container .hmf-ml-sm-xs,
  .quickview-container .hmf-mx-sm-xs {
    margin-left: 12px !important;
  }
  .quickview-container .hmf-m-sm-s {
    margin: 16px !important;
  }
  .quickview-container .hmf-mt-sm-s,
  .quickview-container .hmf-my-sm-s {
    margin-top: 16px !important;
  }
  .quickview-container .hmf-mr-sm-s,
  .quickview-container .hmf-mx-sm-s {
    margin-right: 16px !important;
  }
  .quickview-container .hmf-mb-sm-s,
  .quickview-container .hmf-my-sm-s {
    margin-bottom: 16px !important;
  }
  .quickview-container .hmf-ml-sm-s,
  .quickview-container .hmf-mx-sm-s {
    margin-left: 16px !important;
  }
  .quickview-container .hmf-m-sm-m {
    margin: 24px !important;
  }
  .quickview-container .hmf-mt-sm-m,
  .quickview-container .hmf-my-sm-m {
    margin-top: 24px !important;
  }
  .quickview-container .hmf-mr-sm-m,
  .quickview-container .hmf-mx-sm-m {
    margin-right: 24px !important;
  }
  .quickview-container .hmf-mb-sm-m,
  .quickview-container .hmf-my-sm-m {
    margin-bottom: 24px !important;
  }
  .quickview-container .hmf-ml-sm-m,
  .quickview-container .hmf-mx-sm-m {
    margin-left: 24px !important;
  }
  .quickview-container .hmf-m-sm-l {
    margin: 32px !important;
  }
  .quickview-container .hmf-mt-sm-l,
  .quickview-container .hmf-my-sm-l {
    margin-top: 32px !important;
  }
  .quickview-container .hmf-mr-sm-l,
  .quickview-container .hmf-mx-sm-l {
    margin-right: 32px !important;
  }
  .quickview-container .hmf-mb-sm-l,
  .quickview-container .hmf-my-sm-l {
    margin-bottom: 32px !important;
  }
  .quickview-container .hmf-ml-sm-l,
  .quickview-container .hmf-mx-sm-l {
    margin-left: 32px !important;
  }
  .quickview-container .hmf-m-sm-xl {
    margin: 48px !important;
  }
  .quickview-container .hmf-mt-sm-xl,
  .quickview-container .hmf-my-sm-xl {
    margin-top: 48px !important;
  }
  .quickview-container .hmf-mr-sm-xl,
  .quickview-container .hmf-mx-sm-xl {
    margin-right: 48px !important;
  }
  .quickview-container .hmf-mb-sm-xl,
  .quickview-container .hmf-my-sm-xl {
    margin-bottom: 48px !important;
  }
  .quickview-container .hmf-ml-sm-xl,
  .quickview-container .hmf-mx-sm-xl {
    margin-left: 48px !important;
  }
  .quickview-container .hmf-m-sm-xxl {
    margin: 72px !important;
  }
  .quickview-container .hmf-mt-sm-xxl,
  .quickview-container .hmf-my-sm-xxl {
    margin-top: 72px !important;
  }
  .quickview-container .hmf-mr-sm-xxl,
  .quickview-container .hmf-mx-sm-xxl {
    margin-right: 72px !important;
  }
  .quickview-container .hmf-mb-sm-xxl,
  .quickview-container .hmf-my-sm-xxl {
    margin-bottom: 72px !important;
  }
  .quickview-container .hmf-ml-sm-xxl,
  .quickview-container .hmf-mx-sm-xxl {
    margin-left: 72px !important;
  }
  .quickview-container .hmf-m-sm-xxxl {
    margin: 96px !important;
  }
  .quickview-container .hmf-mt-sm-xxxl,
  .quickview-container .hmf-my-sm-xxxl {
    margin-top: 96px !important;
  }
  .quickview-container .hmf-mr-sm-xxxl,
  .quickview-container .hmf-mx-sm-xxxl {
    margin-right: 96px !important;
  }
  .quickview-container .hmf-mb-sm-xxxl,
  .quickview-container .hmf-my-sm-xxxl {
    margin-bottom: 96px !important;
  }
  .quickview-container .hmf-ml-sm-xxxl,
  .quickview-container .hmf-mx-sm-xxxl {
    margin-left: 96px !important;
  }
  .quickview-container .hmf-m-sm-xxxxl {
    margin: 120px !important;
  }
  .quickview-container .hmf-mt-sm-xxxxl,
  .quickview-container .hmf-my-sm-xxxxl {
    margin-top: 120px !important;
  }
  .quickview-container .hmf-mr-sm-xxxxl,
  .quickview-container .hmf-mx-sm-xxxxl {
    margin-right: 120px !important;
  }
  .quickview-container .hmf-mb-sm-xxxxl,
  .quickview-container .hmf-my-sm-xxxxl {
    margin-bottom: 120px !important;
  }
  .quickview-container .hmf-ml-sm-xxxxl,
  .quickview-container .hmf-mx-sm-xxxxl {
    margin-left: 120px !important;
  }
  .quickview-container .hmf-p-sm-auto {
    padding: auto !important;
  }
  .quickview-container .hmf-pt-sm-auto,
  .quickview-container .hmf-py-sm-auto {
    padding-top: auto !important;
  }
  .quickview-container .hmf-pr-sm-auto,
  .quickview-container .hmf-px-sm-auto {
    padding-right: auto !important;
  }
  .quickview-container .hmf-pb-sm-auto,
  .quickview-container .hmf-py-sm-auto {
    padding-bottom: auto !important;
  }
  .quickview-container .hmf-pl-sm-auto,
  .quickview-container .hmf-px-sm-auto {
    padding-left: auto !important;
  }
  .quickview-container .hmf-p-sm-0 {
    padding: 0px !important;
  }
  .quickview-container .hmf-pt-sm-0,
  .quickview-container .hmf-py-sm-0 {
    padding-top: 0px !important;
  }
  .quickview-container .hmf-pr-sm-0,
  .quickview-container .hmf-px-sm-0 {
    padding-right: 0px !important;
  }
  .quickview-container .hmf-pb-sm-0,
  .quickview-container .hmf-py-sm-0 {
    padding-bottom: 0px !important;
  }
  .quickview-container .hmf-pl-sm-0,
  .quickview-container .hmf-px-sm-0 {
    padding-left: 0px !important;
  }
  .quickview-container .hmf-p-sm-xxxs {
    padding: 4px !important;
  }
  .quickview-container .hmf-pt-sm-xxxs,
  .quickview-container .hmf-py-sm-xxxs {
    padding-top: 4px !important;
  }
  .quickview-container .hmf-pr-sm-xxxs,
  .quickview-container .hmf-px-sm-xxxs {
    padding-right: 4px !important;
  }
  .quickview-container .hmf-pb-sm-xxxs,
  .quickview-container .hmf-py-sm-xxxs {
    padding-bottom: 4px !important;
  }
  .quickview-container .hmf-pl-sm-xxxs,
  .quickview-container .hmf-px-sm-xxxs {
    padding-left: 4px !important;
  }
  .quickview-container .hmf-p-sm-xxs {
    padding: 8px !important;
  }
  .quickview-container .hmf-pt-sm-xxs,
  .quickview-container .hmf-py-sm-xxs {
    padding-top: 8px !important;
  }
  .quickview-container .hmf-pr-sm-xxs,
  .quickview-container .hmf-px-sm-xxs {
    padding-right: 8px !important;
  }
  .quickview-container .hmf-pb-sm-xxs,
  .quickview-container .hmf-py-sm-xxs {
    padding-bottom: 8px !important;
  }
  .quickview-container .hmf-pl-sm-xxs,
  .quickview-container .hmf-px-sm-xxs {
    padding-left: 8px !important;
  }
  .quickview-container .hmf-p-sm-xs {
    padding: 12px !important;
  }
  .quickview-container .hmf-pt-sm-xs,
  .quickview-container .hmf-py-sm-xs {
    padding-top: 12px !important;
  }
  .quickview-container .hmf-pr-sm-xs,
  .quickview-container .hmf-px-sm-xs {
    padding-right: 12px !important;
  }
  .quickview-container .hmf-pb-sm-xs,
  .quickview-container .hmf-py-sm-xs {
    padding-bottom: 12px !important;
  }
  .quickview-container .hmf-pl-sm-xs,
  .quickview-container .hmf-px-sm-xs {
    padding-left: 12px !important;
  }
  .quickview-container .hmf-p-sm-s {
    padding: 16px !important;
  }
  .quickview-container .hmf-pt-sm-s,
  .quickview-container .hmf-py-sm-s {
    padding-top: 16px !important;
  }
  .quickview-container .hmf-pr-sm-s,
  .quickview-container .hmf-px-sm-s {
    padding-right: 16px !important;
  }
  .quickview-container .hmf-pb-sm-s,
  .quickview-container .hmf-py-sm-s {
    padding-bottom: 16px !important;
  }
  .quickview-container .hmf-pl-sm-s,
  .quickview-container .hmf-px-sm-s {
    padding-left: 16px !important;
  }
  .quickview-container .hmf-p-sm-m {
    padding: 24px !important;
  }
  .quickview-container .hmf-pt-sm-m,
  .quickview-container .hmf-py-sm-m {
    padding-top: 24px !important;
  }
  .quickview-container .hmf-pr-sm-m,
  .quickview-container .hmf-px-sm-m {
    padding-right: 24px !important;
  }
  .quickview-container .hmf-pb-sm-m,
  .quickview-container .hmf-py-sm-m {
    padding-bottom: 24px !important;
  }
  .quickview-container .hmf-pl-sm-m,
  .quickview-container .hmf-px-sm-m {
    padding-left: 24px !important;
  }
  .quickview-container .hmf-p-sm-l {
    padding: 32px !important;
  }
  .quickview-container .hmf-pt-sm-l,
  .quickview-container .hmf-py-sm-l {
    padding-top: 32px !important;
  }
  .quickview-container .hmf-pr-sm-l,
  .quickview-container .hmf-px-sm-l {
    padding-right: 32px !important;
  }
  .quickview-container .hmf-pb-sm-l,
  .quickview-container .hmf-py-sm-l {
    padding-bottom: 32px !important;
  }
  .quickview-container .hmf-pl-sm-l,
  .quickview-container .hmf-px-sm-l {
    padding-left: 32px !important;
  }
  .quickview-container .hmf-p-sm-xl {
    padding: 48px !important;
  }
  .quickview-container .hmf-pt-sm-xl,
  .quickview-container .hmf-py-sm-xl {
    padding-top: 48px !important;
  }
  .quickview-container .hmf-pr-sm-xl,
  .quickview-container .hmf-px-sm-xl {
    padding-right: 48px !important;
  }
  .quickview-container .hmf-pb-sm-xl,
  .quickview-container .hmf-py-sm-xl {
    padding-bottom: 48px !important;
  }
  .quickview-container .hmf-pl-sm-xl,
  .quickview-container .hmf-px-sm-xl {
    padding-left: 48px !important;
  }
  .quickview-container .hmf-p-sm-xxl {
    padding: 72px !important;
  }
  .quickview-container .hmf-pt-sm-xxl,
  .quickview-container .hmf-py-sm-xxl {
    padding-top: 72px !important;
  }
  .quickview-container .hmf-pr-sm-xxl,
  .quickview-container .hmf-px-sm-xxl {
    padding-right: 72px !important;
  }
  .quickview-container .hmf-pb-sm-xxl,
  .quickview-container .hmf-py-sm-xxl {
    padding-bottom: 72px !important;
  }
  .quickview-container .hmf-pl-sm-xxl,
  .quickview-container .hmf-px-sm-xxl {
    padding-left: 72px !important;
  }
  .quickview-container .hmf-p-sm-xxxl {
    padding: 96px !important;
  }
  .quickview-container .hmf-pt-sm-xxxl,
  .quickview-container .hmf-py-sm-xxxl {
    padding-top: 96px !important;
  }
  .quickview-container .hmf-pr-sm-xxxl,
  .quickview-container .hmf-px-sm-xxxl {
    padding-right: 96px !important;
  }
  .quickview-container .hmf-pb-sm-xxxl,
  .quickview-container .hmf-py-sm-xxxl {
    padding-bottom: 96px !important;
  }
  .quickview-container .hmf-pl-sm-xxxl,
  .quickview-container .hmf-px-sm-xxxl {
    padding-left: 96px !important;
  }
  .quickview-container .hmf-p-sm-xxxxl {
    padding: 120px !important;
  }
  .quickview-container .hmf-pt-sm-xxxxl,
  .quickview-container .hmf-py-sm-xxxxl {
    padding-top: 120px !important;
  }
  .quickview-container .hmf-pr-sm-xxxxl,
  .quickview-container .hmf-px-sm-xxxxl {
    padding-right: 120px !important;
  }
  .quickview-container .hmf-pb-sm-xxxxl,
  .quickview-container .hmf-py-sm-xxxxl {
    padding-bottom: 120px !important;
  }
  .quickview-container .hmf-pl-sm-xxxxl,
  .quickview-container .hmf-px-sm-xxxxl {
    padding-left: 120px !important;
  }
  .quickview-container .hmf-m-sm-auto {
    margin: auto !important;
  }
  .quickview-container .hmf-mt-sm-auto,
  .quickview-container .hmf-my-sm-auto {
    margin-top: auto !important;
  }
  .quickview-container .hmf-mr-sm-auto,
  .quickview-container .hmf-mx-sm-auto {
    margin-right: auto !important;
  }
  .quickview-container .hmf-mb-sm-auto,
  .quickview-container .hmf-my-sm-auto {
    margin-bottom: auto !important;
  }
  .quickview-container .hmf-ml-sm-auto,
  .quickview-container .hmf-mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .quickview-container .hmf-m-m-auto {
    margin: auto !important;
  }
  .quickview-container .hmf-mt-m-auto,
  .quickview-container .hmf-my-m-auto {
    margin-top: auto !important;
  }
  .quickview-container .hmf-mr-m-auto,
  .quickview-container .hmf-mx-m-auto {
    margin-right: auto !important;
  }
  .quickview-container .hmf-mb-m-auto,
  .quickview-container .hmf-my-m-auto {
    margin-bottom: auto !important;
  }
  .quickview-container .hmf-ml-m-auto,
  .quickview-container .hmf-mx-m-auto {
    margin-left: auto !important;
  }
  .quickview-container .hmf-m-m-0 {
    margin: 0px !important;
  }
  .quickview-container .hmf-mt-m-0,
  .quickview-container .hmf-my-m-0 {
    margin-top: 0px !important;
  }
  .quickview-container .hmf-mr-m-0,
  .quickview-container .hmf-mx-m-0 {
    margin-right: 0px !important;
  }
  .quickview-container .hmf-mb-m-0,
  .quickview-container .hmf-my-m-0 {
    margin-bottom: 0px !important;
  }
  .quickview-container .hmf-ml-m-0,
  .quickview-container .hmf-mx-m-0 {
    margin-left: 0px !important;
  }
  .quickview-container .hmf-m-m-xxxs {
    margin: 4px !important;
  }
  .quickview-container .hmf-mt-m-xxxs,
  .quickview-container .hmf-my-m-xxxs {
    margin-top: 4px !important;
  }
  .quickview-container .hmf-mr-m-xxxs,
  .quickview-container .hmf-mx-m-xxxs {
    margin-right: 4px !important;
  }
  .quickview-container .hmf-mb-m-xxxs,
  .quickview-container .hmf-my-m-xxxs {
    margin-bottom: 4px !important;
  }
  .quickview-container .hmf-ml-m-xxxs,
  .quickview-container .hmf-mx-m-xxxs {
    margin-left: 4px !important;
  }
  .quickview-container .hmf-m-m-xxs {
    margin: 8px !important;
  }
  .quickview-container .hmf-mt-m-xxs,
  .quickview-container .hmf-my-m-xxs {
    margin-top: 8px !important;
  }
  .quickview-container .hmf-mr-m-xxs,
  .quickview-container .hmf-mx-m-xxs {
    margin-right: 8px !important;
  }
  .quickview-container .hmf-mb-m-xxs,
  .quickview-container .hmf-my-m-xxs {
    margin-bottom: 8px !important;
  }
  .quickview-container .hmf-ml-m-xxs,
  .quickview-container .hmf-mx-m-xxs {
    margin-left: 8px !important;
  }
  .quickview-container .hmf-m-m-xs {
    margin: 12px !important;
  }
  .quickview-container .hmf-mt-m-xs,
  .quickview-container .hmf-my-m-xs {
    margin-top: 12px !important;
  }
  .quickview-container .hmf-mr-m-xs,
  .quickview-container .hmf-mx-m-xs {
    margin-right: 12px !important;
  }
  .quickview-container .hmf-mb-m-xs,
  .quickview-container .hmf-my-m-xs {
    margin-bottom: 12px !important;
  }
  .quickview-container .hmf-ml-m-xs,
  .quickview-container .hmf-mx-m-xs {
    margin-left: 12px !important;
  }
  .quickview-container .hmf-m-m-s {
    margin: 16px !important;
  }
  .quickview-container .hmf-mt-m-s,
  .quickview-container .hmf-my-m-s {
    margin-top: 16px !important;
  }
  .quickview-container .hmf-mr-m-s,
  .quickview-container .hmf-mx-m-s {
    margin-right: 16px !important;
  }
  .quickview-container .hmf-mb-m-s,
  .quickview-container .hmf-my-m-s {
    margin-bottom: 16px !important;
  }
  .quickview-container .hmf-ml-m-s,
  .quickview-container .hmf-mx-m-s {
    margin-left: 16px !important;
  }
  .quickview-container .hmf-m-m-m {
    margin: 24px !important;
  }
  .quickview-container .hmf-mt-m-m,
  .quickview-container .hmf-my-m-m {
    margin-top: 24px !important;
  }
  .quickview-container .hmf-mr-m-m,
  .quickview-container .hmf-mx-m-m {
    margin-right: 24px !important;
  }
  .quickview-container .hmf-mb-m-m,
  .quickview-container .hmf-my-m-m {
    margin-bottom: 24px !important;
  }
  .quickview-container .hmf-ml-m-m,
  .quickview-container .hmf-mx-m-m {
    margin-left: 24px !important;
  }
  .quickview-container .hmf-m-m-l {
    margin: 32px !important;
  }
  .quickview-container .hmf-mt-m-l,
  .quickview-container .hmf-my-m-l {
    margin-top: 32px !important;
  }
  .quickview-container .hmf-mr-m-l,
  .quickview-container .hmf-mx-m-l {
    margin-right: 32px !important;
  }
  .quickview-container .hmf-mb-m-l,
  .quickview-container .hmf-my-m-l {
    margin-bottom: 32px !important;
  }
  .quickview-container .hmf-ml-m-l,
  .quickview-container .hmf-mx-m-l {
    margin-left: 32px !important;
  }
  .quickview-container .hmf-m-m-xl {
    margin: 48px !important;
  }
  .quickview-container .hmf-mt-m-xl,
  .quickview-container .hmf-my-m-xl {
    margin-top: 48px !important;
  }
  .quickview-container .hmf-mr-m-xl,
  .quickview-container .hmf-mx-m-xl {
    margin-right: 48px !important;
  }
  .quickview-container .hmf-mb-m-xl,
  .quickview-container .hmf-my-m-xl {
    margin-bottom: 48px !important;
  }
  .quickview-container .hmf-ml-m-xl,
  .quickview-container .hmf-mx-m-xl {
    margin-left: 48px !important;
  }
  .quickview-container .hmf-m-m-xxl {
    margin: 72px !important;
  }
  .quickview-container .hmf-mt-m-xxl,
  .quickview-container .hmf-my-m-xxl {
    margin-top: 72px !important;
  }
  .quickview-container .hmf-mr-m-xxl,
  .quickview-container .hmf-mx-m-xxl {
    margin-right: 72px !important;
  }
  .quickview-container .hmf-mb-m-xxl,
  .quickview-container .hmf-my-m-xxl {
    margin-bottom: 72px !important;
  }
  .quickview-container .hmf-ml-m-xxl,
  .quickview-container .hmf-mx-m-xxl {
    margin-left: 72px !important;
  }
  .quickview-container .hmf-m-m-xxxl {
    margin: 96px !important;
  }
  .quickview-container .hmf-mt-m-xxxl,
  .quickview-container .hmf-my-m-xxxl {
    margin-top: 96px !important;
  }
  .quickview-container .hmf-mr-m-xxxl,
  .quickview-container .hmf-mx-m-xxxl {
    margin-right: 96px !important;
  }
  .quickview-container .hmf-mb-m-xxxl,
  .quickview-container .hmf-my-m-xxxl {
    margin-bottom: 96px !important;
  }
  .quickview-container .hmf-ml-m-xxxl,
  .quickview-container .hmf-mx-m-xxxl {
    margin-left: 96px !important;
  }
  .quickview-container .hmf-m-m-xxxxl {
    margin: 120px !important;
  }
  .quickview-container .hmf-mt-m-xxxxl,
  .quickview-container .hmf-my-m-xxxxl {
    margin-top: 120px !important;
  }
  .quickview-container .hmf-mr-m-xxxxl,
  .quickview-container .hmf-mx-m-xxxxl {
    margin-right: 120px !important;
  }
  .quickview-container .hmf-mb-m-xxxxl,
  .quickview-container .hmf-my-m-xxxxl {
    margin-bottom: 120px !important;
  }
  .quickview-container .hmf-ml-m-xxxxl,
  .quickview-container .hmf-mx-m-xxxxl {
    margin-left: 120px !important;
  }
  .quickview-container .hmf-p-m-auto {
    padding: auto !important;
  }
  .quickview-container .hmf-pt-m-auto,
  .quickview-container .hmf-py-m-auto {
    padding-top: auto !important;
  }
  .quickview-container .hmf-pr-m-auto,
  .quickview-container .hmf-px-m-auto {
    padding-right: auto !important;
  }
  .quickview-container .hmf-pb-m-auto,
  .quickview-container .hmf-py-m-auto {
    padding-bottom: auto !important;
  }
  .quickview-container .hmf-pl-m-auto,
  .quickview-container .hmf-px-m-auto {
    padding-left: auto !important;
  }
  .quickview-container .hmf-p-m-0 {
    padding: 0px !important;
  }
  .quickview-container .hmf-pt-m-0,
  .quickview-container .hmf-py-m-0 {
    padding-top: 0px !important;
  }
  .quickview-container .hmf-pr-m-0,
  .quickview-container .hmf-px-m-0 {
    padding-right: 0px !important;
  }
  .quickview-container .hmf-pb-m-0,
  .quickview-container .hmf-py-m-0 {
    padding-bottom: 0px !important;
  }
  .quickview-container .hmf-pl-m-0,
  .quickview-container .hmf-px-m-0 {
    padding-left: 0px !important;
  }
  .quickview-container .hmf-p-m-xxxs {
    padding: 4px !important;
  }
  .quickview-container .hmf-pt-m-xxxs,
  .quickview-container .hmf-py-m-xxxs {
    padding-top: 4px !important;
  }
  .quickview-container .hmf-pr-m-xxxs,
  .quickview-container .hmf-px-m-xxxs {
    padding-right: 4px !important;
  }
  .quickview-container .hmf-pb-m-xxxs,
  .quickview-container .hmf-py-m-xxxs {
    padding-bottom: 4px !important;
  }
  .quickview-container .hmf-pl-m-xxxs,
  .quickview-container .hmf-px-m-xxxs {
    padding-left: 4px !important;
  }
  .quickview-container .hmf-p-m-xxs {
    padding: 8px !important;
  }
  .quickview-container .hmf-pt-m-xxs,
  .quickview-container .hmf-py-m-xxs {
    padding-top: 8px !important;
  }
  .quickview-container .hmf-pr-m-xxs,
  .quickview-container .hmf-px-m-xxs {
    padding-right: 8px !important;
  }
  .quickview-container .hmf-pb-m-xxs,
  .quickview-container .hmf-py-m-xxs {
    padding-bottom: 8px !important;
  }
  .quickview-container .hmf-pl-m-xxs,
  .quickview-container .hmf-px-m-xxs {
    padding-left: 8px !important;
  }
  .quickview-container .hmf-p-m-xs {
    padding: 12px !important;
  }
  .quickview-container .hmf-pt-m-xs,
  .quickview-container .hmf-py-m-xs {
    padding-top: 12px !important;
  }
  .quickview-container .hmf-pr-m-xs,
  .quickview-container .hmf-px-m-xs {
    padding-right: 12px !important;
  }
  .quickview-container .hmf-pb-m-xs,
  .quickview-container .hmf-py-m-xs {
    padding-bottom: 12px !important;
  }
  .quickview-container .hmf-pl-m-xs,
  .quickview-container .hmf-px-m-xs {
    padding-left: 12px !important;
  }
  .quickview-container .hmf-p-m-s {
    padding: 16px !important;
  }
  .quickview-container .hmf-pt-m-s,
  .quickview-container .hmf-py-m-s {
    padding-top: 16px !important;
  }
  .quickview-container .hmf-pr-m-s,
  .quickview-container .hmf-px-m-s {
    padding-right: 16px !important;
  }
  .quickview-container .hmf-pb-m-s,
  .quickview-container .hmf-py-m-s {
    padding-bottom: 16px !important;
  }
  .quickview-container .hmf-pl-m-s,
  .quickview-container .hmf-px-m-s {
    padding-left: 16px !important;
  }
  .quickview-container .hmf-p-m-m {
    padding: 24px !important;
  }
  .quickview-container .hmf-pt-m-m,
  .quickview-container .hmf-py-m-m {
    padding-top: 24px !important;
  }
  .quickview-container .hmf-pr-m-m,
  .quickview-container .hmf-px-m-m {
    padding-right: 24px !important;
  }
  .quickview-container .hmf-pb-m-m,
  .quickview-container .hmf-py-m-m {
    padding-bottom: 24px !important;
  }
  .quickview-container .hmf-pl-m-m,
  .quickview-container .hmf-px-m-m {
    padding-left: 24px !important;
  }
  .quickview-container .hmf-p-m-l {
    padding: 32px !important;
  }
  .quickview-container .hmf-pt-m-l,
  .quickview-container .hmf-py-m-l {
    padding-top: 32px !important;
  }
  .quickview-container .hmf-pr-m-l,
  .quickview-container .hmf-px-m-l {
    padding-right: 32px !important;
  }
  .quickview-container .hmf-pb-m-l,
  .quickview-container .hmf-py-m-l {
    padding-bottom: 32px !important;
  }
  .quickview-container .hmf-pl-m-l,
  .quickview-container .hmf-px-m-l {
    padding-left: 32px !important;
  }
  .quickview-container .hmf-p-m-xl {
    padding: 48px !important;
  }
  .quickview-container .hmf-pt-m-xl,
  .quickview-container .hmf-py-m-xl {
    padding-top: 48px !important;
  }
  .quickview-container .hmf-pr-m-xl,
  .quickview-container .hmf-px-m-xl {
    padding-right: 48px !important;
  }
  .quickview-container .hmf-pb-m-xl,
  .quickview-container .hmf-py-m-xl {
    padding-bottom: 48px !important;
  }
  .quickview-container .hmf-pl-m-xl,
  .quickview-container .hmf-px-m-xl {
    padding-left: 48px !important;
  }
  .quickview-container .hmf-p-m-xxl {
    padding: 72px !important;
  }
  .quickview-container .hmf-pt-m-xxl,
  .quickview-container .hmf-py-m-xxl {
    padding-top: 72px !important;
  }
  .quickview-container .hmf-pr-m-xxl,
  .quickview-container .hmf-px-m-xxl {
    padding-right: 72px !important;
  }
  .quickview-container .hmf-pb-m-xxl,
  .quickview-container .hmf-py-m-xxl {
    padding-bottom: 72px !important;
  }
  .quickview-container .hmf-pl-m-xxl,
  .quickview-container .hmf-px-m-xxl {
    padding-left: 72px !important;
  }
  .quickview-container .hmf-p-m-xxxl {
    padding: 96px !important;
  }
  .quickview-container .hmf-pt-m-xxxl,
  .quickview-container .hmf-py-m-xxxl {
    padding-top: 96px !important;
  }
  .quickview-container .hmf-pr-m-xxxl,
  .quickview-container .hmf-px-m-xxxl {
    padding-right: 96px !important;
  }
  .quickview-container .hmf-pb-m-xxxl,
  .quickview-container .hmf-py-m-xxxl {
    padding-bottom: 96px !important;
  }
  .quickview-container .hmf-pl-m-xxxl,
  .quickview-container .hmf-px-m-xxxl {
    padding-left: 96px !important;
  }
  .quickview-container .hmf-p-m-xxxxl {
    padding: 120px !important;
  }
  .quickview-container .hmf-pt-m-xxxxl,
  .quickview-container .hmf-py-m-xxxxl {
    padding-top: 120px !important;
  }
  .quickview-container .hmf-pr-m-xxxxl,
  .quickview-container .hmf-px-m-xxxxl {
    padding-right: 120px !important;
  }
  .quickview-container .hmf-pb-m-xxxxl,
  .quickview-container .hmf-py-m-xxxxl {
    padding-bottom: 120px !important;
  }
  .quickview-container .hmf-pl-m-xxxxl,
  .quickview-container .hmf-px-m-xxxxl {
    padding-left: 120px !important;
  }
  .quickview-container .hmf-m-m-auto {
    margin: auto !important;
  }
  .quickview-container .hmf-mt-m-auto,
  .quickview-container .hmf-my-m-auto {
    margin-top: auto !important;
  }
  .quickview-container .hmf-mr-m-auto,
  .quickview-container .hmf-mx-m-auto {
    margin-right: auto !important;
  }
  .quickview-container .hmf-mb-m-auto,
  .quickview-container .hmf-my-m-auto {
    margin-bottom: auto !important;
  }
  .quickview-container .hmf-ml-m-auto,
  .quickview-container .hmf-mx-m-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .quickview-container .hmf-m-md-auto {
    margin: auto !important;
  }
  .quickview-container .hmf-mt-md-auto,
  .quickview-container .hmf-my-md-auto {
    margin-top: auto !important;
  }
  .quickview-container .hmf-mr-md-auto,
  .quickview-container .hmf-mx-md-auto {
    margin-right: auto !important;
  }
  .quickview-container .hmf-mb-md-auto,
  .quickview-container .hmf-my-md-auto {
    margin-bottom: auto !important;
  }
  .quickview-container .hmf-ml-md-auto,
  .quickview-container .hmf-mx-md-auto {
    margin-left: auto !important;
  }
  .quickview-container .hmf-m-md-0 {
    margin: 0px !important;
  }
  .quickview-container .hmf-mt-md-0,
  .quickview-container .hmf-my-md-0 {
    margin-top: 0px !important;
  }
  .quickview-container .hmf-mr-md-0,
  .quickview-container .hmf-mx-md-0 {
    margin-right: 0px !important;
  }
  .quickview-container .hmf-mb-md-0,
  .quickview-container .hmf-my-md-0 {
    margin-bottom: 0px !important;
  }
  .quickview-container .hmf-ml-md-0,
  .quickview-container .hmf-mx-md-0 {
    margin-left: 0px !important;
  }
  .quickview-container .hmf-m-md-xxxs {
    margin: 4px !important;
  }
  .quickview-container .hmf-mt-md-xxxs,
  .quickview-container .hmf-my-md-xxxs {
    margin-top: 4px !important;
  }
  .quickview-container .hmf-mr-md-xxxs,
  .quickview-container .hmf-mx-md-xxxs {
    margin-right: 4px !important;
  }
  .quickview-container .hmf-mb-md-xxxs,
  .quickview-container .hmf-my-md-xxxs {
    margin-bottom: 4px !important;
  }
  .quickview-container .hmf-ml-md-xxxs,
  .quickview-container .hmf-mx-md-xxxs {
    margin-left: 4px !important;
  }
  .quickview-container .hmf-m-md-xxs {
    margin: 8px !important;
  }
  .quickview-container .hmf-mt-md-xxs,
  .quickview-container .hmf-my-md-xxs {
    margin-top: 8px !important;
  }
  .quickview-container .hmf-mr-md-xxs,
  .quickview-container .hmf-mx-md-xxs {
    margin-right: 8px !important;
  }
  .quickview-container .hmf-mb-md-xxs,
  .quickview-container .hmf-my-md-xxs {
    margin-bottom: 8px !important;
  }
  .quickview-container .hmf-ml-md-xxs,
  .quickview-container .hmf-mx-md-xxs {
    margin-left: 8px !important;
  }
  .quickview-container .hmf-m-md-xs {
    margin: 12px !important;
  }
  .quickview-container .hmf-mt-md-xs,
  .quickview-container .hmf-my-md-xs {
    margin-top: 12px !important;
  }
  .quickview-container .hmf-mr-md-xs,
  .quickview-container .hmf-mx-md-xs {
    margin-right: 12px !important;
  }
  .quickview-container .hmf-mb-md-xs,
  .quickview-container .hmf-my-md-xs {
    margin-bottom: 12px !important;
  }
  .quickview-container .hmf-ml-md-xs,
  .quickview-container .hmf-mx-md-xs {
    margin-left: 12px !important;
  }
  .quickview-container .hmf-m-md-s {
    margin: 16px !important;
  }
  .quickview-container .hmf-mt-md-s,
  .quickview-container .hmf-my-md-s {
    margin-top: 16px !important;
  }
  .quickview-container .hmf-mr-md-s,
  .quickview-container .hmf-mx-md-s {
    margin-right: 16px !important;
  }
  .quickview-container .hmf-mb-md-s,
  .quickview-container .hmf-my-md-s {
    margin-bottom: 16px !important;
  }
  .quickview-container .hmf-ml-md-s,
  .quickview-container .hmf-mx-md-s {
    margin-left: 16px !important;
  }
  .quickview-container .hmf-m-md-m {
    margin: 24px !important;
  }
  .quickview-container .hmf-mt-md-m,
  .quickview-container .hmf-my-md-m {
    margin-top: 24px !important;
  }
  .quickview-container .hmf-mr-md-m,
  .quickview-container .hmf-mx-md-m {
    margin-right: 24px !important;
  }
  .quickview-container .hmf-mb-md-m,
  .quickview-container .hmf-my-md-m {
    margin-bottom: 24px !important;
  }
  .quickview-container .hmf-ml-md-m,
  .quickview-container .hmf-mx-md-m {
    margin-left: 24px !important;
  }
  .quickview-container .hmf-m-md-l {
    margin: 32px !important;
  }
  .quickview-container .hmf-mt-md-l,
  .quickview-container .hmf-my-md-l {
    margin-top: 32px !important;
  }
  .quickview-container .hmf-mr-md-l,
  .quickview-container .hmf-mx-md-l {
    margin-right: 32px !important;
  }
  .quickview-container .hmf-mb-md-l,
  .quickview-container .hmf-my-md-l {
    margin-bottom: 32px !important;
  }
  .quickview-container .hmf-ml-md-l,
  .quickview-container .hmf-mx-md-l {
    margin-left: 32px !important;
  }
  .quickview-container .hmf-m-md-xl {
    margin: 48px !important;
  }
  .quickview-container .hmf-mt-md-xl,
  .quickview-container .hmf-my-md-xl {
    margin-top: 48px !important;
  }
  .quickview-container .hmf-mr-md-xl,
  .quickview-container .hmf-mx-md-xl {
    margin-right: 48px !important;
  }
  .quickview-container .hmf-mb-md-xl,
  .quickview-container .hmf-my-md-xl {
    margin-bottom: 48px !important;
  }
  .quickview-container .hmf-ml-md-xl,
  .quickview-container .hmf-mx-md-xl {
    margin-left: 48px !important;
  }
  .quickview-container .hmf-m-md-xxl {
    margin: 72px !important;
  }
  .quickview-container .hmf-mt-md-xxl,
  .quickview-container .hmf-my-md-xxl {
    margin-top: 72px !important;
  }
  .quickview-container .hmf-mr-md-xxl,
  .quickview-container .hmf-mx-md-xxl {
    margin-right: 72px !important;
  }
  .quickview-container .hmf-mb-md-xxl,
  .quickview-container .hmf-my-md-xxl {
    margin-bottom: 72px !important;
  }
  .quickview-container .hmf-ml-md-xxl,
  .quickview-container .hmf-mx-md-xxl {
    margin-left: 72px !important;
  }
  .quickview-container .hmf-m-md-xxxl {
    margin: 96px !important;
  }
  .quickview-container .hmf-mt-md-xxxl,
  .quickview-container .hmf-my-md-xxxl {
    margin-top: 96px !important;
  }
  .quickview-container .hmf-mr-md-xxxl,
  .quickview-container .hmf-mx-md-xxxl {
    margin-right: 96px !important;
  }
  .quickview-container .hmf-mb-md-xxxl,
  .quickview-container .hmf-my-md-xxxl {
    margin-bottom: 96px !important;
  }
  .quickview-container .hmf-ml-md-xxxl,
  .quickview-container .hmf-mx-md-xxxl {
    margin-left: 96px !important;
  }
  .quickview-container .hmf-m-md-xxxxl {
    margin: 120px !important;
  }
  .quickview-container .hmf-mt-md-xxxxl,
  .quickview-container .hmf-my-md-xxxxl {
    margin-top: 120px !important;
  }
  .quickview-container .hmf-mr-md-xxxxl,
  .quickview-container .hmf-mx-md-xxxxl {
    margin-right: 120px !important;
  }
  .quickview-container .hmf-mb-md-xxxxl,
  .quickview-container .hmf-my-md-xxxxl {
    margin-bottom: 120px !important;
  }
  .quickview-container .hmf-ml-md-xxxxl,
  .quickview-container .hmf-mx-md-xxxxl {
    margin-left: 120px !important;
  }
  .quickview-container .hmf-p-md-auto {
    padding: auto !important;
  }
  .quickview-container .hmf-pt-md-auto,
  .quickview-container .hmf-py-md-auto {
    padding-top: auto !important;
  }
  .quickview-container .hmf-pr-md-auto,
  .quickview-container .hmf-px-md-auto {
    padding-right: auto !important;
  }
  .quickview-container .hmf-pb-md-auto,
  .quickview-container .hmf-py-md-auto {
    padding-bottom: auto !important;
  }
  .quickview-container .hmf-pl-md-auto,
  .quickview-container .hmf-px-md-auto {
    padding-left: auto !important;
  }
  .quickview-container .hmf-p-md-0 {
    padding: 0px !important;
  }
  .quickview-container .hmf-pt-md-0,
  .quickview-container .hmf-py-md-0 {
    padding-top: 0px !important;
  }
  .quickview-container .hmf-pr-md-0,
  .quickview-container .hmf-px-md-0 {
    padding-right: 0px !important;
  }
  .quickview-container .hmf-pb-md-0,
  .quickview-container .hmf-py-md-0 {
    padding-bottom: 0px !important;
  }
  .quickview-container .hmf-pl-md-0,
  .quickview-container .hmf-px-md-0 {
    padding-left: 0px !important;
  }
  .quickview-container .hmf-p-md-xxxs {
    padding: 4px !important;
  }
  .quickview-container .hmf-pt-md-xxxs,
  .quickview-container .hmf-py-md-xxxs {
    padding-top: 4px !important;
  }
  .quickview-container .hmf-pr-md-xxxs,
  .quickview-container .hmf-px-md-xxxs {
    padding-right: 4px !important;
  }
  .quickview-container .hmf-pb-md-xxxs,
  .quickview-container .hmf-py-md-xxxs {
    padding-bottom: 4px !important;
  }
  .quickview-container .hmf-pl-md-xxxs,
  .quickview-container .hmf-px-md-xxxs {
    padding-left: 4px !important;
  }
  .quickview-container .hmf-p-md-xxs {
    padding: 8px !important;
  }
  .quickview-container .hmf-pt-md-xxs,
  .quickview-container .hmf-py-md-xxs {
    padding-top: 8px !important;
  }
  .quickview-container .hmf-pr-md-xxs,
  .quickview-container .hmf-px-md-xxs {
    padding-right: 8px !important;
  }
  .quickview-container .hmf-pb-md-xxs,
  .quickview-container .hmf-py-md-xxs {
    padding-bottom: 8px !important;
  }
  .quickview-container .hmf-pl-md-xxs,
  .quickview-container .hmf-px-md-xxs {
    padding-left: 8px !important;
  }
  .quickview-container .hmf-p-md-xs {
    padding: 12px !important;
  }
  .quickview-container .hmf-pt-md-xs,
  .quickview-container .hmf-py-md-xs {
    padding-top: 12px !important;
  }
  .quickview-container .hmf-pr-md-xs,
  .quickview-container .hmf-px-md-xs {
    padding-right: 12px !important;
  }
  .quickview-container .hmf-pb-md-xs,
  .quickview-container .hmf-py-md-xs {
    padding-bottom: 12px !important;
  }
  .quickview-container .hmf-pl-md-xs,
  .quickview-container .hmf-px-md-xs {
    padding-left: 12px !important;
  }
  .quickview-container .hmf-p-md-s {
    padding: 16px !important;
  }
  .quickview-container .hmf-pt-md-s,
  .quickview-container .hmf-py-md-s {
    padding-top: 16px !important;
  }
  .quickview-container .hmf-pr-md-s,
  .quickview-container .hmf-px-md-s {
    padding-right: 16px !important;
  }
  .quickview-container .hmf-pb-md-s,
  .quickview-container .hmf-py-md-s {
    padding-bottom: 16px !important;
  }
  .quickview-container .hmf-pl-md-s,
  .quickview-container .hmf-px-md-s {
    padding-left: 16px !important;
  }
  .quickview-container .hmf-p-md-m {
    padding: 24px !important;
  }
  .quickview-container .hmf-pt-md-m,
  .quickview-container .hmf-py-md-m {
    padding-top: 24px !important;
  }
  .quickview-container .hmf-pr-md-m,
  .quickview-container .hmf-px-md-m {
    padding-right: 24px !important;
  }
  .quickview-container .hmf-pb-md-m,
  .quickview-container .hmf-py-md-m {
    padding-bottom: 24px !important;
  }
  .quickview-container .hmf-pl-md-m,
  .quickview-container .hmf-px-md-m {
    padding-left: 24px !important;
  }
  .quickview-container .hmf-p-md-l {
    padding: 32px !important;
  }
  .quickview-container .hmf-pt-md-l,
  .quickview-container .hmf-py-md-l {
    padding-top: 32px !important;
  }
  .quickview-container .hmf-pr-md-l,
  .quickview-container .hmf-px-md-l {
    padding-right: 32px !important;
  }
  .quickview-container .hmf-pb-md-l,
  .quickview-container .hmf-py-md-l {
    padding-bottom: 32px !important;
  }
  .quickview-container .hmf-pl-md-l,
  .quickview-container .hmf-px-md-l {
    padding-left: 32px !important;
  }
  .quickview-container .hmf-p-md-xl {
    padding: 48px !important;
  }
  .quickview-container .hmf-pt-md-xl,
  .quickview-container .hmf-py-md-xl {
    padding-top: 48px !important;
  }
  .quickview-container .hmf-pr-md-xl,
  .quickview-container .hmf-px-md-xl {
    padding-right: 48px !important;
  }
  .quickview-container .hmf-pb-md-xl,
  .quickview-container .hmf-py-md-xl {
    padding-bottom: 48px !important;
  }
  .quickview-container .hmf-pl-md-xl,
  .quickview-container .hmf-px-md-xl {
    padding-left: 48px !important;
  }
  .quickview-container .hmf-p-md-xxl {
    padding: 72px !important;
  }
  .quickview-container .hmf-pt-md-xxl,
  .quickview-container .hmf-py-md-xxl {
    padding-top: 72px !important;
  }
  .quickview-container .hmf-pr-md-xxl,
  .quickview-container .hmf-px-md-xxl {
    padding-right: 72px !important;
  }
  .quickview-container .hmf-pb-md-xxl,
  .quickview-container .hmf-py-md-xxl {
    padding-bottom: 72px !important;
  }
  .quickview-container .hmf-pl-md-xxl,
  .quickview-container .hmf-px-md-xxl {
    padding-left: 72px !important;
  }
  .quickview-container .hmf-p-md-xxxl {
    padding: 96px !important;
  }
  .quickview-container .hmf-pt-md-xxxl,
  .quickview-container .hmf-py-md-xxxl {
    padding-top: 96px !important;
  }
  .quickview-container .hmf-pr-md-xxxl,
  .quickview-container .hmf-px-md-xxxl {
    padding-right: 96px !important;
  }
  .quickview-container .hmf-pb-md-xxxl,
  .quickview-container .hmf-py-md-xxxl {
    padding-bottom: 96px !important;
  }
  .quickview-container .hmf-pl-md-xxxl,
  .quickview-container .hmf-px-md-xxxl {
    padding-left: 96px !important;
  }
  .quickview-container .hmf-p-md-xxxxl {
    padding: 120px !important;
  }
  .quickview-container .hmf-pt-md-xxxxl,
  .quickview-container .hmf-py-md-xxxxl {
    padding-top: 120px !important;
  }
  .quickview-container .hmf-pr-md-xxxxl,
  .quickview-container .hmf-px-md-xxxxl {
    padding-right: 120px !important;
  }
  .quickview-container .hmf-pb-md-xxxxl,
  .quickview-container .hmf-py-md-xxxxl {
    padding-bottom: 120px !important;
  }
  .quickview-container .hmf-pl-md-xxxxl,
  .quickview-container .hmf-px-md-xxxxl {
    padding-left: 120px !important;
  }
  .quickview-container .hmf-m-md-auto {
    margin: auto !important;
  }
  .quickview-container .hmf-mt-md-auto,
  .quickview-container .hmf-my-md-auto {
    margin-top: auto !important;
  }
  .quickview-container .hmf-mr-md-auto,
  .quickview-container .hmf-mx-md-auto {
    margin-right: auto !important;
  }
  .quickview-container .hmf-mb-md-auto,
  .quickview-container .hmf-my-md-auto {
    margin-bottom: auto !important;
  }
  .quickview-container .hmf-ml-md-auto,
  .quickview-container .hmf-mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1024px) {
  .quickview-container .hmf-m-lg-auto {
    margin: auto !important;
  }
  .quickview-container .hmf-mt-lg-auto,
  .quickview-container .hmf-my-lg-auto {
    margin-top: auto !important;
  }
  .quickview-container .hmf-mr-lg-auto,
  .quickview-container .hmf-mx-lg-auto {
    margin-right: auto !important;
  }
  .quickview-container .hmf-mb-lg-auto,
  .quickview-container .hmf-my-lg-auto {
    margin-bottom: auto !important;
  }
  .quickview-container .hmf-ml-lg-auto,
  .quickview-container .hmf-mx-lg-auto {
    margin-left: auto !important;
  }
  .quickview-container .hmf-m-lg-0 {
    margin: 0px !important;
  }
  .quickview-container .hmf-mt-lg-0,
  .quickview-container .hmf-my-lg-0 {
    margin-top: 0px !important;
  }
  .quickview-container .hmf-mr-lg-0,
  .quickview-container .hmf-mx-lg-0 {
    margin-right: 0px !important;
  }
  .quickview-container .hmf-mb-lg-0,
  .quickview-container .hmf-my-lg-0 {
    margin-bottom: 0px !important;
  }
  .quickview-container .hmf-ml-lg-0,
  .quickview-container .hmf-mx-lg-0 {
    margin-left: 0px !important;
  }
  .quickview-container .hmf-m-lg-xxxs {
    margin: 4px !important;
  }
  .quickview-container .hmf-mt-lg-xxxs,
  .quickview-container .hmf-my-lg-xxxs {
    margin-top: 4px !important;
  }
  .quickview-container .hmf-mr-lg-xxxs,
  .quickview-container .hmf-mx-lg-xxxs {
    margin-right: 4px !important;
  }
  .quickview-container .hmf-mb-lg-xxxs,
  .quickview-container .hmf-my-lg-xxxs {
    margin-bottom: 4px !important;
  }
  .quickview-container .hmf-ml-lg-xxxs,
  .quickview-container .hmf-mx-lg-xxxs {
    margin-left: 4px !important;
  }
  .quickview-container .hmf-m-lg-xxs {
    margin: 8px !important;
  }
  .quickview-container .hmf-mt-lg-xxs,
  .quickview-container .hmf-my-lg-xxs {
    margin-top: 8px !important;
  }
  .quickview-container .hmf-mr-lg-xxs,
  .quickview-container .hmf-mx-lg-xxs {
    margin-right: 8px !important;
  }
  .quickview-container .hmf-mb-lg-xxs,
  .quickview-container .hmf-my-lg-xxs {
    margin-bottom: 8px !important;
  }
  .quickview-container .hmf-ml-lg-xxs,
  .quickview-container .hmf-mx-lg-xxs {
    margin-left: 8px !important;
  }
  .quickview-container .hmf-m-lg-xs {
    margin: 12px !important;
  }
  .quickview-container .hmf-mt-lg-xs,
  .quickview-container .hmf-my-lg-xs {
    margin-top: 12px !important;
  }
  .quickview-container .hmf-mr-lg-xs,
  .quickview-container .hmf-mx-lg-xs {
    margin-right: 12px !important;
  }
  .quickview-container .hmf-mb-lg-xs,
  .quickview-container .hmf-my-lg-xs {
    margin-bottom: 12px !important;
  }
  .quickview-container .hmf-ml-lg-xs,
  .quickview-container .hmf-mx-lg-xs {
    margin-left: 12px !important;
  }
  .quickview-container .hmf-m-lg-s {
    margin: 16px !important;
  }
  .quickview-container .hmf-mt-lg-s,
  .quickview-container .hmf-my-lg-s {
    margin-top: 16px !important;
  }
  .quickview-container .hmf-mr-lg-s,
  .quickview-container .hmf-mx-lg-s {
    margin-right: 16px !important;
  }
  .quickview-container .hmf-mb-lg-s,
  .quickview-container .hmf-my-lg-s {
    margin-bottom: 16px !important;
  }
  .quickview-container .hmf-ml-lg-s,
  .quickview-container .hmf-mx-lg-s {
    margin-left: 16px !important;
  }
  .quickview-container .hmf-m-lg-m {
    margin: 24px !important;
  }
  .quickview-container .hmf-mt-lg-m,
  .quickview-container .hmf-my-lg-m {
    margin-top: 24px !important;
  }
  .quickview-container .hmf-mr-lg-m,
  .quickview-container .hmf-mx-lg-m {
    margin-right: 24px !important;
  }
  .quickview-container .hmf-mb-lg-m,
  .quickview-container .hmf-my-lg-m {
    margin-bottom: 24px !important;
  }
  .quickview-container .hmf-ml-lg-m,
  .quickview-container .hmf-mx-lg-m {
    margin-left: 24px !important;
  }
  .quickview-container .hmf-m-lg-l {
    margin: 32px !important;
  }
  .quickview-container .hmf-mt-lg-l,
  .quickview-container .hmf-my-lg-l {
    margin-top: 32px !important;
  }
  .quickview-container .hmf-mr-lg-l,
  .quickview-container .hmf-mx-lg-l {
    margin-right: 32px !important;
  }
  .quickview-container .hmf-mb-lg-l,
  .quickview-container .hmf-my-lg-l {
    margin-bottom: 32px !important;
  }
  .quickview-container .hmf-ml-lg-l,
  .quickview-container .hmf-mx-lg-l {
    margin-left: 32px !important;
  }
  .quickview-container .hmf-m-lg-xl {
    margin: 48px !important;
  }
  .quickview-container .hmf-mt-lg-xl,
  .quickview-container .hmf-my-lg-xl {
    margin-top: 48px !important;
  }
  .quickview-container .hmf-mr-lg-xl,
  .quickview-container .hmf-mx-lg-xl {
    margin-right: 48px !important;
  }
  .quickview-container .hmf-mb-lg-xl,
  .quickview-container .hmf-my-lg-xl {
    margin-bottom: 48px !important;
  }
  .quickview-container .hmf-ml-lg-xl,
  .quickview-container .hmf-mx-lg-xl {
    margin-left: 48px !important;
  }
  .quickview-container .hmf-m-lg-xxl {
    margin: 72px !important;
  }
  .quickview-container .hmf-mt-lg-xxl,
  .quickview-container .hmf-my-lg-xxl {
    margin-top: 72px !important;
  }
  .quickview-container .hmf-mr-lg-xxl,
  .quickview-container .hmf-mx-lg-xxl {
    margin-right: 72px !important;
  }
  .quickview-container .hmf-mb-lg-xxl,
  .quickview-container .hmf-my-lg-xxl {
    margin-bottom: 72px !important;
  }
  .quickview-container .hmf-ml-lg-xxl,
  .quickview-container .hmf-mx-lg-xxl {
    margin-left: 72px !important;
  }
  .quickview-container .hmf-m-lg-xxxl {
    margin: 96px !important;
  }
  .quickview-container .hmf-mt-lg-xxxl,
  .quickview-container .hmf-my-lg-xxxl {
    margin-top: 96px !important;
  }
  .quickview-container .hmf-mr-lg-xxxl,
  .quickview-container .hmf-mx-lg-xxxl {
    margin-right: 96px !important;
  }
  .quickview-container .hmf-mb-lg-xxxl,
  .quickview-container .hmf-my-lg-xxxl {
    margin-bottom: 96px !important;
  }
  .quickview-container .hmf-ml-lg-xxxl,
  .quickview-container .hmf-mx-lg-xxxl {
    margin-left: 96px !important;
  }
  .quickview-container .hmf-m-lg-xxxxl {
    margin: 120px !important;
  }
  .quickview-container .hmf-mt-lg-xxxxl,
  .quickview-container .hmf-my-lg-xxxxl {
    margin-top: 120px !important;
  }
  .quickview-container .hmf-mr-lg-xxxxl,
  .quickview-container .hmf-mx-lg-xxxxl {
    margin-right: 120px !important;
  }
  .quickview-container .hmf-mb-lg-xxxxl,
  .quickview-container .hmf-my-lg-xxxxl {
    margin-bottom: 120px !important;
  }
  .quickview-container .hmf-ml-lg-xxxxl,
  .quickview-container .hmf-mx-lg-xxxxl {
    margin-left: 120px !important;
  }
  .quickview-container .hmf-p-lg-auto {
    padding: auto !important;
  }
  .quickview-container .hmf-pt-lg-auto,
  .quickview-container .hmf-py-lg-auto {
    padding-top: auto !important;
  }
  .quickview-container .hmf-pr-lg-auto,
  .quickview-container .hmf-px-lg-auto {
    padding-right: auto !important;
  }
  .quickview-container .hmf-pb-lg-auto,
  .quickview-container .hmf-py-lg-auto {
    padding-bottom: auto !important;
  }
  .quickview-container .hmf-pl-lg-auto,
  .quickview-container .hmf-px-lg-auto {
    padding-left: auto !important;
  }
  .quickview-container .hmf-p-lg-0 {
    padding: 0px !important;
  }
  .quickview-container .hmf-pt-lg-0,
  .quickview-container .hmf-py-lg-0 {
    padding-top: 0px !important;
  }
  .quickview-container .hmf-pr-lg-0,
  .quickview-container .hmf-px-lg-0 {
    padding-right: 0px !important;
  }
  .quickview-container .hmf-pb-lg-0,
  .quickview-container .hmf-py-lg-0 {
    padding-bottom: 0px !important;
  }
  .quickview-container .hmf-pl-lg-0,
  .quickview-container .hmf-px-lg-0 {
    padding-left: 0px !important;
  }
  .quickview-container .hmf-p-lg-xxxs {
    padding: 4px !important;
  }
  .quickview-container .hmf-pt-lg-xxxs,
  .quickview-container .hmf-py-lg-xxxs {
    padding-top: 4px !important;
  }
  .quickview-container .hmf-pr-lg-xxxs,
  .quickview-container .hmf-px-lg-xxxs {
    padding-right: 4px !important;
  }
  .quickview-container .hmf-pb-lg-xxxs,
  .quickview-container .hmf-py-lg-xxxs {
    padding-bottom: 4px !important;
  }
  .quickview-container .hmf-pl-lg-xxxs,
  .quickview-container .hmf-px-lg-xxxs {
    padding-left: 4px !important;
  }
  .quickview-container .hmf-p-lg-xxs {
    padding: 8px !important;
  }
  .quickview-container .hmf-pt-lg-xxs,
  .quickview-container .hmf-py-lg-xxs {
    padding-top: 8px !important;
  }
  .quickview-container .hmf-pr-lg-xxs,
  .quickview-container .hmf-px-lg-xxs {
    padding-right: 8px !important;
  }
  .quickview-container .hmf-pb-lg-xxs,
  .quickview-container .hmf-py-lg-xxs {
    padding-bottom: 8px !important;
  }
  .quickview-container .hmf-pl-lg-xxs,
  .quickview-container .hmf-px-lg-xxs {
    padding-left: 8px !important;
  }
  .quickview-container .hmf-p-lg-xs {
    padding: 12px !important;
  }
  .quickview-container .hmf-pt-lg-xs,
  .quickview-container .hmf-py-lg-xs {
    padding-top: 12px !important;
  }
  .quickview-container .hmf-pr-lg-xs,
  .quickview-container .hmf-px-lg-xs {
    padding-right: 12px !important;
  }
  .quickview-container .hmf-pb-lg-xs,
  .quickview-container .hmf-py-lg-xs {
    padding-bottom: 12px !important;
  }
  .quickview-container .hmf-pl-lg-xs,
  .quickview-container .hmf-px-lg-xs {
    padding-left: 12px !important;
  }
  .quickview-container .hmf-p-lg-s {
    padding: 16px !important;
  }
  .quickview-container .hmf-pt-lg-s,
  .quickview-container .hmf-py-lg-s {
    padding-top: 16px !important;
  }
  .quickview-container .hmf-pr-lg-s,
  .quickview-container .hmf-px-lg-s {
    padding-right: 16px !important;
  }
  .quickview-container .hmf-pb-lg-s,
  .quickview-container .hmf-py-lg-s {
    padding-bottom: 16px !important;
  }
  .quickview-container .hmf-pl-lg-s,
  .quickview-container .hmf-px-lg-s {
    padding-left: 16px !important;
  }
  .quickview-container .hmf-p-lg-m {
    padding: 24px !important;
  }
  .quickview-container .hmf-pt-lg-m,
  .quickview-container .hmf-py-lg-m {
    padding-top: 24px !important;
  }
  .quickview-container .hmf-pr-lg-m,
  .quickview-container .hmf-px-lg-m {
    padding-right: 24px !important;
  }
  .quickview-container .hmf-pb-lg-m,
  .quickview-container .hmf-py-lg-m {
    padding-bottom: 24px !important;
  }
  .quickview-container .hmf-pl-lg-m,
  .quickview-container .hmf-px-lg-m {
    padding-left: 24px !important;
  }
  .quickview-container .hmf-p-lg-l {
    padding: 32px !important;
  }
  .quickview-container .hmf-pt-lg-l,
  .quickview-container .hmf-py-lg-l {
    padding-top: 32px !important;
  }
  .quickview-container .hmf-pr-lg-l,
  .quickview-container .hmf-px-lg-l {
    padding-right: 32px !important;
  }
  .quickview-container .hmf-pb-lg-l,
  .quickview-container .hmf-py-lg-l {
    padding-bottom: 32px !important;
  }
  .quickview-container .hmf-pl-lg-l,
  .quickview-container .hmf-px-lg-l {
    padding-left: 32px !important;
  }
  .quickview-container .hmf-p-lg-xl {
    padding: 48px !important;
  }
  .quickview-container .hmf-pt-lg-xl,
  .quickview-container .hmf-py-lg-xl {
    padding-top: 48px !important;
  }
  .quickview-container .hmf-pr-lg-xl,
  .quickview-container .hmf-px-lg-xl {
    padding-right: 48px !important;
  }
  .quickview-container .hmf-pb-lg-xl,
  .quickview-container .hmf-py-lg-xl {
    padding-bottom: 48px !important;
  }
  .quickview-container .hmf-pl-lg-xl,
  .quickview-container .hmf-px-lg-xl {
    padding-left: 48px !important;
  }
  .quickview-container .hmf-p-lg-xxl {
    padding: 72px !important;
  }
  .quickview-container .hmf-pt-lg-xxl,
  .quickview-container .hmf-py-lg-xxl {
    padding-top: 72px !important;
  }
  .quickview-container .hmf-pr-lg-xxl,
  .quickview-container .hmf-px-lg-xxl {
    padding-right: 72px !important;
  }
  .quickview-container .hmf-pb-lg-xxl,
  .quickview-container .hmf-py-lg-xxl {
    padding-bottom: 72px !important;
  }
  .quickview-container .hmf-pl-lg-xxl,
  .quickview-container .hmf-px-lg-xxl {
    padding-left: 72px !important;
  }
  .quickview-container .hmf-p-lg-xxxl {
    padding: 96px !important;
  }
  .quickview-container .hmf-pt-lg-xxxl,
  .quickview-container .hmf-py-lg-xxxl {
    padding-top: 96px !important;
  }
  .quickview-container .hmf-pr-lg-xxxl,
  .quickview-container .hmf-px-lg-xxxl {
    padding-right: 96px !important;
  }
  .quickview-container .hmf-pb-lg-xxxl,
  .quickview-container .hmf-py-lg-xxxl {
    padding-bottom: 96px !important;
  }
  .quickview-container .hmf-pl-lg-xxxl,
  .quickview-container .hmf-px-lg-xxxl {
    padding-left: 96px !important;
  }
  .quickview-container .hmf-p-lg-xxxxl {
    padding: 120px !important;
  }
  .quickview-container .hmf-pt-lg-xxxxl,
  .quickview-container .hmf-py-lg-xxxxl {
    padding-top: 120px !important;
  }
  .quickview-container .hmf-pr-lg-xxxxl,
  .quickview-container .hmf-px-lg-xxxxl {
    padding-right: 120px !important;
  }
  .quickview-container .hmf-pb-lg-xxxxl,
  .quickview-container .hmf-py-lg-xxxxl {
    padding-bottom: 120px !important;
  }
  .quickview-container .hmf-pl-lg-xxxxl,
  .quickview-container .hmf-px-lg-xxxxl {
    padding-left: 120px !important;
  }
  .quickview-container .hmf-m-lg-auto {
    margin: auto !important;
  }
  .quickview-container .hmf-mt-lg-auto,
  .quickview-container .hmf-my-lg-auto {
    margin-top: auto !important;
  }
  .quickview-container .hmf-mr-lg-auto,
  .quickview-container .hmf-mx-lg-auto {
    margin-right: auto !important;
  }
  .quickview-container .hmf-mb-lg-auto,
  .quickview-container .hmf-my-lg-auto {
    margin-bottom: auto !important;
  }
  .quickview-container .hmf-ml-lg-auto,
  .quickview-container .hmf-mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1280px) {
  .quickview-container .hmf-m-l-auto {
    margin: auto !important;
  }
  .quickview-container .hmf-mt-l-auto,
  .quickview-container .hmf-my-l-auto {
    margin-top: auto !important;
  }
  .quickview-container .hmf-mr-l-auto,
  .quickview-container .hmf-mx-l-auto {
    margin-right: auto !important;
  }
  .quickview-container .hmf-mb-l-auto,
  .quickview-container .hmf-my-l-auto {
    margin-bottom: auto !important;
  }
  .quickview-container .hmf-ml-l-auto,
  .quickview-container .hmf-mx-l-auto {
    margin-left: auto !important;
  }
  .quickview-container .hmf-m-l-0 {
    margin: 0px !important;
  }
  .quickview-container .hmf-mt-l-0,
  .quickview-container .hmf-my-l-0 {
    margin-top: 0px !important;
  }
  .quickview-container .hmf-mr-l-0,
  .quickview-container .hmf-mx-l-0 {
    margin-right: 0px !important;
  }
  .quickview-container .hmf-mb-l-0,
  .quickview-container .hmf-my-l-0 {
    margin-bottom: 0px !important;
  }
  .quickview-container .hmf-ml-l-0,
  .quickview-container .hmf-mx-l-0 {
    margin-left: 0px !important;
  }
  .quickview-container .hmf-m-l-xxxs {
    margin: 4px !important;
  }
  .quickview-container .hmf-mt-l-xxxs,
  .quickview-container .hmf-my-l-xxxs {
    margin-top: 4px !important;
  }
  .quickview-container .hmf-mr-l-xxxs,
  .quickview-container .hmf-mx-l-xxxs {
    margin-right: 4px !important;
  }
  .quickview-container .hmf-mb-l-xxxs,
  .quickview-container .hmf-my-l-xxxs {
    margin-bottom: 4px !important;
  }
  .quickview-container .hmf-ml-l-xxxs,
  .quickview-container .hmf-mx-l-xxxs {
    margin-left: 4px !important;
  }
  .quickview-container .hmf-m-l-xxs {
    margin: 8px !important;
  }
  .quickview-container .hmf-mt-l-xxs,
  .quickview-container .hmf-my-l-xxs {
    margin-top: 8px !important;
  }
  .quickview-container .hmf-mr-l-xxs,
  .quickview-container .hmf-mx-l-xxs {
    margin-right: 8px !important;
  }
  .quickview-container .hmf-mb-l-xxs,
  .quickview-container .hmf-my-l-xxs {
    margin-bottom: 8px !important;
  }
  .quickview-container .hmf-ml-l-xxs,
  .quickview-container .hmf-mx-l-xxs {
    margin-left: 8px !important;
  }
  .quickview-container .hmf-m-l-xs {
    margin: 12px !important;
  }
  .quickview-container .hmf-mt-l-xs,
  .quickview-container .hmf-my-l-xs {
    margin-top: 12px !important;
  }
  .quickview-container .hmf-mr-l-xs,
  .quickview-container .hmf-mx-l-xs {
    margin-right: 12px !important;
  }
  .quickview-container .hmf-mb-l-xs,
  .quickview-container .hmf-my-l-xs {
    margin-bottom: 12px !important;
  }
  .quickview-container .hmf-ml-l-xs,
  .quickview-container .hmf-mx-l-xs {
    margin-left: 12px !important;
  }
  .quickview-container .hmf-m-l-s {
    margin: 16px !important;
  }
  .quickview-container .hmf-mt-l-s,
  .quickview-container .hmf-my-l-s {
    margin-top: 16px !important;
  }
  .quickview-container .hmf-mr-l-s,
  .quickview-container .hmf-mx-l-s {
    margin-right: 16px !important;
  }
  .quickview-container .hmf-mb-l-s,
  .quickview-container .hmf-my-l-s {
    margin-bottom: 16px !important;
  }
  .quickview-container .hmf-ml-l-s,
  .quickview-container .hmf-mx-l-s {
    margin-left: 16px !important;
  }
  .quickview-container .hmf-m-l-m {
    margin: 24px !important;
  }
  .quickview-container .hmf-mt-l-m,
  .quickview-container .hmf-my-l-m {
    margin-top: 24px !important;
  }
  .quickview-container .hmf-mr-l-m,
  .quickview-container .hmf-mx-l-m {
    margin-right: 24px !important;
  }
  .quickview-container .hmf-mb-l-m,
  .quickview-container .hmf-my-l-m {
    margin-bottom: 24px !important;
  }
  .quickview-container .hmf-ml-l-m,
  .quickview-container .hmf-mx-l-m {
    margin-left: 24px !important;
  }
  .quickview-container .hmf-m-l-l {
    margin: 32px !important;
  }
  .quickview-container .hmf-mt-l-l,
  .quickview-container .hmf-my-l-l {
    margin-top: 32px !important;
  }
  .quickview-container .hmf-mr-l-l,
  .quickview-container .hmf-mx-l-l {
    margin-right: 32px !important;
  }
  .quickview-container .hmf-mb-l-l,
  .quickview-container .hmf-my-l-l {
    margin-bottom: 32px !important;
  }
  .quickview-container .hmf-ml-l-l,
  .quickview-container .hmf-mx-l-l {
    margin-left: 32px !important;
  }
  .quickview-container .hmf-m-l-xl {
    margin: 48px !important;
  }
  .quickview-container .hmf-mt-l-xl,
  .quickview-container .hmf-my-l-xl {
    margin-top: 48px !important;
  }
  .quickview-container .hmf-mr-l-xl,
  .quickview-container .hmf-mx-l-xl {
    margin-right: 48px !important;
  }
  .quickview-container .hmf-mb-l-xl,
  .quickview-container .hmf-my-l-xl {
    margin-bottom: 48px !important;
  }
  .quickview-container .hmf-ml-l-xl,
  .quickview-container .hmf-mx-l-xl {
    margin-left: 48px !important;
  }
  .quickview-container .hmf-m-l-xxl {
    margin: 72px !important;
  }
  .quickview-container .hmf-mt-l-xxl,
  .quickview-container .hmf-my-l-xxl {
    margin-top: 72px !important;
  }
  .quickview-container .hmf-mr-l-xxl,
  .quickview-container .hmf-mx-l-xxl {
    margin-right: 72px !important;
  }
  .quickview-container .hmf-mb-l-xxl,
  .quickview-container .hmf-my-l-xxl {
    margin-bottom: 72px !important;
  }
  .quickview-container .hmf-ml-l-xxl,
  .quickview-container .hmf-mx-l-xxl {
    margin-left: 72px !important;
  }
  .quickview-container .hmf-m-l-xxxl {
    margin: 96px !important;
  }
  .quickview-container .hmf-mt-l-xxxl,
  .quickview-container .hmf-my-l-xxxl {
    margin-top: 96px !important;
  }
  .quickview-container .hmf-mr-l-xxxl,
  .quickview-container .hmf-mx-l-xxxl {
    margin-right: 96px !important;
  }
  .quickview-container .hmf-mb-l-xxxl,
  .quickview-container .hmf-my-l-xxxl {
    margin-bottom: 96px !important;
  }
  .quickview-container .hmf-ml-l-xxxl,
  .quickview-container .hmf-mx-l-xxxl {
    margin-left: 96px !important;
  }
  .quickview-container .hmf-m-l-xxxxl {
    margin: 120px !important;
  }
  .quickview-container .hmf-mt-l-xxxxl,
  .quickview-container .hmf-my-l-xxxxl {
    margin-top: 120px !important;
  }
  .quickview-container .hmf-mr-l-xxxxl,
  .quickview-container .hmf-mx-l-xxxxl {
    margin-right: 120px !important;
  }
  .quickview-container .hmf-mb-l-xxxxl,
  .quickview-container .hmf-my-l-xxxxl {
    margin-bottom: 120px !important;
  }
  .quickview-container .hmf-ml-l-xxxxl,
  .quickview-container .hmf-mx-l-xxxxl {
    margin-left: 120px !important;
  }
  .quickview-container .hmf-p-l-auto {
    padding: auto !important;
  }
  .quickview-container .hmf-pt-l-auto,
  .quickview-container .hmf-py-l-auto {
    padding-top: auto !important;
  }
  .quickview-container .hmf-pr-l-auto,
  .quickview-container .hmf-px-l-auto {
    padding-right: auto !important;
  }
  .quickview-container .hmf-pb-l-auto,
  .quickview-container .hmf-py-l-auto {
    padding-bottom: auto !important;
  }
  .quickview-container .hmf-pl-l-auto,
  .quickview-container .hmf-px-l-auto {
    padding-left: auto !important;
  }
  .quickview-container .hmf-p-l-0 {
    padding: 0px !important;
  }
  .quickview-container .hmf-pt-l-0,
  .quickview-container .hmf-py-l-0 {
    padding-top: 0px !important;
  }
  .quickview-container .hmf-pr-l-0,
  .quickview-container .hmf-px-l-0 {
    padding-right: 0px !important;
  }
  .quickview-container .hmf-pb-l-0,
  .quickview-container .hmf-py-l-0 {
    padding-bottom: 0px !important;
  }
  .quickview-container .hmf-pl-l-0,
  .quickview-container .hmf-px-l-0 {
    padding-left: 0px !important;
  }
  .quickview-container .hmf-p-l-xxxs {
    padding: 4px !important;
  }
  .quickview-container .hmf-pt-l-xxxs,
  .quickview-container .hmf-py-l-xxxs {
    padding-top: 4px !important;
  }
  .quickview-container .hmf-pr-l-xxxs,
  .quickview-container .hmf-px-l-xxxs {
    padding-right: 4px !important;
  }
  .quickview-container .hmf-pb-l-xxxs,
  .quickview-container .hmf-py-l-xxxs {
    padding-bottom: 4px !important;
  }
  .quickview-container .hmf-pl-l-xxxs,
  .quickview-container .hmf-px-l-xxxs {
    padding-left: 4px !important;
  }
  .quickview-container .hmf-p-l-xxs {
    padding: 8px !important;
  }
  .quickview-container .hmf-pt-l-xxs,
  .quickview-container .hmf-py-l-xxs {
    padding-top: 8px !important;
  }
  .quickview-container .hmf-pr-l-xxs,
  .quickview-container .hmf-px-l-xxs {
    padding-right: 8px !important;
  }
  .quickview-container .hmf-pb-l-xxs,
  .quickview-container .hmf-py-l-xxs {
    padding-bottom: 8px !important;
  }
  .quickview-container .hmf-pl-l-xxs,
  .quickview-container .hmf-px-l-xxs {
    padding-left: 8px !important;
  }
  .quickview-container .hmf-p-l-xs {
    padding: 12px !important;
  }
  .quickview-container .hmf-pt-l-xs,
  .quickview-container .hmf-py-l-xs {
    padding-top: 12px !important;
  }
  .quickview-container .hmf-pr-l-xs,
  .quickview-container .hmf-px-l-xs {
    padding-right: 12px !important;
  }
  .quickview-container .hmf-pb-l-xs,
  .quickview-container .hmf-py-l-xs {
    padding-bottom: 12px !important;
  }
  .quickview-container .hmf-pl-l-xs,
  .quickview-container .hmf-px-l-xs {
    padding-left: 12px !important;
  }
  .quickview-container .hmf-p-l-s {
    padding: 16px !important;
  }
  .quickview-container .hmf-pt-l-s,
  .quickview-container .hmf-py-l-s {
    padding-top: 16px !important;
  }
  .quickview-container .hmf-pr-l-s,
  .quickview-container .hmf-px-l-s {
    padding-right: 16px !important;
  }
  .quickview-container .hmf-pb-l-s,
  .quickview-container .hmf-py-l-s {
    padding-bottom: 16px !important;
  }
  .quickview-container .hmf-pl-l-s,
  .quickview-container .hmf-px-l-s {
    padding-left: 16px !important;
  }
  .quickview-container .hmf-p-l-m {
    padding: 24px !important;
  }
  .quickview-container .hmf-pt-l-m,
  .quickview-container .hmf-py-l-m {
    padding-top: 24px !important;
  }
  .quickview-container .hmf-pr-l-m,
  .quickview-container .hmf-px-l-m {
    padding-right: 24px !important;
  }
  .quickview-container .hmf-pb-l-m,
  .quickview-container .hmf-py-l-m {
    padding-bottom: 24px !important;
  }
  .quickview-container .hmf-pl-l-m,
  .quickview-container .hmf-px-l-m {
    padding-left: 24px !important;
  }
  .quickview-container .hmf-p-l-l {
    padding: 32px !important;
  }
  .quickview-container .hmf-pt-l-l,
  .quickview-container .hmf-py-l-l {
    padding-top: 32px !important;
  }
  .quickview-container .hmf-pr-l-l,
  .quickview-container .hmf-px-l-l {
    padding-right: 32px !important;
  }
  .quickview-container .hmf-pb-l-l,
  .quickview-container .hmf-py-l-l {
    padding-bottom: 32px !important;
  }
  .quickview-container .hmf-pl-l-l,
  .quickview-container .hmf-px-l-l {
    padding-left: 32px !important;
  }
  .quickview-container .hmf-p-l-xl {
    padding: 48px !important;
  }
  .quickview-container .hmf-pt-l-xl,
  .quickview-container .hmf-py-l-xl {
    padding-top: 48px !important;
  }
  .quickview-container .hmf-pr-l-xl,
  .quickview-container .hmf-px-l-xl {
    padding-right: 48px !important;
  }
  .quickview-container .hmf-pb-l-xl,
  .quickview-container .hmf-py-l-xl {
    padding-bottom: 48px !important;
  }
  .quickview-container .hmf-pl-l-xl,
  .quickview-container .hmf-px-l-xl {
    padding-left: 48px !important;
  }
  .quickview-container .hmf-p-l-xxl {
    padding: 72px !important;
  }
  .quickview-container .hmf-pt-l-xxl,
  .quickview-container .hmf-py-l-xxl {
    padding-top: 72px !important;
  }
  .quickview-container .hmf-pr-l-xxl,
  .quickview-container .hmf-px-l-xxl {
    padding-right: 72px !important;
  }
  .quickview-container .hmf-pb-l-xxl,
  .quickview-container .hmf-py-l-xxl {
    padding-bottom: 72px !important;
  }
  .quickview-container .hmf-pl-l-xxl,
  .quickview-container .hmf-px-l-xxl {
    padding-left: 72px !important;
  }
  .quickview-container .hmf-p-l-xxxl {
    padding: 96px !important;
  }
  .quickview-container .hmf-pt-l-xxxl,
  .quickview-container .hmf-py-l-xxxl {
    padding-top: 96px !important;
  }
  .quickview-container .hmf-pr-l-xxxl,
  .quickview-container .hmf-px-l-xxxl {
    padding-right: 96px !important;
  }
  .quickview-container .hmf-pb-l-xxxl,
  .quickview-container .hmf-py-l-xxxl {
    padding-bottom: 96px !important;
  }
  .quickview-container .hmf-pl-l-xxxl,
  .quickview-container .hmf-px-l-xxxl {
    padding-left: 96px !important;
  }
  .quickview-container .hmf-p-l-xxxxl {
    padding: 120px !important;
  }
  .quickview-container .hmf-pt-l-xxxxl,
  .quickview-container .hmf-py-l-xxxxl {
    padding-top: 120px !important;
  }
  .quickview-container .hmf-pr-l-xxxxl,
  .quickview-container .hmf-px-l-xxxxl {
    padding-right: 120px !important;
  }
  .quickview-container .hmf-pb-l-xxxxl,
  .quickview-container .hmf-py-l-xxxxl {
    padding-bottom: 120px !important;
  }
  .quickview-container .hmf-pl-l-xxxxl,
  .quickview-container .hmf-px-l-xxxxl {
    padding-left: 120px !important;
  }
  .quickview-container .hmf-m-l-auto {
    margin: auto !important;
  }
  .quickview-container .hmf-mt-l-auto,
  .quickview-container .hmf-my-l-auto {
    margin-top: auto !important;
  }
  .quickview-container .hmf-mr-l-auto,
  .quickview-container .hmf-mx-l-auto {
    margin-right: auto !important;
  }
  .quickview-container .hmf-mb-l-auto,
  .quickview-container .hmf-my-l-auto {
    margin-bottom: auto !important;
  }
  .quickview-container .hmf-ml-l-auto,
  .quickview-container .hmf-mx-l-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1280px) {
  .quickview-container .hmf-m-xlg-auto {
    margin: auto !important;
  }
  .quickview-container .hmf-mt-xlg-auto,
  .quickview-container .hmf-my-xlg-auto {
    margin-top: auto !important;
  }
  .quickview-container .hmf-mr-xlg-auto,
  .quickview-container .hmf-mx-xlg-auto {
    margin-right: auto !important;
  }
  .quickview-container .hmf-mb-xlg-auto,
  .quickview-container .hmf-my-xlg-auto {
    margin-bottom: auto !important;
  }
  .quickview-container .hmf-ml-xlg-auto,
  .quickview-container .hmf-mx-xlg-auto {
    margin-left: auto !important;
  }
  .quickview-container .hmf-m-xlg-0 {
    margin: 0px !important;
  }
  .quickview-container .hmf-mt-xlg-0,
  .quickview-container .hmf-my-xlg-0 {
    margin-top: 0px !important;
  }
  .quickview-container .hmf-mr-xlg-0,
  .quickview-container .hmf-mx-xlg-0 {
    margin-right: 0px !important;
  }
  .quickview-container .hmf-mb-xlg-0,
  .quickview-container .hmf-my-xlg-0 {
    margin-bottom: 0px !important;
  }
  .quickview-container .hmf-ml-xlg-0,
  .quickview-container .hmf-mx-xlg-0 {
    margin-left: 0px !important;
  }
  .quickview-container .hmf-m-xlg-xxxs {
    margin: 4px !important;
  }
  .quickview-container .hmf-mt-xlg-xxxs,
  .quickview-container .hmf-my-xlg-xxxs {
    margin-top: 4px !important;
  }
  .quickview-container .hmf-mr-xlg-xxxs,
  .quickview-container .hmf-mx-xlg-xxxs {
    margin-right: 4px !important;
  }
  .quickview-container .hmf-mb-xlg-xxxs,
  .quickview-container .hmf-my-xlg-xxxs {
    margin-bottom: 4px !important;
  }
  .quickview-container .hmf-ml-xlg-xxxs,
  .quickview-container .hmf-mx-xlg-xxxs {
    margin-left: 4px !important;
  }
  .quickview-container .hmf-m-xlg-xxs {
    margin: 8px !important;
  }
  .quickview-container .hmf-mt-xlg-xxs,
  .quickview-container .hmf-my-xlg-xxs {
    margin-top: 8px !important;
  }
  .quickview-container .hmf-mr-xlg-xxs,
  .quickview-container .hmf-mx-xlg-xxs {
    margin-right: 8px !important;
  }
  .quickview-container .hmf-mb-xlg-xxs,
  .quickview-container .hmf-my-xlg-xxs {
    margin-bottom: 8px !important;
  }
  .quickview-container .hmf-ml-xlg-xxs,
  .quickview-container .hmf-mx-xlg-xxs {
    margin-left: 8px !important;
  }
  .quickview-container .hmf-m-xlg-xs {
    margin: 12px !important;
  }
  .quickview-container .hmf-mt-xlg-xs,
  .quickview-container .hmf-my-xlg-xs {
    margin-top: 12px !important;
  }
  .quickview-container .hmf-mr-xlg-xs,
  .quickview-container .hmf-mx-xlg-xs {
    margin-right: 12px !important;
  }
  .quickview-container .hmf-mb-xlg-xs,
  .quickview-container .hmf-my-xlg-xs {
    margin-bottom: 12px !important;
  }
  .quickview-container .hmf-ml-xlg-xs,
  .quickview-container .hmf-mx-xlg-xs {
    margin-left: 12px !important;
  }
  .quickview-container .hmf-m-xlg-s {
    margin: 16px !important;
  }
  .quickview-container .hmf-mt-xlg-s,
  .quickview-container .hmf-my-xlg-s {
    margin-top: 16px !important;
  }
  .quickview-container .hmf-mr-xlg-s,
  .quickview-container .hmf-mx-xlg-s {
    margin-right: 16px !important;
  }
  .quickview-container .hmf-mb-xlg-s,
  .quickview-container .hmf-my-xlg-s {
    margin-bottom: 16px !important;
  }
  .quickview-container .hmf-ml-xlg-s,
  .quickview-container .hmf-mx-xlg-s {
    margin-left: 16px !important;
  }
  .quickview-container .hmf-m-xlg-m {
    margin: 24px !important;
  }
  .quickview-container .hmf-mt-xlg-m,
  .quickview-container .hmf-my-xlg-m {
    margin-top: 24px !important;
  }
  .quickview-container .hmf-mr-xlg-m,
  .quickview-container .hmf-mx-xlg-m {
    margin-right: 24px !important;
  }
  .quickview-container .hmf-mb-xlg-m,
  .quickview-container .hmf-my-xlg-m {
    margin-bottom: 24px !important;
  }
  .quickview-container .hmf-ml-xlg-m,
  .quickview-container .hmf-mx-xlg-m {
    margin-left: 24px !important;
  }
  .quickview-container .hmf-m-xlg-l {
    margin: 32px !important;
  }
  .quickview-container .hmf-mt-xlg-l,
  .quickview-container .hmf-my-xlg-l {
    margin-top: 32px !important;
  }
  .quickview-container .hmf-mr-xlg-l,
  .quickview-container .hmf-mx-xlg-l {
    margin-right: 32px !important;
  }
  .quickview-container .hmf-mb-xlg-l,
  .quickview-container .hmf-my-xlg-l {
    margin-bottom: 32px !important;
  }
  .quickview-container .hmf-ml-xlg-l,
  .quickview-container .hmf-mx-xlg-l {
    margin-left: 32px !important;
  }
  .quickview-container .hmf-m-xlg-xl {
    margin: 48px !important;
  }
  .quickview-container .hmf-mt-xlg-xl,
  .quickview-container .hmf-my-xlg-xl {
    margin-top: 48px !important;
  }
  .quickview-container .hmf-mr-xlg-xl,
  .quickview-container .hmf-mx-xlg-xl {
    margin-right: 48px !important;
  }
  .quickview-container .hmf-mb-xlg-xl,
  .quickview-container .hmf-my-xlg-xl {
    margin-bottom: 48px !important;
  }
  .quickview-container .hmf-ml-xlg-xl,
  .quickview-container .hmf-mx-xlg-xl {
    margin-left: 48px !important;
  }
  .quickview-container .hmf-m-xlg-xxl {
    margin: 72px !important;
  }
  .quickview-container .hmf-mt-xlg-xxl,
  .quickview-container .hmf-my-xlg-xxl {
    margin-top: 72px !important;
  }
  .quickview-container .hmf-mr-xlg-xxl,
  .quickview-container .hmf-mx-xlg-xxl {
    margin-right: 72px !important;
  }
  .quickview-container .hmf-mb-xlg-xxl,
  .quickview-container .hmf-my-xlg-xxl {
    margin-bottom: 72px !important;
  }
  .quickview-container .hmf-ml-xlg-xxl,
  .quickview-container .hmf-mx-xlg-xxl {
    margin-left: 72px !important;
  }
  .quickview-container .hmf-m-xlg-xxxl {
    margin: 96px !important;
  }
  .quickview-container .hmf-mt-xlg-xxxl,
  .quickview-container .hmf-my-xlg-xxxl {
    margin-top: 96px !important;
  }
  .quickview-container .hmf-mr-xlg-xxxl,
  .quickview-container .hmf-mx-xlg-xxxl {
    margin-right: 96px !important;
  }
  .quickview-container .hmf-mb-xlg-xxxl,
  .quickview-container .hmf-my-xlg-xxxl {
    margin-bottom: 96px !important;
  }
  .quickview-container .hmf-ml-xlg-xxxl,
  .quickview-container .hmf-mx-xlg-xxxl {
    margin-left: 96px !important;
  }
  .quickview-container .hmf-m-xlg-xxxxl {
    margin: 120px !important;
  }
  .quickview-container .hmf-mt-xlg-xxxxl,
  .quickview-container .hmf-my-xlg-xxxxl {
    margin-top: 120px !important;
  }
  .quickview-container .hmf-mr-xlg-xxxxl,
  .quickview-container .hmf-mx-xlg-xxxxl {
    margin-right: 120px !important;
  }
  .quickview-container .hmf-mb-xlg-xxxxl,
  .quickview-container .hmf-my-xlg-xxxxl {
    margin-bottom: 120px !important;
  }
  .quickview-container .hmf-ml-xlg-xxxxl,
  .quickview-container .hmf-mx-xlg-xxxxl {
    margin-left: 120px !important;
  }
  .quickview-container .hmf-p-xlg-auto {
    padding: auto !important;
  }
  .quickview-container .hmf-pt-xlg-auto,
  .quickview-container .hmf-py-xlg-auto {
    padding-top: auto !important;
  }
  .quickview-container .hmf-pr-xlg-auto,
  .quickview-container .hmf-px-xlg-auto {
    padding-right: auto !important;
  }
  .quickview-container .hmf-pb-xlg-auto,
  .quickview-container .hmf-py-xlg-auto {
    padding-bottom: auto !important;
  }
  .quickview-container .hmf-pl-xlg-auto,
  .quickview-container .hmf-px-xlg-auto {
    padding-left: auto !important;
  }
  .quickview-container .hmf-p-xlg-0 {
    padding: 0px !important;
  }
  .quickview-container .hmf-pt-xlg-0,
  .quickview-container .hmf-py-xlg-0 {
    padding-top: 0px !important;
  }
  .quickview-container .hmf-pr-xlg-0,
  .quickview-container .hmf-px-xlg-0 {
    padding-right: 0px !important;
  }
  .quickview-container .hmf-pb-xlg-0,
  .quickview-container .hmf-py-xlg-0 {
    padding-bottom: 0px !important;
  }
  .quickview-container .hmf-pl-xlg-0,
  .quickview-container .hmf-px-xlg-0 {
    padding-left: 0px !important;
  }
  .quickview-container .hmf-p-xlg-xxxs {
    padding: 4px !important;
  }
  .quickview-container .hmf-pt-xlg-xxxs,
  .quickview-container .hmf-py-xlg-xxxs {
    padding-top: 4px !important;
  }
  .quickview-container .hmf-pr-xlg-xxxs,
  .quickview-container .hmf-px-xlg-xxxs {
    padding-right: 4px !important;
  }
  .quickview-container .hmf-pb-xlg-xxxs,
  .quickview-container .hmf-py-xlg-xxxs {
    padding-bottom: 4px !important;
  }
  .quickview-container .hmf-pl-xlg-xxxs,
  .quickview-container .hmf-px-xlg-xxxs {
    padding-left: 4px !important;
  }
  .quickview-container .hmf-p-xlg-xxs {
    padding: 8px !important;
  }
  .quickview-container .hmf-pt-xlg-xxs,
  .quickview-container .hmf-py-xlg-xxs {
    padding-top: 8px !important;
  }
  .quickview-container .hmf-pr-xlg-xxs,
  .quickview-container .hmf-px-xlg-xxs {
    padding-right: 8px !important;
  }
  .quickview-container .hmf-pb-xlg-xxs,
  .quickview-container .hmf-py-xlg-xxs {
    padding-bottom: 8px !important;
  }
  .quickview-container .hmf-pl-xlg-xxs,
  .quickview-container .hmf-px-xlg-xxs {
    padding-left: 8px !important;
  }
  .quickview-container .hmf-p-xlg-xs {
    padding: 12px !important;
  }
  .quickview-container .hmf-pt-xlg-xs,
  .quickview-container .hmf-py-xlg-xs {
    padding-top: 12px !important;
  }
  .quickview-container .hmf-pr-xlg-xs,
  .quickview-container .hmf-px-xlg-xs {
    padding-right: 12px !important;
  }
  .quickview-container .hmf-pb-xlg-xs,
  .quickview-container .hmf-py-xlg-xs {
    padding-bottom: 12px !important;
  }
  .quickview-container .hmf-pl-xlg-xs,
  .quickview-container .hmf-px-xlg-xs {
    padding-left: 12px !important;
  }
  .quickview-container .hmf-p-xlg-s {
    padding: 16px !important;
  }
  .quickview-container .hmf-pt-xlg-s,
  .quickview-container .hmf-py-xlg-s {
    padding-top: 16px !important;
  }
  .quickview-container .hmf-pr-xlg-s,
  .quickview-container .hmf-px-xlg-s {
    padding-right: 16px !important;
  }
  .quickview-container .hmf-pb-xlg-s,
  .quickview-container .hmf-py-xlg-s {
    padding-bottom: 16px !important;
  }
  .quickview-container .hmf-pl-xlg-s,
  .quickview-container .hmf-px-xlg-s {
    padding-left: 16px !important;
  }
  .quickview-container .hmf-p-xlg-m {
    padding: 24px !important;
  }
  .quickview-container .hmf-pt-xlg-m,
  .quickview-container .hmf-py-xlg-m {
    padding-top: 24px !important;
  }
  .quickview-container .hmf-pr-xlg-m,
  .quickview-container .hmf-px-xlg-m {
    padding-right: 24px !important;
  }
  .quickview-container .hmf-pb-xlg-m,
  .quickview-container .hmf-py-xlg-m {
    padding-bottom: 24px !important;
  }
  .quickview-container .hmf-pl-xlg-m,
  .quickview-container .hmf-px-xlg-m {
    padding-left: 24px !important;
  }
  .quickview-container .hmf-p-xlg-l {
    padding: 32px !important;
  }
  .quickview-container .hmf-pt-xlg-l,
  .quickview-container .hmf-py-xlg-l {
    padding-top: 32px !important;
  }
  .quickview-container .hmf-pr-xlg-l,
  .quickview-container .hmf-px-xlg-l {
    padding-right: 32px !important;
  }
  .quickview-container .hmf-pb-xlg-l,
  .quickview-container .hmf-py-xlg-l {
    padding-bottom: 32px !important;
  }
  .quickview-container .hmf-pl-xlg-l,
  .quickview-container .hmf-px-xlg-l {
    padding-left: 32px !important;
  }
  .quickview-container .hmf-p-xlg-xl {
    padding: 48px !important;
  }
  .quickview-container .hmf-pt-xlg-xl,
  .quickview-container .hmf-py-xlg-xl {
    padding-top: 48px !important;
  }
  .quickview-container .hmf-pr-xlg-xl,
  .quickview-container .hmf-px-xlg-xl {
    padding-right: 48px !important;
  }
  .quickview-container .hmf-pb-xlg-xl,
  .quickview-container .hmf-py-xlg-xl {
    padding-bottom: 48px !important;
  }
  .quickview-container .hmf-pl-xlg-xl,
  .quickview-container .hmf-px-xlg-xl {
    padding-left: 48px !important;
  }
  .quickview-container .hmf-p-xlg-xxl {
    padding: 72px !important;
  }
  .quickview-container .hmf-pt-xlg-xxl,
  .quickview-container .hmf-py-xlg-xxl {
    padding-top: 72px !important;
  }
  .quickview-container .hmf-pr-xlg-xxl,
  .quickview-container .hmf-px-xlg-xxl {
    padding-right: 72px !important;
  }
  .quickview-container .hmf-pb-xlg-xxl,
  .quickview-container .hmf-py-xlg-xxl {
    padding-bottom: 72px !important;
  }
  .quickview-container .hmf-pl-xlg-xxl,
  .quickview-container .hmf-px-xlg-xxl {
    padding-left: 72px !important;
  }
  .quickview-container .hmf-p-xlg-xxxl {
    padding: 96px !important;
  }
  .quickview-container .hmf-pt-xlg-xxxl,
  .quickview-container .hmf-py-xlg-xxxl {
    padding-top: 96px !important;
  }
  .quickview-container .hmf-pr-xlg-xxxl,
  .quickview-container .hmf-px-xlg-xxxl {
    padding-right: 96px !important;
  }
  .quickview-container .hmf-pb-xlg-xxxl,
  .quickview-container .hmf-py-xlg-xxxl {
    padding-bottom: 96px !important;
  }
  .quickview-container .hmf-pl-xlg-xxxl,
  .quickview-container .hmf-px-xlg-xxxl {
    padding-left: 96px !important;
  }
  .quickview-container .hmf-p-xlg-xxxxl {
    padding: 120px !important;
  }
  .quickview-container .hmf-pt-xlg-xxxxl,
  .quickview-container .hmf-py-xlg-xxxxl {
    padding-top: 120px !important;
  }
  .quickview-container .hmf-pr-xlg-xxxxl,
  .quickview-container .hmf-px-xlg-xxxxl {
    padding-right: 120px !important;
  }
  .quickview-container .hmf-pb-xlg-xxxxl,
  .quickview-container .hmf-py-xlg-xxxxl {
    padding-bottom: 120px !important;
  }
  .quickview-container .hmf-pl-xlg-xxxxl,
  .quickview-container .hmf-px-xlg-xxxxl {
    padding-left: 120px !important;
  }
  .quickview-container .hmf-m-xlg-auto {
    margin: auto !important;
  }
  .quickview-container .hmf-mt-xlg-auto,
  .quickview-container .hmf-my-xlg-auto {
    margin-top: auto !important;
  }
  .quickview-container .hmf-mr-xlg-auto,
  .quickview-container .hmf-mx-xlg-auto {
    margin-right: auto !important;
  }
  .quickview-container .hmf-mb-xlg-auto,
  .quickview-container .hmf-my-xlg-auto {
    margin-bottom: auto !important;
  }
  .quickview-container .hmf-ml-xlg-auto,
  .quickview-container .hmf-mx-xlg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1440px) {
  .quickview-container .hmf-m-xl-auto {
    margin: auto !important;
  }
  .quickview-container .hmf-mt-xl-auto,
  .quickview-container .hmf-my-xl-auto {
    margin-top: auto !important;
  }
  .quickview-container .hmf-mr-xl-auto,
  .quickview-container .hmf-mx-xl-auto {
    margin-right: auto !important;
  }
  .quickview-container .hmf-mb-xl-auto,
  .quickview-container .hmf-my-xl-auto {
    margin-bottom: auto !important;
  }
  .quickview-container .hmf-ml-xl-auto,
  .quickview-container .hmf-mx-xl-auto {
    margin-left: auto !important;
  }
  .quickview-container .hmf-m-xl-0 {
    margin: 0px !important;
  }
  .quickview-container .hmf-mt-xl-0,
  .quickview-container .hmf-my-xl-0 {
    margin-top: 0px !important;
  }
  .quickview-container .hmf-mr-xl-0,
  .quickview-container .hmf-mx-xl-0 {
    margin-right: 0px !important;
  }
  .quickview-container .hmf-mb-xl-0,
  .quickview-container .hmf-my-xl-0 {
    margin-bottom: 0px !important;
  }
  .quickview-container .hmf-ml-xl-0,
  .quickview-container .hmf-mx-xl-0 {
    margin-left: 0px !important;
  }
  .quickview-container .hmf-m-xl-xxxs {
    margin: 4px !important;
  }
  .quickview-container .hmf-mt-xl-xxxs,
  .quickview-container .hmf-my-xl-xxxs {
    margin-top: 4px !important;
  }
  .quickview-container .hmf-mr-xl-xxxs,
  .quickview-container .hmf-mx-xl-xxxs {
    margin-right: 4px !important;
  }
  .quickview-container .hmf-mb-xl-xxxs,
  .quickview-container .hmf-my-xl-xxxs {
    margin-bottom: 4px !important;
  }
  .quickview-container .hmf-ml-xl-xxxs,
  .quickview-container .hmf-mx-xl-xxxs {
    margin-left: 4px !important;
  }
  .quickview-container .hmf-m-xl-xxs {
    margin: 8px !important;
  }
  .quickview-container .hmf-mt-xl-xxs,
  .quickview-container .hmf-my-xl-xxs {
    margin-top: 8px !important;
  }
  .quickview-container .hmf-mr-xl-xxs,
  .quickview-container .hmf-mx-xl-xxs {
    margin-right: 8px !important;
  }
  .quickview-container .hmf-mb-xl-xxs,
  .quickview-container .hmf-my-xl-xxs {
    margin-bottom: 8px !important;
  }
  .quickview-container .hmf-ml-xl-xxs,
  .quickview-container .hmf-mx-xl-xxs {
    margin-left: 8px !important;
  }
  .quickview-container .hmf-m-xl-xs {
    margin: 12px !important;
  }
  .quickview-container .hmf-mt-xl-xs,
  .quickview-container .hmf-my-xl-xs {
    margin-top: 12px !important;
  }
  .quickview-container .hmf-mr-xl-xs,
  .quickview-container .hmf-mx-xl-xs {
    margin-right: 12px !important;
  }
  .quickview-container .hmf-mb-xl-xs,
  .quickview-container .hmf-my-xl-xs {
    margin-bottom: 12px !important;
  }
  .quickview-container .hmf-ml-xl-xs,
  .quickview-container .hmf-mx-xl-xs {
    margin-left: 12px !important;
  }
  .quickview-container .hmf-m-xl-s {
    margin: 16px !important;
  }
  .quickview-container .hmf-mt-xl-s,
  .quickview-container .hmf-my-xl-s {
    margin-top: 16px !important;
  }
  .quickview-container .hmf-mr-xl-s,
  .quickview-container .hmf-mx-xl-s {
    margin-right: 16px !important;
  }
  .quickview-container .hmf-mb-xl-s,
  .quickview-container .hmf-my-xl-s {
    margin-bottom: 16px !important;
  }
  .quickview-container .hmf-ml-xl-s,
  .quickview-container .hmf-mx-xl-s {
    margin-left: 16px !important;
  }
  .quickview-container .hmf-m-xl-m {
    margin: 24px !important;
  }
  .quickview-container .hmf-mt-xl-m,
  .quickview-container .hmf-my-xl-m {
    margin-top: 24px !important;
  }
  .quickview-container .hmf-mr-xl-m,
  .quickview-container .hmf-mx-xl-m {
    margin-right: 24px !important;
  }
  .quickview-container .hmf-mb-xl-m,
  .quickview-container .hmf-my-xl-m {
    margin-bottom: 24px !important;
  }
  .quickview-container .hmf-ml-xl-m,
  .quickview-container .hmf-mx-xl-m {
    margin-left: 24px !important;
  }
  .quickview-container .hmf-m-xl-l {
    margin: 32px !important;
  }
  .quickview-container .hmf-mt-xl-l,
  .quickview-container .hmf-my-xl-l {
    margin-top: 32px !important;
  }
  .quickview-container .hmf-mr-xl-l,
  .quickview-container .hmf-mx-xl-l {
    margin-right: 32px !important;
  }
  .quickview-container .hmf-mb-xl-l,
  .quickview-container .hmf-my-xl-l {
    margin-bottom: 32px !important;
  }
  .quickview-container .hmf-ml-xl-l,
  .quickview-container .hmf-mx-xl-l {
    margin-left: 32px !important;
  }
  .quickview-container .hmf-m-xl-xl {
    margin: 48px !important;
  }
  .quickview-container .hmf-mt-xl-xl,
  .quickview-container .hmf-my-xl-xl {
    margin-top: 48px !important;
  }
  .quickview-container .hmf-mr-xl-xl,
  .quickview-container .hmf-mx-xl-xl {
    margin-right: 48px !important;
  }
  .quickview-container .hmf-mb-xl-xl,
  .quickview-container .hmf-my-xl-xl {
    margin-bottom: 48px !important;
  }
  .quickview-container .hmf-ml-xl-xl,
  .quickview-container .hmf-mx-xl-xl {
    margin-left: 48px !important;
  }
  .quickview-container .hmf-m-xl-xxl {
    margin: 72px !important;
  }
  .quickview-container .hmf-mt-xl-xxl,
  .quickview-container .hmf-my-xl-xxl {
    margin-top: 72px !important;
  }
  .quickview-container .hmf-mr-xl-xxl,
  .quickview-container .hmf-mx-xl-xxl {
    margin-right: 72px !important;
  }
  .quickview-container .hmf-mb-xl-xxl,
  .quickview-container .hmf-my-xl-xxl {
    margin-bottom: 72px !important;
  }
  .quickview-container .hmf-ml-xl-xxl,
  .quickview-container .hmf-mx-xl-xxl {
    margin-left: 72px !important;
  }
  .quickview-container .hmf-m-xl-xxxl {
    margin: 96px !important;
  }
  .quickview-container .hmf-mt-xl-xxxl,
  .quickview-container .hmf-my-xl-xxxl {
    margin-top: 96px !important;
  }
  .quickview-container .hmf-mr-xl-xxxl,
  .quickview-container .hmf-mx-xl-xxxl {
    margin-right: 96px !important;
  }
  .quickview-container .hmf-mb-xl-xxxl,
  .quickview-container .hmf-my-xl-xxxl {
    margin-bottom: 96px !important;
  }
  .quickview-container .hmf-ml-xl-xxxl,
  .quickview-container .hmf-mx-xl-xxxl {
    margin-left: 96px !important;
  }
  .quickview-container .hmf-m-xl-xxxxl {
    margin: 120px !important;
  }
  .quickview-container .hmf-mt-xl-xxxxl,
  .quickview-container .hmf-my-xl-xxxxl {
    margin-top: 120px !important;
  }
  .quickview-container .hmf-mr-xl-xxxxl,
  .quickview-container .hmf-mx-xl-xxxxl {
    margin-right: 120px !important;
  }
  .quickview-container .hmf-mb-xl-xxxxl,
  .quickview-container .hmf-my-xl-xxxxl {
    margin-bottom: 120px !important;
  }
  .quickview-container .hmf-ml-xl-xxxxl,
  .quickview-container .hmf-mx-xl-xxxxl {
    margin-left: 120px !important;
  }
  .quickview-container .hmf-p-xl-auto {
    padding: auto !important;
  }
  .quickview-container .hmf-pt-xl-auto,
  .quickview-container .hmf-py-xl-auto {
    padding-top: auto !important;
  }
  .quickview-container .hmf-pr-xl-auto,
  .quickview-container .hmf-px-xl-auto {
    padding-right: auto !important;
  }
  .quickview-container .hmf-pb-xl-auto,
  .quickview-container .hmf-py-xl-auto {
    padding-bottom: auto !important;
  }
  .quickview-container .hmf-pl-xl-auto,
  .quickview-container .hmf-px-xl-auto {
    padding-left: auto !important;
  }
  .quickview-container .hmf-p-xl-0 {
    padding: 0px !important;
  }
  .quickview-container .hmf-pt-xl-0,
  .quickview-container .hmf-py-xl-0 {
    padding-top: 0px !important;
  }
  .quickview-container .hmf-pr-xl-0,
  .quickview-container .hmf-px-xl-0 {
    padding-right: 0px !important;
  }
  .quickview-container .hmf-pb-xl-0,
  .quickview-container .hmf-py-xl-0 {
    padding-bottom: 0px !important;
  }
  .quickview-container .hmf-pl-xl-0,
  .quickview-container .hmf-px-xl-0 {
    padding-left: 0px !important;
  }
  .quickview-container .hmf-p-xl-xxxs {
    padding: 4px !important;
  }
  .quickview-container .hmf-pt-xl-xxxs,
  .quickview-container .hmf-py-xl-xxxs {
    padding-top: 4px !important;
  }
  .quickview-container .hmf-pr-xl-xxxs,
  .quickview-container .hmf-px-xl-xxxs {
    padding-right: 4px !important;
  }
  .quickview-container .hmf-pb-xl-xxxs,
  .quickview-container .hmf-py-xl-xxxs {
    padding-bottom: 4px !important;
  }
  .quickview-container .hmf-pl-xl-xxxs,
  .quickview-container .hmf-px-xl-xxxs {
    padding-left: 4px !important;
  }
  .quickview-container .hmf-p-xl-xxs {
    padding: 8px !important;
  }
  .quickview-container .hmf-pt-xl-xxs,
  .quickview-container .hmf-py-xl-xxs {
    padding-top: 8px !important;
  }
  .quickview-container .hmf-pr-xl-xxs,
  .quickview-container .hmf-px-xl-xxs {
    padding-right: 8px !important;
  }
  .quickview-container .hmf-pb-xl-xxs,
  .quickview-container .hmf-py-xl-xxs {
    padding-bottom: 8px !important;
  }
  .quickview-container .hmf-pl-xl-xxs,
  .quickview-container .hmf-px-xl-xxs {
    padding-left: 8px !important;
  }
  .quickview-container .hmf-p-xl-xs {
    padding: 12px !important;
  }
  .quickview-container .hmf-pt-xl-xs,
  .quickview-container .hmf-py-xl-xs {
    padding-top: 12px !important;
  }
  .quickview-container .hmf-pr-xl-xs,
  .quickview-container .hmf-px-xl-xs {
    padding-right: 12px !important;
  }
  .quickview-container .hmf-pb-xl-xs,
  .quickview-container .hmf-py-xl-xs {
    padding-bottom: 12px !important;
  }
  .quickview-container .hmf-pl-xl-xs,
  .quickview-container .hmf-px-xl-xs {
    padding-left: 12px !important;
  }
  .quickview-container .hmf-p-xl-s {
    padding: 16px !important;
  }
  .quickview-container .hmf-pt-xl-s,
  .quickview-container .hmf-py-xl-s {
    padding-top: 16px !important;
  }
  .quickview-container .hmf-pr-xl-s,
  .quickview-container .hmf-px-xl-s {
    padding-right: 16px !important;
  }
  .quickview-container .hmf-pb-xl-s,
  .quickview-container .hmf-py-xl-s {
    padding-bottom: 16px !important;
  }
  .quickview-container .hmf-pl-xl-s,
  .quickview-container .hmf-px-xl-s {
    padding-left: 16px !important;
  }
  .quickview-container .hmf-p-xl-m {
    padding: 24px !important;
  }
  .quickview-container .hmf-pt-xl-m,
  .quickview-container .hmf-py-xl-m {
    padding-top: 24px !important;
  }
  .quickview-container .hmf-pr-xl-m,
  .quickview-container .hmf-px-xl-m {
    padding-right: 24px !important;
  }
  .quickview-container .hmf-pb-xl-m,
  .quickview-container .hmf-py-xl-m {
    padding-bottom: 24px !important;
  }
  .quickview-container .hmf-pl-xl-m,
  .quickview-container .hmf-px-xl-m {
    padding-left: 24px !important;
  }
  .quickview-container .hmf-p-xl-l {
    padding: 32px !important;
  }
  .quickview-container .hmf-pt-xl-l,
  .quickview-container .hmf-py-xl-l {
    padding-top: 32px !important;
  }
  .quickview-container .hmf-pr-xl-l,
  .quickview-container .hmf-px-xl-l {
    padding-right: 32px !important;
  }
  .quickview-container .hmf-pb-xl-l,
  .quickview-container .hmf-py-xl-l {
    padding-bottom: 32px !important;
  }
  .quickview-container .hmf-pl-xl-l,
  .quickview-container .hmf-px-xl-l {
    padding-left: 32px !important;
  }
  .quickview-container .hmf-p-xl-xl {
    padding: 48px !important;
  }
  .quickview-container .hmf-pt-xl-xl,
  .quickview-container .hmf-py-xl-xl {
    padding-top: 48px !important;
  }
  .quickview-container .hmf-pr-xl-xl,
  .quickview-container .hmf-px-xl-xl {
    padding-right: 48px !important;
  }
  .quickview-container .hmf-pb-xl-xl,
  .quickview-container .hmf-py-xl-xl {
    padding-bottom: 48px !important;
  }
  .quickview-container .hmf-pl-xl-xl,
  .quickview-container .hmf-px-xl-xl {
    padding-left: 48px !important;
  }
  .quickview-container .hmf-p-xl-xxl {
    padding: 72px !important;
  }
  .quickview-container .hmf-pt-xl-xxl,
  .quickview-container .hmf-py-xl-xxl {
    padding-top: 72px !important;
  }
  .quickview-container .hmf-pr-xl-xxl,
  .quickview-container .hmf-px-xl-xxl {
    padding-right: 72px !important;
  }
  .quickview-container .hmf-pb-xl-xxl,
  .quickview-container .hmf-py-xl-xxl {
    padding-bottom: 72px !important;
  }
  .quickview-container .hmf-pl-xl-xxl,
  .quickview-container .hmf-px-xl-xxl {
    padding-left: 72px !important;
  }
  .quickview-container .hmf-p-xl-xxxl {
    padding: 96px !important;
  }
  .quickview-container .hmf-pt-xl-xxxl,
  .quickview-container .hmf-py-xl-xxxl {
    padding-top: 96px !important;
  }
  .quickview-container .hmf-pr-xl-xxxl,
  .quickview-container .hmf-px-xl-xxxl {
    padding-right: 96px !important;
  }
  .quickview-container .hmf-pb-xl-xxxl,
  .quickview-container .hmf-py-xl-xxxl {
    padding-bottom: 96px !important;
  }
  .quickview-container .hmf-pl-xl-xxxl,
  .quickview-container .hmf-px-xl-xxxl {
    padding-left: 96px !important;
  }
  .quickview-container .hmf-p-xl-xxxxl {
    padding: 120px !important;
  }
  .quickview-container .hmf-pt-xl-xxxxl,
  .quickview-container .hmf-py-xl-xxxxl {
    padding-top: 120px !important;
  }
  .quickview-container .hmf-pr-xl-xxxxl,
  .quickview-container .hmf-px-xl-xxxxl {
    padding-right: 120px !important;
  }
  .quickview-container .hmf-pb-xl-xxxxl,
  .quickview-container .hmf-py-xl-xxxxl {
    padding-bottom: 120px !important;
  }
  .quickview-container .hmf-pl-xl-xxxxl,
  .quickview-container .hmf-px-xl-xxxxl {
    padding-left: 120px !important;
  }
  .quickview-container .hmf-m-xl-auto {
    margin: auto !important;
  }
  .quickview-container .hmf-mt-xl-auto,
  .quickview-container .hmf-my-xl-auto {
    margin-top: auto !important;
  }
  .quickview-container .hmf-mr-xl-auto,
  .quickview-container .hmf-mx-xl-auto {
    margin-right: auto !important;
  }
  .quickview-container .hmf-mb-xl-auto,
  .quickview-container .hmf-my-xl-auto {
    margin-bottom: auto !important;
  }
  .quickview-container .hmf-ml-xl-auto,
  .quickview-container .hmf-mx-xl-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1440px) {
  .quickview-container .hmf-m-xxlg-auto {
    margin: auto !important;
  }
  .quickview-container .hmf-mt-xxlg-auto,
  .quickview-container .hmf-my-xxlg-auto {
    margin-top: auto !important;
  }
  .quickview-container .hmf-mr-xxlg-auto,
  .quickview-container .hmf-mx-xxlg-auto {
    margin-right: auto !important;
  }
  .quickview-container .hmf-mb-xxlg-auto,
  .quickview-container .hmf-my-xxlg-auto {
    margin-bottom: auto !important;
  }
  .quickview-container .hmf-ml-xxlg-auto,
  .quickview-container .hmf-mx-xxlg-auto {
    margin-left: auto !important;
  }
  .quickview-container .hmf-m-xxlg-0 {
    margin: 0px !important;
  }
  .quickview-container .hmf-mt-xxlg-0,
  .quickview-container .hmf-my-xxlg-0 {
    margin-top: 0px !important;
  }
  .quickview-container .hmf-mr-xxlg-0,
  .quickview-container .hmf-mx-xxlg-0 {
    margin-right: 0px !important;
  }
  .quickview-container .hmf-mb-xxlg-0,
  .quickview-container .hmf-my-xxlg-0 {
    margin-bottom: 0px !important;
  }
  .quickview-container .hmf-ml-xxlg-0,
  .quickview-container .hmf-mx-xxlg-0 {
    margin-left: 0px !important;
  }
  .quickview-container .hmf-m-xxlg-xxxs {
    margin: 4px !important;
  }
  .quickview-container .hmf-mt-xxlg-xxxs,
  .quickview-container .hmf-my-xxlg-xxxs {
    margin-top: 4px !important;
  }
  .quickview-container .hmf-mr-xxlg-xxxs,
  .quickview-container .hmf-mx-xxlg-xxxs {
    margin-right: 4px !important;
  }
  .quickview-container .hmf-mb-xxlg-xxxs,
  .quickview-container .hmf-my-xxlg-xxxs {
    margin-bottom: 4px !important;
  }
  .quickview-container .hmf-ml-xxlg-xxxs,
  .quickview-container .hmf-mx-xxlg-xxxs {
    margin-left: 4px !important;
  }
  .quickview-container .hmf-m-xxlg-xxs {
    margin: 8px !important;
  }
  .quickview-container .hmf-mt-xxlg-xxs,
  .quickview-container .hmf-my-xxlg-xxs {
    margin-top: 8px !important;
  }
  .quickview-container .hmf-mr-xxlg-xxs,
  .quickview-container .hmf-mx-xxlg-xxs {
    margin-right: 8px !important;
  }
  .quickview-container .hmf-mb-xxlg-xxs,
  .quickview-container .hmf-my-xxlg-xxs {
    margin-bottom: 8px !important;
  }
  .quickview-container .hmf-ml-xxlg-xxs,
  .quickview-container .hmf-mx-xxlg-xxs {
    margin-left: 8px !important;
  }
  .quickview-container .hmf-m-xxlg-xs {
    margin: 12px !important;
  }
  .quickview-container .hmf-mt-xxlg-xs,
  .quickview-container .hmf-my-xxlg-xs {
    margin-top: 12px !important;
  }
  .quickview-container .hmf-mr-xxlg-xs,
  .quickview-container .hmf-mx-xxlg-xs {
    margin-right: 12px !important;
  }
  .quickview-container .hmf-mb-xxlg-xs,
  .quickview-container .hmf-my-xxlg-xs {
    margin-bottom: 12px !important;
  }
  .quickview-container .hmf-ml-xxlg-xs,
  .quickview-container .hmf-mx-xxlg-xs {
    margin-left: 12px !important;
  }
  .quickview-container .hmf-m-xxlg-s {
    margin: 16px !important;
  }
  .quickview-container .hmf-mt-xxlg-s,
  .quickview-container .hmf-my-xxlg-s {
    margin-top: 16px !important;
  }
  .quickview-container .hmf-mr-xxlg-s,
  .quickview-container .hmf-mx-xxlg-s {
    margin-right: 16px !important;
  }
  .quickview-container .hmf-mb-xxlg-s,
  .quickview-container .hmf-my-xxlg-s {
    margin-bottom: 16px !important;
  }
  .quickview-container .hmf-ml-xxlg-s,
  .quickview-container .hmf-mx-xxlg-s {
    margin-left: 16px !important;
  }
  .quickview-container .hmf-m-xxlg-m {
    margin: 24px !important;
  }
  .quickview-container .hmf-mt-xxlg-m,
  .quickview-container .hmf-my-xxlg-m {
    margin-top: 24px !important;
  }
  .quickview-container .hmf-mr-xxlg-m,
  .quickview-container .hmf-mx-xxlg-m {
    margin-right: 24px !important;
  }
  .quickview-container .hmf-mb-xxlg-m,
  .quickview-container .hmf-my-xxlg-m {
    margin-bottom: 24px !important;
  }
  .quickview-container .hmf-ml-xxlg-m,
  .quickview-container .hmf-mx-xxlg-m {
    margin-left: 24px !important;
  }
  .quickview-container .hmf-m-xxlg-l {
    margin: 32px !important;
  }
  .quickview-container .hmf-mt-xxlg-l,
  .quickview-container .hmf-my-xxlg-l {
    margin-top: 32px !important;
  }
  .quickview-container .hmf-mr-xxlg-l,
  .quickview-container .hmf-mx-xxlg-l {
    margin-right: 32px !important;
  }
  .quickview-container .hmf-mb-xxlg-l,
  .quickview-container .hmf-my-xxlg-l {
    margin-bottom: 32px !important;
  }
  .quickview-container .hmf-ml-xxlg-l,
  .quickview-container .hmf-mx-xxlg-l {
    margin-left: 32px !important;
  }
  .quickview-container .hmf-m-xxlg-xl {
    margin: 48px !important;
  }
  .quickview-container .hmf-mt-xxlg-xl,
  .quickview-container .hmf-my-xxlg-xl {
    margin-top: 48px !important;
  }
  .quickview-container .hmf-mr-xxlg-xl,
  .quickview-container .hmf-mx-xxlg-xl {
    margin-right: 48px !important;
  }
  .quickview-container .hmf-mb-xxlg-xl,
  .quickview-container .hmf-my-xxlg-xl {
    margin-bottom: 48px !important;
  }
  .quickview-container .hmf-ml-xxlg-xl,
  .quickview-container .hmf-mx-xxlg-xl {
    margin-left: 48px !important;
  }
  .quickview-container .hmf-m-xxlg-xxl {
    margin: 72px !important;
  }
  .quickview-container .hmf-mt-xxlg-xxl,
  .quickview-container .hmf-my-xxlg-xxl {
    margin-top: 72px !important;
  }
  .quickview-container .hmf-mr-xxlg-xxl,
  .quickview-container .hmf-mx-xxlg-xxl {
    margin-right: 72px !important;
  }
  .quickview-container .hmf-mb-xxlg-xxl,
  .quickview-container .hmf-my-xxlg-xxl {
    margin-bottom: 72px !important;
  }
  .quickview-container .hmf-ml-xxlg-xxl,
  .quickview-container .hmf-mx-xxlg-xxl {
    margin-left: 72px !important;
  }
  .quickview-container .hmf-m-xxlg-xxxl {
    margin: 96px !important;
  }
  .quickview-container .hmf-mt-xxlg-xxxl,
  .quickview-container .hmf-my-xxlg-xxxl {
    margin-top: 96px !important;
  }
  .quickview-container .hmf-mr-xxlg-xxxl,
  .quickview-container .hmf-mx-xxlg-xxxl {
    margin-right: 96px !important;
  }
  .quickview-container .hmf-mb-xxlg-xxxl,
  .quickview-container .hmf-my-xxlg-xxxl {
    margin-bottom: 96px !important;
  }
  .quickview-container .hmf-ml-xxlg-xxxl,
  .quickview-container .hmf-mx-xxlg-xxxl {
    margin-left: 96px !important;
  }
  .quickview-container .hmf-m-xxlg-xxxxl {
    margin: 120px !important;
  }
  .quickview-container .hmf-mt-xxlg-xxxxl,
  .quickview-container .hmf-my-xxlg-xxxxl {
    margin-top: 120px !important;
  }
  .quickview-container .hmf-mr-xxlg-xxxxl,
  .quickview-container .hmf-mx-xxlg-xxxxl {
    margin-right: 120px !important;
  }
  .quickview-container .hmf-mb-xxlg-xxxxl,
  .quickview-container .hmf-my-xxlg-xxxxl {
    margin-bottom: 120px !important;
  }
  .quickview-container .hmf-ml-xxlg-xxxxl,
  .quickview-container .hmf-mx-xxlg-xxxxl {
    margin-left: 120px !important;
  }
  .quickview-container .hmf-p-xxlg-auto {
    padding: auto !important;
  }
  .quickview-container .hmf-pt-xxlg-auto,
  .quickview-container .hmf-py-xxlg-auto {
    padding-top: auto !important;
  }
  .quickview-container .hmf-pr-xxlg-auto,
  .quickview-container .hmf-px-xxlg-auto {
    padding-right: auto !important;
  }
  .quickview-container .hmf-pb-xxlg-auto,
  .quickview-container .hmf-py-xxlg-auto {
    padding-bottom: auto !important;
  }
  .quickview-container .hmf-pl-xxlg-auto,
  .quickview-container .hmf-px-xxlg-auto {
    padding-left: auto !important;
  }
  .quickview-container .hmf-p-xxlg-0 {
    padding: 0px !important;
  }
  .quickview-container .hmf-pt-xxlg-0,
  .quickview-container .hmf-py-xxlg-0 {
    padding-top: 0px !important;
  }
  .quickview-container .hmf-pr-xxlg-0,
  .quickview-container .hmf-px-xxlg-0 {
    padding-right: 0px !important;
  }
  .quickview-container .hmf-pb-xxlg-0,
  .quickview-container .hmf-py-xxlg-0 {
    padding-bottom: 0px !important;
  }
  .quickview-container .hmf-pl-xxlg-0,
  .quickview-container .hmf-px-xxlg-0 {
    padding-left: 0px !important;
  }
  .quickview-container .hmf-p-xxlg-xxxs {
    padding: 4px !important;
  }
  .quickview-container .hmf-pt-xxlg-xxxs,
  .quickview-container .hmf-py-xxlg-xxxs {
    padding-top: 4px !important;
  }
  .quickview-container .hmf-pr-xxlg-xxxs,
  .quickview-container .hmf-px-xxlg-xxxs {
    padding-right: 4px !important;
  }
  .quickview-container .hmf-pb-xxlg-xxxs,
  .quickview-container .hmf-py-xxlg-xxxs {
    padding-bottom: 4px !important;
  }
  .quickview-container .hmf-pl-xxlg-xxxs,
  .quickview-container .hmf-px-xxlg-xxxs {
    padding-left: 4px !important;
  }
  .quickview-container .hmf-p-xxlg-xxs {
    padding: 8px !important;
  }
  .quickview-container .hmf-pt-xxlg-xxs,
  .quickview-container .hmf-py-xxlg-xxs {
    padding-top: 8px !important;
  }
  .quickview-container .hmf-pr-xxlg-xxs,
  .quickview-container .hmf-px-xxlg-xxs {
    padding-right: 8px !important;
  }
  .quickview-container .hmf-pb-xxlg-xxs,
  .quickview-container .hmf-py-xxlg-xxs {
    padding-bottom: 8px !important;
  }
  .quickview-container .hmf-pl-xxlg-xxs,
  .quickview-container .hmf-px-xxlg-xxs {
    padding-left: 8px !important;
  }
  .quickview-container .hmf-p-xxlg-xs {
    padding: 12px !important;
  }
  .quickview-container .hmf-pt-xxlg-xs,
  .quickview-container .hmf-py-xxlg-xs {
    padding-top: 12px !important;
  }
  .quickview-container .hmf-pr-xxlg-xs,
  .quickview-container .hmf-px-xxlg-xs {
    padding-right: 12px !important;
  }
  .quickview-container .hmf-pb-xxlg-xs,
  .quickview-container .hmf-py-xxlg-xs {
    padding-bottom: 12px !important;
  }
  .quickview-container .hmf-pl-xxlg-xs,
  .quickview-container .hmf-px-xxlg-xs {
    padding-left: 12px !important;
  }
  .quickview-container .hmf-p-xxlg-s {
    padding: 16px !important;
  }
  .quickview-container .hmf-pt-xxlg-s,
  .quickview-container .hmf-py-xxlg-s {
    padding-top: 16px !important;
  }
  .quickview-container .hmf-pr-xxlg-s,
  .quickview-container .hmf-px-xxlg-s {
    padding-right: 16px !important;
  }
  .quickview-container .hmf-pb-xxlg-s,
  .quickview-container .hmf-py-xxlg-s {
    padding-bottom: 16px !important;
  }
  .quickview-container .hmf-pl-xxlg-s,
  .quickview-container .hmf-px-xxlg-s {
    padding-left: 16px !important;
  }
  .quickview-container .hmf-p-xxlg-m {
    padding: 24px !important;
  }
  .quickview-container .hmf-pt-xxlg-m,
  .quickview-container .hmf-py-xxlg-m {
    padding-top: 24px !important;
  }
  .quickview-container .hmf-pr-xxlg-m,
  .quickview-container .hmf-px-xxlg-m {
    padding-right: 24px !important;
  }
  .quickview-container .hmf-pb-xxlg-m,
  .quickview-container .hmf-py-xxlg-m {
    padding-bottom: 24px !important;
  }
  .quickview-container .hmf-pl-xxlg-m,
  .quickview-container .hmf-px-xxlg-m {
    padding-left: 24px !important;
  }
  .quickview-container .hmf-p-xxlg-l {
    padding: 32px !important;
  }
  .quickview-container .hmf-pt-xxlg-l,
  .quickview-container .hmf-py-xxlg-l {
    padding-top: 32px !important;
  }
  .quickview-container .hmf-pr-xxlg-l,
  .quickview-container .hmf-px-xxlg-l {
    padding-right: 32px !important;
  }
  .quickview-container .hmf-pb-xxlg-l,
  .quickview-container .hmf-py-xxlg-l {
    padding-bottom: 32px !important;
  }
  .quickview-container .hmf-pl-xxlg-l,
  .quickview-container .hmf-px-xxlg-l {
    padding-left: 32px !important;
  }
  .quickview-container .hmf-p-xxlg-xl {
    padding: 48px !important;
  }
  .quickview-container .hmf-pt-xxlg-xl,
  .quickview-container .hmf-py-xxlg-xl {
    padding-top: 48px !important;
  }
  .quickview-container .hmf-pr-xxlg-xl,
  .quickview-container .hmf-px-xxlg-xl {
    padding-right: 48px !important;
  }
  .quickview-container .hmf-pb-xxlg-xl,
  .quickview-container .hmf-py-xxlg-xl {
    padding-bottom: 48px !important;
  }
  .quickview-container .hmf-pl-xxlg-xl,
  .quickview-container .hmf-px-xxlg-xl {
    padding-left: 48px !important;
  }
  .quickview-container .hmf-p-xxlg-xxl {
    padding: 72px !important;
  }
  .quickview-container .hmf-pt-xxlg-xxl,
  .quickview-container .hmf-py-xxlg-xxl {
    padding-top: 72px !important;
  }
  .quickview-container .hmf-pr-xxlg-xxl,
  .quickview-container .hmf-px-xxlg-xxl {
    padding-right: 72px !important;
  }
  .quickview-container .hmf-pb-xxlg-xxl,
  .quickview-container .hmf-py-xxlg-xxl {
    padding-bottom: 72px !important;
  }
  .quickview-container .hmf-pl-xxlg-xxl,
  .quickview-container .hmf-px-xxlg-xxl {
    padding-left: 72px !important;
  }
  .quickview-container .hmf-p-xxlg-xxxl {
    padding: 96px !important;
  }
  .quickview-container .hmf-pt-xxlg-xxxl,
  .quickview-container .hmf-py-xxlg-xxxl {
    padding-top: 96px !important;
  }
  .quickview-container .hmf-pr-xxlg-xxxl,
  .quickview-container .hmf-px-xxlg-xxxl {
    padding-right: 96px !important;
  }
  .quickview-container .hmf-pb-xxlg-xxxl,
  .quickview-container .hmf-py-xxlg-xxxl {
    padding-bottom: 96px !important;
  }
  .quickview-container .hmf-pl-xxlg-xxxl,
  .quickview-container .hmf-px-xxlg-xxxl {
    padding-left: 96px !important;
  }
  .quickview-container .hmf-p-xxlg-xxxxl {
    padding: 120px !important;
  }
  .quickview-container .hmf-pt-xxlg-xxxxl,
  .quickview-container .hmf-py-xxlg-xxxxl {
    padding-top: 120px !important;
  }
  .quickview-container .hmf-pr-xxlg-xxxxl,
  .quickview-container .hmf-px-xxlg-xxxxl {
    padding-right: 120px !important;
  }
  .quickview-container .hmf-pb-xxlg-xxxxl,
  .quickview-container .hmf-py-xxlg-xxxxl {
    padding-bottom: 120px !important;
  }
  .quickview-container .hmf-pl-xxlg-xxxxl,
  .quickview-container .hmf-px-xxlg-xxxxl {
    padding-left: 120px !important;
  }
  .quickview-container .hmf-m-xxlg-auto {
    margin: auto !important;
  }
  .quickview-container .hmf-mt-xxlg-auto,
  .quickview-container .hmf-my-xxlg-auto {
    margin-top: auto !important;
  }
  .quickview-container .hmf-mr-xxlg-auto,
  .quickview-container .hmf-mx-xxlg-auto {
    margin-right: auto !important;
  }
  .quickview-container .hmf-mb-xxlg-auto,
  .quickview-container .hmf-my-xxlg-auto {
    margin-bottom: auto !important;
  }
  .quickview-container .hmf-ml-xxlg-auto,
  .quickview-container .hmf-mx-xxlg-auto {
    margin-left: auto !important;
  }
}
.quickview-container .hmf-sharp-radius {
  border-radius: var(--hmf-sharp-radius);
}
.quickview-container .hmf-soft-radius {
  border-radius: var(--hmf-soft-radius);
}
.quickview-container .hmf-round-radius {
  border-radius: var(--hmf-round-radius);
}
.quickview-container .hmf-subtle-shadow {
  box-shadow: var(--hmf-subtle-shadow);
}
.quickview-container .hmf-elevated-shadow {
  box-shadow: var(--hmf-elevated-shadow);
}
.quickview-container .hmf-elevated-up-shadow {
  box-shadow: var(--hmf-elevated-up-shadow);
}
.quickview-container .hmf-soft-shadow {
  box-shadow: var(--hmf-soft-shadow);
}
.quickview-container .hmf-display-none {
  display: none;
}
.quickview-container .hmf-display-inline {
  display: inline;
}
.quickview-container .hmf-display-inline-block {
  display: inline-block;
}
.quickview-container .hmf-display-block {
  display: block;
}
.quickview-container .hmf-display-table {
  display: table;
}
.quickview-container .hmf-display-table-cell {
  display: table-cell;
}
.quickview-container .hmf-display-table-row {
  display: table-row;
}
.quickview-container .hmf-display-flex {
  display: flex;
}
.quickview-container .hmf-display-inline-flex {
  display: inline-flex;
}
.quickview-container .hmf-display-none {
  display: none;
}
.quickview-container .hmf-display-inline {
  display: inline;
}
.quickview-container .hmf-display-inline-block {
  display: inline-block;
}
.quickview-container .hmf-display-block {
  display: block;
}
.quickview-container .hmf-display-table {
  display: table;
}
.quickview-container .hmf-display-table-cell {
  display: table-cell;
}
.quickview-container .hmf-display-table-row {
  display: table-row;
}
.quickview-container .hmf-display-flex {
  display: flex;
}
.quickview-container .hmf-display-inline-flex {
  display: inline-flex;
}
@media (min-width: 375px) {
  .quickview-container .hmf-display-s-none {
    display: none;
  }
  .quickview-container .hmf-display-s-inline {
    display: inline;
  }
  .quickview-container .hmf-display-s-inline-block {
    display: inline-block;
  }
  .quickview-container .hmf-display-s-block {
    display: block;
  }
  .quickview-container .hmf-display-s-table {
    display: table;
  }
  .quickview-container .hmf-display-s-table-cell {
    display: table-cell;
  }
  .quickview-container .hmf-display-s-table-row {
    display: table-row;
  }
  .quickview-container .hmf-display-s-flex {
    display: flex;
  }
  .quickview-container .hmf-display-s-inline-flex {
    display: inline-flex;
  }
}
@media (min-width: 375px) {
  .quickview-container .hmf-display-xsm-none {
    display: none;
  }
  .quickview-container .hmf-display-xsm-inline {
    display: inline;
  }
  .quickview-container .hmf-display-xsm-inline-block {
    display: inline-block;
  }
  .quickview-container .hmf-display-xsm-block {
    display: block;
  }
  .quickview-container .hmf-display-xsm-table {
    display: table;
  }
  .quickview-container .hmf-display-xsm-table-cell {
    display: table-cell;
  }
  .quickview-container .hmf-display-xsm-table-row {
    display: table-row;
  }
  .quickview-container .hmf-display-xsm-flex {
    display: flex;
  }
  .quickview-container .hmf-display-xsm-inline-flex {
    display: inline-flex;
  }
}
@media (min-width: 480px) {
  .quickview-container .hmf-display-sm-none {
    display: none;
  }
  .quickview-container .hmf-display-sm-inline {
    display: inline;
  }
  .quickview-container .hmf-display-sm-inline-block {
    display: inline-block;
  }
  .quickview-container .hmf-display-sm-block {
    display: block;
  }
  .quickview-container .hmf-display-sm-table {
    display: table;
  }
  .quickview-container .hmf-display-sm-table-cell {
    display: table-cell;
  }
  .quickview-container .hmf-display-sm-table-row {
    display: table-row;
  }
  .quickview-container .hmf-display-sm-flex {
    display: flex;
  }
  .quickview-container .hmf-display-sm-inline-flex {
    display: inline-flex;
  }
}
@media (min-width: 768px) {
  .quickview-container .hmf-display-m-none {
    display: none;
  }
  .quickview-container .hmf-display-m-inline {
    display: inline;
  }
  .quickview-container .hmf-display-m-inline-block {
    display: inline-block;
  }
  .quickview-container .hmf-display-m-block {
    display: block;
  }
  .quickview-container .hmf-display-m-table {
    display: table;
  }
  .quickview-container .hmf-display-m-table-cell {
    display: table-cell;
  }
  .quickview-container .hmf-display-m-table-row {
    display: table-row;
  }
  .quickview-container .hmf-display-m-flex {
    display: flex;
  }
  .quickview-container .hmf-display-m-inline-flex {
    display: inline-flex;
  }
}
@media (min-width: 768px) {
  .quickview-container .hmf-display-md-none {
    display: none;
  }
  .quickview-container .hmf-display-md-inline {
    display: inline;
  }
  .quickview-container .hmf-display-md-inline-block {
    display: inline-block;
  }
  .quickview-container .hmf-display-md-block {
    display: block;
  }
  .quickview-container .hmf-display-md-table {
    display: table;
  }
  .quickview-container .hmf-display-md-table-cell {
    display: table-cell;
  }
  .quickview-container .hmf-display-md-table-row {
    display: table-row;
  }
  .quickview-container .hmf-display-md-flex {
    display: flex;
  }
  .quickview-container .hmf-display-md-inline-flex {
    display: inline-flex;
  }
}
@media (min-width: 1024px) {
  .quickview-container .hmf-display-lg-none {
    display: none;
  }
  .quickview-container .hmf-display-lg-inline {
    display: inline;
  }
  .quickview-container .hmf-display-lg-inline-block {
    display: inline-block;
  }
  .quickview-container .hmf-display-lg-block {
    display: block;
  }
  .quickview-container .hmf-display-lg-table {
    display: table;
  }
  .quickview-container .hmf-display-lg-table-cell {
    display: table-cell;
  }
  .quickview-container .hmf-display-lg-table-row {
    display: table-row;
  }
  .quickview-container .hmf-display-lg-flex {
    display: flex;
  }
  .quickview-container .hmf-display-lg-inline-flex {
    display: inline-flex;
  }
}
@media (min-width: 1280px) {
  .quickview-container .hmf-display-l-none {
    display: none;
  }
  .quickview-container .hmf-display-l-inline {
    display: inline;
  }
  .quickview-container .hmf-display-l-inline-block {
    display: inline-block;
  }
  .quickview-container .hmf-display-l-block {
    display: block;
  }
  .quickview-container .hmf-display-l-table {
    display: table;
  }
  .quickview-container .hmf-display-l-table-cell {
    display: table-cell;
  }
  .quickview-container .hmf-display-l-table-row {
    display: table-row;
  }
  .quickview-container .hmf-display-l-flex {
    display: flex;
  }
  .quickview-container .hmf-display-l-inline-flex {
    display: inline-flex;
  }
}
@media (min-width: 1280px) {
  .quickview-container .hmf-display-xlg-none {
    display: none;
  }
  .quickview-container .hmf-display-xlg-inline {
    display: inline;
  }
  .quickview-container .hmf-display-xlg-inline-block {
    display: inline-block;
  }
  .quickview-container .hmf-display-xlg-block {
    display: block;
  }
  .quickview-container .hmf-display-xlg-table {
    display: table;
  }
  .quickview-container .hmf-display-xlg-table-cell {
    display: table-cell;
  }
  .quickview-container .hmf-display-xlg-table-row {
    display: table-row;
  }
  .quickview-container .hmf-display-xlg-flex {
    display: flex;
  }
  .quickview-container .hmf-display-xlg-inline-flex {
    display: inline-flex;
  }
}
@media (min-width: 1440px) {
  .quickview-container .hmf-display-xl-none {
    display: none;
  }
  .quickview-container .hmf-display-xl-inline {
    display: inline;
  }
  .quickview-container .hmf-display-xl-inline-block {
    display: inline-block;
  }
  .quickview-container .hmf-display-xl-block {
    display: block;
  }
  .quickview-container .hmf-display-xl-table {
    display: table;
  }
  .quickview-container .hmf-display-xl-table-cell {
    display: table-cell;
  }
  .quickview-container .hmf-display-xl-table-row {
    display: table-row;
  }
  .quickview-container .hmf-display-xl-flex {
    display: flex;
  }
  .quickview-container .hmf-display-xl-inline-flex {
    display: inline-flex;
  }
}
@media (min-width: 1440px) {
  .quickview-container .hmf-display-xxlg-none {
    display: none;
  }
  .quickview-container .hmf-display-xxlg-inline {
    display: inline;
  }
  .quickview-container .hmf-display-xxlg-inline-block {
    display: inline-block;
  }
  .quickview-container .hmf-display-xxlg-block {
    display: block;
  }
  .quickview-container .hmf-display-xxlg-table {
    display: table;
  }
  .quickview-container .hmf-display-xxlg-table-cell {
    display: table-cell;
  }
  .quickview-container .hmf-display-xxlg-table-row {
    display: table-row;
  }
  .quickview-container .hmf-display-xxlg-flex {
    display: flex;
  }
  .quickview-container .hmf-display-xxlg-inline-flex {
    display: inline-flex;
  }
}
.quickview-container .hmf-position-static {
  position: static;
}
.quickview-container .hmf-position-relative {
  position: relative;
}
.quickview-container .hmf-position-absolute {
  position: absolute;
}
.quickview-container .hmf-position-fixed {
  position: fixed;
}
.quickview-container .hmf-position-sticky {
  position: sticky;
}
.quickview-container .hmf-position-static {
  position: static;
}
.quickview-container .hmf-position-relative {
  position: relative;
}
.quickview-container .hmf-position-absolute {
  position: absolute;
}
.quickview-container .hmf-position-fixed {
  position: fixed;
}
.quickview-container .hmf-position-sticky {
  position: sticky;
}
@media (min-width: 375px) {
  .quickview-container .hmf-position-s-static {
    position: static;
  }
  .quickview-container .hmf-position-s-relative {
    position: relative;
  }
  .quickview-container .hmf-position-s-absolute {
    position: absolute;
  }
  .quickview-container .hmf-position-s-fixed {
    position: fixed;
  }
  .quickview-container .hmf-position-s-sticky {
    position: sticky;
  }
}
@media (min-width: 375px) {
  .quickview-container .hmf-position-xsm-static {
    position: static;
  }
  .quickview-container .hmf-position-xsm-relative {
    position: relative;
  }
  .quickview-container .hmf-position-xsm-absolute {
    position: absolute;
  }
  .quickview-container .hmf-position-xsm-fixed {
    position: fixed;
  }
  .quickview-container .hmf-position-xsm-sticky {
    position: sticky;
  }
}
@media (min-width: 480px) {
  .quickview-container .hmf-position-sm-static {
    position: static;
  }
  .quickview-container .hmf-position-sm-relative {
    position: relative;
  }
  .quickview-container .hmf-position-sm-absolute {
    position: absolute;
  }
  .quickview-container .hmf-position-sm-fixed {
    position: fixed;
  }
  .quickview-container .hmf-position-sm-sticky {
    position: sticky;
  }
}
@media (min-width: 768px) {
  .quickview-container .hmf-position-m-static {
    position: static;
  }
  .quickview-container .hmf-position-m-relative {
    position: relative;
  }
  .quickview-container .hmf-position-m-absolute {
    position: absolute;
  }
  .quickview-container .hmf-position-m-fixed {
    position: fixed;
  }
  .quickview-container .hmf-position-m-sticky {
    position: sticky;
  }
}
@media (min-width: 768px) {
  .quickview-container .hmf-position-md-static {
    position: static;
  }
  .quickview-container .hmf-position-md-relative {
    position: relative;
  }
  .quickview-container .hmf-position-md-absolute {
    position: absolute;
  }
  .quickview-container .hmf-position-md-fixed {
    position: fixed;
  }
  .quickview-container .hmf-position-md-sticky {
    position: sticky;
  }
}
@media (min-width: 1024px) {
  .quickview-container .hmf-position-lg-static {
    position: static;
  }
  .quickview-container .hmf-position-lg-relative {
    position: relative;
  }
  .quickview-container .hmf-position-lg-absolute {
    position: absolute;
  }
  .quickview-container .hmf-position-lg-fixed {
    position: fixed;
  }
  .quickview-container .hmf-position-lg-sticky {
    position: sticky;
  }
}
@media (min-width: 1280px) {
  .quickview-container .hmf-position-l-static {
    position: static;
  }
  .quickview-container .hmf-position-l-relative {
    position: relative;
  }
  .quickview-container .hmf-position-l-absolute {
    position: absolute;
  }
  .quickview-container .hmf-position-l-fixed {
    position: fixed;
  }
  .quickview-container .hmf-position-l-sticky {
    position: sticky;
  }
}
@media (min-width: 1280px) {
  .quickview-container .hmf-position-xlg-static {
    position: static;
  }
  .quickview-container .hmf-position-xlg-relative {
    position: relative;
  }
  .quickview-container .hmf-position-xlg-absolute {
    position: absolute;
  }
  .quickview-container .hmf-position-xlg-fixed {
    position: fixed;
  }
  .quickview-container .hmf-position-xlg-sticky {
    position: sticky;
  }
}
@media (min-width: 1440px) {
  .quickview-container .hmf-position-xl-static {
    position: static;
  }
  .quickview-container .hmf-position-xl-relative {
    position: relative;
  }
  .quickview-container .hmf-position-xl-absolute {
    position: absolute;
  }
  .quickview-container .hmf-position-xl-fixed {
    position: fixed;
  }
  .quickview-container .hmf-position-xl-sticky {
    position: sticky;
  }
}
@media (min-width: 1440px) {
  .quickview-container .hmf-position-xxlg-static {
    position: static;
  }
  .quickview-container .hmf-position-xxlg-relative {
    position: relative;
  }
  .quickview-container .hmf-position-xxlg-absolute {
    position: absolute;
  }
  .quickview-container .hmf-position-xxlg-fixed {
    position: fixed;
  }
  .quickview-container .hmf-position-xxlg-sticky {
    position: sticky;
  }
}
.quickview-container .hmf-flex-row {
  display: flex;
  flex-direction: row;
}
.quickview-container .hmf-flex-col {
  display: flex;
  flex-direction: column;
}
.quickview-container .hmf-flex-column {
  display: flex;
  flex-direction: column;
}
.quickview-container .hmf-flex-row-reverse {
  flex-direction: row-reverse;
}
.quickview-container .hmf-flex-col-reverse {
  flex-direction: column-reverse;
}
.quickview-container .hmf-flex-column-reverse {
  flex-direction: column-reverse;
}
.quickview-container .hmf-flex-wrap {
  flex-wrap: wrap;
}
.quickview-container .hmf-flex-nowrap {
  flex-wrap: nowrap;
}
.quickview-container .hmf-flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.quickview-container .hmf-flex-fill {
  flex: 1 1 auto;
}
.quickview-container .hmf-flex-grow-none {
  flex-grow: 0;
}
.quickview-container .hmf-flex-grow {
  flex-grow: 1;
}
.quickview-container .hmf-flex-shrink-none {
  flex-shrink: 0;
}
.quickview-container .hmf-flex-shrink {
  flex-shrink: 1;
}
.quickview-container .hmf-justify-content-flex-start {
  justify-content: flex-start;
}
.quickview-container .hmf-justify-content-flex-end {
  justify-content: flex-end;
}
.quickview-container .hmf-justify-content-center {
  justify-content: center;
}
.quickview-container .hmf-justify-content-between {
  justify-content: space-between;
}
.quickview-container .hmf-justify-content-around {
  justify-content: space-around;
}
.quickview-container .hmf-justify-content-evenly {
  -webkit-box-pack: justify;
  -ms-flex-pack: distribute;
  justify-content: space-evenly;
}
.quickview-container .hmf-justify-content-start {
  justify-content: start;
}
.quickview-container .hmf-justify-content-end {
  justify-content: end;
}
.quickview-container .hmf-justify-content-left {
  justify-content: left;
}
.quickview-container .hmf-justify-content-right {
  justify-content: right;
}
.quickview-container .hmf-align-items-flex-start {
  align-items: flex-start;
}
.quickview-container .hmf-align-items-flex-end {
  align-items: flex-end;
}
.quickview-container .hmf-align-items-center {
  align-items: center;
}
.quickview-container .hmf-align-items-baseline {
  align-items: baseline;
}
.quickview-container .hmf-align-items-stretch {
  align-items: stretch;
}
.quickview-container .hmf-align-items-self-start {
  align-items: self-start;
}
.quickview-container .hmf-align-items-self-end {
  align-items: self-start;
}
.quickview-container .hmf-align-content-start {
  align-content: flex-start;
}
.quickview-container .hmf-align-content-end {
  align-content: flex-end;
}
.quickview-container .hmf-align-content-center {
  align-content: center;
}
.quickview-container .hmf-align-content-between {
  align-content: space-between;
}
.quickview-container .hmf-align-content-around {
  align-content: space-around;
}
.quickview-container .hmf-align-content-evenly {
  align-content: space-evenly;
}
.quickview-container .hmf-align-content-stretch {
  align-content: stretch;
}
.quickview-container .hmf-align-self-auto {
  align-self: auto;
}
.quickview-container .hmf-align-self-start {
  align-self: flex-start;
}
.quickview-container .hmf-align-self-end {
  align-self: flex-end;
}
.quickview-container .hmf-align-self-center {
  align-self: center;
}
.quickview-container .hmf-align-self-baseline {
  align-self: baseline;
}
.quickview-container .hmf-align-self-stretch {
  align-self: stretch;
}
.quickview-container .hmf-flex-row {
  display: flex;
  flex-direction: row;
}
.quickview-container .hmf-flex-col {
  display: flex;
  flex-direction: column;
}
.quickview-container .hmf-flex-column {
  display: flex;
  flex-direction: column;
}
.quickview-container .hmf-flex-row-reverse {
  flex-direction: row-reverse;
}
.quickview-container .hmf-flex-col-reverse {
  flex-direction: column-reverse;
}
.quickview-container .hmf-flex-column-reverse {
  flex-direction: column-reverse;
}
.quickview-container .hmf-flex-wrap {
  flex-wrap: wrap;
}
.quickview-container .hmf-flex-nowrap {
  flex-wrap: nowrap;
}
.quickview-container .hmf-flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.quickview-container .hmf-flex-fill {
  flex: 1 1 auto;
}
.quickview-container .hmf-flex-grow-none {
  flex-grow: 0;
}
.quickview-container .hmf-flex-grow {
  flex-grow: 1;
}
.quickview-container .hmf-flex-shrink-none {
  flex-shrink: 0;
}
.quickview-container .hmf-flex-shrink {
  flex-shrink: 1;
}
.quickview-container .hmf-justify-content-flex-start {
  justify-content: flex-start;
}
.quickview-container .hmf-justify-content-flex-end {
  justify-content: flex-end;
}
.quickview-container .hmf-justify-content-center {
  justify-content: center;
}
.quickview-container .hmf-justify-content-between {
  justify-content: space-between;
}
.quickview-container .hmf-justify-content-around {
  justify-content: space-around;
}
.quickview-container .hmf-justify-content-evenly {
  -webkit-box-pack: justify;
  -ms-flex-pack: distribute;
  justify-content: space-evenly;
}
.quickview-container .hmf-justify-content-start {
  justify-content: start;
}
.quickview-container .hmf-justify-content-end {
  justify-content: end;
}
.quickview-container .hmf-justify-content-left {
  justify-content: left;
}
.quickview-container .hmf-justify-content-right {
  justify-content: right;
}
.quickview-container .hmf-align-items-flex-start {
  align-items: flex-start;
}
.quickview-container .hmf-align-items-flex-end {
  align-items: flex-end;
}
.quickview-container .hmf-align-items-center {
  align-items: center;
}
.quickview-container .hmf-align-items-baseline {
  align-items: baseline;
}
.quickview-container .hmf-align-items-stretch {
  align-items: stretch;
}
.quickview-container .hmf-align-items-self-start {
  align-items: self-start;
}
.quickview-container .hmf-align-items-self-end {
  align-items: self-start;
}
.quickview-container .hmf-align-content-start {
  align-content: flex-start;
}
.quickview-container .hmf-align-content-end {
  align-content: flex-end;
}
.quickview-container .hmf-align-content-center {
  align-content: center;
}
.quickview-container .hmf-align-content-between {
  align-content: space-between;
}
.quickview-container .hmf-align-content-around {
  align-content: space-around;
}
.quickview-container .hmf-align-content-evenly {
  align-content: space-evenly;
}
.quickview-container .hmf-align-content-stretch {
  align-content: stretch;
}
.quickview-container .hmf-align-self-auto {
  align-self: auto;
}
.quickview-container .hmf-align-self-start {
  align-self: flex-start;
}
.quickview-container .hmf-align-self-end {
  align-self: flex-end;
}
.quickview-container .hmf-align-self-center {
  align-self: center;
}
.quickview-container .hmf-align-self-baseline {
  align-self: baseline;
}
.quickview-container .hmf-align-self-stretch {
  align-self: stretch;
}
@media (min-width: 375px) {
  .quickview-container .hmf-flex-s-row {
    display: flex;
    flex-direction: row;
  }
  .quickview-container .hmf-flex-s-col {
    display: flex;
    flex-direction: column;
  }
  .quickview-container .hmf-flex-s-column {
    display: flex;
    flex-direction: column;
  }
  .quickview-container .hmf-flex-s-row-reverse {
    flex-direction: row-reverse;
  }
  .quickview-container .hmf-flex-s-col-reverse {
    flex-direction: column-reverse;
  }
  .quickview-container .hmf-flex-s-column-reverse {
    flex-direction: column-reverse;
  }
  .quickview-container .hmf-flex-s-wrap {
    flex-wrap: wrap;
  }
  .quickview-container .hmf-flex-s-nowrap {
    flex-wrap: nowrap;
  }
  .quickview-container .hmf-flex-s-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .quickview-container .hmf-flex-s-fill {
    flex: 1 1 auto;
  }
  .quickview-container .hmf-flex-s-grow-none {
    flex-grow: 0;
  }
  .quickview-container .hmf-flex-s-grow {
    flex-grow: 1;
  }
  .quickview-container .hmf-flex-s-shrink-none {
    flex-shrink: 0;
  }
  .quickview-container .hmf-flex-s-shrink {
    flex-shrink: 1;
  }
  .quickview-container .hmf-justify-content-s-flex-start {
    justify-content: flex-start;
  }
  .quickview-container .hmf-justify-content-s-flex-end {
    justify-content: flex-end;
  }
  .quickview-container .hmf-justify-content-s-center {
    justify-content: center;
  }
  .quickview-container .hmf-justify-content-s-between {
    justify-content: space-between;
  }
  .quickview-container .hmf-justify-content-s-around {
    justify-content: space-around;
  }
  .quickview-container .hmf-justify-content-s-evenly {
    -webkit-box-pack: justify;
    -ms-flex-pack: distribute;
    justify-content: space-evenly;
  }
  .quickview-container .hmf-justify-content-s-start {
    justify-content: start;
  }
  .quickview-container .hmf-justify-content-s-end {
    justify-content: end;
  }
  .quickview-container .hmf-justify-content-s-left {
    justify-content: left;
  }
  .quickview-container .hmf-justify-content-s-right {
    justify-content: right;
  }
  .quickview-container .hmf-align-items-s-flex-start {
    align-items: flex-start;
  }
  .quickview-container .hmf-align-items-s-flex-end {
    align-items: flex-end;
  }
  .quickview-container .hmf-align-items-s-center {
    align-items: center;
  }
  .quickview-container .hmf-align-items-s-baseline {
    align-items: baseline;
  }
  .quickview-container .hmf-align-items-s-stretch {
    align-items: stretch;
  }
  .quickview-container .hmf-align-items-s-self-start {
    align-items: self-start;
  }
  .quickview-container .hmf-align-items-s-self-end {
    align-items: self-start;
  }
  .quickview-container .hmf-align-content-s-start {
    align-content: flex-start;
  }
  .quickview-container .hmf-align-content-s-end {
    align-content: flex-end;
  }
  .quickview-container .hmf-align-content-s-center {
    align-content: center;
  }
  .quickview-container .hmf-align-content-s-between {
    align-content: space-between;
  }
  .quickview-container .hmf-align-content-s-around {
    align-content: space-around;
  }
  .quickview-container .hmf-align-content-s-evenly {
    align-content: space-evenly;
  }
  .quickview-container .hmf-align-content-s-stretch {
    align-content: stretch;
  }
  .quickview-container .hmf-align-self-s-auto {
    align-self: auto;
  }
  .quickview-container .hmf-align-self-s-start {
    align-self: flex-start;
  }
  .quickview-container .hmf-align-self-s-end {
    align-self: flex-end;
  }
  .quickview-container .hmf-align-self-s-center {
    align-self: center;
  }
  .quickview-container .hmf-align-self-s-baseline {
    align-self: baseline;
  }
  .quickview-container .hmf-align-self-s-stretch {
    align-self: stretch;
  }
}
@media (min-width: 375px) {
  .quickview-container .hmf-flex-xsm-row {
    display: flex;
    flex-direction: row;
  }
  .quickview-container .hmf-flex-xsm-col {
    display: flex;
    flex-direction: column;
  }
  .quickview-container .hmf-flex-xsm-column {
    display: flex;
    flex-direction: column;
  }
  .quickview-container .hmf-flex-xsm-row-reverse {
    flex-direction: row-reverse;
  }
  .quickview-container .hmf-flex-xsm-col-reverse {
    flex-direction: column-reverse;
  }
  .quickview-container .hmf-flex-xsm-column-reverse {
    flex-direction: column-reverse;
  }
  .quickview-container .hmf-flex-xsm-wrap {
    flex-wrap: wrap;
  }
  .quickview-container .hmf-flex-xsm-nowrap {
    flex-wrap: nowrap;
  }
  .quickview-container .hmf-flex-xsm-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .quickview-container .hmf-flex-xsm-fill {
    flex: 1 1 auto;
  }
  .quickview-container .hmf-flex-xsm-grow-none {
    flex-grow: 0;
  }
  .quickview-container .hmf-flex-xsm-grow {
    flex-grow: 1;
  }
  .quickview-container .hmf-flex-xsm-shrink-none {
    flex-shrink: 0;
  }
  .quickview-container .hmf-flex-xsm-shrink {
    flex-shrink: 1;
  }
  .quickview-container .hmf-justify-content-xsm-flex-start {
    justify-content: flex-start;
  }
  .quickview-container .hmf-justify-content-xsm-flex-end {
    justify-content: flex-end;
  }
  .quickview-container .hmf-justify-content-xsm-center {
    justify-content: center;
  }
  .quickview-container .hmf-justify-content-xsm-between {
    justify-content: space-between;
  }
  .quickview-container .hmf-justify-content-xsm-around {
    justify-content: space-around;
  }
  .quickview-container .hmf-justify-content-xsm-evenly {
    -webkit-box-pack: justify;
    -ms-flex-pack: distribute;
    justify-content: space-evenly;
  }
  .quickview-container .hmf-justify-content-xsm-start {
    justify-content: start;
  }
  .quickview-container .hmf-justify-content-xsm-end {
    justify-content: end;
  }
  .quickview-container .hmf-justify-content-xsm-left {
    justify-content: left;
  }
  .quickview-container .hmf-justify-content-xsm-right {
    justify-content: right;
  }
  .quickview-container .hmf-align-items-xsm-flex-start {
    align-items: flex-start;
  }
  .quickview-container .hmf-align-items-xsm-flex-end {
    align-items: flex-end;
  }
  .quickview-container .hmf-align-items-xsm-center {
    align-items: center;
  }
  .quickview-container .hmf-align-items-xsm-baseline {
    align-items: baseline;
  }
  .quickview-container .hmf-align-items-xsm-stretch {
    align-items: stretch;
  }
  .quickview-container .hmf-align-items-xsm-self-start {
    align-items: self-start;
  }
  .quickview-container .hmf-align-items-xsm-self-end {
    align-items: self-start;
  }
  .quickview-container .hmf-align-content-xsm-start {
    align-content: flex-start;
  }
  .quickview-container .hmf-align-content-xsm-end {
    align-content: flex-end;
  }
  .quickview-container .hmf-align-content-xsm-center {
    align-content: center;
  }
  .quickview-container .hmf-align-content-xsm-between {
    align-content: space-between;
  }
  .quickview-container .hmf-align-content-xsm-around {
    align-content: space-around;
  }
  .quickview-container .hmf-align-content-xsm-evenly {
    align-content: space-evenly;
  }
  .quickview-container .hmf-align-content-xsm-stretch {
    align-content: stretch;
  }
  .quickview-container .hmf-align-self-xsm-auto {
    align-self: auto;
  }
  .quickview-container .hmf-align-self-xsm-start {
    align-self: flex-start;
  }
  .quickview-container .hmf-align-self-xsm-end {
    align-self: flex-end;
  }
  .quickview-container .hmf-align-self-xsm-center {
    align-self: center;
  }
  .quickview-container .hmf-align-self-xsm-baseline {
    align-self: baseline;
  }
  .quickview-container .hmf-align-self-xsm-stretch {
    align-self: stretch;
  }
}
@media (min-width: 480px) {
  .quickview-container .hmf-flex-sm-row {
    display: flex;
    flex-direction: row;
  }
  .quickview-container .hmf-flex-sm-col {
    display: flex;
    flex-direction: column;
  }
  .quickview-container .hmf-flex-sm-column {
    display: flex;
    flex-direction: column;
  }
  .quickview-container .hmf-flex-sm-row-reverse {
    flex-direction: row-reverse;
  }
  .quickview-container .hmf-flex-sm-col-reverse {
    flex-direction: column-reverse;
  }
  .quickview-container .hmf-flex-sm-column-reverse {
    flex-direction: column-reverse;
  }
  .quickview-container .hmf-flex-sm-wrap {
    flex-wrap: wrap;
  }
  .quickview-container .hmf-flex-sm-nowrap {
    flex-wrap: nowrap;
  }
  .quickview-container .hmf-flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .quickview-container .hmf-flex-sm-fill {
    flex: 1 1 auto;
  }
  .quickview-container .hmf-flex-sm-grow-none {
    flex-grow: 0;
  }
  .quickview-container .hmf-flex-sm-grow {
    flex-grow: 1;
  }
  .quickview-container .hmf-flex-sm-shrink-none {
    flex-shrink: 0;
  }
  .quickview-container .hmf-flex-sm-shrink {
    flex-shrink: 1;
  }
  .quickview-container .hmf-justify-content-sm-flex-start {
    justify-content: flex-start;
  }
  .quickview-container .hmf-justify-content-sm-flex-end {
    justify-content: flex-end;
  }
  .quickview-container .hmf-justify-content-sm-center {
    justify-content: center;
  }
  .quickview-container .hmf-justify-content-sm-between {
    justify-content: space-between;
  }
  .quickview-container .hmf-justify-content-sm-around {
    justify-content: space-around;
  }
  .quickview-container .hmf-justify-content-sm-evenly {
    -webkit-box-pack: justify;
    -ms-flex-pack: distribute;
    justify-content: space-evenly;
  }
  .quickview-container .hmf-justify-content-sm-start {
    justify-content: start;
  }
  .quickview-container .hmf-justify-content-sm-end {
    justify-content: end;
  }
  .quickview-container .hmf-justify-content-sm-left {
    justify-content: left;
  }
  .quickview-container .hmf-justify-content-sm-right {
    justify-content: right;
  }
  .quickview-container .hmf-align-items-sm-flex-start {
    align-items: flex-start;
  }
  .quickview-container .hmf-align-items-sm-flex-end {
    align-items: flex-end;
  }
  .quickview-container .hmf-align-items-sm-center {
    align-items: center;
  }
  .quickview-container .hmf-align-items-sm-baseline {
    align-items: baseline;
  }
  .quickview-container .hmf-align-items-sm-stretch {
    align-items: stretch;
  }
  .quickview-container .hmf-align-items-sm-self-start {
    align-items: self-start;
  }
  .quickview-container .hmf-align-items-sm-self-end {
    align-items: self-start;
  }
  .quickview-container .hmf-align-content-sm-start {
    align-content: flex-start;
  }
  .quickview-container .hmf-align-content-sm-end {
    align-content: flex-end;
  }
  .quickview-container .hmf-align-content-sm-center {
    align-content: center;
  }
  .quickview-container .hmf-align-content-sm-between {
    align-content: space-between;
  }
  .quickview-container .hmf-align-content-sm-around {
    align-content: space-around;
  }
  .quickview-container .hmf-align-content-sm-evenly {
    align-content: space-evenly;
  }
  .quickview-container .hmf-align-content-sm-stretch {
    align-content: stretch;
  }
  .quickview-container .hmf-align-self-sm-auto {
    align-self: auto;
  }
  .quickview-container .hmf-align-self-sm-start {
    align-self: flex-start;
  }
  .quickview-container .hmf-align-self-sm-end {
    align-self: flex-end;
  }
  .quickview-container .hmf-align-self-sm-center {
    align-self: center;
  }
  .quickview-container .hmf-align-self-sm-baseline {
    align-self: baseline;
  }
  .quickview-container .hmf-align-self-sm-stretch {
    align-self: stretch;
  }
}
@media (min-width: 768px) {
  .quickview-container .hmf-flex-m-row {
    display: flex;
    flex-direction: row;
  }
  .quickview-container .hmf-flex-m-col {
    display: flex;
    flex-direction: column;
  }
  .quickview-container .hmf-flex-m-column {
    display: flex;
    flex-direction: column;
  }
  .quickview-container .hmf-flex-m-row-reverse {
    flex-direction: row-reverse;
  }
  .quickview-container .hmf-flex-m-col-reverse {
    flex-direction: column-reverse;
  }
  .quickview-container .hmf-flex-m-column-reverse {
    flex-direction: column-reverse;
  }
  .quickview-container .hmf-flex-m-wrap {
    flex-wrap: wrap;
  }
  .quickview-container .hmf-flex-m-nowrap {
    flex-wrap: nowrap;
  }
  .quickview-container .hmf-flex-m-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .quickview-container .hmf-flex-m-fill {
    flex: 1 1 auto;
  }
  .quickview-container .hmf-flex-m-grow-none {
    flex-grow: 0;
  }
  .quickview-container .hmf-flex-m-grow {
    flex-grow: 1;
  }
  .quickview-container .hmf-flex-m-shrink-none {
    flex-shrink: 0;
  }
  .quickview-container .hmf-flex-m-shrink {
    flex-shrink: 1;
  }
  .quickview-container .hmf-justify-content-m-flex-start {
    justify-content: flex-start;
  }
  .quickview-container .hmf-justify-content-m-flex-end {
    justify-content: flex-end;
  }
  .quickview-container .hmf-justify-content-m-center {
    justify-content: center;
  }
  .quickview-container .hmf-justify-content-m-between {
    justify-content: space-between;
  }
  .quickview-container .hmf-justify-content-m-around {
    justify-content: space-around;
  }
  .quickview-container .hmf-justify-content-m-evenly {
    -webkit-box-pack: justify;
    -ms-flex-pack: distribute;
    justify-content: space-evenly;
  }
  .quickview-container .hmf-justify-content-m-start {
    justify-content: start;
  }
  .quickview-container .hmf-justify-content-m-end {
    justify-content: end;
  }
  .quickview-container .hmf-justify-content-m-left {
    justify-content: left;
  }
  .quickview-container .hmf-justify-content-m-right {
    justify-content: right;
  }
  .quickview-container .hmf-align-items-m-flex-start {
    align-items: flex-start;
  }
  .quickview-container .hmf-align-items-m-flex-end {
    align-items: flex-end;
  }
  .quickview-container .hmf-align-items-m-center {
    align-items: center;
  }
  .quickview-container .hmf-align-items-m-baseline {
    align-items: baseline;
  }
  .quickview-container .hmf-align-items-m-stretch {
    align-items: stretch;
  }
  .quickview-container .hmf-align-items-m-self-start {
    align-items: self-start;
  }
  .quickview-container .hmf-align-items-m-self-end {
    align-items: self-start;
  }
  .quickview-container .hmf-align-content-m-start {
    align-content: flex-start;
  }
  .quickview-container .hmf-align-content-m-end {
    align-content: flex-end;
  }
  .quickview-container .hmf-align-content-m-center {
    align-content: center;
  }
  .quickview-container .hmf-align-content-m-between {
    align-content: space-between;
  }
  .quickview-container .hmf-align-content-m-around {
    align-content: space-around;
  }
  .quickview-container .hmf-align-content-m-evenly {
    align-content: space-evenly;
  }
  .quickview-container .hmf-align-content-m-stretch {
    align-content: stretch;
  }
  .quickview-container .hmf-align-self-m-auto {
    align-self: auto;
  }
  .quickview-container .hmf-align-self-m-start {
    align-self: flex-start;
  }
  .quickview-container .hmf-align-self-m-end {
    align-self: flex-end;
  }
  .quickview-container .hmf-align-self-m-center {
    align-self: center;
  }
  .quickview-container .hmf-align-self-m-baseline {
    align-self: baseline;
  }
  .quickview-container .hmf-align-self-m-stretch {
    align-self: stretch;
  }
}
@media (min-width: 768px) {
  .quickview-container .hmf-flex-md-row {
    display: flex;
    flex-direction: row;
  }
  .quickview-container .hmf-flex-md-col {
    display: flex;
    flex-direction: column;
  }
  .quickview-container .hmf-flex-md-column {
    display: flex;
    flex-direction: column;
  }
  .quickview-container .hmf-flex-md-row-reverse {
    flex-direction: row-reverse;
  }
  .quickview-container .hmf-flex-md-col-reverse {
    flex-direction: column-reverse;
  }
  .quickview-container .hmf-flex-md-column-reverse {
    flex-direction: column-reverse;
  }
  .quickview-container .hmf-flex-md-wrap {
    flex-wrap: wrap;
  }
  .quickview-container .hmf-flex-md-nowrap {
    flex-wrap: nowrap;
  }
  .quickview-container .hmf-flex-md-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .quickview-container .hmf-flex-md-fill {
    flex: 1 1 auto;
  }
  .quickview-container .hmf-flex-md-grow-none {
    flex-grow: 0;
  }
  .quickview-container .hmf-flex-md-grow {
    flex-grow: 1;
  }
  .quickview-container .hmf-flex-md-shrink-none {
    flex-shrink: 0;
  }
  .quickview-container .hmf-flex-md-shrink {
    flex-shrink: 1;
  }
  .quickview-container .hmf-justify-content-md-flex-start {
    justify-content: flex-start;
  }
  .quickview-container .hmf-justify-content-md-flex-end {
    justify-content: flex-end;
  }
  .quickview-container .hmf-justify-content-md-center {
    justify-content: center;
  }
  .quickview-container .hmf-justify-content-md-between {
    justify-content: space-between;
  }
  .quickview-container .hmf-justify-content-md-around {
    justify-content: space-around;
  }
  .quickview-container .hmf-justify-content-md-evenly {
    -webkit-box-pack: justify;
    -ms-flex-pack: distribute;
    justify-content: space-evenly;
  }
  .quickview-container .hmf-justify-content-md-start {
    justify-content: start;
  }
  .quickview-container .hmf-justify-content-md-end {
    justify-content: end;
  }
  .quickview-container .hmf-justify-content-md-left {
    justify-content: left;
  }
  .quickview-container .hmf-justify-content-md-right {
    justify-content: right;
  }
  .quickview-container .hmf-align-items-md-flex-start {
    align-items: flex-start;
  }
  .quickview-container .hmf-align-items-md-flex-end {
    align-items: flex-end;
  }
  .quickview-container .hmf-align-items-md-center {
    align-items: center;
  }
  .quickview-container .hmf-align-items-md-baseline {
    align-items: baseline;
  }
  .quickview-container .hmf-align-items-md-stretch {
    align-items: stretch;
  }
  .quickview-container .hmf-align-items-md-self-start {
    align-items: self-start;
  }
  .quickview-container .hmf-align-items-md-self-end {
    align-items: self-start;
  }
  .quickview-container .hmf-align-content-md-start {
    align-content: flex-start;
  }
  .quickview-container .hmf-align-content-md-end {
    align-content: flex-end;
  }
  .quickview-container .hmf-align-content-md-center {
    align-content: center;
  }
  .quickview-container .hmf-align-content-md-between {
    align-content: space-between;
  }
  .quickview-container .hmf-align-content-md-around {
    align-content: space-around;
  }
  .quickview-container .hmf-align-content-md-evenly {
    align-content: space-evenly;
  }
  .quickview-container .hmf-align-content-md-stretch {
    align-content: stretch;
  }
  .quickview-container .hmf-align-self-md-auto {
    align-self: auto;
  }
  .quickview-container .hmf-align-self-md-start {
    align-self: flex-start;
  }
  .quickview-container .hmf-align-self-md-end {
    align-self: flex-end;
  }
  .quickview-container .hmf-align-self-md-center {
    align-self: center;
  }
  .quickview-container .hmf-align-self-md-baseline {
    align-self: baseline;
  }
  .quickview-container .hmf-align-self-md-stretch {
    align-self: stretch;
  }
}
@media (min-width: 1024px) {
  .quickview-container .hmf-flex-lg-row {
    display: flex;
    flex-direction: row;
  }
  .quickview-container .hmf-flex-lg-col {
    display: flex;
    flex-direction: column;
  }
  .quickview-container .hmf-flex-lg-column {
    display: flex;
    flex-direction: column;
  }
  .quickview-container .hmf-flex-lg-row-reverse {
    flex-direction: row-reverse;
  }
  .quickview-container .hmf-flex-lg-col-reverse {
    flex-direction: column-reverse;
  }
  .quickview-container .hmf-flex-lg-column-reverse {
    flex-direction: column-reverse;
  }
  .quickview-container .hmf-flex-lg-wrap {
    flex-wrap: wrap;
  }
  .quickview-container .hmf-flex-lg-nowrap {
    flex-wrap: nowrap;
  }
  .quickview-container .hmf-flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .quickview-container .hmf-flex-lg-fill {
    flex: 1 1 auto;
  }
  .quickview-container .hmf-flex-lg-grow-none {
    flex-grow: 0;
  }
  .quickview-container .hmf-flex-lg-grow {
    flex-grow: 1;
  }
  .quickview-container .hmf-flex-lg-shrink-none {
    flex-shrink: 0;
  }
  .quickview-container .hmf-flex-lg-shrink {
    flex-shrink: 1;
  }
  .quickview-container .hmf-justify-content-lg-flex-start {
    justify-content: flex-start;
  }
  .quickview-container .hmf-justify-content-lg-flex-end {
    justify-content: flex-end;
  }
  .quickview-container .hmf-justify-content-lg-center {
    justify-content: center;
  }
  .quickview-container .hmf-justify-content-lg-between {
    justify-content: space-between;
  }
  .quickview-container .hmf-justify-content-lg-around {
    justify-content: space-around;
  }
  .quickview-container .hmf-justify-content-lg-evenly {
    -webkit-box-pack: justify;
    -ms-flex-pack: distribute;
    justify-content: space-evenly;
  }
  .quickview-container .hmf-justify-content-lg-start {
    justify-content: start;
  }
  .quickview-container .hmf-justify-content-lg-end {
    justify-content: end;
  }
  .quickview-container .hmf-justify-content-lg-left {
    justify-content: left;
  }
  .quickview-container .hmf-justify-content-lg-right {
    justify-content: right;
  }
  .quickview-container .hmf-align-items-lg-flex-start {
    align-items: flex-start;
  }
  .quickview-container .hmf-align-items-lg-flex-end {
    align-items: flex-end;
  }
  .quickview-container .hmf-align-items-lg-center {
    align-items: center;
  }
  .quickview-container .hmf-align-items-lg-baseline {
    align-items: baseline;
  }
  .quickview-container .hmf-align-items-lg-stretch {
    align-items: stretch;
  }
  .quickview-container .hmf-align-items-lg-self-start {
    align-items: self-start;
  }
  .quickview-container .hmf-align-items-lg-self-end {
    align-items: self-start;
  }
  .quickview-container .hmf-align-content-lg-start {
    align-content: flex-start;
  }
  .quickview-container .hmf-align-content-lg-end {
    align-content: flex-end;
  }
  .quickview-container .hmf-align-content-lg-center {
    align-content: center;
  }
  .quickview-container .hmf-align-content-lg-between {
    align-content: space-between;
  }
  .quickview-container .hmf-align-content-lg-around {
    align-content: space-around;
  }
  .quickview-container .hmf-align-content-lg-evenly {
    align-content: space-evenly;
  }
  .quickview-container .hmf-align-content-lg-stretch {
    align-content: stretch;
  }
  .quickview-container .hmf-align-self-lg-auto {
    align-self: auto;
  }
  .quickview-container .hmf-align-self-lg-start {
    align-self: flex-start;
  }
  .quickview-container .hmf-align-self-lg-end {
    align-self: flex-end;
  }
  .quickview-container .hmf-align-self-lg-center {
    align-self: center;
  }
  .quickview-container .hmf-align-self-lg-baseline {
    align-self: baseline;
  }
  .quickview-container .hmf-align-self-lg-stretch {
    align-self: stretch;
  }
}
@media (min-width: 1280px) {
  .quickview-container .hmf-flex-l-row {
    display: flex;
    flex-direction: row;
  }
  .quickview-container .hmf-flex-l-col {
    display: flex;
    flex-direction: column;
  }
  .quickview-container .hmf-flex-l-column {
    display: flex;
    flex-direction: column;
  }
  .quickview-container .hmf-flex-l-row-reverse {
    flex-direction: row-reverse;
  }
  .quickview-container .hmf-flex-l-col-reverse {
    flex-direction: column-reverse;
  }
  .quickview-container .hmf-flex-l-column-reverse {
    flex-direction: column-reverse;
  }
  .quickview-container .hmf-flex-l-wrap {
    flex-wrap: wrap;
  }
  .quickview-container .hmf-flex-l-nowrap {
    flex-wrap: nowrap;
  }
  .quickview-container .hmf-flex-l-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .quickview-container .hmf-flex-l-fill {
    flex: 1 1 auto;
  }
  .quickview-container .hmf-flex-l-grow-none {
    flex-grow: 0;
  }
  .quickview-container .hmf-flex-l-grow {
    flex-grow: 1;
  }
  .quickview-container .hmf-flex-l-shrink-none {
    flex-shrink: 0;
  }
  .quickview-container .hmf-flex-l-shrink {
    flex-shrink: 1;
  }
  .quickview-container .hmf-justify-content-l-flex-start {
    justify-content: flex-start;
  }
  .quickview-container .hmf-justify-content-l-flex-end {
    justify-content: flex-end;
  }
  .quickview-container .hmf-justify-content-l-center {
    justify-content: center;
  }
  .quickview-container .hmf-justify-content-l-between {
    justify-content: space-between;
  }
  .quickview-container .hmf-justify-content-l-around {
    justify-content: space-around;
  }
  .quickview-container .hmf-justify-content-l-evenly {
    -webkit-box-pack: justify;
    -ms-flex-pack: distribute;
    justify-content: space-evenly;
  }
  .quickview-container .hmf-justify-content-l-start {
    justify-content: start;
  }
  .quickview-container .hmf-justify-content-l-end {
    justify-content: end;
  }
  .quickview-container .hmf-justify-content-l-left {
    justify-content: left;
  }
  .quickview-container .hmf-justify-content-l-right {
    justify-content: right;
  }
  .quickview-container .hmf-align-items-l-flex-start {
    align-items: flex-start;
  }
  .quickview-container .hmf-align-items-l-flex-end {
    align-items: flex-end;
  }
  .quickview-container .hmf-align-items-l-center {
    align-items: center;
  }
  .quickview-container .hmf-align-items-l-baseline {
    align-items: baseline;
  }
  .quickview-container .hmf-align-items-l-stretch {
    align-items: stretch;
  }
  .quickview-container .hmf-align-items-l-self-start {
    align-items: self-start;
  }
  .quickview-container .hmf-align-items-l-self-end {
    align-items: self-start;
  }
  .quickview-container .hmf-align-content-l-start {
    align-content: flex-start;
  }
  .quickview-container .hmf-align-content-l-end {
    align-content: flex-end;
  }
  .quickview-container .hmf-align-content-l-center {
    align-content: center;
  }
  .quickview-container .hmf-align-content-l-between {
    align-content: space-between;
  }
  .quickview-container .hmf-align-content-l-around {
    align-content: space-around;
  }
  .quickview-container .hmf-align-content-l-evenly {
    align-content: space-evenly;
  }
  .quickview-container .hmf-align-content-l-stretch {
    align-content: stretch;
  }
  .quickview-container .hmf-align-self-l-auto {
    align-self: auto;
  }
  .quickview-container .hmf-align-self-l-start {
    align-self: flex-start;
  }
  .quickview-container .hmf-align-self-l-end {
    align-self: flex-end;
  }
  .quickview-container .hmf-align-self-l-center {
    align-self: center;
  }
  .quickview-container .hmf-align-self-l-baseline {
    align-self: baseline;
  }
  .quickview-container .hmf-align-self-l-stretch {
    align-self: stretch;
  }
}
@media (min-width: 1280px) {
  .quickview-container .hmf-flex-xlg-row {
    display: flex;
    flex-direction: row;
  }
  .quickview-container .hmf-flex-xlg-col {
    display: flex;
    flex-direction: column;
  }
  .quickview-container .hmf-flex-xlg-column {
    display: flex;
    flex-direction: column;
  }
  .quickview-container .hmf-flex-xlg-row-reverse {
    flex-direction: row-reverse;
  }
  .quickview-container .hmf-flex-xlg-col-reverse {
    flex-direction: column-reverse;
  }
  .quickview-container .hmf-flex-xlg-column-reverse {
    flex-direction: column-reverse;
  }
  .quickview-container .hmf-flex-xlg-wrap {
    flex-wrap: wrap;
  }
  .quickview-container .hmf-flex-xlg-nowrap {
    flex-wrap: nowrap;
  }
  .quickview-container .hmf-flex-xlg-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .quickview-container .hmf-flex-xlg-fill {
    flex: 1 1 auto;
  }
  .quickview-container .hmf-flex-xlg-grow-none {
    flex-grow: 0;
  }
  .quickview-container .hmf-flex-xlg-grow {
    flex-grow: 1;
  }
  .quickview-container .hmf-flex-xlg-shrink-none {
    flex-shrink: 0;
  }
  .quickview-container .hmf-flex-xlg-shrink {
    flex-shrink: 1;
  }
  .quickview-container .hmf-justify-content-xlg-flex-start {
    justify-content: flex-start;
  }
  .quickview-container .hmf-justify-content-xlg-flex-end {
    justify-content: flex-end;
  }
  .quickview-container .hmf-justify-content-xlg-center {
    justify-content: center;
  }
  .quickview-container .hmf-justify-content-xlg-between {
    justify-content: space-between;
  }
  .quickview-container .hmf-justify-content-xlg-around {
    justify-content: space-around;
  }
  .quickview-container .hmf-justify-content-xlg-evenly {
    -webkit-box-pack: justify;
    -ms-flex-pack: distribute;
    justify-content: space-evenly;
  }
  .quickview-container .hmf-justify-content-xlg-start {
    justify-content: start;
  }
  .quickview-container .hmf-justify-content-xlg-end {
    justify-content: end;
  }
  .quickview-container .hmf-justify-content-xlg-left {
    justify-content: left;
  }
  .quickview-container .hmf-justify-content-xlg-right {
    justify-content: right;
  }
  .quickview-container .hmf-align-items-xlg-flex-start {
    align-items: flex-start;
  }
  .quickview-container .hmf-align-items-xlg-flex-end {
    align-items: flex-end;
  }
  .quickview-container .hmf-align-items-xlg-center {
    align-items: center;
  }
  .quickview-container .hmf-align-items-xlg-baseline {
    align-items: baseline;
  }
  .quickview-container .hmf-align-items-xlg-stretch {
    align-items: stretch;
  }
  .quickview-container .hmf-align-items-xlg-self-start {
    align-items: self-start;
  }
  .quickview-container .hmf-align-items-xlg-self-end {
    align-items: self-start;
  }
  .quickview-container .hmf-align-content-xlg-start {
    align-content: flex-start;
  }
  .quickview-container .hmf-align-content-xlg-end {
    align-content: flex-end;
  }
  .quickview-container .hmf-align-content-xlg-center {
    align-content: center;
  }
  .quickview-container .hmf-align-content-xlg-between {
    align-content: space-between;
  }
  .quickview-container .hmf-align-content-xlg-around {
    align-content: space-around;
  }
  .quickview-container .hmf-align-content-xlg-evenly {
    align-content: space-evenly;
  }
  .quickview-container .hmf-align-content-xlg-stretch {
    align-content: stretch;
  }
  .quickview-container .hmf-align-self-xlg-auto {
    align-self: auto;
  }
  .quickview-container .hmf-align-self-xlg-start {
    align-self: flex-start;
  }
  .quickview-container .hmf-align-self-xlg-end {
    align-self: flex-end;
  }
  .quickview-container .hmf-align-self-xlg-center {
    align-self: center;
  }
  .quickview-container .hmf-align-self-xlg-baseline {
    align-self: baseline;
  }
  .quickview-container .hmf-align-self-xlg-stretch {
    align-self: stretch;
  }
}
@media (min-width: 1440px) {
  .quickview-container .hmf-flex-xl-row {
    display: flex;
    flex-direction: row;
  }
  .quickview-container .hmf-flex-xl-col {
    display: flex;
    flex-direction: column;
  }
  .quickview-container .hmf-flex-xl-column {
    display: flex;
    flex-direction: column;
  }
  .quickview-container .hmf-flex-xl-row-reverse {
    flex-direction: row-reverse;
  }
  .quickview-container .hmf-flex-xl-col-reverse {
    flex-direction: column-reverse;
  }
  .quickview-container .hmf-flex-xl-column-reverse {
    flex-direction: column-reverse;
  }
  .quickview-container .hmf-flex-xl-wrap {
    flex-wrap: wrap;
  }
  .quickview-container .hmf-flex-xl-nowrap {
    flex-wrap: nowrap;
  }
  .quickview-container .hmf-flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .quickview-container .hmf-flex-xl-fill {
    flex: 1 1 auto;
  }
  .quickview-container .hmf-flex-xl-grow-none {
    flex-grow: 0;
  }
  .quickview-container .hmf-flex-xl-grow {
    flex-grow: 1;
  }
  .quickview-container .hmf-flex-xl-shrink-none {
    flex-shrink: 0;
  }
  .quickview-container .hmf-flex-xl-shrink {
    flex-shrink: 1;
  }
  .quickview-container .hmf-justify-content-xl-flex-start {
    justify-content: flex-start;
  }
  .quickview-container .hmf-justify-content-xl-flex-end {
    justify-content: flex-end;
  }
  .quickview-container .hmf-justify-content-xl-center {
    justify-content: center;
  }
  .quickview-container .hmf-justify-content-xl-between {
    justify-content: space-between;
  }
  .quickview-container .hmf-justify-content-xl-around {
    justify-content: space-around;
  }
  .quickview-container .hmf-justify-content-xl-evenly {
    -webkit-box-pack: justify;
    -ms-flex-pack: distribute;
    justify-content: space-evenly;
  }
  .quickview-container .hmf-justify-content-xl-start {
    justify-content: start;
  }
  .quickview-container .hmf-justify-content-xl-end {
    justify-content: end;
  }
  .quickview-container .hmf-justify-content-xl-left {
    justify-content: left;
  }
  .quickview-container .hmf-justify-content-xl-right {
    justify-content: right;
  }
  .quickview-container .hmf-align-items-xl-flex-start {
    align-items: flex-start;
  }
  .quickview-container .hmf-align-items-xl-flex-end {
    align-items: flex-end;
  }
  .quickview-container .hmf-align-items-xl-center {
    align-items: center;
  }
  .quickview-container .hmf-align-items-xl-baseline {
    align-items: baseline;
  }
  .quickview-container .hmf-align-items-xl-stretch {
    align-items: stretch;
  }
  .quickview-container .hmf-align-items-xl-self-start {
    align-items: self-start;
  }
  .quickview-container .hmf-align-items-xl-self-end {
    align-items: self-start;
  }
  .quickview-container .hmf-align-content-xl-start {
    align-content: flex-start;
  }
  .quickview-container .hmf-align-content-xl-end {
    align-content: flex-end;
  }
  .quickview-container .hmf-align-content-xl-center {
    align-content: center;
  }
  .quickview-container .hmf-align-content-xl-between {
    align-content: space-between;
  }
  .quickview-container .hmf-align-content-xl-around {
    align-content: space-around;
  }
  .quickview-container .hmf-align-content-xl-evenly {
    align-content: space-evenly;
  }
  .quickview-container .hmf-align-content-xl-stretch {
    align-content: stretch;
  }
  .quickview-container .hmf-align-self-xl-auto {
    align-self: auto;
  }
  .quickview-container .hmf-align-self-xl-start {
    align-self: flex-start;
  }
  .quickview-container .hmf-align-self-xl-end {
    align-self: flex-end;
  }
  .quickview-container .hmf-align-self-xl-center {
    align-self: center;
  }
  .quickview-container .hmf-align-self-xl-baseline {
    align-self: baseline;
  }
  .quickview-container .hmf-align-self-xl-stretch {
    align-self: stretch;
  }
}
@media (min-width: 1440px) {
  .quickview-container .hmf-flex-xxlg-row {
    display: flex;
    flex-direction: row;
  }
  .quickview-container .hmf-flex-xxlg-col {
    display: flex;
    flex-direction: column;
  }
  .quickview-container .hmf-flex-xxlg-column {
    display: flex;
    flex-direction: column;
  }
  .quickview-container .hmf-flex-xxlg-row-reverse {
    flex-direction: row-reverse;
  }
  .quickview-container .hmf-flex-xxlg-col-reverse {
    flex-direction: column-reverse;
  }
  .quickview-container .hmf-flex-xxlg-column-reverse {
    flex-direction: column-reverse;
  }
  .quickview-container .hmf-flex-xxlg-wrap {
    flex-wrap: wrap;
  }
  .quickview-container .hmf-flex-xxlg-nowrap {
    flex-wrap: nowrap;
  }
  .quickview-container .hmf-flex-xxlg-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .quickview-container .hmf-flex-xxlg-fill {
    flex: 1 1 auto;
  }
  .quickview-container .hmf-flex-xxlg-grow-none {
    flex-grow: 0;
  }
  .quickview-container .hmf-flex-xxlg-grow {
    flex-grow: 1;
  }
  .quickview-container .hmf-flex-xxlg-shrink-none {
    flex-shrink: 0;
  }
  .quickview-container .hmf-flex-xxlg-shrink {
    flex-shrink: 1;
  }
  .quickview-container .hmf-justify-content-xxlg-flex-start {
    justify-content: flex-start;
  }
  .quickview-container .hmf-justify-content-xxlg-flex-end {
    justify-content: flex-end;
  }
  .quickview-container .hmf-justify-content-xxlg-center {
    justify-content: center;
  }
  .quickview-container .hmf-justify-content-xxlg-between {
    justify-content: space-between;
  }
  .quickview-container .hmf-justify-content-xxlg-around {
    justify-content: space-around;
  }
  .quickview-container .hmf-justify-content-xxlg-evenly {
    -webkit-box-pack: justify;
    -ms-flex-pack: distribute;
    justify-content: space-evenly;
  }
  .quickview-container .hmf-justify-content-xxlg-start {
    justify-content: start;
  }
  .quickview-container .hmf-justify-content-xxlg-end {
    justify-content: end;
  }
  .quickview-container .hmf-justify-content-xxlg-left {
    justify-content: left;
  }
  .quickview-container .hmf-justify-content-xxlg-right {
    justify-content: right;
  }
  .quickview-container .hmf-align-items-xxlg-flex-start {
    align-items: flex-start;
  }
  .quickview-container .hmf-align-items-xxlg-flex-end {
    align-items: flex-end;
  }
  .quickview-container .hmf-align-items-xxlg-center {
    align-items: center;
  }
  .quickview-container .hmf-align-items-xxlg-baseline {
    align-items: baseline;
  }
  .quickview-container .hmf-align-items-xxlg-stretch {
    align-items: stretch;
  }
  .quickview-container .hmf-align-items-xxlg-self-start {
    align-items: self-start;
  }
  .quickview-container .hmf-align-items-xxlg-self-end {
    align-items: self-start;
  }
  .quickview-container .hmf-align-content-xxlg-start {
    align-content: flex-start;
  }
  .quickview-container .hmf-align-content-xxlg-end {
    align-content: flex-end;
  }
  .quickview-container .hmf-align-content-xxlg-center {
    align-content: center;
  }
  .quickview-container .hmf-align-content-xxlg-between {
    align-content: space-between;
  }
  .quickview-container .hmf-align-content-xxlg-around {
    align-content: space-around;
  }
  .quickview-container .hmf-align-content-xxlg-evenly {
    align-content: space-evenly;
  }
  .quickview-container .hmf-align-content-xxlg-stretch {
    align-content: stretch;
  }
  .quickview-container .hmf-align-self-xxlg-auto {
    align-self: auto;
  }
  .quickview-container .hmf-align-self-xxlg-start {
    align-self: flex-start;
  }
  .quickview-container .hmf-align-self-xxlg-end {
    align-self: flex-end;
  }
  .quickview-container .hmf-align-self-xxlg-center {
    align-self: center;
  }
  .quickview-container .hmf-align-self-xxlg-baseline {
    align-self: baseline;
  }
  .quickview-container .hmf-align-self-xxlg-stretch {
    align-self: stretch;
  }
}
.quickview-container :root {
  /*********** BADGE SPECIFIC STYLING ***********/
  --hmf-badge-backinstock-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-backinstock-background-color: var(--hmf-fill-inverse);
  --hmf-badge-comingsoon-text-color: var(--hmf-label-base);
  --hmf-badge-comingsoon-background-color: var(--hmf-fill-warning);
  --hmf-badge-customizeit-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-customizeit-background-color: var(--hmf-fill-inverse);
  --hmf-badge-nikeapeexclusive-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-nikeapeexclusive-background-color: var(--hmf-fill-inverse);
  --hmf-badge-exclusive-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-exclusive-background-color: var(--hmf-fill-inverse);
  --hmf-badge-extendedsizes-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-extendedsizes-background-color: var(--hmf-fill-inverse);
  --hmf-badge-widewidth-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-widewidth-background-color: var(--hmf-fill-inverse);
  --hmf-badge-goldapeexclusive-text-color: var(--hmf-label-base);
  --hmf-badge-goldapeexclusive-background-color: var(--hmf-gold400);
  --hmf-badge-guidepick-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-guidepick-background-color: var(--hmf-fill-inverse);
  --hmf-badge-local-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-local-background-color: var(--hmf-fill-inverse);
  --hmf-badge-modelwearing-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-modelwearing-background-color: var(--hmf-fill-inverse);
  --hmf-badge-newarrivals-text-color: var(--hmf-label-marketing-static);
  --hmf-badge-newarrivals-background-color: var(--hmf-fill-marketing-static);
  --hmf-badge-newcolor-text-color: var(--hmf-label-marketing-static);
  --hmf-badge-newcolor-background-color: var(--hmf-fill-marketing-static);
  --hmf-badge-dicksexclusive-text-color: var(--hmf-label-marketing-static);
  --hmf-badge-dicksexclusive-background-color: var(--hmf-primary600);
  --hmf-badge-personalizeditem-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-personalizeditem-background-color: linear-gradient(95deg, #FFC40C, #BC4224, #543597, #006554);
  --hmf-badge-propick-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-propick-background-color: var(--hmf-primary600);
  --hmf-badge-rentalcapacity-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-rentalcapacity-background-color: var(--hmf-fill-inverse);
  --hmf-badge-fanshopship-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-fanshopship-background-color: var(--hmf-fill-inverse);
  --hmf-badge-sponsored-text-color: var(--hmf-label-base-subtle);
  --hmf-badge-sponsored-background-color: var(--hmf-fill-base-prominent);
  --hmf-badge-sustainability-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-sustainability-background-color: var(--hmf-fill-inverse);
  --hmf-badge-topdeals-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-topdeals-background-color: var(--hmf-fill-sale);
  --hmf-badge-topseller-text-color: var(--hmf-label-base);
  --hmf-badge-topseller-background-color: var(--hmf-yellow300);
  --hmf-badge-used-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-used-background-color: var(--hmf-fill-inverse);
  --hmf-badge-viewingitem-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-viewingitem-background-color: var(--hmf-fill-inverse);
  --hmf-badge-womenowned-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-womenowned-background-color: var(--hmf-fill-inverse);
  /*********** DEFAULT BADGE STYLING ***********/
  --hmf-badge-default-text-color: var(--hmf-label-marketing-static);
  --hmf-badge-default-background-color: var(--hmf-background-primary);
  --hmf-badge-height: 25px;
}
.quickview-container :root {
  /*********** GENERIC STYLING ***********/
  --hmf-button-border-radius: var(--hmf-sharp-radius);
  /*********** PRIMARY BUTTONS ***********/
  --hmf-button-primary-text-color: var(--hmf-gray50);
  --hmf-button-primary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-primary-background-color: var(--hmf-secondary500);
  --hmf-button-primary-active-background-color: var(--hmf-secondary700);
  --hmf-button-primary-hover-background-color: var(--hmf-secondary300);
  --hmf-button-primary-inactive-background-color: var(--hmf-gray300);
  --hmf-button-primary-border-color: var(--hmf-secondary500);
  --hmf-button-primary-hover-border-color: var(--hmf-secondary300);
  --hmf-button-primary-active-border-color: var(--hmf-secondary700);
  --hmf-button-primary-inactive-border-color: var(--hmf-gray300);
  /*********** SECONDARY BUTTONS ***********/
  --hmf-button-secondary-text-color: var(--hmf-gray900);
  --hmf-button-secondary-active-text-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-text-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-secondary-background-color: var(--hmf-gray50);
  --hmf-button-secondary-active-background-color: var(--hmf-gray400);
  --hmf-button-secondary-hover-background-color: var(--hmf-gray200);
  --hmf-button-secondary-inactive-background-color: var(--hmf-gray50);
  --hmf-button-secondary-border-color: var(--hmf-gray900);
  --hmf-button-secondary-active-border-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-border-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-border-color: var(--hmf-gray400);
  /*********** TERTIARY BUTTONS ***********/
  --hmf-button-tertiary-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-hover-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-active-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-inactive-text-color: var(--hmf-gray500);
  --hmf-button-tertiary-background-color: var(--hmf-fill-secondary-static);
  --hmf-button-tertiary-active-background-color: var(--hmf-fill-secondary-active);
  --hmf-button-tertiary-hover-background-color: var(--hmf-fill-secondary-hover);
  --hmf-button-tertiary-inactive-background-color: var(--hmf-gray100);
  --hmf-button-tertiary-border-color: var(--hmf-fill-secondary-static);
  --hmf-button-tertiary-active-border-color: var(--hmf-fill-secondary-active);
  --hmf-button-tertiary-hover-border-color: var(--hmf-fill-secondary-hover);
  --hmf-button-tertiary-inactive-border-color: var(--hmf-gray100);
  /*********** MARKETING BUTTONS ***********/
  --hmf-button-marketing-text-color: var(--hmf-gray50);
  --hmf-button-marketing-inactive-text-color: var(--hmf-gray600);
  --hmf-button-marketing-hover-text-color: var(--hmf-gray50);
  --hmf-button-marketing-active-text-color: var(--hmf-gray50);
  --hmf-button-marketing-background-color: var(--hmf-primary600);
  --hmf-button-marketing-active-background-color: var(--hmf-primary500);
  --hmf-button-marketing-hover-background-color: var(--hmf-primary300);
  --hmf-button-marketing-inactive-background-color: var(--hmf-gray300);
  --hmf-button-marketing-border-color: var(--hmf-primary600);
  --hmf-button-marketing-active-border-color: var(--hmf-primary500);
  --hmf-button-marketing-hover-border-color: var(--hmf-primary300);
  --hmf-button-marketing-inactive-border-color: var(--hmf-gray300);
  /*********** DESTRUCTIVE BUTTONS ***********/
  --hmf-button-destructive-text-color: var(--hmf-label-inverse-base);
  --hmf-button-destructive-inactive-text-color: var(--hmf-label-disabled);
  --hmf-button-destructive-hover-text-color: var( --hmf-label-inverse-base);
  --hmf-button-destructive-active-text-color: var(--hmf-label-inverse-base);
  --hmf-button-destructive-background-color: var(--hmf-fill-negative-static);
  --hmf-button-destructive-active-background-color: var(--hmf-fill-negative-active);
  --hmf-button-destructive-hover-background-color: var(--hmf-fill-negative-hover);
  --hmf-button-destructive-inactive-background-color: var(--hmf-fill-disabled-subtle);
  --hmf-button-destructive-border-color: var(--hmf-fill-negative-static);
  --hmf-button-destructive-active-border-color: var(--hmf-fill-negative-active);
  --hmf-button-destructive-hover-border-color: var(--hmf-fill-negative-hover);
  --hmf-button-destructive-inactive-border-color: var(--hmf-fill-disabled-subtle);
}
.quickview-container :root {
  --hmf-checkbox-active-background: var(--hmf-gray200);
  --hmf-checkbox-active-border-color: var(--hmf-gray500);
  --hmf-checkbox-active-checked-background: var(--hmf-gray800);
  --hmf-checkbox-active-checked-border-color: var(--hmf-gray800);
  --hmf-checkbox-base-checked-color: var(--hmf-gray800);
  --hmf-checkbox-base-color: var(--hmf-gray700);
  --hmf-checkbox-check-icon-dark: var(--hmf-gray500);
  --hmf-checkbox-check-icon-light: var(--hmf-gray50);
  --hmf-checkbox-checked-background: var(--hmf-gray900);
  --hmf-checkbox-checked-border-color: var(--hmf-gray900);
  --hmf-checkbox-disabled-color: var(--hmf-gray500);
  --hmf-checkbox-disabled-span-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-disabled-span-checked-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-checked-border-color: var(--hmf-gray200);
  --hmf-checkbox-error-color: var(--hmf-red600);
  --hmf-checkbox-error-span-background: var(--hmf-red100);
  --hmf-checkbox-error-span-border-color: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-background: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-border-color: var(--hmf-red600);
  --hmf-checkbox-focus-outline: 1px dashed var(--hmf-gray600);
  --hmf-checkbox-hover-span-background: var(--hmf-gray100);
  --hmf-checkbox-hover-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-hover-span-border: var(--hmf-gray900);
  --hmf-checkbox-hover-span-checked-background: var(--hmf-gray700);
  --hmf-checkbox-hover-span-checked-border-color: var(--hmf-gray700);
  --hmf-checkbox-span-background: var(--hmf-gray50);
  --hmf-checkbox-span-border: var(--hmf-gray600);
}
.quickview-container :root {
  --hmf-chip-font-size: var(--body-font-size-m);
  --hmf-chip-line-height: var(--body-line-height-m);
  --hmf-chip-font-weight: var(--font-primary-bold-weight);
  --hmf-chip-font-family: var(--font-primary);
  --hmf-chip-letter-spacing: var(--body-letter-spacing);
  --hmf-chip-background-color: var(--hmf-gray200);
  --hmf-chip-color: var(--hmf-gray900);
  --hmf-chip-hover-background-color: var(--hmf-gray400);
  --hmf-chip-focus-background-color: var(--hmf-gray400);
  --hmf-chip-focus-outline: 1px dashed var(--hmf-primary500);
}
.quickview-container :root {
  --hmf-product-availability-cancel-icon-color: var(--hmf-red500);
  --hmf-product-availability-warning-icon-color: var(--hmf-yellow500);
  --hmf-product-availability-success-icon-color: var(--hmf-primary500);
}
.quickview-container :root {
  --hmf-product-title-text-color: var(--hmf-gray900);
  --hmf-product-title-font-size: var(--label-font-size-l);
  --hmf-product-title-line-height: var(--label-line-height-l);
  --hmf-product-title-font-weight: 500;
  --hmf-product-title-font-family: var(--font-primary);
  --hmf-product-title-letter-spacing: var(--label-letter-spacing);
}
.quickview-container :root {
  --hmf-promotion-text-color: var(--hmf-gray500);
  --hmf-promotion-font-weight: var(--font-primary-regular-weight);
  --hmf-promotion-font-family: var(--font-primary);
  --hmf-promotion-letter-spacing: var(--body-letter-spacing);
}
.quickview-container :root {
  --hmf-recommendation-card-hover-color: var(--hmf-gray400);
  --hmf-recommendation-card-background-color: var(--hmf-gray50);
  --hmf-recommendation-card-text-color: var(--hmf-gray900);
  --hmf-recommendation-card-price-color: var(--hmf-gray500);
}
.quickview-container :root {
  --hmf-panel-font-size: var(--body-font-size-s);
  --hmf-panel-line-height: var(--body-line-height-s);
  --hmf-panel-font-weight: normal;
  --hmf-panel-font-family: var(--font-primary);
  --hmf-panel-letter-spacing: normal;
  --hmf-panel-content-background-color: var(--hmf-gray50);
  --hmf-panel-header-background-color: var(--hmf-gray100);
  --hmf-panel-overlay-background-color: var(--hmf-gray900);
  --hmf-panel-close-button-hover-background-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-background-color: var(--hmf-gray200);
  --hmf-panel-header-border-color: var(--hmf-gray100);
  --hmf-panel-close-button-hover-border-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-border-color: var(--hmf-gray200);
}
.quickview-container :root {
  --hmf-sticky-banner-font-size: var(--body-font-size-s);
  --hmf-sticky-banner-line-height: var(--body-line-height-s);
  --hmf-sticky-banner-font-weight: normal;
  --hmf-sticky-banner-font-family: var(--font-primary);
  --hmf-sticky-banner-letter-spacing: normal;
  --hmf-sticky-banner-content-background-color: var(--hmf-gray50);
  --hmf-sticky-banner-content-border-color: var(--hmf-gray200);
}
.quickview-container :root {
  --hmf-text-link-color: var(--hmf-gray900);
  --hmf-text-link-active-color: var(--hmf-gray600);
  --hmf-text-link-font-size: var(--body-font-size-m);
  --hmf-text-link-line-height: var(--body-line-height-m);
  --hmf-text-link-font-weight: var(--font-primary-regular-weight);
  --hmf-text-link-font-family: var(--font-primary);
  --hmf-text-link-letter-spacing: var(--body-letter-spacing);
}
.quickview-container :root {
  --hmf-text-input-font-size: var(--body-font-size-m);
  --hmf-text-input-line-height: var(--body-line-height-m);
  --hmf-text-input-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-font-family: var(--font-primary);
  --hmf-text-input-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-text-area-font-size: var(--body-font-size-m);
  --hmf-text-input-text-area-line-height: var(--body-line-height-m);
  --hmf-text-input-text-area-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-text-area-font-family: var(--font-primary);
  --hmf-text-input-text-area-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-border: 1px solid var(--hmf-gray700);
  --hmf-text-input-background-color: var(--hmf-gray50);
  --hmf-text-input-input-color: var(--hmf-gray900);
  --hmf-text-input-input-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-focused-border: 1px solid var(--hmf-primary300);
  --hmf-text-input-disabled-background-color: var(--hmf-gray200);
  --hmf-text-input-disabled-color: var(--hmf-gray700);
  --hmf-text-input-disabled-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-label-color: var(--hmf-gray900);
  --hmf-text-input-color: var(--hmf-gray700);
  --hmf-text-input-error-label-color: var(--hmf-red700);
  --hmf-text-input-error-color: var(--hmf-red700);
  --hmf-text-input-error-border: 1px solid var(--hmf-red700);
  --hmf-text-input-error-background-color: rgb(230 108 70 / 0.2);
  --hmf-text-input-error-placeholder-color: var(--hmf-gray900);
  --hmf-text-input-error-svg-fill: var(--hmf-red700);
}
.quickview-container :root.hmf-calia-theme,
.quickview-container :root .hmf-calia-theme {
  /*********** GENERAL STYLES ***********/
  --hmf-focus-outline: 1px dashed var(--hmf-gray400);
}
.quickview-container :root.hmf-calia-theme,
.quickview-container :root .hmf-calia-theme {
  --hmf-background-base: var(--hmf-gray50);
  --hmf-background-base-subtle: var(--hmf-gray100);
  --hmf-background-inverse: var(--hmf-gray900);
  --hmf-background-inverse-subtle: var(--hmf-gray800);
  --hmf-background-primary: var(--hmf-primary600);
  --hmf-fill-base: var(--hmf-gray50);
  --hmf-fill-base-subtle: var(--hmf-gray100);
  --hmf-fill-base-prominent: var(--hmf-gray200);
  --hmf-fill-inverse: var(--hmf-gray900);
  --hmf-fill-inverse-subtle: var(--hmf-gray700);
  --hmf-fill-primary-static: var(--hmf-secondary500);
  --hmf-fill-primary-hover: var(--hmf-secondary700);
  --hmf-fill-primary-active: var(--hmf-secondary600);
  --hmf-fill-secondary-static: var(--hmf-gray50);
  --hmf-fill-secondary-hover: var(--hmf-gray100);
  --hmf-fill-secondary-active: var(--hmf-gray200);
  --hmf-fill-tertiary-static: var(--hmf-gray900);
  --hmf-fill-tertiary-hover: var(--hmf-gray700);
  --hmf-fill-tertiary-active: var(--hmf-gray800);
  --hmf-fill-disabled: var(--hmf-gray500);
  --hmf-fill-disabled-subtle: var(--hmf-gray200);
  --hmf-fill-negative: var(--hmf-red600);
  --hmf-fill-negative-subtle: var(--hmf-red100);
  --hmf-fill-sale: var(--hmf-red600);
  --hmf-fill-warning: var(--hmf-yellow300);
  --hmf-fill-warning-subtle: var(--hmf-yellow50);
  --hmf-fill-positive: var(--hmf-primary500);
  --hmf-fill-positive-subtle: var(--hmf-primary100);
  --hmf-label-base: var(--hmf-gray900);
  --hmf-label-base-subtle: var(--hmf-gray600);
  --hmf-label-inverse-base: var(--hmf-gray50);
  --hmf-label-inverse-subtle: var(--hmf-gray100);
  --hmf-label-primary-static: var(--hmf-secondary500);
  --hmf-label-primary-hover: var(--hmf-secondary600);
  --hmf-label-primary-active: var(--hmf-secondary400);
  --hmf-label-secondary-static: var(--hmf-gray900);
  --hmf-label-secondary-hover: var(--hmf-gray700);
  --hmf-label-secondary-active: var(--hmf-gray800);
  --hmf-label-secondary-subtle-static: var(--hmf-gray600);
  --hmf-label-secondary-subtle-hover: var(--hmf-gray900);
  --hmf-label-secondary-subtle-active: var(--hmf-gray800);
  --hmf-label-tertiary-static: var(--hmf-gray900);
  --hmf-label-tertiary-hover: var(--hmf-secondary500);
  --hmf-label-tertiary-active: var(--hmf-secondary400);
  --hmf-label-sale: var(--hmf-red800);
  --hmf-label-disabled: var(--hmf-gray500);
  --hmf-label-disabled-subtle: var(--hmf-gray200);
  --hmf-label-negative: var(--hmf-red600);
  --hmf-label-warning: var(--hmf-yellow600);
  --hmf-border-base: var(--hmf-gray300);
  --hmf-border-base-subtle: var(--hmf-gray200);
  --hmf-border-inverse: var(--hmf-gray900);
  --hmf-border-inverse-subtle: var(--hmf-gray700);
  --hmf-border-primary-static: var(--hmf-secondary500);
  --hmf-border-primary-hover: var(--hmf-secondary600);
  --hmf-border-primary-active: var(--hmf-secondary400);
  --hmf-border-secondary-static: var(--hmf-gray900);
  --hmf-border-secondary-hover: var(--hmf-gray700);
  --hmf-border-secondary-active: var(--hmf-gray800);
  --hmf-border-secondary-subtle-static: var(--hmf-gray600);
  --hmf-border-secondary-subtle-hover: var(--hmf-gray400);
  --hmf-border-secondary-subtle-active: var(--hmf-gray500);
  --hmf-border-tertiary-static: var(--hmf-gray900);
  --hmf-border-tertiary-hover: var(--hmf-secondary500);
  --hmf-border-tertiary-active: var(--hmf-secondary400);
  --hmf-border-focused: var(--hmf-gray600);
  --hmf-border-inverse-focused: var(--hmf-gray50);
  --hmf-border-disabled: var(--hmf-gray500);
  --hmf-border-disabled-subtle: var(--hmf-gray200);
  --hmf-border-negative: var(--hmf-red600);
  --hmf-border-warning: var(--hmf-yellow500);
  --hmf-border-positive: var(--hmf-primary600);
}
.quickview-container :root.hmf-calia-theme,
.quickview-container :root .hmf-calia-theme {
  --font-display: "Montserrat", sans-serif;
  --font-primary: "Montserrat", sans-serif;
  --font-label: "Montserrat", sans-serif;
  --font-display-weight: 500;
}
.quickview-container :root.hmf-calia-theme,
.quickview-container :root .hmf-calia-theme {
  /* DISPLAY TEXT */
  --display-letter-spacing-xs: 0.2rem;
  --display-letter-spacing-s: 0.2rem;
  --display-font-size-m: 4.2rem;
  --display-letter-spacing-m: 0.2rem;
  --display-line-height-m: 4.2rem;
  --display-letter-spacing-l: 0.4rem;
  --display-letter-spacing-xl: 0.1rem;
}
.quickview-container :root.hmf-calia-theme,
.quickview-container :root .hmf-calia-theme {
  /* HEADINGS */
  --header-letter-spacing: 0.1rem;
  --header-line-height-s: 2rem;
}
.quickview-container :root.hmf-calia-theme,
.quickview-container :root .hmf-calia-theme {
  --hmf-primary50: #e9e5e7;
  --hmf-primary100: #c7bfc4;
  --hmf-primary200: #e1d1e0;
  --hmf-primary300: #7c6976;
  --hmf-primary400: #604858;
  --hmf-primary500: #44283b;
  --hmf-primary600: #3e2435;
  --hmf-primary700: #351e2d;
  --hmf-primary800: #2d1826;
  --hmf-primary900: #1f0f19;
  --hmf-secondary50: #f8f2e6;
  --hmf-secondary100: #f1ebde;
  --hmf-secondary200: #eee6da;
  --hmf-secondary300: #ede4db;
  --hmf-secondary400: #eedfd9;
  --hmf-secondary500: #f6ddda;
  --hmf-secondary600: #e8d2cf;
  --hmf-secondary700: #e5d2d0;
  --hmf-secondary800: #e3d1c7;
  --hmf-secondary900: #ddc7c0;
  --hmf-tertiary50: #e9f5ef;
  --hmf-tertiary100: #c8e5d7;
  --hmf-tertiary200: #a4d4bd;
  --hmf-tertiary300: #80c2a3;
  --hmf-tertiary400: #64b58f;
  --hmf-tertiary500: #49a87b;
  --hmf-tertiary600: #42a073;
  --hmf-tertiary700: #399768;
  --hmf-tertiary800: #318d5e;
  --hmf-tertiary900: #217d4b;
  --hmf-accent50: #e0edf0;
  --hmf-accent100: #b3d2d8;
  --hmf-accent200: #80b4bf;
  --hmf-accent300: #4d95a5;
  --hmf-accent400: #267f91;
  --hmf-accent500: #006580;
  --hmf-accent600: #006076;
  --hmf-accent700: #00556b;
  --hmf-accent800: #004b61;
  --hmf-accent900: #003a5d;
}
.quickview-container :root.hmf-calia-theme,
.quickview-container :root .hmf-calia-theme {
  /*********** GENERIC STYLING ***********/
  --hmf-button-border-radius: var(--hmf-sharp-radius);
  /*********** PRIMARY BUTTONS ***********/
  --hmf-button-primary-text-color: var(--hmf-gray50);
  --hmf-button-primary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-primary-background-color: var(--hmf-primary500);
  --hmf-button-primary-active-background-color: var(--hmf-primary600);
  --hmf-button-primary-hover-background-color: var(--hmf-primary400);
  --hmf-button-primary-inactive-background-color: var(--hmf-gray300);
  --hmf-button-primary-border-color: var(--hmf-primary500);
  --hmf-button-primary-hover-border-color: var(--hmf-primary400);
  --hmf-button-primary-active-border-color: var(--hmf-primary600);
  --hmf-button-primary-inactive-border-color: var(--hmf-gray300);
  /*********** SECONDARY BUTTONS ***********/
  --hmf-button-secondary-text-color: var(--hmf-gray900);
  --hmf-button-secondary-active-text-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-text-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-secondary-background-color: var(--hmf-gray50);
  --hmf-button-secondary-active-background-color: var(--hmf-gray400);
  --hmf-button-secondary-hover-background-color: var(--hmf-gray200);
  --hmf-button-secondary-inactive-background-color: var(--hmf-gray50);
  --hmf-button-secondary-border-color: var(--hmf-gray900);
  --hmf-button-secondary-active-border-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-border-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-border-color: var(--hmf-gray400);
  /*********** TERTIARY BUTTONS ***********/
  --hmf-button-tertiary-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-hover-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-active-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-inactive-text-color: var(--hmf-gray500);
  --hmf-button-tertiary-background-color: var(--hmf-fill-secondary-static);
  --hmf-button-tertiary-active-background-color: var(--hmf-fill-secondary-active);
  --hmf-button-tertiary-hover-background-color: var(--hmf-fill-secondary-hover);
  --hmf-button-tertiary-inactive-background-color: var(--hmf-gray100);
  --hmf-button-tertiary-border-color: var(--hmf-fill-secondary-static);
  --hmf-button-tertiary-active-border-color: var(--hmf-fill-secondary-active);
  --hmf-button-tertiary-hover-border-color: var(--hmf-fill-secondary-hover);
  --hmf-button-tertiary-inactive-border-color: var(--hmf-gray100);
  /*********** MARKETING BUTTONS ***********/
  --hmf-button-marketing-text-color: var(--hmf-gray900);
  --hmf-button-marketing-inactive-text-color: var(--hmf-gray600);
  --hmf-button-marketing-hover-text-color: var(--hmf-gray900);
  --hmf-button-marketing-active-text-color: var(--hmf-gray900);
  --hmf-button-marketing-background-color: var(--hmf-secondary100);
  --hmf-button-marketing-active-background-color: var(--hmf-secondary500);
  --hmf-button-marketing-hover-background-color: var(--hmf-secondary300);
  --hmf-button-marketing-inactive-background-color: var(--hmf-gray300);
  --hmf-button-marketing-border-color: var(--hmf-secondary100);
  --hmf-button-marketing-active-border-color: var(--hmf-secondary500);
  --hmf-button-marketing-hover-border-color: var(--hmf-secondary300);
  --hmf-button-marketing-inactive-border-color: var(--hmf-gray300);
}
.quickview-container :root, .quickview-container :root.hmf-calia-theme,
.quickview-container :root .hmf-calia-theme {
  --hmf-checkbox-active-background: var(--hmf-gray200);
  --hmf-checkbox-active-border-color: var(--hmf-gray500);
  --hmf-checkbox-active-checked-background: var(--hmf-gray800);
  --hmf-checkbox-active-checked-border-color: var(--hmf-gray800);
  --hmf-checkbox-base-checked-color: var(--hmf-gray800);
  --hmf-checkbox-base-color: var(--hmf-gray700);
  --hmf-checkbox-check-icon-dark: var(--hmf-gray500);
  --hmf-checkbox-check-icon-light: var(--hmf-gray50);
  --hmf-checkbox-checked-background: var(--hmf-gray900);
  --hmf-checkbox-checked-border-color: var(--hmf-gray900);
  --hmf-checkbox-disabled-color: var(--hmf-gray500);
  --hmf-checkbox-disabled-span-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-disabled-span-checked-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-checked-border-color: var(--hmf-gray200);
  --hmf-checkbox-error-color: var(--hmf-red600);
  --hmf-checkbox-error-span-background: var(--hmf-red100);
  --hmf-checkbox-error-span-border-color: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-background: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-border-color: var(--hmf-red600);
  --hmf-checkbox-focus-outline: 1px dashed var(--hmf-gray600);
  --hmf-checkbox-hover-span-background: var(--hmf-gray100);
  --hmf-checkbox-hover-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-hover-span-border: var(--hmf-gray900);
  --hmf-checkbox-hover-span-checked-background: var(--hmf-gray700);
  --hmf-checkbox-hover-span-checked-border-color: var(--hmf-gray700);
  --hmf-checkbox-span-background: var(--hmf-gray50);
  --hmf-checkbox-span-border: var(--hmf-gray600);
}
.quickview-container :root, .quickview-container :root.hmf-calia-theme,
.quickview-container :root .hmf-calia-theme {
  --hmf-chip-font-size: var(--body-font-size-m);
  --hmf-chip-line-height: var(--body-line-height-m);
  --hmf-chip-font-weight: var(--font-primary-bold-weight);
  --hmf-chip-font-family: var(--font-primary);
  --hmf-chip-letter-spacing: var(--body-letter-spacing);
  --hmf-chip-background-color: var(--hmf-gray200);
  --hmf-chip-color: var(--hmf-gray900);
  --hmf-chip-hover-background-color: var(--hmf-gray400);
  --hmf-chip-focus-background-color: var(--hmf-gray400);
  --hmf-chip-focus-outline: 1px dashed var(--hmf-primary500);
}
.quickview-container :root.hmf-calia-theme,
.quickview-container :root .hmf-calia-theme {
  --hmf-product-availability-cancel-icon-color: var(--hmf-red500);
  --hmf-product-availability-warning-icon-color: var(--hmf-yellow500);
  --hmf-product-availability-success-icon-color: var(--hmf-primary500);
}
.quickview-container :root.hmf-calia-theme,
.quickview-container :root .hmf-calia-theme {
  --hmf-product-title-text-color: var(--hmf-gray900);
  --hmf-product-title-font-size: var(--label-font-size-l);
  --hmf-product-title-line-height: var(--label-line-height-l);
  --hmf-product-title-font-weight: 500;
  --hmf-product-title-font-family: var(--font-primary);
  --hmf-product-title-letter-spacing: var(--label-letter-spacing);
}
.quickview-container :root.hmf-calia-theme,
.quickview-container :root .hmf-calia-theme {
  --hmf-promotion-text-color: var(--hmf-gray500);
  --hmf-promotion-font-weight: var(--font-primary-regular-weight);
  --hmf-promotion-font-family: var(--font-primary);
  --hmf-promotion-letter-spacing: var(--body-letter-spacing);
}
.quickview-container :root.hmf-calia-theme,
.quickview-container :root .hmf-calia-theme {
  --hmf-recommendation-card-hover-color: var(--hmf-gray400);
  --hmf-recommendation-card-background-color: var(--hmf-gray50);
  --hmf-recommendation-card-text-color: var(--hmf-gray900);
  --hmf-recommendation-card-price-color: var(--hmf-gray500);
}
.quickview-container :root, .quickview-container :root.hmf-calia-theme,
.quickview-container :root .hmf-calia-theme {
  --hmf-panel-font-size: var(--body-font-size-s);
  --hmf-panel-line-height: var(--body-line-height-s);
  --hmf-panel-font-weight: normal;
  --hmf-panel-font-family: var(--font-primary);
  --hmf-panel-letter-spacing: normal;
  --hmf-panel-content-background-color: var(--hmf-gray50);
  --hmf-panel-header-background-color: var(--hmf-gray100);
  --hmf-panel-overlay-background-color: var(--hmf-gray900);
  --hmf-panel-close-button-hover-background-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-background-color: var(--hmf-gray200);
  --hmf-panel-header-border-color: var(--hmf-gray100);
  --hmf-panel-close-button-hover-border-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-border-color: var(--hmf-gray200);
}
.quickview-container :root.hmf-calia-theme,
.quickview-container :root .hmf-calia-theme {
  --hmf-sticky-banner-font-size: var(--body-font-size-s);
  --hmf-sticky-banner-line-height: var(--body-line-height-s);
  --hmf-sticky-banner-font-weight: normal;
  --hmf-sticky-banner-font-family: var(--font-primary);
  --hmf-sticky-banner-letter-spacing: normal;
  --hmf-sticky-banner-content-background-color: var(--hmf-gray50);
  --hmf-sticky-banner-content-border-color: var(--hmf-gray200);
}
.quickview-container :root.hmf-calia-theme,
.quickview-container :root .hmf-calia-theme {
  --hmf-text-link-color: var(--hmf-gray900);
  --hmf-text-link-active-color: var(--hmf-gray600);
  --hmf-text-link-font-size: var(--body-font-size-m);
  --hmf-text-link-line-height: var(--body-line-height-m);
  --hmf-text-link-font-weight: var(--font-primary-regular-weight);
  --hmf-text-link-font-family: var(--font-primary);
  --hmf-text-link-letter-spacing: var(--body-letter-spacing);
}
.quickview-container :root, .quickview-container :root.hmf-calia-theme,
.quickview-container :root .hmf-calia-theme {
  --hmf-text-input-font-size: var(--body-font-size-m);
  --hmf-text-input-line-height: var(--body-line-height-m);
  --hmf-text-input-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-font-family: var(--font-primary);
  --hmf-text-input-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-text-area-font-size: var(--body-font-size-m);
  --hmf-text-input-text-area-line-height: var(--body-line-height-m);
  --hmf-text-input-text-area-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-text-area-font-family: var(--font-primary);
  --hmf-text-input-text-area-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-border: 1px solid var(--hmf-gray700);
  --hmf-text-input-background-color: var(--hmf-gray50);
  --hmf-text-input-input-color: var(--hmf-gray900);
  --hmf-text-input-input-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-focused-border: 1px solid var(--hmf-primary300);
  --hmf-text-input-disabled-background-color: var(--hmf-gray200);
  --hmf-text-input-disabled-color: var(--hmf-gray700);
  --hmf-text-input-disabled-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-label-color: var(--hmf-gray900);
  --hmf-text-input-color: var(--hmf-gray700);
  --hmf-text-input-error-label-color: var(--hmf-red700);
  --hmf-text-input-error-color: var(--hmf-red700);
  --hmf-text-input-error-border: 1px solid var(--hmf-red700);
  --hmf-text-input-error-background-color: rgb(230 108 70 / 0.2);
  --hmf-text-input-error-placeholder-color: var(--hmf-gray900);
  --hmf-text-input-error-svg-fill: var(--hmf-red700);
}
.quickview-container :root.hmf-g3-theme,
.quickview-container :root .hmf-g3-theme {
  --hmf-focus-outline: 1px dashed var(--hmf-secondary500);
}
.quickview-container :root.hmf-g3-theme,
.quickview-container :root .hmf-g3-theme {
  --hmf-background-base: var(--hmf-gray50);
  --hmf-background-base-subtle: var(--hmf-gray100);
  --hmf-background-inverse: var(--hmf-gray900);
  --hmf-background-inverse-subtle: var(--hmf-gray800);
  --hmf-background-primary: var(--hmf-secondary600);
  --hmf-fill-base: var(--hmf-gray50);
  --hmf-fill-base-subtle: var(--hmf-gray100);
  --hmf-fill-base-prominent: var(--hmf-gray200);
  --hmf-fill-creative-primary: var(--hmf-secondary600);
  --hmf-fill-inverse: var(--hmf-gray900);
  --hmf-fill-inverse-subtle: var(--hmf-gray700);
  --hmf-fill-primary-static: var(--hmf-secondary600);
  --hmf-fill-primary-hover: var(--hmf-secondary700);
  --hmf-fill-primary-active: var(--hmf-secondary500);
  --hmf-fill-secondary-static: var(--hmf-gray50);
  --hmf-fill-secondary-static-subtle: var(--hmf-gray100);
  --hmf-fill-secondary-hover: var(--hmf-gray100);
  --hmf-fill-secondary-hover-subtle: var(--hmf-gray200);
  --hmf-fill-secondary-active: var(--hmf-gray200);
  --hmf-fill-secondary-active-subtle: var(--hmf-gray100);
  --hmf-fill-tertiary-static: var(--hmf-gray900);
  --hmf-fill-tertiary-hover: var(--hmf-gray700);
  --hmf-fill-tertiary-active: var(--hmf-gray800);
  --hmf-fill-disabled: var(--hmf-gray500);
  --hmf-fill-disabled-subtle: var(--hmf-gray200);
  --hmf-fill-negative: var(--hmf-red600);
  --hmf-fill-negative-subtle: var(--hmf-red100);
  --hmf-fill-negative-static: var(--hmf-red600);
  --hmf-fill-negative-hover: var(--hmf-red800);
  --hmf-fill-negative-active: var(--hmf-red700);
  --hmf-fill-sale: var(--hmf-red600);
  --hmf-fill-warning: var(--hmf-yellow300);
  --hmf-fill-warning-subtle: var(--hmf-yellow50);
  --hmf-fill-positive: var(--hmf-secondary500);
  --hmf-fill-positive-subtle: var(--hmf-secondary100);
  --hmf-fill-marketing-static: var(--hmf-primary600);
  --hmf-fill-marketing-hover: var(--hmf-primary700);
  --hmf-fill-marketing-active: var(--hmf-primary500);
  --hmf-fill-scorecard: var(--hmf-primary400);
  --hmf-fill-scorecard-subtle: var(--hmf-primary200);
  --hmf-fill-scorecard-gold: var(--hmf-gold300);
  --hmf-fill-scorecard-gold-subtle: var(--hmf-gold200);
  --hmf-fill-calia: var(--hmf-calia600);
  --hmf-fill-calia-subtle: var(--hmf-calia200);
  --hmf-fill-vrst: var(--hmf-vrst600);
  --hmf-fill-vrst-subtle: var(--hmf-vrst200);
  --hmf-label-base: var(--hmf-gray900);
  --hmf-label-base-subtle: var(--hmf-gray600);
  --hmf-label-inverse-base: var(--hmf-gray50);
  --hmf-label-inverse-subtle: var(--hmf-gray100);
  --hmf-label-primary-static: var(--hmf-secondary600);
  --hmf-label-primary-hover: var(--hmf-secondary900);
  --hmf-label-primary-active: var(--hmf-secondary700);
  --hmf-label-secondary-static: var(--hmf-gray900);
  --hmf-label-secondary-hover: var(--hmf-gray700);
  --hmf-label-secondary-active: var(--hmf-gray800);
  --hmf-label-secondary-subtle-static: var(--hmf-gray600);
  --hmf-label-secondary-subtle-hover: var(--hmf-gray900);
  --hmf-label-secondary-subtle-active: var(--hmf-gray800);
  --hmf-label-tertiary-static: var(--hmf-gray900);
  --hmf-label-tertiary-hover: var(--hmf-secondary600);
  --hmf-label-tertiary-active: var(--hmf-secondary500);
  --hmf-label-sale: var(--hmf-red800);
  --hmf-label-disabled: var(--hmf-gray500);
  --hmf-label-disabled-subtle: var(--hmf-gray200);
  --hmf-label-negative: var(--hmf-red600);
  --hmf-label-positive: var(--hmf-secondary600);
  --hmf-label-warning: var(--hmf-yellow600);
  --hmf-label-marketing-static: var(--hmf-gray50);
  --hmf-label-marketing-hover: var(--hmf-gray100);
  --hmf-label-marketing-active: var(--hmf-gray100);
  --hmf-label-scorecard: var(--hmf-primary600);
  --hmf-border-base: var(--hmf-gray300);
  --hmf-border-base-subtle: var(--hmf-gray200);
  --hmf-border-base-prominent: var(--hmf-gray400);
  --hmf-border-inverse: var(--hmf-gray900);
  --hmf-border-inverse-subtle: var(--hmf-gray700);
  --hmf-border-primary-static: var(--hmf-secondary600);
  --hmf-border-primary-hover: var(--hmf-secondary700);
  --hmf-border-primary-active: var(--hmf-secondary500);
  --hmf-border-secondary-static: var(--hmf-gray900);
  --hmf-border-secondary-hover: var(--hmf-gray700);
  --hmf-border-secondary-active: var(--hmf-gray800);
  --hmf-border-secondary-subtle-static: var(--hmf-gray600);
  --hmf-border-secondary-subtle-hover: var(--hmf-gray400);
  --hmf-border-secondary-subtle-active: var(--hmf-gray500);
  --hmf-border-tertiary-static: var(--hmf-gray900);
  --hmf-border-tertiary-hover: var(--hmf-secondary600);
  --hmf-border-tertiary-active: var(--hmf-secondary500);
  --hmf-border-focused: var(--hmf-primary600);
  --hmf-border-inverse-focused: var(--hmf-gray50);
  --hmf-border-disabled: var(--hmf-gray500);
  --hmf-border-disabled-subtle: var(--hmf-gray200);
  --hmf-border-negative: var(--hmf-red600);
  --hmf-border-warning: var(--hmf-yellow500);
  --hmf-border-positive: var(--hmf-secondary600);
  --hmf-border-scorecard-subtle: var(--hmf-primary100);
  --hmf-border-scorecard-gold: var(--hmf-gold400);
  --hmf-border-scorecard-gold-subtle: var(--hmf-gold100);
}
.quickview-container :root.hmf-g3-theme,
.quickview-container :root .hmf-g3-theme {
  --font-display: "DSG Sans", sans-serif;
  --font-primary: "Roboto", sans-serif;
  --font-label: "Roboto", sans-serif;
  --font-primary-regular-weight: 400;
  --font-primary-bold-weight: 700;
  --font-display-weight: 500;
}
.quickview-container :root.hmf-g3-theme,
.quickview-container :root .hmf-g3-theme {
  --hmf-primary50: #f4fbf6;
  --hmf-primary100: #e0f4e7;
  --hmf-primary200: #b3e4c3;
  --hmf-primary300: #80d29b;
  --hmf-primary400: #26b355;
  --hmf-primary500: #00a537;
  --hmf-primary600: #007916;
  --hmf-primary700: #005c11;
  --hmf-primary800: #004d0e;
  --hmf-primary900: #002e08;
  --hmf-secondary50: #f4faf9;
  --hmf-secondary100: #d1ebe6;
  --hmf-secondary200: #b3ddd6;
  --hmf-secondary300: #80c6ba;
  --hmf-secondary400: #4daf9e;
  --hmf-secondary500: #008d75;
  --hmf-secondary600: #006554;
  --hmf-secondary700: #005343;
  --hmf-secondary800: #00493a;
  --hmf-secondary900: #00291e;
  --hmf-tertiary50: #fdfaf7;
  --hmf-tertiary100: #f9f2eb;
  --hmf-tertiary200: #ecd5bc;
  --hmf-tertiary300: #e4c4a5;
  --hmf-tertiary400: #daaf86;
  --hmf-tertiary500: #c3864b;
  --hmf-tertiary600: #936334;
  --hmf-tertiary700: #6a4929;
  --hmf-tertiary800: #553a21;
  --hmf-tertiary900: #332314;
  --hmf-accent50: #fff7f5;
  --hmf-accent100: #ffede7;
  --hmf-accent200: #ffd1c3;
  --hmf-accent300: #ffb39c;
  --hmf-accent400: #ff6638;
  --hmf-accent500: #ff5e32;
  --hmf-accent600: #d12d00;
  --hmf-accent700: #992100;
  --hmf-accent800: #801b00;
  --hmf-accent900: #4d1000;
}
.quickview-container :root.hmf-g3-theme,
.quickview-container :root .hmf-g3-theme {
  /*********** GENERIC STYLING ***********/
  --hmf-button-border-radius: var(--hmf-sharp-radius);
  /*********** PRIMARY BUTTONS ***********/
  --hmf-button-primary-text-color: var(--hmf-gray50);
  --hmf-button-primary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-primary-background-color: var(--hmf-secondary800);
  --hmf-button-primary-active-background-color: var(--hmf-secondary700);
  --hmf-button-primary-hover-background-color: var(--hmf-secondary900);
  --hmf-button-primary-inactive-background-color: var(--hmf-gray300);
  --hmf-button-primary-border-color: var(--hmf-secondary800);
  --hmf-button-primary-hover-border-color: var(--hmf-secondary900);
  --hmf-button-primary-active-border-color: var(--hmf-secondary700);
  --hmf-button-primary-inactive-border-color: var(--hmf-gray300);
  /*********** SECONDARY BUTTONS ***********/
  --hmf-button-secondary-text-color: var(--hmf-gray900);
  --hmf-button-secondary-active-text-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-text-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-secondary-background-color: var(--hmf-gray50);
  --hmf-button-secondary-active-background-color: var(--hmf-gray400);
  --hmf-button-secondary-hover-background-color: var(--hmf-gray200);
  --hmf-button-secondary-inactive-background-color: var(--hmf-gray50);
  --hmf-button-secondary-border-color: var(--hmf-gray900);
  --hmf-button-secondary-active-border-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-border-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-border-color: var(--hmf-gray400);
  /*********** TERTIARY BUTTONS ***********/
  --hmf-button-tertiary-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-hover-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-active-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-inactive-text-color: var(--hmf-gray500);
  --hmf-button-tertiary-background-color: var(--hmf-fill-secondary-static);
  --hmf-button-tertiary-active-background-color: var(--hmf-fill-secondary-active);
  --hmf-button-tertiary-hover-background-color: var(--hmf-fill-secondary-hover);
  --hmf-button-tertiary-inactive-background-color: var(--hmf-gray100);
  --hmf-button-tertiary-border-color: var(--hmf-fill-secondary-static);
  --hmf-button-tertiary-active-border-color: var(--hmf-fill-secondary-active);
  --hmf-button-tertiary-hover-border-color: var(--hmf-fill-secondary-hover);
  --hmf-button-tertiary-inactive-border-color: var(--hmf-gray100);
  /*********** MARKETING BUTTONS ***********/
  --hmf-button-marketing-text-color: var(--hmf-gray50);
  --hmf-button-marketing-inactive-text-color: var(--hmf-gray50);
  --hmf-button-marketing-hover-text-color: var(--hmf-gray50);
  --hmf-button-marketing-active-text-color: var(--hmf-gray900);
  --hmf-button-marketing-background-color: var(--hmf-primary600);
  --hmf-button-marketing-active-background-color: var(--hmf-primary500);
  --hmf-button-marketing-hover-background-color: var(--hmf-primary700);
  --hmf-button-marketing-inactive-background-color: var(--hmf-gray300);
  --hmf-button-marketing-border-color: var(--hmf-primary600);
  --hmf-button-marketing-active-border-color: var(--hmf-primary500);
  --hmf-button-marketing-hover-border-color: var(--hmf-primary700);
  --hmf-button-marketing-inactive-border-color: var(--hmf-gray300);
  /*********** DESTRUCTIVE BUTTONS ***********/
  --hmf-button-destructive-text-color: var(--hmf-label-inverse-base);
  --hmf-button-destructive-inactive-text-color: var(--hmf-label-disabled);
  --hmf-button-destructive-hover-text-color: var( --hmf-label-inverse-base);
  --hmf-button-destructive-active-text-color: var(--hmf-label-inverse-base);
  --hmf-button-destructive-background-color: var(--hmf-fill-negative-static);
  --hmf-button-destructive-active-background-color: var(--hmf-fill-negative-active);
  --hmf-button-destructive-hover-background-color: var(--hmf-fill-negative-hover);
  --hmf-button-destructive-inactive-background-color: var(--hmf-fill-disabled-subtle);
  --hmf-button-destructive-border-color: var(--hmf-fill-negative-static);
  --hmf-button-destructive-active-border-color: var(--hmf-fill-negative-active);
  --hmf-button-destructive-hover-border-color: var(--hmf-fill-negative-hover);
  --hmf-button-destructive-inactive-border-color: var(--hmf-fill-disabled-subtle);
}
.quickview-container :root, .quickview-container :root.hmf-g3-theme,
.quickview-container :root .hmf-g3-theme {
  --hmf-checkbox-active-background: var(--hmf-gray200);
  --hmf-checkbox-active-border-color: var(--hmf-gray500);
  --hmf-checkbox-active-checked-background: var(--hmf-gray800);
  --hmf-checkbox-active-checked-border-color: var(--hmf-gray800);
  --hmf-checkbox-base-checked-color: var(--hmf-gray800);
  --hmf-checkbox-base-color: var(--hmf-gray700);
  --hmf-checkbox-check-icon-dark: var(--hmf-gray500);
  --hmf-checkbox-check-icon-light: var(--hmf-gray50);
  --hmf-checkbox-checked-background: var(--hmf-gray900);
  --hmf-checkbox-checked-border-color: var(--hmf-gray900);
  --hmf-checkbox-disabled-color: var(--hmf-gray500);
  --hmf-checkbox-disabled-span-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-disabled-span-checked-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-checked-border-color: var(--hmf-gray200);
  --hmf-checkbox-error-color: var(--hmf-red600);
  --hmf-checkbox-error-span-background: var(--hmf-red100);
  --hmf-checkbox-error-span-border-color: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-background: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-border-color: var(--hmf-red600);
  --hmf-checkbox-focus-outline: 1px dashed var(--hmf-gray600);
  --hmf-checkbox-hover-span-background: var(--hmf-gray100);
  --hmf-checkbox-hover-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-hover-span-border: var(--hmf-gray900);
  --hmf-checkbox-hover-span-checked-background: var(--hmf-gray700);
  --hmf-checkbox-hover-span-checked-border-color: var(--hmf-gray700);
  --hmf-checkbox-span-background: var(--hmf-gray50);
  --hmf-checkbox-span-border: var(--hmf-gray600);
}
.quickview-container :root, .quickview-container :root.hmf-g3-theme,
.quickview-container :root .hmf-g3-theme {
  --hmf-chip-font-size: var(--body-font-size-m);
  --hmf-chip-line-height: var(--body-line-height-m);
  --hmf-chip-font-weight: var(--font-primary-bold-weight);
  --hmf-chip-font-family: var(--font-primary);
  --hmf-chip-letter-spacing: var(--body-letter-spacing);
  --hmf-chip-background-color: var(--hmf-gray200);
  --hmf-chip-color: var(--hmf-gray900);
  --hmf-chip-hover-background-color: var(--hmf-gray400);
  --hmf-chip-focus-background-color: var(--hmf-gray400);
  --hmf-chip-focus-outline: 1px dashed var(--hmf-primary500);
}
.quickview-container :root.hmf-g3-theme,
.quickview-container :root .hmf-g3-theme {
  --hmf-product-availability-cancel-icon-color: var(--hmf-red500);
  --hmf-product-availability-warning-icon-color: var(--hmf-accent500);
  --hmf-product-availability-success-icon-color: var(--hmf-primary500);
}
.quickview-container :root.hmf-g3-theme,
.quickview-container :root .hmf-g3-theme {
  --hmf-product-title-text-color: var(--hmf-gray900);
  --hmf-product-title-font-size: var(--label-font-size-l);
  --hmf-product-title-line-height: var(--label-line-height-l);
  --hmf-product-title-font-weight: 500;
  --hmf-product-title-font-family: var(--font-primary);
  --hmf-product-title-letter-spacing: var(--label-letter-spacing);
}
.quickview-container :root.hmf-g3-theme,
.quickview-container :root .hmf-g3-theme {
  --hmf-promotion-text-color: var(--hmf-gray500);
  --hmf-promotion-font-weight: var(--font-primary-regular-weight);
  --hmf-promotion-font-family: var(--font-primary);
  --hmf-promotion-letter-spacing: var(--body-letter-spacing);
}
.quickview-container :root.hmf-g3-theme,
.quickview-container :root .hmf-g3-theme {
  --hmf-recommendation-card-hover-color: var(--hmf-gray400);
  --hmf-recommendation-card-background-color: var(--hmf-gray50);
  --hmf-recommendation-card-text-color: var(--hmf-gray900);
  --hmf-recommendation-card-price-color: var(--hmf-gray500);
}
.quickview-container :root, .quickview-container :root.hmf-g3-theme,
.quickview-container :root .hmf-g3-theme {
  --hmf-panel-font-size: var(--body-font-size-s);
  --hmf-panel-line-height: var(--body-line-height-s);
  --hmf-panel-font-weight: normal;
  --hmf-panel-font-family: var(--font-primary);
  --hmf-panel-letter-spacing: normal;
  --hmf-panel-content-background-color: var(--hmf-gray50);
  --hmf-panel-header-background-color: var(--hmf-gray100);
  --hmf-panel-overlay-background-color: var(--hmf-gray900);
  --hmf-panel-close-button-hover-background-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-background-color: var(--hmf-gray200);
  --hmf-panel-header-border-color: var(--hmf-gray100);
  --hmf-panel-close-button-hover-border-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-border-color: var(--hmf-gray200);
}
.quickview-container :root.hmf-g3-theme,
.quickview-container :root .hmf-g3-theme {
  --hmf-sticky-banner-font-size: var(--body-font-size-s);
  --hmf-sticky-banner-line-height: var(--body-line-height-s);
  --hmf-sticky-banner-font-weight: normal;
  --hmf-sticky-banner-font-family: var(--font-primary);
  --hmf-sticky-banner-letter-spacing: normal;
  --hmf-sticky-banner-content-background-color: var(--hmf-gray50);
  --hmf-sticky-banner-content-border-color: var(--hmf-gray200);
}
.quickview-container :root.hmf-g3-theme,
.quickview-container :root .hmf-g3-theme {
  --hmf-text-link-color: var(--hmf-gray900);
  --hmf-text-link-active-color: var(--hmf-gray600);
  --hmf-text-link-font-size: var(--body-font-size-m);
  --hmf-text-link-line-height: var(--body-line-height-m);
  --hmf-text-link-font-weight: var(--font-primary-regular-weight);
  --hmf-text-link-font-family: var(--font-primary);
  --hmf-text-link-letter-spacing: var(--body-letter-spacing);
}
.quickview-container :root, .quickview-container :root.hmf-g3-theme,
.quickview-container :root .hmf-g3-theme {
  --hmf-text-input-font-size: var(--body-font-size-m);
  --hmf-text-input-line-height: var(--body-line-height-m);
  --hmf-text-input-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-font-family: var(--font-primary);
  --hmf-text-input-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-text-area-font-size: var(--body-font-size-m);
  --hmf-text-input-text-area-line-height: var(--body-line-height-m);
  --hmf-text-input-text-area-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-text-area-font-family: var(--font-primary);
  --hmf-text-input-text-area-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-border: 1px solid var(--hmf-gray700);
  --hmf-text-input-background-color: var(--hmf-gray50);
  --hmf-text-input-input-color: var(--hmf-gray900);
  --hmf-text-input-input-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-focused-border: 1px solid var(--hmf-primary300);
  --hmf-text-input-disabled-background-color: var(--hmf-gray200);
  --hmf-text-input-disabled-color: var(--hmf-gray700);
  --hmf-text-input-disabled-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-label-color: var(--hmf-gray900);
  --hmf-text-input-color: var(--hmf-gray700);
  --hmf-text-input-error-label-color: var(--hmf-red700);
  --hmf-text-input-error-color: var(--hmf-red700);
  --hmf-text-input-error-border: 1px solid var(--hmf-red700);
  --hmf-text-input-error-background-color: rgb(230 108 70 / 0.2);
  --hmf-text-input-error-placeholder-color: var(--hmf-gray900);
  --hmf-text-input-error-svg-fill: var(--hmf-red700);
}
.quickview-container :root.hmf-gg-theme,
.quickview-container :root .hmf-gg-theme {
  --hmf-focus-outline: 1px dashed var(--hmf-tertiary400);
}
.quickview-container :root.hmf-gg-theme,
.quickview-container :root .hmf-gg-theme {
  --hmf-background-base: var(--hmf-gray50);
  --hmf-background-base-subtle: var(--hmf-gray100);
  --hmf-background-inverse: var(--hmf-gray900);
  --hmf-background-inverse-subtle: var(--hmf-gray800);
  --hmf-background-primary: var(--hmf-primary800);
  --hmf-fill-base: var(--hmf-gray50);
  --hmf-fill-base-subtle: var(--hmf-gray100);
  --hmf-fill-base-prominent: var(--hmf-gray200);
  --hmf-fill-creative-primary: var(--hmf-primary800);
  --hmf-fill-inverse: var(--hmf-gray900);
  --hmf-fill-inverse-subtle: var(--hmf-gray700);
  --hmf-fill-primary-static: var(--hmf-primary600);
  --hmf-fill-primary-hover: var(--hmf-primary700);
  --hmf-fill-primary-active: var(--hmf-primary500);
  --hmf-fill-secondary-static: var(--hmf-gray50);
  --hmf-fill-secondary-static-subtle: var(--hmf-gray100);
  --hmf-fill-secondary-hover: var(--hmf-gray100);
  --hmf-fill-secondary-hover-subtle: var(--hmf-gray200);
  --hmf-fill-secondary-active: var(--hmf-gray200);
  --hmf-fill-secondary-active-subtle: var(--hmf-gray100);
  --hmf-fill-tertiary-static: var(--hmf-gray900);
  --hmf-fill-tertiary-hover: var(--hmf-gray700);
  --hmf-fill-tertiary-active: var(--hmf-gray800);
  --hmf-fill-disabled: var(--hmf-gray500);
  --hmf-fill-disabled-subtle: var(--hmf-gray200);
  --hmf-fill-negative: var(--hmf-red600);
  --hmf-fill-negative-subtle: var(--hmf-red100);
  --hmf-fill-negative-static: var(--hmf-red600);
  --hmf-fill-negative-hover: var(--hmf-red800);
  --hmf-fill-negative-active: var(--hmf-red700);
  --hmf-fill-sale: var(--hmf-red600);
  --hmf-fill-warning: var(--hmf-yellow300);
  --hmf-fill-warning-subtle: var(--hmf-yellow50);
  --hmf-fill-positive: var(--hmf-primary500);
  --hmf-fill-positive-subtle: var(--hmf-primary100);
  --hmf-fill-marketing-static: var(--hmf-primary800);
  --hmf-fill-marketing-hover: var(--hmf-primary900);
  --hmf-fill-marketing-active: var(--hmf-primary700);
  --hmf-fill-scorecard: var(--hmf-primary400);
  --hmf-fill-scorecard-subtle: var(--hmf-primary200);
  --hmf-fill-scorecard-gold: var(--hmf-gold300);
  --hmf-fill-scorecard-gold-subtle: var(--hmf-gold200);
  --hmf-fill-calia: var(--hmf-calia600);
  --hmf-fill-calia-subtle: var(--hmf-calia200);
  --hmf-fill-vrst: var(--hmf-vrst600);
  --hmf-fill-vrst-subtle: var(--hmf-vrst200);
  --hmf-label-base: var(--hmf-gray900);
  --hmf-label-base-subtle: var(--hmf-gray600);
  --hmf-label-inverse-base: var(--hmf-gray50);
  --hmf-label-inverse-subtle: var(--hmf-gray100);
  --hmf-label-primary-static: var(--hmf-primary600);
  --hmf-label-primary-hover: var(--hmf-primary700);
  --hmf-label-primary-active: var(--hmf-primary500);
  --hmf-label-secondary-static: var(--hmf-gray900);
  --hmf-label-secondary-hover: var(--hmf-gray700);
  --hmf-label-secondary-active: var(--hmf-gray800);
  --hmf-label-secondary-subtle-static: var(--hmf-gray600);
  --hmf-label-secondary-subtle-hover: var(--hmf-gray900);
  --hmf-label-secondary-subtle-active: var(--hmf-gray800);
  --hmf-label-tertiary-static: var(--hmf-gray900);
  --hmf-label-tertiary-hover: var(--hmf-primary600);
  --hmf-label-tertiary-active: var(--hmf-primary500);
  --hmf-label-sale: var(--hmf-red800);
  --hmf-label-disabled: var(--hmf-gray500);
  --hmf-label-disabled-subtle: var(--hmf-gray200);
  --hmf-label-negative: var(--hmf-red600);
  --hmf-label-positive: var(--hmf-secondary600);
  --hmf-label-warning: var(--hmf-yellow600);
  --hmf-label-marketing-static: var(--hmf-gray50);
  --hmf-label-marketing-hover: var(--hmf-gray100);
  --hmf-label-marketing-active: var(--hmf-gray100);
  --hmf-label-scorecard: var(--hmf-primary600);
  --hmf-border-base: var(--hmf-gray300);
  --hmf-border-base-subtle: var(--hmf-gray200);
  --hmf-border-base-prominent: var(--hmf-gray400);
  --hmf-border-inverse: var(--hmf-gray900);
  --hmf-border-inverse-subtle: var(--hmf-gray700);
  --hmf-border-primary-static: var(--hmf-primary600);
  --hmf-border-primary-hover: var(--hmf-primary700);
  --hmf-border-primary-active: var(--hmf-primary500);
  --hmf-border-secondary-static: var(--hmf-gray900);
  --hmf-border-secondary-hover: var(--hmf-gray700);
  --hmf-border-secondary-active: var(--hmf-gray800);
  --hmf-border-secondary-subtle-static: var(--hmf-gray600);
  --hmf-border-secondary-subtle-hover: var(--hmf-gray400);
  --hmf-border-secondary-subtle-active: var(--hmf-gray500);
  --hmf-border-tertiary-static: var(--hmf-gray900);
  --hmf-border-tertiary-hover: var(--hmf-primary600);
  --hmf-border-tertiary-active: var(--hmf-primary500);
  --hmf-border-focused: var(--hmf-primary500);
  --hmf-border-inverse-focused: var(--hmf-gray50);
  --hmf-border-disabled: var(--hmf-gray500);
  --hmf-border-disabled-subtle: var(--hmf-gray200);
  --hmf-border-negative: var(--hmf-red600);
  --hmf-border-warning: var(--hmf-yellow500);
  --hmf-border-positive: var(--hmf-primary600);
  --hmf-border-scorecard-subtle: var(--hmf-primary100);
  --hmf-border-scorecard-gold: var(--hmf-gold400);
  --hmf-border-scorecard-gold-subtle: var(--hmf-gold100);
}
.quickview-container :root.hmf-gg-theme,
.quickview-container :root .hmf-gg-theme {
  --font-display: "Vitesse", serif;
  --font-primary: "Hind Siliguri", serif;
  --font-label: "Hind Siliguri", sans-serif;
  --font-primary-regular-weight: 400;
  --font-primary-bold-weight: 700;
  --font-display-weight: 325;
}
.quickview-container :root.hmf-gg-theme,
.quickview-container :root .hmf-gg-theme {
  /* DISPLAY TEXT */
  --display-font-size-xl: 8rem;
  --display-line-height-xl: 8rem;
  --display-font-size-xxl: 12rem;
  --display-letter-spacing-xxl: 0;
  --display-line-height-xxl: 12rem;
}
.quickview-container :root.hmf-gg-theme,
.quickview-container :root .hmf-gg-theme {
  /* LABELS */
  --label-letter-spacing: 0.1rem;
}
.quickview-container :root.hmf-gg-theme,
.quickview-container :root .hmf-gg-theme {
  /* LEGAL */
  --legal-letter-spacing: 0.05rem;
  --legal-font-size-xs: 1.1rem;
  --legal-line-height-xs: 1.4rem;
  --legal-font-size-s: 1.2rem;
  --legal-line-height-s: 1.6rem;
}
.quickview-container :root.hmf-gg-theme,
.quickview-container :root .hmf-gg-theme {
  --hmf-primary50: #f9fafb;
  --hmf-primary100: #e2e6ea;
  --hmf-primary200: #d3d9df;
  --hmf-primary300: #b7c1ca;
  --hmf-primary400: #8798a7;
  --hmf-primary500: #5b748a;
  --hmf-primary600: #51677b;
  --hmf-primary700: #335069;
  --hmf-primary800: #001f39;
  --hmf-primary900: #041326;
  --hmf-secondary50: #f9f9f5;
  --hmf-secondary100: #edeee1;
  --hmf-secondary200: #d7dabe;
  --hmf-secondary300: #d1d5b4;
  --hmf-secondary400: #b3ba83;
  --hmf-secondary500: #7e892b;
  --hmf-secondary600: #677406;
  --hmf-secondary700: #475403;
  --hmf-secondary800: #394402;
  --hmf-secondary900: #212801;
  --hmf-tertiary50: #f9fafb;
  --hmf-tertiary100: #e5ebee;
  --hmf-tertiary200: #dae3e7;
  --hmf-tertiary300: #bdced6;
  --hmf-tertiary400: #91aeba;
  --hmf-tertiary500: #658d9e;
  --hmf-tertiary600: #235c75;
  --hmf-tertiary700: #1a4a62;
  --hmf-tertiary800: #154158;
  --hmf-tertiary900: #0a2738;
  --hmf-accent50: #f9fafb;
  --hmf-accent100: #e5ebee;
  --hmf-accent200: #dae3e7;
  --hmf-accent300: #bdced6;
  --hmf-accent400: #91aeba;
  --hmf-accent500: #658d9e;
  --hmf-accent600: #235c75;
  --hmf-accent700: #1a4a62;
  --hmf-accent800: #154158;
  --hmf-accent900: #0a2738;
}
.quickview-container :root, .quickview-container :root.hmf-gg-theme,
.quickview-container :root .hmf-gg-theme {
  /*********** GENERIC STYLING ***********/
  --hmf-button-border-radius: var(--hmf-sharp-radius);
  /*********** PRIMARY BUTTONS ***********/
  --hmf-button-primary-text-color: var(--hmf-gray50);
  --hmf-button-primary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-primary-background-color: var(--hmf-secondary500);
  --hmf-button-primary-active-background-color: var(--hmf-secondary700);
  --hmf-button-primary-hover-background-color: var(--hmf-secondary300);
  --hmf-button-primary-inactive-background-color: var(--hmf-gray300);
  --hmf-button-primary-border-color: var(--hmf-secondary500);
  --hmf-button-primary-hover-border-color: var(--hmf-secondary300);
  --hmf-button-primary-active-border-color: var(--hmf-secondary700);
  --hmf-button-primary-inactive-border-color: var(--hmf-gray300);
  /*********** SECONDARY BUTTONS ***********/
  --hmf-button-secondary-text-color: var(--hmf-gray900);
  --hmf-button-secondary-active-text-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-text-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-secondary-background-color: var(--hmf-gray50);
  --hmf-button-secondary-active-background-color: var(--hmf-gray400);
  --hmf-button-secondary-hover-background-color: var(--hmf-gray200);
  --hmf-button-secondary-inactive-background-color: var(--hmf-gray50);
  --hmf-button-secondary-border-color: var(--hmf-gray900);
  --hmf-button-secondary-active-border-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-border-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-border-color: var(--hmf-gray400);
  /*********** TERTIARY BUTTONS ***********/
  --hmf-button-tertiary-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-hover-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-active-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-inactive-text-color: var(--hmf-gray500);
  --hmf-button-tertiary-background-color: var(--hmf-fill-secondary-static);
  --hmf-button-tertiary-active-background-color: var(--hmf-fill-secondary-active);
  --hmf-button-tertiary-hover-background-color: var(--hmf-fill-secondary-hover);
  --hmf-button-tertiary-inactive-background-color: var(--hmf-gray100);
  --hmf-button-tertiary-border-color: var(--hmf-fill-secondary-static);
  --hmf-button-tertiary-active-border-color: var(--hmf-fill-secondary-active);
  --hmf-button-tertiary-hover-border-color: var(--hmf-fill-secondary-hover);
  --hmf-button-tertiary-inactive-border-color: var(--hmf-gray100);
  /*********** MARKETING BUTTONS ***********/
  --hmf-button-marketing-text-color: var(--hmf-gray50);
  --hmf-button-marketing-inactive-text-color: var(--hmf-gray600);
  --hmf-button-marketing-hover-text-color: var(--hmf-gray50);
  --hmf-button-marketing-active-text-color: var(--hmf-gray50);
  --hmf-button-marketing-background-color: var(--hmf-primary600);
  --hmf-button-marketing-active-background-color: var(--hmf-primary500);
  --hmf-button-marketing-hover-background-color: var(--hmf-primary300);
  --hmf-button-marketing-inactive-background-color: var(--hmf-gray300);
  --hmf-button-marketing-border-color: var(--hmf-primary600);
  --hmf-button-marketing-active-border-color: var(--hmf-primary500);
  --hmf-button-marketing-hover-border-color: var(--hmf-primary300);
  --hmf-button-marketing-inactive-border-color: var(--hmf-gray300);
  /*********** DESTRUCTIVE BUTTONS ***********/
  --hmf-button-destructive-text-color: var(--hmf-label-inverse-base);
  --hmf-button-destructive-inactive-text-color: var(--hmf-label-disabled);
  --hmf-button-destructive-hover-text-color: var( --hmf-label-inverse-base);
  --hmf-button-destructive-active-text-color: var(--hmf-label-inverse-base);
  --hmf-button-destructive-background-color: var(--hmf-fill-negative-static);
  --hmf-button-destructive-active-background-color: var(--hmf-fill-negative-active);
  --hmf-button-destructive-hover-background-color: var(--hmf-fill-negative-hover);
  --hmf-button-destructive-inactive-background-color: var(--hmf-fill-disabled-subtle);
  --hmf-button-destructive-border-color: var(--hmf-fill-negative-static);
  --hmf-button-destructive-active-border-color: var(--hmf-fill-negative-active);
  --hmf-button-destructive-hover-border-color: var(--hmf-fill-negative-hover);
  --hmf-button-destructive-inactive-border-color: var(--hmf-fill-disabled-subtle);
}
.quickview-container :root.hmf-gg-theme,
.quickview-container :root .hmf-gg-theme {
  --hmf-button-primary-active-background-color: var(--hmf-secondary600);
  --hmf-button-primary-active-border-color: var(--hmf-secondary600);
  --hmf-button-marketing-active-background-color: var(--hmf-primary600);
  --hmf-button-marketing-active-border-color: var(--hmf-primary600);
  --hmf-button-marketing-active-text-color: var(--hmf-gray900);
  --hmf-button-marketing-background-color: var(--hmf-primary500);
  --hmf-button-marketing-border-color: var(--hmf-primary500);
  --hmf-button-marketing-hover-background-color: var(--hmf-primary400);
  --hmf-button-marketing-hover-border-color: var(--hmf-primary400);
  --hmf-button-marketing-inactive-background-color: var(--hmf-gray300);
  --hmf-button-marketing-inactive-text-color: var(--hmf-gray50);
}
.quickview-container :root.hmf-gg-theme,
.quickview-container :root .hmf-gg-theme {
  --hmf-checkbox-active-background: var(--hmf-gray200);
  --hmf-checkbox-active-border-color: var(--hmf-gray500);
  --hmf-checkbox-active-checked-background: var(--hmf-gray800);
  --hmf-checkbox-active-checked-border-color: var(--hmf-gray800);
  --hmf-checkbox-base-checked-color: var(--hmf-gray800);
  --hmf-checkbox-base-color: var(--hmf-gray700);
  --hmf-checkbox-check-icon-dark: var(--hmf-gray500);
  --hmf-checkbox-check-icon-light: var(--hmf-gray50);
  --hmf-checkbox-checked-background: var(--hmf-gray900);
  --hmf-checkbox-checked-border-color: var(--hmf-gray900);
  --hmf-checkbox-disabled-color: var(--hmf-gray500);
  --hmf-checkbox-disabled-span-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-disabled-span-checked-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-checked-border-color: var(--hmf-gray200);
  --hmf-checkbox-error-color: var(--hmf-red600);
  --hmf-checkbox-error-span-background: var(--hmf-red100);
  --hmf-checkbox-error-span-border-color: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-background: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-border-color: var(--hmf-red600);
  --hmf-checkbox-focus-outline: 1px dashed var(--hmf-gray600);
  --hmf-checkbox-hover-span-background: var(--hmf-gray100);
  --hmf-checkbox-hover-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-hover-span-border: var(--hmf-gray900);
  --hmf-checkbox-hover-span-checked-background: var(--hmf-gray700);
  --hmf-checkbox-hover-span-checked-border-color: var(--hmf-gray700);
  --hmf-checkbox-span-background: var(--hmf-gray50);
  --hmf-checkbox-span-border: var(--hmf-gray600);
}
.quickview-container :root.hmf-gg-theme,
.quickview-container :root .hmf-gg-theme {
  --hmf-chip-font-size: var(--body-font-size-m);
  --hmf-chip-line-height: var(--body-line-height-m);
  --hmf-chip-font-weight: var(--font-primary-bold-weight);
  --hmf-chip-font-family: var(--font-primary);
  --hmf-chip-letter-spacing: var(--body-letter-spacing);
  --hmf-chip-background-color: var(--hmf-gray200);
  --hmf-chip-color: var(--hmf-gray900);
  --hmf-chip-hover-background-color: var(--hmf-gray400);
  --hmf-chip-focus-background-color: var(--hmf-gray400);
  --hmf-chip-focus-outline: 1px dashed var(--hmf-primary500);
}
.quickview-container :root, .quickview-container :root.hmf-gg-theme,
.quickview-container :root .hmf-gg-theme {
  --hmf-product-availability-cancel-icon-color: var(--hmf-red500);
  --hmf-product-availability-warning-icon-color: var(--hmf-yellow500);
  --hmf-product-availability-success-icon-color: var(--hmf-primary500);
}
.quickview-container :root, .quickview-container :root.hmf-gg-theme,
.quickview-container :root .hmf-gg-theme {
  --hmf-product-title-text-color: var(--hmf-gray900);
  --hmf-product-title-font-size: var(--label-font-size-l);
  --hmf-product-title-line-height: var(--label-line-height-l);
  --hmf-product-title-font-weight: 500;
  --hmf-product-title-font-family: var(--font-primary);
  --hmf-product-title-letter-spacing: var(--label-letter-spacing);
}
.quickview-container :root, .quickview-container :root.hmf-gg-theme,
.quickview-container :root .hmf-gg-theme {
  --hmf-promotion-text-color: var(--hmf-gray500);
  --hmf-promotion-font-weight: var(--font-primary-regular-weight);
  --hmf-promotion-font-family: var(--font-primary);
  --hmf-promotion-letter-spacing: var(--body-letter-spacing);
}
.quickview-container :root, .quickview-container :root.hmf-gg-theme,
.quickview-container :root .hmf-gg-theme {
  --hmf-recommendation-card-hover-color: var(--hmf-gray400);
  --hmf-recommendation-card-background-color: var(--hmf-gray50);
  --hmf-recommendation-card-text-color: var(--hmf-gray900);
  --hmf-recommendation-card-price-color: var(--hmf-gray500);
}
.quickview-container :root.hmf-gg-theme,
.quickview-container :root .hmf-gg-theme {
  --hmf-panel-font-size: var(--body-font-size-s);
  --hmf-panel-line-height: var(--body-line-height-s);
  --hmf-panel-font-weight: normal;
  --hmf-panel-font-family: var(--font-primary);
  --hmf-panel-letter-spacing: normal;
  --hmf-panel-content-background-color: var(--hmf-gray50);
  --hmf-panel-header-background-color: var(--hmf-gray100);
  --hmf-panel-overlay-background-color: var(--hmf-gray900);
  --hmf-panel-close-button-hover-background-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-background-color: var(--hmf-gray200);
  --hmf-panel-header-border-color: var(--hmf-gray100);
  --hmf-panel-close-button-hover-border-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-border-color: var(--hmf-gray200);
}
.quickview-container :root, .quickview-container :root.hmf-gg-theme,
.quickview-container :root .hmf-gg-theme {
  --hmf-sticky-banner-font-size: var(--body-font-size-s);
  --hmf-sticky-banner-line-height: var(--body-line-height-s);
  --hmf-sticky-banner-font-weight: normal;
  --hmf-sticky-banner-font-family: var(--font-primary);
  --hmf-sticky-banner-letter-spacing: normal;
  --hmf-sticky-banner-content-background-color: var(--hmf-gray50);
  --hmf-sticky-banner-content-border-color: var(--hmf-gray200);
}
.quickview-container :root, .quickview-container :root.hmf-gg-theme,
.quickview-container :root .hmf-gg-theme {
  --hmf-text-link-color: var(--hmf-gray900);
  --hmf-text-link-active-color: var(--hmf-gray600);
  --hmf-text-link-font-size: var(--body-font-size-m);
  --hmf-text-link-line-height: var(--body-line-height-m);
  --hmf-text-link-font-weight: var(--font-primary-regular-weight);
  --hmf-text-link-font-family: var(--font-primary);
  --hmf-text-link-letter-spacing: var(--body-letter-spacing);
}
.quickview-container :root, .quickview-container :root.hmf-gg-theme,
.quickview-container :root .hmf-gg-theme {
  --hmf-text-input-font-size: var(--body-font-size-m);
  --hmf-text-input-line-height: var(--body-line-height-m);
  --hmf-text-input-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-font-family: var(--font-primary);
  --hmf-text-input-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-text-area-font-size: var(--body-font-size-m);
  --hmf-text-input-text-area-line-height: var(--body-line-height-m);
  --hmf-text-input-text-area-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-text-area-font-family: var(--font-primary);
  --hmf-text-input-text-area-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-border: 1px solid var(--hmf-gray700);
  --hmf-text-input-background-color: var(--hmf-gray50);
  --hmf-text-input-input-color: var(--hmf-gray900);
  --hmf-text-input-input-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-focused-border: 1px solid var(--hmf-primary300);
  --hmf-text-input-disabled-background-color: var(--hmf-gray200);
  --hmf-text-input-disabled-color: var(--hmf-gray700);
  --hmf-text-input-disabled-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-label-color: var(--hmf-gray900);
  --hmf-text-input-color: var(--hmf-gray700);
  --hmf-text-input-error-label-color: var(--hmf-red700);
  --hmf-text-input-error-color: var(--hmf-red700);
  --hmf-text-input-error-border: 1px solid var(--hmf-red700);
  --hmf-text-input-error-background-color: rgb(230 108 70 / 0.2);
  --hmf-text-input-error-placeholder-color: var(--hmf-gray900);
  --hmf-text-input-error-svg-fill: var(--hmf-red700);
}
.quickview-container :root.hmf-mj-theme,
.quickview-container :root .hmf-mj-theme {
  --hmf-focus-outline: 1px dashed var(--hmf-secondary500);
}
.quickview-container :root.hmf-mj-theme,
.quickview-container :root .hmf-mj-theme {
  --hmf-background-base: var(--hmf-gray50);
  --hmf-background-base-subtle: var(--hmf-gray100);
  --hmf-background-inverse: var(--hmf-gray900);
  --hmf-background-inverse-subtle: var(--hmf-gray800);
  --hmf-background-primary: var(--hmf-gray700);
  --hmf-fill-base: var(--hmf-gray50);
  --hmf-fill-base-subtle: var(--hmf-gray100);
  --hmf-fill-base-prominent: var(--hmf-gray200);
  --hmf-fill-inverse: var(--hmf-gray900);
  --hmf-fill-inverse-subtle: var(--hmf-gray800);
  --hmf-fill-primary-static: var(--hmf-primary600);
  --hmf-fill-primary-hover: var(--hmf-primary700);
  --hmf-fill-primary-active: var(--hmf-primary500);
  --hmf-fill-secondary-static: var(--hmf-gray50);
  --hmf-fill-secondary-hover: var(--hmf-gray100);
  --hmf-fill-secondary-active: var(--hmf-gray200);
  --hmf-fill-tertiary-static: var(--hmf-gray900);
  --hmf-fill-tertiary-hover: var(--hmf-gray700);
  --hmf-fill-tertiary-active: var(--hmf-gray800);
  --hmf-fill-disabled: var(--hmf-gray500);
  --hmf-fill-disabled-subtle: var(--hmf-gray200);
  --hmf-fill-negative: var(--hmf-red600);
  --hmf-fill-negative-subtle: var(--hmf-red100);
  --hmf-fill-negative-static: var(--hmf-red600);
  --hmf-fill-negative-hover: var(--hmf-red800);
  --hmf-fill-negative-active: var(--hmf-red700);
  --hmf-fill-sale: var(--hmf-red600);
  --hmf-fill-warning: var(--hmf-yellow300);
  --hmf-fill-warning-subtle: var(--hmf-yellow50);
  --hmf-fill-positive: var(--hmf-secondary400);
  --hmf-fill-positive-subtle: var(--hmf-secondary100);
  --hmf-fill-marketing-static: var(--hmf-gray800);
  --hmf-fill-marketing-hover: var(--hmf-gray900);
  --hmf-fill-marketing-active: var(--hmf-gray700);
  --hmf-label-base: var(--hmf-gray900);
  --hmf-label-base-subtle: var(--hmf-gray800);
  --hmf-label-inverse-base: var(--hmf-gray50);
  --hmf-label-inverse-subtle: var(--hmf-gray100);
  --hmf-label-primary-static: var(--hmf-primary600);
  --hmf-label-primary-hover: var(--hmf-primary700);
  --hmf-label-primary-active: var(--hmf-primary500);
  --hmf-label-secondary-static: var(--hmf-gray900);
  --hmf-label-secondary-hover: var(--hmf-gray700);
  --hmf-label-secondary-active: var(--hmf-gray800);
  --hmf-label-secondary-subtle-static: var(--hmf-gray700);
  --hmf-label-secondary-subtle-hover: var(--hmf-gray900);
  --hmf-label-secondary-subtle-active: var(--hmf-gray800);
  --hmf-label-tertiary-static: var(--hmf-gray900);
  --hmf-label-tertiary-hover: var(--hmf-primary700);
  --hmf-label-tertiary-active: var(--hmf-primary500);
  --hmf-label-sale: var(--hmf-primary600);
  --hmf-label-disabled: var(--hmf-gray500);
  --hmf-label-disabled-subtle: var(--hmf-gray200);
  --hmf-label-negative: var(--hmf-red600);
  --hmf-label-positive: var(--hmf-secondary600);
  --hmf-label-warning: var(--hmf-yellow600);
  --hmf-label-marketing-static: var(--hmf-gray500);
  --hmf-label-marketing-hover: var(--hmf-gray100);
  --hmf-label-marketing-active: var(--hmf-gray200);
  --hmf-border-base: var(--hmf-gray300);
  --hmf-border-base-subtle: var(--hmf-gray200);
  --hmf-border-base-prominent: var(--hmf-gray400);
  --hmf-border-inverse: var(--hmf-gray900);
  --hmf-border-inverse-subtle: var(--hmf-gray700);
  --hmf-border-primary-static: var(--hmf-primary600);
  --hmf-border-primary-hover: var(--hmf-primary700);
  --hmf-border-primary-active: var(--hmf-primary500);
  --hmf-border-secondary-static: var(--hmf-gray900);
  --hmf-border-secondary-hover: var(--hmf-gray700);
  --hmf-border-secondary-active: var(--hmf-gray800);
  --hmf-border-secondary-subtle-static: var(--hmf-gray600);
  --hmf-border-secondary-subtle-hover: var(--hmf-gray400);
  --hmf-border-secondary-subtle-active: var(--hmf-gray500);
  --hmf-border-tertiary-static: var(--hmf-gray900);
  --hmf-border-tertiary-hover: var(--hmf-primary700);
  --hmf-border-tertiary-active: var(--hmf-primary500);
  --hmf-border-focused: var(--hmf-gray600);
  --hmf-border-inverse-focused: var(--hmf-gray50);
  --hmf-border-disabled: var(--hmf-gray500);
  --hmf-border-disabled-subtle: var(--hmf-gray200);
  --hmf-border-negative: var(--hmf-red600);
  --hmf-border-warning: var(--hmf-yellow500);
  --hmf-border-positive: var(--hmf-secondary600);
}
.quickview-container :root.hmf-mj-theme,
.quickview-container :root .hmf-mj-theme {
  --font-display: "Nunito Sans", sans-serif;
  --font-primary: "Nunito Sans", sans-serif;
  --font-label: "Nunito Sans", sans-serif;
  --font-primary-regular-weight: 400;
  --font-primary-bold-weight: 700;
  --font-display-weight: 900;
}
.quickview-container :root.hmf-mj-theme,
.quickview-container :root .hmf-mj-theme {
  /* DISPLAY TEXT */
  --display-font-size-m: 4.2rem;
  --display-line-height-m: 4.2rem;
  --display-font-size-xl: 8rem;
  --display-line-height-xl: 8rem;
  --display-font-size-xxl: 10rem;
  --display-line-height-xxl: 10rem;
}
.quickview-container :root.hmf-mj-theme,
.quickview-container :root .hmf-mj-theme {
  /* HEADERS */
  --header-text-transform: none;
  --header-letter-spacing: 0.1rem;
  --header-line-height-s: 2rem;
}
.quickview-container :root.hmf-mj-theme,
.quickview-container :root .hmf-mj-theme {
  --hmf-primary50: #fdf8f8;
  --hmf-primary100: #f6e2e4;
  --hmf-primary200: #f9c9cd;
  --hmf-primary300: #edb0b5;
  --hmf-primary400: #d97e86;
  --hmf-primary500: #ca5a64;
  --hmf-primary600: #a93338;
  --hmf-primary700: #90252e;
  --hmf-primary800: #4a1318;
  --hmf-primary900: #180708;
  --hmf-secondary50: #effff3;
  --hmf-secondary100: #c5f9d1;
  --hmf-secondary200: #8bf0a3;
  --hmf-secondary300: #70e28b;
  --hmf-secondary400: #46c864;
  --hmf-secondary500: #29873f;
  --hmf-secondary600: #196d2d;
  --hmf-secondary700: #195928;
  --hmf-secondary800: #133d1d;
  --hmf-secondary900: #0c2c14;
  --hmf-tertiary50: #fffdfc;
  --hmf-tertiary100: #ffeddd;
  --hmf-tertiary200: #ffcda0;
  --hmf-tertiary300: #ffa75a;
  --hmf-tertiary400: #fd7c0b;
  --hmf-tertiary500: #c65b0d;
  --hmf-tertiary600: #aa4d0a;
  --hmf-tertiary700: #823c09;
  --hmf-tertiary800: #6a3006;
  --hmf-tertiary900: #482104;
  --hmf-accent50: #fffdfc;
  --hmf-accent100: #ffeddd;
  --hmf-accent200: #ffcda0;
  --hmf-accent300: #ffa75a;
  --hmf-accent400: #fd7c0b;
  --hmf-accent500: #c65b0d;
  --hmf-accent600: #aa4d0a;
  --hmf-accent700: #823c09;
  --hmf-accent800: #6a3006;
  --hmf-accent900: #482104;
}
.quickview-container :root.hmf-mj-theme,
.quickview-container :root .hmf-mj-theme {
  /*********** GENERIC STYLING ***********/
  --hmf-button-border-radius: var(--hmf-sharp-radius);
  /*********** PRIMARY BUTTONS ***********/
  --hmf-button-primary-text-color: var(--hmf-gray50);
  --hmf-button-primary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-primary-background-color: var(--hmf-fill-primary-static);
  --hmf-button-primary-active-background-color: var(--hmf-fill-primary-active);
  --hmf-button-primary-hover-background-color: var(--hmf-fill-primary-hover);
  --hmf-button-primary-inactive-background-color: var(--hmf-gray300);
  --hmf-button-primary-border-color: var(--hmf-border-primary-static);
  --hmf-button-primary-active-border-color: var(--hmf-border-primary-active);
  --hmf-button-primary-hover-border-color: var(--hmf-border-primary-hover);
  --hmf-button-primary-inactive-border-color: var(--hmf-gray300);
  /*********** SECONDARY BUTTONS ***********/
  --hmf-button-secondary-text-color: var(--hmf-gray900);
  --hmf-button-secondary-active-text-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-text-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-secondary-background-color: var(--hmf-fill-secondary-static);
  --hmf-button-secondary-active-background-color: var(--hmf-fill-secondary-active);
  --hmf-button-secondary-hover-background-color: var(--hmf-fill-secondary-hover);
  --hmf-button-secondary-inactive-background-color: var(--hmf-gray50);
  --hmf-button-secondary-border-color: var(--hmf-border-secondary-static);
  --hmf-button-secondary-active-border-color: var(--hmf-border-secondary-active);
  --hmf-button-secondary-hover-border-color: var(--hmf-border-secondary-hover);
  --hmf-button-secondary-inactive-border-color: var(--hmf-gray400);
  /*********** TERTIARY BUTTONS ***********/
  --hmf-button-tertiary-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-hover-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-active-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-inactive-text-color: var(--hmf-gray500);
  --hmf-button-tertiary-background-color: var(--hmf-fill-secondary-static);
  --hmf-button-tertiary-active-background-color: var(--hmf-fill-secondary-active);
  --hmf-button-tertiary-hover-background-color: var(--hmf-fill-secondary-hover);
  --hmf-button-tertiary-inactive-background-color: var(--hmf-gray100);
  --hmf-button-tertiary-border-color: var(--hmf-fill-secondary-static);
  --hmf-button-tertiary-active-border-color: var(--hmf-fill-secondary-active);
  --hmf-button-tertiary-hover-border-color: var(--hmf-fill-secondary-hover);
  --hmf-button-tertiary-inactive-border-color: var(--hmf-gray100);
  /*********** MARKETING BUTTONS ***********/
  --hmf-button-marketing-text-color: var(--hmf-label-inverse-base);
  --hmf-button-marketing-inactive-text-color: var(--hmf-label-inverse-base);
  --hmf-button-marketing-hover-text-color: var(--hmf-label-inverse-base);
  --hmf-button-marketing-active-text-color: var(--hmf-label-inverse-base);
  --hmf-button-marketing-background-color: var(--hmf-fill-marketing-static);
  --hmf-button-marketing-active-background-color: var(--hmf-fill-marketing-active);
  --hmf-button-marketing-hover-background-color: var(--hmf-fill-marketing-hover);
  --hmf-button-marketing-inactive-background-color: var(--hmf-gray300);
  --hmf-button-marketing-border-color: var(--hmf-fill-marketing-static);
  --hmf-button-marketing-active-border-color: var(--hmf-fill-marketing-active);
  --hmf-button-marketing-hover-border-color: var(--hmf-fill-marketing-hover);
  --hmf-button-marketing-inactive-border-color: var(--hmf-gray300);
  /*********** DESTRUCTIVE BUTTONS ***********/
  --hmf-button-destructive-text-color: var(--hmf-label-inverse-base);
  --hmf-button-destructive-inactive-text-color: var(--hmf-label-disabled);
  --hmf-button-destructive-hover-text-color: var( --hmf-label-inverse-base);
  --hmf-button-destructive-active-text-color: var(--hmf-label-inverse-base);
  --hmf-button-destructive-background-color: var(--hmf-fill-negative-static);
  --hmf-button-destructive-active-background-color: var(--hmf-fill-negative-active);
  --hmf-button-destructive-hover-background-color: var(--hmf-fill-negative-hover);
  --hmf-button-destructive-inactive-background-color: var(--hmf-fill-disabled-subtle);
  --hmf-button-destructive-border-color: var(--hmf-fill-negative-static);
  --hmf-button-destructive-active-border-color: var(--hmf-fill-negative-active);
  --hmf-button-destructive-hover-border-color: var(--hmf-fill-negative-hover);
  --hmf-button-destructive-inactive-border-color: var(--hmf-fill-disabled-subtle);
}
.quickview-container :root, .quickview-container :root.hmf-mj-theme,
.quickview-container :root .hmf-mj-theme {
  --hmf-checkbox-active-background: var(--hmf-gray200);
  --hmf-checkbox-active-border-color: var(--hmf-gray500);
  --hmf-checkbox-active-checked-background: var(--hmf-gray800);
  --hmf-checkbox-active-checked-border-color: var(--hmf-gray800);
  --hmf-checkbox-base-checked-color: var(--hmf-gray800);
  --hmf-checkbox-base-color: var(--hmf-gray700);
  --hmf-checkbox-check-icon-dark: var(--hmf-gray500);
  --hmf-checkbox-check-icon-light: var(--hmf-gray50);
  --hmf-checkbox-checked-background: var(--hmf-gray900);
  --hmf-checkbox-checked-border-color: var(--hmf-gray900);
  --hmf-checkbox-disabled-color: var(--hmf-gray500);
  --hmf-checkbox-disabled-span-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-disabled-span-checked-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-checked-border-color: var(--hmf-gray200);
  --hmf-checkbox-error-color: var(--hmf-red600);
  --hmf-checkbox-error-span-background: var(--hmf-red100);
  --hmf-checkbox-error-span-border-color: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-background: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-border-color: var(--hmf-red600);
  --hmf-checkbox-focus-outline: 1px dashed var(--hmf-gray600);
  --hmf-checkbox-hover-span-background: var(--hmf-gray100);
  --hmf-checkbox-hover-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-hover-span-border: var(--hmf-gray900);
  --hmf-checkbox-hover-span-checked-background: var(--hmf-gray700);
  --hmf-checkbox-hover-span-checked-border-color: var(--hmf-gray700);
  --hmf-checkbox-span-background: var(--hmf-gray50);
  --hmf-checkbox-span-border: var(--hmf-gray600);
}
.quickview-container :root, .quickview-container :root.hmf-mj-theme,
.quickview-container :root .hmf-mj-theme {
  --hmf-chip-font-size: var(--body-font-size-m);
  --hmf-chip-line-height: var(--body-line-height-m);
  --hmf-chip-font-weight: var(--font-primary-bold-weight);
  --hmf-chip-font-family: var(--font-primary);
  --hmf-chip-letter-spacing: var(--body-letter-spacing);
  --hmf-chip-background-color: var(--hmf-gray200);
  --hmf-chip-color: var(--hmf-gray900);
  --hmf-chip-hover-background-color: var(--hmf-gray400);
  --hmf-chip-focus-background-color: var(--hmf-gray400);
  --hmf-chip-focus-outline: 1px dashed var(--hmf-primary500);
}
.quickview-container :root.hmf-mj-theme,
.quickview-container :root .hmf-mj-theme {
  --hmf-product-availability-cancel-icon-color: var(--hmf-red500);
  --hmf-product-availability-warning-icon-color: var(--hmf-tertiary900);
  --hmf-product-availability-success-icon-color: var(--hmf-secondary500);
}
.quickview-container :root.hmf-mj-theme,
.quickview-container :root .hmf-mj-theme {
  --hmf-product-title-text-color: var(--hmf-gray900);
  --hmf-product-title-font-size: var(--label-font-size-l);
  --hmf-product-title-line-height: var(--label-line-height-l);
  --hmf-product-title-font-weight: 500;
  --hmf-product-title-font-family: var(--font-primary);
  --hmf-product-title-letter-spacing: var(--label-letter-spacing);
}
.quickview-container :root.hmf-mj-theme,
.quickview-container :root .hmf-mj-theme {
  --hmf-promotion-text-color: var(--hmf-gray500);
  --hmf-promotion-font-weight: var(--font-primary-regular-weight);
  --hmf-promotion-font-family: var(--font-primary);
  --hmf-promotion-letter-spacing: var(--body-letter-spacing);
}
.quickview-container :root.hmf-mj-theme,
.quickview-container :root .hmf-mj-theme {
  --hmf-recommendation-card-hover-color: var(--hmf-gray400);
  --hmf-recommendation-card-background-color: var(--hmf-gray50);
  --hmf-recommendation-card-text-color: var(--hmf-gray900);
  --hmf-recommendation-card-price-color: var(--hmf-gray500);
}
.quickview-container :root, .quickview-container :root.hmf-mj-theme,
.quickview-container :root .hmf-mj-theme {
  --hmf-panel-font-size: var(--body-font-size-s);
  --hmf-panel-line-height: var(--body-line-height-s);
  --hmf-panel-font-weight: normal;
  --hmf-panel-font-family: var(--font-primary);
  --hmf-panel-letter-spacing: normal;
  --hmf-panel-content-background-color: var(--hmf-gray50);
  --hmf-panel-header-background-color: var(--hmf-gray100);
  --hmf-panel-overlay-background-color: var(--hmf-gray900);
  --hmf-panel-close-button-hover-background-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-background-color: var(--hmf-gray200);
  --hmf-panel-header-border-color: var(--hmf-gray100);
  --hmf-panel-close-button-hover-border-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-border-color: var(--hmf-gray200);
}
.quickview-container :root.hmf-mj-theme,
.quickview-container :root .hmf-mj-theme {
  --hmf-sticky-banner-font-size: var(--body-font-size-s);
  --hmf-sticky-banner-line-height: var(--body-line-height-s);
  --hmf-sticky-banner-font-weight: normal;
  --hmf-sticky-banner-font-family: var(--font-primary);
  --hmf-sticky-banner-letter-spacing: normal;
  --hmf-sticky-banner-content-background-color: var(--hmf-gray50);
  --hmf-sticky-banner-content-border-color: var(--hmf-gray200);
}
.quickview-container :root.hmf-mj-theme,
.quickview-container :root .hmf-mj-theme {
  --hmf-text-link-color: var(--hmf-gray900);
  --hmf-text-link-active-color: var(--hmf-gray600);
  --hmf-text-link-font-size: var(--body-font-size-m);
  --hmf-text-link-line-height: var(--body-line-height-m);
  --hmf-text-link-font-weight: var(--font-primary-regular-weight);
  --hmf-text-link-font-family: var(--font-primary);
  --hmf-text-link-letter-spacing: var(--body-letter-spacing);
}
.quickview-container :root, .quickview-container :root.hmf-mj-theme,
.quickview-container :root .hmf-mj-theme {
  --hmf-text-input-font-size: var(--body-font-size-m);
  --hmf-text-input-line-height: var(--body-line-height-m);
  --hmf-text-input-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-font-family: var(--font-primary);
  --hmf-text-input-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-text-area-font-size: var(--body-font-size-m);
  --hmf-text-input-text-area-line-height: var(--body-line-height-m);
  --hmf-text-input-text-area-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-text-area-font-family: var(--font-primary);
  --hmf-text-input-text-area-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-border: 1px solid var(--hmf-gray700);
  --hmf-text-input-background-color: var(--hmf-gray50);
  --hmf-text-input-input-color: var(--hmf-gray900);
  --hmf-text-input-input-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-focused-border: 1px solid var(--hmf-primary300);
  --hmf-text-input-disabled-background-color: var(--hmf-gray200);
  --hmf-text-input-disabled-color: var(--hmf-gray700);
  --hmf-text-input-disabled-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-label-color: var(--hmf-gray900);
  --hmf-text-input-color: var(--hmf-gray700);
  --hmf-text-input-error-label-color: var(--hmf-red700);
  --hmf-text-input-error-color: var(--hmf-red700);
  --hmf-text-input-error-border: 1px solid var(--hmf-red700);
  --hmf-text-input-error-background-color: rgb(230 108 70 / 0.2);
  --hmf-text-input-error-placeholder-color: var(--hmf-gray900);
  --hmf-text-input-error-svg-fill: var(--hmf-red700);
}
.quickview-container :root.hmf-mj-theme,
.quickview-container :root .hmf-mj-theme {
  --hmf-text-input-focused-border: 1px solid var(--hmf-border-secondary-active);
}
.quickview-container :root.hmf-pl-theme,
.quickview-container :root .hmf-pl-theme {
  --hmf-focus-outline: 1px dashed var(--hmf-secondary500);
}
.quickview-container :root.hmf-pl-theme,
.quickview-container :root .hmf-pl-theme {
  --hmf-background-base: var(--hmf-tertiary50);
  --hmf-background-base-subtle: var(--hmf-tertiary100);
  --hmf-background-inverse: var(--hmf-primary900);
  --hmf-background-inverse-subtle: var(--hmf-primary800);
  --hmf-background-primary: var(--hmf-primary700);
  --hmf-fill-base: var(--hmf-tertiary50);
  --hmf-fill-base-subtle: var(--hmf-tertiary100);
  --hmf-fill-base-prominent: var(--hmf-tertiary200);
  --hmf-fill-creative-primary: var(--hmf-primary800);
  --hmf-fill-inverse: var(--hmf-primary900);
  --hmf-fill-inverse-subtle: var(--hmf-primary800);
  --hmf-fill-primary-static: var(--hmf-primary800);
  --hmf-fill-primary-hover: var(--hmf-primary900);
  --hmf-fill-primary-active: var(--hmf-primary700);
  --hmf-fill-secondary-static: var(--hmf-tertiary50);
  --hmf-fill-secondary-static-subtle: var(--hmf-tertiary100);
  --hmf-fill-secondary-hover: var(--hmf-tertiary100);
  --hmf-fill-secondary-hover-subtle: var(--hmf-tertiary200);
  --hmf-fill-secondary-active: var(--hmf-tertiary200);
  --hmf-fill-secondary-active-subtle: var(--hmf-tertiary100);
  --hmf-fill-tertiary-static: var(--hmf-primary900);
  --hmf-fill-tertiary-hover: var(--hmf-primary700);
  --hmf-fill-tertiary-active: var(--hmf-primary800);
  --hmf-fill-disabled: var(--hmf-primary500);
  --hmf-fill-disabled-subtle: var(--hmf-primary200);
  --hmf-fill-negative: var(--hmf-red600);
  --hmf-fill-negative-subtle: var(--hmf-red100);
  --hmf-fill-negative-static: var(--hmf-red600);
  --hmf-fill-negative-hover: var(--hmf-red800);
  --hmf-fill-negative-active: var(--hmf-red700);
  --hmf-fill-sale: var(--hmf-red600);
  --hmf-fill-warning: var(--hmf-yellow300);
  --hmf-fill-warning-subtle: var(--hmf-yellow50);
  --hmf-fill-positive: var(--hmf-primary800);
  --hmf-fill-positive-subtle: var(--hmf-primary600);
  --hmf-fill-marketing-static: var(--hmf-accent100);
  --hmf-fill-marketing-hover: var(--hmf-accent50);
  --hmf-fill-marketing-active: var(--hmf-accent200);
  --hmf-fill-scorecard: var(--hmf-primary400);
  --hmf-fill-scorecard-subtle: var(--hmf-primary200);
  --hmf-fill-scorecard-gold: var(--hmf-gold300);
  --hmf-fill-scorecard-gold-subtle: var(--hmf-gold200);
  --hmf-fill-calia: var(--hmf-calia600);
  --hmf-fill-calia-subtle: var(--hmf-calia200);
  --hmf-fill-vrst: var(--hmf-vrst600);
  --hmf-fill-vrst-subtle: var(--hmf-vrst200);
  --hmf-label-base: var(--hmf-primary900);
  --hmf-label-base-subtle: var(--hmf-primary600);
  --hmf-label-inverse-base: var(--hmf-tertiary50);
  --hmf-label-inverse-subtle: var(--hmf-tertiary100);
  --hmf-label-primary-static: var(--hmf-primary600);
  --hmf-label-primary-hover: var(--hmf-primary700);
  --hmf-label-primary-active: var(--hmf-primary500);
  --hmf-label-secondary-static: var(--hmf-primary900);
  --hmf-label-secondary-hover: var(--hmf-primary700);
  --hmf-label-secondary-active: var(--hmf-primary800);
  --hmf-label-secondary-subtle-static: var(--hmf-primary600);
  --hmf-label-secondary-subtle-hover: var(--hmf-primary900);
  --hmf-label-secondary-subtle-active: var(--hmf-primary800);
  --hmf-label-tertiary-static: var(--hmf-primary900);
  --hmf-label-tertiary-hover: var(--hmf-primary600);
  --hmf-label-tertiary-active: var(--hmf-primary500);
  --hmf-label-sale: var(--hmf-red800);
  --hmf-label-disabled: var(--hmf-primary500);
  --hmf-label-disabled-subtle: var(--hmf-primary200);
  --hmf-label-negative: var(--hmf-red600);
  --hmf-label-positive: var(--hmf-accent600);
  --hmf-label-warning: var(--hmf-yellow600);
  --hmf-label-marketing-static: var(--hmf-primary800);
  --hmf-label-marketing-hover: var(--hmf-primary900);
  --hmf-label-marketing-active: var(--hmf-primary800);
  --hmf-label-scorecard: var(--hmf-primary600);
  --hmf-border-base: var(--hmf-primary100);
  --hmf-border-base-subtle: var(--hmf-primary50);
  --hmf-border-base-prominent: var(--hmf-primary300);
  --hmf-border-inverse: var(--hmf-gray900);
  --hmf-border-inverse-subtle: var(--hmf-gray700);
  --hmf-border-primary-static: var(--hmf-primary800);
  --hmf-border-primary-hover: var(--hmf-primary900);
  --hmf-border-primary-active: var(--hmf-primary700);
  --hmf-border-secondary-static: var(--hmf-primary900);
  --hmf-border-secondary-hover: var(--hmf-primary700);
  --hmf-border-secondary-active: var(--hmf-primary800);
  --hmf-border-secondary-subtle-static: var(--hmf-primary600);
  --hmf-border-secondary-subtle-hover: var(--hmf-primary400);
  --hmf-border-secondary-subtle-active: var(--hmf-primary500);
  --hmf-border-tertiary-static: var(--hmf-primary900);
  --hmf-border-tertiary-hover: var(--hmf-primary600);
  --hmf-border-tertiary-active: var(--hmf-primary500);
  --hmf-border-focused: var(--hmf-primary700);
  --hmf-border-inverse-focused: var(--hmf-tertiary50);
  --hmf-border-disabled: var(--hmf-primary500);
  --hmf-border-disabled-subtle: var(--hmf-primary200);
  --hmf-border-negative: var(--hmf-red600);
  --hmf-border-warning: var(--hmf-yellow500);
  --hmf-border-positive: var(--hmf-primary600);
  --hmf-border-scorecard-subtle: var(--hmf-primary100);
  --hmf-border-scorecard-gold: var(--hmf-gold400);
  --hmf-border-scorecard-gold-subtle: var(--hmf-gold100);
}
.quickview-container :root.hmf-pl-theme,
.quickview-container :root .hmf-pl-theme {
  --font-display: "Graphik Wide", sans-serif;
  --font-primary: "Graphik", sans-serif;
  --font-label: "Graphik Wide", sans-serif;
  --font-primary-regular-weight: 400;
  --font-primary-bold-weight: 700;
  --font-display-weight: 900;
}
.quickview-container :root.hmf-pl-theme,
.quickview-container :root .hmf-pl-theme {
  /* DISPLAY TEXT */
  --display-font-size-m: 4.2rem;
  --display-line-height-m: 4.2rem;
  --display-font-size-xl: 8rem;
  --display-line-height-xl: 8rem;
  --display-font-size-xxl: 10rem;
  --display-line-height-xxl: 10rem;
}
.quickview-container :root.hmf-pl-theme,
.quickview-container :root .hmf-pl-theme {
  /* HEADERS */
  --header-text-transform: none;
  --header-letter-spacing: 0.1rem;
  --header-line-height-s: 2rem;
}
.quickview-container :root.hmf-pl-theme,
.quickview-container :root .hmf-pl-theme {
  --hmf-primary50: #f8f9f5;
  --hmf-primary100: #e4e8d8;
  --hmf-primary200: #ced7cb;
  --hmf-primary300: #b6c3b1;
  --hmf-primary400: #889e8b;
  --hmf-primary500: #6c846f;
  --hmf-primary600: #4c6655;
  --hmf-primary700: #2d523f;
  --hmf-primary800: #002a19;
  --hmf-primary900: #000f08;
  --hmf-secondary50: #f8fbfc;
  --hmf-secondary100: #e0edf0;
  --hmf-secondary200: #bfd9de;
  --hmf-secondary300: #b3d2d8;
  --hmf-secondary400: #80b4bf;
  --hmf-secondary500: #4d95a5;
  --hmf-secondary600: #00687e;
  --hmf-secondary700: #00556b;
  --hmf-secondary800: #003a4e;
  --hmf-secondary900: #002a38;
  --hmf-tertiary50: #fff;
  --hmf-tertiary100: #f8f6f4;
  --hmf-tertiary200: #e2d6b9;
  --hmf-tertiary300: #cdb897;
  --hmf-tertiary400: #ba9979;
  --hmf-tertiary500: #a37859;
  --hmf-tertiary600: #8f674c;
  --hmf-tertiary700: #674a37;
  --hmf-tertiary800: #533c2c;
  --hmf-tertiary900: #2f2219;
  --hmf-accent50: #f5ffb8;
  --hmf-accent100: #e3ff36;
  --hmf-accent200: #c4f500;
  --hmf-accent300: #ace000;
  --hmf-accent400: #8bc700;
  --hmf-accent500: #6da300;
  --hmf-accent600: #527a00;
  --hmf-accent700: #3a5700;
  --hmf-accent800: #304700;
  --hmf-accent900: #1c2900;
}
.quickview-container :root, .quickview-container :root.hmf-pl-theme,
.quickview-container :root .hmf-pl-theme {
  /*********** GENERIC STYLING ***********/
  --hmf-button-border-radius: var(--hmf-sharp-radius);
  /*********** PRIMARY BUTTONS ***********/
  --hmf-button-primary-text-color: var(--hmf-gray50);
  --hmf-button-primary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-primary-background-color: var(--hmf-secondary500);
  --hmf-button-primary-active-background-color: var(--hmf-secondary700);
  --hmf-button-primary-hover-background-color: var(--hmf-secondary300);
  --hmf-button-primary-inactive-background-color: var(--hmf-gray300);
  --hmf-button-primary-border-color: var(--hmf-secondary500);
  --hmf-button-primary-hover-border-color: var(--hmf-secondary300);
  --hmf-button-primary-active-border-color: var(--hmf-secondary700);
  --hmf-button-primary-inactive-border-color: var(--hmf-gray300);
  /*********** SECONDARY BUTTONS ***********/
  --hmf-button-secondary-text-color: var(--hmf-gray900);
  --hmf-button-secondary-active-text-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-text-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-secondary-background-color: var(--hmf-gray50);
  --hmf-button-secondary-active-background-color: var(--hmf-gray400);
  --hmf-button-secondary-hover-background-color: var(--hmf-gray200);
  --hmf-button-secondary-inactive-background-color: var(--hmf-gray50);
  --hmf-button-secondary-border-color: var(--hmf-gray900);
  --hmf-button-secondary-active-border-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-border-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-border-color: var(--hmf-gray400);
  /*********** TERTIARY BUTTONS ***********/
  --hmf-button-tertiary-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-hover-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-active-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-inactive-text-color: var(--hmf-gray500);
  --hmf-button-tertiary-background-color: var(--hmf-fill-secondary-static);
  --hmf-button-tertiary-active-background-color: var(--hmf-fill-secondary-active);
  --hmf-button-tertiary-hover-background-color: var(--hmf-fill-secondary-hover);
  --hmf-button-tertiary-inactive-background-color: var(--hmf-gray100);
  --hmf-button-tertiary-border-color: var(--hmf-fill-secondary-static);
  --hmf-button-tertiary-active-border-color: var(--hmf-fill-secondary-active);
  --hmf-button-tertiary-hover-border-color: var(--hmf-fill-secondary-hover);
  --hmf-button-tertiary-inactive-border-color: var(--hmf-gray100);
  /*********** MARKETING BUTTONS ***********/
  --hmf-button-marketing-text-color: var(--hmf-gray50);
  --hmf-button-marketing-inactive-text-color: var(--hmf-gray600);
  --hmf-button-marketing-hover-text-color: var(--hmf-gray50);
  --hmf-button-marketing-active-text-color: var(--hmf-gray50);
  --hmf-button-marketing-background-color: var(--hmf-primary600);
  --hmf-button-marketing-active-background-color: var(--hmf-primary500);
  --hmf-button-marketing-hover-background-color: var(--hmf-primary300);
  --hmf-button-marketing-inactive-background-color: var(--hmf-gray300);
  --hmf-button-marketing-border-color: var(--hmf-primary600);
  --hmf-button-marketing-active-border-color: var(--hmf-primary500);
  --hmf-button-marketing-hover-border-color: var(--hmf-primary300);
  --hmf-button-marketing-inactive-border-color: var(--hmf-gray300);
  /*********** DESTRUCTIVE BUTTONS ***********/
  --hmf-button-destructive-text-color: var(--hmf-label-inverse-base);
  --hmf-button-destructive-inactive-text-color: var(--hmf-label-disabled);
  --hmf-button-destructive-hover-text-color: var( --hmf-label-inverse-base);
  --hmf-button-destructive-active-text-color: var(--hmf-label-inverse-base);
  --hmf-button-destructive-background-color: var(--hmf-fill-negative-static);
  --hmf-button-destructive-active-background-color: var(--hmf-fill-negative-active);
  --hmf-button-destructive-hover-background-color: var(--hmf-fill-negative-hover);
  --hmf-button-destructive-inactive-background-color: var(--hmf-fill-disabled-subtle);
  --hmf-button-destructive-border-color: var(--hmf-fill-negative-static);
  --hmf-button-destructive-active-border-color: var(--hmf-fill-negative-active);
  --hmf-button-destructive-hover-border-color: var(--hmf-fill-negative-hover);
  --hmf-button-destructive-inactive-border-color: var(--hmf-fill-disabled-subtle);
}
.quickview-container :root.hmf-pl-theme,
.quickview-container :root .hmf-pl-theme {
  /*********** PRIMARY BUTTONS ***********/
  --hmf-button-primary-background-color: var(--hmf-primary800);
  --hmf-button-primary-active-background-color: var(--hmf-primary900);
  --hmf-button-primary-hover-background-color: var(--hmf-primary700);
  --hmf-button-primary-border-color: var(--hmf-primary800);
  --hmf-button-primary-active-border-color: var(--hmf-primary900);
  /*********** MARKETING BUTTONS ***********/
  --hmf-button-marketing-text-color: var(--hmf-gray900);
  --hmf-button-marketing-inactive-text-color: var(--hmf-gray900);
  --hmf-button-marketing-hover-text-color: var(--hmf-gray900);
  --hmf-button-marketing-active-text-color: var(--hmf-gray900);
  --hmf-button-marketing-background-color: var(--hmf-accent100);
  --hmf-button-marketing-active-background-color: var(--hmf-accent200);
  --hmf-button-marketing-hover-background-color: var(--hmf-accent50);
  --hmf-button-marketing-border-color: var(--hmf-accent100);
  --hmf-button-marketing-active-border-color: var(--hmf-accent200);
  --hmf-button-marketing-hover-border-color: var(--hmf-accent50);
}
.quickview-container :root.hmf-pl-theme,
.quickview-container :root .hmf-pl-theme {
  --hmf-checkbox-active-background: var(--hmf-gray200);
  --hmf-checkbox-active-border-color: var(--hmf-gray500);
  --hmf-checkbox-active-checked-background: var(--hmf-gray800);
  --hmf-checkbox-active-checked-border-color: var(--hmf-gray800);
  --hmf-checkbox-base-checked-color: var(--hmf-gray800);
  --hmf-checkbox-base-color: var(--hmf-gray700);
  --hmf-checkbox-check-icon-dark: var(--hmf-gray500);
  --hmf-checkbox-check-icon-light: var(--hmf-gray50);
  --hmf-checkbox-checked-background: var(--hmf-gray900);
  --hmf-checkbox-checked-border-color: var(--hmf-gray900);
  --hmf-checkbox-disabled-color: var(--hmf-gray500);
  --hmf-checkbox-disabled-span-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-disabled-span-checked-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-checked-border-color: var(--hmf-gray200);
  --hmf-checkbox-error-color: var(--hmf-red600);
  --hmf-checkbox-error-span-background: var(--hmf-red100);
  --hmf-checkbox-error-span-border-color: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-background: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-border-color: var(--hmf-red600);
  --hmf-checkbox-focus-outline: 1px dashed var(--hmf-gray600);
  --hmf-checkbox-hover-span-background: var(--hmf-gray100);
  --hmf-checkbox-hover-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-hover-span-border: var(--hmf-gray900);
  --hmf-checkbox-hover-span-checked-background: var(--hmf-gray700);
  --hmf-checkbox-hover-span-checked-border-color: var(--hmf-gray700);
  --hmf-checkbox-span-background: var(--hmf-gray50);
  --hmf-checkbox-span-border: var(--hmf-gray600);
}
.quickview-container :root.hmf-pl-theme,
.quickview-container :root .hmf-pl-theme {
  --hmf-chip-font-size: var(--body-font-size-m);
  --hmf-chip-line-height: var(--body-line-height-m);
  --hmf-chip-font-weight: var(--font-primary-bold-weight);
  --hmf-chip-font-family: var(--font-primary);
  --hmf-chip-letter-spacing: var(--body-letter-spacing);
  --hmf-chip-background-color: var(--hmf-gray200);
  --hmf-chip-color: var(--hmf-gray900);
  --hmf-chip-hover-background-color: var(--hmf-gray400);
  --hmf-chip-focus-background-color: var(--hmf-gray400);
  --hmf-chip-focus-outline: 1px dashed var(--hmf-primary500);
}
.quickview-container :root, .quickview-container :root.hmf-pl-theme,
.quickview-container :root .hmf-pl-theme {
  --hmf-product-availability-cancel-icon-color: var(--hmf-red500);
  --hmf-product-availability-warning-icon-color: var(--hmf-yellow500);
  --hmf-product-availability-success-icon-color: var(--hmf-primary500);
}
.quickview-container :root.hmf-pl-theme,
.quickview-container :root .hmf-pl-theme {
  --hmf-product-availability-success-icon-color: var(--hmf-secondary500);
}
.quickview-container :root, .quickview-container :root.hmf-pl-theme,
.quickview-container :root .hmf-pl-theme {
  --hmf-product-title-text-color: var(--hmf-gray900);
  --hmf-product-title-font-size: var(--label-font-size-l);
  --hmf-product-title-line-height: var(--label-line-height-l);
  --hmf-product-title-font-weight: 500;
  --hmf-product-title-font-family: var(--font-primary);
  --hmf-product-title-letter-spacing: var(--label-letter-spacing);
}
.quickview-container :root, .quickview-container :root.hmf-pl-theme,
.quickview-container :root .hmf-pl-theme {
  --hmf-promotion-text-color: var(--hmf-gray500);
  --hmf-promotion-font-weight: var(--font-primary-regular-weight);
  --hmf-promotion-font-family: var(--font-primary);
  --hmf-promotion-letter-spacing: var(--body-letter-spacing);
}
.quickview-container :root, .quickview-container :root.hmf-pl-theme,
.quickview-container :root .hmf-pl-theme {
  --hmf-recommendation-card-hover-color: var(--hmf-gray400);
  --hmf-recommendation-card-background-color: var(--hmf-gray50);
  --hmf-recommendation-card-text-color: var(--hmf-gray900);
  --hmf-recommendation-card-price-color: var(--hmf-gray500);
}
.quickview-container :root.hmf-pl-theme,
.quickview-container :root .hmf-pl-theme {
  --hmf-panel-font-size: var(--body-font-size-s);
  --hmf-panel-line-height: var(--body-line-height-s);
  --hmf-panel-font-weight: normal;
  --hmf-panel-font-family: var(--font-primary);
  --hmf-panel-letter-spacing: normal;
  --hmf-panel-content-background-color: var(--hmf-gray50);
  --hmf-panel-header-background-color: var(--hmf-gray100);
  --hmf-panel-overlay-background-color: var(--hmf-gray900);
  --hmf-panel-close-button-hover-background-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-background-color: var(--hmf-gray200);
  --hmf-panel-header-border-color: var(--hmf-gray100);
  --hmf-panel-close-button-hover-border-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-border-color: var(--hmf-gray200);
}
.quickview-container :root, .quickview-container :root.hmf-pl-theme,
.quickview-container :root .hmf-pl-theme {
  --hmf-text-link-color: var(--hmf-gray900);
  --hmf-text-link-active-color: var(--hmf-gray600);
  --hmf-text-link-font-size: var(--body-font-size-m);
  --hmf-text-link-line-height: var(--body-line-height-m);
  --hmf-text-link-font-weight: var(--font-primary-regular-weight);
  --hmf-text-link-font-family: var(--font-primary);
  --hmf-text-link-letter-spacing: var(--body-letter-spacing);
}
.quickview-container :root, .quickview-container :root.hmf-pl-theme,
.quickview-container :root .hmf-pl-theme {
  --hmf-text-input-font-size: var(--body-font-size-m);
  --hmf-text-input-line-height: var(--body-line-height-m);
  --hmf-text-input-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-font-family: var(--font-primary);
  --hmf-text-input-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-text-area-font-size: var(--body-font-size-m);
  --hmf-text-input-text-area-line-height: var(--body-line-height-m);
  --hmf-text-input-text-area-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-text-area-font-family: var(--font-primary);
  --hmf-text-input-text-area-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-border: 1px solid var(--hmf-gray700);
  --hmf-text-input-background-color: var(--hmf-gray50);
  --hmf-text-input-input-color: var(--hmf-gray900);
  --hmf-text-input-input-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-focused-border: 1px solid var(--hmf-primary300);
  --hmf-text-input-disabled-background-color: var(--hmf-gray200);
  --hmf-text-input-disabled-color: var(--hmf-gray700);
  --hmf-text-input-disabled-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-label-color: var(--hmf-gray900);
  --hmf-text-input-color: var(--hmf-gray700);
  --hmf-text-input-error-label-color: var(--hmf-red700);
  --hmf-text-input-error-color: var(--hmf-red700);
  --hmf-text-input-error-border: 1px solid var(--hmf-red700);
  --hmf-text-input-error-background-color: rgb(230 108 70 / 0.2);
  --hmf-text-input-error-placeholder-color: var(--hmf-gray900);
  --hmf-text-input-error-svg-fill: var(--hmf-red700);
}
.quickview-container :root.hmf-vrst-theme,
.quickview-container :root .hmf-vrst-theme {
  --hmf-focus-outline: 1px dashed var(--hmf-gray400);
}
.quickview-container :root.hmf-vrst-theme,
.quickview-container :root .hmf-vrst-theme {
  --hmf-background-base: var(--hmf-gray50);
  --hmf-background-base-subtle: var(--hmf-gray100);
  --hmf-background-inverse: var(--hmf-gray900);
  --hmf-background-inverse-subtle: var(--hmf-gray800);
  --hmf-background-primary: var(--hmf-primary600);
  --hmf-fill-base: var(--hmf-gray50);
  --hmf-fill-base-subtle: var(--hmf-gray100);
  --hmf-fill-base-prominent: var(--hmf-gray200);
  --hmf-fill-inverse: var(--hmf-gray900);
  --hmf-fill-inverse-subtle: var(--hmf-gray700);
  --hmf-fill-primary-static: var(--hmf-secondary500);
  --hmf-fill-primary-hover: var(--hmf-secondary700);
  --hmf-fill-primary-active: var(--hmf-secondary600);
  --hmf-fill-secondary-static: var(--hmf-gray50);
  --hmf-fill-secondary-hover: var(--hmf-gray100);
  --hmf-fill-secondary-active: var(--hmf-gray200);
  --hmf-fill-tertiary-static: var(--hmf-gray900);
  --hmf-fill-tertiary-hover: var(--hmf-gray700);
  --hmf-fill-tertiary-active: var(--hmf-gray800);
  --hmf-fill-disabled: var(--hmf-gray500);
  --hmf-fill-disabled-subtle: var(--hmf-gray200);
  --hmf-fill-negative: var(--hmf-red600);
  --hmf-fill-negative-subtle: var(--hmf-red100);
  --hmf-fill-sale: var(--hmf-red600);
  --hmf-fill-warning: var(--hmf-yellow300);
  --hmf-fill-warning-subtle: var(--hmf-yellow50);
  --hmf-fill-positive: var(--hmf-primary500);
  --hmf-fill-positive-subtle: var(--hmf-primary100);
  --hmf-label-base: var(--hmf-gray900);
  --hmf-label-base-subtle: var(--hmf-gray600);
  --hmf-label-inverse-base: var(--hmf-gray50);
  --hmf-label-inverse-subtle: var(--hmf-gray100);
  --hmf-label-primary-static: var(--hmf-secondary500);
  --hmf-label-primary-hover: var(--hmf-secondary600);
  --hmf-label-primary-active: var(--hmf-secondary400);
  --hmf-label-secondary-static: var(--hmf-gray900);
  --hmf-label-secondary-hover: var(--hmf-gray700);
  --hmf-label-secondary-active: var(--hmf-gray800);
  --hmf-label-secondary-subtle-static: var(--hmf-gray600);
  --hmf-label-secondary-subtle-hover: var(--hmf-gray900);
  --hmf-label-secondary-subtle-active: var(--hmf-gray800);
  --hmf-label-tertiary-static: var(--hmf-gray900);
  --hmf-label-tertiary-hover: var(--hmf-secondary500);
  --hmf-label-tertiary-active: var(--hmf-secondary400);
  --hmf-label-sale: var(--hmf-red800);
  --hmf-label-disabled: var(--hmf-gray500);
  --hmf-label-disabled-subtle: var(--hmf-gray200);
  --hmf-label-negative: var(--hmf-red600);
  --hmf-label-warning: var(--hmf-yellow600);
  --hmf-border-base: var(--hmf-gray300);
  --hmf-border-base-subtle: var(--hmf-gray200);
  --hmf-border-inverse: var(--hmf-gray900);
  --hmf-border-inverse-subtle: var(--hmf-gray700);
  --hmf-border-primary-static: var(--hmf-secondary500);
  --hmf-border-primary-hover: var(--hmf-secondary600);
  --hmf-border-primary-active: var(--hmf-secondary400);
  --hmf-border-secondary-static: var(--hmf-gray900);
  --hmf-border-secondary-hover: var(--hmf-gray700);
  --hmf-border-secondary-active: var(--hmf-gray800);
  --hmf-border-secondary-subtle-static: var(--hmf-gray600);
  --hmf-border-secondary-subtle-hover: var(--hmf-gray400);
  --hmf-border-secondary-subtle-active: var(--hmf-gray500);
  --hmf-border-tertiary-static: var(--hmf-gray900);
  --hmf-border-tertiary-hover: var(--hmf-secondary500);
  --hmf-border-tertiary-active: var(--hmf-secondary400);
  --hmf-border-focused: var(--hmf-gray600);
  --hmf-border-inverse-focused: var(--hmf-gray50);
  --hmf-border-disabled: var(--hmf-gray500);
  --hmf-border-disabled-subtle: var(--hmf-gray200);
  --hmf-border-negative: var(--hmf-red600);
  --hmf-border-warning: var(--hmf-yellow500);
  --hmf-border-positive: var(--hmf-primary600);
}
.quickview-container :root.hmf-vrst-theme,
.quickview-container :root .hmf-vrst-theme {
  --font-display: "Tilde", sans-serif;
  --font-primary: "Tilde", sans-serif;
  --font-label: "Tilde", sans-serif;
  --font-primary-regular-weight: 400;
  --font-primary-bold-weight: 700;
  --font-display-weight: 900;
}
.quickview-container :root.hmf-vrst-theme,
.quickview-container :root .hmf-vrst-theme {
  /* BODY */
  --body-letter-spacing: 0.03rem;
}
.quickview-container :root.hmf-vrst-theme,
.quickview-container :root .hmf-vrst-theme {
  /* DISPLAY TEXT */
  --display-letter-spacing-xs: 0.05rem;
  --display-letter-spacing-s: 0.05rem;
  --display-letter-spacing-m: 0.05rem;
  --display-letter-spacing-l: 0.05rem;
  --display-font-size-xl: 10rem;
  --display-letter-spacing-xl: 0.05rem;
  --display-line-height-xl: 10rem;
  --display-font-size-xxl: 12rem;
  --display-letter-spacing-xxl: 0rem;
  --display-line-height-xxl: 12rem;
}
.quickview-container :root.hmf-vrst-theme,
.quickview-container :root .hmf-vrst-theme {
  /* HEADERS */
  --header-letter-spacing: 0rem;
}
.quickview-container :root.hmf-vrst-theme,
.quickview-container :root .hmf-vrst-theme {
  /* LABELS */
  --label-letter-spacing: 0.05rem;
}
.quickview-container :root.hmf-vrst-theme,
.quickview-container :root .hmf-vrst-theme {
  /* LEGAL */
  --legal-letter-spacing: 0.03rem;
}
.quickview-container :root.hmf-vrst-theme,
.quickview-container :root .hmf-vrst-theme {
  /* SUBHEADERS */
  --subhead-letter-spacing: 0rem;
}
.quickview-container :root.hmf-vrst-theme,
.quickview-container :root .hmf-vrst-theme {
  --hmf-primary50: #c4cad0;
  --hmf-primary100: #9aa3ac;
  --hmf-primary200: #7c878e;
  --hmf-primary300: #5b6770;
  --hmf-primary400: #404c53;
  --hmf-primary500: #333f48;
  --hmf-primary600: #2b3b46;
  --hmf-primary700: #1f2e38;
  --hmf-primary800: #162630;
  --hmf-primary900: #1d252d;
  --hmf-secondary50: #e6ecf0;
  --hmf-secondary100: #c2cfda;
  --hmf-secondary200: #99b0c2;
  --hmf-secondary300: #7090aa;
  --hmf-secondary400: #517897;
  --hmf-secondary500: #325f84;
  --hmf-secondary600: #2d587d;
  --hmf-secondary700: #264e72;
  --hmf-secondary800: #1f4468;
  --hmf-secondary900: #133355;
  --hmf-tertiary50: #f9efe9;
  --hmf-tertiary100: #f1d7c8;
  --hmf-tertiary200: #e8bda4;
  --hmf-tertiary300: #dea27f;
  --hmf-tertiary400: #d78e63;
  --hmf-tertiary500: #d07a48;
  --hmf-tertiary600: #cb7241;
  --hmf-tertiary700: #c46738;
  --hmf-tertiary800: #be5d30;
  --hmf-tertiary900: #b34a21;
  --hmf-accent50: #f9efe9;
  --hmf-accent100: #f1d7c8;
  --hmf-accent200: #e8bda4;
  --hmf-accent300: #dea27f;
  --hmf-accent400: #d78e63;
  --hmf-accent500: #d07a48;
  --hmf-accent600: #cb7241;
  --hmf-accent700: #c46738;
  --hmf-accent800: #be5d30;
  --hmf-accent900: #b34a21;
}
.quickview-container :root.hmf-vrst-theme,
.quickview-container :root .hmf-vrst-theme {
  /*********** GENERIC STYLING ***********/
  --hmf-button-border-radius: var(--hmf-sharp-radius);
  /*********** PRIMARY BUTTONS ***********/
  --hmf-button-primary-text-color: var(--hmf-gray50);
  --hmf-button-primary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-primary-background-color: var(--hmf-primary500);
  --hmf-button-primary-active-background-color: var(--hmf-primary600);
  --hmf-button-primary-hover-background-color: var(--hmf-primary400);
  --hmf-button-primary-inactive-background-color: var(--hmf-gray300);
  --hmf-button-primary-border-color: var(--hmf-primary500);
  --hmf-button-primary-hover-border-color: var(--hmf-primary400);
  --hmf-button-primary-active-border-color: var(--hmf-primary600);
  --hmf-button-primary-inactive-border-color: var(--hmf-gray300);
  /*********** SECONDARY BUTTONS ***********/
  --hmf-button-secondary-text-color: var(--hmf-gray900);
  --hmf-button-secondary-active-text-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-text-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-secondary-background-color: var(--hmf-gray50);
  --hmf-button-secondary-active-background-color: var(--hmf-gray400);
  --hmf-button-secondary-hover-background-color: var(--hmf-gray200);
  --hmf-button-secondary-inactive-background-color: var(--hmf-gray50);
  --hmf-button-secondary-border-color: var(--hmf-gray900);
  --hmf-button-secondary-active-border-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-border-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-border-color: var(--hmf-gray400);
  /*********** TERTIARY BUTTONS ***********/
  --hmf-button-tertiary-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-hover-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-active-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-inactive-text-color: var(--hmf-gray500);
  --hmf-button-tertiary-background-color: var(--hmf-gray50);
  --hmf-button-tertiary-hover-background-color: var(--hmf-gray50);
  --hmf-button-tertiary-active-background-color: var(--hmf-gray50);
  --hmf-button-tertiary-inactive-background-color: var(--hmf-gray100);
  --hmf-button-tertiary-border-color: var(--hmf-gray50);
  --hmf-button-tertiary-active-border-color: var(--hmf-gray50);
  --hmf-button-tertiary-hover-border-color: var(--hmf-gray50);
  --hmf-button-tertiary-inactive-border-color: var(--hmf-gray100);
  /*********** MARKETING BUTTONS ***********/
  --hmf-button-marketing-text-color: var(--hmf-gray50);
  --hmf-button-marketing-inactive-text-color: var(--hmf-gray50);
  --hmf-button-marketing-hover-text-color: var(--hmf-gray50);
  --hmf-button-marketing-active-text-color: var(--hmf-gray900);
  --hmf-button-marketing-background-color: var(--hmf-secondary500);
  --hmf-button-marketing-active-background-color: var(--hmf-secondary600);
  --hmf-button-marketing-hover-background-color: var(--hmf-secondary300);
  --hmf-button-marketing-inactive-background-color: var(--hmf-gray300);
  --hmf-button-marketing-border-color: var(--hmf-secondary500);
  --hmf-button-marketing-active-border-color: var(--hmf-secondary600);
  --hmf-button-marketing-hover-border-color: var(--hmf-secondary300);
  --hmf-button-marketing-inactive-border-color: var(--hmf-gray300);
}
.quickview-container :root, .quickview-container :root.hmf-vrst-theme,
.quickview-container :root .hmf-vrst-theme {
  --hmf-checkbox-active-background: var(--hmf-gray200);
  --hmf-checkbox-active-border-color: var(--hmf-gray500);
  --hmf-checkbox-active-checked-background: var(--hmf-gray800);
  --hmf-checkbox-active-checked-border-color: var(--hmf-gray800);
  --hmf-checkbox-base-checked-color: var(--hmf-gray800);
  --hmf-checkbox-base-color: var(--hmf-gray700);
  --hmf-checkbox-check-icon-dark: var(--hmf-gray500);
  --hmf-checkbox-check-icon-light: var(--hmf-gray50);
  --hmf-checkbox-checked-background: var(--hmf-gray900);
  --hmf-checkbox-checked-border-color: var(--hmf-gray900);
  --hmf-checkbox-disabled-color: var(--hmf-gray500);
  --hmf-checkbox-disabled-span-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-disabled-span-checked-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-checked-border-color: var(--hmf-gray200);
  --hmf-checkbox-error-color: var(--hmf-red600);
  --hmf-checkbox-error-span-background: var(--hmf-red100);
  --hmf-checkbox-error-span-border-color: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-background: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-border-color: var(--hmf-red600);
  --hmf-checkbox-focus-outline: 1px dashed var(--hmf-gray600);
  --hmf-checkbox-hover-span-background: var(--hmf-gray100);
  --hmf-checkbox-hover-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-hover-span-border: var(--hmf-gray900);
  --hmf-checkbox-hover-span-checked-background: var(--hmf-gray700);
  --hmf-checkbox-hover-span-checked-border-color: var(--hmf-gray700);
  --hmf-checkbox-span-background: var(--hmf-gray50);
  --hmf-checkbox-span-border: var(--hmf-gray600);
}
.quickview-container :root, .quickview-container :root.hmf-vrst-theme,
.quickview-container :root .hmf-vrst-theme {
  --hmf-chip-font-size: var(--body-font-size-m);
  --hmf-chip-line-height: var(--body-line-height-m);
  --hmf-chip-font-weight: var(--font-primary-bold-weight);
  --hmf-chip-font-family: var(--font-primary);
  --hmf-chip-letter-spacing: var(--body-letter-spacing);
  --hmf-chip-background-color: var(--hmf-gray200);
  --hmf-chip-color: var(--hmf-gray900);
  --hmf-chip-hover-background-color: var(--hmf-gray400);
  --hmf-chip-focus-background-color: var(--hmf-gray400);
  --hmf-chip-focus-outline: 1px dashed var(--hmf-primary500);
}
.quickview-container :root.hmf-vrst-theme,
.quickview-container :root .hmf-vrst-theme {
  --hmf-product-availability-cancel-icon-color: var(--hmf-red500);
  --hmf-product-availability-warning-icon-color: var(--hmf-yellow500);
  --hmf-product-availability-success-icon-color: var(--hmf-secondary500);
}
.quickview-container :root.hmf-vrst-theme,
.quickview-container :root .hmf-vrst-theme {
  --hmf-product-title-text-color: var(--hmf-gray900);
  --hmf-product-title-font-size: var(--label-font-size-l);
  --hmf-product-title-line-height: var(--label-line-height-l);
  --hmf-product-title-font-weight: 500;
  --hmf-product-title-font-family: var(--font-primary);
  --hmf-product-title-letter-spacing: var(--label-letter-spacing);
}
.quickview-container :root.hmf-vrst-theme,
.quickview-container :root .hmf-vrst-theme {
  --hmf-promotion-text-color: var(--hmf-gray500);
  --hmf-promotion-font-weight: var(--font-primary-regular-weight);
  --hmf-promotion-font-family: var(--font-primary);
  --hmf-promotion-letter-spacing: var(--body-letter-spacing);
}
.quickview-container :root.hmf-vrst-theme,
.quickview-container :root .hmf-vrst-theme {
  --hmf-recommendation-card-hover-color: var(--hmf-gray400);
  --hmf-recommendation-card-background-color: var(--hmf-gray50);
  --hmf-recommendation-card-text-color: var(--hmf-gray900);
  --hmf-recommendation-card-price-color: var(--hmf-gray500);
}
.quickview-container :root, .quickview-container :root.hmf-vrst-theme,
.quickview-container :root .hmf-vrst-theme {
  --hmf-panel-font-size: var(--body-font-size-s);
  --hmf-panel-line-height: var(--body-line-height-s);
  --hmf-panel-font-weight: normal;
  --hmf-panel-font-family: var(--font-primary);
  --hmf-panel-letter-spacing: normal;
  --hmf-panel-content-background-color: var(--hmf-gray50);
  --hmf-panel-header-background-color: var(--hmf-gray100);
  --hmf-panel-overlay-background-color: var(--hmf-gray900);
  --hmf-panel-close-button-hover-background-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-background-color: var(--hmf-gray200);
  --hmf-panel-header-border-color: var(--hmf-gray100);
  --hmf-panel-close-button-hover-border-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-border-color: var(--hmf-gray200);
}
.quickview-container :root.hmf-vrst-theme,
.quickview-container :root .hmf-vrst-theme {
  --hmf-sticky-banner-font-size: var(--body-font-size-s);
  --hmf-sticky-banner-line-height: var(--body-line-height-s);
  --hmf-sticky-banner-font-weight: normal;
  --hmf-sticky-banner-font-family: var(--font-primary);
  --hmf-sticky-banner-letter-spacing: normal;
  --hmf-sticky-banner-content-background-color: var(--hmf-gray50);
  --hmf-sticky-banner-content-border-color: var(--hmf-gray200);
}
.quickview-container :root.hmf-vrst-theme,
.quickview-container :root .hmf-vrst-theme {
  --hmf-text-link-color: var(--hmf-gray900);
  --hmf-text-link-active-color: var(--hmf-gray600);
  --hmf-text-link-font-size: var(--body-font-size-m);
  --hmf-text-link-line-height: var(--body-line-height-m);
  --hmf-text-link-font-weight: var(--font-primary-regular-weight);
  --hmf-text-link-font-family: var(--font-primary);
  --hmf-text-link-letter-spacing: var(--body-letter-spacing);
}
.quickview-container :root, .quickview-container :root.hmf-vrst-theme,
.quickview-container :root .hmf-vrst-theme {
  --hmf-text-input-font-size: var(--body-font-size-m);
  --hmf-text-input-line-height: var(--body-line-height-m);
  --hmf-text-input-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-font-family: var(--font-primary);
  --hmf-text-input-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-text-area-font-size: var(--body-font-size-m);
  --hmf-text-input-text-area-line-height: var(--body-line-height-m);
  --hmf-text-input-text-area-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-text-area-font-family: var(--font-primary);
  --hmf-text-input-text-area-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-border: 1px solid var(--hmf-gray700);
  --hmf-text-input-background-color: var(--hmf-gray50);
  --hmf-text-input-input-color: var(--hmf-gray900);
  --hmf-text-input-input-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-focused-border: 1px solid var(--hmf-primary300);
  --hmf-text-input-disabled-background-color: var(--hmf-gray200);
  --hmf-text-input-disabled-color: var(--hmf-gray700);
  --hmf-text-input-disabled-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-label-color: var(--hmf-gray900);
  --hmf-text-input-color: var(--hmf-gray700);
  --hmf-text-input-error-label-color: var(--hmf-red700);
  --hmf-text-input-error-color: var(--hmf-red700);
  --hmf-text-input-error-border: 1px solid var(--hmf-red700);
  --hmf-text-input-error-background-color: rgb(230 108 70 / 0.2);
  --hmf-text-input-error-placeholder-color: var(--hmf-gray900);
  --hmf-text-input-error-svg-fill: var(--hmf-red700);
}
.quickview-container :root.hmf-enterprise-theme,
.quickview-container :root .hmf-enterprise-theme {
  --hmf-focus-outline-color: var(--hmf-primary500);
}
.quickview-container :root.hmf-enterprise-theme,
.quickview-container :root .hmf-enterprise-theme {
  --hmf-background-base: var(--hmf-gray100);
  --hmf-background-base-subtle: var(--hmf-gray50);
  --hmf-background-inverse: var(--hmf-gray900);
  --hmf-background-inverse-subtle: var(--hmf-gray800);
  --hmf-background-primary: var(--hmf-secondary500);
  --hmf-fill-base: var(--hmf-gray50);
  --hmf-fill-base-subtle: var(--hmf-gray100);
  --hmf-fill-base-prominent: var(--hmf-gray200);
  --hmf-fill-creative-primary: var(--hmf-primary600);
  --hmf-fill-inverse: var(--hmf-gray900);
  --hmf-fill-inverse-subtle: var(--hmf-gray800);
  --hmf-fill-primary-static: var(--hmf-primary500);
  --hmf-fill-primary-hover: var(--hmf-primary600);
  --hmf-fill-primary-active: var(--hmf-primary400);
  --hmf-fill-secondary-static: var(--hmf-gray50);
  --hmf-fill-secondary-static-subtle: var(--hmf-gray100);
  --hmf-fill-secondary-hover: var(--hmf-gray100);
  --hmf-fill-secondary-hover-subtle: var(--hmf-gray200);
  --hmf-fill-secondary-active: var(--hmf-gray200);
  --hmf-fill-secondary-active-subtle: var(--hmf-gray100);
  --hmf-fill-tertiary-static: var(--hmf-gray700);
  --hmf-fill-tertiary-hover: var(--hmf-gray900);
  --hmf-fill-tertiary-active: var(--hmf-gray800);
  --hmf-fill-disabled: var(--hmf-gray400);
  --hmf-fill-disabled-subtle: var(--hmf-gray200);
  --hmf-fill-negative: var(--hmf-accent600);
  --hmf-fill-negative-subtle: var(--hmf-accent200);
  --hmf-fill-negative-static: var(--hmf-accent600);
  --hmf-fill-negative-hover: var(--hmf-accent800);
  --hmf-fill-negative-active: var(--hmf-accent700);
  --hmf-fill-sale: var(--hmf-red600);
  --hmf-fill-warning: var(--hmf-tertiary400);
  --hmf-fill-warning-subtle: var(--hmf-tertiary100);
  --hmf-fill-positive: var(--hmf-primary400);
  --hmf-fill-positive-subtle: var(--hmf-primary100);
  --hmf-fill-marketing-static: var(--hmf-primary600);
  --hmf-fill-marketing-hover: var(--hmf-primary700);
  --hmf-fill-marketing-active: var(--hmf-primary500);
  --hmf-fill-scorecard: var(--hmf-primary400);
  --hmf-fill-scorecard-subtle: var(--hmf-primary200);
  --hmf-fill-scorecard-gold: var(--hmf-gold300);
  --hmf-fill-scorecard-gold-subtle: var(--hmf-gold200);
  --hmf-fill-calia: var(--hmf-calia600);
  --hmf-fill-calia-subtle: var(--hmf-calia200);
  --hmf-fill-vrst: var(--hmf-vrst600);
  --hmf-fill-vrst-subtle: var(--hmf-vrst200);
  --hmf-label-base: var(--hmf-gray900);
  --hmf-label-base-subtle: var(--hmf-gray600);
  --hmf-label-inverse-base: var(--hmf-gray50);
  --hmf-label-inverse-subtle: var(--hmf-gray100);
  --hmf-label-primary-static: var(--hmf-primary600);
  --hmf-label-primary-hover: var(--hmf-primary700);
  --hmf-label-primary-active: var(--hmf-primary500);
  --hmf-label-secondary-static: var(--hmf-gray900);
  --hmf-label-secondary-hover: var(--hmf-gray700);
  --hmf-label-secondary-active: var(--hmf-gray800);
  --hmf-label-secondary-subtle-static: var(--hmf-gray600);
  --hmf-label-secondary-subtle-hover: var(--hmf-gray900);
  --hmf-label-secondary-subtle-active: var(--hmf-gray800);
  --hmf-label-tertiary-static: var(--hmf-gray900);
  --hmf-label-tertiary-hover: var(--hmf-primary500);
  --hmf-label-tertiary-active: var(--hmf-primary600);
  --hmf-label-sale: var(--hmf-accent800);
  --hmf-label-disabled: var(--hmf-gray400);
  --hmf-label-disabled-subtle: var(--hmf-gray200);
  --hmf-label-negative: var(--hmf-accent600);
  --hmf-label-positive: var(--hmf-primary600);
  --hmf-label-warning: var(--hmf-tertiary600);
  --hmf-label-marketing-static: var(--hmf-gray50);
  --hmf-label-marketing-hover: var(--hmf-gray100);
  --hmf-label-marketing-active: var(--hmf-gray100);
  --hmf-label-scorecard: var(--hmf-primary600);
  --hmf-border-base: var(--hmf-gray300);
  --hmf-border-base-subtle: var(--hmf-gray200);
  --hmf-border-base-prominent: var(--hmf-gray400);
  --hmf-border-inverse: var(--hmf-gray900);
  --hmf-border-inverse-subtle: var(--hmf-gray800);
  --hmf-border-primary-static: var(--hmf-primary500);
  --hmf-border-primary-hover: var(--hmf-primary700);
  --hmf-border-primary-active: var(--hmf-primary500);
  --hmf-border-secondary-static: var(--hmf-gray900);
  --hmf-border-secondary-hover: var(--hmf-gray700);
  --hmf-border-secondary-active: var(--hmf-gray800);
  --hmf-border-secondary-subtle-static: var(--hmf-gray600);
  --hmf-border-secondary-subtle-hover: var(--hmf-gray400);
  --hmf-border-secondary-subtle-active: var(--hmf-gray500);
  --hmf-border-tertiary-static: var(--hmf-gray900);
  --hmf-border-tertiary-hover: var(--hmf-primary500);
  --hmf-border-tertiary-active: var(--hmf-primary600);
  --hmf-border-focused: var(--hmf-primary500);
  --hmf-border-inverse-focused: var(--hmf-gray50);
  --hmf-border-disabled: var(--hmf-gray400);
  --hmf-border-disabled-subtle: var(--hmf-gray200);
  --hmf-border-negative: var(--hmf-accent600);
  --hmf-border-warning: var(--hmf-tertiary600);
  --hmf-border-positive: var(--hmf-primary500);
  --hmf-border-scorecard-subtle: var(--hmf-primary100);
  --hmf-border-scorecard-gold: var(--hmf-gold400);
  --hmf-border-scorecard-gold-subtle: var(--hmf-gold100);
}
.quickview-container :root.hmf-enterprise-theme,
.quickview-container :root .hmf-enterprise-theme {
  --font-display: "Archivo", sans-serif;
  --font-primary-regular-weight: 500;
  --font-display-weight: 900;
}
.quickview-container :root.hmf-enterprise-theme,
.quickview-container :root .hmf-enterprise-theme {
  --hmf-primary50: #f3fbf6;
  --hmf-primary100: #d6f2de;
  --hmf-primary200: #afe8c9;
  --hmf-primary300: #6fcc9b;
  --hmf-primary400: #34ad6c;
  --hmf-primary500: #138058;
  --hmf-primary600: #006554;
  --hmf-primary700: #005343;
  --hmf-primary800: #00493a;
  --hmf-primary900: #00291e;
  --hmf-secondary50: #e5fff5;
  --hmf-secondary100: #b3ffe0;
  --hmf-secondary200: #1affa2;
  --hmf-secondary300: #00e688;
  --hmf-secondary400: #00b36a;
  --hmf-secondary500: #00804c;
  --hmf-secondary600: #00663d;
  --hmf-secondary700: #005733;
  --hmf-secondary800: #004d2d;
  --hmf-secondary900: #001a0f;
  --hmf-tertiary50: #fdf9f1;
  --hmf-tertiary100: #f8e6c7;
  --hmf-tertiary200: #f5d6a0;
  --hmf-tertiary300: #f0bd65;
  --hmf-tertiary400: #eba42b;
  --hmf-tertiary500: #c88513;
  --hmf-tertiary600: #976211;
  --hmf-tertiary700: #6e440c;
  --hmf-tertiary800: #5b380b;
  --hmf-tertiary900: #32210b;
  --hmf-accent50: #fff9f5;
  --hmf-accent100: #fff0e7;
  --hmf-accent200: #fad6c7;
  --hmf-accent300: #f5bba7;
  --hmf-accent400: #eb8666;
  --hmf-accent500: #e66c46;
  --hmf-accent600: #be4324;
  --hmf-accent700: #96240d;
  --hmf-accent800: #7f1e0b;
  --hmf-accent900: #4b1206;
}
.quickview-container :root.hmf-enterprise-theme,
.quickview-container :root .hmf-enterprise-theme {
  /* Base Styles */
  --ag-font-family: var(--font-primary);
  --ag-row-border-color: var(--hmf-border-base);
  --ag-odd-row-background-color: var(--hmf-fill-base-subtle);
  --ag-even-row-background-color: var(--hmf-fill-base);
  --ag-focus-shadow: none;
  /* Header Styles */
  --ag-header-background-color: var(--hmf-fill-base);
  --ag-header-font-size: var(--typography-body-links-medium-size, 14px);
  --ag-header-font-weight: var(--typography-body-links-weights-bold, 700);
  --ag-header-letter-spacing: var(--Typography-Letter-Spacing, 0px);
  --ag-header-line-height: var(--typography-body-links-medium-line-height, 19.6px);
  --ag-header-column-resize-handle-height: 60%;
  --ag-header-column-resize-handle-width: 1px;
  --ag-header-column-resize-handle-color: var(--hmf-border-base);
  /* Checkbox Styles */
  --ag-checkbox-border-radius: 0;
  --ag-checkbox-border-color: var(--hmf-border-secondary-subtle-static);
  --ag-checkbox-checked-background-color: var(--hmf-fill-secondary-static);
}
.quickview-container :root.hmf-enterprise-theme .ag-root-wrapper,
.quickview-container :root .hmf-enterprise-theme .ag-root-wrapper {
  border-bottom-left-radius: 0;
  border-left: none;
  border-top-left-radius: 0;
}
.quickview-container :root.hmf-enterprise-theme .error .ag-checkbox-input-wrapper,
.quickview-container :root .hmf-enterprise-theme .error .ag-checkbox-input-wrapper {
  background-color: var(--hmf-fill-negative-subtle);
  border-color: var(--hmf-label-negative) !important;
}
.quickview-container :root.hmf-enterprise-theme .error .ag-checkbox-input-wrapper.ag-checked, .quickview-container :root.hmf-enterprise-theme .error .ag-checkbox-input-wrapper.ag-indeterminate,
.quickview-container :root .hmf-enterprise-theme .error .ag-checkbox-input-wrapper.ag-checked,
.quickview-container :root .hmf-enterprise-theme .error .ag-checkbox-input-wrapper.ag-indeterminate {
  background-color: var(--hmf-label-negative) !important;
}
.quickview-container :root.hmf-enterprise-theme .ag-checkbox-input-wrapper.ag-checked, .quickview-container :root.hmf-enterprise-theme .ag-checkbox-input-wrapper.ag-indeterminate,
.quickview-container :root .hmf-enterprise-theme .ag-checkbox-input-wrapper.ag-checked,
.quickview-container :root .hmf-enterprise-theme .ag-checkbox-input-wrapper.ag-indeterminate {
  background-color: var(--hmf-fill-tertiary-static);
  border: 1px solid var(--hmf-fill-tertiary-static);
}
.quickview-container :root.hmf-enterprise-theme .ag-checkbox-input-wrapper.ag-checked:hover, .quickview-container :root.hmf-enterprise-theme .ag-checkbox-input-wrapper.ag-indeterminate:hover,
.quickview-container :root .hmf-enterprise-theme .ag-checkbox-input-wrapper.ag-checked:hover,
.quickview-container :root .hmf-enterprise-theme .ag-checkbox-input-wrapper.ag-indeterminate:hover {
  background-color: var(--hmf-fill-tertiary-static);
  border: 1px solid var(--hmf-fill-tertiary-static);
}
.quickview-container :root.hmf-enterprise-theme .ag-checkbox-input-wrapper:hover,
.quickview-container :root .hmf-enterprise-theme .ag-checkbox-input-wrapper:hover {
  border: 2px solid var(--hmf-label-secondary-active);
}
.quickview-container :root.hmf-enterprise-theme .ag-checkbox-input-wrapper:disabled,
.quickview-container :root .hmf-enterprise-theme .ag-checkbox-input-wrapper:disabled {
  background: var(--hmf-fill-disabled-subtle);
  border: 1px solid var(--hmf-border-disabled);
}
.quickview-container :root.hmf-enterprise-theme .ag-checkbox-input-wrapper:disabled.ag-checked, .quickview-container :root.hmf-enterprise-theme .ag-checkbox-input-wrapper:disabled.ag-indeterminate,
.quickview-container :root .hmf-enterprise-theme .ag-checkbox-input-wrapper:disabled.ag-checked,
.quickview-container :root .hmf-enterprise-theme .ag-checkbox-input-wrapper:disabled.ag-indeterminate {
  border: 1px solid var(--hmf-border-disabled);
}
.quickview-container :root.hmf-enterprise-theme .ag-checkbox-input-wrapper:hover:disabled, .quickview-container :root.hmf-enterprise-theme .ag-checkbox-input:hover:disabled,
.quickview-container :root .hmf-enterprise-theme .ag-checkbox-input-wrapper:hover:disabled,
.quickview-container :root .hmf-enterprise-theme .ag-checkbox-input:hover:disabled {
  cursor: not-allowed !important;
}
.quickview-container :root.hmf-enterprise-theme,
.quickview-container :root .hmf-enterprise-theme {
  /*********** GENERIC STYLING ***********/
  --hmf-button-border-radius: var(--hmf-sharp-radius);
  /*********** PRIMARY BUTTONS ***********/
  --hmf-button-primary-text-color: var(--hmf-gray50);
  --hmf-button-primary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-primary-background-color: var(--hmf-primary500);
  --hmf-button-primary-active-background-color: var(--hmf-primary400);
  --hmf-button-primary-hover-background-color: var(--hmf-primary300);
  --hmf-button-primary-inactive-background-color: var(--hmf-gray300);
  --hmf-button-primary-border-color: var(--hmf-primary500);
  --hmf-button-primary-hover-border-color: var(--hmf-primary300);
  --hmf-button-primary-active-border-color: var(--hmf-primary400);
  --hmf-button-primary-inactive-border-color: var(--hmf-gray300);
  /*********** SECONDARY BUTTONS ***********/
  --hmf-button-secondary-text-color: var(--hmf-gray900);
  --hmf-button-secondary-active-text-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-text-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-secondary-background-color: var(--hmf-gray50);
  --hmf-button-secondary-active-background-color: var(--hmf-gray400);
  --hmf-button-secondary-hover-background-color: var(--hmf-gray200);
  --hmf-button-secondary-inactive-background-color: var(--hmf-gray50);
  --hmf-button-secondary-border-color: var(--hmf-gray900);
  --hmf-button-secondary-active-border-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-border-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-border-color: var(--hmf-gray400);
  /*********** TERTIARY BUTTONS ***********/
  --hmf-button-tertiary-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-hover-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-active-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-inactive-text-color: var(--hmf-gray500);
  --hmf-button-tertiary-background-color: var(--hmf-fill-secondary-static);
  --hmf-button-tertiary-active-background-color: var(--hmf-fill-secondary-active);
  --hmf-button-tertiary-hover-background-color: var(--hmf-fill-secondary-hover);
  --hmf-button-tertiary-inactive-background-color: var(--hmf-gray100);
  --hmf-button-tertiary-border-color: var(--hmf-fill-secondary-static);
  --hmf-button-tertiary-active-border-color: var(--hmf-fill-secondary-active);
  --hmf-button-tertiary-hover-border-color: var(--hmf-fill-secondary-hover);
  --hmf-button-tertiary-inactive-border-color: var(--hmf-gray100);
  /*********** MARKETING BUTTONS ***********/
  --hmf-button-marketing-text-color: var(--hmf-gray50);
  --hmf-button-marketing-inactive-text-color: var(--hmf-gray50);
  --hmf-button-marketing-hover-text-color: var(--hmf-gray50);
  --hmf-button-marketing-active-text-color: var(--hmf-gray900);
  --hmf-button-marketing-background-color: var(--hmf-gray900);
  --hmf-button-marketing-active-background-color: var(--hmf-gray800);
  --hmf-button-marketing-hover-background-color: var(--hmf-gray700);
  --hmf-button-marketing-inactive-background-color: var(--hmf-gray300);
  --hmf-button-marketing-border-color: var(--hmf-gray900);
  --hmf-button-marketing-active-border-color: var(--hmf-gray800);
  --hmf-button-marketing-hover-border-color: var(--hmf-gray700);
  --hmf-button-marketing-inactive-border-color: var(--hmf-gray300);
  /*********** DESTRUCTIVE BUTTONS ***********/
  --hmf-button-destructive-text-color: var(--hmf-label-inverse-base);
  --hmf-button-destructive-inactive-text-color: var(--hmf-label-disabled);
  --hmf-button-destructive-hover-text-color: var( --hmf-label-inverse-base);
  --hmf-button-destructive-active-text-color: var(--hmf-label-inverse-base);
  --hmf-button-destructive-background-color: var(--hmf-fill-negative-static);
  --hmf-button-destructive-active-background-color: var(--hmf-fill-negative-active);
  --hmf-button-destructive-hover-background-color: var(--hmf-fill-negative-hover);
  --hmf-button-destructive-inactive-background-color: var(--hmf-fill-disabled-subtle);
  --hmf-button-destructive-border-color: var(--hmf-fill-negative-static);
  --hmf-button-destructive-active-border-color: var(--hmf-fill-negative-active);
  --hmf-button-destructive-hover-border-color: var(--hmf-fill-negative-hover);
  --hmf-button-destructive-inactive-border-color: var(--hmf-fill-disabled-subtle);
}
.quickview-container :root, .quickview-container :root.hmf-enterprise-theme,
.quickview-container :root .hmf-enterprise-theme {
  --hmf-checkbox-active-background: var(--hmf-gray200);
  --hmf-checkbox-active-border-color: var(--hmf-gray500);
  --hmf-checkbox-active-checked-background: var(--hmf-gray800);
  --hmf-checkbox-active-checked-border-color: var(--hmf-gray800);
  --hmf-checkbox-base-checked-color: var(--hmf-gray800);
  --hmf-checkbox-base-color: var(--hmf-gray700);
  --hmf-checkbox-check-icon-dark: var(--hmf-gray500);
  --hmf-checkbox-check-icon-light: var(--hmf-gray50);
  --hmf-checkbox-checked-background: var(--hmf-gray900);
  --hmf-checkbox-checked-border-color: var(--hmf-gray900);
  --hmf-checkbox-disabled-color: var(--hmf-gray500);
  --hmf-checkbox-disabled-span-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-disabled-span-checked-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-checked-border-color: var(--hmf-gray200);
  --hmf-checkbox-error-color: var(--hmf-red600);
  --hmf-checkbox-error-span-background: var(--hmf-red100);
  --hmf-checkbox-error-span-border-color: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-background: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-border-color: var(--hmf-red600);
  --hmf-checkbox-focus-outline: 1px dashed var(--hmf-gray600);
  --hmf-checkbox-hover-span-background: var(--hmf-gray100);
  --hmf-checkbox-hover-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-hover-span-border: var(--hmf-gray900);
  --hmf-checkbox-hover-span-checked-background: var(--hmf-gray700);
  --hmf-checkbox-hover-span-checked-border-color: var(--hmf-gray700);
  --hmf-checkbox-span-background: var(--hmf-gray50);
  --hmf-checkbox-span-border: var(--hmf-gray600);
}
.quickview-container :root, .quickview-container :root.hmf-enterprise-theme,
.quickview-container :root .hmf-enterprise-theme {
  --hmf-chip-font-size: var(--body-font-size-m);
  --hmf-chip-line-height: var(--body-line-height-m);
  --hmf-chip-font-weight: var(--font-primary-bold-weight);
  --hmf-chip-font-family: var(--font-primary);
  --hmf-chip-letter-spacing: var(--body-letter-spacing);
  --hmf-chip-background-color: var(--hmf-gray200);
  --hmf-chip-color: var(--hmf-gray900);
  --hmf-chip-hover-background-color: var(--hmf-gray400);
  --hmf-chip-focus-background-color: var(--hmf-gray400);
  --hmf-chip-focus-outline: 1px dashed var(--hmf-primary500);
}
.quickview-container :root.hmf-enterprise-theme,
.quickview-container :root .hmf-enterprise-theme {
  --hmf-product-availability-cancel-icon-color: var(--hmf-red500);
  --hmf-product-availability-warning-icon-color: var(--hmf-yellow500);
  --hmf-product-availability-success-icon-color: var(--hmf-primary500);
}
.quickview-container :root.hmf-enterprise-theme,
.quickview-container :root .hmf-enterprise-theme {
  --hmf-product-title-text-color: var(--hmf-gray900);
  --hmf-product-title-font-size: var(--label-font-size-l);
  --hmf-product-title-line-height: var(--label-line-height-l);
  --hmf-product-title-font-weight: 500;
  --hmf-product-title-font-family: var(--font-primary);
  --hmf-product-title-letter-spacing: var(--label-letter-spacing);
}
.quickview-container :root.hmf-enterprise-theme,
.quickview-container :root .hmf-enterprise-theme {
  --hmf-promotion-text-color: var(--hmf-gray500);
  --hmf-promotion-font-weight: var(--font-primary-regular-weight);
  --hmf-promotion-font-family: var(--font-primary);
  --hmf-promotion-letter-spacing: var(--body-letter-spacing);
}
.quickview-container :root.hmf-enterprise-theme,
.quickview-container :root .hmf-enterprise-theme {
  --hmf-recommendation-card-hover-color: var(--hmf-gray400);
  --hmf-recommendation-card-background-color: var(--hmf-gray50);
  --hmf-recommendation-card-text-color: var(--hmf-gray900);
  --hmf-recommendation-card-price-color: var(--hmf-gray500);
}
.quickview-container :root, .quickview-container :root.hmf-enterprise-theme,
.quickview-container :root .hmf-enterprise-theme {
  --hmf-panel-font-size: var(--body-font-size-s);
  --hmf-panel-line-height: var(--body-line-height-s);
  --hmf-panel-font-weight: normal;
  --hmf-panel-font-family: var(--font-primary);
  --hmf-panel-letter-spacing: normal;
  --hmf-panel-content-background-color: var(--hmf-gray50);
  --hmf-panel-header-background-color: var(--hmf-gray100);
  --hmf-panel-overlay-background-color: var(--hmf-gray900);
  --hmf-panel-close-button-hover-background-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-background-color: var(--hmf-gray200);
  --hmf-panel-header-border-color: var(--hmf-gray100);
  --hmf-panel-close-button-hover-border-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-border-color: var(--hmf-gray200);
}
.quickview-container :root.hmf-enterprise-theme,
.quickview-container :root .hmf-enterprise-theme {
  --hmf-sticky-banner-font-size: var(--body-font-size-s);
  --hmf-sticky-banner-line-height: var(--body-line-height-s);
  --hmf-sticky-banner-font-weight: normal;
  --hmf-sticky-banner-font-family: var(--font-primary);
  --hmf-sticky-banner-letter-spacing: normal;
  --hmf-sticky-banner-content-background-color: var(--hmf-gray50);
  --hmf-sticky-banner-content-border-color: var(--hmf-gray200);
}
.quickview-container :root.hmf-enterprise-theme,
.quickview-container :root .hmf-enterprise-theme {
  --hmf-text-link-color: var(--hmf-gray900);
  --hmf-text-link-active-color: var(--hmf-gray600);
  --hmf-text-link-font-size: var(--body-font-size-m);
  --hmf-text-link-line-height: var(--body-line-height-m);
  --hmf-text-link-font-weight: var(--font-primary-regular-weight);
  --hmf-text-link-font-family: var(--font-primary);
  --hmf-text-link-letter-spacing: var(--body-letter-spacing);
}
.quickview-container :root, .quickview-container :root.hmf-enterprise-theme,
.quickview-container :root .hmf-enterprise-theme {
  --hmf-text-input-font-size: var(--body-font-size-m);
  --hmf-text-input-line-height: var(--body-line-height-m);
  --hmf-text-input-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-font-family: var(--font-primary);
  --hmf-text-input-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-text-area-font-size: var(--body-font-size-m);
  --hmf-text-input-text-area-line-height: var(--body-line-height-m);
  --hmf-text-input-text-area-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-text-area-font-family: var(--font-primary);
  --hmf-text-input-text-area-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-border: 1px solid var(--hmf-gray700);
  --hmf-text-input-background-color: var(--hmf-gray50);
  --hmf-text-input-input-color: var(--hmf-gray900);
  --hmf-text-input-input-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-focused-border: 1px solid var(--hmf-primary300);
  --hmf-text-input-disabled-background-color: var(--hmf-gray200);
  --hmf-text-input-disabled-color: var(--hmf-gray700);
  --hmf-text-input-disabled-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-label-color: var(--hmf-gray900);
  --hmf-text-input-color: var(--hmf-gray700);
  --hmf-text-input-error-label-color: var(--hmf-red700);
  --hmf-text-input-error-color: var(--hmf-red700);
  --hmf-text-input-error-border: 1px solid var(--hmf-red700);
  --hmf-text-input-error-background-color: rgb(230 108 70 / 0.2);
  --hmf-text-input-error-placeholder-color: var(--hmf-gray900);
  --hmf-text-input-error-svg-fill: var(--hmf-red700);
}
.quickview-container .calia-react-header-scope .quickview .hmf-modal-container,
.quickview-container .calia-react-header-scope .quickview-container .hmf-modal-container {
  background-color: var(--hmf-background-base);
  font-family: var(--font-family-primary);
  height: 100%;
  overflow: hidden;
}
.quickview-container .calia-react-header-scope .quickview .product-title,
.quickview-container .calia-react-header-scope .quickview-container .product-title {
  max-width: 90%;
}
.quickview-container .calia-react-header-scope .quickview .product-title p,
.quickview-container .calia-react-header-scope .quickview-container .product-title p {
  text-transform: capitalize !important;
}
.quickview-container .calia-react-header-scope .quickview .quickview-error,
.quickview-container .calia-react-header-scope .quickview-container .quickview-error {
  color: var(--hmf-label-negative);
  text-align: center;
}
.quickview-container .calia-react-header-scope .quickview .quickview-price .final-price,
.quickview-container .calia-react-header-scope .quickview-container .quickview-price .final-price {
  color: var(--quick-view-final-price-color) !important;
  font-family: var(--font-family-primary);
  letter-spacing: 0.5px;
  line-height: 24px;
  margin: 0;
  padding-right: 8px;
}
.quickview-container .calia-react-header-scope .quickview .quickview-price .unlisted-price,
.quickview-container .calia-react-header-scope .quickview-container .quickview-price .unlisted-price {
  margin: 0;
  padding-right: 8px;
  text-transform: var(--quick-view-unlisted-price-text-transform);
}
@media (max-width: 768px) {
  .quickview-container .calia-react-header-scope .quickview .quickview-price,
  .quickview-container .calia-react-header-scope .quickview-container .quickview-price {
    left: -31px;
  }
}
.quickview-container .calia-react-header-scope .quickview .quickview-price .priceInfo,
.quickview-container .calia-react-header-scope .quickview-container .quickview-price .priceInfo {
  margin-right: 13px;
}
.quickview-container .calia-react-header-scope .quickview .quickview-price.center-price,
.quickview-container .calia-react-header-scope .quickview-container .quickview-price.center-price {
  margin: 0 auto;
}
.quickview-container .calia-react-header-scope .quickview .placeholder,
.quickview-container .calia-react-header-scope .quickview-container .placeholder {
  background-color: var(--hmf-background-inverse);
  height: 20px;
}
.quickview-container .calia-react-header-scope .quickview .placeholder.medium,
.quickview-container .calia-react-header-scope .quickview-container .placeholder.medium {
  height: 24px;
  margin-bottom: 20px;
}
.quickview-container .calia-react-header-scope .quickview .placeholder.small,
.quickview-container .calia-react-header-scope .quickview-container .placeholder.small {
  height: 18px;
  margin-bottom: 10px;
}
.quickview-container .calia-react-header-scope .quickview .placeholder.large,
.quickview-container .calia-react-header-scope .quickview-container .placeholder.large {
  height: 234px;
}
.quickview-container .calia-react-header-scope .quickview .lowStock,
.quickview-container .calia-react-header-scope .quickview-container .lowStock {
  background-color: var(--hmf-fill-negative);
  height: 20px;
  width: 114px;
}
.quickview-container .calia-react-header-scope .quickview .lowStock p,
.quickview-container .calia-react-header-scope .quickview-container .lowStock p {
  color: var(--hmf-fill-base);
  margin: 0px;
  text-align: center;
}
.quickview-container .calia-react-header-scope .quickview .separator,
.quickview-container .calia-react-header-scope .quickview-container .separator {
  border-top: 1px solid var(--hmf-border-disabled-subtle);
}
.quickview-container .calia-react-header-scope .quickview .caption.attribute-error,
.quickview-container .calia-react-header-scope .quickview-container .caption.attribute-error {
  margin-bottom: 10px;
}
.quickview-container .calia-react-header-scope .quickview .attribute-error-message,
.quickview-container .calia-react-header-scope .quickview-container .attribute-error-message {
  color: var(--hmf-label-negative);
  letter-spacing: 1.5px !important;
  margin: 0;
  margin-bottom: 8px;
  margin-top: 8px;
}
.quickview-container .calia-react-header-scope .quickview .attribute-error-message svg,
.quickview-container .calia-react-header-scope .quickview-container .attribute-error-message svg {
  transform: translateY(3px);
}
.quickview-container .calia-react-header-scope .quickview .dsg-react-hyperlink.product-details,
.quickview-container .calia-react-header-scope .quickview-container .dsg-react-hyperlink.product-details {
  border-bottom: none;
  color: var(--quick-view-product-details-font-color);
  margin: 0 auto;
  padding-top: var(--hmf-s);
  text-decoration-line: underline;
  display: block;
  text-align: center;
}
.quickview-container .calia-react-header-scope .quickview .dsg-react-hyperlink.product-details:hover,
.quickview-container .calia-react-header-scope .quickview-container .dsg-react-hyperlink.product-details:hover {
  border-bottom: none;
  text-decoration-color: var(--secondary-color);
}
.quickview-container .calia-react-header-scope .quickview .alert-banner .title-text,
.quickview-container .calia-react-header-scope .quickview-container .alert-banner .title-text {
  line-height: var(--header-line-height-l);
}
.quickview-container .calia-react-header-scope .quickview .alert-banner .alert-icon,
.quickview-container .calia-react-header-scope .quickview-container .alert-banner .alert-icon {
  width: var(--hmf-m);
  height: var(--hmf-m);
}
.quickview-container .calia-react-header-scope .quickview .scroll-quickView-content,
.quickview-container .calia-react-header-scope .quickview-container .scroll-quickView-content {
  overflow: hidden;
  overflow-y: scroll;
}
.quickview-container .calia-react-header-scope .quickview .scroll-quickView-content .dsg-react-hyperlink.product-details,
.quickview-container .calia-react-header-scope .quickview-container .scroll-quickView-content .dsg-react-hyperlink.product-details {
  display: block;
  text-align: center;
}
.quickview-container .calia-react-header-scope .quickview .quickView-content-footer,
.quickview-container .calia-react-header-scope .quickview-container .quickView-content-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: var(--hmf-background-base);
}
.quickview-container .calia-react-header-scope .quickview .quickView-content-footer.separator,
.quickview-container .calia-react-header-scope .quickview-container .quickView-content-footer.separator {
  box-shadow: 0px -2px 8px -2px rgba(26, 26, 26, 0.2);
}
.quickview-container .slick-next,
.quickview-container .slick-prev {
  background: var(--hmf-gray50);
  height: 44px;
  opacity: 0.75;
  text-align: center;
  width: 44px;
  z-index: 1;
}
.quickview-container .slick-next {
  align-items: center;
  display: flex;
  justify-content: center;
  right: 0;
}
.quickview-container .slick-next:before {
  content: "";
  line-height: 1.3;
  opacity: 1;
}
.quickview-container .slick-prev {
  align-items: center;
  display: flex;
  justify-content: center;
  left: 0;
}
.quickview-container .slick-prev svg {
  transform: rotate(180deg);
}
.quickview-container .slick-prev:before {
  content: "";
  line-height: 1.3;
  opacity: 1;
}
.quickview-container .slickSlider-customDot {
  background-color: var(--hmf-tertiary200);
  border-radius: 50%;
  display: inline-block;
  height: 8px;
  width: 8px;
}
.quickview-container .slick-dots li {
  margin: 0;
}
.quickview-container .slick-dots .slick-active .slickSlider-customDot {
  background-color: var(--quick-view-slider-dots);
}
.quickview-container .quickview-imageViewer {
  background-color: var(--hmf-fill-base);
  height: 239px;
}
.quickview-container .quickview-imageViewer .image-box {
  height: 189px;
}
@media (min-width: 768px) {
  .quickview-container .quickview-imageViewer {
    height: 308px;
  }
}
.quickview-container .quickview-imageViewer .slick-slide {
  opacity: 0.25;
}
.quickview-container .quickview-imageViewer .slick-slide img {
  height: auto;
  margin: 0 auto;
  max-height: 189px;
  max-width: 85%;
}
@media (min-width: 768px) {
  .quickview-container .quickview-imageViewer .slick-slide img {
    max-height: 258px;
  }
}
.quickview-container .quickview-imageViewer .slick-track {
  align-self: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex: 1 0 auto;
  height: 189px;
}
@media (min-width: 768px) {
  .quickview-container .quickview-imageViewer .slick-track {
    height: 258px;
  }
}
.quickview-container .quickview-imageViewer .slick-track .slick-slide {
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex: 1 0 auto;
  height: auto;
  justify-content: center;
}
.quickview-container .quickview-imageViewer .slick-track .slick-slide img {
  float: right;
  margin: 0;
}
.quickview-container .quickview-imageViewer .slick-track .slick-current + .slick-slide img {
  float: left;
  margin: 0;
}
.quickview-container .quickview-imageViewer .slick-track .slick-current img {
  float: none;
  margin: 0 auto;
}
.quickview-container .quickview-imageViewer .slick-current {
  opacity: 1 !important;
}
.quickview-container .quickview-overlay {
  background: rgba(186, 188, 187, 0.7);
  cursor: pointer;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 105;
}
.quickview-container .quickview-swatch-container {
  margin-right: 0;
}
.quickview-container .quickview-outline {
  padding: 2px;
}
.quickview-container .quickview-outline:active {
  border: 1px dashed var(--theme-focus-outline-color);
  padding: 1px;
}
.quickview-container .quickview-swatch {
  cursor: pointer;
  height: 85px;
  width: 85px;
  background: transparent;
  border: 2px solid transparent;
}
.quickview-container .quickview-swatch img {
  background-color: var(--hmf-background-base);
  border: 1px solid var(--hmf-gray50);
  border-radius: 2px;
  cursor: pointer;
  max-width: 76px;
  max-height: 76px;
  padding: 4px;
}
.quickview-container .quickview-swatch:hover {
  border: 2px solid var(--hmf-tertiary700);
  border-radius: 2px;
}
.quickview-container .quickview-selected-swatch {
  border: 2px solid var(--hmf-tertiary700);
  border-radius: 2px;
}
.quickview-container .quickview-selected-swatch img {
  border: none;
}
.quickview-container .quickview-disabled-swatch::before {
  border-top: 2px solid var(--hmf-border-secondary-subtle-active);
  content: "";
  outline: none;
  position: absolute;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  width: 82px;
}
.quickview-container .quickview-disabled-swatch.quickview-selected-swatch::before {
  outline: 2px solid var(--hmf-primary50);
}
.quickview-container .price {
  align-self: center;
  color: var(--hmf-primary900);
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 0.5px;
  line-height: 20px;
  margin: 0px 4px;
}
.quickview-container .selected-price {
  font-weight: bold;
}
.quickview-container .clearence {
  color: var(--hmf-secondary900);
}
.quickview-container .attribute-groups:first-child {
  margin-top: 0px;
}
.quickview-container .attribute {
  margin-right: -8px;
}
.quickview-container .attribute .value {
  background: var(--hmf-background-base);
  border: 1px solid var(--hmf-border-secondary-subtle-static);
  box-sizing: border-box;
  cursor: pointer;
  color: var(--hmf-label-base);
}
.quickview-container .attribute .value:hover:not([aria-disabled=true]) {
  border: 1px solid var(--hmf-border-inverse-subtle);
  background: var(--hmf-background-base);
}
.quickview-container .attribute .value:focus {
  outline: none;
}
.quickview-container .attribute .disabled {
  background: var(--hmf-background-base-subtle);
  border-color: var(--hmf-background-base-subtle);
  color: var(--hmf-fill-disabled);
}
.quickview-container .attribute .disabled::before {
  border-top: 1px solid var(--hmf-border-secondary-subtle-active);
  box-shadow: 0 0 0 1px var(--hmf-fill-base);
  content: "";
  left: 50%;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  width: 32px;
}
.quickview-container .attribute .selected,
.quickview-container .attribute .selected:hover:not([aria-disabled=true]) {
  background-color: var(--hmf-fill-inverse);
  color: var(--hmf-fill-base);
}
.quickview-container .attribute .selected.disabled::before,
.quickview-container .attribute .selected:hover:not([aria-disabled=true]).disabled::before {
  border: none;
}
.quickview-container .attribute-error-message svg path {
  fill: var(--hmf-fill-negative);
}
.quickview-container .view-all-colors p {
  color: var(--hmf-label-base);
  cursor: pointer;
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  letter-spacing: 1.5px;
  line-height: 14px;
  margin-bottom: 4px;
  margin-top: 23px;
  text-align: center;
  text-transform: uppercase;
}
.quickview-container .view-all-colors:hover p {
  border-bottom: 2px solid var(--quick-view-shipping-border-bottom-color);
  margin-bottom: 2px;
}
.quickview-container .view-all-colors:active p {
  border-bottom: 4px solid var(--quick-view-shipping-border-bottom-color);
  margin-bottom: 0px;
}
.quickview-container .view-all-colors:focus p {
  border: 1px dashed var(--theme-focus-outline-color);
  margin-bottom: 3px;
  margin-top: 1px;
}
.quickview-container .button-container {
  flex: 1;
  height: 44px;
}
.quickview-container .button-container.quickview-viewCart {
  flex: 0 0 100%;
}
@media (min-width: 768px) {
  .quickview-container .button-container {
    height: 56px;
  }
  .quickview-container .button-container.quickview-viewCart {
    flex: 1;
  }
}
.quickview-container .quickview-badge-container {
  height: 20px;
  z-index: 1;
}
.quickview-container a.dsg-react-hyperlink {
  border-bottom: 1px solid var(--link-component-static-bottom-border);
  color: var(--primary-font-color);
  cursor: pointer;
  font-size: var(--link-component-font-size);
  font-weight: var(--link-component-font-weight);
  letter-spacing: var(--link-component-letter-spacing);
  line-height: var(--link-component-line-height);
  outline-color: transparent;
  outline-style: none;
  text-decoration: none;
}
.quickview-container a.dsg-react-hyperlink:hover {
  border-bottom: 1px solid var(--link-component-hover-focus-active-bottom-border);
}
.quickview-container a.dsg-react-hyperlink:active {
  border-bottom: 1px solid var(--link-component-hover-focus-active-bottom-border);
  color: var(--link-component-alternate-font-color);
}
.quickview-container a.dsg-react-hyperlink:focus {
  border-bottom: 1px solid var(--link-component-hover-focus-active-bottom-border);
}
.quickview-container a.dsg-react-hyperlink:visited {
  border-bottom: 1px solid var(--link-component-visited-bottom-border);
  color: var(--link-component-alternate-font-color);
}
.quickview-container a.dsg-react-inline-hyperlink {
  color: var(--primary-font-color);
  cursor: pointer;
  font-size: var(--link-component-inline-font-size);
  font-weight: normal;
  line-height: var(--link-component-inline-line-height);
  outline-color: transparent;
  outline-style: none;
  text-decoration: underline;
}
.quickview-container a.dsg-react-inline-hyperlink:hover {
  color: var(--link-component-inline-hover-focus-font-color);
}
.quickview-container a.dsg-react-inline-hyperlink:active {
  color: var(--link-component-inline-active-visited-font-color);
}
.quickview-container a.dsg-react-inline-hyperlink:focus {
  color: var(--link-component-inline-hover-focus-font-color);
}
.quickview-container a.dsg-react-inline-hyperlink:visited {
  color: var(--link-component-inline-active-visited-font-color);
}
.quickview-container .quickview-caption-box {
  background-color: var(--hmf-fill-disabled);
  border-radius: 5px;
  height: 20px;
  margin-bottom: 8px;
  margin-right: 60%;
}
.quickview-container .quickview-promo-box {
  background-color: var(--hmf-fill-disabled);
  border-radius: 5px;
  height: 20px;
  margin-bottom: 8px;
  margin-right: 45%;
}
.quickview-container .quickview-image-box {
  animation: fading 1.5s infinite;
  background-color: var(--hmf-fill-disabled);
  height: 258px;
  margin-bottom: 10px;
}
.quickview-container .quickview-attribute-box {
  animation: fading 1.5s infinite;
  background-color: var(--hmf-fill-disabled);
  border-radius: 5px;
  height: 41px;
  margin-bottom: 10px;
}
.quickview-container .quickview-shipping-box {
  animation: fading 1.5s infinite;
  background-color: var(--hmf-fill-disabled);
  border-radius: 5px;
  height: 85px;
  margin-bottom: 20px;
}
.quickview-container .quickview-quantity-box {
  animation: fading 1.5s infinite;
  background-color: var(--hmf-fill-disabled);
  border-radius: 5px;
  height: 69px;
  margin-bottom: 20px;
}
.quickview-container .quickview-short-box {
  background-color: var(--hmf-fill-disabled);
  border-radius: 5px;
  height: 20px;
  margin-bottom: 8px;
  margin-right: 70%;
}
.quickview-container .quickview-description-box {
  animation: fading 1.5s infinite;
  background-color: var(--hmf-fill-disabled);
  border-radius: 5px;
  height: 40px;
  margin-bottom: 20px;
}
.quickview-container .quickview-addToCart-box {
  background-color: var(--hmf-fill-disabled);
  width: 100%;
  height: 44px;
}
@media (min-width: 768px) {
  .quickview-container .quickview-addToCart-box {
    height: 56px;
  }
}
.quickview-container .quickview-addToCart-box p {
  color: var(--hmf-label-secondary-subtle-static);
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  letter-spacing: 1.5px;
  text-align: center;
  text-transform: uppercase;
}
.quickview-container .quickview-addToCart-box p.cart-text {
  padding: var(--hmf-m) 0;
}
@media (max-width: 768px) {
  .quickview-container .quickview-addToCart-box p.cart-text {
    padding: var(--hmf-xs) 0;
  }
}
.quickview-container .quickview-addToCart-box.cancel {
  width: 70%;
}
@keyframes fading {
  0% {
    opacity: 0.2;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 0.2;
  }
}
.quickview-container .quickview-pre-order-messaging {
  font-size: 12px;
  line-height: 16px;
}
.quickview-container *,
.quickview-container :after,
.quickview-container :before {
  box-sizing: border-box;
}

.calia-react-header-scope.hmf-pl-theme .quickview .product-title p {
  font-size: 32px;
  line-height: 36px;
}
@media screen and (max-width: 767px) {
  .calia-react-header-scope.hmf-pl-theme .quickview .product-title p {
    font-size: 24px;
    line-height: 28px;
  }
}

.quickview-button-edit-product-container {
  display: grid;
  grid-template-columns: 0.4fr 0.6fr;
  column-gap: var(--hmf-xxs);
}
.quickview-button-edit-product-container .edit-mobile {
  grid-template-columns: 0.33fr 0.67fr;
}
/*!***********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/common/Favorites/FavoritesButton.scss ***!
  \***********************************************************************************************************************************************/
.favorite-container .secondary-btn.favorite-button svg path {
  fill: var(--hmf-label-base);
}
.favorite-container .secondary-btn.favorite-button:hover:not([aria-disabled=true]) svg path {
  fill: var(--hmf-fill-primary-hover);
}
.favorite-container .secondary-btn.favorite-button .selected path {
  fill: var(--hmf-label-primary-static);
}
/*!*******************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Quickview/components/ImageViewer/styles/CustomArrows.scss ***!
  \*******************************************************************************************************************************************************************/
.slick-next,
.slick-prev {
  background: var(--hmf-gray50);
  height: 44px;
  opacity: 0.75;
  text-align: center;
  width: 44px;
  z-index: 1;
}

.slick-next {
  align-items: center;
  display: flex;
  justify-content: center;
  right: 0;
}
.slick-next:before {
  content: "";
  line-height: 1.3;
  opacity: 1;
}

.slick-prev {
  align-items: center;
  display: flex;
  justify-content: center;
  left: 0;
}
.slick-prev svg {
  transform: rotate(180deg);
}
.slick-prev:before {
  content: "";
  line-height: 1.3;
  opacity: 1;
}
/*!*****************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Quickview/components/ImageViewer/styles/CustomDots.scss ***!
  \*****************************************************************************************************************************************************************/
.slickSlider-customDot {
  background-color: var(--hmf-tertiary200);
  border-radius: 50%;
  display: inline-block;
  height: 8px;
  width: 8px;
}

.slick-dots li {
  margin: 0;
}
.slick-dots .slick-active .slickSlider-customDot {
  background-color: var(--quick-view-slider-dots);
}
/*!*************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/common/Tooltip/Tooltip.scss ***!
  \*************************************************************************************************************************************/
/* Custom properties */
:root {
  --tooltip-text-color: var(--hmf-primary900);
  --tooltip-background-color: var(--hmf-background-base-subtle);
  --tooltip-margin: 30px;
  --tooltip-arrow-size: 6px;
  --tooltip-border-color: var(--hmf-tertiary400);
}

.Tooltip-Wrapper {
  background: none;
  border: none;
}

.tooltip-content {
  white-space: normal;
}

/* Absolute positioning */
.Tooltip-Tip {
  background: var(--tooltip-background-color);
  border: 1px solid var(--tooltip-border-color);
  border-radius: 4px;
  color: var(--tooltip-text-color);
  left: 50%;
  max-width: 254px;
  transform: translateX(-50%);
  white-space: nowrap;
  z-index: 100;
}
.Tooltip-Tip .Tooltip-Tip-closeButton {
  background-color: transparent;
  border: none;
  cursor: pointer;
  right: 5px;
  top: 5px;
}
.Tooltip-Tip .Tooltip-Tip-closeButton:focus {
  outline: 1px dashed var(--focus-color);
}

/* CSS border triangles */
.Tooltip-Tip::before {
  border: solid transparent;
  border-width: var(--tooltip-arrow-size);
  content: " ";
  height: 0;
  left: 50%;
  margin-left: calc(var(--tooltip-arrow-size) * -1);
  pointer-events: none;
  position: absolute;
  width: 0;
}

.Tooltip-Tip::after {
  border: solid transparent;
  border-width: var(--tooltip-arrow-size);
  content: " ";
  height: 0;
  left: 50%;
  margin-left: calc(var(--tooltip-arrow-size) * -1);
  pointer-events: none;
  position: absolute;
  width: 0;
}

/* Absolute positioning */
.Tooltip-Tip.top {
  bottom: calc(var(--tooltip-margin));
}

/* CSS border triangles */
.Tooltip-Tip.top::before {
  border-top-color: var(--tooltip-border-color);
  top: 100%;
}

/* CSS border triangles */
.Tooltip-Tip.top::after {
  border-top-color: var(--tooltip-background-color);
  top: 99%;
}

/* Absolute positioning */
.Tooltip-Tip.right {
  left: calc(100% + var(--tooltip-margin));
  top: 50%;
  transform: translateX(0) translateY(-50%);
}

/* CSS border triangles */
.Tooltip-Tip.right::before {
  border-right-color: var(--tooltip-border-color);
  left: calc(var(--tooltip-arrow-size) * -1.2);
  top: 50%;
  transform: translateX(0) translateY(-50%);
}

/* CSS border triangles */
.Tooltip-Tip.right::after {
  border-right-color: var(--tooltip-background-color);
  left: calc(var(--tooltip-arrow-size) * -1);
  top: 50%;
  transform: translateX(0) translateY(-50%);
}

/* Absolute positioning */
.Tooltip-Tip.bottom {
  top: calc(var(--tooltip-margin));
}

/* CSS border triangles */
.Tooltip-Tip.bottom::before {
  border-bottom-color: var(--tooltip-border-color);
  bottom: 100%;
}

/* CSS border triangles */
.Tooltip-Tip.bottom::after {
  border-bottom-color: var(--tooltip-background-color);
  bottom: 99%;
}

/* Absolute positioning */
.Tooltip-Tip.left {
  left: auto;
  right: calc(100% + var(--tooltip-margin));
  top: 50%;
  transform: translateX(0) translateY(-50%);
}

/* CSS border triangles */
.Tooltip-Tip.left::before {
  border-left-color: var(--tooltip-border-color);
  left: auto;
  right: calc(var(--tooltip-arrow-size) * -2.2);
  top: 50%;
  transform: translateX(0) translateY(-50%);
}

/* CSS border triangles */
.Tooltip-Tip.left::after {
  border-left-color: var(--tooltip-background-color);
  left: auto;
  right: calc(var(--tooltip-arrow-size) * -2);
  top: 50%;
  transform: translateX(0) translateY(-50%);
}
/*!*****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Quickview/components/FulfillmentOptions/components/FulfillmentButton/FulfillmentButton.scss ***!
  \*****************************************************************************************************************************************************************************************************/
.FulfillmentButton {
  border-radius: var(--hmf-base-radius);
  border: 1px solid var(--hmf-border-secondary-subtle-static);
  flex-basis: 0px;
  cursor: pointer;
  min-height: 150px;
}
.FulfillmentButton:focus {
  outline: var(--hmf-focus-outline);
  outline-offset: var(--hmf-xxxs);
}
.FulfillmentButton:hover {
  border: 1.5px solid var(--hmf-border-secondary-hover);
}
.FulfillmentButton:hover .FulfillmentButton-content svg path {
  fill: var(--hmf-label-positive);
}
.FulfillmentButton .FulfillmentButton-content {
  text-align: left;
}
.FulfillmentButton .FulfillmentButton-content p:last-of-type() {
  color: var(--hmf-gray700);
}
.FulfillmentButton .FulfillmentButton-content .FulfilmentButton-seeAvailableStores {
  color: var(--hmf-primary600);
}
.FulfillmentButton .FulfillmentButton-content svg path {
  fill: var(--hmf-label-base);
}
.FulfillmentButton .FulfillmentButton-content .not-available-link {
  color: var(--hmf-label-positive);
}
.FulfillmentButton.FulfillmentButton-selected {
  border: 1.5px solid var(--hmf-border-secondary-static);
}
.FulfillmentButton.FulfillmentButton-selected svg path {
  fill: var(--hmf-label-positive);
}
.FulfillmentButton.FulfillmentButton-disabled {
  border: 1px dashed var(--hmf-border-secondary-subtle-static);
}
.FulfillmentButton.FulfillmentButton-disabled:hover {
  border: 1.5px dashed var(--hmf-border-secondary-subtle-hover);
}
.FulfillmentButton.FulfillmentButton-disabled .FulfillmentButton-content svg path {
  fill: var(--hmf-label-disabled);
}
.FulfillmentButton.FulfillmentButton-selected.FulfillmentButton-disabled {
  border: 1.5px solid var(--hmf-border-secondary-static);
}
/*!**********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Quickview/components/Content/QuickViewModal.scss ***!
  \**********************************************************************************************************************************************************/
/** @format */
/** @format */
/* stylelint-disable length-zero-no-unit */
/*********** VARIABLES ***********/
:root {
  /*********** GENERAL STYLES ***********/
  --chain: "dsg";
  --hmf-focus-outline: 1px dashed var(--hmf-primary600);
}

:root,
:root .hmf-dsg-theme {
  --hmf-background-base: var(--hmf-gray50);
  --hmf-background-base-subtle: var(--hmf-gray100);
  --hmf-background-inverse: var(--hmf-gray900);
  --hmf-background-inverse-subtle: var(--hmf-gray800);
  --hmf-background-primary: var(--hmf-primary600);
  --hmf-fill-base: var(--hmf-gray50);
  --hmf-fill-base-subtle: var(--hmf-gray100);
  --hmf-fill-base-prominent: var(--hmf-gray200);
  --hmf-fill-creative-primary: var(--hmf-primary600);
  --hmf-fill-inverse: var(--hmf-gray900);
  --hmf-fill-inverse-subtle: var(--hmf-gray700);
  --hmf-fill-primary-static: var(--hmf-secondary500);
  --hmf-fill-primary-hover: var(--hmf-secondary700);
  --hmf-fill-primary-active: var(--hmf-secondary600);
  --hmf-fill-secondary-static: var(--hmf-gray50);
  --hmf-fill-secondary-static-subtle: var(--hmf-gray100);
  --hmf-fill-secondary-hover: var(--hmf-gray100);
  --hmf-fill-secondary-hover-subtle: var(--hmf-gray200);
  --hmf-fill-secondary-active: var(--hmf-gray200);
  --hmf-fill-secondary-active-subtle: var(--hmf-gray100);
  --hmf-fill-tertiary-static: var(--hmf-gray900);
  --hmf-fill-tertiary-hover: var(--hmf-gray700);
  --hmf-fill-tertiary-active: var(--hmf-gray800);
  --hmf-fill-disabled: var(--hmf-gray500);
  --hmf-fill-disabled-subtle: var(--hmf-gray200);
  --hmf-fill-negative: var(--hmf-red600);
  --hmf-fill-negative-subtle: var(--hmf-red100);
  --hmf-fill-negative-static: var(--hmf-red600);
  --hmf-fill-negative-hover: var(--hmf-red800);
  --hmf-fill-negative-active: var(--hmf-red700);
  --hmf-fill-sale: var(--hmf-red600);
  --hmf-fill-warning: var(--hmf-yellow300);
  --hmf-fill-warning-subtle: var(--hmf-yellow50);
  --hmf-fill-positive: var(--hmf-primary500);
  --hmf-fill-positive-subtle: var(--hmf-primary100);
  --hmf-fill-marketing-static: var(--hmf-primary600);
  --hmf-fill-marketing-hover: var(--hmf-primary700);
  --hmf-fill-marketing-active: var(--hmf-primary500);
  --hmf-fill-scorecard: var(--hmf-primary400);
  --hmf-fill-scorecard-subtle: var(--hmf-primary200);
  --hmf-fill-scorecard-gold: var(--hmf-gold300);
  --hmf-fill-scorecard-gold-subtle: var(--hmf-gold200);
  --hmf-fill-calia: var(--hmf-calia600);
  --hmf-fill-calia-subtle: var(--hmf-calia200);
  --hmf-fill-vrst: var(--hmf-vrst600);
  --hmf-fill-vrst-subtle: var(--hmf-vrst200);
  --hmf-label-base: var(--hmf-gray900);
  --hmf-label-base-subtle: var(--hmf-gray600);
  --hmf-label-inverse-base: var(--hmf-gray50);
  --hmf-label-inverse-subtle: var(--hmf-gray100);
  --hmf-label-primary-static: var(--hmf-secondary500);
  --hmf-label-primary-hover: var(--hmf-secondary600);
  --hmf-label-primary-active: var(--hmf-secondary400);
  --hmf-label-secondary-static: var(--hmf-gray900);
  --hmf-label-secondary-hover: var(--hmf-gray700);
  --hmf-label-secondary-active: var(--hmf-gray800);
  --hmf-label-secondary-subtle-static: var(--hmf-gray600);
  --hmf-label-secondary-subtle-hover: var(--hmf-gray900);
  --hmf-label-secondary-subtle-active: var(--hmf-gray800);
  --hmf-label-tertiary-static: var(--hmf-gray900);
  --hmf-label-tertiary-hover: var(--hmf-secondary500);
  --hmf-label-tertiary-active: var(--hmf-secondary400);
  --hmf-label-sale: var(--hmf-red800);
  --hmf-label-disabled: var(--hmf-gray500);
  --hmf-label-disabled-subtle: var(--hmf-gray200);
  --hmf-label-negative: var(--hmf-red600);
  --hmf-label-positive: var(--hmf-primary600);
  --hmf-label-warning: var(--hmf-yellow600);
  --hmf-label-marketing-static: var(--hmf-gray50);
  --hmf-label-marketing-hover: var(--hmf-gray100);
  --hmf-label-marketing-active: var(--hmf-gray100);
  --hmf-label-scorecard: var(--hmf-primary600);
  --hmf-border-base: var(--hmf-gray300);
  --hmf-border-base-subtle: var(--hmf-gray200);
  --hmf-border-base-prominent: var(--hmf-gray400);
  --hmf-border-inverse: var(--hmf-gray900);
  --hmf-border-inverse-subtle: var(--hmf-gray700);
  --hmf-border-primary-static: var(--hmf-secondary500);
  --hmf-border-primary-hover: var(--hmf-secondary600);
  --hmf-border-primary-active: var(--hmf-secondary400);
  --hmf-border-secondary-static: var(--hmf-gray900);
  --hmf-border-secondary-hover: var(--hmf-gray700);
  --hmf-border-secondary-active: var(--hmf-gray800);
  --hmf-border-secondary-subtle-static: var(--hmf-gray600);
  --hmf-border-secondary-subtle-hover: var(--hmf-gray400);
  --hmf-border-secondary-subtle-active: var(--hmf-gray500);
  --hmf-border-tertiary-static: var(--hmf-gray900);
  --hmf-border-tertiary-hover: var(--hmf-secondary500);
  --hmf-border-tertiary-active: var(--hmf-secondary400);
  --hmf-border-focused: var(--hmf-gray600);
  --hmf-border-inverse-focused: var(--hmf-gray50);
  --hmf-border-disabled: var(--hmf-gray500);
  --hmf-border-disabled-subtle: var(--hmf-gray200);
  --hmf-border-negative: var(--hmf-red600);
  --hmf-border-warning: var(--hmf-yellow500);
  --hmf-border-positive: var(--hmf-primary600);
  --hmf-border-scorecard-subtle: var(--hmf-primary100);
  --hmf-border-scorecard-gold: var(--hmf-gold400);
  --hmf-border-scorecard-gold-subtle: var(--hmf-gold100);
}

:root {
  /*********** TYPOGRAPHY ***********/
  --font-display: "DSG Sans Black", sans-serif;
  --font-display-outline: "DSG Sans Outline", sans-serif;
  --font-primary: "Archivo", sans-serif;
  --font-label: "Archivo", sans-serif;
  --font-primary-regular-weight: 400;
  --font-primary-bold-weight: 700;
  --font-display-weight: 700;
}

/*********** TYPOGRAPHY TYPES ***********/
:root {
  /* BODY */
  --body-letter-spacing: 0.05rem;
  --body-font-size-s: 1.2rem;
  --body-line-height-s: 1.8rem;
  --body-font-size-m: 1.4rem;
  --body-line-height-m: 2.1rem;
  --body-font-size-l: 1.6rem;
  --body-line-height-l: 2.4rem;
}

:root {
  /* DISPLAY TEXT */
  --display-text-transform: uppercase;
  --display-font-size-xs: 2.4rem;
  --display-letter-spacing-xs: 0.1rem;
  --display-line-height-xs: 2.4rem;
  --display-font-size-s: 3.2rem;
  --display-letter-spacing-s: 0.1rem;
  --display-line-height-s: 3.2rem;
  --display-font-size-m: 4.8rem;
  --display-letter-spacing-m: 0.2rem;
  --display-line-height-m: 4.8rem;
  --display-font-size-l: 6.4rem;
  --display-letter-spacing-l: 0.2rem;
  --display-line-height-l: 6.4rem;
  --display-font-size-xl: 10rem;
  --display-letter-spacing-xl: 0.2rem;
  --display-line-height-xl: 10rem;
  --display-font-size-xxl: 14rem;
  --display-letter-spacing-xxl: 0.1rem;
  --display-line-height-xxl: 14rem;
}

:root {
  /* HEADERS */
  --header-text-transform: none;
  --header-letter-spacing: 0.05rem;
  --header-font-size-xs: 1.4rem;
  --header-line-height-xs: 1.6rem;
  --header-font-size-s: 1.6rem;
  --header-line-height-s: 1.8rem;
  --header-font-size-m: 2rem;
  --header-line-height-m: 2.3rem;
  --header-font-size-l: 2.4rem;
  --header-line-height-l: 2.7rem;
  --header-font-size-xl: 3.2rem;
  --header-line-height-xl: 3.6rem;
}

:root {
  /* LABELS */
  --label-letter-spacing: 0.15rem;
  --label-text-transform: uppercase;
  --label-font-size-xs: 1rem;
  --label-line-height-xs: 1rem;
  --label-font-size-s: 1.2rem;
  --label-line-height-s: 1.2rem;
  --label-font-size-m: 1.4rem;
  --label-line-height-m: 1.4rem;
  --label-font-size-l: 1.6rem;
  --label-line-height-l: 1.6rem;
}

:root {
  /* LEGAL */
  --legal-letter-spacing: 0.05rem;
  --legal-font-size-xs: 1.1rem;
  --legal-line-height-xs: 1.4rem;
  --legal-font-size-s: 1.2rem;
  --legal-line-height-s: 1.6rem;
}

:root {
  /* SUBHEADERS */
  --subhead-letter-spacing: 0.05rem;
  --subhead-font-size-s: 1.2rem;
  --subhead-line-height-s: 1.4rem;
  --subhead-font-size-m: 1.4rem;
  --subhead-line-height-m: 1.6rem;
  --subhead-font-size-l: 1.6rem;
  --subhead-line-height-l: 1.8rem;
}

/*********** TYPOGRAPHY MIXINS ***********/
:root,
:root .hmf-dsg-theme {
  --hmf-primary50: #f4faf9;
  --hmf-primary100: #d1ebe6;
  --hmf-primary200: #b3ddd6;
  --hmf-primary300: #80c6ba;
  --hmf-primary400: #4daf9e;
  --hmf-primary500: #008d75;
  --hmf-primary600: #006554;
  --hmf-primary700: #005343;
  --hmf-primary800: #00493a;
  --hmf-primary900: #00291e;
  --hmf-secondary50: #fdf9f7;
  --hmf-secondary100: #f7ebe2;
  --hmf-secondary200: #ebcdb8;
  --hmf-secondary300: #deaf8c;
  --hmf-secondary400: #d28356;
  --hmf-secondary500: #bb5811;
  --hmf-secondary600: #b5500f;
  --hmf-secondary700: #8a2905;
  --hmf-secondary800: #762304;
  --hmf-secondary900: #451402;
  --hmf-tertiary50: #f9fafb;
  --hmf-tertiary100: #e2e6ea;
  --hmf-tertiary200: #d3d9df;
  --hmf-tertiary300: #b7c1ca;
  --hmf-tertiary400: #8798a7;
  --hmf-tertiary500: #5b748a;
  --hmf-tertiary600: #3a5c78;
  --hmf-tertiary700: #335069;
  --hmf-tertiary800: #0f314f;
  --hmf-tertiary900: #041326;
  --hmf-accent50: #fef8f0;
  --hmf-accent100: #fef3e5;
  --hmf-accent200: #fccb95;
  --hmf-accent300: #fab66a;
  --hmf-accent400: #f8972a;
  --hmf-accent500: #f3690f;
  --hmf-accent600: #b94e09;
  --hmf-accent700: #833706;
  --hmf-accent800: #702f05;
  --hmf-accent900: #3f1b03;
}

:root {
  --homefield-breakpoint-xs: 0px;
  --homefield-breakpoint-s: 375px;
  --homefield-breakpoint-m: 768px;
  --homefield-breakpoint-l: 1280px;
  --homefield-breakpoint-xl: 1440px;
}

.hmf-h-25 {
  height: 25%;
}

.hmf-h-50 {
  height: 50%;
}

.hmf-h-75 {
  height: 75%;
}

.hmf-h-100 {
  height: 100%;
}

.hmf-w-25 {
  width: 25%;
}

.hmf-w-50 {
  width: 50%;
}

.hmf-w-75 {
  width: 75%;
}

.hmf-w-100 {
  width: 100%;
}

/** @format */
/** @format */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/** @format */
.hmf-col {
  box-sizing: border-box;
  padding-left: 12px;
  padding-right: 12px;
  padding-left: 12px;
  padding-right: 12px;
}

@media (min-width: 375px) {
  .hmf-col {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 375px) {
  .hmf-col {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 480px) {
  .hmf-col {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 768px) {
  .hmf-col {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 768px) {
  .hmf-col {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 1024px) {
  .hmf-col {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 1280px) {
  .hmf-col {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 1280px) {
  .hmf-col {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 1440px) {
  .hmf-col {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 1440px) {
  .hmf-col {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.hmf-grid {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
}

.hmf-grid > hr {
  border: 0 !important;
  content: "" !important;
  font-size: 0 !important;
  height: 0 !important;
  width: 100% !important;
}

.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

.hmf-span-xs-0 {
  width: 0% !important;
}

.hmf-offset-xs-0 {
  margin-left: 0% !important;
  margin-right: 0% !important;
}

.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

.hmf-span-xs-1 {
  width: 8.3333333333% !important;
}

.hmf-offset-xs-1 {
  margin-left: 8.3333333333% !important;
  margin-right: 8.3333333333% !important;
}

.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

.hmf-span-xs-2 {
  width: 16.6666666667% !important;
}

.hmf-offset-xs-2 {
  margin-left: 16.6666666667% !important;
  margin-right: 16.6666666667% !important;
}

.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

.hmf-span-xs-3 {
  width: 25% !important;
}

.hmf-offset-xs-3 {
  margin-left: 25% !important;
  margin-right: 25% !important;
}

.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

.hmf-span-xs-4 {
  width: 33.3333333333% !important;
}

.hmf-offset-xs-4 {
  margin-left: 33.3333333333% !important;
  margin-right: 33.3333333333% !important;
}

.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

.hmf-span-xs-5 {
  width: 41.6666666667% !important;
}

.hmf-offset-xs-5 {
  margin-left: 41.6666666667% !important;
  margin-right: 41.6666666667% !important;
}

.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

.hmf-span-xs-6 {
  width: 50% !important;
}

.hmf-offset-xs-6 {
  margin-left: 50% !important;
  margin-right: 50% !important;
}

.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

.hmf-span-xs-7 {
  width: 58.3333333333% !important;
}

.hmf-offset-xs-7 {
  margin-left: 58.3333333333% !important;
  margin-right: 58.3333333333% !important;
}

.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

.hmf-span-xs-8 {
  width: 66.6666666667% !important;
}

.hmf-offset-xs-8 {
  margin-left: 66.6666666667% !important;
  margin-right: 66.6666666667% !important;
}

.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

.hmf-span-xs-9 {
  width: 75% !important;
}

.hmf-offset-xs-9 {
  margin-left: 75% !important;
  margin-right: 75% !important;
}

.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

.hmf-span-xs-10 {
  width: 83.3333333333% !important;
}

.hmf-offset-xs-10 {
  margin-left: 83.3333333333% !important;
  margin-right: 83.3333333333% !important;
}

.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

.hmf-span-xs-11 {
  width: 91.6666666667% !important;
}

.hmf-offset-xs-11 {
  margin-left: 91.6666666667% !important;
  margin-right: 91.6666666667% !important;
}

.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

.hmf-span-xs-12 {
  width: 100% !important;
}

.hmf-offset-xs-12 {
  margin-left: 100% !important;
  margin-right: 100% !important;
}

.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

.hmf-span-xxsm-0 {
  width: 0% !important;
}

.hmf-offset-xxsm-0 {
  margin-left: 0% !important;
  margin-right: 0% !important;
}

.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

.hmf-span-xxsm-1 {
  width: 8.3333333333% !important;
}

.hmf-offset-xxsm-1 {
  margin-left: 8.3333333333% !important;
  margin-right: 8.3333333333% !important;
}

.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

.hmf-span-xxsm-2 {
  width: 16.6666666667% !important;
}

.hmf-offset-xxsm-2 {
  margin-left: 16.6666666667% !important;
  margin-right: 16.6666666667% !important;
}

.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

.hmf-span-xxsm-3 {
  width: 25% !important;
}

.hmf-offset-xxsm-3 {
  margin-left: 25% !important;
  margin-right: 25% !important;
}

.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

.hmf-span-xxsm-4 {
  width: 33.3333333333% !important;
}

.hmf-offset-xxsm-4 {
  margin-left: 33.3333333333% !important;
  margin-right: 33.3333333333% !important;
}

.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

.hmf-span-xxsm-5 {
  width: 41.6666666667% !important;
}

.hmf-offset-xxsm-5 {
  margin-left: 41.6666666667% !important;
  margin-right: 41.6666666667% !important;
}

.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

.hmf-span-xxsm-6 {
  width: 50% !important;
}

.hmf-offset-xxsm-6 {
  margin-left: 50% !important;
  margin-right: 50% !important;
}

.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

.hmf-span-xxsm-7 {
  width: 58.3333333333% !important;
}

.hmf-offset-xxsm-7 {
  margin-left: 58.3333333333% !important;
  margin-right: 58.3333333333% !important;
}

.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

.hmf-span-xxsm-8 {
  width: 66.6666666667% !important;
}

.hmf-offset-xxsm-8 {
  margin-left: 66.6666666667% !important;
  margin-right: 66.6666666667% !important;
}

.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

.hmf-span-xxsm-9 {
  width: 75% !important;
}

.hmf-offset-xxsm-9 {
  margin-left: 75% !important;
  margin-right: 75% !important;
}

.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

.hmf-span-xxsm-10 {
  width: 83.3333333333% !important;
}

.hmf-offset-xxsm-10 {
  margin-left: 83.3333333333% !important;
  margin-right: 83.3333333333% !important;
}

.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

.hmf-span-xxsm-11 {
  width: 91.6666666667% !important;
}

.hmf-offset-xxsm-11 {
  margin-left: 91.6666666667% !important;
  margin-right: 91.6666666667% !important;
}

.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

.hmf-span-xxsm-12 {
  width: 100% !important;
}

.hmf-offset-xxsm-12 {
  margin-left: 100% !important;
  margin-right: 100% !important;
}

.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

@media (min-width: 375px) {
  .hmf-span-s-0 {
    width: 0% !important;
  }
  .hmf-offset-s-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

@media (min-width: 375px) {
  .hmf-span-s-1 {
    width: 8.3333333333% !important;
  }
  .hmf-offset-s-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

@media (min-width: 375px) {
  .hmf-span-s-2 {
    width: 16.6666666667% !important;
  }
  .hmf-offset-s-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

@media (min-width: 375px) {
  .hmf-span-s-3 {
    width: 25% !important;
  }
  .hmf-offset-s-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

@media (min-width: 375px) {
  .hmf-span-s-4 {
    width: 33.3333333333% !important;
  }
  .hmf-offset-s-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

@media (min-width: 375px) {
  .hmf-span-s-5 {
    width: 41.6666666667% !important;
  }
  .hmf-offset-s-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

@media (min-width: 375px) {
  .hmf-span-s-6 {
    width: 50% !important;
  }
  .hmf-offset-s-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

@media (min-width: 375px) {
  .hmf-span-s-7 {
    width: 58.3333333333% !important;
  }
  .hmf-offset-s-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

@media (min-width: 375px) {
  .hmf-span-s-8 {
    width: 66.6666666667% !important;
  }
  .hmf-offset-s-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

@media (min-width: 375px) {
  .hmf-span-s-9 {
    width: 75% !important;
  }
  .hmf-offset-s-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

@media (min-width: 375px) {
  .hmf-span-s-10 {
    width: 83.3333333333% !important;
  }
  .hmf-offset-s-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

@media (min-width: 375px) {
  .hmf-span-s-11 {
    width: 91.6666666667% !important;
  }
  .hmf-offset-s-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

@media (min-width: 375px) {
  .hmf-span-s-12 {
    width: 100% !important;
  }
  .hmf-offset-s-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-0 {
    width: 0% !important;
  }
  .hmf-offset-xsm-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-1 {
    width: 8.3333333333% !important;
  }
  .hmf-offset-xsm-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-2 {
    width: 16.6666666667% !important;
  }
  .hmf-offset-xsm-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-3 {
    width: 25% !important;
  }
  .hmf-offset-xsm-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-4 {
    width: 33.3333333333% !important;
  }
  .hmf-offset-xsm-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-5 {
    width: 41.6666666667% !important;
  }
  .hmf-offset-xsm-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-6 {
    width: 50% !important;
  }
  .hmf-offset-xsm-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-7 {
    width: 58.3333333333% !important;
  }
  .hmf-offset-xsm-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-8 {
    width: 66.6666666667% !important;
  }
  .hmf-offset-xsm-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-9 {
    width: 75% !important;
  }
  .hmf-offset-xsm-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-10 {
    width: 83.3333333333% !important;
  }
  .hmf-offset-xsm-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-11 {
    width: 91.6666666667% !important;
  }
  .hmf-offset-xsm-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-12 {
    width: 100% !important;
  }
  .hmf-offset-xsm-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

@media (min-width: 480px) {
  .hmf-span-sm-0 {
    width: 0% !important;
  }
  .hmf-offset-sm-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

@media (min-width: 480px) {
  .hmf-span-sm-1 {
    width: 8.3333333333% !important;
  }
  .hmf-offset-sm-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

@media (min-width: 480px) {
  .hmf-span-sm-2 {
    width: 16.6666666667% !important;
  }
  .hmf-offset-sm-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

@media (min-width: 480px) {
  .hmf-span-sm-3 {
    width: 25% !important;
  }
  .hmf-offset-sm-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

@media (min-width: 480px) {
  .hmf-span-sm-4 {
    width: 33.3333333333% !important;
  }
  .hmf-offset-sm-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

@media (min-width: 480px) {
  .hmf-span-sm-5 {
    width: 41.6666666667% !important;
  }
  .hmf-offset-sm-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

@media (min-width: 480px) {
  .hmf-span-sm-6 {
    width: 50% !important;
  }
  .hmf-offset-sm-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

@media (min-width: 480px) {
  .hmf-span-sm-7 {
    width: 58.3333333333% !important;
  }
  .hmf-offset-sm-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

@media (min-width: 480px) {
  .hmf-span-sm-8 {
    width: 66.6666666667% !important;
  }
  .hmf-offset-sm-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

@media (min-width: 480px) {
  .hmf-span-sm-9 {
    width: 75% !important;
  }
  .hmf-offset-sm-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

@media (min-width: 480px) {
  .hmf-span-sm-10 {
    width: 83.3333333333% !important;
  }
  .hmf-offset-sm-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

@media (min-width: 480px) {
  .hmf-span-sm-11 {
    width: 91.6666666667% !important;
  }
  .hmf-offset-sm-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

@media (min-width: 480px) {
  .hmf-span-sm-12 {
    width: 100% !important;
  }
  .hmf-offset-sm-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

@media (min-width: 768px) {
  .hmf-span-m-0 {
    width: 0% !important;
  }
  .hmf-offset-m-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

@media (min-width: 768px) {
  .hmf-span-m-1 {
    width: 8.3333333333% !important;
  }
  .hmf-offset-m-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

@media (min-width: 768px) {
  .hmf-span-m-2 {
    width: 16.6666666667% !important;
  }
  .hmf-offset-m-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

@media (min-width: 768px) {
  .hmf-span-m-3 {
    width: 25% !important;
  }
  .hmf-offset-m-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

@media (min-width: 768px) {
  .hmf-span-m-4 {
    width: 33.3333333333% !important;
  }
  .hmf-offset-m-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

@media (min-width: 768px) {
  .hmf-span-m-5 {
    width: 41.6666666667% !important;
  }
  .hmf-offset-m-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

@media (min-width: 768px) {
  .hmf-span-m-6 {
    width: 50% !important;
  }
  .hmf-offset-m-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

@media (min-width: 768px) {
  .hmf-span-m-7 {
    width: 58.3333333333% !important;
  }
  .hmf-offset-m-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

@media (min-width: 768px) {
  .hmf-span-m-8 {
    width: 66.6666666667% !important;
  }
  .hmf-offset-m-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

@media (min-width: 768px) {
  .hmf-span-m-9 {
    width: 75% !important;
  }
  .hmf-offset-m-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

@media (min-width: 768px) {
  .hmf-span-m-10 {
    width: 83.3333333333% !important;
  }
  .hmf-offset-m-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

@media (min-width: 768px) {
  .hmf-span-m-11 {
    width: 91.6666666667% !important;
  }
  .hmf-offset-m-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

@media (min-width: 768px) {
  .hmf-span-m-12 {
    width: 100% !important;
  }
  .hmf-offset-m-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

@media (min-width: 768px) {
  .hmf-span-md-0 {
    width: 0% !important;
  }
  .hmf-offset-md-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

@media (min-width: 768px) {
  .hmf-span-md-1 {
    width: 8.3333333333% !important;
  }
  .hmf-offset-md-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

@media (min-width: 768px) {
  .hmf-span-md-2 {
    width: 16.6666666667% !important;
  }
  .hmf-offset-md-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

@media (min-width: 768px) {
  .hmf-span-md-3 {
    width: 25% !important;
  }
  .hmf-offset-md-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

@media (min-width: 768px) {
  .hmf-span-md-4 {
    width: 33.3333333333% !important;
  }
  .hmf-offset-md-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

@media (min-width: 768px) {
  .hmf-span-md-5 {
    width: 41.6666666667% !important;
  }
  .hmf-offset-md-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

@media (min-width: 768px) {
  .hmf-span-md-6 {
    width: 50% !important;
  }
  .hmf-offset-md-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

@media (min-width: 768px) {
  .hmf-span-md-7 {
    width: 58.3333333333% !important;
  }
  .hmf-offset-md-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

@media (min-width: 768px) {
  .hmf-span-md-8 {
    width: 66.6666666667% !important;
  }
  .hmf-offset-md-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

@media (min-width: 768px) {
  .hmf-span-md-9 {
    width: 75% !important;
  }
  .hmf-offset-md-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

@media (min-width: 768px) {
  .hmf-span-md-10 {
    width: 83.3333333333% !important;
  }
  .hmf-offset-md-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

@media (min-width: 768px) {
  .hmf-span-md-11 {
    width: 91.6666666667% !important;
  }
  .hmf-offset-md-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

@media (min-width: 768px) {
  .hmf-span-md-12 {
    width: 100% !important;
  }
  .hmf-offset-md-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-0 {
    width: 0% !important;
  }
  .hmf-offset-lg-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-1 {
    width: 8.3333333333% !important;
  }
  .hmf-offset-lg-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-2 {
    width: 16.6666666667% !important;
  }
  .hmf-offset-lg-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-3 {
    width: 25% !important;
  }
  .hmf-offset-lg-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-4 {
    width: 33.3333333333% !important;
  }
  .hmf-offset-lg-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-5 {
    width: 41.6666666667% !important;
  }
  .hmf-offset-lg-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-6 {
    width: 50% !important;
  }
  .hmf-offset-lg-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-7 {
    width: 58.3333333333% !important;
  }
  .hmf-offset-lg-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-8 {
    width: 66.6666666667% !important;
  }
  .hmf-offset-lg-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-9 {
    width: 75% !important;
  }
  .hmf-offset-lg-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-10 {
    width: 83.3333333333% !important;
  }
  .hmf-offset-lg-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-11 {
    width: 91.6666666667% !important;
  }
  .hmf-offset-lg-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-12 {
    width: 100% !important;
  }
  .hmf-offset-lg-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

@media (min-width: 1280px) {
  .hmf-span-l-0 {
    width: 0% !important;
  }
  .hmf-offset-l-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

@media (min-width: 1280px) {
  .hmf-span-l-1 {
    width: 8.3333333333% !important;
  }
  .hmf-offset-l-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

@media (min-width: 1280px) {
  .hmf-span-l-2 {
    width: 16.6666666667% !important;
  }
  .hmf-offset-l-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

@media (min-width: 1280px) {
  .hmf-span-l-3 {
    width: 25% !important;
  }
  .hmf-offset-l-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

@media (min-width: 1280px) {
  .hmf-span-l-4 {
    width: 33.3333333333% !important;
  }
  .hmf-offset-l-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

@media (min-width: 1280px) {
  .hmf-span-l-5 {
    width: 41.6666666667% !important;
  }
  .hmf-offset-l-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

@media (min-width: 1280px) {
  .hmf-span-l-6 {
    width: 50% !important;
  }
  .hmf-offset-l-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

@media (min-width: 1280px) {
  .hmf-span-l-7 {
    width: 58.3333333333% !important;
  }
  .hmf-offset-l-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

@media (min-width: 1280px) {
  .hmf-span-l-8 {
    width: 66.6666666667% !important;
  }
  .hmf-offset-l-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

@media (min-width: 1280px) {
  .hmf-span-l-9 {
    width: 75% !important;
  }
  .hmf-offset-l-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

@media (min-width: 1280px) {
  .hmf-span-l-10 {
    width: 83.3333333333% !important;
  }
  .hmf-offset-l-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

@media (min-width: 1280px) {
  .hmf-span-l-11 {
    width: 91.6666666667% !important;
  }
  .hmf-offset-l-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

@media (min-width: 1280px) {
  .hmf-span-l-12 {
    width: 100% !important;
  }
  .hmf-offset-l-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-0 {
    width: 0% !important;
  }
  .hmf-offset-xlg-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-1 {
    width: 8.3333333333% !important;
  }
  .hmf-offset-xlg-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-2 {
    width: 16.6666666667% !important;
  }
  .hmf-offset-xlg-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-3 {
    width: 25% !important;
  }
  .hmf-offset-xlg-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-4 {
    width: 33.3333333333% !important;
  }
  .hmf-offset-xlg-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-5 {
    width: 41.6666666667% !important;
  }
  .hmf-offset-xlg-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-6 {
    width: 50% !important;
  }
  .hmf-offset-xlg-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-7 {
    width: 58.3333333333% !important;
  }
  .hmf-offset-xlg-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-8 {
    width: 66.6666666667% !important;
  }
  .hmf-offset-xlg-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-9 {
    width: 75% !important;
  }
  .hmf-offset-xlg-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-10 {
    width: 83.3333333333% !important;
  }
  .hmf-offset-xlg-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-11 {
    width: 91.6666666667% !important;
  }
  .hmf-offset-xlg-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-12 {
    width: 100% !important;
  }
  .hmf-offset-xlg-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-0 {
    width: 0% !important;
  }
  .hmf-offset-xl-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-1 {
    width: 8.3333333333% !important;
  }
  .hmf-offset-xl-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-2 {
    width: 16.6666666667% !important;
  }
  .hmf-offset-xl-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-3 {
    width: 25% !important;
  }
  .hmf-offset-xl-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-4 {
    width: 33.3333333333% !important;
  }
  .hmf-offset-xl-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-5 {
    width: 41.6666666667% !important;
  }
  .hmf-offset-xl-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-6 {
    width: 50% !important;
  }
  .hmf-offset-xl-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-7 {
    width: 58.3333333333% !important;
  }
  .hmf-offset-xl-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-8 {
    width: 66.6666666667% !important;
  }
  .hmf-offset-xl-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-9 {
    width: 75% !important;
  }
  .hmf-offset-xl-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-10 {
    width: 83.3333333333% !important;
  }
  .hmf-offset-xl-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-11 {
    width: 91.6666666667% !important;
  }
  .hmf-offset-xl-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-12 {
    width: 100% !important;
  }
  .hmf-offset-xl-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-0 {
    width: 0% !important;
  }
  .hmf-offset-xxlg-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-1 {
    width: 8.3333333333% !important;
  }
  .hmf-offset-xxlg-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-2 {
    width: 16.6666666667% !important;
  }
  .hmf-offset-xxlg-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-3 {
    width: 25% !important;
  }
  .hmf-offset-xxlg-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-4 {
    width: 33.3333333333% !important;
  }
  .hmf-offset-xxlg-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-5 {
    width: 41.6666666667% !important;
  }
  .hmf-offset-xxlg-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-6 {
    width: 50% !important;
  }
  .hmf-offset-xxlg-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-7 {
    width: 58.3333333333% !important;
  }
  .hmf-offset-xxlg-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-8 {
    width: 66.6666666667% !important;
  }
  .hmf-offset-xxlg-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-9 {
    width: 75% !important;
  }
  .hmf-offset-xxlg-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-10 {
    width: 83.3333333333% !important;
  }
  .hmf-offset-xxlg-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-11 {
    width: 91.6666666667% !important;
  }
  .hmf-offset-xxlg-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-12 {
    width: 100% !important;
  }
  .hmf-offset-xxlg-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.page {
  padding-left: 16px;
  padding-right: 16px;
}

@media (min-width: 375px) {
  .page {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (min-width: 768px) {
  .page {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (min-width: 1280px) {
  .page {
    padding-left: 28px;
    padding-right: 28px;
  }
}
@media (min-width: 1440px) {
  .page {
    padding-left: 40px;
    padding-right: 40px;
  }
}
:root {
  --hmf-red50: #fdf7f8;
  --hmf-red100: #f6e1e3;
  --hmf-red200: #f0cbcf;
  --hmf-red300: #eab5ba;
  --hmf-red400: #dc848c;
  --hmf-red500: #cf5963;
  --hmf-red600: #b10715;
  --hmf-red700: #a20610;
  --hmf-red800: #86030c;
  --hmf-red900: #560105;
  --hmf-scred: #B3271E;
  --hmf-yellow50: #fff9e5;
  --hmf-yellow100: #ffedb6;
  --hmf-yellow200: #ffe286;
  --hmf-yellow300: #ffc40c;
  --hmf-yellow400: #ffa50a;
  --hmf-yellow500: #db7900;
  --hmf-yellow600: #a75a20;
  --hmf-yellow700: #733210;
  --hmf-yellow800: #5e280c;
  --hmf-yellow900: #3d1f00;
  --hmf-scgreen: #006554;
  --hmf-gold50: #fbf9f4;
  --hmf-gold100: #efe9d6;
  --hmf-gold200: #e0d3ae;
  --hmf-gold300: #ccb67b;
  --hmf-gold400: #c5ad6a;
  --hmf-gold500: #ad9143;
  --hmf-gold600: #806c32;
  --hmf-gold700: #5c4d24;
  --hmf-gold800: #4d401e;
  --hmf-gold900: #2c2511;
  --hmf-gray50: #fff;
  --hmf-gray50-rgb: 255, 255, 255;
  --hmf-gray100: #f9f9f9;
  --hmf-gray100-rgb: 249, 249, 249;
  --hmf-gray200: #e3e3e3;
  --hmf-gray200-rgb: 227, 227, 227;
  --hmf-gray300: #d1d1d1;
  --hmf-gray300-rgb: 209, 209, 209;
  --hmf-gray400: #b5b5b5;
  --hmf-gray400-rgb: 181, 181, 181;
  --hmf-gray500: #949494;
  --hmf-gray500-rgb: 148, 148, 148;
  --hmf-gray600: #6e6e6e;
  --hmf-gray600-rgb: 121, 121, 121;
  --hmf-gray700: #4f4f4f;
  --hmf-gray700-rgb: 79, 79, 79;
  --hmf-gray800: #2e2e2e;
  --hmf-gray800-rgb: 46, 46, 46;
  --hmf-gray900: #191f1c;
  --hmf-gray900-rgb: 25, 31, 28;
  --hmf-calia50: #f9f9f6;
  --hmf-calia100: #eaeae1;
  --hmf-calia200: #d5d3cd;
  --hmf-calia300: #bcb8b3;
  --hmf-calia400: #9f9996;
  --hmf-calia500: #857d7c;
  --hmf-calia600: #6c6263;
  --hmf-calia700: #53474a;
  --hmf-calia800: #44283a;
  --hmf-calia900: #312127;
  --hmf-vrst50: #f9fafb;
  --hmf-vrst100: #e6ecf0;
  --hmf-vrst200: #ced5d9;
  --hmf-vrst300: #b3bbc0;
  --hmf-vrst400: #99a2a8;
  --hmf-vrst500: #808990;
  --hmf-vrst600: #667078;
  --hmf-vrst700: #465058;
  --hmf-vrst800: #333f48;
  --hmf-vrst900: #20272d;
}

.background-base {
  background-color: var(--hmf-background-base);
}

.background-base-subtle {
  background-color: var(--hmf-background-base-subtle);
}

.background-inverse {
  background-color: var(--hmf-background-inverse);
}

.background-inverse-subtle {
  background-color: var(--hmf-background-inverse-subtle);
}

.background-primary {
  background-color: var(--hmf-background-primary);
}

.fill-base {
  background-color: var(--hmf-fill-base);
}

.fill-base-subtle {
  background-color: var(--hmf-fill-base-subtle);
}

.fill-base-prominent {
  background-color: var(--hmf-fill-base-prominent);
}

.fill-inverse {
  background-color: var(--hmf-fill-inverse);
}

.fill-inverse-subtle {
  background-color: var(--hmf-fill-inverse-subtle);
}

.fill-primary-static {
  background-color: var(--hmf-fill-primary-static);
}

.fill-primary-hover {
  background-color: var(--hmf-fill-primary-hover);
}

.fill-primary-active {
  background-color: var(--hmf-fill-primary-active);
}

.fill-secondary-static {
  background-color: var(--hmf-fill-secondary-static);
}

.fill-secondary-static-subtle {
  background-color: var(--hmf-fill-secondary-static-subtle);
}

.fill-secondary-hover {
  background-color: var(--hmf-fill-secondary-hover);
}

.fill-secondary-hover-subtle {
  background-color: var(--hmf-fill-secondary-hover-subtle);
}

.fill-secondary-active {
  background-color: var(--hmf-fill-secondary-active);
}

.fill-secondary-active-subtle {
  background-color: var(--hmf-fill-secondary-active-subtle);
}

.fill-tertiary-static {
  background-color: var(--hmf-fill-tertiary-static);
}

.fill-tertiary-hover {
  background-color: var(--hmf-fill-tertiary-hover);
}

.fill-tertiary-active {
  background-color: var(--hmf-fill-tertiary-active);
}

.fill-disabled {
  background-color: var(--hmf-fill-disabled);
}

.fill-disabled-subtle {
  background-color: var(--hmf-fill-disabled-subtle);
}

.fill-negative {
  background-color: var(--hmf-fill-negative);
}

.fill-negative-subtle {
  background-color: var(--hmf-fill-negative-subtle);
}

.fill-negative-static {
  background-color: var(--hmf-fill-negative-static);
}

.fill-negative-hover {
  background-color: var(--hmf-fill-negative-hover);
}

.fill-negative-active {
  background-color: var(--hmf-fill-negative-active);
}

.fill-sale {
  background-color: var(--hmf-fill-sale);
}

.fill-warning {
  background-color: var(--hmf-fill-warning);
}

.fill-warning-subtle {
  background-color: var(--hmf-fill-warning-subtle);
}

.fill-positive {
  background-color: var(--hmf-fill-positive);
}

.fill-postive-subtle {
  background-color: var(--hmf-fill-positive-subtle);
}

.fill-marketing-static {
  background-color: var(--hmf-fill-marketing-static);
}

.fill-marketing-hover {
  background-color: var(--hmf-fill-marketing-hover);
}

.fill-marketing-active {
  background-color: var(--hmf-fill-marketing-active);
}

.fill-scorecard-default {
  background-color: var(--hmf-fill-scorecard);
}

.fill-scorecard-subtle {
  background-color: var(--hmf-fill-scorecard-subtle);
}

.fill-scorecard-gold {
  background-color: var(--hmf-fill-scorecard-gold);
}

.fill-scorecard-gold-subtle {
  background-color: var(--hmf-fill-scorecard-gold-subtle);
}

.fill-calia-default {
  background-color: var(--hmf-fill-calia);
}

.fill-calia-subtle {
  background-color: var(--hmf-fill-calia-subtle);
}

.fill-vrst-default {
  background-color: var(--hmf-fill-vrst);
}

.fill-vrst-subtle {
  background-color: var(--hmf-fill-vrst-subtle);
}

.label-base {
  color: var(--hmf-label-base);
}

.label-base-subtle {
  color: var(--hmf-label-base-subtle);
}

.label-inverse-base {
  color: var(--hmf-label-inverse-base);
}

.label-inverse-subtle {
  color: var(--hmf-label-inverse-subtle);
}

.label-primary-static {
  color: var(--hmf-label-primary-static);
}

.label-primary-hover {
  color: var(--hmf-label-primary-hover);
}

.label-primary-active {
  color: var(--hmf-label-primary-active);
}

.label-secondary-static {
  color: var(--hmf-label-secondary-static);
}

.label-secondary-hover {
  color: var(--hmf-label-secondary-hover);
}

.label-secondary-active {
  color: var(--hmf-label-secondary-active);
}

.label-secondary-subtle-static {
  color: var(--hmf-label-secondary-subtle-static);
}

.label-secondary-subtle-hover {
  color: var(--hmf-label-secondary-subtle-hover);
}

.label-secondary-subtle-active {
  color: var(--hmf-label-secondary-subtle-active);
}

.label-tertiary-static {
  color: var(--hmf-label-tertiary-static);
}

.label-tertiary-hover {
  color: var(--hmf-label-tertiary-hover);
}

.label-tertiary-active {
  color: var(--hmf-label-tertiary-active);
}

.label-sale {
  color: var(--hmf-label-sale);
}

.label-disabled {
  color: var(--hmf-label-disabled);
}

.label-disabled-subtle {
  color: var(--hmf-label-disabled-subtle);
}

.label-negative {
  color: var(--hmf-label-negative);
}

.label-positive {
  color: var(--hmf-label-positive);
}

.label-warning {
  color: var(--hmf-label-warning);
}

.label-marketing-static {
  color: var(--hmf-label-marketing-static);
}

.label-marketing-hover {
  color: var(--hmf-label-marketing-hover);
}

.label-marketing-active {
  color: var(--hmf-label-marketing-active);
}

.label-scorecard-default {
  color: var(--hmf-label-scorecard);
}

.border-base {
  border-color: var(--hmf-border-base);
}

.border-base-subtle {
  border-color: var(--hmf-border-base-subtle);
}

.border-inverse {
  border-color: var(--hmf-border-inverse);
}

.border-inverse-subtle {
  border-color: var(--hmf-border-inverse-subtle);
}

.border-primary-static {
  border-color: var(--hmf-border-primary-static);
}

.border-primary-hover {
  border-color: var(--hmf-border-primary-hover);
}

.border-primary-active {
  border-color: var(--hmf-border-primary-active);
}

.border-secondary-static {
  border-color: var(--hmf-border-secondary-static);
}

.border-secondary-hover {
  border-color: var(--hmf-border-secondary-hover);
}

.border-secondary-active {
  border-color: var(--hmf-border-secondary-active);
}

.border-secondary-subtle-static {
  border-color: var(--hmf-border-secondary-subtle-static);
}

.border-secondary-subtle-hover {
  border-color: var(--hmf-border-secondary-subtle-hover);
}

.border-secondary-subtle-active {
  border-color: var(--hmf-border-secondary-subtle-active);
}

.border-tertiary-static {
  border-color: var(--hmf-border-tertiary-static);
}

.border-tertiary-hover {
  border-color: var(--hmf-border-tertiary-hover);
}

.border-tertiary-active {
  border-color: var(--hmf-border-tertiary-active);
}

.border-focused {
  border-color: var(--hmf-border-focused);
}

.border-inverse-focused {
  border-color: var(--hmf-border-inverse-focused);
}

.border-disabled {
  border-color: var(--hmf-border-disabled);
}

.border-disabled-subtle {
  border-color: var(--hmf-border-disabled-subtle);
}

.border-negative {
  border-color: var(--hmf-border-negative);
}

.border-warning {
  border-color: var(--hmf-border-warning);
}

.border-positive {
  border-color: var(--hmf-border-positive);
}

.border-scorecard-subtle {
  border-color: var(--hmf-border-scorecard-subtle);
}

.border-scorecard-gold {
  border-color: var(--hmf-border-scorecard-gold);
}

.border-scorecard-gold-subtle {
  border-color: var(--hmf-border-scorecard-gold-subtle);
}

:root {
  --hmf-auto: auto;
  --hmf-0: 0;
  --hmf-xxxs: 4px;
  --hmf-xxs: 8px;
  --hmf-xs: 12px;
  --hmf-s: 16px;
  --hmf-m: 24px;
  --hmf-l: 32px;
  --hmf-xl: 48px;
  --hmf-xxl: 72px;
  --hmf-xxxl: 96px;
  --hmf-xxxxl: 120px;
}

/** @format */
/** @format */
:root {
  --hmf-sharp-radius: 0px;
  --hmf-soft-radius: 8px;
  --hmf-round-radius: 80px;
}

:root {
  --hmf-subtle-shadow: 0px 2px 2px 0px rgb(26 26 26 / 0.08);
  --hmf-soft-shadow: 0px 4px 7px 1px rgb(25 31 28 / 0.15);
  --hmf-elevated-shadow: 0px 2px 8px -2px rgb(26 26 26 / 0.20);
  --hmf-elevated-up-shadow: 0px -2px 8px -2px rgb(26 26 26 / 0.20);
}

/** @format */
/** @format */
.hmf-display-outline-xxl {
  font-family: var(--font-display-outline) !important;
  font-size: var(--display-font-size-xxl) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-xxl) !important;
  line-height: var(--display-line-height-xxl) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-display-outline-xl {
  font-family: var(--font-display-outline) !important;
  font-size: var(--display-font-size-xl) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-xl) !important;
  line-height: var(--display-line-height-xl) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-display-outline-l {
  font-family: var(--font-display-outline) !important;
  font-size: var(--display-font-size-l) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-l) !important;
  line-height: var(--display-line-height-l) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-display-outline-m {
  font-family: var(--font-display-outline) !important;
  font-size: var(--display-font-size-m) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-m) !important;
  line-height: var(--display-line-height-m) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-display-outline-s {
  font-family: var(--font-display-outline) !important;
  font-size: var(--display-font-size-s) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-s) !important;
  line-height: var(--display-line-height-s) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-display-outline-xs {
  font-family: var(--font-display-outline) !important;
  font-size: var(--display-font-size-xs) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-xs) !important;
  line-height: var(--display-line-height-xs) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-display-xxl {
  font-family: var(--font-display) !important;
  font-size: var(--display-font-size-xxl) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-xxl) !important;
  line-height: var(--display-line-height-xxl) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-display-xl {
  font-family: var(--font-display) !important;
  font-size: var(--display-font-size-xl) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-xl) !important;
  line-height: var(--display-line-height-xl) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-display-l {
  font-family: var(--font-display) !important;
  font-size: var(--display-font-size-l) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-l) !important;
  line-height: var(--display-line-height-l) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-display-m {
  font-family: var(--font-display) !important;
  font-size: var(--display-font-size-m) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-m) !important;
  line-height: var(--display-line-height-m) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-display-s {
  font-family: var(--font-display) !important;
  font-size: var(--display-font-size-s) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-s) !important;
  line-height: var(--display-line-height-s) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-display-xs {
  font-family: var(--font-display) !important;
  font-size: var(--display-font-size-xs) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-xs) !important;
  line-height: var(--display-line-height-xs) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-header-xl {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-xl) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-xl) !important;
  text-transform: var(--header-text-transform) !important;
}

.hmf-header-l {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-l) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-l) !important;
  text-transform: var(--header-text-transform) !important;
}

.hmf-header-m {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-m) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-m) !important;
  text-transform: var(--header-text-transform) !important;
}

.hmf-header-s {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-s) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-s) !important;
  text-transform: var(--header-text-transform) !important;
}

.hmf-header-xs {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-xs) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-xs) !important;
  text-transform: var(--header-text-transform) !important;
}

.hmf-header-bold-xl {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-xl) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-xl) !important;
  text-transform: var(--header-text-transform) !important;
}

.hmf-header-bold-l {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-l) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-l) !important;
  text-transform: var(--header-text-transform) !important;
}

.hmf-header-bold-m {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-m) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-m) !important;
  text-transform: var(--header-text-transform) !important;
}

.hmf-header-bold-s {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-s) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-s) !important;
  text-transform: var(--header-text-transform) !important;
}

.hmf-header-bold-xs {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-xs) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-xs) !important;
  text-transform: var(--header-text-transform) !important;
}

.hmf-subheader-l {
  font-family: var(--font-primary) !important;
  font-size: var(--subhead-font-size-l) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--subhead-letter-spacing) !important;
  line-height: var(--subhead-line-height-l) !important;
}

.hmf-subheader-m {
  font-family: var(--font-primary) !important;
  font-size: var(--subhead-font-size-m) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--subhead-letter-spacing) !important;
  line-height: var(--subhead-line-height-m) !important;
}

.hmf-subheader-s {
  font-family: var(--font-primary) !important;
  font-size: var(--subhead-font-size-s) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--subhead-letter-spacing) !important;
  line-height: var(--subhead-line-height-s) !important;
}

.hmf-subheader-bold-l {
  font-family: var(--font-primary) !important;
  font-size: var(--subhead-font-size-l) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--subhead-letter-spacing) !important;
  line-height: var(--subhead-line-height-l) !important;
}

.hmf-subheader-bold-m {
  font-family: var(--font-primary) !important;
  font-size: var(--subhead-font-size-m) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--subhead-letter-spacing) !important;
  line-height: var(--subhead-line-height-m) !important;
}

.hmf-subheader-bold-s {
  font-family: var(--font-primary) !important;
  font-size: var(--subhead-font-size-s) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--subhead-letter-spacing) !important;
  line-height: var(--subhead-line-height-s) !important;
}

.hmf-label-l {
  font-family: var(--font-label) !important;
  font-size: var(--label-font-size-l) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--label-letter-spacing) !important;
  line-height: var(--label-line-height-l) !important;
  text-transform: var(--label-text-transform) !important;
}

.hmf-label-m {
  font-family: var(--font-label) !important;
  font-size: var(--label-font-size-m) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--label-letter-spacing) !important;
  line-height: var(--label-line-height-m) !important;
  text-transform: var(--label-text-transform) !important;
}

.hmf-label-s {
  font-family: var(--font-label) !important;
  font-size: var(--label-font-size-s) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--label-letter-spacing) !important;
  line-height: var(--label-line-height-s) !important;
  text-transform: var(--label-text-transform) !important;
}

.hmf-label-xs {
  font-family: var(--font-label) !important;
  font-size: var(--label-font-size-xs) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--label-letter-spacing) !important;
  line-height: var(--label-line-height-xs) !important;
  text-transform: var(--label-text-transform) !important;
}

.hmf-body-l {
  font-family: var(--font-primary) !important;
  font-size: var(--body-font-size-l) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--body-letter-spacing) !important;
  line-height: var(--body-line-height-l) !important;
  text-transform: none !important;
}

.hmf-body-m {
  font-family: var(--font-primary) !important;
  font-size: var(--body-font-size-m) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--body-letter-spacing) !important;
  line-height: var(--body-line-height-m) !important;
  text-transform: none !important;
}

.hmf-body-s {
  font-family: var(--font-primary) !important;
  font-size: var(--body-font-size-s) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--body-letter-spacing) !important;
  line-height: var(--body-line-height-s) !important;
  text-transform: none !important;
}

.hmf-body-bold-l {
  font-family: var(--font-primary) !important;
  font-size: var(--body-font-size-l) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--body-letter-spacing) !important;
  line-height: var(--body-line-height-l) !important;
}

.hmf-body-bold-m {
  font-family: var(--font-primary) !important;
  font-size: var(--body-font-size-m) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--body-letter-spacing) !important;
  line-height: var(--body-line-height-m) !important;
}

.hmf-body-bold-s {
  font-family: var(--font-primary) !important;
  font-size: var(--body-font-size-s) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--body-letter-spacing) !important;
  line-height: var(--body-line-height-s) !important;
}

.hmf-legal-s {
  font-family: var(--font-primary) !important;
  font-size: var(--legal-font-size-s) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--legal-letter-spacing) !important;
  line-height: var(--legal-line-height-s) !important;
}

.hmf-legal-xs {
  font-family: var(--font-primary) !important;
  font-size: var(--legal-font-size-xs) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--legal-letter-spacing) !important;
  line-height: var(--legal-line-height-xs) !important;
}

.hmf-text-decoration-dashed {
  text-decoration: dashed;
}

.hmf-text-decoration-dotted {
  text-decoration: dotted;
}

.hmf-text-decoration-double {
  text-decoration: double;
}

.hmf-text-decoration-linethrough {
  text-decoration: line-through;
}

.hmf-text-decoration-none {
  text-decoration: none;
}

.hmf-text-decoration-overline {
  text-decoration: overline;
}

.hmf-text-decoration-solid {
  text-decoration: solid;
}

.hmf-text-decoration-underline {
  text-decoration: underline;
}

.hmf-text-decoration-wavy {
  text-decoration: wavy;
}

.hmf-text-transform-capitalize {
  text-transform: capitalize;
}

.hmf-text-transform-lowercase {
  text-transform: lowercase;
}

.hmf-text-transform-uppercase {
  text-transform: uppercase;
}

.hmf-text-transform-none {
  text-transform: none;
}

.hmf-text-transform-inherit {
  text-transform: inherit;
}

.hmf-text-transform-initial {
  text-transform: initial;
}

.hmf-text-transform-unset {
  text-transform: unset;
}

.hmf-text-align-unset {
  text-align: unset;
}

.hmf-text-align-revert {
  text-align: revert;
}

.hmf-text-align-initial {
  text-align: initial;
}

.hmf-text-align-start {
  text-align: start;
}

.hmf-text-align-end {
  text-align: end;
}

.hmf-text-align-left {
  text-align: left;
}

.hmf-text-align-right {
  text-align: right;
}

.hmf-text-align-center {
  text-align: center;
}

.hmf-text-align-justify {
  text-align: justify;
}

.hmf-display-outline-xxl {
  font-family: var(--font-display-outline) !important;
  font-size: var(--display-font-size-xxl) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-xxl) !important;
  line-height: var(--display-line-height-xxl) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-display-outline-xl {
  font-family: var(--font-display-outline) !important;
  font-size: var(--display-font-size-xl) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-xl) !important;
  line-height: var(--display-line-height-xl) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-display-outline-l {
  font-family: var(--font-display-outline) !important;
  font-size: var(--display-font-size-l) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-l) !important;
  line-height: var(--display-line-height-l) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-display-outline-m {
  font-family: var(--font-display-outline) !important;
  font-size: var(--display-font-size-m) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-m) !important;
  line-height: var(--display-line-height-m) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-display-outline-s {
  font-family: var(--font-display-outline) !important;
  font-size: var(--display-font-size-s) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-s) !important;
  line-height: var(--display-line-height-s) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-display-outline-xs {
  font-family: var(--font-display-outline) !important;
  font-size: var(--display-font-size-xs) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-xs) !important;
  line-height: var(--display-line-height-xs) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-display-xxl {
  font-family: var(--font-display) !important;
  font-size: var(--display-font-size-xxl) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-xxl) !important;
  line-height: var(--display-line-height-xxl) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-display-xl {
  font-family: var(--font-display) !important;
  font-size: var(--display-font-size-xl) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-xl) !important;
  line-height: var(--display-line-height-xl) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-display-l {
  font-family: var(--font-display) !important;
  font-size: var(--display-font-size-l) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-l) !important;
  line-height: var(--display-line-height-l) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-display-m {
  font-family: var(--font-display) !important;
  font-size: var(--display-font-size-m) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-m) !important;
  line-height: var(--display-line-height-m) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-display-s {
  font-family: var(--font-display) !important;
  font-size: var(--display-font-size-s) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-s) !important;
  line-height: var(--display-line-height-s) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-display-xs {
  font-family: var(--font-display) !important;
  font-size: var(--display-font-size-xs) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-xs) !important;
  line-height: var(--display-line-height-xs) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-header-xl {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-xl) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-xl) !important;
  text-transform: var(--header-text-transform) !important;
}

.hmf-header-l {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-l) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-l) !important;
  text-transform: var(--header-text-transform) !important;
}

.hmf-header-m {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-m) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-m) !important;
  text-transform: var(--header-text-transform) !important;
}

.hmf-header-s {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-s) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-s) !important;
  text-transform: var(--header-text-transform) !important;
}

.hmf-header-xs {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-xs) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-xs) !important;
  text-transform: var(--header-text-transform) !important;
}

.hmf-header-bold-xl {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-xl) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-xl) !important;
  text-transform: var(--header-text-transform) !important;
}

.hmf-header-bold-l {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-l) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-l) !important;
  text-transform: var(--header-text-transform) !important;
}

.hmf-header-bold-m {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-m) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-m) !important;
  text-transform: var(--header-text-transform) !important;
}

.hmf-header-bold-s {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-s) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-s) !important;
  text-transform: var(--header-text-transform) !important;
}

.hmf-header-bold-xs {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-xs) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-xs) !important;
  text-transform: var(--header-text-transform) !important;
}

.hmf-subheader-l {
  font-family: var(--font-primary) !important;
  font-size: var(--subhead-font-size-l) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--subhead-letter-spacing) !important;
  line-height: var(--subhead-line-height-l) !important;
}

.hmf-subheader-m {
  font-family: var(--font-primary) !important;
  font-size: var(--subhead-font-size-m) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--subhead-letter-spacing) !important;
  line-height: var(--subhead-line-height-m) !important;
}

.hmf-subheader-s {
  font-family: var(--font-primary) !important;
  font-size: var(--subhead-font-size-s) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--subhead-letter-spacing) !important;
  line-height: var(--subhead-line-height-s) !important;
}

.hmf-subheader-bold-l {
  font-family: var(--font-primary) !important;
  font-size: var(--subhead-font-size-l) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--subhead-letter-spacing) !important;
  line-height: var(--subhead-line-height-l) !important;
}

.hmf-subheader-bold-m {
  font-family: var(--font-primary) !important;
  font-size: var(--subhead-font-size-m) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--subhead-letter-spacing) !important;
  line-height: var(--subhead-line-height-m) !important;
}

.hmf-subheader-bold-s {
  font-family: var(--font-primary) !important;
  font-size: var(--subhead-font-size-s) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--subhead-letter-spacing) !important;
  line-height: var(--subhead-line-height-s) !important;
}

.hmf-label-l {
  font-family: var(--font-label) !important;
  font-size: var(--label-font-size-l) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--label-letter-spacing) !important;
  line-height: var(--label-line-height-l) !important;
  text-transform: var(--label-text-transform) !important;
}

.hmf-label-m {
  font-family: var(--font-label) !important;
  font-size: var(--label-font-size-m) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--label-letter-spacing) !important;
  line-height: var(--label-line-height-m) !important;
  text-transform: var(--label-text-transform) !important;
}

.hmf-label-s {
  font-family: var(--font-label) !important;
  font-size: var(--label-font-size-s) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--label-letter-spacing) !important;
  line-height: var(--label-line-height-s) !important;
  text-transform: var(--label-text-transform) !important;
}

.hmf-label-xs {
  font-family: var(--font-label) !important;
  font-size: var(--label-font-size-xs) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--label-letter-spacing) !important;
  line-height: var(--label-line-height-xs) !important;
  text-transform: var(--label-text-transform) !important;
}

.hmf-body-l {
  font-family: var(--font-primary) !important;
  font-size: var(--body-font-size-l) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--body-letter-spacing) !important;
  line-height: var(--body-line-height-l) !important;
  text-transform: none !important;
}

.hmf-body-m {
  font-family: var(--font-primary) !important;
  font-size: var(--body-font-size-m) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--body-letter-spacing) !important;
  line-height: var(--body-line-height-m) !important;
  text-transform: none !important;
}

.hmf-body-s {
  font-family: var(--font-primary) !important;
  font-size: var(--body-font-size-s) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--body-letter-spacing) !important;
  line-height: var(--body-line-height-s) !important;
  text-transform: none !important;
}

.hmf-body-bold-l {
  font-family: var(--font-primary) !important;
  font-size: var(--body-font-size-l) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--body-letter-spacing) !important;
  line-height: var(--body-line-height-l) !important;
}

.hmf-body-bold-m {
  font-family: var(--font-primary) !important;
  font-size: var(--body-font-size-m) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--body-letter-spacing) !important;
  line-height: var(--body-line-height-m) !important;
}

.hmf-body-bold-s {
  font-family: var(--font-primary) !important;
  font-size: var(--body-font-size-s) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--body-letter-spacing) !important;
  line-height: var(--body-line-height-s) !important;
}

.hmf-legal-s {
  font-family: var(--font-primary) !important;
  font-size: var(--legal-font-size-s) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--legal-letter-spacing) !important;
  line-height: var(--legal-line-height-s) !important;
}

.hmf-legal-xs {
  font-family: var(--font-primary) !important;
  font-size: var(--legal-font-size-xs) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--legal-letter-spacing) !important;
  line-height: var(--legal-line-height-xs) !important;
}

.hmf-text-decoration-dashed {
  text-decoration: dashed;
}

.hmf-text-decoration-dotted {
  text-decoration: dotted;
}

.hmf-text-decoration-double {
  text-decoration: double;
}

.hmf-text-decoration-linethrough {
  text-decoration: line-through;
}

.hmf-text-decoration-none {
  text-decoration: none;
}

.hmf-text-decoration-overline {
  text-decoration: overline;
}

.hmf-text-decoration-solid {
  text-decoration: solid;
}

.hmf-text-decoration-underline {
  text-decoration: underline;
}

.hmf-text-decoration-wavy {
  text-decoration: wavy;
}

.hmf-text-transform-capitalize {
  text-transform: capitalize;
}

.hmf-text-transform-lowercase {
  text-transform: lowercase;
}

.hmf-text-transform-uppercase {
  text-transform: uppercase;
}

.hmf-text-transform-none {
  text-transform: none;
}

.hmf-text-transform-inherit {
  text-transform: inherit;
}

.hmf-text-transform-initial {
  text-transform: initial;
}

.hmf-text-transform-unset {
  text-transform: unset;
}

.hmf-text-align-unset {
  text-align: unset;
}

.hmf-text-align-revert {
  text-align: revert;
}

.hmf-text-align-initial {
  text-align: initial;
}

.hmf-text-align-start {
  text-align: start;
}

.hmf-text-align-end {
  text-align: end;
}

.hmf-text-align-left {
  text-align: left;
}

.hmf-text-align-right {
  text-align: right;
}

.hmf-text-align-center {
  text-align: center;
}

.hmf-text-align-justify {
  text-align: justify;
}

@media (min-width: 375px) {
  .hmf-display-outline-s-xxl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-s-xl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-s-l {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-s-m {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-s-s {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-s-xs {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-s-xxl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-s-xl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-s-l {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-s-m {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-s-s {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-s-xs {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-header-s-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-s-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-s-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-s-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-s-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-s-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-s-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-s-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-s-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-s-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-subheader-s-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .hmf-subheader-s-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .hmf-subheader-s-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .hmf-subheader-bold-s-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .hmf-subheader-bold-s-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .hmf-subheader-bold-s-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .hmf-label-s-l {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-l) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-s-m {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-m) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-s-s {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-s) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-s-xs {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-xs) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-body-s-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
    text-transform: none !important;
  }
  .hmf-body-s-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
    text-transform: none !important;
  }
  .hmf-body-s-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
    text-transform: none !important;
  }
  .hmf-body-bold-s-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
  }
  .hmf-body-bold-s-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
  }
  .hmf-body-bold-s-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
  }
  .hmf-legal-s-s {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-s) !important;
  }
  .hmf-legal-s-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-xs) !important;
  }
  .hmf-text-decoration-s-dashed {
    text-decoration: dashed;
  }
  .hmf-text-decoration-s-dotted {
    text-decoration: dotted;
  }
  .hmf-text-decoration-s-double {
    text-decoration: double;
  }
  .hmf-text-decoration-s-linethrough {
    text-decoration: line-through;
  }
  .hmf-text-decoration-s-none {
    text-decoration: none;
  }
  .hmf-text-decoration-s-overline {
    text-decoration: overline;
  }
  .hmf-text-decoration-s-solid {
    text-decoration: solid;
  }
  .hmf-text-decoration-s-underline {
    text-decoration: underline;
  }
  .hmf-text-decoration-s-wavy {
    text-decoration: wavy;
  }
  .hmf-text-transform-s-capitalize {
    text-transform: capitalize;
  }
  .hmf-text-transform-s-lowercase {
    text-transform: lowercase;
  }
  .hmf-text-transform-s-uppercase {
    text-transform: uppercase;
  }
  .hmf-text-transform-s-none {
    text-transform: none;
  }
  .hmf-text-transform-s-inherit {
    text-transform: inherit;
  }
  .hmf-text-transform-s-initial {
    text-transform: initial;
  }
  .hmf-text-transform-s-unset {
    text-transform: unset;
  }
  .hmf-text-align-s-unset {
    text-align: unset;
  }
  .hmf-text-align-s-revert {
    text-align: revert;
  }
  .hmf-text-align-s-initial {
    text-align: initial;
  }
  .hmf-text-align-s-start {
    text-align: start;
  }
  .hmf-text-align-s-end {
    text-align: end;
  }
  .hmf-text-align-s-left {
    text-align: left;
  }
  .hmf-text-align-s-right {
    text-align: right;
  }
  .hmf-text-align-s-center {
    text-align: center;
  }
  .hmf-text-align-s-justify {
    text-align: justify;
  }
}
@media (min-width: 375px) {
  .hmf-display-outline-xsm-xxl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-xsm-xl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-xsm-l {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-xsm-m {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-xsm-s {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-xsm-xs {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xsm-xxl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xsm-xl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xsm-l {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xsm-m {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xsm-s {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xsm-xs {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-header-xsm-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-xsm-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-xsm-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-xsm-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-xsm-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-xsm-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-xsm-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-xsm-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-xsm-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-xsm-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-subheader-xsm-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .hmf-subheader-xsm-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .hmf-subheader-xsm-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .hmf-subheader-bold-xsm-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .hmf-subheader-bold-xsm-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .hmf-subheader-bold-xsm-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .hmf-label-xsm-l {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-l) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-xsm-m {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-m) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-xsm-s {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-s) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-xsm-xs {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-xs) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-body-xsm-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
    text-transform: none !important;
  }
  .hmf-body-xsm-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
    text-transform: none !important;
  }
  .hmf-body-xsm-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
    text-transform: none !important;
  }
  .hmf-body-bold-xsm-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
  }
  .hmf-body-bold-xsm-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
  }
  .hmf-body-bold-xsm-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
  }
  .hmf-legal-xsm-s {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-s) !important;
  }
  .hmf-legal-xsm-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-xs) !important;
  }
  .hmf-text-decoration-xsm-dashed {
    text-decoration: dashed;
  }
  .hmf-text-decoration-xsm-dotted {
    text-decoration: dotted;
  }
  .hmf-text-decoration-xsm-double {
    text-decoration: double;
  }
  .hmf-text-decoration-xsm-linethrough {
    text-decoration: line-through;
  }
  .hmf-text-decoration-xsm-none {
    text-decoration: none;
  }
  .hmf-text-decoration-xsm-overline {
    text-decoration: overline;
  }
  .hmf-text-decoration-xsm-solid {
    text-decoration: solid;
  }
  .hmf-text-decoration-xsm-underline {
    text-decoration: underline;
  }
  .hmf-text-decoration-xsm-wavy {
    text-decoration: wavy;
  }
  .hmf-text-transform-xsm-capitalize {
    text-transform: capitalize;
  }
  .hmf-text-transform-xsm-lowercase {
    text-transform: lowercase;
  }
  .hmf-text-transform-xsm-uppercase {
    text-transform: uppercase;
  }
  .hmf-text-transform-xsm-none {
    text-transform: none;
  }
  .hmf-text-transform-xsm-inherit {
    text-transform: inherit;
  }
  .hmf-text-transform-xsm-initial {
    text-transform: initial;
  }
  .hmf-text-transform-xsm-unset {
    text-transform: unset;
  }
  .hmf-text-align-xsm-unset {
    text-align: unset;
  }
  .hmf-text-align-xsm-revert {
    text-align: revert;
  }
  .hmf-text-align-xsm-initial {
    text-align: initial;
  }
  .hmf-text-align-xsm-start {
    text-align: start;
  }
  .hmf-text-align-xsm-end {
    text-align: end;
  }
  .hmf-text-align-xsm-left {
    text-align: left;
  }
  .hmf-text-align-xsm-right {
    text-align: right;
  }
  .hmf-text-align-xsm-center {
    text-align: center;
  }
  .hmf-text-align-xsm-justify {
    text-align: justify;
  }
}
@media (min-width: 480px) {
  .hmf-display-outline-sm-xxl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-sm-xl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-sm-l {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-sm-m {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-sm-s {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-sm-xs {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-sm-xxl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-sm-xl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-sm-l {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-sm-m {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-sm-s {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-sm-xs {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-header-sm-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-sm-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-sm-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-sm-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-sm-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-sm-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-sm-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-sm-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-sm-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-sm-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-subheader-sm-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .hmf-subheader-sm-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .hmf-subheader-sm-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .hmf-subheader-bold-sm-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .hmf-subheader-bold-sm-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .hmf-subheader-bold-sm-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .hmf-label-sm-l {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-l) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-sm-m {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-m) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-sm-s {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-s) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-sm-xs {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-xs) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-body-sm-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
    text-transform: none !important;
  }
  .hmf-body-sm-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
    text-transform: none !important;
  }
  .hmf-body-sm-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
    text-transform: none !important;
  }
  .hmf-body-bold-sm-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
  }
  .hmf-body-bold-sm-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
  }
  .hmf-body-bold-sm-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
  }
  .hmf-legal-sm-s {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-s) !important;
  }
  .hmf-legal-sm-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-xs) !important;
  }
  .hmf-text-decoration-sm-dashed {
    text-decoration: dashed;
  }
  .hmf-text-decoration-sm-dotted {
    text-decoration: dotted;
  }
  .hmf-text-decoration-sm-double {
    text-decoration: double;
  }
  .hmf-text-decoration-sm-linethrough {
    text-decoration: line-through;
  }
  .hmf-text-decoration-sm-none {
    text-decoration: none;
  }
  .hmf-text-decoration-sm-overline {
    text-decoration: overline;
  }
  .hmf-text-decoration-sm-solid {
    text-decoration: solid;
  }
  .hmf-text-decoration-sm-underline {
    text-decoration: underline;
  }
  .hmf-text-decoration-sm-wavy {
    text-decoration: wavy;
  }
  .hmf-text-transform-sm-capitalize {
    text-transform: capitalize;
  }
  .hmf-text-transform-sm-lowercase {
    text-transform: lowercase;
  }
  .hmf-text-transform-sm-uppercase {
    text-transform: uppercase;
  }
  .hmf-text-transform-sm-none {
    text-transform: none;
  }
  .hmf-text-transform-sm-inherit {
    text-transform: inherit;
  }
  .hmf-text-transform-sm-initial {
    text-transform: initial;
  }
  .hmf-text-transform-sm-unset {
    text-transform: unset;
  }
  .hmf-text-align-sm-unset {
    text-align: unset;
  }
  .hmf-text-align-sm-revert {
    text-align: revert;
  }
  .hmf-text-align-sm-initial {
    text-align: initial;
  }
  .hmf-text-align-sm-start {
    text-align: start;
  }
  .hmf-text-align-sm-end {
    text-align: end;
  }
  .hmf-text-align-sm-left {
    text-align: left;
  }
  .hmf-text-align-sm-right {
    text-align: right;
  }
  .hmf-text-align-sm-center {
    text-align: center;
  }
  .hmf-text-align-sm-justify {
    text-align: justify;
  }
}
@media (min-width: 768px) {
  .hmf-display-outline-m-xxl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-m-xl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-m-l {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-m-m {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-m-s {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-m-xs {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-m-xxl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-m-xl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-m-l {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-m-m {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-m-s {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-m-xs {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-header-m-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-m-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-m-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-m-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-m-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-m-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-m-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-m-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-m-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-m-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-subheader-m-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .hmf-subheader-m-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .hmf-subheader-m-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .hmf-subheader-bold-m-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .hmf-subheader-bold-m-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .hmf-subheader-bold-m-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .hmf-label-m-l {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-l) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-m-m {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-m) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-m-s {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-s) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-m-xs {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-xs) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-body-m-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
    text-transform: none !important;
  }
  .hmf-body-m-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
    text-transform: none !important;
  }
  .hmf-body-m-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
    text-transform: none !important;
  }
  .hmf-body-bold-m-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
  }
  .hmf-body-bold-m-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
  }
  .hmf-body-bold-m-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
  }
  .hmf-legal-m-s {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-s) !important;
  }
  .hmf-legal-m-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-xs) !important;
  }
  .hmf-text-decoration-m-dashed {
    text-decoration: dashed;
  }
  .hmf-text-decoration-m-dotted {
    text-decoration: dotted;
  }
  .hmf-text-decoration-m-double {
    text-decoration: double;
  }
  .hmf-text-decoration-m-linethrough {
    text-decoration: line-through;
  }
  .hmf-text-decoration-m-none {
    text-decoration: none;
  }
  .hmf-text-decoration-m-overline {
    text-decoration: overline;
  }
  .hmf-text-decoration-m-solid {
    text-decoration: solid;
  }
  .hmf-text-decoration-m-underline {
    text-decoration: underline;
  }
  .hmf-text-decoration-m-wavy {
    text-decoration: wavy;
  }
  .hmf-text-transform-m-capitalize {
    text-transform: capitalize;
  }
  .hmf-text-transform-m-lowercase {
    text-transform: lowercase;
  }
  .hmf-text-transform-m-uppercase {
    text-transform: uppercase;
  }
  .hmf-text-transform-m-none {
    text-transform: none;
  }
  .hmf-text-transform-m-inherit {
    text-transform: inherit;
  }
  .hmf-text-transform-m-initial {
    text-transform: initial;
  }
  .hmf-text-transform-m-unset {
    text-transform: unset;
  }
  .hmf-text-align-m-unset {
    text-align: unset;
  }
  .hmf-text-align-m-revert {
    text-align: revert;
  }
  .hmf-text-align-m-initial {
    text-align: initial;
  }
  .hmf-text-align-m-start {
    text-align: start;
  }
  .hmf-text-align-m-end {
    text-align: end;
  }
  .hmf-text-align-m-left {
    text-align: left;
  }
  .hmf-text-align-m-right {
    text-align: right;
  }
  .hmf-text-align-m-center {
    text-align: center;
  }
  .hmf-text-align-m-justify {
    text-align: justify;
  }
}
@media (min-width: 768px) {
  .hmf-display-outline-md-xxl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-md-xl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-md-l {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-md-m {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-md-s {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-md-xs {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-md-xxl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-md-xl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-md-l {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-md-m {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-md-s {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-md-xs {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-header-md-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-md-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-md-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-md-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-md-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-md-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-md-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-md-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-md-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-md-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-subheader-md-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .hmf-subheader-md-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .hmf-subheader-md-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .hmf-subheader-bold-md-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .hmf-subheader-bold-md-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .hmf-subheader-bold-md-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .hmf-label-md-l {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-l) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-md-m {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-m) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-md-s {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-s) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-md-xs {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-xs) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-body-md-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
    text-transform: none !important;
  }
  .hmf-body-md-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
    text-transform: none !important;
  }
  .hmf-body-md-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
    text-transform: none !important;
  }
  .hmf-body-bold-md-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
  }
  .hmf-body-bold-md-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
  }
  .hmf-body-bold-md-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
  }
  .hmf-legal-md-s {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-s) !important;
  }
  .hmf-legal-md-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-xs) !important;
  }
  .hmf-text-decoration-md-dashed {
    text-decoration: dashed;
  }
  .hmf-text-decoration-md-dotted {
    text-decoration: dotted;
  }
  .hmf-text-decoration-md-double {
    text-decoration: double;
  }
  .hmf-text-decoration-md-linethrough {
    text-decoration: line-through;
  }
  .hmf-text-decoration-md-none {
    text-decoration: none;
  }
  .hmf-text-decoration-md-overline {
    text-decoration: overline;
  }
  .hmf-text-decoration-md-solid {
    text-decoration: solid;
  }
  .hmf-text-decoration-md-underline {
    text-decoration: underline;
  }
  .hmf-text-decoration-md-wavy {
    text-decoration: wavy;
  }
  .hmf-text-transform-md-capitalize {
    text-transform: capitalize;
  }
  .hmf-text-transform-md-lowercase {
    text-transform: lowercase;
  }
  .hmf-text-transform-md-uppercase {
    text-transform: uppercase;
  }
  .hmf-text-transform-md-none {
    text-transform: none;
  }
  .hmf-text-transform-md-inherit {
    text-transform: inherit;
  }
  .hmf-text-transform-md-initial {
    text-transform: initial;
  }
  .hmf-text-transform-md-unset {
    text-transform: unset;
  }
  .hmf-text-align-md-unset {
    text-align: unset;
  }
  .hmf-text-align-md-revert {
    text-align: revert;
  }
  .hmf-text-align-md-initial {
    text-align: initial;
  }
  .hmf-text-align-md-start {
    text-align: start;
  }
  .hmf-text-align-md-end {
    text-align: end;
  }
  .hmf-text-align-md-left {
    text-align: left;
  }
  .hmf-text-align-md-right {
    text-align: right;
  }
  .hmf-text-align-md-center {
    text-align: center;
  }
  .hmf-text-align-md-justify {
    text-align: justify;
  }
}
@media (min-width: 1024px) {
  .hmf-display-outline-lg-xxl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-lg-xl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-lg-l {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-lg-m {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-lg-s {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-lg-xs {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-lg-xxl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-lg-xl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-lg-l {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-lg-m {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-lg-s {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-lg-xs {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-header-lg-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-lg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-lg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-lg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-lg-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-lg-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-lg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-lg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-lg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-lg-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-subheader-lg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .hmf-subheader-lg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .hmf-subheader-lg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .hmf-subheader-bold-lg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .hmf-subheader-bold-lg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .hmf-subheader-bold-lg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .hmf-label-lg-l {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-l) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-lg-m {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-m) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-lg-s {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-s) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-lg-xs {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-xs) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-body-lg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
    text-transform: none !important;
  }
  .hmf-body-lg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
    text-transform: none !important;
  }
  .hmf-body-lg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
    text-transform: none !important;
  }
  .hmf-body-bold-lg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
  }
  .hmf-body-bold-lg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
  }
  .hmf-body-bold-lg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
  }
  .hmf-legal-lg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-s) !important;
  }
  .hmf-legal-lg-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-xs) !important;
  }
  .hmf-text-decoration-lg-dashed {
    text-decoration: dashed;
  }
  .hmf-text-decoration-lg-dotted {
    text-decoration: dotted;
  }
  .hmf-text-decoration-lg-double {
    text-decoration: double;
  }
  .hmf-text-decoration-lg-linethrough {
    text-decoration: line-through;
  }
  .hmf-text-decoration-lg-none {
    text-decoration: none;
  }
  .hmf-text-decoration-lg-overline {
    text-decoration: overline;
  }
  .hmf-text-decoration-lg-solid {
    text-decoration: solid;
  }
  .hmf-text-decoration-lg-underline {
    text-decoration: underline;
  }
  .hmf-text-decoration-lg-wavy {
    text-decoration: wavy;
  }
  .hmf-text-transform-lg-capitalize {
    text-transform: capitalize;
  }
  .hmf-text-transform-lg-lowercase {
    text-transform: lowercase;
  }
  .hmf-text-transform-lg-uppercase {
    text-transform: uppercase;
  }
  .hmf-text-transform-lg-none {
    text-transform: none;
  }
  .hmf-text-transform-lg-inherit {
    text-transform: inherit;
  }
  .hmf-text-transform-lg-initial {
    text-transform: initial;
  }
  .hmf-text-transform-lg-unset {
    text-transform: unset;
  }
  .hmf-text-align-lg-unset {
    text-align: unset;
  }
  .hmf-text-align-lg-revert {
    text-align: revert;
  }
  .hmf-text-align-lg-initial {
    text-align: initial;
  }
  .hmf-text-align-lg-start {
    text-align: start;
  }
  .hmf-text-align-lg-end {
    text-align: end;
  }
  .hmf-text-align-lg-left {
    text-align: left;
  }
  .hmf-text-align-lg-right {
    text-align: right;
  }
  .hmf-text-align-lg-center {
    text-align: center;
  }
  .hmf-text-align-lg-justify {
    text-align: justify;
  }
}
@media (min-width: 1280px) {
  .hmf-display-outline-l-xxl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-l-xl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-l-l {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-l-m {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-l-s {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-l-xs {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-l-xxl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-l-xl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-l-l {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-l-m {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-l-s {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-l-xs {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-header-l-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-l-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-l-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-l-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-l-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-l-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-l-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-l-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-l-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-l-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-subheader-l-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .hmf-subheader-l-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .hmf-subheader-l-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .hmf-subheader-bold-l-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .hmf-subheader-bold-l-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .hmf-subheader-bold-l-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .hmf-label-l-l {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-l) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-l-m {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-m) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-l-s {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-s) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-l-xs {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-xs) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-body-l-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
    text-transform: none !important;
  }
  .hmf-body-l-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
    text-transform: none !important;
  }
  .hmf-body-l-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
    text-transform: none !important;
  }
  .hmf-body-bold-l-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
  }
  .hmf-body-bold-l-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
  }
  .hmf-body-bold-l-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
  }
  .hmf-legal-l-s {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-s) !important;
  }
  .hmf-legal-l-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-xs) !important;
  }
  .hmf-text-decoration-l-dashed {
    text-decoration: dashed;
  }
  .hmf-text-decoration-l-dotted {
    text-decoration: dotted;
  }
  .hmf-text-decoration-l-double {
    text-decoration: double;
  }
  .hmf-text-decoration-l-linethrough {
    text-decoration: line-through;
  }
  .hmf-text-decoration-l-none {
    text-decoration: none;
  }
  .hmf-text-decoration-l-overline {
    text-decoration: overline;
  }
  .hmf-text-decoration-l-solid {
    text-decoration: solid;
  }
  .hmf-text-decoration-l-underline {
    text-decoration: underline;
  }
  .hmf-text-decoration-l-wavy {
    text-decoration: wavy;
  }
  .hmf-text-transform-l-capitalize {
    text-transform: capitalize;
  }
  .hmf-text-transform-l-lowercase {
    text-transform: lowercase;
  }
  .hmf-text-transform-l-uppercase {
    text-transform: uppercase;
  }
  .hmf-text-transform-l-none {
    text-transform: none;
  }
  .hmf-text-transform-l-inherit {
    text-transform: inherit;
  }
  .hmf-text-transform-l-initial {
    text-transform: initial;
  }
  .hmf-text-transform-l-unset {
    text-transform: unset;
  }
  .hmf-text-align-l-unset {
    text-align: unset;
  }
  .hmf-text-align-l-revert {
    text-align: revert;
  }
  .hmf-text-align-l-initial {
    text-align: initial;
  }
  .hmf-text-align-l-start {
    text-align: start;
  }
  .hmf-text-align-l-end {
    text-align: end;
  }
  .hmf-text-align-l-left {
    text-align: left;
  }
  .hmf-text-align-l-right {
    text-align: right;
  }
  .hmf-text-align-l-center {
    text-align: center;
  }
  .hmf-text-align-l-justify {
    text-align: justify;
  }
}
@media (min-width: 1280px) {
  .hmf-display-outline-xlg-xxl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-xlg-xl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-xlg-l {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-xlg-m {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-xlg-s {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-xlg-xs {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xlg-xxl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xlg-xl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xlg-l {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xlg-m {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xlg-s {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xlg-xs {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-header-xlg-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-xlg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-xlg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-xlg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-xlg-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-xlg-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-xlg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-xlg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-xlg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-xlg-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-subheader-xlg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .hmf-subheader-xlg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .hmf-subheader-xlg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .hmf-subheader-bold-xlg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .hmf-subheader-bold-xlg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .hmf-subheader-bold-xlg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .hmf-label-xlg-l {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-l) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-xlg-m {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-m) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-xlg-s {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-s) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-xlg-xs {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-xs) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-body-xlg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
    text-transform: none !important;
  }
  .hmf-body-xlg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
    text-transform: none !important;
  }
  .hmf-body-xlg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
    text-transform: none !important;
  }
  .hmf-body-bold-xlg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
  }
  .hmf-body-bold-xlg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
  }
  .hmf-body-bold-xlg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
  }
  .hmf-legal-xlg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-s) !important;
  }
  .hmf-legal-xlg-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-xs) !important;
  }
  .hmf-text-decoration-xlg-dashed {
    text-decoration: dashed;
  }
  .hmf-text-decoration-xlg-dotted {
    text-decoration: dotted;
  }
  .hmf-text-decoration-xlg-double {
    text-decoration: double;
  }
  .hmf-text-decoration-xlg-linethrough {
    text-decoration: line-through;
  }
  .hmf-text-decoration-xlg-none {
    text-decoration: none;
  }
  .hmf-text-decoration-xlg-overline {
    text-decoration: overline;
  }
  .hmf-text-decoration-xlg-solid {
    text-decoration: solid;
  }
  .hmf-text-decoration-xlg-underline {
    text-decoration: underline;
  }
  .hmf-text-decoration-xlg-wavy {
    text-decoration: wavy;
  }
  .hmf-text-transform-xlg-capitalize {
    text-transform: capitalize;
  }
  .hmf-text-transform-xlg-lowercase {
    text-transform: lowercase;
  }
  .hmf-text-transform-xlg-uppercase {
    text-transform: uppercase;
  }
  .hmf-text-transform-xlg-none {
    text-transform: none;
  }
  .hmf-text-transform-xlg-inherit {
    text-transform: inherit;
  }
  .hmf-text-transform-xlg-initial {
    text-transform: initial;
  }
  .hmf-text-transform-xlg-unset {
    text-transform: unset;
  }
  .hmf-text-align-xlg-unset {
    text-align: unset;
  }
  .hmf-text-align-xlg-revert {
    text-align: revert;
  }
  .hmf-text-align-xlg-initial {
    text-align: initial;
  }
  .hmf-text-align-xlg-start {
    text-align: start;
  }
  .hmf-text-align-xlg-end {
    text-align: end;
  }
  .hmf-text-align-xlg-left {
    text-align: left;
  }
  .hmf-text-align-xlg-right {
    text-align: right;
  }
  .hmf-text-align-xlg-center {
    text-align: center;
  }
  .hmf-text-align-xlg-justify {
    text-align: justify;
  }
}
@media (min-width: 1440px) {
  .hmf-display-outline-xl-xxl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-xl-xl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-xl-l {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-xl-m {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-xl-s {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-xl-xs {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xl-xxl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xl-xl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xl-l {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xl-m {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xl-s {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xl-xs {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-header-xl-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-xl-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-xl-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-xl-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-xl-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-xl-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-xl-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-xl-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-xl-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-xl-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-subheader-xl-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .hmf-subheader-xl-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .hmf-subheader-xl-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .hmf-subheader-bold-xl-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .hmf-subheader-bold-xl-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .hmf-subheader-bold-xl-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .hmf-label-xl-l {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-l) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-xl-m {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-m) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-xl-s {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-s) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-xl-xs {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-xs) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-body-xl-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
    text-transform: none !important;
  }
  .hmf-body-xl-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
    text-transform: none !important;
  }
  .hmf-body-xl-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
    text-transform: none !important;
  }
  .hmf-body-bold-xl-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
  }
  .hmf-body-bold-xl-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
  }
  .hmf-body-bold-xl-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
  }
  .hmf-legal-xl-s {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-s) !important;
  }
  .hmf-legal-xl-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-xs) !important;
  }
  .hmf-text-decoration-xl-dashed {
    text-decoration: dashed;
  }
  .hmf-text-decoration-xl-dotted {
    text-decoration: dotted;
  }
  .hmf-text-decoration-xl-double {
    text-decoration: double;
  }
  .hmf-text-decoration-xl-linethrough {
    text-decoration: line-through;
  }
  .hmf-text-decoration-xl-none {
    text-decoration: none;
  }
  .hmf-text-decoration-xl-overline {
    text-decoration: overline;
  }
  .hmf-text-decoration-xl-solid {
    text-decoration: solid;
  }
  .hmf-text-decoration-xl-underline {
    text-decoration: underline;
  }
  .hmf-text-decoration-xl-wavy {
    text-decoration: wavy;
  }
  .hmf-text-transform-xl-capitalize {
    text-transform: capitalize;
  }
  .hmf-text-transform-xl-lowercase {
    text-transform: lowercase;
  }
  .hmf-text-transform-xl-uppercase {
    text-transform: uppercase;
  }
  .hmf-text-transform-xl-none {
    text-transform: none;
  }
  .hmf-text-transform-xl-inherit {
    text-transform: inherit;
  }
  .hmf-text-transform-xl-initial {
    text-transform: initial;
  }
  .hmf-text-transform-xl-unset {
    text-transform: unset;
  }
  .hmf-text-align-xl-unset {
    text-align: unset;
  }
  .hmf-text-align-xl-revert {
    text-align: revert;
  }
  .hmf-text-align-xl-initial {
    text-align: initial;
  }
  .hmf-text-align-xl-start {
    text-align: start;
  }
  .hmf-text-align-xl-end {
    text-align: end;
  }
  .hmf-text-align-xl-left {
    text-align: left;
  }
  .hmf-text-align-xl-right {
    text-align: right;
  }
  .hmf-text-align-xl-center {
    text-align: center;
  }
  .hmf-text-align-xl-justify {
    text-align: justify;
  }
}
@media (min-width: 1440px) {
  .hmf-display-outline-xxlg-xxl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-xxlg-xl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-xxlg-l {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-xxlg-m {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-xxlg-s {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-xxlg-xs {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xxlg-xxl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xxlg-xl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xxlg-l {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xxlg-m {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xxlg-s {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xxlg-xs {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-header-xxlg-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-xxlg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-xxlg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-xxlg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-xxlg-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-xxlg-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-xxlg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-xxlg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-xxlg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-xxlg-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-subheader-xxlg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .hmf-subheader-xxlg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .hmf-subheader-xxlg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .hmf-subheader-bold-xxlg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .hmf-subheader-bold-xxlg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .hmf-subheader-bold-xxlg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .hmf-label-xxlg-l {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-l) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-xxlg-m {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-m) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-xxlg-s {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-s) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-xxlg-xs {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-xs) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-body-xxlg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
    text-transform: none !important;
  }
  .hmf-body-xxlg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
    text-transform: none !important;
  }
  .hmf-body-xxlg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
    text-transform: none !important;
  }
  .hmf-body-bold-xxlg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
  }
  .hmf-body-bold-xxlg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
  }
  .hmf-body-bold-xxlg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
  }
  .hmf-legal-xxlg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-s) !important;
  }
  .hmf-legal-xxlg-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-xs) !important;
  }
  .hmf-text-decoration-xxlg-dashed {
    text-decoration: dashed;
  }
  .hmf-text-decoration-xxlg-dotted {
    text-decoration: dotted;
  }
  .hmf-text-decoration-xxlg-double {
    text-decoration: double;
  }
  .hmf-text-decoration-xxlg-linethrough {
    text-decoration: line-through;
  }
  .hmf-text-decoration-xxlg-none {
    text-decoration: none;
  }
  .hmf-text-decoration-xxlg-overline {
    text-decoration: overline;
  }
  .hmf-text-decoration-xxlg-solid {
    text-decoration: solid;
  }
  .hmf-text-decoration-xxlg-underline {
    text-decoration: underline;
  }
  .hmf-text-decoration-xxlg-wavy {
    text-decoration: wavy;
  }
  .hmf-text-transform-xxlg-capitalize {
    text-transform: capitalize;
  }
  .hmf-text-transform-xxlg-lowercase {
    text-transform: lowercase;
  }
  .hmf-text-transform-xxlg-uppercase {
    text-transform: uppercase;
  }
  .hmf-text-transform-xxlg-none {
    text-transform: none;
  }
  .hmf-text-transform-xxlg-inherit {
    text-transform: inherit;
  }
  .hmf-text-transform-xxlg-initial {
    text-transform: initial;
  }
  .hmf-text-transform-xxlg-unset {
    text-transform: unset;
  }
  .hmf-text-align-xxlg-unset {
    text-align: unset;
  }
  .hmf-text-align-xxlg-revert {
    text-align: revert;
  }
  .hmf-text-align-xxlg-initial {
    text-align: initial;
  }
  .hmf-text-align-xxlg-start {
    text-align: start;
  }
  .hmf-text-align-xxlg-end {
    text-align: end;
  }
  .hmf-text-align-xxlg-left {
    text-align: left;
  }
  .hmf-text-align-xxlg-right {
    text-align: right;
  }
  .hmf-text-align-xxlg-center {
    text-align: center;
  }
  .hmf-text-align-xxlg-justify {
    text-align: justify;
  }
}
:root {
  font-size: 10px;
  font-style: normal;
}

:root {
  --hmf-fast: 0.2s;
  --hmf-medium: 0.4s;
  --hmf-slow: 0.6s;
  --hmf-linear-slow: var(--hmf-slow) linear;
  --hmf-linear-medium: var(--hmf-medium) linear;
  --hmf-linear-fast: var(--hmf-fast) linear;
  --hmf-ease-slow: var(--hmf-slow) ease;
  --hmf-ease-medium: var(--hmf-medium) ease;
  --hmf-ease-fast: var(--hmf-fast) ease;
  --hmf-ease-in-out-slow: var(--hmf-slow) ease-in-out;
  --hmf-ease-in-out-fast: var(--hmf-fast) ease-in-out;
  --hmf-ease-in-slow: var(--hmf-slow) ease-in;
  --hmf-ease-in-medium: var(--hmf-medium) ease-in;
  --hmf-ease-in-fast: var(--hmf-fast) ease-in;
  --hmf-ease-out-slow: var(--hmf-slow) ease-out;
  --hmf-ease-out-medium: var(--hmf-medium) ease-out;
  --hmf-ease-out-fast: var(--hmf-fast) ease-out;
}

/** @format */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/** @format */
/** @format */
.hmf-col {
  box-sizing: border-box;
  padding-left: 12px;
  padding-right: 12px;
  padding-left: 12px;
  padding-right: 12px;
}

@media (min-width: 375px) {
  .hmf-col {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 375px) {
  .hmf-col {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 480px) {
  .hmf-col {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 768px) {
  .hmf-col {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 768px) {
  .hmf-col {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 1024px) {
  .hmf-col {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 1280px) {
  .hmf-col {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 1280px) {
  .hmf-col {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 1440px) {
  .hmf-col {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 1440px) {
  .hmf-col {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.hmf-grid {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
}

.hmf-grid > hr {
  border: 0 !important;
  content: "" !important;
  font-size: 0 !important;
  height: 0 !important;
  width: 100% !important;
}

.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

.hmf-span-xs-0 {
  width: 0% !important;
}

.hmf-offset-xs-0 {
  margin-left: 0% !important;
  margin-right: 0% !important;
}

.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

.hmf-span-xs-1 {
  width: 8.3333333333% !important;
}

.hmf-offset-xs-1 {
  margin-left: 8.3333333333% !important;
  margin-right: 8.3333333333% !important;
}

.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

.hmf-span-xs-2 {
  width: 16.6666666667% !important;
}

.hmf-offset-xs-2 {
  margin-left: 16.6666666667% !important;
  margin-right: 16.6666666667% !important;
}

.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

.hmf-span-xs-3 {
  width: 25% !important;
}

.hmf-offset-xs-3 {
  margin-left: 25% !important;
  margin-right: 25% !important;
}

.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

.hmf-span-xs-4 {
  width: 33.3333333333% !important;
}

.hmf-offset-xs-4 {
  margin-left: 33.3333333333% !important;
  margin-right: 33.3333333333% !important;
}

.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

.hmf-span-xs-5 {
  width: 41.6666666667% !important;
}

.hmf-offset-xs-5 {
  margin-left: 41.6666666667% !important;
  margin-right: 41.6666666667% !important;
}

.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

.hmf-span-xs-6 {
  width: 50% !important;
}

.hmf-offset-xs-6 {
  margin-left: 50% !important;
  margin-right: 50% !important;
}

.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

.hmf-span-xs-7 {
  width: 58.3333333333% !important;
}

.hmf-offset-xs-7 {
  margin-left: 58.3333333333% !important;
  margin-right: 58.3333333333% !important;
}

.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

.hmf-span-xs-8 {
  width: 66.6666666667% !important;
}

.hmf-offset-xs-8 {
  margin-left: 66.6666666667% !important;
  margin-right: 66.6666666667% !important;
}

.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

.hmf-span-xs-9 {
  width: 75% !important;
}

.hmf-offset-xs-9 {
  margin-left: 75% !important;
  margin-right: 75% !important;
}

.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

.hmf-span-xs-10 {
  width: 83.3333333333% !important;
}

.hmf-offset-xs-10 {
  margin-left: 83.3333333333% !important;
  margin-right: 83.3333333333% !important;
}

.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

.hmf-span-xs-11 {
  width: 91.6666666667% !important;
}

.hmf-offset-xs-11 {
  margin-left: 91.6666666667% !important;
  margin-right: 91.6666666667% !important;
}

.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

.hmf-span-xs-12 {
  width: 100% !important;
}

.hmf-offset-xs-12 {
  margin-left: 100% !important;
  margin-right: 100% !important;
}

.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

.hmf-span-xxsm-0 {
  width: 0% !important;
}

.hmf-offset-xxsm-0 {
  margin-left: 0% !important;
  margin-right: 0% !important;
}

.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

.hmf-span-xxsm-1 {
  width: 8.3333333333% !important;
}

.hmf-offset-xxsm-1 {
  margin-left: 8.3333333333% !important;
  margin-right: 8.3333333333% !important;
}

.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

.hmf-span-xxsm-2 {
  width: 16.6666666667% !important;
}

.hmf-offset-xxsm-2 {
  margin-left: 16.6666666667% !important;
  margin-right: 16.6666666667% !important;
}

.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

.hmf-span-xxsm-3 {
  width: 25% !important;
}

.hmf-offset-xxsm-3 {
  margin-left: 25% !important;
  margin-right: 25% !important;
}

.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

.hmf-span-xxsm-4 {
  width: 33.3333333333% !important;
}

.hmf-offset-xxsm-4 {
  margin-left: 33.3333333333% !important;
  margin-right: 33.3333333333% !important;
}

.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

.hmf-span-xxsm-5 {
  width: 41.6666666667% !important;
}

.hmf-offset-xxsm-5 {
  margin-left: 41.6666666667% !important;
  margin-right: 41.6666666667% !important;
}

.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

.hmf-span-xxsm-6 {
  width: 50% !important;
}

.hmf-offset-xxsm-6 {
  margin-left: 50% !important;
  margin-right: 50% !important;
}

.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

.hmf-span-xxsm-7 {
  width: 58.3333333333% !important;
}

.hmf-offset-xxsm-7 {
  margin-left: 58.3333333333% !important;
  margin-right: 58.3333333333% !important;
}

.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

.hmf-span-xxsm-8 {
  width: 66.6666666667% !important;
}

.hmf-offset-xxsm-8 {
  margin-left: 66.6666666667% !important;
  margin-right: 66.6666666667% !important;
}

.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

.hmf-span-xxsm-9 {
  width: 75% !important;
}

.hmf-offset-xxsm-9 {
  margin-left: 75% !important;
  margin-right: 75% !important;
}

.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

.hmf-span-xxsm-10 {
  width: 83.3333333333% !important;
}

.hmf-offset-xxsm-10 {
  margin-left: 83.3333333333% !important;
  margin-right: 83.3333333333% !important;
}

.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

.hmf-span-xxsm-11 {
  width: 91.6666666667% !important;
}

.hmf-offset-xxsm-11 {
  margin-left: 91.6666666667% !important;
  margin-right: 91.6666666667% !important;
}

.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

.hmf-span-xxsm-12 {
  width: 100% !important;
}

.hmf-offset-xxsm-12 {
  margin-left: 100% !important;
  margin-right: 100% !important;
}

.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

@media (min-width: 375px) {
  .hmf-span-s-0 {
    width: 0% !important;
  }
  .hmf-offset-s-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

@media (min-width: 375px) {
  .hmf-span-s-1 {
    width: 8.3333333333% !important;
  }
  .hmf-offset-s-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

@media (min-width: 375px) {
  .hmf-span-s-2 {
    width: 16.6666666667% !important;
  }
  .hmf-offset-s-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

@media (min-width: 375px) {
  .hmf-span-s-3 {
    width: 25% !important;
  }
  .hmf-offset-s-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

@media (min-width: 375px) {
  .hmf-span-s-4 {
    width: 33.3333333333% !important;
  }
  .hmf-offset-s-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

@media (min-width: 375px) {
  .hmf-span-s-5 {
    width: 41.6666666667% !important;
  }
  .hmf-offset-s-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

@media (min-width: 375px) {
  .hmf-span-s-6 {
    width: 50% !important;
  }
  .hmf-offset-s-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

@media (min-width: 375px) {
  .hmf-span-s-7 {
    width: 58.3333333333% !important;
  }
  .hmf-offset-s-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

@media (min-width: 375px) {
  .hmf-span-s-8 {
    width: 66.6666666667% !important;
  }
  .hmf-offset-s-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

@media (min-width: 375px) {
  .hmf-span-s-9 {
    width: 75% !important;
  }
  .hmf-offset-s-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

@media (min-width: 375px) {
  .hmf-span-s-10 {
    width: 83.3333333333% !important;
  }
  .hmf-offset-s-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

@media (min-width: 375px) {
  .hmf-span-s-11 {
    width: 91.6666666667% !important;
  }
  .hmf-offset-s-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

@media (min-width: 375px) {
  .hmf-span-s-12 {
    width: 100% !important;
  }
  .hmf-offset-s-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-0 {
    width: 0% !important;
  }
  .hmf-offset-xsm-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-1 {
    width: 8.3333333333% !important;
  }
  .hmf-offset-xsm-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-2 {
    width: 16.6666666667% !important;
  }
  .hmf-offset-xsm-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-3 {
    width: 25% !important;
  }
  .hmf-offset-xsm-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-4 {
    width: 33.3333333333% !important;
  }
  .hmf-offset-xsm-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-5 {
    width: 41.6666666667% !important;
  }
  .hmf-offset-xsm-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-6 {
    width: 50% !important;
  }
  .hmf-offset-xsm-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-7 {
    width: 58.3333333333% !important;
  }
  .hmf-offset-xsm-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-8 {
    width: 66.6666666667% !important;
  }
  .hmf-offset-xsm-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-9 {
    width: 75% !important;
  }
  .hmf-offset-xsm-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-10 {
    width: 83.3333333333% !important;
  }
  .hmf-offset-xsm-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-11 {
    width: 91.6666666667% !important;
  }
  .hmf-offset-xsm-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-12 {
    width: 100% !important;
  }
  .hmf-offset-xsm-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

@media (min-width: 480px) {
  .hmf-span-sm-0 {
    width: 0% !important;
  }
  .hmf-offset-sm-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

@media (min-width: 480px) {
  .hmf-span-sm-1 {
    width: 8.3333333333% !important;
  }
  .hmf-offset-sm-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

@media (min-width: 480px) {
  .hmf-span-sm-2 {
    width: 16.6666666667% !important;
  }
  .hmf-offset-sm-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

@media (min-width: 480px) {
  .hmf-span-sm-3 {
    width: 25% !important;
  }
  .hmf-offset-sm-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

@media (min-width: 480px) {
  .hmf-span-sm-4 {
    width: 33.3333333333% !important;
  }
  .hmf-offset-sm-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

@media (min-width: 480px) {
  .hmf-span-sm-5 {
    width: 41.6666666667% !important;
  }
  .hmf-offset-sm-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

@media (min-width: 480px) {
  .hmf-span-sm-6 {
    width: 50% !important;
  }
  .hmf-offset-sm-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

@media (min-width: 480px) {
  .hmf-span-sm-7 {
    width: 58.3333333333% !important;
  }
  .hmf-offset-sm-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

@media (min-width: 480px) {
  .hmf-span-sm-8 {
    width: 66.6666666667% !important;
  }
  .hmf-offset-sm-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

@media (min-width: 480px) {
  .hmf-span-sm-9 {
    width: 75% !important;
  }
  .hmf-offset-sm-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

@media (min-width: 480px) {
  .hmf-span-sm-10 {
    width: 83.3333333333% !important;
  }
  .hmf-offset-sm-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

@media (min-width: 480px) {
  .hmf-span-sm-11 {
    width: 91.6666666667% !important;
  }
  .hmf-offset-sm-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

@media (min-width: 480px) {
  .hmf-span-sm-12 {
    width: 100% !important;
  }
  .hmf-offset-sm-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

@media (min-width: 768px) {
  .hmf-span-m-0 {
    width: 0% !important;
  }
  .hmf-offset-m-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

@media (min-width: 768px) {
  .hmf-span-m-1 {
    width: 8.3333333333% !important;
  }
  .hmf-offset-m-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

@media (min-width: 768px) {
  .hmf-span-m-2 {
    width: 16.6666666667% !important;
  }
  .hmf-offset-m-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

@media (min-width: 768px) {
  .hmf-span-m-3 {
    width: 25% !important;
  }
  .hmf-offset-m-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

@media (min-width: 768px) {
  .hmf-span-m-4 {
    width: 33.3333333333% !important;
  }
  .hmf-offset-m-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

@media (min-width: 768px) {
  .hmf-span-m-5 {
    width: 41.6666666667% !important;
  }
  .hmf-offset-m-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

@media (min-width: 768px) {
  .hmf-span-m-6 {
    width: 50% !important;
  }
  .hmf-offset-m-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

@media (min-width: 768px) {
  .hmf-span-m-7 {
    width: 58.3333333333% !important;
  }
  .hmf-offset-m-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

@media (min-width: 768px) {
  .hmf-span-m-8 {
    width: 66.6666666667% !important;
  }
  .hmf-offset-m-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

@media (min-width: 768px) {
  .hmf-span-m-9 {
    width: 75% !important;
  }
  .hmf-offset-m-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

@media (min-width: 768px) {
  .hmf-span-m-10 {
    width: 83.3333333333% !important;
  }
  .hmf-offset-m-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

@media (min-width: 768px) {
  .hmf-span-m-11 {
    width: 91.6666666667% !important;
  }
  .hmf-offset-m-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

@media (min-width: 768px) {
  .hmf-span-m-12 {
    width: 100% !important;
  }
  .hmf-offset-m-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

@media (min-width: 768px) {
  .hmf-span-md-0 {
    width: 0% !important;
  }
  .hmf-offset-md-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

@media (min-width: 768px) {
  .hmf-span-md-1 {
    width: 8.3333333333% !important;
  }
  .hmf-offset-md-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

@media (min-width: 768px) {
  .hmf-span-md-2 {
    width: 16.6666666667% !important;
  }
  .hmf-offset-md-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

@media (min-width: 768px) {
  .hmf-span-md-3 {
    width: 25% !important;
  }
  .hmf-offset-md-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

@media (min-width: 768px) {
  .hmf-span-md-4 {
    width: 33.3333333333% !important;
  }
  .hmf-offset-md-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

@media (min-width: 768px) {
  .hmf-span-md-5 {
    width: 41.6666666667% !important;
  }
  .hmf-offset-md-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

@media (min-width: 768px) {
  .hmf-span-md-6 {
    width: 50% !important;
  }
  .hmf-offset-md-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

@media (min-width: 768px) {
  .hmf-span-md-7 {
    width: 58.3333333333% !important;
  }
  .hmf-offset-md-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

@media (min-width: 768px) {
  .hmf-span-md-8 {
    width: 66.6666666667% !important;
  }
  .hmf-offset-md-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

@media (min-width: 768px) {
  .hmf-span-md-9 {
    width: 75% !important;
  }
  .hmf-offset-md-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

@media (min-width: 768px) {
  .hmf-span-md-10 {
    width: 83.3333333333% !important;
  }
  .hmf-offset-md-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

@media (min-width: 768px) {
  .hmf-span-md-11 {
    width: 91.6666666667% !important;
  }
  .hmf-offset-md-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

@media (min-width: 768px) {
  .hmf-span-md-12 {
    width: 100% !important;
  }
  .hmf-offset-md-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-0 {
    width: 0% !important;
  }
  .hmf-offset-lg-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-1 {
    width: 8.3333333333% !important;
  }
  .hmf-offset-lg-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-2 {
    width: 16.6666666667% !important;
  }
  .hmf-offset-lg-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-3 {
    width: 25% !important;
  }
  .hmf-offset-lg-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-4 {
    width: 33.3333333333% !important;
  }
  .hmf-offset-lg-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-5 {
    width: 41.6666666667% !important;
  }
  .hmf-offset-lg-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-6 {
    width: 50% !important;
  }
  .hmf-offset-lg-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-7 {
    width: 58.3333333333% !important;
  }
  .hmf-offset-lg-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-8 {
    width: 66.6666666667% !important;
  }
  .hmf-offset-lg-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-9 {
    width: 75% !important;
  }
  .hmf-offset-lg-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-10 {
    width: 83.3333333333% !important;
  }
  .hmf-offset-lg-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-11 {
    width: 91.6666666667% !important;
  }
  .hmf-offset-lg-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-12 {
    width: 100% !important;
  }
  .hmf-offset-lg-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

@media (min-width: 1280px) {
  .hmf-span-l-0 {
    width: 0% !important;
  }
  .hmf-offset-l-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

@media (min-width: 1280px) {
  .hmf-span-l-1 {
    width: 8.3333333333% !important;
  }
  .hmf-offset-l-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

@media (min-width: 1280px) {
  .hmf-span-l-2 {
    width: 16.6666666667% !important;
  }
  .hmf-offset-l-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

@media (min-width: 1280px) {
  .hmf-span-l-3 {
    width: 25% !important;
  }
  .hmf-offset-l-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

@media (min-width: 1280px) {
  .hmf-span-l-4 {
    width: 33.3333333333% !important;
  }
  .hmf-offset-l-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

@media (min-width: 1280px) {
  .hmf-span-l-5 {
    width: 41.6666666667% !important;
  }
  .hmf-offset-l-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

@media (min-width: 1280px) {
  .hmf-span-l-6 {
    width: 50% !important;
  }
  .hmf-offset-l-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

@media (min-width: 1280px) {
  .hmf-span-l-7 {
    width: 58.3333333333% !important;
  }
  .hmf-offset-l-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

@media (min-width: 1280px) {
  .hmf-span-l-8 {
    width: 66.6666666667% !important;
  }
  .hmf-offset-l-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

@media (min-width: 1280px) {
  .hmf-span-l-9 {
    width: 75% !important;
  }
  .hmf-offset-l-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

@media (min-width: 1280px) {
  .hmf-span-l-10 {
    width: 83.3333333333% !important;
  }
  .hmf-offset-l-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

@media (min-width: 1280px) {
  .hmf-span-l-11 {
    width: 91.6666666667% !important;
  }
  .hmf-offset-l-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

@media (min-width: 1280px) {
  .hmf-span-l-12 {
    width: 100% !important;
  }
  .hmf-offset-l-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-0 {
    width: 0% !important;
  }
  .hmf-offset-xlg-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-1 {
    width: 8.3333333333% !important;
  }
  .hmf-offset-xlg-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-2 {
    width: 16.6666666667% !important;
  }
  .hmf-offset-xlg-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-3 {
    width: 25% !important;
  }
  .hmf-offset-xlg-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-4 {
    width: 33.3333333333% !important;
  }
  .hmf-offset-xlg-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-5 {
    width: 41.6666666667% !important;
  }
  .hmf-offset-xlg-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-6 {
    width: 50% !important;
  }
  .hmf-offset-xlg-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-7 {
    width: 58.3333333333% !important;
  }
  .hmf-offset-xlg-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-8 {
    width: 66.6666666667% !important;
  }
  .hmf-offset-xlg-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-9 {
    width: 75% !important;
  }
  .hmf-offset-xlg-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-10 {
    width: 83.3333333333% !important;
  }
  .hmf-offset-xlg-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-11 {
    width: 91.6666666667% !important;
  }
  .hmf-offset-xlg-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-12 {
    width: 100% !important;
  }
  .hmf-offset-xlg-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-0 {
    width: 0% !important;
  }
  .hmf-offset-xl-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-1 {
    width: 8.3333333333% !important;
  }
  .hmf-offset-xl-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-2 {
    width: 16.6666666667% !important;
  }
  .hmf-offset-xl-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-3 {
    width: 25% !important;
  }
  .hmf-offset-xl-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-4 {
    width: 33.3333333333% !important;
  }
  .hmf-offset-xl-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-5 {
    width: 41.6666666667% !important;
  }
  .hmf-offset-xl-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-6 {
    width: 50% !important;
  }
  .hmf-offset-xl-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-7 {
    width: 58.3333333333% !important;
  }
  .hmf-offset-xl-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-8 {
    width: 66.6666666667% !important;
  }
  .hmf-offset-xl-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-9 {
    width: 75% !important;
  }
  .hmf-offset-xl-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-10 {
    width: 83.3333333333% !important;
  }
  .hmf-offset-xl-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-11 {
    width: 91.6666666667% !important;
  }
  .hmf-offset-xl-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-12 {
    width: 100% !important;
  }
  .hmf-offset-xl-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-0 {
    width: 0% !important;
  }
  .hmf-offset-xxlg-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-1 {
    width: 8.3333333333% !important;
  }
  .hmf-offset-xxlg-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-2 {
    width: 16.6666666667% !important;
  }
  .hmf-offset-xxlg-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-3 {
    width: 25% !important;
  }
  .hmf-offset-xxlg-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-4 {
    width: 33.3333333333% !important;
  }
  .hmf-offset-xxlg-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-5 {
    width: 41.6666666667% !important;
  }
  .hmf-offset-xxlg-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-6 {
    width: 50% !important;
  }
  .hmf-offset-xxlg-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-7 {
    width: 58.3333333333% !important;
  }
  .hmf-offset-xxlg-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-8 {
    width: 66.6666666667% !important;
  }
  .hmf-offset-xxlg-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-9 {
    width: 75% !important;
  }
  .hmf-offset-xxlg-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-10 {
    width: 83.3333333333% !important;
  }
  .hmf-offset-xxlg-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-11 {
    width: 91.6666666667% !important;
  }
  .hmf-offset-xxlg-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-12 {
    width: 100% !important;
  }
  .hmf-offset-xxlg-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.page {
  padding-left: 16px;
  padding-right: 16px;
}

@media (min-width: 375px) {
  .page {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (min-width: 768px) {
  .page {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (min-width: 1280px) {
  .page {
    padding-left: 28px;
    padding-right: 28px;
  }
}
@media (min-width: 1440px) {
  .page {
    padding-left: 40px;
    padding-right: 40px;
  }
}
/** @format */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/** @format */
/** @format */
.hmf-m-auto {
  margin: auto !important;
}

.hmf-mt-auto,
.hmf-my-auto {
  margin-top: auto !important;
}

.hmf-mr-auto,
.hmf-mx-auto {
  margin-right: auto !important;
}

.hmf-mb-auto,
.hmf-my-auto {
  margin-bottom: auto !important;
}

.hmf-ml-auto,
.hmf-mx-auto {
  margin-left: auto !important;
}

.hmf-m-0 {
  margin: 0px !important;
}

.hmf-mt-0,
.hmf-my-0 {
  margin-top: 0px !important;
}

.hmf-mr-0,
.hmf-mx-0 {
  margin-right: 0px !important;
}

.hmf-mb-0,
.hmf-my-0 {
  margin-bottom: 0px !important;
}

.hmf-ml-0,
.hmf-mx-0 {
  margin-left: 0px !important;
}

.hmf-m-xxxs {
  margin: 4px !important;
}

.hmf-mt-xxxs,
.hmf-my-xxxs {
  margin-top: 4px !important;
}

.hmf-mr-xxxs,
.hmf-mx-xxxs {
  margin-right: 4px !important;
}

.hmf-mb-xxxs,
.hmf-my-xxxs {
  margin-bottom: 4px !important;
}

.hmf-ml-xxxs,
.hmf-mx-xxxs {
  margin-left: 4px !important;
}

.hmf-m-xxs {
  margin: 8px !important;
}

.hmf-mt-xxs,
.hmf-my-xxs {
  margin-top: 8px !important;
}

.hmf-mr-xxs,
.hmf-mx-xxs {
  margin-right: 8px !important;
}

.hmf-mb-xxs,
.hmf-my-xxs {
  margin-bottom: 8px !important;
}

.hmf-ml-xxs,
.hmf-mx-xxs {
  margin-left: 8px !important;
}

.hmf-m-xs {
  margin: 12px !important;
}

.hmf-mt-xs,
.hmf-my-xs {
  margin-top: 12px !important;
}

.hmf-mr-xs,
.hmf-mx-xs {
  margin-right: 12px !important;
}

.hmf-mb-xs,
.hmf-my-xs {
  margin-bottom: 12px !important;
}

.hmf-ml-xs,
.hmf-mx-xs {
  margin-left: 12px !important;
}

.hmf-m-s {
  margin: 16px !important;
}

.hmf-mt-s,
.hmf-my-s {
  margin-top: 16px !important;
}

.hmf-mr-s,
.hmf-mx-s {
  margin-right: 16px !important;
}

.hmf-mb-s,
.hmf-my-s {
  margin-bottom: 16px !important;
}

.hmf-ml-s,
.hmf-mx-s {
  margin-left: 16px !important;
}

.hmf-m-m {
  margin: 24px !important;
}

.hmf-mt-m,
.hmf-my-m {
  margin-top: 24px !important;
}

.hmf-mr-m,
.hmf-mx-m {
  margin-right: 24px !important;
}

.hmf-mb-m,
.hmf-my-m {
  margin-bottom: 24px !important;
}

.hmf-ml-m,
.hmf-mx-m {
  margin-left: 24px !important;
}

.hmf-m-l {
  margin: 32px !important;
}

.hmf-mt-l,
.hmf-my-l {
  margin-top: 32px !important;
}

.hmf-mr-l,
.hmf-mx-l {
  margin-right: 32px !important;
}

.hmf-mb-l,
.hmf-my-l {
  margin-bottom: 32px !important;
}

.hmf-ml-l,
.hmf-mx-l {
  margin-left: 32px !important;
}

.hmf-m-xl {
  margin: 48px !important;
}

.hmf-mt-xl,
.hmf-my-xl {
  margin-top: 48px !important;
}

.hmf-mr-xl,
.hmf-mx-xl {
  margin-right: 48px !important;
}

.hmf-mb-xl,
.hmf-my-xl {
  margin-bottom: 48px !important;
}

.hmf-ml-xl,
.hmf-mx-xl {
  margin-left: 48px !important;
}

.hmf-m-xxl {
  margin: 72px !important;
}

.hmf-mt-xxl,
.hmf-my-xxl {
  margin-top: 72px !important;
}

.hmf-mr-xxl,
.hmf-mx-xxl {
  margin-right: 72px !important;
}

.hmf-mb-xxl,
.hmf-my-xxl {
  margin-bottom: 72px !important;
}

.hmf-ml-xxl,
.hmf-mx-xxl {
  margin-left: 72px !important;
}

.hmf-m-xxxl {
  margin: 96px !important;
}

.hmf-mt-xxxl,
.hmf-my-xxxl {
  margin-top: 96px !important;
}

.hmf-mr-xxxl,
.hmf-mx-xxxl {
  margin-right: 96px !important;
}

.hmf-mb-xxxl,
.hmf-my-xxxl {
  margin-bottom: 96px !important;
}

.hmf-ml-xxxl,
.hmf-mx-xxxl {
  margin-left: 96px !important;
}

.hmf-m-xxxxl {
  margin: 120px !important;
}

.hmf-mt-xxxxl,
.hmf-my-xxxxl {
  margin-top: 120px !important;
}

.hmf-mr-xxxxl,
.hmf-mx-xxxxl {
  margin-right: 120px !important;
}

.hmf-mb-xxxxl,
.hmf-my-xxxxl {
  margin-bottom: 120px !important;
}

.hmf-ml-xxxxl,
.hmf-mx-xxxxl {
  margin-left: 120px !important;
}

.hmf-p-auto {
  padding: auto !important;
}

.hmf-pt-auto,
.hmf-py-auto {
  padding-top: auto !important;
}

.hmf-pr-auto,
.hmf-px-auto {
  padding-right: auto !important;
}

.hmf-pb-auto,
.hmf-py-auto {
  padding-bottom: auto !important;
}

.hmf-pl-auto,
.hmf-px-auto {
  padding-left: auto !important;
}

.hmf-p-0 {
  padding: 0px !important;
}

.hmf-pt-0,
.hmf-py-0 {
  padding-top: 0px !important;
}

.hmf-pr-0,
.hmf-px-0 {
  padding-right: 0px !important;
}

.hmf-pb-0,
.hmf-py-0 {
  padding-bottom: 0px !important;
}

.hmf-pl-0,
.hmf-px-0 {
  padding-left: 0px !important;
}

.hmf-p-xxxs {
  padding: 4px !important;
}

.hmf-pt-xxxs,
.hmf-py-xxxs {
  padding-top: 4px !important;
}

.hmf-pr-xxxs,
.hmf-px-xxxs {
  padding-right: 4px !important;
}

.hmf-pb-xxxs,
.hmf-py-xxxs {
  padding-bottom: 4px !important;
}

.hmf-pl-xxxs,
.hmf-px-xxxs {
  padding-left: 4px !important;
}

.hmf-p-xxs {
  padding: 8px !important;
}

.hmf-pt-xxs,
.hmf-py-xxs {
  padding-top: 8px !important;
}

.hmf-pr-xxs,
.hmf-px-xxs {
  padding-right: 8px !important;
}

.hmf-pb-xxs,
.hmf-py-xxs {
  padding-bottom: 8px !important;
}

.hmf-pl-xxs,
.hmf-px-xxs {
  padding-left: 8px !important;
}

.hmf-p-xs {
  padding: 12px !important;
}

.hmf-pt-xs,
.hmf-py-xs {
  padding-top: 12px !important;
}

.hmf-pr-xs,
.hmf-px-xs {
  padding-right: 12px !important;
}

.hmf-pb-xs,
.hmf-py-xs {
  padding-bottom: 12px !important;
}

.hmf-pl-xs,
.hmf-px-xs {
  padding-left: 12px !important;
}

.hmf-p-s {
  padding: 16px !important;
}

.hmf-pt-s,
.hmf-py-s {
  padding-top: 16px !important;
}

.hmf-pr-s,
.hmf-px-s {
  padding-right: 16px !important;
}

.hmf-pb-s,
.hmf-py-s {
  padding-bottom: 16px !important;
}

.hmf-pl-s,
.hmf-px-s {
  padding-left: 16px !important;
}

.hmf-p-m {
  padding: 24px !important;
}

.hmf-pt-m,
.hmf-py-m {
  padding-top: 24px !important;
}

.hmf-pr-m,
.hmf-px-m {
  padding-right: 24px !important;
}

.hmf-pb-m,
.hmf-py-m {
  padding-bottom: 24px !important;
}

.hmf-pl-m,
.hmf-px-m {
  padding-left: 24px !important;
}

.hmf-p-l {
  padding: 32px !important;
}

.hmf-pt-l,
.hmf-py-l {
  padding-top: 32px !important;
}

.hmf-pr-l,
.hmf-px-l {
  padding-right: 32px !important;
}

.hmf-pb-l,
.hmf-py-l {
  padding-bottom: 32px !important;
}

.hmf-pl-l,
.hmf-px-l {
  padding-left: 32px !important;
}

.hmf-p-xl {
  padding: 48px !important;
}

.hmf-pt-xl,
.hmf-py-xl {
  padding-top: 48px !important;
}

.hmf-pr-xl,
.hmf-px-xl {
  padding-right: 48px !important;
}

.hmf-pb-xl,
.hmf-py-xl {
  padding-bottom: 48px !important;
}

.hmf-pl-xl,
.hmf-px-xl {
  padding-left: 48px !important;
}

.hmf-p-xxl {
  padding: 72px !important;
}

.hmf-pt-xxl,
.hmf-py-xxl {
  padding-top: 72px !important;
}

.hmf-pr-xxl,
.hmf-px-xxl {
  padding-right: 72px !important;
}

.hmf-pb-xxl,
.hmf-py-xxl {
  padding-bottom: 72px !important;
}

.hmf-pl-xxl,
.hmf-px-xxl {
  padding-left: 72px !important;
}

.hmf-p-xxxl {
  padding: 96px !important;
}

.hmf-pt-xxxl,
.hmf-py-xxxl {
  padding-top: 96px !important;
}

.hmf-pr-xxxl,
.hmf-px-xxxl {
  padding-right: 96px !important;
}

.hmf-pb-xxxl,
.hmf-py-xxxl {
  padding-bottom: 96px !important;
}

.hmf-pl-xxxl,
.hmf-px-xxxl {
  padding-left: 96px !important;
}

.hmf-p-xxxxl {
  padding: 120px !important;
}

.hmf-pt-xxxxl,
.hmf-py-xxxxl {
  padding-top: 120px !important;
}

.hmf-pr-xxxxl,
.hmf-px-xxxxl {
  padding-right: 120px !important;
}

.hmf-pb-xxxxl,
.hmf-py-xxxxl {
  padding-bottom: 120px !important;
}

.hmf-pl-xxxxl,
.hmf-px-xxxxl {
  padding-left: 120px !important;
}

.hmf-m-auto {
  margin: auto !important;
}

.hmf-mt-auto,
.hmf-my-auto {
  margin-top: auto !important;
}

.hmf-mr-auto,
.hmf-mx-auto {
  margin-right: auto !important;
}

.hmf-mb-auto,
.hmf-my-auto {
  margin-bottom: auto !important;
}

.hmf-ml-auto,
.hmf-mx-auto {
  margin-left: auto !important;
}

.hmf-m-auto {
  margin: auto !important;
}

.hmf-mt-auto,
.hmf-my-auto {
  margin-top: auto !important;
}

.hmf-mr-auto,
.hmf-mx-auto {
  margin-right: auto !important;
}

.hmf-mb-auto,
.hmf-my-auto {
  margin-bottom: auto !important;
}

.hmf-ml-auto,
.hmf-mx-auto {
  margin-left: auto !important;
}

.hmf-m-0 {
  margin: 0px !important;
}

.hmf-mt-0,
.hmf-my-0 {
  margin-top: 0px !important;
}

.hmf-mr-0,
.hmf-mx-0 {
  margin-right: 0px !important;
}

.hmf-mb-0,
.hmf-my-0 {
  margin-bottom: 0px !important;
}

.hmf-ml-0,
.hmf-mx-0 {
  margin-left: 0px !important;
}

.hmf-m-xxxs {
  margin: 4px !important;
}

.hmf-mt-xxxs,
.hmf-my-xxxs {
  margin-top: 4px !important;
}

.hmf-mr-xxxs,
.hmf-mx-xxxs {
  margin-right: 4px !important;
}

.hmf-mb-xxxs,
.hmf-my-xxxs {
  margin-bottom: 4px !important;
}

.hmf-ml-xxxs,
.hmf-mx-xxxs {
  margin-left: 4px !important;
}

.hmf-m-xxs {
  margin: 8px !important;
}

.hmf-mt-xxs,
.hmf-my-xxs {
  margin-top: 8px !important;
}

.hmf-mr-xxs,
.hmf-mx-xxs {
  margin-right: 8px !important;
}

.hmf-mb-xxs,
.hmf-my-xxs {
  margin-bottom: 8px !important;
}

.hmf-ml-xxs,
.hmf-mx-xxs {
  margin-left: 8px !important;
}

.hmf-m-xs {
  margin: 12px !important;
}

.hmf-mt-xs,
.hmf-my-xs {
  margin-top: 12px !important;
}

.hmf-mr-xs,
.hmf-mx-xs {
  margin-right: 12px !important;
}

.hmf-mb-xs,
.hmf-my-xs {
  margin-bottom: 12px !important;
}

.hmf-ml-xs,
.hmf-mx-xs {
  margin-left: 12px !important;
}

.hmf-m-s {
  margin: 16px !important;
}

.hmf-mt-s,
.hmf-my-s {
  margin-top: 16px !important;
}

.hmf-mr-s,
.hmf-mx-s {
  margin-right: 16px !important;
}

.hmf-mb-s,
.hmf-my-s {
  margin-bottom: 16px !important;
}

.hmf-ml-s,
.hmf-mx-s {
  margin-left: 16px !important;
}

.hmf-m-m {
  margin: 24px !important;
}

.hmf-mt-m,
.hmf-my-m {
  margin-top: 24px !important;
}

.hmf-mr-m,
.hmf-mx-m {
  margin-right: 24px !important;
}

.hmf-mb-m,
.hmf-my-m {
  margin-bottom: 24px !important;
}

.hmf-ml-m,
.hmf-mx-m {
  margin-left: 24px !important;
}

.hmf-m-l {
  margin: 32px !important;
}

.hmf-mt-l,
.hmf-my-l {
  margin-top: 32px !important;
}

.hmf-mr-l,
.hmf-mx-l {
  margin-right: 32px !important;
}

.hmf-mb-l,
.hmf-my-l {
  margin-bottom: 32px !important;
}

.hmf-ml-l,
.hmf-mx-l {
  margin-left: 32px !important;
}

.hmf-m-xl {
  margin: 48px !important;
}

.hmf-mt-xl,
.hmf-my-xl {
  margin-top: 48px !important;
}

.hmf-mr-xl,
.hmf-mx-xl {
  margin-right: 48px !important;
}

.hmf-mb-xl,
.hmf-my-xl {
  margin-bottom: 48px !important;
}

.hmf-ml-xl,
.hmf-mx-xl {
  margin-left: 48px !important;
}

.hmf-m-xxl {
  margin: 72px !important;
}

.hmf-mt-xxl,
.hmf-my-xxl {
  margin-top: 72px !important;
}

.hmf-mr-xxl,
.hmf-mx-xxl {
  margin-right: 72px !important;
}

.hmf-mb-xxl,
.hmf-my-xxl {
  margin-bottom: 72px !important;
}

.hmf-ml-xxl,
.hmf-mx-xxl {
  margin-left: 72px !important;
}

.hmf-m-xxxl {
  margin: 96px !important;
}

.hmf-mt-xxxl,
.hmf-my-xxxl {
  margin-top: 96px !important;
}

.hmf-mr-xxxl,
.hmf-mx-xxxl {
  margin-right: 96px !important;
}

.hmf-mb-xxxl,
.hmf-my-xxxl {
  margin-bottom: 96px !important;
}

.hmf-ml-xxxl,
.hmf-mx-xxxl {
  margin-left: 96px !important;
}

.hmf-m-xxxxl {
  margin: 120px !important;
}

.hmf-mt-xxxxl,
.hmf-my-xxxxl {
  margin-top: 120px !important;
}

.hmf-mr-xxxxl,
.hmf-mx-xxxxl {
  margin-right: 120px !important;
}

.hmf-mb-xxxxl,
.hmf-my-xxxxl {
  margin-bottom: 120px !important;
}

.hmf-ml-xxxxl,
.hmf-mx-xxxxl {
  margin-left: 120px !important;
}

.hmf-p-auto {
  padding: auto !important;
}

.hmf-pt-auto,
.hmf-py-auto {
  padding-top: auto !important;
}

.hmf-pr-auto,
.hmf-px-auto {
  padding-right: auto !important;
}

.hmf-pb-auto,
.hmf-py-auto {
  padding-bottom: auto !important;
}

.hmf-pl-auto,
.hmf-px-auto {
  padding-left: auto !important;
}

.hmf-p-0 {
  padding: 0px !important;
}

.hmf-pt-0,
.hmf-py-0 {
  padding-top: 0px !important;
}

.hmf-pr-0,
.hmf-px-0 {
  padding-right: 0px !important;
}

.hmf-pb-0,
.hmf-py-0 {
  padding-bottom: 0px !important;
}

.hmf-pl-0,
.hmf-px-0 {
  padding-left: 0px !important;
}

.hmf-p-xxxs {
  padding: 4px !important;
}

.hmf-pt-xxxs,
.hmf-py-xxxs {
  padding-top: 4px !important;
}

.hmf-pr-xxxs,
.hmf-px-xxxs {
  padding-right: 4px !important;
}

.hmf-pb-xxxs,
.hmf-py-xxxs {
  padding-bottom: 4px !important;
}

.hmf-pl-xxxs,
.hmf-px-xxxs {
  padding-left: 4px !important;
}

.hmf-p-xxs {
  padding: 8px !important;
}

.hmf-pt-xxs,
.hmf-py-xxs {
  padding-top: 8px !important;
}

.hmf-pr-xxs,
.hmf-px-xxs {
  padding-right: 8px !important;
}

.hmf-pb-xxs,
.hmf-py-xxs {
  padding-bottom: 8px !important;
}

.hmf-pl-xxs,
.hmf-px-xxs {
  padding-left: 8px !important;
}

.hmf-p-xs {
  padding: 12px !important;
}

.hmf-pt-xs,
.hmf-py-xs {
  padding-top: 12px !important;
}

.hmf-pr-xs,
.hmf-px-xs {
  padding-right: 12px !important;
}

.hmf-pb-xs,
.hmf-py-xs {
  padding-bottom: 12px !important;
}

.hmf-pl-xs,
.hmf-px-xs {
  padding-left: 12px !important;
}

.hmf-p-s {
  padding: 16px !important;
}

.hmf-pt-s,
.hmf-py-s {
  padding-top: 16px !important;
}

.hmf-pr-s,
.hmf-px-s {
  padding-right: 16px !important;
}

.hmf-pb-s,
.hmf-py-s {
  padding-bottom: 16px !important;
}

.hmf-pl-s,
.hmf-px-s {
  padding-left: 16px !important;
}

.hmf-p-m {
  padding: 24px !important;
}

.hmf-pt-m,
.hmf-py-m {
  padding-top: 24px !important;
}

.hmf-pr-m,
.hmf-px-m {
  padding-right: 24px !important;
}

.hmf-pb-m,
.hmf-py-m {
  padding-bottom: 24px !important;
}

.hmf-pl-m,
.hmf-px-m {
  padding-left: 24px !important;
}

.hmf-p-l {
  padding: 32px !important;
}

.hmf-pt-l,
.hmf-py-l {
  padding-top: 32px !important;
}

.hmf-pr-l,
.hmf-px-l {
  padding-right: 32px !important;
}

.hmf-pb-l,
.hmf-py-l {
  padding-bottom: 32px !important;
}

.hmf-pl-l,
.hmf-px-l {
  padding-left: 32px !important;
}

.hmf-p-xl {
  padding: 48px !important;
}

.hmf-pt-xl,
.hmf-py-xl {
  padding-top: 48px !important;
}

.hmf-pr-xl,
.hmf-px-xl {
  padding-right: 48px !important;
}

.hmf-pb-xl,
.hmf-py-xl {
  padding-bottom: 48px !important;
}

.hmf-pl-xl,
.hmf-px-xl {
  padding-left: 48px !important;
}

.hmf-p-xxl {
  padding: 72px !important;
}

.hmf-pt-xxl,
.hmf-py-xxl {
  padding-top: 72px !important;
}

.hmf-pr-xxl,
.hmf-px-xxl {
  padding-right: 72px !important;
}

.hmf-pb-xxl,
.hmf-py-xxl {
  padding-bottom: 72px !important;
}

.hmf-pl-xxl,
.hmf-px-xxl {
  padding-left: 72px !important;
}

.hmf-p-xxxl {
  padding: 96px !important;
}

.hmf-pt-xxxl,
.hmf-py-xxxl {
  padding-top: 96px !important;
}

.hmf-pr-xxxl,
.hmf-px-xxxl {
  padding-right: 96px !important;
}

.hmf-pb-xxxl,
.hmf-py-xxxl {
  padding-bottom: 96px !important;
}

.hmf-pl-xxxl,
.hmf-px-xxxl {
  padding-left: 96px !important;
}

.hmf-p-xxxxl {
  padding: 120px !important;
}

.hmf-pt-xxxxl,
.hmf-py-xxxxl {
  padding-top: 120px !important;
}

.hmf-pr-xxxxl,
.hmf-px-xxxxl {
  padding-right: 120px !important;
}

.hmf-pb-xxxxl,
.hmf-py-xxxxl {
  padding-bottom: 120px !important;
}

.hmf-pl-xxxxl,
.hmf-px-xxxxl {
  padding-left: 120px !important;
}

.hmf-m-auto {
  margin: auto !important;
}

.hmf-mt-auto,
.hmf-my-auto {
  margin-top: auto !important;
}

.hmf-mr-auto,
.hmf-mx-auto {
  margin-right: auto !important;
}

.hmf-mb-auto,
.hmf-my-auto {
  margin-bottom: auto !important;
}

.hmf-ml-auto,
.hmf-mx-auto {
  margin-left: auto !important;
}

@media (min-width: 375px) {
  .hmf-m-s-auto {
    margin: auto !important;
  }
  .hmf-mt-s-auto,
  .hmf-my-s-auto {
    margin-top: auto !important;
  }
  .hmf-mr-s-auto,
  .hmf-mx-s-auto {
    margin-right: auto !important;
  }
  .hmf-mb-s-auto,
  .hmf-my-s-auto {
    margin-bottom: auto !important;
  }
  .hmf-ml-s-auto,
  .hmf-mx-s-auto {
    margin-left: auto !important;
  }
  .hmf-m-s-0 {
    margin: 0px !important;
  }
  .hmf-mt-s-0,
  .hmf-my-s-0 {
    margin-top: 0px !important;
  }
  .hmf-mr-s-0,
  .hmf-mx-s-0 {
    margin-right: 0px !important;
  }
  .hmf-mb-s-0,
  .hmf-my-s-0 {
    margin-bottom: 0px !important;
  }
  .hmf-ml-s-0,
  .hmf-mx-s-0 {
    margin-left: 0px !important;
  }
  .hmf-m-s-xxxs {
    margin: 4px !important;
  }
  .hmf-mt-s-xxxs,
  .hmf-my-s-xxxs {
    margin-top: 4px !important;
  }
  .hmf-mr-s-xxxs,
  .hmf-mx-s-xxxs {
    margin-right: 4px !important;
  }
  .hmf-mb-s-xxxs,
  .hmf-my-s-xxxs {
    margin-bottom: 4px !important;
  }
  .hmf-ml-s-xxxs,
  .hmf-mx-s-xxxs {
    margin-left: 4px !important;
  }
  .hmf-m-s-xxs {
    margin: 8px !important;
  }
  .hmf-mt-s-xxs,
  .hmf-my-s-xxs {
    margin-top: 8px !important;
  }
  .hmf-mr-s-xxs,
  .hmf-mx-s-xxs {
    margin-right: 8px !important;
  }
  .hmf-mb-s-xxs,
  .hmf-my-s-xxs {
    margin-bottom: 8px !important;
  }
  .hmf-ml-s-xxs,
  .hmf-mx-s-xxs {
    margin-left: 8px !important;
  }
  .hmf-m-s-xs {
    margin: 12px !important;
  }
  .hmf-mt-s-xs,
  .hmf-my-s-xs {
    margin-top: 12px !important;
  }
  .hmf-mr-s-xs,
  .hmf-mx-s-xs {
    margin-right: 12px !important;
  }
  .hmf-mb-s-xs,
  .hmf-my-s-xs {
    margin-bottom: 12px !important;
  }
  .hmf-ml-s-xs,
  .hmf-mx-s-xs {
    margin-left: 12px !important;
  }
  .hmf-m-s-s {
    margin: 16px !important;
  }
  .hmf-mt-s-s,
  .hmf-my-s-s {
    margin-top: 16px !important;
  }
  .hmf-mr-s-s,
  .hmf-mx-s-s {
    margin-right: 16px !important;
  }
  .hmf-mb-s-s,
  .hmf-my-s-s {
    margin-bottom: 16px !important;
  }
  .hmf-ml-s-s,
  .hmf-mx-s-s {
    margin-left: 16px !important;
  }
  .hmf-m-s-m {
    margin: 24px !important;
  }
  .hmf-mt-s-m,
  .hmf-my-s-m {
    margin-top: 24px !important;
  }
  .hmf-mr-s-m,
  .hmf-mx-s-m {
    margin-right: 24px !important;
  }
  .hmf-mb-s-m,
  .hmf-my-s-m {
    margin-bottom: 24px !important;
  }
  .hmf-ml-s-m,
  .hmf-mx-s-m {
    margin-left: 24px !important;
  }
  .hmf-m-s-l {
    margin: 32px !important;
  }
  .hmf-mt-s-l,
  .hmf-my-s-l {
    margin-top: 32px !important;
  }
  .hmf-mr-s-l,
  .hmf-mx-s-l {
    margin-right: 32px !important;
  }
  .hmf-mb-s-l,
  .hmf-my-s-l {
    margin-bottom: 32px !important;
  }
  .hmf-ml-s-l,
  .hmf-mx-s-l {
    margin-left: 32px !important;
  }
  .hmf-m-s-xl {
    margin: 48px !important;
  }
  .hmf-mt-s-xl,
  .hmf-my-s-xl {
    margin-top: 48px !important;
  }
  .hmf-mr-s-xl,
  .hmf-mx-s-xl {
    margin-right: 48px !important;
  }
  .hmf-mb-s-xl,
  .hmf-my-s-xl {
    margin-bottom: 48px !important;
  }
  .hmf-ml-s-xl,
  .hmf-mx-s-xl {
    margin-left: 48px !important;
  }
  .hmf-m-s-xxl {
    margin: 72px !important;
  }
  .hmf-mt-s-xxl,
  .hmf-my-s-xxl {
    margin-top: 72px !important;
  }
  .hmf-mr-s-xxl,
  .hmf-mx-s-xxl {
    margin-right: 72px !important;
  }
  .hmf-mb-s-xxl,
  .hmf-my-s-xxl {
    margin-bottom: 72px !important;
  }
  .hmf-ml-s-xxl,
  .hmf-mx-s-xxl {
    margin-left: 72px !important;
  }
  .hmf-m-s-xxxl {
    margin: 96px !important;
  }
  .hmf-mt-s-xxxl,
  .hmf-my-s-xxxl {
    margin-top: 96px !important;
  }
  .hmf-mr-s-xxxl,
  .hmf-mx-s-xxxl {
    margin-right: 96px !important;
  }
  .hmf-mb-s-xxxl,
  .hmf-my-s-xxxl {
    margin-bottom: 96px !important;
  }
  .hmf-ml-s-xxxl,
  .hmf-mx-s-xxxl {
    margin-left: 96px !important;
  }
  .hmf-m-s-xxxxl {
    margin: 120px !important;
  }
  .hmf-mt-s-xxxxl,
  .hmf-my-s-xxxxl {
    margin-top: 120px !important;
  }
  .hmf-mr-s-xxxxl,
  .hmf-mx-s-xxxxl {
    margin-right: 120px !important;
  }
  .hmf-mb-s-xxxxl,
  .hmf-my-s-xxxxl {
    margin-bottom: 120px !important;
  }
  .hmf-ml-s-xxxxl,
  .hmf-mx-s-xxxxl {
    margin-left: 120px !important;
  }
  .hmf-p-s-auto {
    padding: auto !important;
  }
  .hmf-pt-s-auto,
  .hmf-py-s-auto {
    padding-top: auto !important;
  }
  .hmf-pr-s-auto,
  .hmf-px-s-auto {
    padding-right: auto !important;
  }
  .hmf-pb-s-auto,
  .hmf-py-s-auto {
    padding-bottom: auto !important;
  }
  .hmf-pl-s-auto,
  .hmf-px-s-auto {
    padding-left: auto !important;
  }
  .hmf-p-s-0 {
    padding: 0px !important;
  }
  .hmf-pt-s-0,
  .hmf-py-s-0 {
    padding-top: 0px !important;
  }
  .hmf-pr-s-0,
  .hmf-px-s-0 {
    padding-right: 0px !important;
  }
  .hmf-pb-s-0,
  .hmf-py-s-0 {
    padding-bottom: 0px !important;
  }
  .hmf-pl-s-0,
  .hmf-px-s-0 {
    padding-left: 0px !important;
  }
  .hmf-p-s-xxxs {
    padding: 4px !important;
  }
  .hmf-pt-s-xxxs,
  .hmf-py-s-xxxs {
    padding-top: 4px !important;
  }
  .hmf-pr-s-xxxs,
  .hmf-px-s-xxxs {
    padding-right: 4px !important;
  }
  .hmf-pb-s-xxxs,
  .hmf-py-s-xxxs {
    padding-bottom: 4px !important;
  }
  .hmf-pl-s-xxxs,
  .hmf-px-s-xxxs {
    padding-left: 4px !important;
  }
  .hmf-p-s-xxs {
    padding: 8px !important;
  }
  .hmf-pt-s-xxs,
  .hmf-py-s-xxs {
    padding-top: 8px !important;
  }
  .hmf-pr-s-xxs,
  .hmf-px-s-xxs {
    padding-right: 8px !important;
  }
  .hmf-pb-s-xxs,
  .hmf-py-s-xxs {
    padding-bottom: 8px !important;
  }
  .hmf-pl-s-xxs,
  .hmf-px-s-xxs {
    padding-left: 8px !important;
  }
  .hmf-p-s-xs {
    padding: 12px !important;
  }
  .hmf-pt-s-xs,
  .hmf-py-s-xs {
    padding-top: 12px !important;
  }
  .hmf-pr-s-xs,
  .hmf-px-s-xs {
    padding-right: 12px !important;
  }
  .hmf-pb-s-xs,
  .hmf-py-s-xs {
    padding-bottom: 12px !important;
  }
  .hmf-pl-s-xs,
  .hmf-px-s-xs {
    padding-left: 12px !important;
  }
  .hmf-p-s-s {
    padding: 16px !important;
  }
  .hmf-pt-s-s,
  .hmf-py-s-s {
    padding-top: 16px !important;
  }
  .hmf-pr-s-s,
  .hmf-px-s-s {
    padding-right: 16px !important;
  }
  .hmf-pb-s-s,
  .hmf-py-s-s {
    padding-bottom: 16px !important;
  }
  .hmf-pl-s-s,
  .hmf-px-s-s {
    padding-left: 16px !important;
  }
  .hmf-p-s-m {
    padding: 24px !important;
  }
  .hmf-pt-s-m,
  .hmf-py-s-m {
    padding-top: 24px !important;
  }
  .hmf-pr-s-m,
  .hmf-px-s-m {
    padding-right: 24px !important;
  }
  .hmf-pb-s-m,
  .hmf-py-s-m {
    padding-bottom: 24px !important;
  }
  .hmf-pl-s-m,
  .hmf-px-s-m {
    padding-left: 24px !important;
  }
  .hmf-p-s-l {
    padding: 32px !important;
  }
  .hmf-pt-s-l,
  .hmf-py-s-l {
    padding-top: 32px !important;
  }
  .hmf-pr-s-l,
  .hmf-px-s-l {
    padding-right: 32px !important;
  }
  .hmf-pb-s-l,
  .hmf-py-s-l {
    padding-bottom: 32px !important;
  }
  .hmf-pl-s-l,
  .hmf-px-s-l {
    padding-left: 32px !important;
  }
  .hmf-p-s-xl {
    padding: 48px !important;
  }
  .hmf-pt-s-xl,
  .hmf-py-s-xl {
    padding-top: 48px !important;
  }
  .hmf-pr-s-xl,
  .hmf-px-s-xl {
    padding-right: 48px !important;
  }
  .hmf-pb-s-xl,
  .hmf-py-s-xl {
    padding-bottom: 48px !important;
  }
  .hmf-pl-s-xl,
  .hmf-px-s-xl {
    padding-left: 48px !important;
  }
  .hmf-p-s-xxl {
    padding: 72px !important;
  }
  .hmf-pt-s-xxl,
  .hmf-py-s-xxl {
    padding-top: 72px !important;
  }
  .hmf-pr-s-xxl,
  .hmf-px-s-xxl {
    padding-right: 72px !important;
  }
  .hmf-pb-s-xxl,
  .hmf-py-s-xxl {
    padding-bottom: 72px !important;
  }
  .hmf-pl-s-xxl,
  .hmf-px-s-xxl {
    padding-left: 72px !important;
  }
  .hmf-p-s-xxxl {
    padding: 96px !important;
  }
  .hmf-pt-s-xxxl,
  .hmf-py-s-xxxl {
    padding-top: 96px !important;
  }
  .hmf-pr-s-xxxl,
  .hmf-px-s-xxxl {
    padding-right: 96px !important;
  }
  .hmf-pb-s-xxxl,
  .hmf-py-s-xxxl {
    padding-bottom: 96px !important;
  }
  .hmf-pl-s-xxxl,
  .hmf-px-s-xxxl {
    padding-left: 96px !important;
  }
  .hmf-p-s-xxxxl {
    padding: 120px !important;
  }
  .hmf-pt-s-xxxxl,
  .hmf-py-s-xxxxl {
    padding-top: 120px !important;
  }
  .hmf-pr-s-xxxxl,
  .hmf-px-s-xxxxl {
    padding-right: 120px !important;
  }
  .hmf-pb-s-xxxxl,
  .hmf-py-s-xxxxl {
    padding-bottom: 120px !important;
  }
  .hmf-pl-s-xxxxl,
  .hmf-px-s-xxxxl {
    padding-left: 120px !important;
  }
  .hmf-m-s-auto {
    margin: auto !important;
  }
  .hmf-mt-s-auto,
  .hmf-my-s-auto {
    margin-top: auto !important;
  }
  .hmf-mr-s-auto,
  .hmf-mx-s-auto {
    margin-right: auto !important;
  }
  .hmf-mb-s-auto,
  .hmf-my-s-auto {
    margin-bottom: auto !important;
  }
  .hmf-ml-s-auto,
  .hmf-mx-s-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 375px) {
  .hmf-m-xsm-auto {
    margin: auto !important;
  }
  .hmf-mt-xsm-auto,
  .hmf-my-xsm-auto {
    margin-top: auto !important;
  }
  .hmf-mr-xsm-auto,
  .hmf-mx-xsm-auto {
    margin-right: auto !important;
  }
  .hmf-mb-xsm-auto,
  .hmf-my-xsm-auto {
    margin-bottom: auto !important;
  }
  .hmf-ml-xsm-auto,
  .hmf-mx-xsm-auto {
    margin-left: auto !important;
  }
  .hmf-m-xsm-0 {
    margin: 0px !important;
  }
  .hmf-mt-xsm-0,
  .hmf-my-xsm-0 {
    margin-top: 0px !important;
  }
  .hmf-mr-xsm-0,
  .hmf-mx-xsm-0 {
    margin-right: 0px !important;
  }
  .hmf-mb-xsm-0,
  .hmf-my-xsm-0 {
    margin-bottom: 0px !important;
  }
  .hmf-ml-xsm-0,
  .hmf-mx-xsm-0 {
    margin-left: 0px !important;
  }
  .hmf-m-xsm-xxxs {
    margin: 4px !important;
  }
  .hmf-mt-xsm-xxxs,
  .hmf-my-xsm-xxxs {
    margin-top: 4px !important;
  }
  .hmf-mr-xsm-xxxs,
  .hmf-mx-xsm-xxxs {
    margin-right: 4px !important;
  }
  .hmf-mb-xsm-xxxs,
  .hmf-my-xsm-xxxs {
    margin-bottom: 4px !important;
  }
  .hmf-ml-xsm-xxxs,
  .hmf-mx-xsm-xxxs {
    margin-left: 4px !important;
  }
  .hmf-m-xsm-xxs {
    margin: 8px !important;
  }
  .hmf-mt-xsm-xxs,
  .hmf-my-xsm-xxs {
    margin-top: 8px !important;
  }
  .hmf-mr-xsm-xxs,
  .hmf-mx-xsm-xxs {
    margin-right: 8px !important;
  }
  .hmf-mb-xsm-xxs,
  .hmf-my-xsm-xxs {
    margin-bottom: 8px !important;
  }
  .hmf-ml-xsm-xxs,
  .hmf-mx-xsm-xxs {
    margin-left: 8px !important;
  }
  .hmf-m-xsm-xs {
    margin: 12px !important;
  }
  .hmf-mt-xsm-xs,
  .hmf-my-xsm-xs {
    margin-top: 12px !important;
  }
  .hmf-mr-xsm-xs,
  .hmf-mx-xsm-xs {
    margin-right: 12px !important;
  }
  .hmf-mb-xsm-xs,
  .hmf-my-xsm-xs {
    margin-bottom: 12px !important;
  }
  .hmf-ml-xsm-xs,
  .hmf-mx-xsm-xs {
    margin-left: 12px !important;
  }
  .hmf-m-xsm-s {
    margin: 16px !important;
  }
  .hmf-mt-xsm-s,
  .hmf-my-xsm-s {
    margin-top: 16px !important;
  }
  .hmf-mr-xsm-s,
  .hmf-mx-xsm-s {
    margin-right: 16px !important;
  }
  .hmf-mb-xsm-s,
  .hmf-my-xsm-s {
    margin-bottom: 16px !important;
  }
  .hmf-ml-xsm-s,
  .hmf-mx-xsm-s {
    margin-left: 16px !important;
  }
  .hmf-m-xsm-m {
    margin: 24px !important;
  }
  .hmf-mt-xsm-m,
  .hmf-my-xsm-m {
    margin-top: 24px !important;
  }
  .hmf-mr-xsm-m,
  .hmf-mx-xsm-m {
    margin-right: 24px !important;
  }
  .hmf-mb-xsm-m,
  .hmf-my-xsm-m {
    margin-bottom: 24px !important;
  }
  .hmf-ml-xsm-m,
  .hmf-mx-xsm-m {
    margin-left: 24px !important;
  }
  .hmf-m-xsm-l {
    margin: 32px !important;
  }
  .hmf-mt-xsm-l,
  .hmf-my-xsm-l {
    margin-top: 32px !important;
  }
  .hmf-mr-xsm-l,
  .hmf-mx-xsm-l {
    margin-right: 32px !important;
  }
  .hmf-mb-xsm-l,
  .hmf-my-xsm-l {
    margin-bottom: 32px !important;
  }
  .hmf-ml-xsm-l,
  .hmf-mx-xsm-l {
    margin-left: 32px !important;
  }
  .hmf-m-xsm-xl {
    margin: 48px !important;
  }
  .hmf-mt-xsm-xl,
  .hmf-my-xsm-xl {
    margin-top: 48px !important;
  }
  .hmf-mr-xsm-xl,
  .hmf-mx-xsm-xl {
    margin-right: 48px !important;
  }
  .hmf-mb-xsm-xl,
  .hmf-my-xsm-xl {
    margin-bottom: 48px !important;
  }
  .hmf-ml-xsm-xl,
  .hmf-mx-xsm-xl {
    margin-left: 48px !important;
  }
  .hmf-m-xsm-xxl {
    margin: 72px !important;
  }
  .hmf-mt-xsm-xxl,
  .hmf-my-xsm-xxl {
    margin-top: 72px !important;
  }
  .hmf-mr-xsm-xxl,
  .hmf-mx-xsm-xxl {
    margin-right: 72px !important;
  }
  .hmf-mb-xsm-xxl,
  .hmf-my-xsm-xxl {
    margin-bottom: 72px !important;
  }
  .hmf-ml-xsm-xxl,
  .hmf-mx-xsm-xxl {
    margin-left: 72px !important;
  }
  .hmf-m-xsm-xxxl {
    margin: 96px !important;
  }
  .hmf-mt-xsm-xxxl,
  .hmf-my-xsm-xxxl {
    margin-top: 96px !important;
  }
  .hmf-mr-xsm-xxxl,
  .hmf-mx-xsm-xxxl {
    margin-right: 96px !important;
  }
  .hmf-mb-xsm-xxxl,
  .hmf-my-xsm-xxxl {
    margin-bottom: 96px !important;
  }
  .hmf-ml-xsm-xxxl,
  .hmf-mx-xsm-xxxl {
    margin-left: 96px !important;
  }
  .hmf-m-xsm-xxxxl {
    margin: 120px !important;
  }
  .hmf-mt-xsm-xxxxl,
  .hmf-my-xsm-xxxxl {
    margin-top: 120px !important;
  }
  .hmf-mr-xsm-xxxxl,
  .hmf-mx-xsm-xxxxl {
    margin-right: 120px !important;
  }
  .hmf-mb-xsm-xxxxl,
  .hmf-my-xsm-xxxxl {
    margin-bottom: 120px !important;
  }
  .hmf-ml-xsm-xxxxl,
  .hmf-mx-xsm-xxxxl {
    margin-left: 120px !important;
  }
  .hmf-p-xsm-auto {
    padding: auto !important;
  }
  .hmf-pt-xsm-auto,
  .hmf-py-xsm-auto {
    padding-top: auto !important;
  }
  .hmf-pr-xsm-auto,
  .hmf-px-xsm-auto {
    padding-right: auto !important;
  }
  .hmf-pb-xsm-auto,
  .hmf-py-xsm-auto {
    padding-bottom: auto !important;
  }
  .hmf-pl-xsm-auto,
  .hmf-px-xsm-auto {
    padding-left: auto !important;
  }
  .hmf-p-xsm-0 {
    padding: 0px !important;
  }
  .hmf-pt-xsm-0,
  .hmf-py-xsm-0 {
    padding-top: 0px !important;
  }
  .hmf-pr-xsm-0,
  .hmf-px-xsm-0 {
    padding-right: 0px !important;
  }
  .hmf-pb-xsm-0,
  .hmf-py-xsm-0 {
    padding-bottom: 0px !important;
  }
  .hmf-pl-xsm-0,
  .hmf-px-xsm-0 {
    padding-left: 0px !important;
  }
  .hmf-p-xsm-xxxs {
    padding: 4px !important;
  }
  .hmf-pt-xsm-xxxs,
  .hmf-py-xsm-xxxs {
    padding-top: 4px !important;
  }
  .hmf-pr-xsm-xxxs,
  .hmf-px-xsm-xxxs {
    padding-right: 4px !important;
  }
  .hmf-pb-xsm-xxxs,
  .hmf-py-xsm-xxxs {
    padding-bottom: 4px !important;
  }
  .hmf-pl-xsm-xxxs,
  .hmf-px-xsm-xxxs {
    padding-left: 4px !important;
  }
  .hmf-p-xsm-xxs {
    padding: 8px !important;
  }
  .hmf-pt-xsm-xxs,
  .hmf-py-xsm-xxs {
    padding-top: 8px !important;
  }
  .hmf-pr-xsm-xxs,
  .hmf-px-xsm-xxs {
    padding-right: 8px !important;
  }
  .hmf-pb-xsm-xxs,
  .hmf-py-xsm-xxs {
    padding-bottom: 8px !important;
  }
  .hmf-pl-xsm-xxs,
  .hmf-px-xsm-xxs {
    padding-left: 8px !important;
  }
  .hmf-p-xsm-xs {
    padding: 12px !important;
  }
  .hmf-pt-xsm-xs,
  .hmf-py-xsm-xs {
    padding-top: 12px !important;
  }
  .hmf-pr-xsm-xs,
  .hmf-px-xsm-xs {
    padding-right: 12px !important;
  }
  .hmf-pb-xsm-xs,
  .hmf-py-xsm-xs {
    padding-bottom: 12px !important;
  }
  .hmf-pl-xsm-xs,
  .hmf-px-xsm-xs {
    padding-left: 12px !important;
  }
  .hmf-p-xsm-s {
    padding: 16px !important;
  }
  .hmf-pt-xsm-s,
  .hmf-py-xsm-s {
    padding-top: 16px !important;
  }
  .hmf-pr-xsm-s,
  .hmf-px-xsm-s {
    padding-right: 16px !important;
  }
  .hmf-pb-xsm-s,
  .hmf-py-xsm-s {
    padding-bottom: 16px !important;
  }
  .hmf-pl-xsm-s,
  .hmf-px-xsm-s {
    padding-left: 16px !important;
  }
  .hmf-p-xsm-m {
    padding: 24px !important;
  }
  .hmf-pt-xsm-m,
  .hmf-py-xsm-m {
    padding-top: 24px !important;
  }
  .hmf-pr-xsm-m,
  .hmf-px-xsm-m {
    padding-right: 24px !important;
  }
  .hmf-pb-xsm-m,
  .hmf-py-xsm-m {
    padding-bottom: 24px !important;
  }
  .hmf-pl-xsm-m,
  .hmf-px-xsm-m {
    padding-left: 24px !important;
  }
  .hmf-p-xsm-l {
    padding: 32px !important;
  }
  .hmf-pt-xsm-l,
  .hmf-py-xsm-l {
    padding-top: 32px !important;
  }
  .hmf-pr-xsm-l,
  .hmf-px-xsm-l {
    padding-right: 32px !important;
  }
  .hmf-pb-xsm-l,
  .hmf-py-xsm-l {
    padding-bottom: 32px !important;
  }
  .hmf-pl-xsm-l,
  .hmf-px-xsm-l {
    padding-left: 32px !important;
  }
  .hmf-p-xsm-xl {
    padding: 48px !important;
  }
  .hmf-pt-xsm-xl,
  .hmf-py-xsm-xl {
    padding-top: 48px !important;
  }
  .hmf-pr-xsm-xl,
  .hmf-px-xsm-xl {
    padding-right: 48px !important;
  }
  .hmf-pb-xsm-xl,
  .hmf-py-xsm-xl {
    padding-bottom: 48px !important;
  }
  .hmf-pl-xsm-xl,
  .hmf-px-xsm-xl {
    padding-left: 48px !important;
  }
  .hmf-p-xsm-xxl {
    padding: 72px !important;
  }
  .hmf-pt-xsm-xxl,
  .hmf-py-xsm-xxl {
    padding-top: 72px !important;
  }
  .hmf-pr-xsm-xxl,
  .hmf-px-xsm-xxl {
    padding-right: 72px !important;
  }
  .hmf-pb-xsm-xxl,
  .hmf-py-xsm-xxl {
    padding-bottom: 72px !important;
  }
  .hmf-pl-xsm-xxl,
  .hmf-px-xsm-xxl {
    padding-left: 72px !important;
  }
  .hmf-p-xsm-xxxl {
    padding: 96px !important;
  }
  .hmf-pt-xsm-xxxl,
  .hmf-py-xsm-xxxl {
    padding-top: 96px !important;
  }
  .hmf-pr-xsm-xxxl,
  .hmf-px-xsm-xxxl {
    padding-right: 96px !important;
  }
  .hmf-pb-xsm-xxxl,
  .hmf-py-xsm-xxxl {
    padding-bottom: 96px !important;
  }
  .hmf-pl-xsm-xxxl,
  .hmf-px-xsm-xxxl {
    padding-left: 96px !important;
  }
  .hmf-p-xsm-xxxxl {
    padding: 120px !important;
  }
  .hmf-pt-xsm-xxxxl,
  .hmf-py-xsm-xxxxl {
    padding-top: 120px !important;
  }
  .hmf-pr-xsm-xxxxl,
  .hmf-px-xsm-xxxxl {
    padding-right: 120px !important;
  }
  .hmf-pb-xsm-xxxxl,
  .hmf-py-xsm-xxxxl {
    padding-bottom: 120px !important;
  }
  .hmf-pl-xsm-xxxxl,
  .hmf-px-xsm-xxxxl {
    padding-left: 120px !important;
  }
  .hmf-m-xsm-auto {
    margin: auto !important;
  }
  .hmf-mt-xsm-auto,
  .hmf-my-xsm-auto {
    margin-top: auto !important;
  }
  .hmf-mr-xsm-auto,
  .hmf-mx-xsm-auto {
    margin-right: auto !important;
  }
  .hmf-mb-xsm-auto,
  .hmf-my-xsm-auto {
    margin-bottom: auto !important;
  }
  .hmf-ml-xsm-auto,
  .hmf-mx-xsm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 480px) {
  .hmf-m-sm-auto {
    margin: auto !important;
  }
  .hmf-mt-sm-auto,
  .hmf-my-sm-auto {
    margin-top: auto !important;
  }
  .hmf-mr-sm-auto,
  .hmf-mx-sm-auto {
    margin-right: auto !important;
  }
  .hmf-mb-sm-auto,
  .hmf-my-sm-auto {
    margin-bottom: auto !important;
  }
  .hmf-ml-sm-auto,
  .hmf-mx-sm-auto {
    margin-left: auto !important;
  }
  .hmf-m-sm-0 {
    margin: 0px !important;
  }
  .hmf-mt-sm-0,
  .hmf-my-sm-0 {
    margin-top: 0px !important;
  }
  .hmf-mr-sm-0,
  .hmf-mx-sm-0 {
    margin-right: 0px !important;
  }
  .hmf-mb-sm-0,
  .hmf-my-sm-0 {
    margin-bottom: 0px !important;
  }
  .hmf-ml-sm-0,
  .hmf-mx-sm-0 {
    margin-left: 0px !important;
  }
  .hmf-m-sm-xxxs {
    margin: 4px !important;
  }
  .hmf-mt-sm-xxxs,
  .hmf-my-sm-xxxs {
    margin-top: 4px !important;
  }
  .hmf-mr-sm-xxxs,
  .hmf-mx-sm-xxxs {
    margin-right: 4px !important;
  }
  .hmf-mb-sm-xxxs,
  .hmf-my-sm-xxxs {
    margin-bottom: 4px !important;
  }
  .hmf-ml-sm-xxxs,
  .hmf-mx-sm-xxxs {
    margin-left: 4px !important;
  }
  .hmf-m-sm-xxs {
    margin: 8px !important;
  }
  .hmf-mt-sm-xxs,
  .hmf-my-sm-xxs {
    margin-top: 8px !important;
  }
  .hmf-mr-sm-xxs,
  .hmf-mx-sm-xxs {
    margin-right: 8px !important;
  }
  .hmf-mb-sm-xxs,
  .hmf-my-sm-xxs {
    margin-bottom: 8px !important;
  }
  .hmf-ml-sm-xxs,
  .hmf-mx-sm-xxs {
    margin-left: 8px !important;
  }
  .hmf-m-sm-xs {
    margin: 12px !important;
  }
  .hmf-mt-sm-xs,
  .hmf-my-sm-xs {
    margin-top: 12px !important;
  }
  .hmf-mr-sm-xs,
  .hmf-mx-sm-xs {
    margin-right: 12px !important;
  }
  .hmf-mb-sm-xs,
  .hmf-my-sm-xs {
    margin-bottom: 12px !important;
  }
  .hmf-ml-sm-xs,
  .hmf-mx-sm-xs {
    margin-left: 12px !important;
  }
  .hmf-m-sm-s {
    margin: 16px !important;
  }
  .hmf-mt-sm-s,
  .hmf-my-sm-s {
    margin-top: 16px !important;
  }
  .hmf-mr-sm-s,
  .hmf-mx-sm-s {
    margin-right: 16px !important;
  }
  .hmf-mb-sm-s,
  .hmf-my-sm-s {
    margin-bottom: 16px !important;
  }
  .hmf-ml-sm-s,
  .hmf-mx-sm-s {
    margin-left: 16px !important;
  }
  .hmf-m-sm-m {
    margin: 24px !important;
  }
  .hmf-mt-sm-m,
  .hmf-my-sm-m {
    margin-top: 24px !important;
  }
  .hmf-mr-sm-m,
  .hmf-mx-sm-m {
    margin-right: 24px !important;
  }
  .hmf-mb-sm-m,
  .hmf-my-sm-m {
    margin-bottom: 24px !important;
  }
  .hmf-ml-sm-m,
  .hmf-mx-sm-m {
    margin-left: 24px !important;
  }
  .hmf-m-sm-l {
    margin: 32px !important;
  }
  .hmf-mt-sm-l,
  .hmf-my-sm-l {
    margin-top: 32px !important;
  }
  .hmf-mr-sm-l,
  .hmf-mx-sm-l {
    margin-right: 32px !important;
  }
  .hmf-mb-sm-l,
  .hmf-my-sm-l {
    margin-bottom: 32px !important;
  }
  .hmf-ml-sm-l,
  .hmf-mx-sm-l {
    margin-left: 32px !important;
  }
  .hmf-m-sm-xl {
    margin: 48px !important;
  }
  .hmf-mt-sm-xl,
  .hmf-my-sm-xl {
    margin-top: 48px !important;
  }
  .hmf-mr-sm-xl,
  .hmf-mx-sm-xl {
    margin-right: 48px !important;
  }
  .hmf-mb-sm-xl,
  .hmf-my-sm-xl {
    margin-bottom: 48px !important;
  }
  .hmf-ml-sm-xl,
  .hmf-mx-sm-xl {
    margin-left: 48px !important;
  }
  .hmf-m-sm-xxl {
    margin: 72px !important;
  }
  .hmf-mt-sm-xxl,
  .hmf-my-sm-xxl {
    margin-top: 72px !important;
  }
  .hmf-mr-sm-xxl,
  .hmf-mx-sm-xxl {
    margin-right: 72px !important;
  }
  .hmf-mb-sm-xxl,
  .hmf-my-sm-xxl {
    margin-bottom: 72px !important;
  }
  .hmf-ml-sm-xxl,
  .hmf-mx-sm-xxl {
    margin-left: 72px !important;
  }
  .hmf-m-sm-xxxl {
    margin: 96px !important;
  }
  .hmf-mt-sm-xxxl,
  .hmf-my-sm-xxxl {
    margin-top: 96px !important;
  }
  .hmf-mr-sm-xxxl,
  .hmf-mx-sm-xxxl {
    margin-right: 96px !important;
  }
  .hmf-mb-sm-xxxl,
  .hmf-my-sm-xxxl {
    margin-bottom: 96px !important;
  }
  .hmf-ml-sm-xxxl,
  .hmf-mx-sm-xxxl {
    margin-left: 96px !important;
  }
  .hmf-m-sm-xxxxl {
    margin: 120px !important;
  }
  .hmf-mt-sm-xxxxl,
  .hmf-my-sm-xxxxl {
    margin-top: 120px !important;
  }
  .hmf-mr-sm-xxxxl,
  .hmf-mx-sm-xxxxl {
    margin-right: 120px !important;
  }
  .hmf-mb-sm-xxxxl,
  .hmf-my-sm-xxxxl {
    margin-bottom: 120px !important;
  }
  .hmf-ml-sm-xxxxl,
  .hmf-mx-sm-xxxxl {
    margin-left: 120px !important;
  }
  .hmf-p-sm-auto {
    padding: auto !important;
  }
  .hmf-pt-sm-auto,
  .hmf-py-sm-auto {
    padding-top: auto !important;
  }
  .hmf-pr-sm-auto,
  .hmf-px-sm-auto {
    padding-right: auto !important;
  }
  .hmf-pb-sm-auto,
  .hmf-py-sm-auto {
    padding-bottom: auto !important;
  }
  .hmf-pl-sm-auto,
  .hmf-px-sm-auto {
    padding-left: auto !important;
  }
  .hmf-p-sm-0 {
    padding: 0px !important;
  }
  .hmf-pt-sm-0,
  .hmf-py-sm-0 {
    padding-top: 0px !important;
  }
  .hmf-pr-sm-0,
  .hmf-px-sm-0 {
    padding-right: 0px !important;
  }
  .hmf-pb-sm-0,
  .hmf-py-sm-0 {
    padding-bottom: 0px !important;
  }
  .hmf-pl-sm-0,
  .hmf-px-sm-0 {
    padding-left: 0px !important;
  }
  .hmf-p-sm-xxxs {
    padding: 4px !important;
  }
  .hmf-pt-sm-xxxs,
  .hmf-py-sm-xxxs {
    padding-top: 4px !important;
  }
  .hmf-pr-sm-xxxs,
  .hmf-px-sm-xxxs {
    padding-right: 4px !important;
  }
  .hmf-pb-sm-xxxs,
  .hmf-py-sm-xxxs {
    padding-bottom: 4px !important;
  }
  .hmf-pl-sm-xxxs,
  .hmf-px-sm-xxxs {
    padding-left: 4px !important;
  }
  .hmf-p-sm-xxs {
    padding: 8px !important;
  }
  .hmf-pt-sm-xxs,
  .hmf-py-sm-xxs {
    padding-top: 8px !important;
  }
  .hmf-pr-sm-xxs,
  .hmf-px-sm-xxs {
    padding-right: 8px !important;
  }
  .hmf-pb-sm-xxs,
  .hmf-py-sm-xxs {
    padding-bottom: 8px !important;
  }
  .hmf-pl-sm-xxs,
  .hmf-px-sm-xxs {
    padding-left: 8px !important;
  }
  .hmf-p-sm-xs {
    padding: 12px !important;
  }
  .hmf-pt-sm-xs,
  .hmf-py-sm-xs {
    padding-top: 12px !important;
  }
  .hmf-pr-sm-xs,
  .hmf-px-sm-xs {
    padding-right: 12px !important;
  }
  .hmf-pb-sm-xs,
  .hmf-py-sm-xs {
    padding-bottom: 12px !important;
  }
  .hmf-pl-sm-xs,
  .hmf-px-sm-xs {
    padding-left: 12px !important;
  }
  .hmf-p-sm-s {
    padding: 16px !important;
  }
  .hmf-pt-sm-s,
  .hmf-py-sm-s {
    padding-top: 16px !important;
  }
  .hmf-pr-sm-s,
  .hmf-px-sm-s {
    padding-right: 16px !important;
  }
  .hmf-pb-sm-s,
  .hmf-py-sm-s {
    padding-bottom: 16px !important;
  }
  .hmf-pl-sm-s,
  .hmf-px-sm-s {
    padding-left: 16px !important;
  }
  .hmf-p-sm-m {
    padding: 24px !important;
  }
  .hmf-pt-sm-m,
  .hmf-py-sm-m {
    padding-top: 24px !important;
  }
  .hmf-pr-sm-m,
  .hmf-px-sm-m {
    padding-right: 24px !important;
  }
  .hmf-pb-sm-m,
  .hmf-py-sm-m {
    padding-bottom: 24px !important;
  }
  .hmf-pl-sm-m,
  .hmf-px-sm-m {
    padding-left: 24px !important;
  }
  .hmf-p-sm-l {
    padding: 32px !important;
  }
  .hmf-pt-sm-l,
  .hmf-py-sm-l {
    padding-top: 32px !important;
  }
  .hmf-pr-sm-l,
  .hmf-px-sm-l {
    padding-right: 32px !important;
  }
  .hmf-pb-sm-l,
  .hmf-py-sm-l {
    padding-bottom: 32px !important;
  }
  .hmf-pl-sm-l,
  .hmf-px-sm-l {
    padding-left: 32px !important;
  }
  .hmf-p-sm-xl {
    padding: 48px !important;
  }
  .hmf-pt-sm-xl,
  .hmf-py-sm-xl {
    padding-top: 48px !important;
  }
  .hmf-pr-sm-xl,
  .hmf-px-sm-xl {
    padding-right: 48px !important;
  }
  .hmf-pb-sm-xl,
  .hmf-py-sm-xl {
    padding-bottom: 48px !important;
  }
  .hmf-pl-sm-xl,
  .hmf-px-sm-xl {
    padding-left: 48px !important;
  }
  .hmf-p-sm-xxl {
    padding: 72px !important;
  }
  .hmf-pt-sm-xxl,
  .hmf-py-sm-xxl {
    padding-top: 72px !important;
  }
  .hmf-pr-sm-xxl,
  .hmf-px-sm-xxl {
    padding-right: 72px !important;
  }
  .hmf-pb-sm-xxl,
  .hmf-py-sm-xxl {
    padding-bottom: 72px !important;
  }
  .hmf-pl-sm-xxl,
  .hmf-px-sm-xxl {
    padding-left: 72px !important;
  }
  .hmf-p-sm-xxxl {
    padding: 96px !important;
  }
  .hmf-pt-sm-xxxl,
  .hmf-py-sm-xxxl {
    padding-top: 96px !important;
  }
  .hmf-pr-sm-xxxl,
  .hmf-px-sm-xxxl {
    padding-right: 96px !important;
  }
  .hmf-pb-sm-xxxl,
  .hmf-py-sm-xxxl {
    padding-bottom: 96px !important;
  }
  .hmf-pl-sm-xxxl,
  .hmf-px-sm-xxxl {
    padding-left: 96px !important;
  }
  .hmf-p-sm-xxxxl {
    padding: 120px !important;
  }
  .hmf-pt-sm-xxxxl,
  .hmf-py-sm-xxxxl {
    padding-top: 120px !important;
  }
  .hmf-pr-sm-xxxxl,
  .hmf-px-sm-xxxxl {
    padding-right: 120px !important;
  }
  .hmf-pb-sm-xxxxl,
  .hmf-py-sm-xxxxl {
    padding-bottom: 120px !important;
  }
  .hmf-pl-sm-xxxxl,
  .hmf-px-sm-xxxxl {
    padding-left: 120px !important;
  }
  .hmf-m-sm-auto {
    margin: auto !important;
  }
  .hmf-mt-sm-auto,
  .hmf-my-sm-auto {
    margin-top: auto !important;
  }
  .hmf-mr-sm-auto,
  .hmf-mx-sm-auto {
    margin-right: auto !important;
  }
  .hmf-mb-sm-auto,
  .hmf-my-sm-auto {
    margin-bottom: auto !important;
  }
  .hmf-ml-sm-auto,
  .hmf-mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .hmf-m-m-auto {
    margin: auto !important;
  }
  .hmf-mt-m-auto,
  .hmf-my-m-auto {
    margin-top: auto !important;
  }
  .hmf-mr-m-auto,
  .hmf-mx-m-auto {
    margin-right: auto !important;
  }
  .hmf-mb-m-auto,
  .hmf-my-m-auto {
    margin-bottom: auto !important;
  }
  .hmf-ml-m-auto,
  .hmf-mx-m-auto {
    margin-left: auto !important;
  }
  .hmf-m-m-0 {
    margin: 0px !important;
  }
  .hmf-mt-m-0,
  .hmf-my-m-0 {
    margin-top: 0px !important;
  }
  .hmf-mr-m-0,
  .hmf-mx-m-0 {
    margin-right: 0px !important;
  }
  .hmf-mb-m-0,
  .hmf-my-m-0 {
    margin-bottom: 0px !important;
  }
  .hmf-ml-m-0,
  .hmf-mx-m-0 {
    margin-left: 0px !important;
  }
  .hmf-m-m-xxxs {
    margin: 4px !important;
  }
  .hmf-mt-m-xxxs,
  .hmf-my-m-xxxs {
    margin-top: 4px !important;
  }
  .hmf-mr-m-xxxs,
  .hmf-mx-m-xxxs {
    margin-right: 4px !important;
  }
  .hmf-mb-m-xxxs,
  .hmf-my-m-xxxs {
    margin-bottom: 4px !important;
  }
  .hmf-ml-m-xxxs,
  .hmf-mx-m-xxxs {
    margin-left: 4px !important;
  }
  .hmf-m-m-xxs {
    margin: 8px !important;
  }
  .hmf-mt-m-xxs,
  .hmf-my-m-xxs {
    margin-top: 8px !important;
  }
  .hmf-mr-m-xxs,
  .hmf-mx-m-xxs {
    margin-right: 8px !important;
  }
  .hmf-mb-m-xxs,
  .hmf-my-m-xxs {
    margin-bottom: 8px !important;
  }
  .hmf-ml-m-xxs,
  .hmf-mx-m-xxs {
    margin-left: 8px !important;
  }
  .hmf-m-m-xs {
    margin: 12px !important;
  }
  .hmf-mt-m-xs,
  .hmf-my-m-xs {
    margin-top: 12px !important;
  }
  .hmf-mr-m-xs,
  .hmf-mx-m-xs {
    margin-right: 12px !important;
  }
  .hmf-mb-m-xs,
  .hmf-my-m-xs {
    margin-bottom: 12px !important;
  }
  .hmf-ml-m-xs,
  .hmf-mx-m-xs {
    margin-left: 12px !important;
  }
  .hmf-m-m-s {
    margin: 16px !important;
  }
  .hmf-mt-m-s,
  .hmf-my-m-s {
    margin-top: 16px !important;
  }
  .hmf-mr-m-s,
  .hmf-mx-m-s {
    margin-right: 16px !important;
  }
  .hmf-mb-m-s,
  .hmf-my-m-s {
    margin-bottom: 16px !important;
  }
  .hmf-ml-m-s,
  .hmf-mx-m-s {
    margin-left: 16px !important;
  }
  .hmf-m-m-m {
    margin: 24px !important;
  }
  .hmf-mt-m-m,
  .hmf-my-m-m {
    margin-top: 24px !important;
  }
  .hmf-mr-m-m,
  .hmf-mx-m-m {
    margin-right: 24px !important;
  }
  .hmf-mb-m-m,
  .hmf-my-m-m {
    margin-bottom: 24px !important;
  }
  .hmf-ml-m-m,
  .hmf-mx-m-m {
    margin-left: 24px !important;
  }
  .hmf-m-m-l {
    margin: 32px !important;
  }
  .hmf-mt-m-l,
  .hmf-my-m-l {
    margin-top: 32px !important;
  }
  .hmf-mr-m-l,
  .hmf-mx-m-l {
    margin-right: 32px !important;
  }
  .hmf-mb-m-l,
  .hmf-my-m-l {
    margin-bottom: 32px !important;
  }
  .hmf-ml-m-l,
  .hmf-mx-m-l {
    margin-left: 32px !important;
  }
  .hmf-m-m-xl {
    margin: 48px !important;
  }
  .hmf-mt-m-xl,
  .hmf-my-m-xl {
    margin-top: 48px !important;
  }
  .hmf-mr-m-xl,
  .hmf-mx-m-xl {
    margin-right: 48px !important;
  }
  .hmf-mb-m-xl,
  .hmf-my-m-xl {
    margin-bottom: 48px !important;
  }
  .hmf-ml-m-xl,
  .hmf-mx-m-xl {
    margin-left: 48px !important;
  }
  .hmf-m-m-xxl {
    margin: 72px !important;
  }
  .hmf-mt-m-xxl,
  .hmf-my-m-xxl {
    margin-top: 72px !important;
  }
  .hmf-mr-m-xxl,
  .hmf-mx-m-xxl {
    margin-right: 72px !important;
  }
  .hmf-mb-m-xxl,
  .hmf-my-m-xxl {
    margin-bottom: 72px !important;
  }
  .hmf-ml-m-xxl,
  .hmf-mx-m-xxl {
    margin-left: 72px !important;
  }
  .hmf-m-m-xxxl {
    margin: 96px !important;
  }
  .hmf-mt-m-xxxl,
  .hmf-my-m-xxxl {
    margin-top: 96px !important;
  }
  .hmf-mr-m-xxxl,
  .hmf-mx-m-xxxl {
    margin-right: 96px !important;
  }
  .hmf-mb-m-xxxl,
  .hmf-my-m-xxxl {
    margin-bottom: 96px !important;
  }
  .hmf-ml-m-xxxl,
  .hmf-mx-m-xxxl {
    margin-left: 96px !important;
  }
  .hmf-m-m-xxxxl {
    margin: 120px !important;
  }
  .hmf-mt-m-xxxxl,
  .hmf-my-m-xxxxl {
    margin-top: 120px !important;
  }
  .hmf-mr-m-xxxxl,
  .hmf-mx-m-xxxxl {
    margin-right: 120px !important;
  }
  .hmf-mb-m-xxxxl,
  .hmf-my-m-xxxxl {
    margin-bottom: 120px !important;
  }
  .hmf-ml-m-xxxxl,
  .hmf-mx-m-xxxxl {
    margin-left: 120px !important;
  }
  .hmf-p-m-auto {
    padding: auto !important;
  }
  .hmf-pt-m-auto,
  .hmf-py-m-auto {
    padding-top: auto !important;
  }
  .hmf-pr-m-auto,
  .hmf-px-m-auto {
    padding-right: auto !important;
  }
  .hmf-pb-m-auto,
  .hmf-py-m-auto {
    padding-bottom: auto !important;
  }
  .hmf-pl-m-auto,
  .hmf-px-m-auto {
    padding-left: auto !important;
  }
  .hmf-p-m-0 {
    padding: 0px !important;
  }
  .hmf-pt-m-0,
  .hmf-py-m-0 {
    padding-top: 0px !important;
  }
  .hmf-pr-m-0,
  .hmf-px-m-0 {
    padding-right: 0px !important;
  }
  .hmf-pb-m-0,
  .hmf-py-m-0 {
    padding-bottom: 0px !important;
  }
  .hmf-pl-m-0,
  .hmf-px-m-0 {
    padding-left: 0px !important;
  }
  .hmf-p-m-xxxs {
    padding: 4px !important;
  }
  .hmf-pt-m-xxxs,
  .hmf-py-m-xxxs {
    padding-top: 4px !important;
  }
  .hmf-pr-m-xxxs,
  .hmf-px-m-xxxs {
    padding-right: 4px !important;
  }
  .hmf-pb-m-xxxs,
  .hmf-py-m-xxxs {
    padding-bottom: 4px !important;
  }
  .hmf-pl-m-xxxs,
  .hmf-px-m-xxxs {
    padding-left: 4px !important;
  }
  .hmf-p-m-xxs {
    padding: 8px !important;
  }
  .hmf-pt-m-xxs,
  .hmf-py-m-xxs {
    padding-top: 8px !important;
  }
  .hmf-pr-m-xxs,
  .hmf-px-m-xxs {
    padding-right: 8px !important;
  }
  .hmf-pb-m-xxs,
  .hmf-py-m-xxs {
    padding-bottom: 8px !important;
  }
  .hmf-pl-m-xxs,
  .hmf-px-m-xxs {
    padding-left: 8px !important;
  }
  .hmf-p-m-xs {
    padding: 12px !important;
  }
  .hmf-pt-m-xs,
  .hmf-py-m-xs {
    padding-top: 12px !important;
  }
  .hmf-pr-m-xs,
  .hmf-px-m-xs {
    padding-right: 12px !important;
  }
  .hmf-pb-m-xs,
  .hmf-py-m-xs {
    padding-bottom: 12px !important;
  }
  .hmf-pl-m-xs,
  .hmf-px-m-xs {
    padding-left: 12px !important;
  }
  .hmf-p-m-s {
    padding: 16px !important;
  }
  .hmf-pt-m-s,
  .hmf-py-m-s {
    padding-top: 16px !important;
  }
  .hmf-pr-m-s,
  .hmf-px-m-s {
    padding-right: 16px !important;
  }
  .hmf-pb-m-s,
  .hmf-py-m-s {
    padding-bottom: 16px !important;
  }
  .hmf-pl-m-s,
  .hmf-px-m-s {
    padding-left: 16px !important;
  }
  .hmf-p-m-m {
    padding: 24px !important;
  }
  .hmf-pt-m-m,
  .hmf-py-m-m {
    padding-top: 24px !important;
  }
  .hmf-pr-m-m,
  .hmf-px-m-m {
    padding-right: 24px !important;
  }
  .hmf-pb-m-m,
  .hmf-py-m-m {
    padding-bottom: 24px !important;
  }
  .hmf-pl-m-m,
  .hmf-px-m-m {
    padding-left: 24px !important;
  }
  .hmf-p-m-l {
    padding: 32px !important;
  }
  .hmf-pt-m-l,
  .hmf-py-m-l {
    padding-top: 32px !important;
  }
  .hmf-pr-m-l,
  .hmf-px-m-l {
    padding-right: 32px !important;
  }
  .hmf-pb-m-l,
  .hmf-py-m-l {
    padding-bottom: 32px !important;
  }
  .hmf-pl-m-l,
  .hmf-px-m-l {
    padding-left: 32px !important;
  }
  .hmf-p-m-xl {
    padding: 48px !important;
  }
  .hmf-pt-m-xl,
  .hmf-py-m-xl {
    padding-top: 48px !important;
  }
  .hmf-pr-m-xl,
  .hmf-px-m-xl {
    padding-right: 48px !important;
  }
  .hmf-pb-m-xl,
  .hmf-py-m-xl {
    padding-bottom: 48px !important;
  }
  .hmf-pl-m-xl,
  .hmf-px-m-xl {
    padding-left: 48px !important;
  }
  .hmf-p-m-xxl {
    padding: 72px !important;
  }
  .hmf-pt-m-xxl,
  .hmf-py-m-xxl {
    padding-top: 72px !important;
  }
  .hmf-pr-m-xxl,
  .hmf-px-m-xxl {
    padding-right: 72px !important;
  }
  .hmf-pb-m-xxl,
  .hmf-py-m-xxl {
    padding-bottom: 72px !important;
  }
  .hmf-pl-m-xxl,
  .hmf-px-m-xxl {
    padding-left: 72px !important;
  }
  .hmf-p-m-xxxl {
    padding: 96px !important;
  }
  .hmf-pt-m-xxxl,
  .hmf-py-m-xxxl {
    padding-top: 96px !important;
  }
  .hmf-pr-m-xxxl,
  .hmf-px-m-xxxl {
    padding-right: 96px !important;
  }
  .hmf-pb-m-xxxl,
  .hmf-py-m-xxxl {
    padding-bottom: 96px !important;
  }
  .hmf-pl-m-xxxl,
  .hmf-px-m-xxxl {
    padding-left: 96px !important;
  }
  .hmf-p-m-xxxxl {
    padding: 120px !important;
  }
  .hmf-pt-m-xxxxl,
  .hmf-py-m-xxxxl {
    padding-top: 120px !important;
  }
  .hmf-pr-m-xxxxl,
  .hmf-px-m-xxxxl {
    padding-right: 120px !important;
  }
  .hmf-pb-m-xxxxl,
  .hmf-py-m-xxxxl {
    padding-bottom: 120px !important;
  }
  .hmf-pl-m-xxxxl,
  .hmf-px-m-xxxxl {
    padding-left: 120px !important;
  }
  .hmf-m-m-auto {
    margin: auto !important;
  }
  .hmf-mt-m-auto,
  .hmf-my-m-auto {
    margin-top: auto !important;
  }
  .hmf-mr-m-auto,
  .hmf-mx-m-auto {
    margin-right: auto !important;
  }
  .hmf-mb-m-auto,
  .hmf-my-m-auto {
    margin-bottom: auto !important;
  }
  .hmf-ml-m-auto,
  .hmf-mx-m-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .hmf-m-md-auto {
    margin: auto !important;
  }
  .hmf-mt-md-auto,
  .hmf-my-md-auto {
    margin-top: auto !important;
  }
  .hmf-mr-md-auto,
  .hmf-mx-md-auto {
    margin-right: auto !important;
  }
  .hmf-mb-md-auto,
  .hmf-my-md-auto {
    margin-bottom: auto !important;
  }
  .hmf-ml-md-auto,
  .hmf-mx-md-auto {
    margin-left: auto !important;
  }
  .hmf-m-md-0 {
    margin: 0px !important;
  }
  .hmf-mt-md-0,
  .hmf-my-md-0 {
    margin-top: 0px !important;
  }
  .hmf-mr-md-0,
  .hmf-mx-md-0 {
    margin-right: 0px !important;
  }
  .hmf-mb-md-0,
  .hmf-my-md-0 {
    margin-bottom: 0px !important;
  }
  .hmf-ml-md-0,
  .hmf-mx-md-0 {
    margin-left: 0px !important;
  }
  .hmf-m-md-xxxs {
    margin: 4px !important;
  }
  .hmf-mt-md-xxxs,
  .hmf-my-md-xxxs {
    margin-top: 4px !important;
  }
  .hmf-mr-md-xxxs,
  .hmf-mx-md-xxxs {
    margin-right: 4px !important;
  }
  .hmf-mb-md-xxxs,
  .hmf-my-md-xxxs {
    margin-bottom: 4px !important;
  }
  .hmf-ml-md-xxxs,
  .hmf-mx-md-xxxs {
    margin-left: 4px !important;
  }
  .hmf-m-md-xxs {
    margin: 8px !important;
  }
  .hmf-mt-md-xxs,
  .hmf-my-md-xxs {
    margin-top: 8px !important;
  }
  .hmf-mr-md-xxs,
  .hmf-mx-md-xxs {
    margin-right: 8px !important;
  }
  .hmf-mb-md-xxs,
  .hmf-my-md-xxs {
    margin-bottom: 8px !important;
  }
  .hmf-ml-md-xxs,
  .hmf-mx-md-xxs {
    margin-left: 8px !important;
  }
  .hmf-m-md-xs {
    margin: 12px !important;
  }
  .hmf-mt-md-xs,
  .hmf-my-md-xs {
    margin-top: 12px !important;
  }
  .hmf-mr-md-xs,
  .hmf-mx-md-xs {
    margin-right: 12px !important;
  }
  .hmf-mb-md-xs,
  .hmf-my-md-xs {
    margin-bottom: 12px !important;
  }
  .hmf-ml-md-xs,
  .hmf-mx-md-xs {
    margin-left: 12px !important;
  }
  .hmf-m-md-s {
    margin: 16px !important;
  }
  .hmf-mt-md-s,
  .hmf-my-md-s {
    margin-top: 16px !important;
  }
  .hmf-mr-md-s,
  .hmf-mx-md-s {
    margin-right: 16px !important;
  }
  .hmf-mb-md-s,
  .hmf-my-md-s {
    margin-bottom: 16px !important;
  }
  .hmf-ml-md-s,
  .hmf-mx-md-s {
    margin-left: 16px !important;
  }
  .hmf-m-md-m {
    margin: 24px !important;
  }
  .hmf-mt-md-m,
  .hmf-my-md-m {
    margin-top: 24px !important;
  }
  .hmf-mr-md-m,
  .hmf-mx-md-m {
    margin-right: 24px !important;
  }
  .hmf-mb-md-m,
  .hmf-my-md-m {
    margin-bottom: 24px !important;
  }
  .hmf-ml-md-m,
  .hmf-mx-md-m {
    margin-left: 24px !important;
  }
  .hmf-m-md-l {
    margin: 32px !important;
  }
  .hmf-mt-md-l,
  .hmf-my-md-l {
    margin-top: 32px !important;
  }
  .hmf-mr-md-l,
  .hmf-mx-md-l {
    margin-right: 32px !important;
  }
  .hmf-mb-md-l,
  .hmf-my-md-l {
    margin-bottom: 32px !important;
  }
  .hmf-ml-md-l,
  .hmf-mx-md-l {
    margin-left: 32px !important;
  }
  .hmf-m-md-xl {
    margin: 48px !important;
  }
  .hmf-mt-md-xl,
  .hmf-my-md-xl {
    margin-top: 48px !important;
  }
  .hmf-mr-md-xl,
  .hmf-mx-md-xl {
    margin-right: 48px !important;
  }
  .hmf-mb-md-xl,
  .hmf-my-md-xl {
    margin-bottom: 48px !important;
  }
  .hmf-ml-md-xl,
  .hmf-mx-md-xl {
    margin-left: 48px !important;
  }
  .hmf-m-md-xxl {
    margin: 72px !important;
  }
  .hmf-mt-md-xxl,
  .hmf-my-md-xxl {
    margin-top: 72px !important;
  }
  .hmf-mr-md-xxl,
  .hmf-mx-md-xxl {
    margin-right: 72px !important;
  }
  .hmf-mb-md-xxl,
  .hmf-my-md-xxl {
    margin-bottom: 72px !important;
  }
  .hmf-ml-md-xxl,
  .hmf-mx-md-xxl {
    margin-left: 72px !important;
  }
  .hmf-m-md-xxxl {
    margin: 96px !important;
  }
  .hmf-mt-md-xxxl,
  .hmf-my-md-xxxl {
    margin-top: 96px !important;
  }
  .hmf-mr-md-xxxl,
  .hmf-mx-md-xxxl {
    margin-right: 96px !important;
  }
  .hmf-mb-md-xxxl,
  .hmf-my-md-xxxl {
    margin-bottom: 96px !important;
  }
  .hmf-ml-md-xxxl,
  .hmf-mx-md-xxxl {
    margin-left: 96px !important;
  }
  .hmf-m-md-xxxxl {
    margin: 120px !important;
  }
  .hmf-mt-md-xxxxl,
  .hmf-my-md-xxxxl {
    margin-top: 120px !important;
  }
  .hmf-mr-md-xxxxl,
  .hmf-mx-md-xxxxl {
    margin-right: 120px !important;
  }
  .hmf-mb-md-xxxxl,
  .hmf-my-md-xxxxl {
    margin-bottom: 120px !important;
  }
  .hmf-ml-md-xxxxl,
  .hmf-mx-md-xxxxl {
    margin-left: 120px !important;
  }
  .hmf-p-md-auto {
    padding: auto !important;
  }
  .hmf-pt-md-auto,
  .hmf-py-md-auto {
    padding-top: auto !important;
  }
  .hmf-pr-md-auto,
  .hmf-px-md-auto {
    padding-right: auto !important;
  }
  .hmf-pb-md-auto,
  .hmf-py-md-auto {
    padding-bottom: auto !important;
  }
  .hmf-pl-md-auto,
  .hmf-px-md-auto {
    padding-left: auto !important;
  }
  .hmf-p-md-0 {
    padding: 0px !important;
  }
  .hmf-pt-md-0,
  .hmf-py-md-0 {
    padding-top: 0px !important;
  }
  .hmf-pr-md-0,
  .hmf-px-md-0 {
    padding-right: 0px !important;
  }
  .hmf-pb-md-0,
  .hmf-py-md-0 {
    padding-bottom: 0px !important;
  }
  .hmf-pl-md-0,
  .hmf-px-md-0 {
    padding-left: 0px !important;
  }
  .hmf-p-md-xxxs {
    padding: 4px !important;
  }
  .hmf-pt-md-xxxs,
  .hmf-py-md-xxxs {
    padding-top: 4px !important;
  }
  .hmf-pr-md-xxxs,
  .hmf-px-md-xxxs {
    padding-right: 4px !important;
  }
  .hmf-pb-md-xxxs,
  .hmf-py-md-xxxs {
    padding-bottom: 4px !important;
  }
  .hmf-pl-md-xxxs,
  .hmf-px-md-xxxs {
    padding-left: 4px !important;
  }
  .hmf-p-md-xxs {
    padding: 8px !important;
  }
  .hmf-pt-md-xxs,
  .hmf-py-md-xxs {
    padding-top: 8px !important;
  }
  .hmf-pr-md-xxs,
  .hmf-px-md-xxs {
    padding-right: 8px !important;
  }
  .hmf-pb-md-xxs,
  .hmf-py-md-xxs {
    padding-bottom: 8px !important;
  }
  .hmf-pl-md-xxs,
  .hmf-px-md-xxs {
    padding-left: 8px !important;
  }
  .hmf-p-md-xs {
    padding: 12px !important;
  }
  .hmf-pt-md-xs,
  .hmf-py-md-xs {
    padding-top: 12px !important;
  }
  .hmf-pr-md-xs,
  .hmf-px-md-xs {
    padding-right: 12px !important;
  }
  .hmf-pb-md-xs,
  .hmf-py-md-xs {
    padding-bottom: 12px !important;
  }
  .hmf-pl-md-xs,
  .hmf-px-md-xs {
    padding-left: 12px !important;
  }
  .hmf-p-md-s {
    padding: 16px !important;
  }
  .hmf-pt-md-s,
  .hmf-py-md-s {
    padding-top: 16px !important;
  }
  .hmf-pr-md-s,
  .hmf-px-md-s {
    padding-right: 16px !important;
  }
  .hmf-pb-md-s,
  .hmf-py-md-s {
    padding-bottom: 16px !important;
  }
  .hmf-pl-md-s,
  .hmf-px-md-s {
    padding-left: 16px !important;
  }
  .hmf-p-md-m {
    padding: 24px !important;
  }
  .hmf-pt-md-m,
  .hmf-py-md-m {
    padding-top: 24px !important;
  }
  .hmf-pr-md-m,
  .hmf-px-md-m {
    padding-right: 24px !important;
  }
  .hmf-pb-md-m,
  .hmf-py-md-m {
    padding-bottom: 24px !important;
  }
  .hmf-pl-md-m,
  .hmf-px-md-m {
    padding-left: 24px !important;
  }
  .hmf-p-md-l {
    padding: 32px !important;
  }
  .hmf-pt-md-l,
  .hmf-py-md-l {
    padding-top: 32px !important;
  }
  .hmf-pr-md-l,
  .hmf-px-md-l {
    padding-right: 32px !important;
  }
  .hmf-pb-md-l,
  .hmf-py-md-l {
    padding-bottom: 32px !important;
  }
  .hmf-pl-md-l,
  .hmf-px-md-l {
    padding-left: 32px !important;
  }
  .hmf-p-md-xl {
    padding: 48px !important;
  }
  .hmf-pt-md-xl,
  .hmf-py-md-xl {
    padding-top: 48px !important;
  }
  .hmf-pr-md-xl,
  .hmf-px-md-xl {
    padding-right: 48px !important;
  }
  .hmf-pb-md-xl,
  .hmf-py-md-xl {
    padding-bottom: 48px !important;
  }
  .hmf-pl-md-xl,
  .hmf-px-md-xl {
    padding-left: 48px !important;
  }
  .hmf-p-md-xxl {
    padding: 72px !important;
  }
  .hmf-pt-md-xxl,
  .hmf-py-md-xxl {
    padding-top: 72px !important;
  }
  .hmf-pr-md-xxl,
  .hmf-px-md-xxl {
    padding-right: 72px !important;
  }
  .hmf-pb-md-xxl,
  .hmf-py-md-xxl {
    padding-bottom: 72px !important;
  }
  .hmf-pl-md-xxl,
  .hmf-px-md-xxl {
    padding-left: 72px !important;
  }
  .hmf-p-md-xxxl {
    padding: 96px !important;
  }
  .hmf-pt-md-xxxl,
  .hmf-py-md-xxxl {
    padding-top: 96px !important;
  }
  .hmf-pr-md-xxxl,
  .hmf-px-md-xxxl {
    padding-right: 96px !important;
  }
  .hmf-pb-md-xxxl,
  .hmf-py-md-xxxl {
    padding-bottom: 96px !important;
  }
  .hmf-pl-md-xxxl,
  .hmf-px-md-xxxl {
    padding-left: 96px !important;
  }
  .hmf-p-md-xxxxl {
    padding: 120px !important;
  }
  .hmf-pt-md-xxxxl,
  .hmf-py-md-xxxxl {
    padding-top: 120px !important;
  }
  .hmf-pr-md-xxxxl,
  .hmf-px-md-xxxxl {
    padding-right: 120px !important;
  }
  .hmf-pb-md-xxxxl,
  .hmf-py-md-xxxxl {
    padding-bottom: 120px !important;
  }
  .hmf-pl-md-xxxxl,
  .hmf-px-md-xxxxl {
    padding-left: 120px !important;
  }
  .hmf-m-md-auto {
    margin: auto !important;
  }
  .hmf-mt-md-auto,
  .hmf-my-md-auto {
    margin-top: auto !important;
  }
  .hmf-mr-md-auto,
  .hmf-mx-md-auto {
    margin-right: auto !important;
  }
  .hmf-mb-md-auto,
  .hmf-my-md-auto {
    margin-bottom: auto !important;
  }
  .hmf-ml-md-auto,
  .hmf-mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1024px) {
  .hmf-m-lg-auto {
    margin: auto !important;
  }
  .hmf-mt-lg-auto,
  .hmf-my-lg-auto {
    margin-top: auto !important;
  }
  .hmf-mr-lg-auto,
  .hmf-mx-lg-auto {
    margin-right: auto !important;
  }
  .hmf-mb-lg-auto,
  .hmf-my-lg-auto {
    margin-bottom: auto !important;
  }
  .hmf-ml-lg-auto,
  .hmf-mx-lg-auto {
    margin-left: auto !important;
  }
  .hmf-m-lg-0 {
    margin: 0px !important;
  }
  .hmf-mt-lg-0,
  .hmf-my-lg-0 {
    margin-top: 0px !important;
  }
  .hmf-mr-lg-0,
  .hmf-mx-lg-0 {
    margin-right: 0px !important;
  }
  .hmf-mb-lg-0,
  .hmf-my-lg-0 {
    margin-bottom: 0px !important;
  }
  .hmf-ml-lg-0,
  .hmf-mx-lg-0 {
    margin-left: 0px !important;
  }
  .hmf-m-lg-xxxs {
    margin: 4px !important;
  }
  .hmf-mt-lg-xxxs,
  .hmf-my-lg-xxxs {
    margin-top: 4px !important;
  }
  .hmf-mr-lg-xxxs,
  .hmf-mx-lg-xxxs {
    margin-right: 4px !important;
  }
  .hmf-mb-lg-xxxs,
  .hmf-my-lg-xxxs {
    margin-bottom: 4px !important;
  }
  .hmf-ml-lg-xxxs,
  .hmf-mx-lg-xxxs {
    margin-left: 4px !important;
  }
  .hmf-m-lg-xxs {
    margin: 8px !important;
  }
  .hmf-mt-lg-xxs,
  .hmf-my-lg-xxs {
    margin-top: 8px !important;
  }
  .hmf-mr-lg-xxs,
  .hmf-mx-lg-xxs {
    margin-right: 8px !important;
  }
  .hmf-mb-lg-xxs,
  .hmf-my-lg-xxs {
    margin-bottom: 8px !important;
  }
  .hmf-ml-lg-xxs,
  .hmf-mx-lg-xxs {
    margin-left: 8px !important;
  }
  .hmf-m-lg-xs {
    margin: 12px !important;
  }
  .hmf-mt-lg-xs,
  .hmf-my-lg-xs {
    margin-top: 12px !important;
  }
  .hmf-mr-lg-xs,
  .hmf-mx-lg-xs {
    margin-right: 12px !important;
  }
  .hmf-mb-lg-xs,
  .hmf-my-lg-xs {
    margin-bottom: 12px !important;
  }
  .hmf-ml-lg-xs,
  .hmf-mx-lg-xs {
    margin-left: 12px !important;
  }
  .hmf-m-lg-s {
    margin: 16px !important;
  }
  .hmf-mt-lg-s,
  .hmf-my-lg-s {
    margin-top: 16px !important;
  }
  .hmf-mr-lg-s,
  .hmf-mx-lg-s {
    margin-right: 16px !important;
  }
  .hmf-mb-lg-s,
  .hmf-my-lg-s {
    margin-bottom: 16px !important;
  }
  .hmf-ml-lg-s,
  .hmf-mx-lg-s {
    margin-left: 16px !important;
  }
  .hmf-m-lg-m {
    margin: 24px !important;
  }
  .hmf-mt-lg-m,
  .hmf-my-lg-m {
    margin-top: 24px !important;
  }
  .hmf-mr-lg-m,
  .hmf-mx-lg-m {
    margin-right: 24px !important;
  }
  .hmf-mb-lg-m,
  .hmf-my-lg-m {
    margin-bottom: 24px !important;
  }
  .hmf-ml-lg-m,
  .hmf-mx-lg-m {
    margin-left: 24px !important;
  }
  .hmf-m-lg-l {
    margin: 32px !important;
  }
  .hmf-mt-lg-l,
  .hmf-my-lg-l {
    margin-top: 32px !important;
  }
  .hmf-mr-lg-l,
  .hmf-mx-lg-l {
    margin-right: 32px !important;
  }
  .hmf-mb-lg-l,
  .hmf-my-lg-l {
    margin-bottom: 32px !important;
  }
  .hmf-ml-lg-l,
  .hmf-mx-lg-l {
    margin-left: 32px !important;
  }
  .hmf-m-lg-xl {
    margin: 48px !important;
  }
  .hmf-mt-lg-xl,
  .hmf-my-lg-xl {
    margin-top: 48px !important;
  }
  .hmf-mr-lg-xl,
  .hmf-mx-lg-xl {
    margin-right: 48px !important;
  }
  .hmf-mb-lg-xl,
  .hmf-my-lg-xl {
    margin-bottom: 48px !important;
  }
  .hmf-ml-lg-xl,
  .hmf-mx-lg-xl {
    margin-left: 48px !important;
  }
  .hmf-m-lg-xxl {
    margin: 72px !important;
  }
  .hmf-mt-lg-xxl,
  .hmf-my-lg-xxl {
    margin-top: 72px !important;
  }
  .hmf-mr-lg-xxl,
  .hmf-mx-lg-xxl {
    margin-right: 72px !important;
  }
  .hmf-mb-lg-xxl,
  .hmf-my-lg-xxl {
    margin-bottom: 72px !important;
  }
  .hmf-ml-lg-xxl,
  .hmf-mx-lg-xxl {
    margin-left: 72px !important;
  }
  .hmf-m-lg-xxxl {
    margin: 96px !important;
  }
  .hmf-mt-lg-xxxl,
  .hmf-my-lg-xxxl {
    margin-top: 96px !important;
  }
  .hmf-mr-lg-xxxl,
  .hmf-mx-lg-xxxl {
    margin-right: 96px !important;
  }
  .hmf-mb-lg-xxxl,
  .hmf-my-lg-xxxl {
    margin-bottom: 96px !important;
  }
  .hmf-ml-lg-xxxl,
  .hmf-mx-lg-xxxl {
    margin-left: 96px !important;
  }
  .hmf-m-lg-xxxxl {
    margin: 120px !important;
  }
  .hmf-mt-lg-xxxxl,
  .hmf-my-lg-xxxxl {
    margin-top: 120px !important;
  }
  .hmf-mr-lg-xxxxl,
  .hmf-mx-lg-xxxxl {
    margin-right: 120px !important;
  }
  .hmf-mb-lg-xxxxl,
  .hmf-my-lg-xxxxl {
    margin-bottom: 120px !important;
  }
  .hmf-ml-lg-xxxxl,
  .hmf-mx-lg-xxxxl {
    margin-left: 120px !important;
  }
  .hmf-p-lg-auto {
    padding: auto !important;
  }
  .hmf-pt-lg-auto,
  .hmf-py-lg-auto {
    padding-top: auto !important;
  }
  .hmf-pr-lg-auto,
  .hmf-px-lg-auto {
    padding-right: auto !important;
  }
  .hmf-pb-lg-auto,
  .hmf-py-lg-auto {
    padding-bottom: auto !important;
  }
  .hmf-pl-lg-auto,
  .hmf-px-lg-auto {
    padding-left: auto !important;
  }
  .hmf-p-lg-0 {
    padding: 0px !important;
  }
  .hmf-pt-lg-0,
  .hmf-py-lg-0 {
    padding-top: 0px !important;
  }
  .hmf-pr-lg-0,
  .hmf-px-lg-0 {
    padding-right: 0px !important;
  }
  .hmf-pb-lg-0,
  .hmf-py-lg-0 {
    padding-bottom: 0px !important;
  }
  .hmf-pl-lg-0,
  .hmf-px-lg-0 {
    padding-left: 0px !important;
  }
  .hmf-p-lg-xxxs {
    padding: 4px !important;
  }
  .hmf-pt-lg-xxxs,
  .hmf-py-lg-xxxs {
    padding-top: 4px !important;
  }
  .hmf-pr-lg-xxxs,
  .hmf-px-lg-xxxs {
    padding-right: 4px !important;
  }
  .hmf-pb-lg-xxxs,
  .hmf-py-lg-xxxs {
    padding-bottom: 4px !important;
  }
  .hmf-pl-lg-xxxs,
  .hmf-px-lg-xxxs {
    padding-left: 4px !important;
  }
  .hmf-p-lg-xxs {
    padding: 8px !important;
  }
  .hmf-pt-lg-xxs,
  .hmf-py-lg-xxs {
    padding-top: 8px !important;
  }
  .hmf-pr-lg-xxs,
  .hmf-px-lg-xxs {
    padding-right: 8px !important;
  }
  .hmf-pb-lg-xxs,
  .hmf-py-lg-xxs {
    padding-bottom: 8px !important;
  }
  .hmf-pl-lg-xxs,
  .hmf-px-lg-xxs {
    padding-left: 8px !important;
  }
  .hmf-p-lg-xs {
    padding: 12px !important;
  }
  .hmf-pt-lg-xs,
  .hmf-py-lg-xs {
    padding-top: 12px !important;
  }
  .hmf-pr-lg-xs,
  .hmf-px-lg-xs {
    padding-right: 12px !important;
  }
  .hmf-pb-lg-xs,
  .hmf-py-lg-xs {
    padding-bottom: 12px !important;
  }
  .hmf-pl-lg-xs,
  .hmf-px-lg-xs {
    padding-left: 12px !important;
  }
  .hmf-p-lg-s {
    padding: 16px !important;
  }
  .hmf-pt-lg-s,
  .hmf-py-lg-s {
    padding-top: 16px !important;
  }
  .hmf-pr-lg-s,
  .hmf-px-lg-s {
    padding-right: 16px !important;
  }
  .hmf-pb-lg-s,
  .hmf-py-lg-s {
    padding-bottom: 16px !important;
  }
  .hmf-pl-lg-s,
  .hmf-px-lg-s {
    padding-left: 16px !important;
  }
  .hmf-p-lg-m {
    padding: 24px !important;
  }
  .hmf-pt-lg-m,
  .hmf-py-lg-m {
    padding-top: 24px !important;
  }
  .hmf-pr-lg-m,
  .hmf-px-lg-m {
    padding-right: 24px !important;
  }
  .hmf-pb-lg-m,
  .hmf-py-lg-m {
    padding-bottom: 24px !important;
  }
  .hmf-pl-lg-m,
  .hmf-px-lg-m {
    padding-left: 24px !important;
  }
  .hmf-p-lg-l {
    padding: 32px !important;
  }
  .hmf-pt-lg-l,
  .hmf-py-lg-l {
    padding-top: 32px !important;
  }
  .hmf-pr-lg-l,
  .hmf-px-lg-l {
    padding-right: 32px !important;
  }
  .hmf-pb-lg-l,
  .hmf-py-lg-l {
    padding-bottom: 32px !important;
  }
  .hmf-pl-lg-l,
  .hmf-px-lg-l {
    padding-left: 32px !important;
  }
  .hmf-p-lg-xl {
    padding: 48px !important;
  }
  .hmf-pt-lg-xl,
  .hmf-py-lg-xl {
    padding-top: 48px !important;
  }
  .hmf-pr-lg-xl,
  .hmf-px-lg-xl {
    padding-right: 48px !important;
  }
  .hmf-pb-lg-xl,
  .hmf-py-lg-xl {
    padding-bottom: 48px !important;
  }
  .hmf-pl-lg-xl,
  .hmf-px-lg-xl {
    padding-left: 48px !important;
  }
  .hmf-p-lg-xxl {
    padding: 72px !important;
  }
  .hmf-pt-lg-xxl,
  .hmf-py-lg-xxl {
    padding-top: 72px !important;
  }
  .hmf-pr-lg-xxl,
  .hmf-px-lg-xxl {
    padding-right: 72px !important;
  }
  .hmf-pb-lg-xxl,
  .hmf-py-lg-xxl {
    padding-bottom: 72px !important;
  }
  .hmf-pl-lg-xxl,
  .hmf-px-lg-xxl {
    padding-left: 72px !important;
  }
  .hmf-p-lg-xxxl {
    padding: 96px !important;
  }
  .hmf-pt-lg-xxxl,
  .hmf-py-lg-xxxl {
    padding-top: 96px !important;
  }
  .hmf-pr-lg-xxxl,
  .hmf-px-lg-xxxl {
    padding-right: 96px !important;
  }
  .hmf-pb-lg-xxxl,
  .hmf-py-lg-xxxl {
    padding-bottom: 96px !important;
  }
  .hmf-pl-lg-xxxl,
  .hmf-px-lg-xxxl {
    padding-left: 96px !important;
  }
  .hmf-p-lg-xxxxl {
    padding: 120px !important;
  }
  .hmf-pt-lg-xxxxl,
  .hmf-py-lg-xxxxl {
    padding-top: 120px !important;
  }
  .hmf-pr-lg-xxxxl,
  .hmf-px-lg-xxxxl {
    padding-right: 120px !important;
  }
  .hmf-pb-lg-xxxxl,
  .hmf-py-lg-xxxxl {
    padding-bottom: 120px !important;
  }
  .hmf-pl-lg-xxxxl,
  .hmf-px-lg-xxxxl {
    padding-left: 120px !important;
  }
  .hmf-m-lg-auto {
    margin: auto !important;
  }
  .hmf-mt-lg-auto,
  .hmf-my-lg-auto {
    margin-top: auto !important;
  }
  .hmf-mr-lg-auto,
  .hmf-mx-lg-auto {
    margin-right: auto !important;
  }
  .hmf-mb-lg-auto,
  .hmf-my-lg-auto {
    margin-bottom: auto !important;
  }
  .hmf-ml-lg-auto,
  .hmf-mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1280px) {
  .hmf-m-l-auto {
    margin: auto !important;
  }
  .hmf-mt-l-auto,
  .hmf-my-l-auto {
    margin-top: auto !important;
  }
  .hmf-mr-l-auto,
  .hmf-mx-l-auto {
    margin-right: auto !important;
  }
  .hmf-mb-l-auto,
  .hmf-my-l-auto {
    margin-bottom: auto !important;
  }
  .hmf-ml-l-auto,
  .hmf-mx-l-auto {
    margin-left: auto !important;
  }
  .hmf-m-l-0 {
    margin: 0px !important;
  }
  .hmf-mt-l-0,
  .hmf-my-l-0 {
    margin-top: 0px !important;
  }
  .hmf-mr-l-0,
  .hmf-mx-l-0 {
    margin-right: 0px !important;
  }
  .hmf-mb-l-0,
  .hmf-my-l-0 {
    margin-bottom: 0px !important;
  }
  .hmf-ml-l-0,
  .hmf-mx-l-0 {
    margin-left: 0px !important;
  }
  .hmf-m-l-xxxs {
    margin: 4px !important;
  }
  .hmf-mt-l-xxxs,
  .hmf-my-l-xxxs {
    margin-top: 4px !important;
  }
  .hmf-mr-l-xxxs,
  .hmf-mx-l-xxxs {
    margin-right: 4px !important;
  }
  .hmf-mb-l-xxxs,
  .hmf-my-l-xxxs {
    margin-bottom: 4px !important;
  }
  .hmf-ml-l-xxxs,
  .hmf-mx-l-xxxs {
    margin-left: 4px !important;
  }
  .hmf-m-l-xxs {
    margin: 8px !important;
  }
  .hmf-mt-l-xxs,
  .hmf-my-l-xxs {
    margin-top: 8px !important;
  }
  .hmf-mr-l-xxs,
  .hmf-mx-l-xxs {
    margin-right: 8px !important;
  }
  .hmf-mb-l-xxs,
  .hmf-my-l-xxs {
    margin-bottom: 8px !important;
  }
  .hmf-ml-l-xxs,
  .hmf-mx-l-xxs {
    margin-left: 8px !important;
  }
  .hmf-m-l-xs {
    margin: 12px !important;
  }
  .hmf-mt-l-xs,
  .hmf-my-l-xs {
    margin-top: 12px !important;
  }
  .hmf-mr-l-xs,
  .hmf-mx-l-xs {
    margin-right: 12px !important;
  }
  .hmf-mb-l-xs,
  .hmf-my-l-xs {
    margin-bottom: 12px !important;
  }
  .hmf-ml-l-xs,
  .hmf-mx-l-xs {
    margin-left: 12px !important;
  }
  .hmf-m-l-s {
    margin: 16px !important;
  }
  .hmf-mt-l-s,
  .hmf-my-l-s {
    margin-top: 16px !important;
  }
  .hmf-mr-l-s,
  .hmf-mx-l-s {
    margin-right: 16px !important;
  }
  .hmf-mb-l-s,
  .hmf-my-l-s {
    margin-bottom: 16px !important;
  }
  .hmf-ml-l-s,
  .hmf-mx-l-s {
    margin-left: 16px !important;
  }
  .hmf-m-l-m {
    margin: 24px !important;
  }
  .hmf-mt-l-m,
  .hmf-my-l-m {
    margin-top: 24px !important;
  }
  .hmf-mr-l-m,
  .hmf-mx-l-m {
    margin-right: 24px !important;
  }
  .hmf-mb-l-m,
  .hmf-my-l-m {
    margin-bottom: 24px !important;
  }
  .hmf-ml-l-m,
  .hmf-mx-l-m {
    margin-left: 24px !important;
  }
  .hmf-m-l-l {
    margin: 32px !important;
  }
  .hmf-mt-l-l,
  .hmf-my-l-l {
    margin-top: 32px !important;
  }
  .hmf-mr-l-l,
  .hmf-mx-l-l {
    margin-right: 32px !important;
  }
  .hmf-mb-l-l,
  .hmf-my-l-l {
    margin-bottom: 32px !important;
  }
  .hmf-ml-l-l,
  .hmf-mx-l-l {
    margin-left: 32px !important;
  }
  .hmf-m-l-xl {
    margin: 48px !important;
  }
  .hmf-mt-l-xl,
  .hmf-my-l-xl {
    margin-top: 48px !important;
  }
  .hmf-mr-l-xl,
  .hmf-mx-l-xl {
    margin-right: 48px !important;
  }
  .hmf-mb-l-xl,
  .hmf-my-l-xl {
    margin-bottom: 48px !important;
  }
  .hmf-ml-l-xl,
  .hmf-mx-l-xl {
    margin-left: 48px !important;
  }
  .hmf-m-l-xxl {
    margin: 72px !important;
  }
  .hmf-mt-l-xxl,
  .hmf-my-l-xxl {
    margin-top: 72px !important;
  }
  .hmf-mr-l-xxl,
  .hmf-mx-l-xxl {
    margin-right: 72px !important;
  }
  .hmf-mb-l-xxl,
  .hmf-my-l-xxl {
    margin-bottom: 72px !important;
  }
  .hmf-ml-l-xxl,
  .hmf-mx-l-xxl {
    margin-left: 72px !important;
  }
  .hmf-m-l-xxxl {
    margin: 96px !important;
  }
  .hmf-mt-l-xxxl,
  .hmf-my-l-xxxl {
    margin-top: 96px !important;
  }
  .hmf-mr-l-xxxl,
  .hmf-mx-l-xxxl {
    margin-right: 96px !important;
  }
  .hmf-mb-l-xxxl,
  .hmf-my-l-xxxl {
    margin-bottom: 96px !important;
  }
  .hmf-ml-l-xxxl,
  .hmf-mx-l-xxxl {
    margin-left: 96px !important;
  }
  .hmf-m-l-xxxxl {
    margin: 120px !important;
  }
  .hmf-mt-l-xxxxl,
  .hmf-my-l-xxxxl {
    margin-top: 120px !important;
  }
  .hmf-mr-l-xxxxl,
  .hmf-mx-l-xxxxl {
    margin-right: 120px !important;
  }
  .hmf-mb-l-xxxxl,
  .hmf-my-l-xxxxl {
    margin-bottom: 120px !important;
  }
  .hmf-ml-l-xxxxl,
  .hmf-mx-l-xxxxl {
    margin-left: 120px !important;
  }
  .hmf-p-l-auto {
    padding: auto !important;
  }
  .hmf-pt-l-auto,
  .hmf-py-l-auto {
    padding-top: auto !important;
  }
  .hmf-pr-l-auto,
  .hmf-px-l-auto {
    padding-right: auto !important;
  }
  .hmf-pb-l-auto,
  .hmf-py-l-auto {
    padding-bottom: auto !important;
  }
  .hmf-pl-l-auto,
  .hmf-px-l-auto {
    padding-left: auto !important;
  }
  .hmf-p-l-0 {
    padding: 0px !important;
  }
  .hmf-pt-l-0,
  .hmf-py-l-0 {
    padding-top: 0px !important;
  }
  .hmf-pr-l-0,
  .hmf-px-l-0 {
    padding-right: 0px !important;
  }
  .hmf-pb-l-0,
  .hmf-py-l-0 {
    padding-bottom: 0px !important;
  }
  .hmf-pl-l-0,
  .hmf-px-l-0 {
    padding-left: 0px !important;
  }
  .hmf-p-l-xxxs {
    padding: 4px !important;
  }
  .hmf-pt-l-xxxs,
  .hmf-py-l-xxxs {
    padding-top: 4px !important;
  }
  .hmf-pr-l-xxxs,
  .hmf-px-l-xxxs {
    padding-right: 4px !important;
  }
  .hmf-pb-l-xxxs,
  .hmf-py-l-xxxs {
    padding-bottom: 4px !important;
  }
  .hmf-pl-l-xxxs,
  .hmf-px-l-xxxs {
    padding-left: 4px !important;
  }
  .hmf-p-l-xxs {
    padding: 8px !important;
  }
  .hmf-pt-l-xxs,
  .hmf-py-l-xxs {
    padding-top: 8px !important;
  }
  .hmf-pr-l-xxs,
  .hmf-px-l-xxs {
    padding-right: 8px !important;
  }
  .hmf-pb-l-xxs,
  .hmf-py-l-xxs {
    padding-bottom: 8px !important;
  }
  .hmf-pl-l-xxs,
  .hmf-px-l-xxs {
    padding-left: 8px !important;
  }
  .hmf-p-l-xs {
    padding: 12px !important;
  }
  .hmf-pt-l-xs,
  .hmf-py-l-xs {
    padding-top: 12px !important;
  }
  .hmf-pr-l-xs,
  .hmf-px-l-xs {
    padding-right: 12px !important;
  }
  .hmf-pb-l-xs,
  .hmf-py-l-xs {
    padding-bottom: 12px !important;
  }
  .hmf-pl-l-xs,
  .hmf-px-l-xs {
    padding-left: 12px !important;
  }
  .hmf-p-l-s {
    padding: 16px !important;
  }
  .hmf-pt-l-s,
  .hmf-py-l-s {
    padding-top: 16px !important;
  }
  .hmf-pr-l-s,
  .hmf-px-l-s {
    padding-right: 16px !important;
  }
  .hmf-pb-l-s,
  .hmf-py-l-s {
    padding-bottom: 16px !important;
  }
  .hmf-pl-l-s,
  .hmf-px-l-s {
    padding-left: 16px !important;
  }
  .hmf-p-l-m {
    padding: 24px !important;
  }
  .hmf-pt-l-m,
  .hmf-py-l-m {
    padding-top: 24px !important;
  }
  .hmf-pr-l-m,
  .hmf-px-l-m {
    padding-right: 24px !important;
  }
  .hmf-pb-l-m,
  .hmf-py-l-m {
    padding-bottom: 24px !important;
  }
  .hmf-pl-l-m,
  .hmf-px-l-m {
    padding-left: 24px !important;
  }
  .hmf-p-l-l {
    padding: 32px !important;
  }
  .hmf-pt-l-l,
  .hmf-py-l-l {
    padding-top: 32px !important;
  }
  .hmf-pr-l-l,
  .hmf-px-l-l {
    padding-right: 32px !important;
  }
  .hmf-pb-l-l,
  .hmf-py-l-l {
    padding-bottom: 32px !important;
  }
  .hmf-pl-l-l,
  .hmf-px-l-l {
    padding-left: 32px !important;
  }
  .hmf-p-l-xl {
    padding: 48px !important;
  }
  .hmf-pt-l-xl,
  .hmf-py-l-xl {
    padding-top: 48px !important;
  }
  .hmf-pr-l-xl,
  .hmf-px-l-xl {
    padding-right: 48px !important;
  }
  .hmf-pb-l-xl,
  .hmf-py-l-xl {
    padding-bottom: 48px !important;
  }
  .hmf-pl-l-xl,
  .hmf-px-l-xl {
    padding-left: 48px !important;
  }
  .hmf-p-l-xxl {
    padding: 72px !important;
  }
  .hmf-pt-l-xxl,
  .hmf-py-l-xxl {
    padding-top: 72px !important;
  }
  .hmf-pr-l-xxl,
  .hmf-px-l-xxl {
    padding-right: 72px !important;
  }
  .hmf-pb-l-xxl,
  .hmf-py-l-xxl {
    padding-bottom: 72px !important;
  }
  .hmf-pl-l-xxl,
  .hmf-px-l-xxl {
    padding-left: 72px !important;
  }
  .hmf-p-l-xxxl {
    padding: 96px !important;
  }
  .hmf-pt-l-xxxl,
  .hmf-py-l-xxxl {
    padding-top: 96px !important;
  }
  .hmf-pr-l-xxxl,
  .hmf-px-l-xxxl {
    padding-right: 96px !important;
  }
  .hmf-pb-l-xxxl,
  .hmf-py-l-xxxl {
    padding-bottom: 96px !important;
  }
  .hmf-pl-l-xxxl,
  .hmf-px-l-xxxl {
    padding-left: 96px !important;
  }
  .hmf-p-l-xxxxl {
    padding: 120px !important;
  }
  .hmf-pt-l-xxxxl,
  .hmf-py-l-xxxxl {
    padding-top: 120px !important;
  }
  .hmf-pr-l-xxxxl,
  .hmf-px-l-xxxxl {
    padding-right: 120px !important;
  }
  .hmf-pb-l-xxxxl,
  .hmf-py-l-xxxxl {
    padding-bottom: 120px !important;
  }
  .hmf-pl-l-xxxxl,
  .hmf-px-l-xxxxl {
    padding-left: 120px !important;
  }
  .hmf-m-l-auto {
    margin: auto !important;
  }
  .hmf-mt-l-auto,
  .hmf-my-l-auto {
    margin-top: auto !important;
  }
  .hmf-mr-l-auto,
  .hmf-mx-l-auto {
    margin-right: auto !important;
  }
  .hmf-mb-l-auto,
  .hmf-my-l-auto {
    margin-bottom: auto !important;
  }
  .hmf-ml-l-auto,
  .hmf-mx-l-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1280px) {
  .hmf-m-xlg-auto {
    margin: auto !important;
  }
  .hmf-mt-xlg-auto,
  .hmf-my-xlg-auto {
    margin-top: auto !important;
  }
  .hmf-mr-xlg-auto,
  .hmf-mx-xlg-auto {
    margin-right: auto !important;
  }
  .hmf-mb-xlg-auto,
  .hmf-my-xlg-auto {
    margin-bottom: auto !important;
  }
  .hmf-ml-xlg-auto,
  .hmf-mx-xlg-auto {
    margin-left: auto !important;
  }
  .hmf-m-xlg-0 {
    margin: 0px !important;
  }
  .hmf-mt-xlg-0,
  .hmf-my-xlg-0 {
    margin-top: 0px !important;
  }
  .hmf-mr-xlg-0,
  .hmf-mx-xlg-0 {
    margin-right: 0px !important;
  }
  .hmf-mb-xlg-0,
  .hmf-my-xlg-0 {
    margin-bottom: 0px !important;
  }
  .hmf-ml-xlg-0,
  .hmf-mx-xlg-0 {
    margin-left: 0px !important;
  }
  .hmf-m-xlg-xxxs {
    margin: 4px !important;
  }
  .hmf-mt-xlg-xxxs,
  .hmf-my-xlg-xxxs {
    margin-top: 4px !important;
  }
  .hmf-mr-xlg-xxxs,
  .hmf-mx-xlg-xxxs {
    margin-right: 4px !important;
  }
  .hmf-mb-xlg-xxxs,
  .hmf-my-xlg-xxxs {
    margin-bottom: 4px !important;
  }
  .hmf-ml-xlg-xxxs,
  .hmf-mx-xlg-xxxs {
    margin-left: 4px !important;
  }
  .hmf-m-xlg-xxs {
    margin: 8px !important;
  }
  .hmf-mt-xlg-xxs,
  .hmf-my-xlg-xxs {
    margin-top: 8px !important;
  }
  .hmf-mr-xlg-xxs,
  .hmf-mx-xlg-xxs {
    margin-right: 8px !important;
  }
  .hmf-mb-xlg-xxs,
  .hmf-my-xlg-xxs {
    margin-bottom: 8px !important;
  }
  .hmf-ml-xlg-xxs,
  .hmf-mx-xlg-xxs {
    margin-left: 8px !important;
  }
  .hmf-m-xlg-xs {
    margin: 12px !important;
  }
  .hmf-mt-xlg-xs,
  .hmf-my-xlg-xs {
    margin-top: 12px !important;
  }
  .hmf-mr-xlg-xs,
  .hmf-mx-xlg-xs {
    margin-right: 12px !important;
  }
  .hmf-mb-xlg-xs,
  .hmf-my-xlg-xs {
    margin-bottom: 12px !important;
  }
  .hmf-ml-xlg-xs,
  .hmf-mx-xlg-xs {
    margin-left: 12px !important;
  }
  .hmf-m-xlg-s {
    margin: 16px !important;
  }
  .hmf-mt-xlg-s,
  .hmf-my-xlg-s {
    margin-top: 16px !important;
  }
  .hmf-mr-xlg-s,
  .hmf-mx-xlg-s {
    margin-right: 16px !important;
  }
  .hmf-mb-xlg-s,
  .hmf-my-xlg-s {
    margin-bottom: 16px !important;
  }
  .hmf-ml-xlg-s,
  .hmf-mx-xlg-s {
    margin-left: 16px !important;
  }
  .hmf-m-xlg-m {
    margin: 24px !important;
  }
  .hmf-mt-xlg-m,
  .hmf-my-xlg-m {
    margin-top: 24px !important;
  }
  .hmf-mr-xlg-m,
  .hmf-mx-xlg-m {
    margin-right: 24px !important;
  }
  .hmf-mb-xlg-m,
  .hmf-my-xlg-m {
    margin-bottom: 24px !important;
  }
  .hmf-ml-xlg-m,
  .hmf-mx-xlg-m {
    margin-left: 24px !important;
  }
  .hmf-m-xlg-l {
    margin: 32px !important;
  }
  .hmf-mt-xlg-l,
  .hmf-my-xlg-l {
    margin-top: 32px !important;
  }
  .hmf-mr-xlg-l,
  .hmf-mx-xlg-l {
    margin-right: 32px !important;
  }
  .hmf-mb-xlg-l,
  .hmf-my-xlg-l {
    margin-bottom: 32px !important;
  }
  .hmf-ml-xlg-l,
  .hmf-mx-xlg-l {
    margin-left: 32px !important;
  }
  .hmf-m-xlg-xl {
    margin: 48px !important;
  }
  .hmf-mt-xlg-xl,
  .hmf-my-xlg-xl {
    margin-top: 48px !important;
  }
  .hmf-mr-xlg-xl,
  .hmf-mx-xlg-xl {
    margin-right: 48px !important;
  }
  .hmf-mb-xlg-xl,
  .hmf-my-xlg-xl {
    margin-bottom: 48px !important;
  }
  .hmf-ml-xlg-xl,
  .hmf-mx-xlg-xl {
    margin-left: 48px !important;
  }
  .hmf-m-xlg-xxl {
    margin: 72px !important;
  }
  .hmf-mt-xlg-xxl,
  .hmf-my-xlg-xxl {
    margin-top: 72px !important;
  }
  .hmf-mr-xlg-xxl,
  .hmf-mx-xlg-xxl {
    margin-right: 72px !important;
  }
  .hmf-mb-xlg-xxl,
  .hmf-my-xlg-xxl {
    margin-bottom: 72px !important;
  }
  .hmf-ml-xlg-xxl,
  .hmf-mx-xlg-xxl {
    margin-left: 72px !important;
  }
  .hmf-m-xlg-xxxl {
    margin: 96px !important;
  }
  .hmf-mt-xlg-xxxl,
  .hmf-my-xlg-xxxl {
    margin-top: 96px !important;
  }
  .hmf-mr-xlg-xxxl,
  .hmf-mx-xlg-xxxl {
    margin-right: 96px !important;
  }
  .hmf-mb-xlg-xxxl,
  .hmf-my-xlg-xxxl {
    margin-bottom: 96px !important;
  }
  .hmf-ml-xlg-xxxl,
  .hmf-mx-xlg-xxxl {
    margin-left: 96px !important;
  }
  .hmf-m-xlg-xxxxl {
    margin: 120px !important;
  }
  .hmf-mt-xlg-xxxxl,
  .hmf-my-xlg-xxxxl {
    margin-top: 120px !important;
  }
  .hmf-mr-xlg-xxxxl,
  .hmf-mx-xlg-xxxxl {
    margin-right: 120px !important;
  }
  .hmf-mb-xlg-xxxxl,
  .hmf-my-xlg-xxxxl {
    margin-bottom: 120px !important;
  }
  .hmf-ml-xlg-xxxxl,
  .hmf-mx-xlg-xxxxl {
    margin-left: 120px !important;
  }
  .hmf-p-xlg-auto {
    padding: auto !important;
  }
  .hmf-pt-xlg-auto,
  .hmf-py-xlg-auto {
    padding-top: auto !important;
  }
  .hmf-pr-xlg-auto,
  .hmf-px-xlg-auto {
    padding-right: auto !important;
  }
  .hmf-pb-xlg-auto,
  .hmf-py-xlg-auto {
    padding-bottom: auto !important;
  }
  .hmf-pl-xlg-auto,
  .hmf-px-xlg-auto {
    padding-left: auto !important;
  }
  .hmf-p-xlg-0 {
    padding: 0px !important;
  }
  .hmf-pt-xlg-0,
  .hmf-py-xlg-0 {
    padding-top: 0px !important;
  }
  .hmf-pr-xlg-0,
  .hmf-px-xlg-0 {
    padding-right: 0px !important;
  }
  .hmf-pb-xlg-0,
  .hmf-py-xlg-0 {
    padding-bottom: 0px !important;
  }
  .hmf-pl-xlg-0,
  .hmf-px-xlg-0 {
    padding-left: 0px !important;
  }
  .hmf-p-xlg-xxxs {
    padding: 4px !important;
  }
  .hmf-pt-xlg-xxxs,
  .hmf-py-xlg-xxxs {
    padding-top: 4px !important;
  }
  .hmf-pr-xlg-xxxs,
  .hmf-px-xlg-xxxs {
    padding-right: 4px !important;
  }
  .hmf-pb-xlg-xxxs,
  .hmf-py-xlg-xxxs {
    padding-bottom: 4px !important;
  }
  .hmf-pl-xlg-xxxs,
  .hmf-px-xlg-xxxs {
    padding-left: 4px !important;
  }
  .hmf-p-xlg-xxs {
    padding: 8px !important;
  }
  .hmf-pt-xlg-xxs,
  .hmf-py-xlg-xxs {
    padding-top: 8px !important;
  }
  .hmf-pr-xlg-xxs,
  .hmf-px-xlg-xxs {
    padding-right: 8px !important;
  }
  .hmf-pb-xlg-xxs,
  .hmf-py-xlg-xxs {
    padding-bottom: 8px !important;
  }
  .hmf-pl-xlg-xxs,
  .hmf-px-xlg-xxs {
    padding-left: 8px !important;
  }
  .hmf-p-xlg-xs {
    padding: 12px !important;
  }
  .hmf-pt-xlg-xs,
  .hmf-py-xlg-xs {
    padding-top: 12px !important;
  }
  .hmf-pr-xlg-xs,
  .hmf-px-xlg-xs {
    padding-right: 12px !important;
  }
  .hmf-pb-xlg-xs,
  .hmf-py-xlg-xs {
    padding-bottom: 12px !important;
  }
  .hmf-pl-xlg-xs,
  .hmf-px-xlg-xs {
    padding-left: 12px !important;
  }
  .hmf-p-xlg-s {
    padding: 16px !important;
  }
  .hmf-pt-xlg-s,
  .hmf-py-xlg-s {
    padding-top: 16px !important;
  }
  .hmf-pr-xlg-s,
  .hmf-px-xlg-s {
    padding-right: 16px !important;
  }
  .hmf-pb-xlg-s,
  .hmf-py-xlg-s {
    padding-bottom: 16px !important;
  }
  .hmf-pl-xlg-s,
  .hmf-px-xlg-s {
    padding-left: 16px !important;
  }
  .hmf-p-xlg-m {
    padding: 24px !important;
  }
  .hmf-pt-xlg-m,
  .hmf-py-xlg-m {
    padding-top: 24px !important;
  }
  .hmf-pr-xlg-m,
  .hmf-px-xlg-m {
    padding-right: 24px !important;
  }
  .hmf-pb-xlg-m,
  .hmf-py-xlg-m {
    padding-bottom: 24px !important;
  }
  .hmf-pl-xlg-m,
  .hmf-px-xlg-m {
    padding-left: 24px !important;
  }
  .hmf-p-xlg-l {
    padding: 32px !important;
  }
  .hmf-pt-xlg-l,
  .hmf-py-xlg-l {
    padding-top: 32px !important;
  }
  .hmf-pr-xlg-l,
  .hmf-px-xlg-l {
    padding-right: 32px !important;
  }
  .hmf-pb-xlg-l,
  .hmf-py-xlg-l {
    padding-bottom: 32px !important;
  }
  .hmf-pl-xlg-l,
  .hmf-px-xlg-l {
    padding-left: 32px !important;
  }
  .hmf-p-xlg-xl {
    padding: 48px !important;
  }
  .hmf-pt-xlg-xl,
  .hmf-py-xlg-xl {
    padding-top: 48px !important;
  }
  .hmf-pr-xlg-xl,
  .hmf-px-xlg-xl {
    padding-right: 48px !important;
  }
  .hmf-pb-xlg-xl,
  .hmf-py-xlg-xl {
    padding-bottom: 48px !important;
  }
  .hmf-pl-xlg-xl,
  .hmf-px-xlg-xl {
    padding-left: 48px !important;
  }
  .hmf-p-xlg-xxl {
    padding: 72px !important;
  }
  .hmf-pt-xlg-xxl,
  .hmf-py-xlg-xxl {
    padding-top: 72px !important;
  }
  .hmf-pr-xlg-xxl,
  .hmf-px-xlg-xxl {
    padding-right: 72px !important;
  }
  .hmf-pb-xlg-xxl,
  .hmf-py-xlg-xxl {
    padding-bottom: 72px !important;
  }
  .hmf-pl-xlg-xxl,
  .hmf-px-xlg-xxl {
    padding-left: 72px !important;
  }
  .hmf-p-xlg-xxxl {
    padding: 96px !important;
  }
  .hmf-pt-xlg-xxxl,
  .hmf-py-xlg-xxxl {
    padding-top: 96px !important;
  }
  .hmf-pr-xlg-xxxl,
  .hmf-px-xlg-xxxl {
    padding-right: 96px !important;
  }
  .hmf-pb-xlg-xxxl,
  .hmf-py-xlg-xxxl {
    padding-bottom: 96px !important;
  }
  .hmf-pl-xlg-xxxl,
  .hmf-px-xlg-xxxl {
    padding-left: 96px !important;
  }
  .hmf-p-xlg-xxxxl {
    padding: 120px !important;
  }
  .hmf-pt-xlg-xxxxl,
  .hmf-py-xlg-xxxxl {
    padding-top: 120px !important;
  }
  .hmf-pr-xlg-xxxxl,
  .hmf-px-xlg-xxxxl {
    padding-right: 120px !important;
  }
  .hmf-pb-xlg-xxxxl,
  .hmf-py-xlg-xxxxl {
    padding-bottom: 120px !important;
  }
  .hmf-pl-xlg-xxxxl,
  .hmf-px-xlg-xxxxl {
    padding-left: 120px !important;
  }
  .hmf-m-xlg-auto {
    margin: auto !important;
  }
  .hmf-mt-xlg-auto,
  .hmf-my-xlg-auto {
    margin-top: auto !important;
  }
  .hmf-mr-xlg-auto,
  .hmf-mx-xlg-auto {
    margin-right: auto !important;
  }
  .hmf-mb-xlg-auto,
  .hmf-my-xlg-auto {
    margin-bottom: auto !important;
  }
  .hmf-ml-xlg-auto,
  .hmf-mx-xlg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1440px) {
  .hmf-m-xl-auto {
    margin: auto !important;
  }
  .hmf-mt-xl-auto,
  .hmf-my-xl-auto {
    margin-top: auto !important;
  }
  .hmf-mr-xl-auto,
  .hmf-mx-xl-auto {
    margin-right: auto !important;
  }
  .hmf-mb-xl-auto,
  .hmf-my-xl-auto {
    margin-bottom: auto !important;
  }
  .hmf-ml-xl-auto,
  .hmf-mx-xl-auto {
    margin-left: auto !important;
  }
  .hmf-m-xl-0 {
    margin: 0px !important;
  }
  .hmf-mt-xl-0,
  .hmf-my-xl-0 {
    margin-top: 0px !important;
  }
  .hmf-mr-xl-0,
  .hmf-mx-xl-0 {
    margin-right: 0px !important;
  }
  .hmf-mb-xl-0,
  .hmf-my-xl-0 {
    margin-bottom: 0px !important;
  }
  .hmf-ml-xl-0,
  .hmf-mx-xl-0 {
    margin-left: 0px !important;
  }
  .hmf-m-xl-xxxs {
    margin: 4px !important;
  }
  .hmf-mt-xl-xxxs,
  .hmf-my-xl-xxxs {
    margin-top: 4px !important;
  }
  .hmf-mr-xl-xxxs,
  .hmf-mx-xl-xxxs {
    margin-right: 4px !important;
  }
  .hmf-mb-xl-xxxs,
  .hmf-my-xl-xxxs {
    margin-bottom: 4px !important;
  }
  .hmf-ml-xl-xxxs,
  .hmf-mx-xl-xxxs {
    margin-left: 4px !important;
  }
  .hmf-m-xl-xxs {
    margin: 8px !important;
  }
  .hmf-mt-xl-xxs,
  .hmf-my-xl-xxs {
    margin-top: 8px !important;
  }
  .hmf-mr-xl-xxs,
  .hmf-mx-xl-xxs {
    margin-right: 8px !important;
  }
  .hmf-mb-xl-xxs,
  .hmf-my-xl-xxs {
    margin-bottom: 8px !important;
  }
  .hmf-ml-xl-xxs,
  .hmf-mx-xl-xxs {
    margin-left: 8px !important;
  }
  .hmf-m-xl-xs {
    margin: 12px !important;
  }
  .hmf-mt-xl-xs,
  .hmf-my-xl-xs {
    margin-top: 12px !important;
  }
  .hmf-mr-xl-xs,
  .hmf-mx-xl-xs {
    margin-right: 12px !important;
  }
  .hmf-mb-xl-xs,
  .hmf-my-xl-xs {
    margin-bottom: 12px !important;
  }
  .hmf-ml-xl-xs,
  .hmf-mx-xl-xs {
    margin-left: 12px !important;
  }
  .hmf-m-xl-s {
    margin: 16px !important;
  }
  .hmf-mt-xl-s,
  .hmf-my-xl-s {
    margin-top: 16px !important;
  }
  .hmf-mr-xl-s,
  .hmf-mx-xl-s {
    margin-right: 16px !important;
  }
  .hmf-mb-xl-s,
  .hmf-my-xl-s {
    margin-bottom: 16px !important;
  }
  .hmf-ml-xl-s,
  .hmf-mx-xl-s {
    margin-left: 16px !important;
  }
  .hmf-m-xl-m {
    margin: 24px !important;
  }
  .hmf-mt-xl-m,
  .hmf-my-xl-m {
    margin-top: 24px !important;
  }
  .hmf-mr-xl-m,
  .hmf-mx-xl-m {
    margin-right: 24px !important;
  }
  .hmf-mb-xl-m,
  .hmf-my-xl-m {
    margin-bottom: 24px !important;
  }
  .hmf-ml-xl-m,
  .hmf-mx-xl-m {
    margin-left: 24px !important;
  }
  .hmf-m-xl-l {
    margin: 32px !important;
  }
  .hmf-mt-xl-l,
  .hmf-my-xl-l {
    margin-top: 32px !important;
  }
  .hmf-mr-xl-l,
  .hmf-mx-xl-l {
    margin-right: 32px !important;
  }
  .hmf-mb-xl-l,
  .hmf-my-xl-l {
    margin-bottom: 32px !important;
  }
  .hmf-ml-xl-l,
  .hmf-mx-xl-l {
    margin-left: 32px !important;
  }
  .hmf-m-xl-xl {
    margin: 48px !important;
  }
  .hmf-mt-xl-xl,
  .hmf-my-xl-xl {
    margin-top: 48px !important;
  }
  .hmf-mr-xl-xl,
  .hmf-mx-xl-xl {
    margin-right: 48px !important;
  }
  .hmf-mb-xl-xl,
  .hmf-my-xl-xl {
    margin-bottom: 48px !important;
  }
  .hmf-ml-xl-xl,
  .hmf-mx-xl-xl {
    margin-left: 48px !important;
  }
  .hmf-m-xl-xxl {
    margin: 72px !important;
  }
  .hmf-mt-xl-xxl,
  .hmf-my-xl-xxl {
    margin-top: 72px !important;
  }
  .hmf-mr-xl-xxl,
  .hmf-mx-xl-xxl {
    margin-right: 72px !important;
  }
  .hmf-mb-xl-xxl,
  .hmf-my-xl-xxl {
    margin-bottom: 72px !important;
  }
  .hmf-ml-xl-xxl,
  .hmf-mx-xl-xxl {
    margin-left: 72px !important;
  }
  .hmf-m-xl-xxxl {
    margin: 96px !important;
  }
  .hmf-mt-xl-xxxl,
  .hmf-my-xl-xxxl {
    margin-top: 96px !important;
  }
  .hmf-mr-xl-xxxl,
  .hmf-mx-xl-xxxl {
    margin-right: 96px !important;
  }
  .hmf-mb-xl-xxxl,
  .hmf-my-xl-xxxl {
    margin-bottom: 96px !important;
  }
  .hmf-ml-xl-xxxl,
  .hmf-mx-xl-xxxl {
    margin-left: 96px !important;
  }
  .hmf-m-xl-xxxxl {
    margin: 120px !important;
  }
  .hmf-mt-xl-xxxxl,
  .hmf-my-xl-xxxxl {
    margin-top: 120px !important;
  }
  .hmf-mr-xl-xxxxl,
  .hmf-mx-xl-xxxxl {
    margin-right: 120px !important;
  }
  .hmf-mb-xl-xxxxl,
  .hmf-my-xl-xxxxl {
    margin-bottom: 120px !important;
  }
  .hmf-ml-xl-xxxxl,
  .hmf-mx-xl-xxxxl {
    margin-left: 120px !important;
  }
  .hmf-p-xl-auto {
    padding: auto !important;
  }
  .hmf-pt-xl-auto,
  .hmf-py-xl-auto {
    padding-top: auto !important;
  }
  .hmf-pr-xl-auto,
  .hmf-px-xl-auto {
    padding-right: auto !important;
  }
  .hmf-pb-xl-auto,
  .hmf-py-xl-auto {
    padding-bottom: auto !important;
  }
  .hmf-pl-xl-auto,
  .hmf-px-xl-auto {
    padding-left: auto !important;
  }
  .hmf-p-xl-0 {
    padding: 0px !important;
  }
  .hmf-pt-xl-0,
  .hmf-py-xl-0 {
    padding-top: 0px !important;
  }
  .hmf-pr-xl-0,
  .hmf-px-xl-0 {
    padding-right: 0px !important;
  }
  .hmf-pb-xl-0,
  .hmf-py-xl-0 {
    padding-bottom: 0px !important;
  }
  .hmf-pl-xl-0,
  .hmf-px-xl-0 {
    padding-left: 0px !important;
  }
  .hmf-p-xl-xxxs {
    padding: 4px !important;
  }
  .hmf-pt-xl-xxxs,
  .hmf-py-xl-xxxs {
    padding-top: 4px !important;
  }
  .hmf-pr-xl-xxxs,
  .hmf-px-xl-xxxs {
    padding-right: 4px !important;
  }
  .hmf-pb-xl-xxxs,
  .hmf-py-xl-xxxs {
    padding-bottom: 4px !important;
  }
  .hmf-pl-xl-xxxs,
  .hmf-px-xl-xxxs {
    padding-left: 4px !important;
  }
  .hmf-p-xl-xxs {
    padding: 8px !important;
  }
  .hmf-pt-xl-xxs,
  .hmf-py-xl-xxs {
    padding-top: 8px !important;
  }
  .hmf-pr-xl-xxs,
  .hmf-px-xl-xxs {
    padding-right: 8px !important;
  }
  .hmf-pb-xl-xxs,
  .hmf-py-xl-xxs {
    padding-bottom: 8px !important;
  }
  .hmf-pl-xl-xxs,
  .hmf-px-xl-xxs {
    padding-left: 8px !important;
  }
  .hmf-p-xl-xs {
    padding: 12px !important;
  }
  .hmf-pt-xl-xs,
  .hmf-py-xl-xs {
    padding-top: 12px !important;
  }
  .hmf-pr-xl-xs,
  .hmf-px-xl-xs {
    padding-right: 12px !important;
  }
  .hmf-pb-xl-xs,
  .hmf-py-xl-xs {
    padding-bottom: 12px !important;
  }
  .hmf-pl-xl-xs,
  .hmf-px-xl-xs {
    padding-left: 12px !important;
  }
  .hmf-p-xl-s {
    padding: 16px !important;
  }
  .hmf-pt-xl-s,
  .hmf-py-xl-s {
    padding-top: 16px !important;
  }
  .hmf-pr-xl-s,
  .hmf-px-xl-s {
    padding-right: 16px !important;
  }
  .hmf-pb-xl-s,
  .hmf-py-xl-s {
    padding-bottom: 16px !important;
  }
  .hmf-pl-xl-s,
  .hmf-px-xl-s {
    padding-left: 16px !important;
  }
  .hmf-p-xl-m {
    padding: 24px !important;
  }
  .hmf-pt-xl-m,
  .hmf-py-xl-m {
    padding-top: 24px !important;
  }
  .hmf-pr-xl-m,
  .hmf-px-xl-m {
    padding-right: 24px !important;
  }
  .hmf-pb-xl-m,
  .hmf-py-xl-m {
    padding-bottom: 24px !important;
  }
  .hmf-pl-xl-m,
  .hmf-px-xl-m {
    padding-left: 24px !important;
  }
  .hmf-p-xl-l {
    padding: 32px !important;
  }
  .hmf-pt-xl-l,
  .hmf-py-xl-l {
    padding-top: 32px !important;
  }
  .hmf-pr-xl-l,
  .hmf-px-xl-l {
    padding-right: 32px !important;
  }
  .hmf-pb-xl-l,
  .hmf-py-xl-l {
    padding-bottom: 32px !important;
  }
  .hmf-pl-xl-l,
  .hmf-px-xl-l {
    padding-left: 32px !important;
  }
  .hmf-p-xl-xl {
    padding: 48px !important;
  }
  .hmf-pt-xl-xl,
  .hmf-py-xl-xl {
    padding-top: 48px !important;
  }
  .hmf-pr-xl-xl,
  .hmf-px-xl-xl {
    padding-right: 48px !important;
  }
  .hmf-pb-xl-xl,
  .hmf-py-xl-xl {
    padding-bottom: 48px !important;
  }
  .hmf-pl-xl-xl,
  .hmf-px-xl-xl {
    padding-left: 48px !important;
  }
  .hmf-p-xl-xxl {
    padding: 72px !important;
  }
  .hmf-pt-xl-xxl,
  .hmf-py-xl-xxl {
    padding-top: 72px !important;
  }
  .hmf-pr-xl-xxl,
  .hmf-px-xl-xxl {
    padding-right: 72px !important;
  }
  .hmf-pb-xl-xxl,
  .hmf-py-xl-xxl {
    padding-bottom: 72px !important;
  }
  .hmf-pl-xl-xxl,
  .hmf-px-xl-xxl {
    padding-left: 72px !important;
  }
  .hmf-p-xl-xxxl {
    padding: 96px !important;
  }
  .hmf-pt-xl-xxxl,
  .hmf-py-xl-xxxl {
    padding-top: 96px !important;
  }
  .hmf-pr-xl-xxxl,
  .hmf-px-xl-xxxl {
    padding-right: 96px !important;
  }
  .hmf-pb-xl-xxxl,
  .hmf-py-xl-xxxl {
    padding-bottom: 96px !important;
  }
  .hmf-pl-xl-xxxl,
  .hmf-px-xl-xxxl {
    padding-left: 96px !important;
  }
  .hmf-p-xl-xxxxl {
    padding: 120px !important;
  }
  .hmf-pt-xl-xxxxl,
  .hmf-py-xl-xxxxl {
    padding-top: 120px !important;
  }
  .hmf-pr-xl-xxxxl,
  .hmf-px-xl-xxxxl {
    padding-right: 120px !important;
  }
  .hmf-pb-xl-xxxxl,
  .hmf-py-xl-xxxxl {
    padding-bottom: 120px !important;
  }
  .hmf-pl-xl-xxxxl,
  .hmf-px-xl-xxxxl {
    padding-left: 120px !important;
  }
  .hmf-m-xl-auto {
    margin: auto !important;
  }
  .hmf-mt-xl-auto,
  .hmf-my-xl-auto {
    margin-top: auto !important;
  }
  .hmf-mr-xl-auto,
  .hmf-mx-xl-auto {
    margin-right: auto !important;
  }
  .hmf-mb-xl-auto,
  .hmf-my-xl-auto {
    margin-bottom: auto !important;
  }
  .hmf-ml-xl-auto,
  .hmf-mx-xl-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1440px) {
  .hmf-m-xxlg-auto {
    margin: auto !important;
  }
  .hmf-mt-xxlg-auto,
  .hmf-my-xxlg-auto {
    margin-top: auto !important;
  }
  .hmf-mr-xxlg-auto,
  .hmf-mx-xxlg-auto {
    margin-right: auto !important;
  }
  .hmf-mb-xxlg-auto,
  .hmf-my-xxlg-auto {
    margin-bottom: auto !important;
  }
  .hmf-ml-xxlg-auto,
  .hmf-mx-xxlg-auto {
    margin-left: auto !important;
  }
  .hmf-m-xxlg-0 {
    margin: 0px !important;
  }
  .hmf-mt-xxlg-0,
  .hmf-my-xxlg-0 {
    margin-top: 0px !important;
  }
  .hmf-mr-xxlg-0,
  .hmf-mx-xxlg-0 {
    margin-right: 0px !important;
  }
  .hmf-mb-xxlg-0,
  .hmf-my-xxlg-0 {
    margin-bottom: 0px !important;
  }
  .hmf-ml-xxlg-0,
  .hmf-mx-xxlg-0 {
    margin-left: 0px !important;
  }
  .hmf-m-xxlg-xxxs {
    margin: 4px !important;
  }
  .hmf-mt-xxlg-xxxs,
  .hmf-my-xxlg-xxxs {
    margin-top: 4px !important;
  }
  .hmf-mr-xxlg-xxxs,
  .hmf-mx-xxlg-xxxs {
    margin-right: 4px !important;
  }
  .hmf-mb-xxlg-xxxs,
  .hmf-my-xxlg-xxxs {
    margin-bottom: 4px !important;
  }
  .hmf-ml-xxlg-xxxs,
  .hmf-mx-xxlg-xxxs {
    margin-left: 4px !important;
  }
  .hmf-m-xxlg-xxs {
    margin: 8px !important;
  }
  .hmf-mt-xxlg-xxs,
  .hmf-my-xxlg-xxs {
    margin-top: 8px !important;
  }
  .hmf-mr-xxlg-xxs,
  .hmf-mx-xxlg-xxs {
    margin-right: 8px !important;
  }
  .hmf-mb-xxlg-xxs,
  .hmf-my-xxlg-xxs {
    margin-bottom: 8px !important;
  }
  .hmf-ml-xxlg-xxs,
  .hmf-mx-xxlg-xxs {
    margin-left: 8px !important;
  }
  .hmf-m-xxlg-xs {
    margin: 12px !important;
  }
  .hmf-mt-xxlg-xs,
  .hmf-my-xxlg-xs {
    margin-top: 12px !important;
  }
  .hmf-mr-xxlg-xs,
  .hmf-mx-xxlg-xs {
    margin-right: 12px !important;
  }
  .hmf-mb-xxlg-xs,
  .hmf-my-xxlg-xs {
    margin-bottom: 12px !important;
  }
  .hmf-ml-xxlg-xs,
  .hmf-mx-xxlg-xs {
    margin-left: 12px !important;
  }
  .hmf-m-xxlg-s {
    margin: 16px !important;
  }
  .hmf-mt-xxlg-s,
  .hmf-my-xxlg-s {
    margin-top: 16px !important;
  }
  .hmf-mr-xxlg-s,
  .hmf-mx-xxlg-s {
    margin-right: 16px !important;
  }
  .hmf-mb-xxlg-s,
  .hmf-my-xxlg-s {
    margin-bottom: 16px !important;
  }
  .hmf-ml-xxlg-s,
  .hmf-mx-xxlg-s {
    margin-left: 16px !important;
  }
  .hmf-m-xxlg-m {
    margin: 24px !important;
  }
  .hmf-mt-xxlg-m,
  .hmf-my-xxlg-m {
    margin-top: 24px !important;
  }
  .hmf-mr-xxlg-m,
  .hmf-mx-xxlg-m {
    margin-right: 24px !important;
  }
  .hmf-mb-xxlg-m,
  .hmf-my-xxlg-m {
    margin-bottom: 24px !important;
  }
  .hmf-ml-xxlg-m,
  .hmf-mx-xxlg-m {
    margin-left: 24px !important;
  }
  .hmf-m-xxlg-l {
    margin: 32px !important;
  }
  .hmf-mt-xxlg-l,
  .hmf-my-xxlg-l {
    margin-top: 32px !important;
  }
  .hmf-mr-xxlg-l,
  .hmf-mx-xxlg-l {
    margin-right: 32px !important;
  }
  .hmf-mb-xxlg-l,
  .hmf-my-xxlg-l {
    margin-bottom: 32px !important;
  }
  .hmf-ml-xxlg-l,
  .hmf-mx-xxlg-l {
    margin-left: 32px !important;
  }
  .hmf-m-xxlg-xl {
    margin: 48px !important;
  }
  .hmf-mt-xxlg-xl,
  .hmf-my-xxlg-xl {
    margin-top: 48px !important;
  }
  .hmf-mr-xxlg-xl,
  .hmf-mx-xxlg-xl {
    margin-right: 48px !important;
  }
  .hmf-mb-xxlg-xl,
  .hmf-my-xxlg-xl {
    margin-bottom: 48px !important;
  }
  .hmf-ml-xxlg-xl,
  .hmf-mx-xxlg-xl {
    margin-left: 48px !important;
  }
  .hmf-m-xxlg-xxl {
    margin: 72px !important;
  }
  .hmf-mt-xxlg-xxl,
  .hmf-my-xxlg-xxl {
    margin-top: 72px !important;
  }
  .hmf-mr-xxlg-xxl,
  .hmf-mx-xxlg-xxl {
    margin-right: 72px !important;
  }
  .hmf-mb-xxlg-xxl,
  .hmf-my-xxlg-xxl {
    margin-bottom: 72px !important;
  }
  .hmf-ml-xxlg-xxl,
  .hmf-mx-xxlg-xxl {
    margin-left: 72px !important;
  }
  .hmf-m-xxlg-xxxl {
    margin: 96px !important;
  }
  .hmf-mt-xxlg-xxxl,
  .hmf-my-xxlg-xxxl {
    margin-top: 96px !important;
  }
  .hmf-mr-xxlg-xxxl,
  .hmf-mx-xxlg-xxxl {
    margin-right: 96px !important;
  }
  .hmf-mb-xxlg-xxxl,
  .hmf-my-xxlg-xxxl {
    margin-bottom: 96px !important;
  }
  .hmf-ml-xxlg-xxxl,
  .hmf-mx-xxlg-xxxl {
    margin-left: 96px !important;
  }
  .hmf-m-xxlg-xxxxl {
    margin: 120px !important;
  }
  .hmf-mt-xxlg-xxxxl,
  .hmf-my-xxlg-xxxxl {
    margin-top: 120px !important;
  }
  .hmf-mr-xxlg-xxxxl,
  .hmf-mx-xxlg-xxxxl {
    margin-right: 120px !important;
  }
  .hmf-mb-xxlg-xxxxl,
  .hmf-my-xxlg-xxxxl {
    margin-bottom: 120px !important;
  }
  .hmf-ml-xxlg-xxxxl,
  .hmf-mx-xxlg-xxxxl {
    margin-left: 120px !important;
  }
  .hmf-p-xxlg-auto {
    padding: auto !important;
  }
  .hmf-pt-xxlg-auto,
  .hmf-py-xxlg-auto {
    padding-top: auto !important;
  }
  .hmf-pr-xxlg-auto,
  .hmf-px-xxlg-auto {
    padding-right: auto !important;
  }
  .hmf-pb-xxlg-auto,
  .hmf-py-xxlg-auto {
    padding-bottom: auto !important;
  }
  .hmf-pl-xxlg-auto,
  .hmf-px-xxlg-auto {
    padding-left: auto !important;
  }
  .hmf-p-xxlg-0 {
    padding: 0px !important;
  }
  .hmf-pt-xxlg-0,
  .hmf-py-xxlg-0 {
    padding-top: 0px !important;
  }
  .hmf-pr-xxlg-0,
  .hmf-px-xxlg-0 {
    padding-right: 0px !important;
  }
  .hmf-pb-xxlg-0,
  .hmf-py-xxlg-0 {
    padding-bottom: 0px !important;
  }
  .hmf-pl-xxlg-0,
  .hmf-px-xxlg-0 {
    padding-left: 0px !important;
  }
  .hmf-p-xxlg-xxxs {
    padding: 4px !important;
  }
  .hmf-pt-xxlg-xxxs,
  .hmf-py-xxlg-xxxs {
    padding-top: 4px !important;
  }
  .hmf-pr-xxlg-xxxs,
  .hmf-px-xxlg-xxxs {
    padding-right: 4px !important;
  }
  .hmf-pb-xxlg-xxxs,
  .hmf-py-xxlg-xxxs {
    padding-bottom: 4px !important;
  }
  .hmf-pl-xxlg-xxxs,
  .hmf-px-xxlg-xxxs {
    padding-left: 4px !important;
  }
  .hmf-p-xxlg-xxs {
    padding: 8px !important;
  }
  .hmf-pt-xxlg-xxs,
  .hmf-py-xxlg-xxs {
    padding-top: 8px !important;
  }
  .hmf-pr-xxlg-xxs,
  .hmf-px-xxlg-xxs {
    padding-right: 8px !important;
  }
  .hmf-pb-xxlg-xxs,
  .hmf-py-xxlg-xxs {
    padding-bottom: 8px !important;
  }
  .hmf-pl-xxlg-xxs,
  .hmf-px-xxlg-xxs {
    padding-left: 8px !important;
  }
  .hmf-p-xxlg-xs {
    padding: 12px !important;
  }
  .hmf-pt-xxlg-xs,
  .hmf-py-xxlg-xs {
    padding-top: 12px !important;
  }
  .hmf-pr-xxlg-xs,
  .hmf-px-xxlg-xs {
    padding-right: 12px !important;
  }
  .hmf-pb-xxlg-xs,
  .hmf-py-xxlg-xs {
    padding-bottom: 12px !important;
  }
  .hmf-pl-xxlg-xs,
  .hmf-px-xxlg-xs {
    padding-left: 12px !important;
  }
  .hmf-p-xxlg-s {
    padding: 16px !important;
  }
  .hmf-pt-xxlg-s,
  .hmf-py-xxlg-s {
    padding-top: 16px !important;
  }
  .hmf-pr-xxlg-s,
  .hmf-px-xxlg-s {
    padding-right: 16px !important;
  }
  .hmf-pb-xxlg-s,
  .hmf-py-xxlg-s {
    padding-bottom: 16px !important;
  }
  .hmf-pl-xxlg-s,
  .hmf-px-xxlg-s {
    padding-left: 16px !important;
  }
  .hmf-p-xxlg-m {
    padding: 24px !important;
  }
  .hmf-pt-xxlg-m,
  .hmf-py-xxlg-m {
    padding-top: 24px !important;
  }
  .hmf-pr-xxlg-m,
  .hmf-px-xxlg-m {
    padding-right: 24px !important;
  }
  .hmf-pb-xxlg-m,
  .hmf-py-xxlg-m {
    padding-bottom: 24px !important;
  }
  .hmf-pl-xxlg-m,
  .hmf-px-xxlg-m {
    padding-left: 24px !important;
  }
  .hmf-p-xxlg-l {
    padding: 32px !important;
  }
  .hmf-pt-xxlg-l,
  .hmf-py-xxlg-l {
    padding-top: 32px !important;
  }
  .hmf-pr-xxlg-l,
  .hmf-px-xxlg-l {
    padding-right: 32px !important;
  }
  .hmf-pb-xxlg-l,
  .hmf-py-xxlg-l {
    padding-bottom: 32px !important;
  }
  .hmf-pl-xxlg-l,
  .hmf-px-xxlg-l {
    padding-left: 32px !important;
  }
  .hmf-p-xxlg-xl {
    padding: 48px !important;
  }
  .hmf-pt-xxlg-xl,
  .hmf-py-xxlg-xl {
    padding-top: 48px !important;
  }
  .hmf-pr-xxlg-xl,
  .hmf-px-xxlg-xl {
    padding-right: 48px !important;
  }
  .hmf-pb-xxlg-xl,
  .hmf-py-xxlg-xl {
    padding-bottom: 48px !important;
  }
  .hmf-pl-xxlg-xl,
  .hmf-px-xxlg-xl {
    padding-left: 48px !important;
  }
  .hmf-p-xxlg-xxl {
    padding: 72px !important;
  }
  .hmf-pt-xxlg-xxl,
  .hmf-py-xxlg-xxl {
    padding-top: 72px !important;
  }
  .hmf-pr-xxlg-xxl,
  .hmf-px-xxlg-xxl {
    padding-right: 72px !important;
  }
  .hmf-pb-xxlg-xxl,
  .hmf-py-xxlg-xxl {
    padding-bottom: 72px !important;
  }
  .hmf-pl-xxlg-xxl,
  .hmf-px-xxlg-xxl {
    padding-left: 72px !important;
  }
  .hmf-p-xxlg-xxxl {
    padding: 96px !important;
  }
  .hmf-pt-xxlg-xxxl,
  .hmf-py-xxlg-xxxl {
    padding-top: 96px !important;
  }
  .hmf-pr-xxlg-xxxl,
  .hmf-px-xxlg-xxxl {
    padding-right: 96px !important;
  }
  .hmf-pb-xxlg-xxxl,
  .hmf-py-xxlg-xxxl {
    padding-bottom: 96px !important;
  }
  .hmf-pl-xxlg-xxxl,
  .hmf-px-xxlg-xxxl {
    padding-left: 96px !important;
  }
  .hmf-p-xxlg-xxxxl {
    padding: 120px !important;
  }
  .hmf-pt-xxlg-xxxxl,
  .hmf-py-xxlg-xxxxl {
    padding-top: 120px !important;
  }
  .hmf-pr-xxlg-xxxxl,
  .hmf-px-xxlg-xxxxl {
    padding-right: 120px !important;
  }
  .hmf-pb-xxlg-xxxxl,
  .hmf-py-xxlg-xxxxl {
    padding-bottom: 120px !important;
  }
  .hmf-pl-xxlg-xxxxl,
  .hmf-px-xxlg-xxxxl {
    padding-left: 120px !important;
  }
  .hmf-m-xxlg-auto {
    margin: auto !important;
  }
  .hmf-mt-xxlg-auto,
  .hmf-my-xxlg-auto {
    margin-top: auto !important;
  }
  .hmf-mr-xxlg-auto,
  .hmf-mx-xxlg-auto {
    margin-right: auto !important;
  }
  .hmf-mb-xxlg-auto,
  .hmf-my-xxlg-auto {
    margin-bottom: auto !important;
  }
  .hmf-ml-xxlg-auto,
  .hmf-mx-xxlg-auto {
    margin-left: auto !important;
  }
}
.hmf-sharp-radius {
  border-radius: var(--hmf-sharp-radius);
}

.hmf-soft-radius {
  border-radius: var(--hmf-soft-radius);
}

.hmf-round-radius {
  border-radius: var(--hmf-round-radius);
}

.hmf-subtle-shadow {
  box-shadow: var(--hmf-subtle-shadow);
}

.hmf-elevated-shadow {
  box-shadow: var(--hmf-elevated-shadow);
}

.hmf-elevated-up-shadow {
  box-shadow: var(--hmf-elevated-up-shadow);
}

.hmf-soft-shadow {
  box-shadow: var(--hmf-soft-shadow);
}

.hmf-display-none {
  display: none;
}

.hmf-display-inline {
  display: inline;
}

.hmf-display-inline-block {
  display: inline-block;
}

.hmf-display-block {
  display: block;
}

.hmf-display-table {
  display: table;
}

.hmf-display-table-cell {
  display: table-cell;
}

.hmf-display-table-row {
  display: table-row;
}

.hmf-display-flex {
  display: flex;
}

.hmf-display-inline-flex {
  display: inline-flex;
}

.hmf-display-none {
  display: none;
}

.hmf-display-inline {
  display: inline;
}

.hmf-display-inline-block {
  display: inline-block;
}

.hmf-display-block {
  display: block;
}

.hmf-display-table {
  display: table;
}

.hmf-display-table-cell {
  display: table-cell;
}

.hmf-display-table-row {
  display: table-row;
}

.hmf-display-flex {
  display: flex;
}

.hmf-display-inline-flex {
  display: inline-flex;
}

@media (min-width: 375px) {
  .hmf-display-s-none {
    display: none;
  }
  .hmf-display-s-inline {
    display: inline;
  }
  .hmf-display-s-inline-block {
    display: inline-block;
  }
  .hmf-display-s-block {
    display: block;
  }
  .hmf-display-s-table {
    display: table;
  }
  .hmf-display-s-table-cell {
    display: table-cell;
  }
  .hmf-display-s-table-row {
    display: table-row;
  }
  .hmf-display-s-flex {
    display: flex;
  }
  .hmf-display-s-inline-flex {
    display: inline-flex;
  }
}
@media (min-width: 375px) {
  .hmf-display-xsm-none {
    display: none;
  }
  .hmf-display-xsm-inline {
    display: inline;
  }
  .hmf-display-xsm-inline-block {
    display: inline-block;
  }
  .hmf-display-xsm-block {
    display: block;
  }
  .hmf-display-xsm-table {
    display: table;
  }
  .hmf-display-xsm-table-cell {
    display: table-cell;
  }
  .hmf-display-xsm-table-row {
    display: table-row;
  }
  .hmf-display-xsm-flex {
    display: flex;
  }
  .hmf-display-xsm-inline-flex {
    display: inline-flex;
  }
}
@media (min-width: 480px) {
  .hmf-display-sm-none {
    display: none;
  }
  .hmf-display-sm-inline {
    display: inline;
  }
  .hmf-display-sm-inline-block {
    display: inline-block;
  }
  .hmf-display-sm-block {
    display: block;
  }
  .hmf-display-sm-table {
    display: table;
  }
  .hmf-display-sm-table-cell {
    display: table-cell;
  }
  .hmf-display-sm-table-row {
    display: table-row;
  }
  .hmf-display-sm-flex {
    display: flex;
  }
  .hmf-display-sm-inline-flex {
    display: inline-flex;
  }
}
@media (min-width: 768px) {
  .hmf-display-m-none {
    display: none;
  }
  .hmf-display-m-inline {
    display: inline;
  }
  .hmf-display-m-inline-block {
    display: inline-block;
  }
  .hmf-display-m-block {
    display: block;
  }
  .hmf-display-m-table {
    display: table;
  }
  .hmf-display-m-table-cell {
    display: table-cell;
  }
  .hmf-display-m-table-row {
    display: table-row;
  }
  .hmf-display-m-flex {
    display: flex;
  }
  .hmf-display-m-inline-flex {
    display: inline-flex;
  }
}
@media (min-width: 768px) {
  .hmf-display-md-none {
    display: none;
  }
  .hmf-display-md-inline {
    display: inline;
  }
  .hmf-display-md-inline-block {
    display: inline-block;
  }
  .hmf-display-md-block {
    display: block;
  }
  .hmf-display-md-table {
    display: table;
  }
  .hmf-display-md-table-cell {
    display: table-cell;
  }
  .hmf-display-md-table-row {
    display: table-row;
  }
  .hmf-display-md-flex {
    display: flex;
  }
  .hmf-display-md-inline-flex {
    display: inline-flex;
  }
}
@media (min-width: 1024px) {
  .hmf-display-lg-none {
    display: none;
  }
  .hmf-display-lg-inline {
    display: inline;
  }
  .hmf-display-lg-inline-block {
    display: inline-block;
  }
  .hmf-display-lg-block {
    display: block;
  }
  .hmf-display-lg-table {
    display: table;
  }
  .hmf-display-lg-table-cell {
    display: table-cell;
  }
  .hmf-display-lg-table-row {
    display: table-row;
  }
  .hmf-display-lg-flex {
    display: flex;
  }
  .hmf-display-lg-inline-flex {
    display: inline-flex;
  }
}
@media (min-width: 1280px) {
  .hmf-display-l-none {
    display: none;
  }
  .hmf-display-l-inline {
    display: inline;
  }
  .hmf-display-l-inline-block {
    display: inline-block;
  }
  .hmf-display-l-block {
    display: block;
  }
  .hmf-display-l-table {
    display: table;
  }
  .hmf-display-l-table-cell {
    display: table-cell;
  }
  .hmf-display-l-table-row {
    display: table-row;
  }
  .hmf-display-l-flex {
    display: flex;
  }
  .hmf-display-l-inline-flex {
    display: inline-flex;
  }
}
@media (min-width: 1280px) {
  .hmf-display-xlg-none {
    display: none;
  }
  .hmf-display-xlg-inline {
    display: inline;
  }
  .hmf-display-xlg-inline-block {
    display: inline-block;
  }
  .hmf-display-xlg-block {
    display: block;
  }
  .hmf-display-xlg-table {
    display: table;
  }
  .hmf-display-xlg-table-cell {
    display: table-cell;
  }
  .hmf-display-xlg-table-row {
    display: table-row;
  }
  .hmf-display-xlg-flex {
    display: flex;
  }
  .hmf-display-xlg-inline-flex {
    display: inline-flex;
  }
}
@media (min-width: 1440px) {
  .hmf-display-xl-none {
    display: none;
  }
  .hmf-display-xl-inline {
    display: inline;
  }
  .hmf-display-xl-inline-block {
    display: inline-block;
  }
  .hmf-display-xl-block {
    display: block;
  }
  .hmf-display-xl-table {
    display: table;
  }
  .hmf-display-xl-table-cell {
    display: table-cell;
  }
  .hmf-display-xl-table-row {
    display: table-row;
  }
  .hmf-display-xl-flex {
    display: flex;
  }
  .hmf-display-xl-inline-flex {
    display: inline-flex;
  }
}
@media (min-width: 1440px) {
  .hmf-display-xxlg-none {
    display: none;
  }
  .hmf-display-xxlg-inline {
    display: inline;
  }
  .hmf-display-xxlg-inline-block {
    display: inline-block;
  }
  .hmf-display-xxlg-block {
    display: block;
  }
  .hmf-display-xxlg-table {
    display: table;
  }
  .hmf-display-xxlg-table-cell {
    display: table-cell;
  }
  .hmf-display-xxlg-table-row {
    display: table-row;
  }
  .hmf-display-xxlg-flex {
    display: flex;
  }
  .hmf-display-xxlg-inline-flex {
    display: inline-flex;
  }
}
.hmf-position-static {
  position: static;
}

.hmf-position-relative {
  position: relative;
}

.hmf-position-absolute {
  position: absolute;
}

.hmf-position-fixed {
  position: fixed;
}

.hmf-position-sticky {
  position: sticky;
}

.hmf-position-static {
  position: static;
}

.hmf-position-relative {
  position: relative;
}

.hmf-position-absolute {
  position: absolute;
}

.hmf-position-fixed {
  position: fixed;
}

.hmf-position-sticky {
  position: sticky;
}

@media (min-width: 375px) {
  .hmf-position-s-static {
    position: static;
  }
  .hmf-position-s-relative {
    position: relative;
  }
  .hmf-position-s-absolute {
    position: absolute;
  }
  .hmf-position-s-fixed {
    position: fixed;
  }
  .hmf-position-s-sticky {
    position: sticky;
  }
}
@media (min-width: 375px) {
  .hmf-position-xsm-static {
    position: static;
  }
  .hmf-position-xsm-relative {
    position: relative;
  }
  .hmf-position-xsm-absolute {
    position: absolute;
  }
  .hmf-position-xsm-fixed {
    position: fixed;
  }
  .hmf-position-xsm-sticky {
    position: sticky;
  }
}
@media (min-width: 480px) {
  .hmf-position-sm-static {
    position: static;
  }
  .hmf-position-sm-relative {
    position: relative;
  }
  .hmf-position-sm-absolute {
    position: absolute;
  }
  .hmf-position-sm-fixed {
    position: fixed;
  }
  .hmf-position-sm-sticky {
    position: sticky;
  }
}
@media (min-width: 768px) {
  .hmf-position-m-static {
    position: static;
  }
  .hmf-position-m-relative {
    position: relative;
  }
  .hmf-position-m-absolute {
    position: absolute;
  }
  .hmf-position-m-fixed {
    position: fixed;
  }
  .hmf-position-m-sticky {
    position: sticky;
  }
}
@media (min-width: 768px) {
  .hmf-position-md-static {
    position: static;
  }
  .hmf-position-md-relative {
    position: relative;
  }
  .hmf-position-md-absolute {
    position: absolute;
  }
  .hmf-position-md-fixed {
    position: fixed;
  }
  .hmf-position-md-sticky {
    position: sticky;
  }
}
@media (min-width: 1024px) {
  .hmf-position-lg-static {
    position: static;
  }
  .hmf-position-lg-relative {
    position: relative;
  }
  .hmf-position-lg-absolute {
    position: absolute;
  }
  .hmf-position-lg-fixed {
    position: fixed;
  }
  .hmf-position-lg-sticky {
    position: sticky;
  }
}
@media (min-width: 1280px) {
  .hmf-position-l-static {
    position: static;
  }
  .hmf-position-l-relative {
    position: relative;
  }
  .hmf-position-l-absolute {
    position: absolute;
  }
  .hmf-position-l-fixed {
    position: fixed;
  }
  .hmf-position-l-sticky {
    position: sticky;
  }
}
@media (min-width: 1280px) {
  .hmf-position-xlg-static {
    position: static;
  }
  .hmf-position-xlg-relative {
    position: relative;
  }
  .hmf-position-xlg-absolute {
    position: absolute;
  }
  .hmf-position-xlg-fixed {
    position: fixed;
  }
  .hmf-position-xlg-sticky {
    position: sticky;
  }
}
@media (min-width: 1440px) {
  .hmf-position-xl-static {
    position: static;
  }
  .hmf-position-xl-relative {
    position: relative;
  }
  .hmf-position-xl-absolute {
    position: absolute;
  }
  .hmf-position-xl-fixed {
    position: fixed;
  }
  .hmf-position-xl-sticky {
    position: sticky;
  }
}
@media (min-width: 1440px) {
  .hmf-position-xxlg-static {
    position: static;
  }
  .hmf-position-xxlg-relative {
    position: relative;
  }
  .hmf-position-xxlg-absolute {
    position: absolute;
  }
  .hmf-position-xxlg-fixed {
    position: fixed;
  }
  .hmf-position-xxlg-sticky {
    position: sticky;
  }
}
/** @format */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/** @format */
.hmf-flex-row {
  display: flex;
  flex-direction: row;
}

.hmf-flex-col {
  display: flex;
  flex-direction: column;
}

.hmf-flex-column {
  display: flex;
  flex-direction: column;
}

.hmf-flex-row-reverse {
  flex-direction: row-reverse;
}

.hmf-flex-col-reverse {
  flex-direction: column-reverse;
}

.hmf-flex-column-reverse {
  flex-direction: column-reverse;
}

.hmf-flex-wrap {
  flex-wrap: wrap;
}

.hmf-flex-nowrap {
  flex-wrap: nowrap;
}

.hmf-flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}

.hmf-flex-fill {
  flex: 1 1 auto;
}

.hmf-flex-grow-none {
  flex-grow: 0;
}

.hmf-flex-grow {
  flex-grow: 1;
}

.hmf-flex-shrink-none {
  flex-shrink: 0;
}

.hmf-flex-shrink {
  flex-shrink: 1;
}

.hmf-justify-content-flex-start {
  justify-content: flex-start;
}

.hmf-justify-content-flex-end {
  justify-content: flex-end;
}

.hmf-justify-content-center {
  justify-content: center;
}

.hmf-justify-content-between {
  justify-content: space-between;
}

.hmf-justify-content-around {
  justify-content: space-around;
}

.hmf-justify-content-evenly {
  -webkit-box-pack: justify;
  -ms-flex-pack: distribute;
  justify-content: space-evenly;
}

.hmf-justify-content-start {
  justify-content: start;
}

.hmf-justify-content-end {
  justify-content: end;
}

.hmf-justify-content-left {
  justify-content: left;
}

.hmf-justify-content-right {
  justify-content: right;
}

.hmf-align-items-flex-start {
  align-items: flex-start;
}

.hmf-align-items-flex-end {
  align-items: flex-end;
}

.hmf-align-items-center {
  align-items: center;
}

.hmf-align-items-baseline {
  align-items: baseline;
}

.hmf-align-items-stretch {
  align-items: stretch;
}

.hmf-align-items-self-start {
  align-items: self-start;
}

.hmf-align-items-self-end {
  align-items: self-start;
}

.hmf-align-content-start {
  align-content: flex-start;
}

.hmf-align-content-end {
  align-content: flex-end;
}

.hmf-align-content-center {
  align-content: center;
}

.hmf-align-content-between {
  align-content: space-between;
}

.hmf-align-content-around {
  align-content: space-around;
}

.hmf-align-content-evenly {
  align-content: space-evenly;
}

.hmf-align-content-stretch {
  align-content: stretch;
}

.hmf-align-self-auto {
  align-self: auto;
}

.hmf-align-self-start {
  align-self: flex-start;
}

.hmf-align-self-end {
  align-self: flex-end;
}

.hmf-align-self-center {
  align-self: center;
}

.hmf-align-self-baseline {
  align-self: baseline;
}

.hmf-align-self-stretch {
  align-self: stretch;
}

.hmf-flex-row {
  display: flex;
  flex-direction: row;
}

.hmf-flex-col {
  display: flex;
  flex-direction: column;
}

.hmf-flex-column {
  display: flex;
  flex-direction: column;
}

.hmf-flex-row-reverse {
  flex-direction: row-reverse;
}

.hmf-flex-col-reverse {
  flex-direction: column-reverse;
}

.hmf-flex-column-reverse {
  flex-direction: column-reverse;
}

.hmf-flex-wrap {
  flex-wrap: wrap;
}

.hmf-flex-nowrap {
  flex-wrap: nowrap;
}

.hmf-flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}

.hmf-flex-fill {
  flex: 1 1 auto;
}

.hmf-flex-grow-none {
  flex-grow: 0;
}

.hmf-flex-grow {
  flex-grow: 1;
}

.hmf-flex-shrink-none {
  flex-shrink: 0;
}

.hmf-flex-shrink {
  flex-shrink: 1;
}

.hmf-justify-content-flex-start {
  justify-content: flex-start;
}

.hmf-justify-content-flex-end {
  justify-content: flex-end;
}

.hmf-justify-content-center {
  justify-content: center;
}

.hmf-justify-content-between {
  justify-content: space-between;
}

.hmf-justify-content-around {
  justify-content: space-around;
}

.hmf-justify-content-evenly {
  -webkit-box-pack: justify;
  -ms-flex-pack: distribute;
  justify-content: space-evenly;
}

.hmf-justify-content-start {
  justify-content: start;
}

.hmf-justify-content-end {
  justify-content: end;
}

.hmf-justify-content-left {
  justify-content: left;
}

.hmf-justify-content-right {
  justify-content: right;
}

.hmf-align-items-flex-start {
  align-items: flex-start;
}

.hmf-align-items-flex-end {
  align-items: flex-end;
}

.hmf-align-items-center {
  align-items: center;
}

.hmf-align-items-baseline {
  align-items: baseline;
}

.hmf-align-items-stretch {
  align-items: stretch;
}

.hmf-align-items-self-start {
  align-items: self-start;
}

.hmf-align-items-self-end {
  align-items: self-start;
}

.hmf-align-content-start {
  align-content: flex-start;
}

.hmf-align-content-end {
  align-content: flex-end;
}

.hmf-align-content-center {
  align-content: center;
}

.hmf-align-content-between {
  align-content: space-between;
}

.hmf-align-content-around {
  align-content: space-around;
}

.hmf-align-content-evenly {
  align-content: space-evenly;
}

.hmf-align-content-stretch {
  align-content: stretch;
}

.hmf-align-self-auto {
  align-self: auto;
}

.hmf-align-self-start {
  align-self: flex-start;
}

.hmf-align-self-end {
  align-self: flex-end;
}

.hmf-align-self-center {
  align-self: center;
}

.hmf-align-self-baseline {
  align-self: baseline;
}

.hmf-align-self-stretch {
  align-self: stretch;
}

@media (min-width: 375px) {
  .hmf-flex-s-row {
    display: flex;
    flex-direction: row;
  }
  .hmf-flex-s-col {
    display: flex;
    flex-direction: column;
  }
  .hmf-flex-s-column {
    display: flex;
    flex-direction: column;
  }
  .hmf-flex-s-row-reverse {
    flex-direction: row-reverse;
  }
  .hmf-flex-s-col-reverse {
    flex-direction: column-reverse;
  }
  .hmf-flex-s-column-reverse {
    flex-direction: column-reverse;
  }
  .hmf-flex-s-wrap {
    flex-wrap: wrap;
  }
  .hmf-flex-s-nowrap {
    flex-wrap: nowrap;
  }
  .hmf-flex-s-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .hmf-flex-s-fill {
    flex: 1 1 auto;
  }
  .hmf-flex-s-grow-none {
    flex-grow: 0;
  }
  .hmf-flex-s-grow {
    flex-grow: 1;
  }
  .hmf-flex-s-shrink-none {
    flex-shrink: 0;
  }
  .hmf-flex-s-shrink {
    flex-shrink: 1;
  }
  .hmf-justify-content-s-flex-start {
    justify-content: flex-start;
  }
  .hmf-justify-content-s-flex-end {
    justify-content: flex-end;
  }
  .hmf-justify-content-s-center {
    justify-content: center;
  }
  .hmf-justify-content-s-between {
    justify-content: space-between;
  }
  .hmf-justify-content-s-around {
    justify-content: space-around;
  }
  .hmf-justify-content-s-evenly {
    -webkit-box-pack: justify;
    -ms-flex-pack: distribute;
    justify-content: space-evenly;
  }
  .hmf-justify-content-s-start {
    justify-content: start;
  }
  .hmf-justify-content-s-end {
    justify-content: end;
  }
  .hmf-justify-content-s-left {
    justify-content: left;
  }
  .hmf-justify-content-s-right {
    justify-content: right;
  }
  .hmf-align-items-s-flex-start {
    align-items: flex-start;
  }
  .hmf-align-items-s-flex-end {
    align-items: flex-end;
  }
  .hmf-align-items-s-center {
    align-items: center;
  }
  .hmf-align-items-s-baseline {
    align-items: baseline;
  }
  .hmf-align-items-s-stretch {
    align-items: stretch;
  }
  .hmf-align-items-s-self-start {
    align-items: self-start;
  }
  .hmf-align-items-s-self-end {
    align-items: self-start;
  }
  .hmf-align-content-s-start {
    align-content: flex-start;
  }
  .hmf-align-content-s-end {
    align-content: flex-end;
  }
  .hmf-align-content-s-center {
    align-content: center;
  }
  .hmf-align-content-s-between {
    align-content: space-between;
  }
  .hmf-align-content-s-around {
    align-content: space-around;
  }
  .hmf-align-content-s-evenly {
    align-content: space-evenly;
  }
  .hmf-align-content-s-stretch {
    align-content: stretch;
  }
  .hmf-align-self-s-auto {
    align-self: auto;
  }
  .hmf-align-self-s-start {
    align-self: flex-start;
  }
  .hmf-align-self-s-end {
    align-self: flex-end;
  }
  .hmf-align-self-s-center {
    align-self: center;
  }
  .hmf-align-self-s-baseline {
    align-self: baseline;
  }
  .hmf-align-self-s-stretch {
    align-self: stretch;
  }
}
@media (min-width: 375px) {
  .hmf-flex-xsm-row {
    display: flex;
    flex-direction: row;
  }
  .hmf-flex-xsm-col {
    display: flex;
    flex-direction: column;
  }
  .hmf-flex-xsm-column {
    display: flex;
    flex-direction: column;
  }
  .hmf-flex-xsm-row-reverse {
    flex-direction: row-reverse;
  }
  .hmf-flex-xsm-col-reverse {
    flex-direction: column-reverse;
  }
  .hmf-flex-xsm-column-reverse {
    flex-direction: column-reverse;
  }
  .hmf-flex-xsm-wrap {
    flex-wrap: wrap;
  }
  .hmf-flex-xsm-nowrap {
    flex-wrap: nowrap;
  }
  .hmf-flex-xsm-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .hmf-flex-xsm-fill {
    flex: 1 1 auto;
  }
  .hmf-flex-xsm-grow-none {
    flex-grow: 0;
  }
  .hmf-flex-xsm-grow {
    flex-grow: 1;
  }
  .hmf-flex-xsm-shrink-none {
    flex-shrink: 0;
  }
  .hmf-flex-xsm-shrink {
    flex-shrink: 1;
  }
  .hmf-justify-content-xsm-flex-start {
    justify-content: flex-start;
  }
  .hmf-justify-content-xsm-flex-end {
    justify-content: flex-end;
  }
  .hmf-justify-content-xsm-center {
    justify-content: center;
  }
  .hmf-justify-content-xsm-between {
    justify-content: space-between;
  }
  .hmf-justify-content-xsm-around {
    justify-content: space-around;
  }
  .hmf-justify-content-xsm-evenly {
    -webkit-box-pack: justify;
    -ms-flex-pack: distribute;
    justify-content: space-evenly;
  }
  .hmf-justify-content-xsm-start {
    justify-content: start;
  }
  .hmf-justify-content-xsm-end {
    justify-content: end;
  }
  .hmf-justify-content-xsm-left {
    justify-content: left;
  }
  .hmf-justify-content-xsm-right {
    justify-content: right;
  }
  .hmf-align-items-xsm-flex-start {
    align-items: flex-start;
  }
  .hmf-align-items-xsm-flex-end {
    align-items: flex-end;
  }
  .hmf-align-items-xsm-center {
    align-items: center;
  }
  .hmf-align-items-xsm-baseline {
    align-items: baseline;
  }
  .hmf-align-items-xsm-stretch {
    align-items: stretch;
  }
  .hmf-align-items-xsm-self-start {
    align-items: self-start;
  }
  .hmf-align-items-xsm-self-end {
    align-items: self-start;
  }
  .hmf-align-content-xsm-start {
    align-content: flex-start;
  }
  .hmf-align-content-xsm-end {
    align-content: flex-end;
  }
  .hmf-align-content-xsm-center {
    align-content: center;
  }
  .hmf-align-content-xsm-between {
    align-content: space-between;
  }
  .hmf-align-content-xsm-around {
    align-content: space-around;
  }
  .hmf-align-content-xsm-evenly {
    align-content: space-evenly;
  }
  .hmf-align-content-xsm-stretch {
    align-content: stretch;
  }
  .hmf-align-self-xsm-auto {
    align-self: auto;
  }
  .hmf-align-self-xsm-start {
    align-self: flex-start;
  }
  .hmf-align-self-xsm-end {
    align-self: flex-end;
  }
  .hmf-align-self-xsm-center {
    align-self: center;
  }
  .hmf-align-self-xsm-baseline {
    align-self: baseline;
  }
  .hmf-align-self-xsm-stretch {
    align-self: stretch;
  }
}
@media (min-width: 480px) {
  .hmf-flex-sm-row {
    display: flex;
    flex-direction: row;
  }
  .hmf-flex-sm-col {
    display: flex;
    flex-direction: column;
  }
  .hmf-flex-sm-column {
    display: flex;
    flex-direction: column;
  }
  .hmf-flex-sm-row-reverse {
    flex-direction: row-reverse;
  }
  .hmf-flex-sm-col-reverse {
    flex-direction: column-reverse;
  }
  .hmf-flex-sm-column-reverse {
    flex-direction: column-reverse;
  }
  .hmf-flex-sm-wrap {
    flex-wrap: wrap;
  }
  .hmf-flex-sm-nowrap {
    flex-wrap: nowrap;
  }
  .hmf-flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .hmf-flex-sm-fill {
    flex: 1 1 auto;
  }
  .hmf-flex-sm-grow-none {
    flex-grow: 0;
  }
  .hmf-flex-sm-grow {
    flex-grow: 1;
  }
  .hmf-flex-sm-shrink-none {
    flex-shrink: 0;
  }
  .hmf-flex-sm-shrink {
    flex-shrink: 1;
  }
  .hmf-justify-content-sm-flex-start {
    justify-content: flex-start;
  }
  .hmf-justify-content-sm-flex-end {
    justify-content: flex-end;
  }
  .hmf-justify-content-sm-center {
    justify-content: center;
  }
  .hmf-justify-content-sm-between {
    justify-content: space-between;
  }
  .hmf-justify-content-sm-around {
    justify-content: space-around;
  }
  .hmf-justify-content-sm-evenly {
    -webkit-box-pack: justify;
    -ms-flex-pack: distribute;
    justify-content: space-evenly;
  }
  .hmf-justify-content-sm-start {
    justify-content: start;
  }
  .hmf-justify-content-sm-end {
    justify-content: end;
  }
  .hmf-justify-content-sm-left {
    justify-content: left;
  }
  .hmf-justify-content-sm-right {
    justify-content: right;
  }
  .hmf-align-items-sm-flex-start {
    align-items: flex-start;
  }
  .hmf-align-items-sm-flex-end {
    align-items: flex-end;
  }
  .hmf-align-items-sm-center {
    align-items: center;
  }
  .hmf-align-items-sm-baseline {
    align-items: baseline;
  }
  .hmf-align-items-sm-stretch {
    align-items: stretch;
  }
  .hmf-align-items-sm-self-start {
    align-items: self-start;
  }
  .hmf-align-items-sm-self-end {
    align-items: self-start;
  }
  .hmf-align-content-sm-start {
    align-content: flex-start;
  }
  .hmf-align-content-sm-end {
    align-content: flex-end;
  }
  .hmf-align-content-sm-center {
    align-content: center;
  }
  .hmf-align-content-sm-between {
    align-content: space-between;
  }
  .hmf-align-content-sm-around {
    align-content: space-around;
  }
  .hmf-align-content-sm-evenly {
    align-content: space-evenly;
  }
  .hmf-align-content-sm-stretch {
    align-content: stretch;
  }
  .hmf-align-self-sm-auto {
    align-self: auto;
  }
  .hmf-align-self-sm-start {
    align-self: flex-start;
  }
  .hmf-align-self-sm-end {
    align-self: flex-end;
  }
  .hmf-align-self-sm-center {
    align-self: center;
  }
  .hmf-align-self-sm-baseline {
    align-self: baseline;
  }
  .hmf-align-self-sm-stretch {
    align-self: stretch;
  }
}
@media (min-width: 768px) {
  .hmf-flex-m-row {
    display: flex;
    flex-direction: row;
  }
  .hmf-flex-m-col {
    display: flex;
    flex-direction: column;
  }
  .hmf-flex-m-column {
    display: flex;
    flex-direction: column;
  }
  .hmf-flex-m-row-reverse {
    flex-direction: row-reverse;
  }
  .hmf-flex-m-col-reverse {
    flex-direction: column-reverse;
  }
  .hmf-flex-m-column-reverse {
    flex-direction: column-reverse;
  }
  .hmf-flex-m-wrap {
    flex-wrap: wrap;
  }
  .hmf-flex-m-nowrap {
    flex-wrap: nowrap;
  }
  .hmf-flex-m-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .hmf-flex-m-fill {
    flex: 1 1 auto;
  }
  .hmf-flex-m-grow-none {
    flex-grow: 0;
  }
  .hmf-flex-m-grow {
    flex-grow: 1;
  }
  .hmf-flex-m-shrink-none {
    flex-shrink: 0;
  }
  .hmf-flex-m-shrink {
    flex-shrink: 1;
  }
  .hmf-justify-content-m-flex-start {
    justify-content: flex-start;
  }
  .hmf-justify-content-m-flex-end {
    justify-content: flex-end;
  }
  .hmf-justify-content-m-center {
    justify-content: center;
  }
  .hmf-justify-content-m-between {
    justify-content: space-between;
  }
  .hmf-justify-content-m-around {
    justify-content: space-around;
  }
  .hmf-justify-content-m-evenly {
    -webkit-box-pack: justify;
    -ms-flex-pack: distribute;
    justify-content: space-evenly;
  }
  .hmf-justify-content-m-start {
    justify-content: start;
  }
  .hmf-justify-content-m-end {
    justify-content: end;
  }
  .hmf-justify-content-m-left {
    justify-content: left;
  }
  .hmf-justify-content-m-right {
    justify-content: right;
  }
  .hmf-align-items-m-flex-start {
    align-items: flex-start;
  }
  .hmf-align-items-m-flex-end {
    align-items: flex-end;
  }
  .hmf-align-items-m-center {
    align-items: center;
  }
  .hmf-align-items-m-baseline {
    align-items: baseline;
  }
  .hmf-align-items-m-stretch {
    align-items: stretch;
  }
  .hmf-align-items-m-self-start {
    align-items: self-start;
  }
  .hmf-align-items-m-self-end {
    align-items: self-start;
  }
  .hmf-align-content-m-start {
    align-content: flex-start;
  }
  .hmf-align-content-m-end {
    align-content: flex-end;
  }
  .hmf-align-content-m-center {
    align-content: center;
  }
  .hmf-align-content-m-between {
    align-content: space-between;
  }
  .hmf-align-content-m-around {
    align-content: space-around;
  }
  .hmf-align-content-m-evenly {
    align-content: space-evenly;
  }
  .hmf-align-content-m-stretch {
    align-content: stretch;
  }
  .hmf-align-self-m-auto {
    align-self: auto;
  }
  .hmf-align-self-m-start {
    align-self: flex-start;
  }
  .hmf-align-self-m-end {
    align-self: flex-end;
  }
  .hmf-align-self-m-center {
    align-self: center;
  }
  .hmf-align-self-m-baseline {
    align-self: baseline;
  }
  .hmf-align-self-m-stretch {
    align-self: stretch;
  }
}
@media (min-width: 768px) {
  .hmf-flex-md-row {
    display: flex;
    flex-direction: row;
  }
  .hmf-flex-md-col {
    display: flex;
    flex-direction: column;
  }
  .hmf-flex-md-column {
    display: flex;
    flex-direction: column;
  }
  .hmf-flex-md-row-reverse {
    flex-direction: row-reverse;
  }
  .hmf-flex-md-col-reverse {
    flex-direction: column-reverse;
  }
  .hmf-flex-md-column-reverse {
    flex-direction: column-reverse;
  }
  .hmf-flex-md-wrap {
    flex-wrap: wrap;
  }
  .hmf-flex-md-nowrap {
    flex-wrap: nowrap;
  }
  .hmf-flex-md-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .hmf-flex-md-fill {
    flex: 1 1 auto;
  }
  .hmf-flex-md-grow-none {
    flex-grow: 0;
  }
  .hmf-flex-md-grow {
    flex-grow: 1;
  }
  .hmf-flex-md-shrink-none {
    flex-shrink: 0;
  }
  .hmf-flex-md-shrink {
    flex-shrink: 1;
  }
  .hmf-justify-content-md-flex-start {
    justify-content: flex-start;
  }
  .hmf-justify-content-md-flex-end {
    justify-content: flex-end;
  }
  .hmf-justify-content-md-center {
    justify-content: center;
  }
  .hmf-justify-content-md-between {
    justify-content: space-between;
  }
  .hmf-justify-content-md-around {
    justify-content: space-around;
  }
  .hmf-justify-content-md-evenly {
    -webkit-box-pack: justify;
    -ms-flex-pack: distribute;
    justify-content: space-evenly;
  }
  .hmf-justify-content-md-start {
    justify-content: start;
  }
  .hmf-justify-content-md-end {
    justify-content: end;
  }
  .hmf-justify-content-md-left {
    justify-content: left;
  }
  .hmf-justify-content-md-right {
    justify-content: right;
  }
  .hmf-align-items-md-flex-start {
    align-items: flex-start;
  }
  .hmf-align-items-md-flex-end {
    align-items: flex-end;
  }
  .hmf-align-items-md-center {
    align-items: center;
  }
  .hmf-align-items-md-baseline {
    align-items: baseline;
  }
  .hmf-align-items-md-stretch {
    align-items: stretch;
  }
  .hmf-align-items-md-self-start {
    align-items: self-start;
  }
  .hmf-align-items-md-self-end {
    align-items: self-start;
  }
  .hmf-align-content-md-start {
    align-content: flex-start;
  }
  .hmf-align-content-md-end {
    align-content: flex-end;
  }
  .hmf-align-content-md-center {
    align-content: center;
  }
  .hmf-align-content-md-between {
    align-content: space-between;
  }
  .hmf-align-content-md-around {
    align-content: space-around;
  }
  .hmf-align-content-md-evenly {
    align-content: space-evenly;
  }
  .hmf-align-content-md-stretch {
    align-content: stretch;
  }
  .hmf-align-self-md-auto {
    align-self: auto;
  }
  .hmf-align-self-md-start {
    align-self: flex-start;
  }
  .hmf-align-self-md-end {
    align-self: flex-end;
  }
  .hmf-align-self-md-center {
    align-self: center;
  }
  .hmf-align-self-md-baseline {
    align-self: baseline;
  }
  .hmf-align-self-md-stretch {
    align-self: stretch;
  }
}
@media (min-width: 1024px) {
  .hmf-flex-lg-row {
    display: flex;
    flex-direction: row;
  }
  .hmf-flex-lg-col {
    display: flex;
    flex-direction: column;
  }
  .hmf-flex-lg-column {
    display: flex;
    flex-direction: column;
  }
  .hmf-flex-lg-row-reverse {
    flex-direction: row-reverse;
  }
  .hmf-flex-lg-col-reverse {
    flex-direction: column-reverse;
  }
  .hmf-flex-lg-column-reverse {
    flex-direction: column-reverse;
  }
  .hmf-flex-lg-wrap {
    flex-wrap: wrap;
  }
  .hmf-flex-lg-nowrap {
    flex-wrap: nowrap;
  }
  .hmf-flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .hmf-flex-lg-fill {
    flex: 1 1 auto;
  }
  .hmf-flex-lg-grow-none {
    flex-grow: 0;
  }
  .hmf-flex-lg-grow {
    flex-grow: 1;
  }
  .hmf-flex-lg-shrink-none {
    flex-shrink: 0;
  }
  .hmf-flex-lg-shrink {
    flex-shrink: 1;
  }
  .hmf-justify-content-lg-flex-start {
    justify-content: flex-start;
  }
  .hmf-justify-content-lg-flex-end {
    justify-content: flex-end;
  }
  .hmf-justify-content-lg-center {
    justify-content: center;
  }
  .hmf-justify-content-lg-between {
    justify-content: space-between;
  }
  .hmf-justify-content-lg-around {
    justify-content: space-around;
  }
  .hmf-justify-content-lg-evenly {
    -webkit-box-pack: justify;
    -ms-flex-pack: distribute;
    justify-content: space-evenly;
  }
  .hmf-justify-content-lg-start {
    justify-content: start;
  }
  .hmf-justify-content-lg-end {
    justify-content: end;
  }
  .hmf-justify-content-lg-left {
    justify-content: left;
  }
  .hmf-justify-content-lg-right {
    justify-content: right;
  }
  .hmf-align-items-lg-flex-start {
    align-items: flex-start;
  }
  .hmf-align-items-lg-flex-end {
    align-items: flex-end;
  }
  .hmf-align-items-lg-center {
    align-items: center;
  }
  .hmf-align-items-lg-baseline {
    align-items: baseline;
  }
  .hmf-align-items-lg-stretch {
    align-items: stretch;
  }
  .hmf-align-items-lg-self-start {
    align-items: self-start;
  }
  .hmf-align-items-lg-self-end {
    align-items: self-start;
  }
  .hmf-align-content-lg-start {
    align-content: flex-start;
  }
  .hmf-align-content-lg-end {
    align-content: flex-end;
  }
  .hmf-align-content-lg-center {
    align-content: center;
  }
  .hmf-align-content-lg-between {
    align-content: space-between;
  }
  .hmf-align-content-lg-around {
    align-content: space-around;
  }
  .hmf-align-content-lg-evenly {
    align-content: space-evenly;
  }
  .hmf-align-content-lg-stretch {
    align-content: stretch;
  }
  .hmf-align-self-lg-auto {
    align-self: auto;
  }
  .hmf-align-self-lg-start {
    align-self: flex-start;
  }
  .hmf-align-self-lg-end {
    align-self: flex-end;
  }
  .hmf-align-self-lg-center {
    align-self: center;
  }
  .hmf-align-self-lg-baseline {
    align-self: baseline;
  }
  .hmf-align-self-lg-stretch {
    align-self: stretch;
  }
}
@media (min-width: 1280px) {
  .hmf-flex-l-row {
    display: flex;
    flex-direction: row;
  }
  .hmf-flex-l-col {
    display: flex;
    flex-direction: column;
  }
  .hmf-flex-l-column {
    display: flex;
    flex-direction: column;
  }
  .hmf-flex-l-row-reverse {
    flex-direction: row-reverse;
  }
  .hmf-flex-l-col-reverse {
    flex-direction: column-reverse;
  }
  .hmf-flex-l-column-reverse {
    flex-direction: column-reverse;
  }
  .hmf-flex-l-wrap {
    flex-wrap: wrap;
  }
  .hmf-flex-l-nowrap {
    flex-wrap: nowrap;
  }
  .hmf-flex-l-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .hmf-flex-l-fill {
    flex: 1 1 auto;
  }
  .hmf-flex-l-grow-none {
    flex-grow: 0;
  }
  .hmf-flex-l-grow {
    flex-grow: 1;
  }
  .hmf-flex-l-shrink-none {
    flex-shrink: 0;
  }
  .hmf-flex-l-shrink {
    flex-shrink: 1;
  }
  .hmf-justify-content-l-flex-start {
    justify-content: flex-start;
  }
  .hmf-justify-content-l-flex-end {
    justify-content: flex-end;
  }
  .hmf-justify-content-l-center {
    justify-content: center;
  }
  .hmf-justify-content-l-between {
    justify-content: space-between;
  }
  .hmf-justify-content-l-around {
    justify-content: space-around;
  }
  .hmf-justify-content-l-evenly {
    -webkit-box-pack: justify;
    -ms-flex-pack: distribute;
    justify-content: space-evenly;
  }
  .hmf-justify-content-l-start {
    justify-content: start;
  }
  .hmf-justify-content-l-end {
    justify-content: end;
  }
  .hmf-justify-content-l-left {
    justify-content: left;
  }
  .hmf-justify-content-l-right {
    justify-content: right;
  }
  .hmf-align-items-l-flex-start {
    align-items: flex-start;
  }
  .hmf-align-items-l-flex-end {
    align-items: flex-end;
  }
  .hmf-align-items-l-center {
    align-items: center;
  }
  .hmf-align-items-l-baseline {
    align-items: baseline;
  }
  .hmf-align-items-l-stretch {
    align-items: stretch;
  }
  .hmf-align-items-l-self-start {
    align-items: self-start;
  }
  .hmf-align-items-l-self-end {
    align-items: self-start;
  }
  .hmf-align-content-l-start {
    align-content: flex-start;
  }
  .hmf-align-content-l-end {
    align-content: flex-end;
  }
  .hmf-align-content-l-center {
    align-content: center;
  }
  .hmf-align-content-l-between {
    align-content: space-between;
  }
  .hmf-align-content-l-around {
    align-content: space-around;
  }
  .hmf-align-content-l-evenly {
    align-content: space-evenly;
  }
  .hmf-align-content-l-stretch {
    align-content: stretch;
  }
  .hmf-align-self-l-auto {
    align-self: auto;
  }
  .hmf-align-self-l-start {
    align-self: flex-start;
  }
  .hmf-align-self-l-end {
    align-self: flex-end;
  }
  .hmf-align-self-l-center {
    align-self: center;
  }
  .hmf-align-self-l-baseline {
    align-self: baseline;
  }
  .hmf-align-self-l-stretch {
    align-self: stretch;
  }
}
@media (min-width: 1280px) {
  .hmf-flex-xlg-row {
    display: flex;
    flex-direction: row;
  }
  .hmf-flex-xlg-col {
    display: flex;
    flex-direction: column;
  }
  .hmf-flex-xlg-column {
    display: flex;
    flex-direction: column;
  }
  .hmf-flex-xlg-row-reverse {
    flex-direction: row-reverse;
  }
  .hmf-flex-xlg-col-reverse {
    flex-direction: column-reverse;
  }
  .hmf-flex-xlg-column-reverse {
    flex-direction: column-reverse;
  }
  .hmf-flex-xlg-wrap {
    flex-wrap: wrap;
  }
  .hmf-flex-xlg-nowrap {
    flex-wrap: nowrap;
  }
  .hmf-flex-xlg-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .hmf-flex-xlg-fill {
    flex: 1 1 auto;
  }
  .hmf-flex-xlg-grow-none {
    flex-grow: 0;
  }
  .hmf-flex-xlg-grow {
    flex-grow: 1;
  }
  .hmf-flex-xlg-shrink-none {
    flex-shrink: 0;
  }
  .hmf-flex-xlg-shrink {
    flex-shrink: 1;
  }
  .hmf-justify-content-xlg-flex-start {
    justify-content: flex-start;
  }
  .hmf-justify-content-xlg-flex-end {
    justify-content: flex-end;
  }
  .hmf-justify-content-xlg-center {
    justify-content: center;
  }
  .hmf-justify-content-xlg-between {
    justify-content: space-between;
  }
  .hmf-justify-content-xlg-around {
    justify-content: space-around;
  }
  .hmf-justify-content-xlg-evenly {
    -webkit-box-pack: justify;
    -ms-flex-pack: distribute;
    justify-content: space-evenly;
  }
  .hmf-justify-content-xlg-start {
    justify-content: start;
  }
  .hmf-justify-content-xlg-end {
    justify-content: end;
  }
  .hmf-justify-content-xlg-left {
    justify-content: left;
  }
  .hmf-justify-content-xlg-right {
    justify-content: right;
  }
  .hmf-align-items-xlg-flex-start {
    align-items: flex-start;
  }
  .hmf-align-items-xlg-flex-end {
    align-items: flex-end;
  }
  .hmf-align-items-xlg-center {
    align-items: center;
  }
  .hmf-align-items-xlg-baseline {
    align-items: baseline;
  }
  .hmf-align-items-xlg-stretch {
    align-items: stretch;
  }
  .hmf-align-items-xlg-self-start {
    align-items: self-start;
  }
  .hmf-align-items-xlg-self-end {
    align-items: self-start;
  }
  .hmf-align-content-xlg-start {
    align-content: flex-start;
  }
  .hmf-align-content-xlg-end {
    align-content: flex-end;
  }
  .hmf-align-content-xlg-center {
    align-content: center;
  }
  .hmf-align-content-xlg-between {
    align-content: space-between;
  }
  .hmf-align-content-xlg-around {
    align-content: space-around;
  }
  .hmf-align-content-xlg-evenly {
    align-content: space-evenly;
  }
  .hmf-align-content-xlg-stretch {
    align-content: stretch;
  }
  .hmf-align-self-xlg-auto {
    align-self: auto;
  }
  .hmf-align-self-xlg-start {
    align-self: flex-start;
  }
  .hmf-align-self-xlg-end {
    align-self: flex-end;
  }
  .hmf-align-self-xlg-center {
    align-self: center;
  }
  .hmf-align-self-xlg-baseline {
    align-self: baseline;
  }
  .hmf-align-self-xlg-stretch {
    align-self: stretch;
  }
}
@media (min-width: 1440px) {
  .hmf-flex-xl-row {
    display: flex;
    flex-direction: row;
  }
  .hmf-flex-xl-col {
    display: flex;
    flex-direction: column;
  }
  .hmf-flex-xl-column {
    display: flex;
    flex-direction: column;
  }
  .hmf-flex-xl-row-reverse {
    flex-direction: row-reverse;
  }
  .hmf-flex-xl-col-reverse {
    flex-direction: column-reverse;
  }
  .hmf-flex-xl-column-reverse {
    flex-direction: column-reverse;
  }
  .hmf-flex-xl-wrap {
    flex-wrap: wrap;
  }
  .hmf-flex-xl-nowrap {
    flex-wrap: nowrap;
  }
  .hmf-flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .hmf-flex-xl-fill {
    flex: 1 1 auto;
  }
  .hmf-flex-xl-grow-none {
    flex-grow: 0;
  }
  .hmf-flex-xl-grow {
    flex-grow: 1;
  }
  .hmf-flex-xl-shrink-none {
    flex-shrink: 0;
  }
  .hmf-flex-xl-shrink {
    flex-shrink: 1;
  }
  .hmf-justify-content-xl-flex-start {
    justify-content: flex-start;
  }
  .hmf-justify-content-xl-flex-end {
    justify-content: flex-end;
  }
  .hmf-justify-content-xl-center {
    justify-content: center;
  }
  .hmf-justify-content-xl-between {
    justify-content: space-between;
  }
  .hmf-justify-content-xl-around {
    justify-content: space-around;
  }
  .hmf-justify-content-xl-evenly {
    -webkit-box-pack: justify;
    -ms-flex-pack: distribute;
    justify-content: space-evenly;
  }
  .hmf-justify-content-xl-start {
    justify-content: start;
  }
  .hmf-justify-content-xl-end {
    justify-content: end;
  }
  .hmf-justify-content-xl-left {
    justify-content: left;
  }
  .hmf-justify-content-xl-right {
    justify-content: right;
  }
  .hmf-align-items-xl-flex-start {
    align-items: flex-start;
  }
  .hmf-align-items-xl-flex-end {
    align-items: flex-end;
  }
  .hmf-align-items-xl-center {
    align-items: center;
  }
  .hmf-align-items-xl-baseline {
    align-items: baseline;
  }
  .hmf-align-items-xl-stretch {
    align-items: stretch;
  }
  .hmf-align-items-xl-self-start {
    align-items: self-start;
  }
  .hmf-align-items-xl-self-end {
    align-items: self-start;
  }
  .hmf-align-content-xl-start {
    align-content: flex-start;
  }
  .hmf-align-content-xl-end {
    align-content: flex-end;
  }
  .hmf-align-content-xl-center {
    align-content: center;
  }
  .hmf-align-content-xl-between {
    align-content: space-between;
  }
  .hmf-align-content-xl-around {
    align-content: space-around;
  }
  .hmf-align-content-xl-evenly {
    align-content: space-evenly;
  }
  .hmf-align-content-xl-stretch {
    align-content: stretch;
  }
  .hmf-align-self-xl-auto {
    align-self: auto;
  }
  .hmf-align-self-xl-start {
    align-self: flex-start;
  }
  .hmf-align-self-xl-end {
    align-self: flex-end;
  }
  .hmf-align-self-xl-center {
    align-self: center;
  }
  .hmf-align-self-xl-baseline {
    align-self: baseline;
  }
  .hmf-align-self-xl-stretch {
    align-self: stretch;
  }
}
@media (min-width: 1440px) {
  .hmf-flex-xxlg-row {
    display: flex;
    flex-direction: row;
  }
  .hmf-flex-xxlg-col {
    display: flex;
    flex-direction: column;
  }
  .hmf-flex-xxlg-column {
    display: flex;
    flex-direction: column;
  }
  .hmf-flex-xxlg-row-reverse {
    flex-direction: row-reverse;
  }
  .hmf-flex-xxlg-col-reverse {
    flex-direction: column-reverse;
  }
  .hmf-flex-xxlg-column-reverse {
    flex-direction: column-reverse;
  }
  .hmf-flex-xxlg-wrap {
    flex-wrap: wrap;
  }
  .hmf-flex-xxlg-nowrap {
    flex-wrap: nowrap;
  }
  .hmf-flex-xxlg-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .hmf-flex-xxlg-fill {
    flex: 1 1 auto;
  }
  .hmf-flex-xxlg-grow-none {
    flex-grow: 0;
  }
  .hmf-flex-xxlg-grow {
    flex-grow: 1;
  }
  .hmf-flex-xxlg-shrink-none {
    flex-shrink: 0;
  }
  .hmf-flex-xxlg-shrink {
    flex-shrink: 1;
  }
  .hmf-justify-content-xxlg-flex-start {
    justify-content: flex-start;
  }
  .hmf-justify-content-xxlg-flex-end {
    justify-content: flex-end;
  }
  .hmf-justify-content-xxlg-center {
    justify-content: center;
  }
  .hmf-justify-content-xxlg-between {
    justify-content: space-between;
  }
  .hmf-justify-content-xxlg-around {
    justify-content: space-around;
  }
  .hmf-justify-content-xxlg-evenly {
    -webkit-box-pack: justify;
    -ms-flex-pack: distribute;
    justify-content: space-evenly;
  }
  .hmf-justify-content-xxlg-start {
    justify-content: start;
  }
  .hmf-justify-content-xxlg-end {
    justify-content: end;
  }
  .hmf-justify-content-xxlg-left {
    justify-content: left;
  }
  .hmf-justify-content-xxlg-right {
    justify-content: right;
  }
  .hmf-align-items-xxlg-flex-start {
    align-items: flex-start;
  }
  .hmf-align-items-xxlg-flex-end {
    align-items: flex-end;
  }
  .hmf-align-items-xxlg-center {
    align-items: center;
  }
  .hmf-align-items-xxlg-baseline {
    align-items: baseline;
  }
  .hmf-align-items-xxlg-stretch {
    align-items: stretch;
  }
  .hmf-align-items-xxlg-self-start {
    align-items: self-start;
  }
  .hmf-align-items-xxlg-self-end {
    align-items: self-start;
  }
  .hmf-align-content-xxlg-start {
    align-content: flex-start;
  }
  .hmf-align-content-xxlg-end {
    align-content: flex-end;
  }
  .hmf-align-content-xxlg-center {
    align-content: center;
  }
  .hmf-align-content-xxlg-between {
    align-content: space-between;
  }
  .hmf-align-content-xxlg-around {
    align-content: space-around;
  }
  .hmf-align-content-xxlg-evenly {
    align-content: space-evenly;
  }
  .hmf-align-content-xxlg-stretch {
    align-content: stretch;
  }
  .hmf-align-self-xxlg-auto {
    align-self: auto;
  }
  .hmf-align-self-xxlg-start {
    align-self: flex-start;
  }
  .hmf-align-self-xxlg-end {
    align-self: flex-end;
  }
  .hmf-align-self-xxlg-center {
    align-self: center;
  }
  .hmf-align-self-xxlg-baseline {
    align-self: baseline;
  }
  .hmf-align-self-xxlg-stretch {
    align-self: stretch;
  }
}
:root {
  /*********** BADGE SPECIFIC STYLING ***********/
  --hmf-badge-backinstock-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-backinstock-background-color: var(--hmf-fill-inverse);
  --hmf-badge-comingsoon-text-color: var(--hmf-label-base);
  --hmf-badge-comingsoon-background-color: var(--hmf-fill-warning);
  --hmf-badge-customizeit-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-customizeit-background-color: var(--hmf-fill-inverse);
  --hmf-badge-nikeapeexclusive-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-nikeapeexclusive-background-color: var(--hmf-fill-inverse);
  --hmf-badge-exclusive-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-exclusive-background-color: var(--hmf-fill-inverse);
  --hmf-badge-extendedsizes-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-extendedsizes-background-color: var(--hmf-fill-inverse);
  --hmf-badge-widewidth-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-widewidth-background-color: var(--hmf-fill-inverse);
  --hmf-badge-goldapeexclusive-text-color: var(--hmf-label-base);
  --hmf-badge-goldapeexclusive-background-color: var(--hmf-gold400);
  --hmf-badge-guidepick-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-guidepick-background-color: var(--hmf-fill-inverse);
  --hmf-badge-local-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-local-background-color: var(--hmf-fill-inverse);
  --hmf-badge-modelwearing-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-modelwearing-background-color: var(--hmf-fill-inverse);
  --hmf-badge-newarrivals-text-color: var(--hmf-label-marketing-static);
  --hmf-badge-newarrivals-background-color: var(--hmf-fill-marketing-static);
  --hmf-badge-newcolor-text-color: var(--hmf-label-marketing-static);
  --hmf-badge-newcolor-background-color: var(--hmf-fill-marketing-static);
  --hmf-badge-dicksexclusive-text-color: var(--hmf-label-marketing-static);
  --hmf-badge-dicksexclusive-background-color: var(--hmf-primary600);
  --hmf-badge-personalizeditem-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-personalizeditem-background-color: linear-gradient(95deg, #FFC40C, #BC4224, #543597, #006554);
  --hmf-badge-propick-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-propick-background-color: var(--hmf-primary600);
  --hmf-badge-rentalcapacity-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-rentalcapacity-background-color: var(--hmf-fill-inverse);
  --hmf-badge-fanshopship-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-fanshopship-background-color: var(--hmf-fill-inverse);
  --hmf-badge-sponsored-text-color: var(--hmf-label-base-subtle);
  --hmf-badge-sponsored-background-color: var(--hmf-fill-base-prominent);
  --hmf-badge-sustainability-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-sustainability-background-color: var(--hmf-fill-inverse);
  --hmf-badge-topdeals-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-topdeals-background-color: var(--hmf-fill-sale);
  --hmf-badge-topseller-text-color: var(--hmf-label-base);
  --hmf-badge-topseller-background-color: var(--hmf-yellow300);
  --hmf-badge-used-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-used-background-color: var(--hmf-fill-inverse);
  --hmf-badge-viewingitem-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-viewingitem-background-color: var(--hmf-fill-inverse);
  --hmf-badge-womenowned-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-womenowned-background-color: var(--hmf-fill-inverse);
  /*********** DEFAULT BADGE STYLING ***********/
  --hmf-badge-default-text-color: var(--hmf-label-marketing-static);
  --hmf-badge-default-background-color: var(--hmf-background-primary);
  --hmf-badge-height: 25px;
}

:root {
  /*********** GENERIC STYLING ***********/
  --hmf-button-border-radius: var(--hmf-sharp-radius);
  /*********** PRIMARY BUTTONS ***********/
  --hmf-button-primary-text-color: var(--hmf-gray50);
  --hmf-button-primary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-primary-background-color: var(--hmf-secondary500);
  --hmf-button-primary-active-background-color: var(--hmf-secondary700);
  --hmf-button-primary-hover-background-color: var(--hmf-secondary300);
  --hmf-button-primary-inactive-background-color: var(--hmf-gray300);
  --hmf-button-primary-border-color: var(--hmf-secondary500);
  --hmf-button-primary-hover-border-color: var(--hmf-secondary300);
  --hmf-button-primary-active-border-color: var(--hmf-secondary700);
  --hmf-button-primary-inactive-border-color: var(--hmf-gray300);
  /*********** SECONDARY BUTTONS ***********/
  --hmf-button-secondary-text-color: var(--hmf-gray900);
  --hmf-button-secondary-active-text-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-text-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-secondary-background-color: var(--hmf-gray50);
  --hmf-button-secondary-active-background-color: var(--hmf-gray400);
  --hmf-button-secondary-hover-background-color: var(--hmf-gray200);
  --hmf-button-secondary-inactive-background-color: var(--hmf-gray50);
  --hmf-button-secondary-border-color: var(--hmf-gray900);
  --hmf-button-secondary-active-border-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-border-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-border-color: var(--hmf-gray400);
  /*********** TERTIARY BUTTONS ***********/
  --hmf-button-tertiary-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-hover-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-active-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-inactive-text-color: var(--hmf-gray500);
  --hmf-button-tertiary-background-color: var(--hmf-fill-secondary-static);
  --hmf-button-tertiary-active-background-color: var(--hmf-fill-secondary-active);
  --hmf-button-tertiary-hover-background-color: var(--hmf-fill-secondary-hover);
  --hmf-button-tertiary-inactive-background-color: var(--hmf-gray100);
  --hmf-button-tertiary-border-color: var(--hmf-fill-secondary-static);
  --hmf-button-tertiary-active-border-color: var(--hmf-fill-secondary-active);
  --hmf-button-tertiary-hover-border-color: var(--hmf-fill-secondary-hover);
  --hmf-button-tertiary-inactive-border-color: var(--hmf-gray100);
  /*********** MARKETING BUTTONS ***********/
  --hmf-button-marketing-text-color: var(--hmf-gray50);
  --hmf-button-marketing-inactive-text-color: var(--hmf-gray600);
  --hmf-button-marketing-hover-text-color: var(--hmf-gray50);
  --hmf-button-marketing-active-text-color: var(--hmf-gray50);
  --hmf-button-marketing-background-color: var(--hmf-primary600);
  --hmf-button-marketing-active-background-color: var(--hmf-primary500);
  --hmf-button-marketing-hover-background-color: var(--hmf-primary300);
  --hmf-button-marketing-inactive-background-color: var(--hmf-gray300);
  --hmf-button-marketing-border-color: var(--hmf-primary600);
  --hmf-button-marketing-active-border-color: var(--hmf-primary500);
  --hmf-button-marketing-hover-border-color: var(--hmf-primary300);
  --hmf-button-marketing-inactive-border-color: var(--hmf-gray300);
  /*********** DESTRUCTIVE BUTTONS ***********/
  --hmf-button-destructive-text-color: var(--hmf-label-inverse-base);
  --hmf-button-destructive-inactive-text-color: var(--hmf-label-disabled);
  --hmf-button-destructive-hover-text-color: var( --hmf-label-inverse-base);
  --hmf-button-destructive-active-text-color: var(--hmf-label-inverse-base);
  --hmf-button-destructive-background-color: var(--hmf-fill-negative-static);
  --hmf-button-destructive-active-background-color: var(--hmf-fill-negative-active);
  --hmf-button-destructive-hover-background-color: var(--hmf-fill-negative-hover);
  --hmf-button-destructive-inactive-background-color: var(--hmf-fill-disabled-subtle);
  --hmf-button-destructive-border-color: var(--hmf-fill-negative-static);
  --hmf-button-destructive-active-border-color: var(--hmf-fill-negative-active);
  --hmf-button-destructive-hover-border-color: var(--hmf-fill-negative-hover);
  --hmf-button-destructive-inactive-border-color: var(--hmf-fill-disabled-subtle);
}

:root {
  --hmf-checkbox-active-background: var(--hmf-gray200);
  --hmf-checkbox-active-border-color: var(--hmf-gray500);
  --hmf-checkbox-active-checked-background: var(--hmf-gray800);
  --hmf-checkbox-active-checked-border-color: var(--hmf-gray800);
  --hmf-checkbox-base-checked-color: var(--hmf-gray800);
  --hmf-checkbox-base-color: var(--hmf-gray700);
  --hmf-checkbox-check-icon-dark: var(--hmf-gray500);
  --hmf-checkbox-check-icon-light: var(--hmf-gray50);
  --hmf-checkbox-checked-background: var(--hmf-gray900);
  --hmf-checkbox-checked-border-color: var(--hmf-gray900);
  --hmf-checkbox-disabled-color: var(--hmf-gray500);
  --hmf-checkbox-disabled-span-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-disabled-span-checked-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-checked-border-color: var(--hmf-gray200);
  --hmf-checkbox-error-color: var(--hmf-red600);
  --hmf-checkbox-error-span-background: var(--hmf-red100);
  --hmf-checkbox-error-span-border-color: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-background: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-border-color: var(--hmf-red600);
  --hmf-checkbox-focus-outline: 1px dashed var(--hmf-gray600);
  --hmf-checkbox-hover-span-background: var(--hmf-gray100);
  --hmf-checkbox-hover-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-hover-span-border: var(--hmf-gray900);
  --hmf-checkbox-hover-span-checked-background: var(--hmf-gray700);
  --hmf-checkbox-hover-span-checked-border-color: var(--hmf-gray700);
  --hmf-checkbox-span-background: var(--hmf-gray50);
  --hmf-checkbox-span-border: var(--hmf-gray600);
}

:root {
  --hmf-chip-font-size: var(--body-font-size-m);
  --hmf-chip-line-height: var(--body-line-height-m);
  --hmf-chip-font-weight: var(--font-primary-bold-weight);
  --hmf-chip-font-family: var(--font-primary);
  --hmf-chip-letter-spacing: var(--body-letter-spacing);
  --hmf-chip-background-color: var(--hmf-gray200);
  --hmf-chip-color: var(--hmf-gray900);
  --hmf-chip-hover-background-color: var(--hmf-gray400);
  --hmf-chip-focus-background-color: var(--hmf-gray400);
  --hmf-chip-focus-outline: 1px dashed var(--hmf-primary500);
}

:root {
  --hmf-product-availability-cancel-icon-color: var(--hmf-red500);
  --hmf-product-availability-warning-icon-color: var(--hmf-yellow500);
  --hmf-product-availability-success-icon-color: var(--hmf-primary500);
}

:root {
  --hmf-product-title-text-color: var(--hmf-gray900);
  --hmf-product-title-font-size: var(--label-font-size-l);
  --hmf-product-title-line-height: var(--label-line-height-l);
  --hmf-product-title-font-weight: 500;
  --hmf-product-title-font-family: var(--font-primary);
  --hmf-product-title-letter-spacing: var(--label-letter-spacing);
}

:root {
  --hmf-promotion-text-color: var(--hmf-gray500);
  --hmf-promotion-font-weight: var(--font-primary-regular-weight);
  --hmf-promotion-font-family: var(--font-primary);
  --hmf-promotion-letter-spacing: var(--body-letter-spacing);
}

:root {
  --hmf-recommendation-card-hover-color: var(--hmf-gray400);
  --hmf-recommendation-card-background-color: var(--hmf-gray50);
  --hmf-recommendation-card-text-color: var(--hmf-gray900);
  --hmf-recommendation-card-price-color: var(--hmf-gray500);
}

:root {
  --hmf-panel-font-size: var(--body-font-size-s);
  --hmf-panel-line-height: var(--body-line-height-s);
  --hmf-panel-font-weight: normal;
  --hmf-panel-font-family: var(--font-primary);
  --hmf-panel-letter-spacing: normal;
  --hmf-panel-content-background-color: var(--hmf-gray50);
  --hmf-panel-header-background-color: var(--hmf-gray100);
  --hmf-panel-overlay-background-color: var(--hmf-gray900);
  --hmf-panel-close-button-hover-background-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-background-color: var(--hmf-gray200);
  --hmf-panel-header-border-color: var(--hmf-gray100);
  --hmf-panel-close-button-hover-border-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-border-color: var(--hmf-gray200);
}

:root {
  --hmf-sticky-banner-font-size: var(--body-font-size-s);
  --hmf-sticky-banner-line-height: var(--body-line-height-s);
  --hmf-sticky-banner-font-weight: normal;
  --hmf-sticky-banner-font-family: var(--font-primary);
  --hmf-sticky-banner-letter-spacing: normal;
  --hmf-sticky-banner-content-background-color: var(--hmf-gray50);
  --hmf-sticky-banner-content-border-color: var(--hmf-gray200);
}

:root {
  --hmf-text-link-color: var(--hmf-gray900);
  --hmf-text-link-active-color: var(--hmf-gray600);
  --hmf-text-link-font-size: var(--body-font-size-m);
  --hmf-text-link-line-height: var(--body-line-height-m);
  --hmf-text-link-font-weight: var(--font-primary-regular-weight);
  --hmf-text-link-font-family: var(--font-primary);
  --hmf-text-link-letter-spacing: var(--body-letter-spacing);
}

:root {
  --hmf-text-input-font-size: var(--body-font-size-m);
  --hmf-text-input-line-height: var(--body-line-height-m);
  --hmf-text-input-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-font-family: var(--font-primary);
  --hmf-text-input-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-text-area-font-size: var(--body-font-size-m);
  --hmf-text-input-text-area-line-height: var(--body-line-height-m);
  --hmf-text-input-text-area-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-text-area-font-family: var(--font-primary);
  --hmf-text-input-text-area-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-border: 1px solid var(--hmf-gray700);
  --hmf-text-input-background-color: var(--hmf-gray50);
  --hmf-text-input-input-color: var(--hmf-gray900);
  --hmf-text-input-input-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-focused-border: 1px solid var(--hmf-primary300);
  --hmf-text-input-disabled-background-color: var(--hmf-gray200);
  --hmf-text-input-disabled-color: var(--hmf-gray700);
  --hmf-text-input-disabled-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-label-color: var(--hmf-gray900);
  --hmf-text-input-color: var(--hmf-gray700);
  --hmf-text-input-error-label-color: var(--hmf-red700);
  --hmf-text-input-error-color: var(--hmf-red700);
  --hmf-text-input-error-border: 1px solid var(--hmf-red700);
  --hmf-text-input-error-background-color: rgb(230 108 70 / 0.2);
  --hmf-text-input-error-placeholder-color: var(--hmf-gray900);
  --hmf-text-input-error-svg-fill: var(--hmf-red700);
}

:root.hmf-calia-theme,
:root .hmf-calia-theme {
  /*********** GENERAL STYLES ***********/
  --hmf-focus-outline: 1px dashed var(--hmf-gray400);
}

:root.hmf-calia-theme,
:root .hmf-calia-theme {
  --hmf-background-base: var(--hmf-gray50);
  --hmf-background-base-subtle: var(--hmf-gray100);
  --hmf-background-inverse: var(--hmf-gray900);
  --hmf-background-inverse-subtle: var(--hmf-gray800);
  --hmf-background-primary: var(--hmf-primary600);
  --hmf-fill-base: var(--hmf-gray50);
  --hmf-fill-base-subtle: var(--hmf-gray100);
  --hmf-fill-base-prominent: var(--hmf-gray200);
  --hmf-fill-inverse: var(--hmf-gray900);
  --hmf-fill-inverse-subtle: var(--hmf-gray700);
  --hmf-fill-primary-static: var(--hmf-secondary500);
  --hmf-fill-primary-hover: var(--hmf-secondary700);
  --hmf-fill-primary-active: var(--hmf-secondary600);
  --hmf-fill-secondary-static: var(--hmf-gray50);
  --hmf-fill-secondary-hover: var(--hmf-gray100);
  --hmf-fill-secondary-active: var(--hmf-gray200);
  --hmf-fill-tertiary-static: var(--hmf-gray900);
  --hmf-fill-tertiary-hover: var(--hmf-gray700);
  --hmf-fill-tertiary-active: var(--hmf-gray800);
  --hmf-fill-disabled: var(--hmf-gray500);
  --hmf-fill-disabled-subtle: var(--hmf-gray200);
  --hmf-fill-negative: var(--hmf-red600);
  --hmf-fill-negative-subtle: var(--hmf-red100);
  --hmf-fill-sale: var(--hmf-red600);
  --hmf-fill-warning: var(--hmf-yellow300);
  --hmf-fill-warning-subtle: var(--hmf-yellow50);
  --hmf-fill-positive: var(--hmf-primary500);
  --hmf-fill-positive-subtle: var(--hmf-primary100);
  --hmf-label-base: var(--hmf-gray900);
  --hmf-label-base-subtle: var(--hmf-gray600);
  --hmf-label-inverse-base: var(--hmf-gray50);
  --hmf-label-inverse-subtle: var(--hmf-gray100);
  --hmf-label-primary-static: var(--hmf-secondary500);
  --hmf-label-primary-hover: var(--hmf-secondary600);
  --hmf-label-primary-active: var(--hmf-secondary400);
  --hmf-label-secondary-static: var(--hmf-gray900);
  --hmf-label-secondary-hover: var(--hmf-gray700);
  --hmf-label-secondary-active: var(--hmf-gray800);
  --hmf-label-secondary-subtle-static: var(--hmf-gray600);
  --hmf-label-secondary-subtle-hover: var(--hmf-gray900);
  --hmf-label-secondary-subtle-active: var(--hmf-gray800);
  --hmf-label-tertiary-static: var(--hmf-gray900);
  --hmf-label-tertiary-hover: var(--hmf-secondary500);
  --hmf-label-tertiary-active: var(--hmf-secondary400);
  --hmf-label-sale: var(--hmf-red800);
  --hmf-label-disabled: var(--hmf-gray500);
  --hmf-label-disabled-subtle: var(--hmf-gray200);
  --hmf-label-negative: var(--hmf-red600);
  --hmf-label-warning: var(--hmf-yellow600);
  --hmf-border-base: var(--hmf-gray300);
  --hmf-border-base-subtle: var(--hmf-gray200);
  --hmf-border-inverse: var(--hmf-gray900);
  --hmf-border-inverse-subtle: var(--hmf-gray700);
  --hmf-border-primary-static: var(--hmf-secondary500);
  --hmf-border-primary-hover: var(--hmf-secondary600);
  --hmf-border-primary-active: var(--hmf-secondary400);
  --hmf-border-secondary-static: var(--hmf-gray900);
  --hmf-border-secondary-hover: var(--hmf-gray700);
  --hmf-border-secondary-active: var(--hmf-gray800);
  --hmf-border-secondary-subtle-static: var(--hmf-gray600);
  --hmf-border-secondary-subtle-hover: var(--hmf-gray400);
  --hmf-border-secondary-subtle-active: var(--hmf-gray500);
  --hmf-border-tertiary-static: var(--hmf-gray900);
  --hmf-border-tertiary-hover: var(--hmf-secondary500);
  --hmf-border-tertiary-active: var(--hmf-secondary400);
  --hmf-border-focused: var(--hmf-gray600);
  --hmf-border-inverse-focused: var(--hmf-gray50);
  --hmf-border-disabled: var(--hmf-gray500);
  --hmf-border-disabled-subtle: var(--hmf-gray200);
  --hmf-border-negative: var(--hmf-red600);
  --hmf-border-warning: var(--hmf-yellow500);
  --hmf-border-positive: var(--hmf-primary600);
}

/*********** TYPOGRAPHY ***********/
:root.hmf-calia-theme,
:root .hmf-calia-theme {
  --font-display: "Montserrat", sans-serif;
  --font-primary: "Montserrat", sans-serif;
  --font-label: "Montserrat", sans-serif;
  --font-display-weight: 500;
}

/*********** TYPOGRAPHY TYPES ***********/
:root.hmf-calia-theme,
:root .hmf-calia-theme {
  /* DISPLAY TEXT */
  --display-letter-spacing-xs: 0.2rem;
  --display-letter-spacing-s: 0.2rem;
  --display-font-size-m: 4.2rem;
  --display-letter-spacing-m: 0.2rem;
  --display-line-height-m: 4.2rem;
  --display-letter-spacing-l: 0.4rem;
  --display-letter-spacing-xl: 0.1rem;
}

:root.hmf-calia-theme,
:root .hmf-calia-theme {
  /* HEADINGS */
  --header-letter-spacing: 0.1rem;
  --header-line-height-s: 2rem;
}

:root.hmf-calia-theme,
:root .hmf-calia-theme {
  --hmf-primary50: #e9e5e7;
  --hmf-primary100: #c7bfc4;
  --hmf-primary200: #e1d1e0;
  --hmf-primary300: #7c6976;
  --hmf-primary400: #604858;
  --hmf-primary500: #44283b;
  --hmf-primary600: #3e2435;
  --hmf-primary700: #351e2d;
  --hmf-primary800: #2d1826;
  --hmf-primary900: #1f0f19;
  --hmf-secondary50: #f8f2e6;
  --hmf-secondary100: #f1ebde;
  --hmf-secondary200: #eee6da;
  --hmf-secondary300: #ede4db;
  --hmf-secondary400: #eedfd9;
  --hmf-secondary500: #f6ddda;
  --hmf-secondary600: #e8d2cf;
  --hmf-secondary700: #e5d2d0;
  --hmf-secondary800: #e3d1c7;
  --hmf-secondary900: #ddc7c0;
  --hmf-tertiary50: #e9f5ef;
  --hmf-tertiary100: #c8e5d7;
  --hmf-tertiary200: #a4d4bd;
  --hmf-tertiary300: #80c2a3;
  --hmf-tertiary400: #64b58f;
  --hmf-tertiary500: #49a87b;
  --hmf-tertiary600: #42a073;
  --hmf-tertiary700: #399768;
  --hmf-tertiary800: #318d5e;
  --hmf-tertiary900: #217d4b;
  --hmf-accent50: #e0edf0;
  --hmf-accent100: #b3d2d8;
  --hmf-accent200: #80b4bf;
  --hmf-accent300: #4d95a5;
  --hmf-accent400: #267f91;
  --hmf-accent500: #006580;
  --hmf-accent600: #006076;
  --hmf-accent700: #00556b;
  --hmf-accent800: #004b61;
  --hmf-accent900: #003a5d;
}

:root.hmf-calia-theme,
:root .hmf-calia-theme {
  /*********** GENERIC STYLING ***********/
  --hmf-button-border-radius: var(--hmf-sharp-radius);
  /*********** PRIMARY BUTTONS ***********/
  --hmf-button-primary-text-color: var(--hmf-gray50);
  --hmf-button-primary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-primary-background-color: var(--hmf-primary500);
  --hmf-button-primary-active-background-color: var(--hmf-primary600);
  --hmf-button-primary-hover-background-color: var(--hmf-primary400);
  --hmf-button-primary-inactive-background-color: var(--hmf-gray300);
  --hmf-button-primary-border-color: var(--hmf-primary500);
  --hmf-button-primary-hover-border-color: var(--hmf-primary400);
  --hmf-button-primary-active-border-color: var(--hmf-primary600);
  --hmf-button-primary-inactive-border-color: var(--hmf-gray300);
  /*********** SECONDARY BUTTONS ***********/
  --hmf-button-secondary-text-color: var(--hmf-gray900);
  --hmf-button-secondary-active-text-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-text-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-secondary-background-color: var(--hmf-gray50);
  --hmf-button-secondary-active-background-color: var(--hmf-gray400);
  --hmf-button-secondary-hover-background-color: var(--hmf-gray200);
  --hmf-button-secondary-inactive-background-color: var(--hmf-gray50);
  --hmf-button-secondary-border-color: var(--hmf-gray900);
  --hmf-button-secondary-active-border-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-border-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-border-color: var(--hmf-gray400);
  /*********** TERTIARY BUTTONS ***********/
  --hmf-button-tertiary-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-hover-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-active-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-inactive-text-color: var(--hmf-gray500);
  --hmf-button-tertiary-background-color: var(--hmf-fill-secondary-static);
  --hmf-button-tertiary-active-background-color: var(--hmf-fill-secondary-active);
  --hmf-button-tertiary-hover-background-color: var(--hmf-fill-secondary-hover);
  --hmf-button-tertiary-inactive-background-color: var(--hmf-gray100);
  --hmf-button-tertiary-border-color: var(--hmf-fill-secondary-static);
  --hmf-button-tertiary-active-border-color: var(--hmf-fill-secondary-active);
  --hmf-button-tertiary-hover-border-color: var(--hmf-fill-secondary-hover);
  --hmf-button-tertiary-inactive-border-color: var(--hmf-gray100);
  /*********** MARKETING BUTTONS ***********/
  --hmf-button-marketing-text-color: var(--hmf-gray900);
  --hmf-button-marketing-inactive-text-color: var(--hmf-gray600);
  --hmf-button-marketing-hover-text-color: var(--hmf-gray900);
  --hmf-button-marketing-active-text-color: var(--hmf-gray900);
  --hmf-button-marketing-background-color: var(--hmf-secondary100);
  --hmf-button-marketing-active-background-color: var(--hmf-secondary500);
  --hmf-button-marketing-hover-background-color: var(--hmf-secondary300);
  --hmf-button-marketing-inactive-background-color: var(--hmf-gray300);
  --hmf-button-marketing-border-color: var(--hmf-secondary100);
  --hmf-button-marketing-active-border-color: var(--hmf-secondary500);
  --hmf-button-marketing-hover-border-color: var(--hmf-secondary300);
  --hmf-button-marketing-inactive-border-color: var(--hmf-gray300);
}

:root, :root.hmf-calia-theme,
:root .hmf-calia-theme {
  --hmf-checkbox-active-background: var(--hmf-gray200);
  --hmf-checkbox-active-border-color: var(--hmf-gray500);
  --hmf-checkbox-active-checked-background: var(--hmf-gray800);
  --hmf-checkbox-active-checked-border-color: var(--hmf-gray800);
  --hmf-checkbox-base-checked-color: var(--hmf-gray800);
  --hmf-checkbox-base-color: var(--hmf-gray700);
  --hmf-checkbox-check-icon-dark: var(--hmf-gray500);
  --hmf-checkbox-check-icon-light: var(--hmf-gray50);
  --hmf-checkbox-checked-background: var(--hmf-gray900);
  --hmf-checkbox-checked-border-color: var(--hmf-gray900);
  --hmf-checkbox-disabled-color: var(--hmf-gray500);
  --hmf-checkbox-disabled-span-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-disabled-span-checked-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-checked-border-color: var(--hmf-gray200);
  --hmf-checkbox-error-color: var(--hmf-red600);
  --hmf-checkbox-error-span-background: var(--hmf-red100);
  --hmf-checkbox-error-span-border-color: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-background: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-border-color: var(--hmf-red600);
  --hmf-checkbox-focus-outline: 1px dashed var(--hmf-gray600);
  --hmf-checkbox-hover-span-background: var(--hmf-gray100);
  --hmf-checkbox-hover-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-hover-span-border: var(--hmf-gray900);
  --hmf-checkbox-hover-span-checked-background: var(--hmf-gray700);
  --hmf-checkbox-hover-span-checked-border-color: var(--hmf-gray700);
  --hmf-checkbox-span-background: var(--hmf-gray50);
  --hmf-checkbox-span-border: var(--hmf-gray600);
}

:root, :root.hmf-calia-theme,
:root .hmf-calia-theme {
  --hmf-chip-font-size: var(--body-font-size-m);
  --hmf-chip-line-height: var(--body-line-height-m);
  --hmf-chip-font-weight: var(--font-primary-bold-weight);
  --hmf-chip-font-family: var(--font-primary);
  --hmf-chip-letter-spacing: var(--body-letter-spacing);
  --hmf-chip-background-color: var(--hmf-gray200);
  --hmf-chip-color: var(--hmf-gray900);
  --hmf-chip-hover-background-color: var(--hmf-gray400);
  --hmf-chip-focus-background-color: var(--hmf-gray400);
  --hmf-chip-focus-outline: 1px dashed var(--hmf-primary500);
}

:root.hmf-calia-theme,
:root .hmf-calia-theme {
  --hmf-product-availability-cancel-icon-color: var(--hmf-red500);
  --hmf-product-availability-warning-icon-color: var(--hmf-yellow500);
  --hmf-product-availability-success-icon-color: var(--hmf-primary500);
}

:root.hmf-calia-theme,
:root .hmf-calia-theme {
  --hmf-product-title-text-color: var(--hmf-gray900);
  --hmf-product-title-font-size: var(--label-font-size-l);
  --hmf-product-title-line-height: var(--label-line-height-l);
  --hmf-product-title-font-weight: 500;
  --hmf-product-title-font-family: var(--font-primary);
  --hmf-product-title-letter-spacing: var(--label-letter-spacing);
}

:root.hmf-calia-theme,
:root .hmf-calia-theme {
  --hmf-promotion-text-color: var(--hmf-gray500);
  --hmf-promotion-font-weight: var(--font-primary-regular-weight);
  --hmf-promotion-font-family: var(--font-primary);
  --hmf-promotion-letter-spacing: var(--body-letter-spacing);
}

:root.hmf-calia-theme,
:root .hmf-calia-theme {
  --hmf-recommendation-card-hover-color: var(--hmf-gray400);
  --hmf-recommendation-card-background-color: var(--hmf-gray50);
  --hmf-recommendation-card-text-color: var(--hmf-gray900);
  --hmf-recommendation-card-price-color: var(--hmf-gray500);
}

:root, :root.hmf-calia-theme,
:root .hmf-calia-theme {
  --hmf-panel-font-size: var(--body-font-size-s);
  --hmf-panel-line-height: var(--body-line-height-s);
  --hmf-panel-font-weight: normal;
  --hmf-panel-font-family: var(--font-primary);
  --hmf-panel-letter-spacing: normal;
  --hmf-panel-content-background-color: var(--hmf-gray50);
  --hmf-panel-header-background-color: var(--hmf-gray100);
  --hmf-panel-overlay-background-color: var(--hmf-gray900);
  --hmf-panel-close-button-hover-background-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-background-color: var(--hmf-gray200);
  --hmf-panel-header-border-color: var(--hmf-gray100);
  --hmf-panel-close-button-hover-border-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-border-color: var(--hmf-gray200);
}

:root.hmf-calia-theme,
:root .hmf-calia-theme {
  --hmf-sticky-banner-font-size: var(--body-font-size-s);
  --hmf-sticky-banner-line-height: var(--body-line-height-s);
  --hmf-sticky-banner-font-weight: normal;
  --hmf-sticky-banner-font-family: var(--font-primary);
  --hmf-sticky-banner-letter-spacing: normal;
  --hmf-sticky-banner-content-background-color: var(--hmf-gray50);
  --hmf-sticky-banner-content-border-color: var(--hmf-gray200);
}

:root.hmf-calia-theme,
:root .hmf-calia-theme {
  --hmf-text-link-color: var(--hmf-gray900);
  --hmf-text-link-active-color: var(--hmf-gray600);
  --hmf-text-link-font-size: var(--body-font-size-m);
  --hmf-text-link-line-height: var(--body-line-height-m);
  --hmf-text-link-font-weight: var(--font-primary-regular-weight);
  --hmf-text-link-font-family: var(--font-primary);
  --hmf-text-link-letter-spacing: var(--body-letter-spacing);
}

:root, :root.hmf-calia-theme,
:root .hmf-calia-theme {
  --hmf-text-input-font-size: var(--body-font-size-m);
  --hmf-text-input-line-height: var(--body-line-height-m);
  --hmf-text-input-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-font-family: var(--font-primary);
  --hmf-text-input-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-text-area-font-size: var(--body-font-size-m);
  --hmf-text-input-text-area-line-height: var(--body-line-height-m);
  --hmf-text-input-text-area-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-text-area-font-family: var(--font-primary);
  --hmf-text-input-text-area-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-border: 1px solid var(--hmf-gray700);
  --hmf-text-input-background-color: var(--hmf-gray50);
  --hmf-text-input-input-color: var(--hmf-gray900);
  --hmf-text-input-input-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-focused-border: 1px solid var(--hmf-primary300);
  --hmf-text-input-disabled-background-color: var(--hmf-gray200);
  --hmf-text-input-disabled-color: var(--hmf-gray700);
  --hmf-text-input-disabled-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-label-color: var(--hmf-gray900);
  --hmf-text-input-color: var(--hmf-gray700);
  --hmf-text-input-error-label-color: var(--hmf-red700);
  --hmf-text-input-error-color: var(--hmf-red700);
  --hmf-text-input-error-border: 1px solid var(--hmf-red700);
  --hmf-text-input-error-background-color: rgb(230 108 70 / 0.2);
  --hmf-text-input-error-placeholder-color: var(--hmf-gray900);
  --hmf-text-input-error-svg-fill: var(--hmf-red700);
}

/*********** GENERAL STYLES ***********/
:root.hmf-g3-theme,
:root .hmf-g3-theme {
  --hmf-focus-outline: 1px dashed var(--hmf-secondary500);
}

:root.hmf-g3-theme,
:root .hmf-g3-theme {
  --hmf-background-base: var(--hmf-gray50);
  --hmf-background-base-subtle: var(--hmf-gray100);
  --hmf-background-inverse: var(--hmf-gray900);
  --hmf-background-inverse-subtle: var(--hmf-gray800);
  --hmf-background-primary: var(--hmf-secondary600);
  --hmf-fill-base: var(--hmf-gray50);
  --hmf-fill-base-subtle: var(--hmf-gray100);
  --hmf-fill-base-prominent: var(--hmf-gray200);
  --hmf-fill-creative-primary: var(--hmf-secondary600);
  --hmf-fill-inverse: var(--hmf-gray900);
  --hmf-fill-inverse-subtle: var(--hmf-gray700);
  --hmf-fill-primary-static: var(--hmf-secondary600);
  --hmf-fill-primary-hover: var(--hmf-secondary700);
  --hmf-fill-primary-active: var(--hmf-secondary500);
  --hmf-fill-secondary-static: var(--hmf-gray50);
  --hmf-fill-secondary-static-subtle: var(--hmf-gray100);
  --hmf-fill-secondary-hover: var(--hmf-gray100);
  --hmf-fill-secondary-hover-subtle: var(--hmf-gray200);
  --hmf-fill-secondary-active: var(--hmf-gray200);
  --hmf-fill-secondary-active-subtle: var(--hmf-gray100);
  --hmf-fill-tertiary-static: var(--hmf-gray900);
  --hmf-fill-tertiary-hover: var(--hmf-gray700);
  --hmf-fill-tertiary-active: var(--hmf-gray800);
  --hmf-fill-disabled: var(--hmf-gray500);
  --hmf-fill-disabled-subtle: var(--hmf-gray200);
  --hmf-fill-negative: var(--hmf-red600);
  --hmf-fill-negative-subtle: var(--hmf-red100);
  --hmf-fill-negative-static: var(--hmf-red600);
  --hmf-fill-negative-hover: var(--hmf-red800);
  --hmf-fill-negative-active: var(--hmf-red700);
  --hmf-fill-sale: var(--hmf-red600);
  --hmf-fill-warning: var(--hmf-yellow300);
  --hmf-fill-warning-subtle: var(--hmf-yellow50);
  --hmf-fill-positive: var(--hmf-secondary500);
  --hmf-fill-positive-subtle: var(--hmf-secondary100);
  --hmf-fill-marketing-static: var(--hmf-primary600);
  --hmf-fill-marketing-hover: var(--hmf-primary700);
  --hmf-fill-marketing-active: var(--hmf-primary500);
  --hmf-fill-scorecard: var(--hmf-primary400);
  --hmf-fill-scorecard-subtle: var(--hmf-primary200);
  --hmf-fill-scorecard-gold: var(--hmf-gold300);
  --hmf-fill-scorecard-gold-subtle: var(--hmf-gold200);
  --hmf-fill-calia: var(--hmf-calia600);
  --hmf-fill-calia-subtle: var(--hmf-calia200);
  --hmf-fill-vrst: var(--hmf-vrst600);
  --hmf-fill-vrst-subtle: var(--hmf-vrst200);
  --hmf-label-base: var(--hmf-gray900);
  --hmf-label-base-subtle: var(--hmf-gray600);
  --hmf-label-inverse-base: var(--hmf-gray50);
  --hmf-label-inverse-subtle: var(--hmf-gray100);
  --hmf-label-primary-static: var(--hmf-secondary600);
  --hmf-label-primary-hover: var(--hmf-secondary900);
  --hmf-label-primary-active: var(--hmf-secondary700);
  --hmf-label-secondary-static: var(--hmf-gray900);
  --hmf-label-secondary-hover: var(--hmf-gray700);
  --hmf-label-secondary-active: var(--hmf-gray800);
  --hmf-label-secondary-subtle-static: var(--hmf-gray600);
  --hmf-label-secondary-subtle-hover: var(--hmf-gray900);
  --hmf-label-secondary-subtle-active: var(--hmf-gray800);
  --hmf-label-tertiary-static: var(--hmf-gray900);
  --hmf-label-tertiary-hover: var(--hmf-secondary600);
  --hmf-label-tertiary-active: var(--hmf-secondary500);
  --hmf-label-sale: var(--hmf-red800);
  --hmf-label-disabled: var(--hmf-gray500);
  --hmf-label-disabled-subtle: var(--hmf-gray200);
  --hmf-label-negative: var(--hmf-red600);
  --hmf-label-positive: var(--hmf-secondary600);
  --hmf-label-warning: var(--hmf-yellow600);
  --hmf-label-marketing-static: var(--hmf-gray50);
  --hmf-label-marketing-hover: var(--hmf-gray100);
  --hmf-label-marketing-active: var(--hmf-gray100);
  --hmf-label-scorecard: var(--hmf-primary600);
  --hmf-border-base: var(--hmf-gray300);
  --hmf-border-base-subtle: var(--hmf-gray200);
  --hmf-border-base-prominent: var(--hmf-gray400);
  --hmf-border-inverse: var(--hmf-gray900);
  --hmf-border-inverse-subtle: var(--hmf-gray700);
  --hmf-border-primary-static: var(--hmf-secondary600);
  --hmf-border-primary-hover: var(--hmf-secondary700);
  --hmf-border-primary-active: var(--hmf-secondary500);
  --hmf-border-secondary-static: var(--hmf-gray900);
  --hmf-border-secondary-hover: var(--hmf-gray700);
  --hmf-border-secondary-active: var(--hmf-gray800);
  --hmf-border-secondary-subtle-static: var(--hmf-gray600);
  --hmf-border-secondary-subtle-hover: var(--hmf-gray400);
  --hmf-border-secondary-subtle-active: var(--hmf-gray500);
  --hmf-border-tertiary-static: var(--hmf-gray900);
  --hmf-border-tertiary-hover: var(--hmf-secondary600);
  --hmf-border-tertiary-active: var(--hmf-secondary500);
  --hmf-border-focused: var(--hmf-primary600);
  --hmf-border-inverse-focused: var(--hmf-gray50);
  --hmf-border-disabled: var(--hmf-gray500);
  --hmf-border-disabled-subtle: var(--hmf-gray200);
  --hmf-border-negative: var(--hmf-red600);
  --hmf-border-warning: var(--hmf-yellow500);
  --hmf-border-positive: var(--hmf-secondary600);
  --hmf-border-scorecard-subtle: var(--hmf-primary100);
  --hmf-border-scorecard-gold: var(--hmf-gold400);
  --hmf-border-scorecard-gold-subtle: var(--hmf-gold100);
}

/*********** TYPOGRAPHY ***********/
:root.hmf-g3-theme,
:root .hmf-g3-theme {
  --font-display: "DSG Sans", sans-serif;
  --font-primary: "Roboto", sans-serif;
  --font-label: "Roboto", sans-serif;
  --font-primary-regular-weight: 400;
  --font-primary-bold-weight: 700;
  --font-display-weight: 500;
}

/*********** TYPOGRAPHY TYPES ***********/
:root.hmf-g3-theme,
:root .hmf-g3-theme {
  --hmf-primary50: #f4fbf6;
  --hmf-primary100: #e0f4e7;
  --hmf-primary200: #b3e4c3;
  --hmf-primary300: #80d29b;
  --hmf-primary400: #26b355;
  --hmf-primary500: #00a537;
  --hmf-primary600: #007916;
  --hmf-primary700: #005c11;
  --hmf-primary800: #004d0e;
  --hmf-primary900: #002e08;
  --hmf-secondary50: #f4faf9;
  --hmf-secondary100: #d1ebe6;
  --hmf-secondary200: #b3ddd6;
  --hmf-secondary300: #80c6ba;
  --hmf-secondary400: #4daf9e;
  --hmf-secondary500: #008d75;
  --hmf-secondary600: #006554;
  --hmf-secondary700: #005343;
  --hmf-secondary800: #00493a;
  --hmf-secondary900: #00291e;
  --hmf-tertiary50: #fdfaf7;
  --hmf-tertiary100: #f9f2eb;
  --hmf-tertiary200: #ecd5bc;
  --hmf-tertiary300: #e4c4a5;
  --hmf-tertiary400: #daaf86;
  --hmf-tertiary500: #c3864b;
  --hmf-tertiary600: #936334;
  --hmf-tertiary700: #6a4929;
  --hmf-tertiary800: #553a21;
  --hmf-tertiary900: #332314;
  --hmf-accent50: #fff7f5;
  --hmf-accent100: #ffede7;
  --hmf-accent200: #ffd1c3;
  --hmf-accent300: #ffb39c;
  --hmf-accent400: #ff6638;
  --hmf-accent500: #ff5e32;
  --hmf-accent600: #d12d00;
  --hmf-accent700: #992100;
  --hmf-accent800: #801b00;
  --hmf-accent900: #4d1000;
}

:root.hmf-g3-theme,
:root .hmf-g3-theme {
  /*********** GENERIC STYLING ***********/
  --hmf-button-border-radius: var(--hmf-sharp-radius);
  /*********** PRIMARY BUTTONS ***********/
  --hmf-button-primary-text-color: var(--hmf-gray50);
  --hmf-button-primary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-primary-background-color: var(--hmf-secondary800);
  --hmf-button-primary-active-background-color: var(--hmf-secondary700);
  --hmf-button-primary-hover-background-color: var(--hmf-secondary900);
  --hmf-button-primary-inactive-background-color: var(--hmf-gray300);
  --hmf-button-primary-border-color: var(--hmf-secondary800);
  --hmf-button-primary-hover-border-color: var(--hmf-secondary900);
  --hmf-button-primary-active-border-color: var(--hmf-secondary700);
  --hmf-button-primary-inactive-border-color: var(--hmf-gray300);
  /*********** SECONDARY BUTTONS ***********/
  --hmf-button-secondary-text-color: var(--hmf-gray900);
  --hmf-button-secondary-active-text-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-text-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-secondary-background-color: var(--hmf-gray50);
  --hmf-button-secondary-active-background-color: var(--hmf-gray400);
  --hmf-button-secondary-hover-background-color: var(--hmf-gray200);
  --hmf-button-secondary-inactive-background-color: var(--hmf-gray50);
  --hmf-button-secondary-border-color: var(--hmf-gray900);
  --hmf-button-secondary-active-border-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-border-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-border-color: var(--hmf-gray400);
  /*********** TERTIARY BUTTONS ***********/
  --hmf-button-tertiary-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-hover-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-active-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-inactive-text-color: var(--hmf-gray500);
  --hmf-button-tertiary-background-color: var(--hmf-fill-secondary-static);
  --hmf-button-tertiary-active-background-color: var(--hmf-fill-secondary-active);
  --hmf-button-tertiary-hover-background-color: var(--hmf-fill-secondary-hover);
  --hmf-button-tertiary-inactive-background-color: var(--hmf-gray100);
  --hmf-button-tertiary-border-color: var(--hmf-fill-secondary-static);
  --hmf-button-tertiary-active-border-color: var(--hmf-fill-secondary-active);
  --hmf-button-tertiary-hover-border-color: var(--hmf-fill-secondary-hover);
  --hmf-button-tertiary-inactive-border-color: var(--hmf-gray100);
  /*********** MARKETING BUTTONS ***********/
  --hmf-button-marketing-text-color: var(--hmf-gray50);
  --hmf-button-marketing-inactive-text-color: var(--hmf-gray50);
  --hmf-button-marketing-hover-text-color: var(--hmf-gray50);
  --hmf-button-marketing-active-text-color: var(--hmf-gray900);
  --hmf-button-marketing-background-color: var(--hmf-primary600);
  --hmf-button-marketing-active-background-color: var(--hmf-primary500);
  --hmf-button-marketing-hover-background-color: var(--hmf-primary700);
  --hmf-button-marketing-inactive-background-color: var(--hmf-gray300);
  --hmf-button-marketing-border-color: var(--hmf-primary600);
  --hmf-button-marketing-active-border-color: var(--hmf-primary500);
  --hmf-button-marketing-hover-border-color: var(--hmf-primary700);
  --hmf-button-marketing-inactive-border-color: var(--hmf-gray300);
  /*********** DESTRUCTIVE BUTTONS ***********/
  --hmf-button-destructive-text-color: var(--hmf-label-inverse-base);
  --hmf-button-destructive-inactive-text-color: var(--hmf-label-disabled);
  --hmf-button-destructive-hover-text-color: var( --hmf-label-inverse-base);
  --hmf-button-destructive-active-text-color: var(--hmf-label-inverse-base);
  --hmf-button-destructive-background-color: var(--hmf-fill-negative-static);
  --hmf-button-destructive-active-background-color: var(--hmf-fill-negative-active);
  --hmf-button-destructive-hover-background-color: var(--hmf-fill-negative-hover);
  --hmf-button-destructive-inactive-background-color: var(--hmf-fill-disabled-subtle);
  --hmf-button-destructive-border-color: var(--hmf-fill-negative-static);
  --hmf-button-destructive-active-border-color: var(--hmf-fill-negative-active);
  --hmf-button-destructive-hover-border-color: var(--hmf-fill-negative-hover);
  --hmf-button-destructive-inactive-border-color: var(--hmf-fill-disabled-subtle);
}

:root, :root.hmf-g3-theme,
:root .hmf-g3-theme {
  --hmf-checkbox-active-background: var(--hmf-gray200);
  --hmf-checkbox-active-border-color: var(--hmf-gray500);
  --hmf-checkbox-active-checked-background: var(--hmf-gray800);
  --hmf-checkbox-active-checked-border-color: var(--hmf-gray800);
  --hmf-checkbox-base-checked-color: var(--hmf-gray800);
  --hmf-checkbox-base-color: var(--hmf-gray700);
  --hmf-checkbox-check-icon-dark: var(--hmf-gray500);
  --hmf-checkbox-check-icon-light: var(--hmf-gray50);
  --hmf-checkbox-checked-background: var(--hmf-gray900);
  --hmf-checkbox-checked-border-color: var(--hmf-gray900);
  --hmf-checkbox-disabled-color: var(--hmf-gray500);
  --hmf-checkbox-disabled-span-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-disabled-span-checked-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-checked-border-color: var(--hmf-gray200);
  --hmf-checkbox-error-color: var(--hmf-red600);
  --hmf-checkbox-error-span-background: var(--hmf-red100);
  --hmf-checkbox-error-span-border-color: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-background: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-border-color: var(--hmf-red600);
  --hmf-checkbox-focus-outline: 1px dashed var(--hmf-gray600);
  --hmf-checkbox-hover-span-background: var(--hmf-gray100);
  --hmf-checkbox-hover-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-hover-span-border: var(--hmf-gray900);
  --hmf-checkbox-hover-span-checked-background: var(--hmf-gray700);
  --hmf-checkbox-hover-span-checked-border-color: var(--hmf-gray700);
  --hmf-checkbox-span-background: var(--hmf-gray50);
  --hmf-checkbox-span-border: var(--hmf-gray600);
}

:root, :root.hmf-g3-theme,
:root .hmf-g3-theme {
  --hmf-chip-font-size: var(--body-font-size-m);
  --hmf-chip-line-height: var(--body-line-height-m);
  --hmf-chip-font-weight: var(--font-primary-bold-weight);
  --hmf-chip-font-family: var(--font-primary);
  --hmf-chip-letter-spacing: var(--body-letter-spacing);
  --hmf-chip-background-color: var(--hmf-gray200);
  --hmf-chip-color: var(--hmf-gray900);
  --hmf-chip-hover-background-color: var(--hmf-gray400);
  --hmf-chip-focus-background-color: var(--hmf-gray400);
  --hmf-chip-focus-outline: 1px dashed var(--hmf-primary500);
}

:root.hmf-g3-theme,
:root .hmf-g3-theme {
  --hmf-product-availability-cancel-icon-color: var(--hmf-red500);
  --hmf-product-availability-warning-icon-color: var(--hmf-accent500);
  --hmf-product-availability-success-icon-color: var(--hmf-primary500);
}

:root.hmf-g3-theme,
:root .hmf-g3-theme {
  --hmf-product-title-text-color: var(--hmf-gray900);
  --hmf-product-title-font-size: var(--label-font-size-l);
  --hmf-product-title-line-height: var(--label-line-height-l);
  --hmf-product-title-font-weight: 500;
  --hmf-product-title-font-family: var(--font-primary);
  --hmf-product-title-letter-spacing: var(--label-letter-spacing);
}

:root.hmf-g3-theme,
:root .hmf-g3-theme {
  --hmf-promotion-text-color: var(--hmf-gray500);
  --hmf-promotion-font-weight: var(--font-primary-regular-weight);
  --hmf-promotion-font-family: var(--font-primary);
  --hmf-promotion-letter-spacing: var(--body-letter-spacing);
}

:root.hmf-g3-theme,
:root .hmf-g3-theme {
  --hmf-recommendation-card-hover-color: var(--hmf-gray400);
  --hmf-recommendation-card-background-color: var(--hmf-gray50);
  --hmf-recommendation-card-text-color: var(--hmf-gray900);
  --hmf-recommendation-card-price-color: var(--hmf-gray500);
}

:root, :root.hmf-g3-theme,
:root .hmf-g3-theme {
  --hmf-panel-font-size: var(--body-font-size-s);
  --hmf-panel-line-height: var(--body-line-height-s);
  --hmf-panel-font-weight: normal;
  --hmf-panel-font-family: var(--font-primary);
  --hmf-panel-letter-spacing: normal;
  --hmf-panel-content-background-color: var(--hmf-gray50);
  --hmf-panel-header-background-color: var(--hmf-gray100);
  --hmf-panel-overlay-background-color: var(--hmf-gray900);
  --hmf-panel-close-button-hover-background-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-background-color: var(--hmf-gray200);
  --hmf-panel-header-border-color: var(--hmf-gray100);
  --hmf-panel-close-button-hover-border-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-border-color: var(--hmf-gray200);
}

:root.hmf-g3-theme,
:root .hmf-g3-theme {
  --hmf-sticky-banner-font-size: var(--body-font-size-s);
  --hmf-sticky-banner-line-height: var(--body-line-height-s);
  --hmf-sticky-banner-font-weight: normal;
  --hmf-sticky-banner-font-family: var(--font-primary);
  --hmf-sticky-banner-letter-spacing: normal;
  --hmf-sticky-banner-content-background-color: var(--hmf-gray50);
  --hmf-sticky-banner-content-border-color: var(--hmf-gray200);
}

:root.hmf-g3-theme,
:root .hmf-g3-theme {
  --hmf-text-link-color: var(--hmf-gray900);
  --hmf-text-link-active-color: var(--hmf-gray600);
  --hmf-text-link-font-size: var(--body-font-size-m);
  --hmf-text-link-line-height: var(--body-line-height-m);
  --hmf-text-link-font-weight: var(--font-primary-regular-weight);
  --hmf-text-link-font-family: var(--font-primary);
  --hmf-text-link-letter-spacing: var(--body-letter-spacing);
}

:root, :root.hmf-g3-theme,
:root .hmf-g3-theme {
  --hmf-text-input-font-size: var(--body-font-size-m);
  --hmf-text-input-line-height: var(--body-line-height-m);
  --hmf-text-input-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-font-family: var(--font-primary);
  --hmf-text-input-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-text-area-font-size: var(--body-font-size-m);
  --hmf-text-input-text-area-line-height: var(--body-line-height-m);
  --hmf-text-input-text-area-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-text-area-font-family: var(--font-primary);
  --hmf-text-input-text-area-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-border: 1px solid var(--hmf-gray700);
  --hmf-text-input-background-color: var(--hmf-gray50);
  --hmf-text-input-input-color: var(--hmf-gray900);
  --hmf-text-input-input-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-focused-border: 1px solid var(--hmf-primary300);
  --hmf-text-input-disabled-background-color: var(--hmf-gray200);
  --hmf-text-input-disabled-color: var(--hmf-gray700);
  --hmf-text-input-disabled-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-label-color: var(--hmf-gray900);
  --hmf-text-input-color: var(--hmf-gray700);
  --hmf-text-input-error-label-color: var(--hmf-red700);
  --hmf-text-input-error-color: var(--hmf-red700);
  --hmf-text-input-error-border: 1px solid var(--hmf-red700);
  --hmf-text-input-error-background-color: rgb(230 108 70 / 0.2);
  --hmf-text-input-error-placeholder-color: var(--hmf-gray900);
  --hmf-text-input-error-svg-fill: var(--hmf-red700);
}

/*********** GENERAL STYLES ***********/
:root.hmf-gg-theme,
:root .hmf-gg-theme {
  --hmf-focus-outline: 1px dashed var(--hmf-tertiary400);
}

:root.hmf-gg-theme,
:root .hmf-gg-theme {
  --hmf-background-base: var(--hmf-gray50);
  --hmf-background-base-subtle: var(--hmf-gray100);
  --hmf-background-inverse: var(--hmf-gray900);
  --hmf-background-inverse-subtle: var(--hmf-gray800);
  --hmf-background-primary: var(--hmf-primary800);
  --hmf-fill-base: var(--hmf-gray50);
  --hmf-fill-base-subtle: var(--hmf-gray100);
  --hmf-fill-base-prominent: var(--hmf-gray200);
  --hmf-fill-creative-primary: var(--hmf-primary800);
  --hmf-fill-inverse: var(--hmf-gray900);
  --hmf-fill-inverse-subtle: var(--hmf-gray700);
  --hmf-fill-primary-static: var(--hmf-primary600);
  --hmf-fill-primary-hover: var(--hmf-primary700);
  --hmf-fill-primary-active: var(--hmf-primary500);
  --hmf-fill-secondary-static: var(--hmf-gray50);
  --hmf-fill-secondary-static-subtle: var(--hmf-gray100);
  --hmf-fill-secondary-hover: var(--hmf-gray100);
  --hmf-fill-secondary-hover-subtle: var(--hmf-gray200);
  --hmf-fill-secondary-active: var(--hmf-gray200);
  --hmf-fill-secondary-active-subtle: var(--hmf-gray100);
  --hmf-fill-tertiary-static: var(--hmf-gray900);
  --hmf-fill-tertiary-hover: var(--hmf-gray700);
  --hmf-fill-tertiary-active: var(--hmf-gray800);
  --hmf-fill-disabled: var(--hmf-gray500);
  --hmf-fill-disabled-subtle: var(--hmf-gray200);
  --hmf-fill-negative: var(--hmf-red600);
  --hmf-fill-negative-subtle: var(--hmf-red100);
  --hmf-fill-negative-static: var(--hmf-red600);
  --hmf-fill-negative-hover: var(--hmf-red800);
  --hmf-fill-negative-active: var(--hmf-red700);
  --hmf-fill-sale: var(--hmf-red600);
  --hmf-fill-warning: var(--hmf-yellow300);
  --hmf-fill-warning-subtle: var(--hmf-yellow50);
  --hmf-fill-positive: var(--hmf-primary500);
  --hmf-fill-positive-subtle: var(--hmf-primary100);
  --hmf-fill-marketing-static: var(--hmf-primary800);
  --hmf-fill-marketing-hover: var(--hmf-primary900);
  --hmf-fill-marketing-active: var(--hmf-primary700);
  --hmf-fill-scorecard: var(--hmf-primary400);
  --hmf-fill-scorecard-subtle: var(--hmf-primary200);
  --hmf-fill-scorecard-gold: var(--hmf-gold300);
  --hmf-fill-scorecard-gold-subtle: var(--hmf-gold200);
  --hmf-fill-calia: var(--hmf-calia600);
  --hmf-fill-calia-subtle: var(--hmf-calia200);
  --hmf-fill-vrst: var(--hmf-vrst600);
  --hmf-fill-vrst-subtle: var(--hmf-vrst200);
  --hmf-label-base: var(--hmf-gray900);
  --hmf-label-base-subtle: var(--hmf-gray600);
  --hmf-label-inverse-base: var(--hmf-gray50);
  --hmf-label-inverse-subtle: var(--hmf-gray100);
  --hmf-label-primary-static: var(--hmf-primary600);
  --hmf-label-primary-hover: var(--hmf-primary700);
  --hmf-label-primary-active: var(--hmf-primary500);
  --hmf-label-secondary-static: var(--hmf-gray900);
  --hmf-label-secondary-hover: var(--hmf-gray700);
  --hmf-label-secondary-active: var(--hmf-gray800);
  --hmf-label-secondary-subtle-static: var(--hmf-gray600);
  --hmf-label-secondary-subtle-hover: var(--hmf-gray900);
  --hmf-label-secondary-subtle-active: var(--hmf-gray800);
  --hmf-label-tertiary-static: var(--hmf-gray900);
  --hmf-label-tertiary-hover: var(--hmf-primary600);
  --hmf-label-tertiary-active: var(--hmf-primary500);
  --hmf-label-sale: var(--hmf-red800);
  --hmf-label-disabled: var(--hmf-gray500);
  --hmf-label-disabled-subtle: var(--hmf-gray200);
  --hmf-label-negative: var(--hmf-red600);
  --hmf-label-positive: var(--hmf-secondary600);
  --hmf-label-warning: var(--hmf-yellow600);
  --hmf-label-marketing-static: var(--hmf-gray50);
  --hmf-label-marketing-hover: var(--hmf-gray100);
  --hmf-label-marketing-active: var(--hmf-gray100);
  --hmf-label-scorecard: var(--hmf-primary600);
  --hmf-border-base: var(--hmf-gray300);
  --hmf-border-base-subtle: var(--hmf-gray200);
  --hmf-border-base-prominent: var(--hmf-gray400);
  --hmf-border-inverse: var(--hmf-gray900);
  --hmf-border-inverse-subtle: var(--hmf-gray700);
  --hmf-border-primary-static: var(--hmf-primary600);
  --hmf-border-primary-hover: var(--hmf-primary700);
  --hmf-border-primary-active: var(--hmf-primary500);
  --hmf-border-secondary-static: var(--hmf-gray900);
  --hmf-border-secondary-hover: var(--hmf-gray700);
  --hmf-border-secondary-active: var(--hmf-gray800);
  --hmf-border-secondary-subtle-static: var(--hmf-gray600);
  --hmf-border-secondary-subtle-hover: var(--hmf-gray400);
  --hmf-border-secondary-subtle-active: var(--hmf-gray500);
  --hmf-border-tertiary-static: var(--hmf-gray900);
  --hmf-border-tertiary-hover: var(--hmf-primary600);
  --hmf-border-tertiary-active: var(--hmf-primary500);
  --hmf-border-focused: var(--hmf-primary500);
  --hmf-border-inverse-focused: var(--hmf-gray50);
  --hmf-border-disabled: var(--hmf-gray500);
  --hmf-border-disabled-subtle: var(--hmf-gray200);
  --hmf-border-negative: var(--hmf-red600);
  --hmf-border-warning: var(--hmf-yellow500);
  --hmf-border-positive: var(--hmf-primary600);
  --hmf-border-scorecard-subtle: var(--hmf-primary100);
  --hmf-border-scorecard-gold: var(--hmf-gold400);
  --hmf-border-scorecard-gold-subtle: var(--hmf-gold100);
}

/*********** TYPOGRAPHY ***********/
:root.hmf-gg-theme,
:root .hmf-gg-theme {
  --font-display: "Vitesse", serif;
  --font-primary: "Hind Siliguri", serif;
  --font-label: "Hind Siliguri", sans-serif;
  --font-primary-regular-weight: 400;
  --font-primary-bold-weight: 700;
  --font-display-weight: 325;
}

/*********** TYPOGRAPHY TYPES ***********/
:root.hmf-gg-theme,
:root .hmf-gg-theme {
  /* DISPLAY TEXT */
  --display-font-size-xl: 8rem;
  --display-line-height-xl: 8rem;
  --display-font-size-xxl: 12rem;
  --display-letter-spacing-xxl: 0;
  --display-line-height-xxl: 12rem;
}

:root.hmf-gg-theme,
:root .hmf-gg-theme {
  /* LABELS */
  --label-letter-spacing: 0.1rem;
}

:root.hmf-gg-theme,
:root .hmf-gg-theme {
  /* LEGAL */
  --legal-letter-spacing: 0.05rem;
  --legal-font-size-xs: 1.1rem;
  --legal-line-height-xs: 1.4rem;
  --legal-font-size-s: 1.2rem;
  --legal-line-height-s: 1.6rem;
}

:root.hmf-gg-theme,
:root .hmf-gg-theme {
  --hmf-primary50: #f9fafb;
  --hmf-primary100: #e2e6ea;
  --hmf-primary200: #d3d9df;
  --hmf-primary300: #b7c1ca;
  --hmf-primary400: #8798a7;
  --hmf-primary500: #5b748a;
  --hmf-primary600: #51677b;
  --hmf-primary700: #335069;
  --hmf-primary800: #001f39;
  --hmf-primary900: #041326;
  --hmf-secondary50: #f9f9f5;
  --hmf-secondary100: #edeee1;
  --hmf-secondary200: #d7dabe;
  --hmf-secondary300: #d1d5b4;
  --hmf-secondary400: #b3ba83;
  --hmf-secondary500: #7e892b;
  --hmf-secondary600: #677406;
  --hmf-secondary700: #475403;
  --hmf-secondary800: #394402;
  --hmf-secondary900: #212801;
  --hmf-tertiary50: #f9fafb;
  --hmf-tertiary100: #e5ebee;
  --hmf-tertiary200: #dae3e7;
  --hmf-tertiary300: #bdced6;
  --hmf-tertiary400: #91aeba;
  --hmf-tertiary500: #658d9e;
  --hmf-tertiary600: #235c75;
  --hmf-tertiary700: #1a4a62;
  --hmf-tertiary800: #154158;
  --hmf-tertiary900: #0a2738;
  --hmf-accent50: #f9fafb;
  --hmf-accent100: #e5ebee;
  --hmf-accent200: #dae3e7;
  --hmf-accent300: #bdced6;
  --hmf-accent400: #91aeba;
  --hmf-accent500: #658d9e;
  --hmf-accent600: #235c75;
  --hmf-accent700: #1a4a62;
  --hmf-accent800: #154158;
  --hmf-accent900: #0a2738;
}

:root, :root.hmf-gg-theme,
:root .hmf-gg-theme {
  /*********** GENERIC STYLING ***********/
  --hmf-button-border-radius: var(--hmf-sharp-radius);
  /*********** PRIMARY BUTTONS ***********/
  --hmf-button-primary-text-color: var(--hmf-gray50);
  --hmf-button-primary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-primary-background-color: var(--hmf-secondary500);
  --hmf-button-primary-active-background-color: var(--hmf-secondary700);
  --hmf-button-primary-hover-background-color: var(--hmf-secondary300);
  --hmf-button-primary-inactive-background-color: var(--hmf-gray300);
  --hmf-button-primary-border-color: var(--hmf-secondary500);
  --hmf-button-primary-hover-border-color: var(--hmf-secondary300);
  --hmf-button-primary-active-border-color: var(--hmf-secondary700);
  --hmf-button-primary-inactive-border-color: var(--hmf-gray300);
  /*********** SECONDARY BUTTONS ***********/
  --hmf-button-secondary-text-color: var(--hmf-gray900);
  --hmf-button-secondary-active-text-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-text-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-secondary-background-color: var(--hmf-gray50);
  --hmf-button-secondary-active-background-color: var(--hmf-gray400);
  --hmf-button-secondary-hover-background-color: var(--hmf-gray200);
  --hmf-button-secondary-inactive-background-color: var(--hmf-gray50);
  --hmf-button-secondary-border-color: var(--hmf-gray900);
  --hmf-button-secondary-active-border-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-border-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-border-color: var(--hmf-gray400);
  /*********** TERTIARY BUTTONS ***********/
  --hmf-button-tertiary-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-hover-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-active-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-inactive-text-color: var(--hmf-gray500);
  --hmf-button-tertiary-background-color: var(--hmf-fill-secondary-static);
  --hmf-button-tertiary-active-background-color: var(--hmf-fill-secondary-active);
  --hmf-button-tertiary-hover-background-color: var(--hmf-fill-secondary-hover);
  --hmf-button-tertiary-inactive-background-color: var(--hmf-gray100);
  --hmf-button-tertiary-border-color: var(--hmf-fill-secondary-static);
  --hmf-button-tertiary-active-border-color: var(--hmf-fill-secondary-active);
  --hmf-button-tertiary-hover-border-color: var(--hmf-fill-secondary-hover);
  --hmf-button-tertiary-inactive-border-color: var(--hmf-gray100);
  /*********** MARKETING BUTTONS ***********/
  --hmf-button-marketing-text-color: var(--hmf-gray50);
  --hmf-button-marketing-inactive-text-color: var(--hmf-gray600);
  --hmf-button-marketing-hover-text-color: var(--hmf-gray50);
  --hmf-button-marketing-active-text-color: var(--hmf-gray50);
  --hmf-button-marketing-background-color: var(--hmf-primary600);
  --hmf-button-marketing-active-background-color: var(--hmf-primary500);
  --hmf-button-marketing-hover-background-color: var(--hmf-primary300);
  --hmf-button-marketing-inactive-background-color: var(--hmf-gray300);
  --hmf-button-marketing-border-color: var(--hmf-primary600);
  --hmf-button-marketing-active-border-color: var(--hmf-primary500);
  --hmf-button-marketing-hover-border-color: var(--hmf-primary300);
  --hmf-button-marketing-inactive-border-color: var(--hmf-gray300);
  /*********** DESTRUCTIVE BUTTONS ***********/
  --hmf-button-destructive-text-color: var(--hmf-label-inverse-base);
  --hmf-button-destructive-inactive-text-color: var(--hmf-label-disabled);
  --hmf-button-destructive-hover-text-color: var( --hmf-label-inverse-base);
  --hmf-button-destructive-active-text-color: var(--hmf-label-inverse-base);
  --hmf-button-destructive-background-color: var(--hmf-fill-negative-static);
  --hmf-button-destructive-active-background-color: var(--hmf-fill-negative-active);
  --hmf-button-destructive-hover-background-color: var(--hmf-fill-negative-hover);
  --hmf-button-destructive-inactive-background-color: var(--hmf-fill-disabled-subtle);
  --hmf-button-destructive-border-color: var(--hmf-fill-negative-static);
  --hmf-button-destructive-active-border-color: var(--hmf-fill-negative-active);
  --hmf-button-destructive-hover-border-color: var(--hmf-fill-negative-hover);
  --hmf-button-destructive-inactive-border-color: var(--hmf-fill-disabled-subtle);
}

:root.hmf-gg-theme,
:root .hmf-gg-theme {
  --hmf-button-primary-active-background-color: var(--hmf-secondary600);
  --hmf-button-primary-active-border-color: var(--hmf-secondary600);
  --hmf-button-marketing-active-background-color: var(--hmf-primary600);
  --hmf-button-marketing-active-border-color: var(--hmf-primary600);
  --hmf-button-marketing-active-text-color: var(--hmf-gray900);
  --hmf-button-marketing-background-color: var(--hmf-primary500);
  --hmf-button-marketing-border-color: var(--hmf-primary500);
  --hmf-button-marketing-hover-background-color: var(--hmf-primary400);
  --hmf-button-marketing-hover-border-color: var(--hmf-primary400);
  --hmf-button-marketing-inactive-background-color: var(--hmf-gray300);
  --hmf-button-marketing-inactive-text-color: var(--hmf-gray50);
}

:root.hmf-gg-theme,
:root .hmf-gg-theme {
  --hmf-checkbox-active-background: var(--hmf-gray200);
  --hmf-checkbox-active-border-color: var(--hmf-gray500);
  --hmf-checkbox-active-checked-background: var(--hmf-gray800);
  --hmf-checkbox-active-checked-border-color: var(--hmf-gray800);
  --hmf-checkbox-base-checked-color: var(--hmf-gray800);
  --hmf-checkbox-base-color: var(--hmf-gray700);
  --hmf-checkbox-check-icon-dark: var(--hmf-gray500);
  --hmf-checkbox-check-icon-light: var(--hmf-gray50);
  --hmf-checkbox-checked-background: var(--hmf-gray900);
  --hmf-checkbox-checked-border-color: var(--hmf-gray900);
  --hmf-checkbox-disabled-color: var(--hmf-gray500);
  --hmf-checkbox-disabled-span-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-disabled-span-checked-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-checked-border-color: var(--hmf-gray200);
  --hmf-checkbox-error-color: var(--hmf-red600);
  --hmf-checkbox-error-span-background: var(--hmf-red100);
  --hmf-checkbox-error-span-border-color: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-background: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-border-color: var(--hmf-red600);
  --hmf-checkbox-focus-outline: 1px dashed var(--hmf-gray600);
  --hmf-checkbox-hover-span-background: var(--hmf-gray100);
  --hmf-checkbox-hover-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-hover-span-border: var(--hmf-gray900);
  --hmf-checkbox-hover-span-checked-background: var(--hmf-gray700);
  --hmf-checkbox-hover-span-checked-border-color: var(--hmf-gray700);
  --hmf-checkbox-span-background: var(--hmf-gray50);
  --hmf-checkbox-span-border: var(--hmf-gray600);
}

:root.hmf-gg-theme,
:root .hmf-gg-theme {
  --hmf-chip-font-size: var(--body-font-size-m);
  --hmf-chip-line-height: var(--body-line-height-m);
  --hmf-chip-font-weight: var(--font-primary-bold-weight);
  --hmf-chip-font-family: var(--font-primary);
  --hmf-chip-letter-spacing: var(--body-letter-spacing);
  --hmf-chip-background-color: var(--hmf-gray200);
  --hmf-chip-color: var(--hmf-gray900);
  --hmf-chip-hover-background-color: var(--hmf-gray400);
  --hmf-chip-focus-background-color: var(--hmf-gray400);
  --hmf-chip-focus-outline: 1px dashed var(--hmf-primary500);
}

:root, :root.hmf-gg-theme,
:root .hmf-gg-theme {
  --hmf-product-availability-cancel-icon-color: var(--hmf-red500);
  --hmf-product-availability-warning-icon-color: var(--hmf-yellow500);
  --hmf-product-availability-success-icon-color: var(--hmf-primary500);
}

:root, :root.hmf-gg-theme,
:root .hmf-gg-theme {
  --hmf-product-title-text-color: var(--hmf-gray900);
  --hmf-product-title-font-size: var(--label-font-size-l);
  --hmf-product-title-line-height: var(--label-line-height-l);
  --hmf-product-title-font-weight: 500;
  --hmf-product-title-font-family: var(--font-primary);
  --hmf-product-title-letter-spacing: var(--label-letter-spacing);
}

:root, :root.hmf-gg-theme,
:root .hmf-gg-theme {
  --hmf-promotion-text-color: var(--hmf-gray500);
  --hmf-promotion-font-weight: var(--font-primary-regular-weight);
  --hmf-promotion-font-family: var(--font-primary);
  --hmf-promotion-letter-spacing: var(--body-letter-spacing);
}

:root, :root.hmf-gg-theme,
:root .hmf-gg-theme {
  --hmf-recommendation-card-hover-color: var(--hmf-gray400);
  --hmf-recommendation-card-background-color: var(--hmf-gray50);
  --hmf-recommendation-card-text-color: var(--hmf-gray900);
  --hmf-recommendation-card-price-color: var(--hmf-gray500);
}

:root.hmf-gg-theme,
:root .hmf-gg-theme {
  --hmf-panel-font-size: var(--body-font-size-s);
  --hmf-panel-line-height: var(--body-line-height-s);
  --hmf-panel-font-weight: normal;
  --hmf-panel-font-family: var(--font-primary);
  --hmf-panel-letter-spacing: normal;
  --hmf-panel-content-background-color: var(--hmf-gray50);
  --hmf-panel-header-background-color: var(--hmf-gray100);
  --hmf-panel-overlay-background-color: var(--hmf-gray900);
  --hmf-panel-close-button-hover-background-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-background-color: var(--hmf-gray200);
  --hmf-panel-header-border-color: var(--hmf-gray100);
  --hmf-panel-close-button-hover-border-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-border-color: var(--hmf-gray200);
}

:root, :root.hmf-gg-theme,
:root .hmf-gg-theme {
  --hmf-sticky-banner-font-size: var(--body-font-size-s);
  --hmf-sticky-banner-line-height: var(--body-line-height-s);
  --hmf-sticky-banner-font-weight: normal;
  --hmf-sticky-banner-font-family: var(--font-primary);
  --hmf-sticky-banner-letter-spacing: normal;
  --hmf-sticky-banner-content-background-color: var(--hmf-gray50);
  --hmf-sticky-banner-content-border-color: var(--hmf-gray200);
}

:root, :root.hmf-gg-theme,
:root .hmf-gg-theme {
  --hmf-text-link-color: var(--hmf-gray900);
  --hmf-text-link-active-color: var(--hmf-gray600);
  --hmf-text-link-font-size: var(--body-font-size-m);
  --hmf-text-link-line-height: var(--body-line-height-m);
  --hmf-text-link-font-weight: var(--font-primary-regular-weight);
  --hmf-text-link-font-family: var(--font-primary);
  --hmf-text-link-letter-spacing: var(--body-letter-spacing);
}

:root, :root.hmf-gg-theme,
:root .hmf-gg-theme {
  --hmf-text-input-font-size: var(--body-font-size-m);
  --hmf-text-input-line-height: var(--body-line-height-m);
  --hmf-text-input-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-font-family: var(--font-primary);
  --hmf-text-input-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-text-area-font-size: var(--body-font-size-m);
  --hmf-text-input-text-area-line-height: var(--body-line-height-m);
  --hmf-text-input-text-area-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-text-area-font-family: var(--font-primary);
  --hmf-text-input-text-area-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-border: 1px solid var(--hmf-gray700);
  --hmf-text-input-background-color: var(--hmf-gray50);
  --hmf-text-input-input-color: var(--hmf-gray900);
  --hmf-text-input-input-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-focused-border: 1px solid var(--hmf-primary300);
  --hmf-text-input-disabled-background-color: var(--hmf-gray200);
  --hmf-text-input-disabled-color: var(--hmf-gray700);
  --hmf-text-input-disabled-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-label-color: var(--hmf-gray900);
  --hmf-text-input-color: var(--hmf-gray700);
  --hmf-text-input-error-label-color: var(--hmf-red700);
  --hmf-text-input-error-color: var(--hmf-red700);
  --hmf-text-input-error-border: 1px solid var(--hmf-red700);
  --hmf-text-input-error-background-color: rgb(230 108 70 / 0.2);
  --hmf-text-input-error-placeholder-color: var(--hmf-gray900);
  --hmf-text-input-error-svg-fill: var(--hmf-red700);
}

/*********** GENERAL STYLES ***********/
:root.hmf-mj-theme,
:root .hmf-mj-theme {
  --hmf-focus-outline: 1px dashed var(--hmf-secondary500);
}

:root.hmf-mj-theme,
:root .hmf-mj-theme {
  --hmf-background-base: var(--hmf-gray50);
  --hmf-background-base-subtle: var(--hmf-gray100);
  --hmf-background-inverse: var(--hmf-gray900);
  --hmf-background-inverse-subtle: var(--hmf-gray800);
  --hmf-background-primary: var(--hmf-gray700);
  --hmf-fill-base: var(--hmf-gray50);
  --hmf-fill-base-subtle: var(--hmf-gray100);
  --hmf-fill-base-prominent: var(--hmf-gray200);
  --hmf-fill-inverse: var(--hmf-gray900);
  --hmf-fill-inverse-subtle: var(--hmf-gray800);
  --hmf-fill-primary-static: var(--hmf-primary600);
  --hmf-fill-primary-hover: var(--hmf-primary700);
  --hmf-fill-primary-active: var(--hmf-primary500);
  --hmf-fill-secondary-static: var(--hmf-gray50);
  --hmf-fill-secondary-hover: var(--hmf-gray100);
  --hmf-fill-secondary-active: var(--hmf-gray200);
  --hmf-fill-tertiary-static: var(--hmf-gray900);
  --hmf-fill-tertiary-hover: var(--hmf-gray700);
  --hmf-fill-tertiary-active: var(--hmf-gray800);
  --hmf-fill-disabled: var(--hmf-gray500);
  --hmf-fill-disabled-subtle: var(--hmf-gray200);
  --hmf-fill-negative: var(--hmf-red600);
  --hmf-fill-negative-subtle: var(--hmf-red100);
  --hmf-fill-negative-static: var(--hmf-red600);
  --hmf-fill-negative-hover: var(--hmf-red800);
  --hmf-fill-negative-active: var(--hmf-red700);
  --hmf-fill-sale: var(--hmf-red600);
  --hmf-fill-warning: var(--hmf-yellow300);
  --hmf-fill-warning-subtle: var(--hmf-yellow50);
  --hmf-fill-positive: var(--hmf-secondary400);
  --hmf-fill-positive-subtle: var(--hmf-secondary100);
  --hmf-fill-marketing-static: var(--hmf-gray800);
  --hmf-fill-marketing-hover: var(--hmf-gray900);
  --hmf-fill-marketing-active: var(--hmf-gray700);
  --hmf-label-base: var(--hmf-gray900);
  --hmf-label-base-subtle: var(--hmf-gray800);
  --hmf-label-inverse-base: var(--hmf-gray50);
  --hmf-label-inverse-subtle: var(--hmf-gray100);
  --hmf-label-primary-static: var(--hmf-primary600);
  --hmf-label-primary-hover: var(--hmf-primary700);
  --hmf-label-primary-active: var(--hmf-primary500);
  --hmf-label-secondary-static: var(--hmf-gray900);
  --hmf-label-secondary-hover: var(--hmf-gray700);
  --hmf-label-secondary-active: var(--hmf-gray800);
  --hmf-label-secondary-subtle-static: var(--hmf-gray700);
  --hmf-label-secondary-subtle-hover: var(--hmf-gray900);
  --hmf-label-secondary-subtle-active: var(--hmf-gray800);
  --hmf-label-tertiary-static: var(--hmf-gray900);
  --hmf-label-tertiary-hover: var(--hmf-primary700);
  --hmf-label-tertiary-active: var(--hmf-primary500);
  --hmf-label-sale: var(--hmf-primary600);
  --hmf-label-disabled: var(--hmf-gray500);
  --hmf-label-disabled-subtle: var(--hmf-gray200);
  --hmf-label-negative: var(--hmf-red600);
  --hmf-label-positive: var(--hmf-secondary600);
  --hmf-label-warning: var(--hmf-yellow600);
  --hmf-label-marketing-static: var(--hmf-gray500);
  --hmf-label-marketing-hover: var(--hmf-gray100);
  --hmf-label-marketing-active: var(--hmf-gray200);
  --hmf-border-base: var(--hmf-gray300);
  --hmf-border-base-subtle: var(--hmf-gray200);
  --hmf-border-base-prominent: var(--hmf-gray400);
  --hmf-border-inverse: var(--hmf-gray900);
  --hmf-border-inverse-subtle: var(--hmf-gray700);
  --hmf-border-primary-static: var(--hmf-primary600);
  --hmf-border-primary-hover: var(--hmf-primary700);
  --hmf-border-primary-active: var(--hmf-primary500);
  --hmf-border-secondary-static: var(--hmf-gray900);
  --hmf-border-secondary-hover: var(--hmf-gray700);
  --hmf-border-secondary-active: var(--hmf-gray800);
  --hmf-border-secondary-subtle-static: var(--hmf-gray600);
  --hmf-border-secondary-subtle-hover: var(--hmf-gray400);
  --hmf-border-secondary-subtle-active: var(--hmf-gray500);
  --hmf-border-tertiary-static: var(--hmf-gray900);
  --hmf-border-tertiary-hover: var(--hmf-primary700);
  --hmf-border-tertiary-active: var(--hmf-primary500);
  --hmf-border-focused: var(--hmf-gray600);
  --hmf-border-inverse-focused: var(--hmf-gray50);
  --hmf-border-disabled: var(--hmf-gray500);
  --hmf-border-disabled-subtle: var(--hmf-gray200);
  --hmf-border-negative: var(--hmf-red600);
  --hmf-border-warning: var(--hmf-yellow500);
  --hmf-border-positive: var(--hmf-secondary600);
}

/*********** TYPOGRAPHY ***********/
:root.hmf-mj-theme,
:root .hmf-mj-theme {
  --font-display: "Nunito Sans", sans-serif;
  --font-primary: "Nunito Sans", sans-serif;
  --font-label: "Nunito Sans", sans-serif;
  --font-primary-regular-weight: 400;
  --font-primary-bold-weight: 700;
  --font-display-weight: 900;
}

/*********** TYPOGRAPHY TYPES ***********/
:root.hmf-mj-theme,
:root .hmf-mj-theme {
  /* DISPLAY TEXT */
  --display-font-size-m: 4.2rem;
  --display-line-height-m: 4.2rem;
  --display-font-size-xl: 8rem;
  --display-line-height-xl: 8rem;
  --display-font-size-xxl: 10rem;
  --display-line-height-xxl: 10rem;
}

:root.hmf-mj-theme,
:root .hmf-mj-theme {
  /* HEADERS */
  --header-text-transform: none;
  --header-letter-spacing: 0.1rem;
  --header-line-height-s: 2rem;
}

:root.hmf-mj-theme,
:root .hmf-mj-theme {
  --hmf-primary50: #fdf8f8;
  --hmf-primary100: #f6e2e4;
  --hmf-primary200: #f9c9cd;
  --hmf-primary300: #edb0b5;
  --hmf-primary400: #d97e86;
  --hmf-primary500: #ca5a64;
  --hmf-primary600: #a93338;
  --hmf-primary700: #90252e;
  --hmf-primary800: #4a1318;
  --hmf-primary900: #180708;
  --hmf-secondary50: #effff3;
  --hmf-secondary100: #c5f9d1;
  --hmf-secondary200: #8bf0a3;
  --hmf-secondary300: #70e28b;
  --hmf-secondary400: #46c864;
  --hmf-secondary500: #29873f;
  --hmf-secondary600: #196d2d;
  --hmf-secondary700: #195928;
  --hmf-secondary800: #133d1d;
  --hmf-secondary900: #0c2c14;
  --hmf-tertiary50: #fffdfc;
  --hmf-tertiary100: #ffeddd;
  --hmf-tertiary200: #ffcda0;
  --hmf-tertiary300: #ffa75a;
  --hmf-tertiary400: #fd7c0b;
  --hmf-tertiary500: #c65b0d;
  --hmf-tertiary600: #aa4d0a;
  --hmf-tertiary700: #823c09;
  --hmf-tertiary800: #6a3006;
  --hmf-tertiary900: #482104;
  --hmf-accent50: #fffdfc;
  --hmf-accent100: #ffeddd;
  --hmf-accent200: #ffcda0;
  --hmf-accent300: #ffa75a;
  --hmf-accent400: #fd7c0b;
  --hmf-accent500: #c65b0d;
  --hmf-accent600: #aa4d0a;
  --hmf-accent700: #823c09;
  --hmf-accent800: #6a3006;
  --hmf-accent900: #482104;
}

:root.hmf-mj-theme,
:root .hmf-mj-theme {
  /*********** GENERIC STYLING ***********/
  --hmf-button-border-radius: var(--hmf-sharp-radius);
  /*********** PRIMARY BUTTONS ***********/
  --hmf-button-primary-text-color: var(--hmf-gray50);
  --hmf-button-primary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-primary-background-color: var(--hmf-fill-primary-static);
  --hmf-button-primary-active-background-color: var(--hmf-fill-primary-active);
  --hmf-button-primary-hover-background-color: var(--hmf-fill-primary-hover);
  --hmf-button-primary-inactive-background-color: var(--hmf-gray300);
  --hmf-button-primary-border-color: var(--hmf-border-primary-static);
  --hmf-button-primary-active-border-color: var(--hmf-border-primary-active);
  --hmf-button-primary-hover-border-color: var(--hmf-border-primary-hover);
  --hmf-button-primary-inactive-border-color: var(--hmf-gray300);
  /*********** SECONDARY BUTTONS ***********/
  --hmf-button-secondary-text-color: var(--hmf-gray900);
  --hmf-button-secondary-active-text-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-text-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-secondary-background-color: var(--hmf-fill-secondary-static);
  --hmf-button-secondary-active-background-color: var(--hmf-fill-secondary-active);
  --hmf-button-secondary-hover-background-color: var(--hmf-fill-secondary-hover);
  --hmf-button-secondary-inactive-background-color: var(--hmf-gray50);
  --hmf-button-secondary-border-color: var(--hmf-border-secondary-static);
  --hmf-button-secondary-active-border-color: var(--hmf-border-secondary-active);
  --hmf-button-secondary-hover-border-color: var(--hmf-border-secondary-hover);
  --hmf-button-secondary-inactive-border-color: var(--hmf-gray400);
  /*********** TERTIARY BUTTONS ***********/
  --hmf-button-tertiary-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-hover-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-active-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-inactive-text-color: var(--hmf-gray500);
  --hmf-button-tertiary-background-color: var(--hmf-fill-secondary-static);
  --hmf-button-tertiary-active-background-color: var(--hmf-fill-secondary-active);
  --hmf-button-tertiary-hover-background-color: var(--hmf-fill-secondary-hover);
  --hmf-button-tertiary-inactive-background-color: var(--hmf-gray100);
  --hmf-button-tertiary-border-color: var(--hmf-fill-secondary-static);
  --hmf-button-tertiary-active-border-color: var(--hmf-fill-secondary-active);
  --hmf-button-tertiary-hover-border-color: var(--hmf-fill-secondary-hover);
  --hmf-button-tertiary-inactive-border-color: var(--hmf-gray100);
  /*********** MARKETING BUTTONS ***********/
  --hmf-button-marketing-text-color: var(--hmf-label-inverse-base);
  --hmf-button-marketing-inactive-text-color: var(--hmf-label-inverse-base);
  --hmf-button-marketing-hover-text-color: var(--hmf-label-inverse-base);
  --hmf-button-marketing-active-text-color: var(--hmf-label-inverse-base);
  --hmf-button-marketing-background-color: var(--hmf-fill-marketing-static);
  --hmf-button-marketing-active-background-color: var(--hmf-fill-marketing-active);
  --hmf-button-marketing-hover-background-color: var(--hmf-fill-marketing-hover);
  --hmf-button-marketing-inactive-background-color: var(--hmf-gray300);
  --hmf-button-marketing-border-color: var(--hmf-fill-marketing-static);
  --hmf-button-marketing-active-border-color: var(--hmf-fill-marketing-active);
  --hmf-button-marketing-hover-border-color: var(--hmf-fill-marketing-hover);
  --hmf-button-marketing-inactive-border-color: var(--hmf-gray300);
  /*********** DESTRUCTIVE BUTTONS ***********/
  --hmf-button-destructive-text-color: var(--hmf-label-inverse-base);
  --hmf-button-destructive-inactive-text-color: var(--hmf-label-disabled);
  --hmf-button-destructive-hover-text-color: var( --hmf-label-inverse-base);
  --hmf-button-destructive-active-text-color: var(--hmf-label-inverse-base);
  --hmf-button-destructive-background-color: var(--hmf-fill-negative-static);
  --hmf-button-destructive-active-background-color: var(--hmf-fill-negative-active);
  --hmf-button-destructive-hover-background-color: var(--hmf-fill-negative-hover);
  --hmf-button-destructive-inactive-background-color: var(--hmf-fill-disabled-subtle);
  --hmf-button-destructive-border-color: var(--hmf-fill-negative-static);
  --hmf-button-destructive-active-border-color: var(--hmf-fill-negative-active);
  --hmf-button-destructive-hover-border-color: var(--hmf-fill-negative-hover);
  --hmf-button-destructive-inactive-border-color: var(--hmf-fill-disabled-subtle);
}

:root, :root.hmf-mj-theme,
:root .hmf-mj-theme {
  --hmf-checkbox-active-background: var(--hmf-gray200);
  --hmf-checkbox-active-border-color: var(--hmf-gray500);
  --hmf-checkbox-active-checked-background: var(--hmf-gray800);
  --hmf-checkbox-active-checked-border-color: var(--hmf-gray800);
  --hmf-checkbox-base-checked-color: var(--hmf-gray800);
  --hmf-checkbox-base-color: var(--hmf-gray700);
  --hmf-checkbox-check-icon-dark: var(--hmf-gray500);
  --hmf-checkbox-check-icon-light: var(--hmf-gray50);
  --hmf-checkbox-checked-background: var(--hmf-gray900);
  --hmf-checkbox-checked-border-color: var(--hmf-gray900);
  --hmf-checkbox-disabled-color: var(--hmf-gray500);
  --hmf-checkbox-disabled-span-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-disabled-span-checked-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-checked-border-color: var(--hmf-gray200);
  --hmf-checkbox-error-color: var(--hmf-red600);
  --hmf-checkbox-error-span-background: var(--hmf-red100);
  --hmf-checkbox-error-span-border-color: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-background: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-border-color: var(--hmf-red600);
  --hmf-checkbox-focus-outline: 1px dashed var(--hmf-gray600);
  --hmf-checkbox-hover-span-background: var(--hmf-gray100);
  --hmf-checkbox-hover-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-hover-span-border: var(--hmf-gray900);
  --hmf-checkbox-hover-span-checked-background: var(--hmf-gray700);
  --hmf-checkbox-hover-span-checked-border-color: var(--hmf-gray700);
  --hmf-checkbox-span-background: var(--hmf-gray50);
  --hmf-checkbox-span-border: var(--hmf-gray600);
}

:root, :root.hmf-mj-theme,
:root .hmf-mj-theme {
  --hmf-chip-font-size: var(--body-font-size-m);
  --hmf-chip-line-height: var(--body-line-height-m);
  --hmf-chip-font-weight: var(--font-primary-bold-weight);
  --hmf-chip-font-family: var(--font-primary);
  --hmf-chip-letter-spacing: var(--body-letter-spacing);
  --hmf-chip-background-color: var(--hmf-gray200);
  --hmf-chip-color: var(--hmf-gray900);
  --hmf-chip-hover-background-color: var(--hmf-gray400);
  --hmf-chip-focus-background-color: var(--hmf-gray400);
  --hmf-chip-focus-outline: 1px dashed var(--hmf-primary500);
}

:root.hmf-mj-theme,
:root .hmf-mj-theme {
  --hmf-product-availability-cancel-icon-color: var(--hmf-red500);
  --hmf-product-availability-warning-icon-color: var(--hmf-tertiary900);
  --hmf-product-availability-success-icon-color: var(--hmf-secondary500);
}

:root.hmf-mj-theme,
:root .hmf-mj-theme {
  --hmf-product-title-text-color: var(--hmf-gray900);
  --hmf-product-title-font-size: var(--label-font-size-l);
  --hmf-product-title-line-height: var(--label-line-height-l);
  --hmf-product-title-font-weight: 500;
  --hmf-product-title-font-family: var(--font-primary);
  --hmf-product-title-letter-spacing: var(--label-letter-spacing);
}

:root.hmf-mj-theme,
:root .hmf-mj-theme {
  --hmf-promotion-text-color: var(--hmf-gray500);
  --hmf-promotion-font-weight: var(--font-primary-regular-weight);
  --hmf-promotion-font-family: var(--font-primary);
  --hmf-promotion-letter-spacing: var(--body-letter-spacing);
}

:root.hmf-mj-theme,
:root .hmf-mj-theme {
  --hmf-recommendation-card-hover-color: var(--hmf-gray400);
  --hmf-recommendation-card-background-color: var(--hmf-gray50);
  --hmf-recommendation-card-text-color: var(--hmf-gray900);
  --hmf-recommendation-card-price-color: var(--hmf-gray500);
}

:root, :root.hmf-mj-theme,
:root .hmf-mj-theme {
  --hmf-panel-font-size: var(--body-font-size-s);
  --hmf-panel-line-height: var(--body-line-height-s);
  --hmf-panel-font-weight: normal;
  --hmf-panel-font-family: var(--font-primary);
  --hmf-panel-letter-spacing: normal;
  --hmf-panel-content-background-color: var(--hmf-gray50);
  --hmf-panel-header-background-color: var(--hmf-gray100);
  --hmf-panel-overlay-background-color: var(--hmf-gray900);
  --hmf-panel-close-button-hover-background-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-background-color: var(--hmf-gray200);
  --hmf-panel-header-border-color: var(--hmf-gray100);
  --hmf-panel-close-button-hover-border-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-border-color: var(--hmf-gray200);
}

:root.hmf-mj-theme,
:root .hmf-mj-theme {
  --hmf-sticky-banner-font-size: var(--body-font-size-s);
  --hmf-sticky-banner-line-height: var(--body-line-height-s);
  --hmf-sticky-banner-font-weight: normal;
  --hmf-sticky-banner-font-family: var(--font-primary);
  --hmf-sticky-banner-letter-spacing: normal;
  --hmf-sticky-banner-content-background-color: var(--hmf-gray50);
  --hmf-sticky-banner-content-border-color: var(--hmf-gray200);
}

:root.hmf-mj-theme,
:root .hmf-mj-theme {
  --hmf-text-link-color: var(--hmf-gray900);
  --hmf-text-link-active-color: var(--hmf-gray600);
  --hmf-text-link-font-size: var(--body-font-size-m);
  --hmf-text-link-line-height: var(--body-line-height-m);
  --hmf-text-link-font-weight: var(--font-primary-regular-weight);
  --hmf-text-link-font-family: var(--font-primary);
  --hmf-text-link-letter-spacing: var(--body-letter-spacing);
}

:root, :root.hmf-mj-theme,
:root .hmf-mj-theme {
  --hmf-text-input-font-size: var(--body-font-size-m);
  --hmf-text-input-line-height: var(--body-line-height-m);
  --hmf-text-input-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-font-family: var(--font-primary);
  --hmf-text-input-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-text-area-font-size: var(--body-font-size-m);
  --hmf-text-input-text-area-line-height: var(--body-line-height-m);
  --hmf-text-input-text-area-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-text-area-font-family: var(--font-primary);
  --hmf-text-input-text-area-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-border: 1px solid var(--hmf-gray700);
  --hmf-text-input-background-color: var(--hmf-gray50);
  --hmf-text-input-input-color: var(--hmf-gray900);
  --hmf-text-input-input-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-focused-border: 1px solid var(--hmf-primary300);
  --hmf-text-input-disabled-background-color: var(--hmf-gray200);
  --hmf-text-input-disabled-color: var(--hmf-gray700);
  --hmf-text-input-disabled-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-label-color: var(--hmf-gray900);
  --hmf-text-input-color: var(--hmf-gray700);
  --hmf-text-input-error-label-color: var(--hmf-red700);
  --hmf-text-input-error-color: var(--hmf-red700);
  --hmf-text-input-error-border: 1px solid var(--hmf-red700);
  --hmf-text-input-error-background-color: rgb(230 108 70 / 0.2);
  --hmf-text-input-error-placeholder-color: var(--hmf-gray900);
  --hmf-text-input-error-svg-fill: var(--hmf-red700);
}

:root.hmf-mj-theme,
:root .hmf-mj-theme {
  --hmf-text-input-focused-border: 1px solid var(--hmf-border-secondary-active);
}

/*********** GENERAL STYLES ***********/
:root.hmf-pl-theme,
:root .hmf-pl-theme {
  --hmf-focus-outline: 1px dashed var(--hmf-secondary500);
}

:root.hmf-pl-theme,
:root .hmf-pl-theme {
  --hmf-background-base: var(--hmf-tertiary50);
  --hmf-background-base-subtle: var(--hmf-tertiary100);
  --hmf-background-inverse: var(--hmf-primary900);
  --hmf-background-inverse-subtle: var(--hmf-primary800);
  --hmf-background-primary: var(--hmf-primary700);
  --hmf-fill-base: var(--hmf-tertiary50);
  --hmf-fill-base-subtle: var(--hmf-tertiary100);
  --hmf-fill-base-prominent: var(--hmf-tertiary200);
  --hmf-fill-creative-primary: var(--hmf-primary800);
  --hmf-fill-inverse: var(--hmf-primary900);
  --hmf-fill-inverse-subtle: var(--hmf-primary800);
  --hmf-fill-primary-static: var(--hmf-primary800);
  --hmf-fill-primary-hover: var(--hmf-primary900);
  --hmf-fill-primary-active: var(--hmf-primary700);
  --hmf-fill-secondary-static: var(--hmf-tertiary50);
  --hmf-fill-secondary-static-subtle: var(--hmf-tertiary100);
  --hmf-fill-secondary-hover: var(--hmf-tertiary100);
  --hmf-fill-secondary-hover-subtle: var(--hmf-tertiary200);
  --hmf-fill-secondary-active: var(--hmf-tertiary200);
  --hmf-fill-secondary-active-subtle: var(--hmf-tertiary100);
  --hmf-fill-tertiary-static: var(--hmf-primary900);
  --hmf-fill-tertiary-hover: var(--hmf-primary700);
  --hmf-fill-tertiary-active: var(--hmf-primary800);
  --hmf-fill-disabled: var(--hmf-primary500);
  --hmf-fill-disabled-subtle: var(--hmf-primary200);
  --hmf-fill-negative: var(--hmf-red600);
  --hmf-fill-negative-subtle: var(--hmf-red100);
  --hmf-fill-negative-static: var(--hmf-red600);
  --hmf-fill-negative-hover: var(--hmf-red800);
  --hmf-fill-negative-active: var(--hmf-red700);
  --hmf-fill-sale: var(--hmf-red600);
  --hmf-fill-warning: var(--hmf-yellow300);
  --hmf-fill-warning-subtle: var(--hmf-yellow50);
  --hmf-fill-positive: var(--hmf-primary800);
  --hmf-fill-positive-subtle: var(--hmf-primary600);
  --hmf-fill-marketing-static: var(--hmf-accent100);
  --hmf-fill-marketing-hover: var(--hmf-accent50);
  --hmf-fill-marketing-active: var(--hmf-accent200);
  --hmf-fill-scorecard: var(--hmf-primary400);
  --hmf-fill-scorecard-subtle: var(--hmf-primary200);
  --hmf-fill-scorecard-gold: var(--hmf-gold300);
  --hmf-fill-scorecard-gold-subtle: var(--hmf-gold200);
  --hmf-fill-calia: var(--hmf-calia600);
  --hmf-fill-calia-subtle: var(--hmf-calia200);
  --hmf-fill-vrst: var(--hmf-vrst600);
  --hmf-fill-vrst-subtle: var(--hmf-vrst200);
  --hmf-label-base: var(--hmf-primary900);
  --hmf-label-base-subtle: var(--hmf-primary600);
  --hmf-label-inverse-base: var(--hmf-tertiary50);
  --hmf-label-inverse-subtle: var(--hmf-tertiary100);
  --hmf-label-primary-static: var(--hmf-primary600);
  --hmf-label-primary-hover: var(--hmf-primary700);
  --hmf-label-primary-active: var(--hmf-primary500);
  --hmf-label-secondary-static: var(--hmf-primary900);
  --hmf-label-secondary-hover: var(--hmf-primary700);
  --hmf-label-secondary-active: var(--hmf-primary800);
  --hmf-label-secondary-subtle-static: var(--hmf-primary600);
  --hmf-label-secondary-subtle-hover: var(--hmf-primary900);
  --hmf-label-secondary-subtle-active: var(--hmf-primary800);
  --hmf-label-tertiary-static: var(--hmf-primary900);
  --hmf-label-tertiary-hover: var(--hmf-primary600);
  --hmf-label-tertiary-active: var(--hmf-primary500);
  --hmf-label-sale: var(--hmf-red800);
  --hmf-label-disabled: var(--hmf-primary500);
  --hmf-label-disabled-subtle: var(--hmf-primary200);
  --hmf-label-negative: var(--hmf-red600);
  --hmf-label-positive: var(--hmf-accent600);
  --hmf-label-warning: var(--hmf-yellow600);
  --hmf-label-marketing-static: var(--hmf-primary800);
  --hmf-label-marketing-hover: var(--hmf-primary900);
  --hmf-label-marketing-active: var(--hmf-primary800);
  --hmf-label-scorecard: var(--hmf-primary600);
  --hmf-border-base: var(--hmf-primary100);
  --hmf-border-base-subtle: var(--hmf-primary50);
  --hmf-border-base-prominent: var(--hmf-primary300);
  --hmf-border-inverse: var(--hmf-gray900);
  --hmf-border-inverse-subtle: var(--hmf-gray700);
  --hmf-border-primary-static: var(--hmf-primary800);
  --hmf-border-primary-hover: var(--hmf-primary900);
  --hmf-border-primary-active: var(--hmf-primary700);
  --hmf-border-secondary-static: var(--hmf-primary900);
  --hmf-border-secondary-hover: var(--hmf-primary700);
  --hmf-border-secondary-active: var(--hmf-primary800);
  --hmf-border-secondary-subtle-static: var(--hmf-primary600);
  --hmf-border-secondary-subtle-hover: var(--hmf-primary400);
  --hmf-border-secondary-subtle-active: var(--hmf-primary500);
  --hmf-border-tertiary-static: var(--hmf-primary900);
  --hmf-border-tertiary-hover: var(--hmf-primary600);
  --hmf-border-tertiary-active: var(--hmf-primary500);
  --hmf-border-focused: var(--hmf-primary700);
  --hmf-border-inverse-focused: var(--hmf-tertiary50);
  --hmf-border-disabled: var(--hmf-primary500);
  --hmf-border-disabled-subtle: var(--hmf-primary200);
  --hmf-border-negative: var(--hmf-red600);
  --hmf-border-warning: var(--hmf-yellow500);
  --hmf-border-positive: var(--hmf-primary600);
  --hmf-border-scorecard-subtle: var(--hmf-primary100);
  --hmf-border-scorecard-gold: var(--hmf-gold400);
  --hmf-border-scorecard-gold-subtle: var(--hmf-gold100);
}

/*********** TYPOGRAPHY ***********/
:root.hmf-pl-theme,
:root .hmf-pl-theme {
  --font-display: "Graphik Wide", sans-serif;
  --font-primary: "Graphik", sans-serif;
  --font-label: "Graphik Wide", sans-serif;
  --font-primary-regular-weight: 400;
  --font-primary-bold-weight: 700;
  --font-display-weight: 900;
}

/*********** TYPOGRAPHY TYPES ***********/
:root.hmf-pl-theme,
:root .hmf-pl-theme {
  /* DISPLAY TEXT */
  --display-font-size-m: 4.2rem;
  --display-line-height-m: 4.2rem;
  --display-font-size-xl: 8rem;
  --display-line-height-xl: 8rem;
  --display-font-size-xxl: 10rem;
  --display-line-height-xxl: 10rem;
}

:root.hmf-pl-theme,
:root .hmf-pl-theme {
  /* HEADERS */
  --header-text-transform: none;
  --header-letter-spacing: 0.1rem;
  --header-line-height-s: 2rem;
}

:root.hmf-pl-theme,
:root .hmf-pl-theme {
  --hmf-primary50: #f8f9f5;
  --hmf-primary100: #e4e8d8;
  --hmf-primary200: #ced7cb;
  --hmf-primary300: #b6c3b1;
  --hmf-primary400: #889e8b;
  --hmf-primary500: #6c846f;
  --hmf-primary600: #4c6655;
  --hmf-primary700: #2d523f;
  --hmf-primary800: #002a19;
  --hmf-primary900: #000f08;
  --hmf-secondary50: #f8fbfc;
  --hmf-secondary100: #e0edf0;
  --hmf-secondary200: #bfd9de;
  --hmf-secondary300: #b3d2d8;
  --hmf-secondary400: #80b4bf;
  --hmf-secondary500: #4d95a5;
  --hmf-secondary600: #00687e;
  --hmf-secondary700: #00556b;
  --hmf-secondary800: #003a4e;
  --hmf-secondary900: #002a38;
  --hmf-tertiary50: #fff;
  --hmf-tertiary100: #f8f6f4;
  --hmf-tertiary200: #e2d6b9;
  --hmf-tertiary300: #cdb897;
  --hmf-tertiary400: #ba9979;
  --hmf-tertiary500: #a37859;
  --hmf-tertiary600: #8f674c;
  --hmf-tertiary700: #674a37;
  --hmf-tertiary800: #533c2c;
  --hmf-tertiary900: #2f2219;
  --hmf-accent50: #f5ffb8;
  --hmf-accent100: #e3ff36;
  --hmf-accent200: #c4f500;
  --hmf-accent300: #ace000;
  --hmf-accent400: #8bc700;
  --hmf-accent500: #6da300;
  --hmf-accent600: #527a00;
  --hmf-accent700: #3a5700;
  --hmf-accent800: #304700;
  --hmf-accent900: #1c2900;
}

:root, :root.hmf-pl-theme,
:root .hmf-pl-theme {
  /*********** GENERIC STYLING ***********/
  --hmf-button-border-radius: var(--hmf-sharp-radius);
  /*********** PRIMARY BUTTONS ***********/
  --hmf-button-primary-text-color: var(--hmf-gray50);
  --hmf-button-primary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-primary-background-color: var(--hmf-secondary500);
  --hmf-button-primary-active-background-color: var(--hmf-secondary700);
  --hmf-button-primary-hover-background-color: var(--hmf-secondary300);
  --hmf-button-primary-inactive-background-color: var(--hmf-gray300);
  --hmf-button-primary-border-color: var(--hmf-secondary500);
  --hmf-button-primary-hover-border-color: var(--hmf-secondary300);
  --hmf-button-primary-active-border-color: var(--hmf-secondary700);
  --hmf-button-primary-inactive-border-color: var(--hmf-gray300);
  /*********** SECONDARY BUTTONS ***********/
  --hmf-button-secondary-text-color: var(--hmf-gray900);
  --hmf-button-secondary-active-text-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-text-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-secondary-background-color: var(--hmf-gray50);
  --hmf-button-secondary-active-background-color: var(--hmf-gray400);
  --hmf-button-secondary-hover-background-color: var(--hmf-gray200);
  --hmf-button-secondary-inactive-background-color: var(--hmf-gray50);
  --hmf-button-secondary-border-color: var(--hmf-gray900);
  --hmf-button-secondary-active-border-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-border-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-border-color: var(--hmf-gray400);
  /*********** TERTIARY BUTTONS ***********/
  --hmf-button-tertiary-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-hover-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-active-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-inactive-text-color: var(--hmf-gray500);
  --hmf-button-tertiary-background-color: var(--hmf-fill-secondary-static);
  --hmf-button-tertiary-active-background-color: var(--hmf-fill-secondary-active);
  --hmf-button-tertiary-hover-background-color: var(--hmf-fill-secondary-hover);
  --hmf-button-tertiary-inactive-background-color: var(--hmf-gray100);
  --hmf-button-tertiary-border-color: var(--hmf-fill-secondary-static);
  --hmf-button-tertiary-active-border-color: var(--hmf-fill-secondary-active);
  --hmf-button-tertiary-hover-border-color: var(--hmf-fill-secondary-hover);
  --hmf-button-tertiary-inactive-border-color: var(--hmf-gray100);
  /*********** MARKETING BUTTONS ***********/
  --hmf-button-marketing-text-color: var(--hmf-gray50);
  --hmf-button-marketing-inactive-text-color: var(--hmf-gray600);
  --hmf-button-marketing-hover-text-color: var(--hmf-gray50);
  --hmf-button-marketing-active-text-color: var(--hmf-gray50);
  --hmf-button-marketing-background-color: var(--hmf-primary600);
  --hmf-button-marketing-active-background-color: var(--hmf-primary500);
  --hmf-button-marketing-hover-background-color: var(--hmf-primary300);
  --hmf-button-marketing-inactive-background-color: var(--hmf-gray300);
  --hmf-button-marketing-border-color: var(--hmf-primary600);
  --hmf-button-marketing-active-border-color: var(--hmf-primary500);
  --hmf-button-marketing-hover-border-color: var(--hmf-primary300);
  --hmf-button-marketing-inactive-border-color: var(--hmf-gray300);
  /*********** DESTRUCTIVE BUTTONS ***********/
  --hmf-button-destructive-text-color: var(--hmf-label-inverse-base);
  --hmf-button-destructive-inactive-text-color: var(--hmf-label-disabled);
  --hmf-button-destructive-hover-text-color: var( --hmf-label-inverse-base);
  --hmf-button-destructive-active-text-color: var(--hmf-label-inverse-base);
  --hmf-button-destructive-background-color: var(--hmf-fill-negative-static);
  --hmf-button-destructive-active-background-color: var(--hmf-fill-negative-active);
  --hmf-button-destructive-hover-background-color: var(--hmf-fill-negative-hover);
  --hmf-button-destructive-inactive-background-color: var(--hmf-fill-disabled-subtle);
  --hmf-button-destructive-border-color: var(--hmf-fill-negative-static);
  --hmf-button-destructive-active-border-color: var(--hmf-fill-negative-active);
  --hmf-button-destructive-hover-border-color: var(--hmf-fill-negative-hover);
  --hmf-button-destructive-inactive-border-color: var(--hmf-fill-disabled-subtle);
}

:root.hmf-pl-theme,
:root .hmf-pl-theme {
  /*********** PRIMARY BUTTONS ***********/
  --hmf-button-primary-background-color: var(--hmf-primary800);
  --hmf-button-primary-active-background-color: var(--hmf-primary900);
  --hmf-button-primary-hover-background-color: var(--hmf-primary700);
  --hmf-button-primary-border-color: var(--hmf-primary800);
  --hmf-button-primary-active-border-color: var(--hmf-primary900);
  /*********** MARKETING BUTTONS ***********/
  --hmf-button-marketing-text-color: var(--hmf-gray900);
  --hmf-button-marketing-inactive-text-color: var(--hmf-gray900);
  --hmf-button-marketing-hover-text-color: var(--hmf-gray900);
  --hmf-button-marketing-active-text-color: var(--hmf-gray900);
  --hmf-button-marketing-background-color: var(--hmf-accent100);
  --hmf-button-marketing-active-background-color: var(--hmf-accent200);
  --hmf-button-marketing-hover-background-color: var(--hmf-accent50);
  --hmf-button-marketing-border-color: var(--hmf-accent100);
  --hmf-button-marketing-active-border-color: var(--hmf-accent200);
  --hmf-button-marketing-hover-border-color: var(--hmf-accent50);
}

:root.hmf-pl-theme,
:root .hmf-pl-theme {
  --hmf-checkbox-active-background: var(--hmf-gray200);
  --hmf-checkbox-active-border-color: var(--hmf-gray500);
  --hmf-checkbox-active-checked-background: var(--hmf-gray800);
  --hmf-checkbox-active-checked-border-color: var(--hmf-gray800);
  --hmf-checkbox-base-checked-color: var(--hmf-gray800);
  --hmf-checkbox-base-color: var(--hmf-gray700);
  --hmf-checkbox-check-icon-dark: var(--hmf-gray500);
  --hmf-checkbox-check-icon-light: var(--hmf-gray50);
  --hmf-checkbox-checked-background: var(--hmf-gray900);
  --hmf-checkbox-checked-border-color: var(--hmf-gray900);
  --hmf-checkbox-disabled-color: var(--hmf-gray500);
  --hmf-checkbox-disabled-span-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-disabled-span-checked-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-checked-border-color: var(--hmf-gray200);
  --hmf-checkbox-error-color: var(--hmf-red600);
  --hmf-checkbox-error-span-background: var(--hmf-red100);
  --hmf-checkbox-error-span-border-color: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-background: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-border-color: var(--hmf-red600);
  --hmf-checkbox-focus-outline: 1px dashed var(--hmf-gray600);
  --hmf-checkbox-hover-span-background: var(--hmf-gray100);
  --hmf-checkbox-hover-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-hover-span-border: var(--hmf-gray900);
  --hmf-checkbox-hover-span-checked-background: var(--hmf-gray700);
  --hmf-checkbox-hover-span-checked-border-color: var(--hmf-gray700);
  --hmf-checkbox-span-background: var(--hmf-gray50);
  --hmf-checkbox-span-border: var(--hmf-gray600);
}

:root.hmf-pl-theme,
:root .hmf-pl-theme {
  --hmf-chip-font-size: var(--body-font-size-m);
  --hmf-chip-line-height: var(--body-line-height-m);
  --hmf-chip-font-weight: var(--font-primary-bold-weight);
  --hmf-chip-font-family: var(--font-primary);
  --hmf-chip-letter-spacing: var(--body-letter-spacing);
  --hmf-chip-background-color: var(--hmf-gray200);
  --hmf-chip-color: var(--hmf-gray900);
  --hmf-chip-hover-background-color: var(--hmf-gray400);
  --hmf-chip-focus-background-color: var(--hmf-gray400);
  --hmf-chip-focus-outline: 1px dashed var(--hmf-primary500);
}

:root, :root.hmf-pl-theme,
:root .hmf-pl-theme {
  --hmf-product-availability-cancel-icon-color: var(--hmf-red500);
  --hmf-product-availability-warning-icon-color: var(--hmf-yellow500);
  --hmf-product-availability-success-icon-color: var(--hmf-primary500);
}

:root.hmf-pl-theme,
:root .hmf-pl-theme {
  --hmf-product-availability-success-icon-color: var(--hmf-secondary500);
}

:root, :root.hmf-pl-theme,
:root .hmf-pl-theme {
  --hmf-product-title-text-color: var(--hmf-gray900);
  --hmf-product-title-font-size: var(--label-font-size-l);
  --hmf-product-title-line-height: var(--label-line-height-l);
  --hmf-product-title-font-weight: 500;
  --hmf-product-title-font-family: var(--font-primary);
  --hmf-product-title-letter-spacing: var(--label-letter-spacing);
}

:root, :root.hmf-pl-theme,
:root .hmf-pl-theme {
  --hmf-promotion-text-color: var(--hmf-gray500);
  --hmf-promotion-font-weight: var(--font-primary-regular-weight);
  --hmf-promotion-font-family: var(--font-primary);
  --hmf-promotion-letter-spacing: var(--body-letter-spacing);
}

:root, :root.hmf-pl-theme,
:root .hmf-pl-theme {
  --hmf-recommendation-card-hover-color: var(--hmf-gray400);
  --hmf-recommendation-card-background-color: var(--hmf-gray50);
  --hmf-recommendation-card-text-color: var(--hmf-gray900);
  --hmf-recommendation-card-price-color: var(--hmf-gray500);
}

:root.hmf-pl-theme,
:root .hmf-pl-theme {
  --hmf-panel-font-size: var(--body-font-size-s);
  --hmf-panel-line-height: var(--body-line-height-s);
  --hmf-panel-font-weight: normal;
  --hmf-panel-font-family: var(--font-primary);
  --hmf-panel-letter-spacing: normal;
  --hmf-panel-content-background-color: var(--hmf-gray50);
  --hmf-panel-header-background-color: var(--hmf-gray100);
  --hmf-panel-overlay-background-color: var(--hmf-gray900);
  --hmf-panel-close-button-hover-background-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-background-color: var(--hmf-gray200);
  --hmf-panel-header-border-color: var(--hmf-gray100);
  --hmf-panel-close-button-hover-border-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-border-color: var(--hmf-gray200);
}

:root, :root.hmf-pl-theme,
:root .hmf-pl-theme {
  --hmf-text-link-color: var(--hmf-gray900);
  --hmf-text-link-active-color: var(--hmf-gray600);
  --hmf-text-link-font-size: var(--body-font-size-m);
  --hmf-text-link-line-height: var(--body-line-height-m);
  --hmf-text-link-font-weight: var(--font-primary-regular-weight);
  --hmf-text-link-font-family: var(--font-primary);
  --hmf-text-link-letter-spacing: var(--body-letter-spacing);
}

:root, :root.hmf-pl-theme,
:root .hmf-pl-theme {
  --hmf-text-input-font-size: var(--body-font-size-m);
  --hmf-text-input-line-height: var(--body-line-height-m);
  --hmf-text-input-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-font-family: var(--font-primary);
  --hmf-text-input-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-text-area-font-size: var(--body-font-size-m);
  --hmf-text-input-text-area-line-height: var(--body-line-height-m);
  --hmf-text-input-text-area-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-text-area-font-family: var(--font-primary);
  --hmf-text-input-text-area-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-border: 1px solid var(--hmf-gray700);
  --hmf-text-input-background-color: var(--hmf-gray50);
  --hmf-text-input-input-color: var(--hmf-gray900);
  --hmf-text-input-input-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-focused-border: 1px solid var(--hmf-primary300);
  --hmf-text-input-disabled-background-color: var(--hmf-gray200);
  --hmf-text-input-disabled-color: var(--hmf-gray700);
  --hmf-text-input-disabled-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-label-color: var(--hmf-gray900);
  --hmf-text-input-color: var(--hmf-gray700);
  --hmf-text-input-error-label-color: var(--hmf-red700);
  --hmf-text-input-error-color: var(--hmf-red700);
  --hmf-text-input-error-border: 1px solid var(--hmf-red700);
  --hmf-text-input-error-background-color: rgb(230 108 70 / 0.2);
  --hmf-text-input-error-placeholder-color: var(--hmf-gray900);
  --hmf-text-input-error-svg-fill: var(--hmf-red700);
}

/*********** GENERAL STYLES ***********/
:root.hmf-vrst-theme,
:root .hmf-vrst-theme {
  --hmf-focus-outline: 1px dashed var(--hmf-gray400);
}

:root.hmf-vrst-theme,
:root .hmf-vrst-theme {
  --hmf-background-base: var(--hmf-gray50);
  --hmf-background-base-subtle: var(--hmf-gray100);
  --hmf-background-inverse: var(--hmf-gray900);
  --hmf-background-inverse-subtle: var(--hmf-gray800);
  --hmf-background-primary: var(--hmf-primary600);
  --hmf-fill-base: var(--hmf-gray50);
  --hmf-fill-base-subtle: var(--hmf-gray100);
  --hmf-fill-base-prominent: var(--hmf-gray200);
  --hmf-fill-inverse: var(--hmf-gray900);
  --hmf-fill-inverse-subtle: var(--hmf-gray700);
  --hmf-fill-primary-static: var(--hmf-secondary500);
  --hmf-fill-primary-hover: var(--hmf-secondary700);
  --hmf-fill-primary-active: var(--hmf-secondary600);
  --hmf-fill-secondary-static: var(--hmf-gray50);
  --hmf-fill-secondary-hover: var(--hmf-gray100);
  --hmf-fill-secondary-active: var(--hmf-gray200);
  --hmf-fill-tertiary-static: var(--hmf-gray900);
  --hmf-fill-tertiary-hover: var(--hmf-gray700);
  --hmf-fill-tertiary-active: var(--hmf-gray800);
  --hmf-fill-disabled: var(--hmf-gray500);
  --hmf-fill-disabled-subtle: var(--hmf-gray200);
  --hmf-fill-negative: var(--hmf-red600);
  --hmf-fill-negative-subtle: var(--hmf-red100);
  --hmf-fill-sale: var(--hmf-red600);
  --hmf-fill-warning: var(--hmf-yellow300);
  --hmf-fill-warning-subtle: var(--hmf-yellow50);
  --hmf-fill-positive: var(--hmf-primary500);
  --hmf-fill-positive-subtle: var(--hmf-primary100);
  --hmf-label-base: var(--hmf-gray900);
  --hmf-label-base-subtle: var(--hmf-gray600);
  --hmf-label-inverse-base: var(--hmf-gray50);
  --hmf-label-inverse-subtle: var(--hmf-gray100);
  --hmf-label-primary-static: var(--hmf-secondary500);
  --hmf-label-primary-hover: var(--hmf-secondary600);
  --hmf-label-primary-active: var(--hmf-secondary400);
  --hmf-label-secondary-static: var(--hmf-gray900);
  --hmf-label-secondary-hover: var(--hmf-gray700);
  --hmf-label-secondary-active: var(--hmf-gray800);
  --hmf-label-secondary-subtle-static: var(--hmf-gray600);
  --hmf-label-secondary-subtle-hover: var(--hmf-gray900);
  --hmf-label-secondary-subtle-active: var(--hmf-gray800);
  --hmf-label-tertiary-static: var(--hmf-gray900);
  --hmf-label-tertiary-hover: var(--hmf-secondary500);
  --hmf-label-tertiary-active: var(--hmf-secondary400);
  --hmf-label-sale: var(--hmf-red800);
  --hmf-label-disabled: var(--hmf-gray500);
  --hmf-label-disabled-subtle: var(--hmf-gray200);
  --hmf-label-negative: var(--hmf-red600);
  --hmf-label-warning: var(--hmf-yellow600);
  --hmf-border-base: var(--hmf-gray300);
  --hmf-border-base-subtle: var(--hmf-gray200);
  --hmf-border-inverse: var(--hmf-gray900);
  --hmf-border-inverse-subtle: var(--hmf-gray700);
  --hmf-border-primary-static: var(--hmf-secondary500);
  --hmf-border-primary-hover: var(--hmf-secondary600);
  --hmf-border-primary-active: var(--hmf-secondary400);
  --hmf-border-secondary-static: var(--hmf-gray900);
  --hmf-border-secondary-hover: var(--hmf-gray700);
  --hmf-border-secondary-active: var(--hmf-gray800);
  --hmf-border-secondary-subtle-static: var(--hmf-gray600);
  --hmf-border-secondary-subtle-hover: var(--hmf-gray400);
  --hmf-border-secondary-subtle-active: var(--hmf-gray500);
  --hmf-border-tertiary-static: var(--hmf-gray900);
  --hmf-border-tertiary-hover: var(--hmf-secondary500);
  --hmf-border-tertiary-active: var(--hmf-secondary400);
  --hmf-border-focused: var(--hmf-gray600);
  --hmf-border-inverse-focused: var(--hmf-gray50);
  --hmf-border-disabled: var(--hmf-gray500);
  --hmf-border-disabled-subtle: var(--hmf-gray200);
  --hmf-border-negative: var(--hmf-red600);
  --hmf-border-warning: var(--hmf-yellow500);
  --hmf-border-positive: var(--hmf-primary600);
}

/*********** TYPOGRAPHY ***********/
:root.hmf-vrst-theme,
:root .hmf-vrst-theme {
  --font-display: "Tilde", sans-serif;
  --font-primary: "Tilde", sans-serif;
  --font-label: "Tilde", sans-serif;
  --font-primary-regular-weight: 400;
  --font-primary-bold-weight: 700;
  --font-display-weight: 900;
}

/*********** TYPOGRAPHY TYPES ***********/
:root.hmf-vrst-theme,
:root .hmf-vrst-theme {
  /* BODY */
  --body-letter-spacing: 0.03rem;
}

:root.hmf-vrst-theme,
:root .hmf-vrst-theme {
  /* DISPLAY TEXT */
  --display-letter-spacing-xs: 0.05rem;
  --display-letter-spacing-s: 0.05rem;
  --display-letter-spacing-m: 0.05rem;
  --display-letter-spacing-l: 0.05rem;
  --display-font-size-xl: 10rem;
  --display-letter-spacing-xl: 0.05rem;
  --display-line-height-xl: 10rem;
  --display-font-size-xxl: 12rem;
  --display-letter-spacing-xxl: 0rem;
  --display-line-height-xxl: 12rem;
}

:root.hmf-vrst-theme,
:root .hmf-vrst-theme {
  /* HEADERS */
  --header-letter-spacing: 0rem;
}

:root.hmf-vrst-theme,
:root .hmf-vrst-theme {
  /* LABELS */
  --label-letter-spacing: 0.05rem;
}

:root.hmf-vrst-theme,
:root .hmf-vrst-theme {
  /* LEGAL */
  --legal-letter-spacing: 0.03rem;
}

:root.hmf-vrst-theme,
:root .hmf-vrst-theme {
  /* SUBHEADERS */
  --subhead-letter-spacing: 0rem;
}

:root.hmf-vrst-theme,
:root .hmf-vrst-theme {
  --hmf-primary50: #c4cad0;
  --hmf-primary100: #9aa3ac;
  --hmf-primary200: #7c878e;
  --hmf-primary300: #5b6770;
  --hmf-primary400: #404c53;
  --hmf-primary500: #333f48;
  --hmf-primary600: #2b3b46;
  --hmf-primary700: #1f2e38;
  --hmf-primary800: #162630;
  --hmf-primary900: #1d252d;
  --hmf-secondary50: #e6ecf0;
  --hmf-secondary100: #c2cfda;
  --hmf-secondary200: #99b0c2;
  --hmf-secondary300: #7090aa;
  --hmf-secondary400: #517897;
  --hmf-secondary500: #325f84;
  --hmf-secondary600: #2d587d;
  --hmf-secondary700: #264e72;
  --hmf-secondary800: #1f4468;
  --hmf-secondary900: #133355;
  --hmf-tertiary50: #f9efe9;
  --hmf-tertiary100: #f1d7c8;
  --hmf-tertiary200: #e8bda4;
  --hmf-tertiary300: #dea27f;
  --hmf-tertiary400: #d78e63;
  --hmf-tertiary500: #d07a48;
  --hmf-tertiary600: #cb7241;
  --hmf-tertiary700: #c46738;
  --hmf-tertiary800: #be5d30;
  --hmf-tertiary900: #b34a21;
  --hmf-accent50: #f9efe9;
  --hmf-accent100: #f1d7c8;
  --hmf-accent200: #e8bda4;
  --hmf-accent300: #dea27f;
  --hmf-accent400: #d78e63;
  --hmf-accent500: #d07a48;
  --hmf-accent600: #cb7241;
  --hmf-accent700: #c46738;
  --hmf-accent800: #be5d30;
  --hmf-accent900: #b34a21;
}

:root.hmf-vrst-theme,
:root .hmf-vrst-theme {
  /*********** GENERIC STYLING ***********/
  --hmf-button-border-radius: var(--hmf-sharp-radius);
  /*********** PRIMARY BUTTONS ***********/
  --hmf-button-primary-text-color: var(--hmf-gray50);
  --hmf-button-primary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-primary-background-color: var(--hmf-primary500);
  --hmf-button-primary-active-background-color: var(--hmf-primary600);
  --hmf-button-primary-hover-background-color: var(--hmf-primary400);
  --hmf-button-primary-inactive-background-color: var(--hmf-gray300);
  --hmf-button-primary-border-color: var(--hmf-primary500);
  --hmf-button-primary-hover-border-color: var(--hmf-primary400);
  --hmf-button-primary-active-border-color: var(--hmf-primary600);
  --hmf-button-primary-inactive-border-color: var(--hmf-gray300);
  /*********** SECONDARY BUTTONS ***********/
  --hmf-button-secondary-text-color: var(--hmf-gray900);
  --hmf-button-secondary-active-text-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-text-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-secondary-background-color: var(--hmf-gray50);
  --hmf-button-secondary-active-background-color: var(--hmf-gray400);
  --hmf-button-secondary-hover-background-color: var(--hmf-gray200);
  --hmf-button-secondary-inactive-background-color: var(--hmf-gray50);
  --hmf-button-secondary-border-color: var(--hmf-gray900);
  --hmf-button-secondary-active-border-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-border-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-border-color: var(--hmf-gray400);
  /*********** TERTIARY BUTTONS ***********/
  --hmf-button-tertiary-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-hover-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-active-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-inactive-text-color: var(--hmf-gray500);
  --hmf-button-tertiary-background-color: var(--hmf-gray50);
  --hmf-button-tertiary-hover-background-color: var(--hmf-gray50);
  --hmf-button-tertiary-active-background-color: var(--hmf-gray50);
  --hmf-button-tertiary-inactive-background-color: var(--hmf-gray100);
  --hmf-button-tertiary-border-color: var(--hmf-gray50);
  --hmf-button-tertiary-active-border-color: var(--hmf-gray50);
  --hmf-button-tertiary-hover-border-color: var(--hmf-gray50);
  --hmf-button-tertiary-inactive-border-color: var(--hmf-gray100);
  /*********** MARKETING BUTTONS ***********/
  --hmf-button-marketing-text-color: var(--hmf-gray50);
  --hmf-button-marketing-inactive-text-color: var(--hmf-gray50);
  --hmf-button-marketing-hover-text-color: var(--hmf-gray50);
  --hmf-button-marketing-active-text-color: var(--hmf-gray900);
  --hmf-button-marketing-background-color: var(--hmf-secondary500);
  --hmf-button-marketing-active-background-color: var(--hmf-secondary600);
  --hmf-button-marketing-hover-background-color: var(--hmf-secondary300);
  --hmf-button-marketing-inactive-background-color: var(--hmf-gray300);
  --hmf-button-marketing-border-color: var(--hmf-secondary500);
  --hmf-button-marketing-active-border-color: var(--hmf-secondary600);
  --hmf-button-marketing-hover-border-color: var(--hmf-secondary300);
  --hmf-button-marketing-inactive-border-color: var(--hmf-gray300);
}

:root, :root.hmf-vrst-theme,
:root .hmf-vrst-theme {
  --hmf-checkbox-active-background: var(--hmf-gray200);
  --hmf-checkbox-active-border-color: var(--hmf-gray500);
  --hmf-checkbox-active-checked-background: var(--hmf-gray800);
  --hmf-checkbox-active-checked-border-color: var(--hmf-gray800);
  --hmf-checkbox-base-checked-color: var(--hmf-gray800);
  --hmf-checkbox-base-color: var(--hmf-gray700);
  --hmf-checkbox-check-icon-dark: var(--hmf-gray500);
  --hmf-checkbox-check-icon-light: var(--hmf-gray50);
  --hmf-checkbox-checked-background: var(--hmf-gray900);
  --hmf-checkbox-checked-border-color: var(--hmf-gray900);
  --hmf-checkbox-disabled-color: var(--hmf-gray500);
  --hmf-checkbox-disabled-span-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-disabled-span-checked-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-checked-border-color: var(--hmf-gray200);
  --hmf-checkbox-error-color: var(--hmf-red600);
  --hmf-checkbox-error-span-background: var(--hmf-red100);
  --hmf-checkbox-error-span-border-color: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-background: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-border-color: var(--hmf-red600);
  --hmf-checkbox-focus-outline: 1px dashed var(--hmf-gray600);
  --hmf-checkbox-hover-span-background: var(--hmf-gray100);
  --hmf-checkbox-hover-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-hover-span-border: var(--hmf-gray900);
  --hmf-checkbox-hover-span-checked-background: var(--hmf-gray700);
  --hmf-checkbox-hover-span-checked-border-color: var(--hmf-gray700);
  --hmf-checkbox-span-background: var(--hmf-gray50);
  --hmf-checkbox-span-border: var(--hmf-gray600);
}

:root, :root.hmf-vrst-theme,
:root .hmf-vrst-theme {
  --hmf-chip-font-size: var(--body-font-size-m);
  --hmf-chip-line-height: var(--body-line-height-m);
  --hmf-chip-font-weight: var(--font-primary-bold-weight);
  --hmf-chip-font-family: var(--font-primary);
  --hmf-chip-letter-spacing: var(--body-letter-spacing);
  --hmf-chip-background-color: var(--hmf-gray200);
  --hmf-chip-color: var(--hmf-gray900);
  --hmf-chip-hover-background-color: var(--hmf-gray400);
  --hmf-chip-focus-background-color: var(--hmf-gray400);
  --hmf-chip-focus-outline: 1px dashed var(--hmf-primary500);
}

:root.hmf-vrst-theme,
:root .hmf-vrst-theme {
  --hmf-product-availability-cancel-icon-color: var(--hmf-red500);
  --hmf-product-availability-warning-icon-color: var(--hmf-yellow500);
  --hmf-product-availability-success-icon-color: var(--hmf-secondary500);
}

:root.hmf-vrst-theme,
:root .hmf-vrst-theme {
  --hmf-product-title-text-color: var(--hmf-gray900);
  --hmf-product-title-font-size: var(--label-font-size-l);
  --hmf-product-title-line-height: var(--label-line-height-l);
  --hmf-product-title-font-weight: 500;
  --hmf-product-title-font-family: var(--font-primary);
  --hmf-product-title-letter-spacing: var(--label-letter-spacing);
}

:root.hmf-vrst-theme,
:root .hmf-vrst-theme {
  --hmf-promotion-text-color: var(--hmf-gray500);
  --hmf-promotion-font-weight: var(--font-primary-regular-weight);
  --hmf-promotion-font-family: var(--font-primary);
  --hmf-promotion-letter-spacing: var(--body-letter-spacing);
}

:root.hmf-vrst-theme,
:root .hmf-vrst-theme {
  --hmf-recommendation-card-hover-color: var(--hmf-gray400);
  --hmf-recommendation-card-background-color: var(--hmf-gray50);
  --hmf-recommendation-card-text-color: var(--hmf-gray900);
  --hmf-recommendation-card-price-color: var(--hmf-gray500);
}

:root, :root.hmf-vrst-theme,
:root .hmf-vrst-theme {
  --hmf-panel-font-size: var(--body-font-size-s);
  --hmf-panel-line-height: var(--body-line-height-s);
  --hmf-panel-font-weight: normal;
  --hmf-panel-font-family: var(--font-primary);
  --hmf-panel-letter-spacing: normal;
  --hmf-panel-content-background-color: var(--hmf-gray50);
  --hmf-panel-header-background-color: var(--hmf-gray100);
  --hmf-panel-overlay-background-color: var(--hmf-gray900);
  --hmf-panel-close-button-hover-background-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-background-color: var(--hmf-gray200);
  --hmf-panel-header-border-color: var(--hmf-gray100);
  --hmf-panel-close-button-hover-border-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-border-color: var(--hmf-gray200);
}

:root.hmf-vrst-theme,
:root .hmf-vrst-theme {
  --hmf-sticky-banner-font-size: var(--body-font-size-s);
  --hmf-sticky-banner-line-height: var(--body-line-height-s);
  --hmf-sticky-banner-font-weight: normal;
  --hmf-sticky-banner-font-family: var(--font-primary);
  --hmf-sticky-banner-letter-spacing: normal;
  --hmf-sticky-banner-content-background-color: var(--hmf-gray50);
  --hmf-sticky-banner-content-border-color: var(--hmf-gray200);
}

:root.hmf-vrst-theme,
:root .hmf-vrst-theme {
  --hmf-text-link-color: var(--hmf-gray900);
  --hmf-text-link-active-color: var(--hmf-gray600);
  --hmf-text-link-font-size: var(--body-font-size-m);
  --hmf-text-link-line-height: var(--body-line-height-m);
  --hmf-text-link-font-weight: var(--font-primary-regular-weight);
  --hmf-text-link-font-family: var(--font-primary);
  --hmf-text-link-letter-spacing: var(--body-letter-spacing);
}

:root, :root.hmf-vrst-theme,
:root .hmf-vrst-theme {
  --hmf-text-input-font-size: var(--body-font-size-m);
  --hmf-text-input-line-height: var(--body-line-height-m);
  --hmf-text-input-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-font-family: var(--font-primary);
  --hmf-text-input-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-text-area-font-size: var(--body-font-size-m);
  --hmf-text-input-text-area-line-height: var(--body-line-height-m);
  --hmf-text-input-text-area-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-text-area-font-family: var(--font-primary);
  --hmf-text-input-text-area-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-border: 1px solid var(--hmf-gray700);
  --hmf-text-input-background-color: var(--hmf-gray50);
  --hmf-text-input-input-color: var(--hmf-gray900);
  --hmf-text-input-input-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-focused-border: 1px solid var(--hmf-primary300);
  --hmf-text-input-disabled-background-color: var(--hmf-gray200);
  --hmf-text-input-disabled-color: var(--hmf-gray700);
  --hmf-text-input-disabled-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-label-color: var(--hmf-gray900);
  --hmf-text-input-color: var(--hmf-gray700);
  --hmf-text-input-error-label-color: var(--hmf-red700);
  --hmf-text-input-error-color: var(--hmf-red700);
  --hmf-text-input-error-border: 1px solid var(--hmf-red700);
  --hmf-text-input-error-background-color: rgb(230 108 70 / 0.2);
  --hmf-text-input-error-placeholder-color: var(--hmf-gray900);
  --hmf-text-input-error-svg-fill: var(--hmf-red700);
}

/*********** FOCUS ***********/
:root.hmf-enterprise-theme,
:root .hmf-enterprise-theme {
  --hmf-focus-outline-color: var(--hmf-primary500);
}

:root.hmf-enterprise-theme,
:root .hmf-enterprise-theme {
  --hmf-background-base: var(--hmf-gray100);
  --hmf-background-base-subtle: var(--hmf-gray50);
  --hmf-background-inverse: var(--hmf-gray900);
  --hmf-background-inverse-subtle: var(--hmf-gray800);
  --hmf-background-primary: var(--hmf-secondary500);
  --hmf-fill-base: var(--hmf-gray50);
  --hmf-fill-base-subtle: var(--hmf-gray100);
  --hmf-fill-base-prominent: var(--hmf-gray200);
  --hmf-fill-creative-primary: var(--hmf-primary600);
  --hmf-fill-inverse: var(--hmf-gray900);
  --hmf-fill-inverse-subtle: var(--hmf-gray800);
  --hmf-fill-primary-static: var(--hmf-primary500);
  --hmf-fill-primary-hover: var(--hmf-primary600);
  --hmf-fill-primary-active: var(--hmf-primary400);
  --hmf-fill-secondary-static: var(--hmf-gray50);
  --hmf-fill-secondary-static-subtle: var(--hmf-gray100);
  --hmf-fill-secondary-hover: var(--hmf-gray100);
  --hmf-fill-secondary-hover-subtle: var(--hmf-gray200);
  --hmf-fill-secondary-active: var(--hmf-gray200);
  --hmf-fill-secondary-active-subtle: var(--hmf-gray100);
  --hmf-fill-tertiary-static: var(--hmf-gray700);
  --hmf-fill-tertiary-hover: var(--hmf-gray900);
  --hmf-fill-tertiary-active: var(--hmf-gray800);
  --hmf-fill-disabled: var(--hmf-gray400);
  --hmf-fill-disabled-subtle: var(--hmf-gray200);
  --hmf-fill-negative: var(--hmf-accent600);
  --hmf-fill-negative-subtle: var(--hmf-accent200);
  --hmf-fill-negative-static: var(--hmf-accent600);
  --hmf-fill-negative-hover: var(--hmf-accent800);
  --hmf-fill-negative-active: var(--hmf-accent700);
  --hmf-fill-sale: var(--hmf-red600);
  --hmf-fill-warning: var(--hmf-tertiary400);
  --hmf-fill-warning-subtle: var(--hmf-tertiary100);
  --hmf-fill-positive: var(--hmf-primary400);
  --hmf-fill-positive-subtle: var(--hmf-primary100);
  --hmf-fill-marketing-static: var(--hmf-primary600);
  --hmf-fill-marketing-hover: var(--hmf-primary700);
  --hmf-fill-marketing-active: var(--hmf-primary500);
  --hmf-fill-scorecard: var(--hmf-primary400);
  --hmf-fill-scorecard-subtle: var(--hmf-primary200);
  --hmf-fill-scorecard-gold: var(--hmf-gold300);
  --hmf-fill-scorecard-gold-subtle: var(--hmf-gold200);
  --hmf-fill-calia: var(--hmf-calia600);
  --hmf-fill-calia-subtle: var(--hmf-calia200);
  --hmf-fill-vrst: var(--hmf-vrst600);
  --hmf-fill-vrst-subtle: var(--hmf-vrst200);
  --hmf-label-base: var(--hmf-gray900);
  --hmf-label-base-subtle: var(--hmf-gray600);
  --hmf-label-inverse-base: var(--hmf-gray50);
  --hmf-label-inverse-subtle: var(--hmf-gray100);
  --hmf-label-primary-static: var(--hmf-primary600);
  --hmf-label-primary-hover: var(--hmf-primary700);
  --hmf-label-primary-active: var(--hmf-primary500);
  --hmf-label-secondary-static: var(--hmf-gray900);
  --hmf-label-secondary-hover: var(--hmf-gray700);
  --hmf-label-secondary-active: var(--hmf-gray800);
  --hmf-label-secondary-subtle-static: var(--hmf-gray600);
  --hmf-label-secondary-subtle-hover: var(--hmf-gray900);
  --hmf-label-secondary-subtle-active: var(--hmf-gray800);
  --hmf-label-tertiary-static: var(--hmf-gray900);
  --hmf-label-tertiary-hover: var(--hmf-primary500);
  --hmf-label-tertiary-active: var(--hmf-primary600);
  --hmf-label-sale: var(--hmf-accent800);
  --hmf-label-disabled: var(--hmf-gray400);
  --hmf-label-disabled-subtle: var(--hmf-gray200);
  --hmf-label-negative: var(--hmf-accent600);
  --hmf-label-positive: var(--hmf-primary600);
  --hmf-label-warning: var(--hmf-tertiary600);
  --hmf-label-marketing-static: var(--hmf-gray50);
  --hmf-label-marketing-hover: var(--hmf-gray100);
  --hmf-label-marketing-active: var(--hmf-gray100);
  --hmf-label-scorecard: var(--hmf-primary600);
  --hmf-border-base: var(--hmf-gray300);
  --hmf-border-base-subtle: var(--hmf-gray200);
  --hmf-border-base-prominent: var(--hmf-gray400);
  --hmf-border-inverse: var(--hmf-gray900);
  --hmf-border-inverse-subtle: var(--hmf-gray800);
  --hmf-border-primary-static: var(--hmf-primary500);
  --hmf-border-primary-hover: var(--hmf-primary700);
  --hmf-border-primary-active: var(--hmf-primary500);
  --hmf-border-secondary-static: var(--hmf-gray900);
  --hmf-border-secondary-hover: var(--hmf-gray700);
  --hmf-border-secondary-active: var(--hmf-gray800);
  --hmf-border-secondary-subtle-static: var(--hmf-gray600);
  --hmf-border-secondary-subtle-hover: var(--hmf-gray400);
  --hmf-border-secondary-subtle-active: var(--hmf-gray500);
  --hmf-border-tertiary-static: var(--hmf-gray900);
  --hmf-border-tertiary-hover: var(--hmf-primary500);
  --hmf-border-tertiary-active: var(--hmf-primary600);
  --hmf-border-focused: var(--hmf-primary500);
  --hmf-border-inverse-focused: var(--hmf-gray50);
  --hmf-border-disabled: var(--hmf-gray400);
  --hmf-border-disabled-subtle: var(--hmf-gray200);
  --hmf-border-negative: var(--hmf-accent600);
  --hmf-border-warning: var(--hmf-tertiary600);
  --hmf-border-positive: var(--hmf-primary500);
  --hmf-border-scorecard-subtle: var(--hmf-primary100);
  --hmf-border-scorecard-gold: var(--hmf-gold400);
  --hmf-border-scorecard-gold-subtle: var(--hmf-gold100);
}

/*********** TYPOGRAPHY ***********/
:root.hmf-enterprise-theme,
:root .hmf-enterprise-theme {
  --font-display: "Archivo", sans-serif;
  --font-primary-regular-weight: 500;
  --font-display-weight: 900;
}

/*********** TYPOGRAPHY TYPES ***********/
:root.hmf-enterprise-theme,
:root .hmf-enterprise-theme {
  --hmf-primary50: #f3fbf6;
  --hmf-primary100: #d6f2de;
  --hmf-primary200: #afe8c9;
  --hmf-primary300: #6fcc9b;
  --hmf-primary400: #34ad6c;
  --hmf-primary500: #138058;
  --hmf-primary600: #006554;
  --hmf-primary700: #005343;
  --hmf-primary800: #00493a;
  --hmf-primary900: #00291e;
  --hmf-secondary50: #e5fff5;
  --hmf-secondary100: #b3ffe0;
  --hmf-secondary200: #1affa2;
  --hmf-secondary300: #00e688;
  --hmf-secondary400: #00b36a;
  --hmf-secondary500: #00804c;
  --hmf-secondary600: #00663d;
  --hmf-secondary700: #005733;
  --hmf-secondary800: #004d2d;
  --hmf-secondary900: #001a0f;
  --hmf-tertiary50: #fdf9f1;
  --hmf-tertiary100: #f8e6c7;
  --hmf-tertiary200: #f5d6a0;
  --hmf-tertiary300: #f0bd65;
  --hmf-tertiary400: #eba42b;
  --hmf-tertiary500: #c88513;
  --hmf-tertiary600: #976211;
  --hmf-tertiary700: #6e440c;
  --hmf-tertiary800: #5b380b;
  --hmf-tertiary900: #32210b;
  --hmf-accent50: #fff9f5;
  --hmf-accent100: #fff0e7;
  --hmf-accent200: #fad6c7;
  --hmf-accent300: #f5bba7;
  --hmf-accent400: #eb8666;
  --hmf-accent500: #e66c46;
  --hmf-accent600: #be4324;
  --hmf-accent700: #96240d;
  --hmf-accent800: #7f1e0b;
  --hmf-accent900: #4b1206;
}

:root.hmf-enterprise-theme,
:root .hmf-enterprise-theme {
  /* Base Styles */
  --ag-font-family: var(--font-primary);
  --ag-row-border-color: var(--hmf-border-base);
  --ag-odd-row-background-color: var(--hmf-fill-base-subtle);
  --ag-even-row-background-color: var(--hmf-fill-base);
  --ag-focus-shadow: none;
  /* Header Styles */
  --ag-header-background-color: var(--hmf-fill-base);
  --ag-header-font-size: var(--typography-body-links-medium-size, 14px);
  --ag-header-font-weight: var(--typography-body-links-weights-bold, 700);
  --ag-header-letter-spacing: var(--Typography-Letter-Spacing, 0px);
  --ag-header-line-height: var(--typography-body-links-medium-line-height, 19.6px);
  --ag-header-column-resize-handle-height: 60%;
  --ag-header-column-resize-handle-width: 1px;
  --ag-header-column-resize-handle-color: var(--hmf-border-base);
  /* Checkbox Styles */
  --ag-checkbox-border-radius: 0;
  --ag-checkbox-border-color: var(--hmf-border-secondary-subtle-static);
  --ag-checkbox-checked-background-color: var(--hmf-fill-secondary-static);
}

:root.hmf-enterprise-theme .ag-root-wrapper,
:root .hmf-enterprise-theme .ag-root-wrapper {
  border-bottom-left-radius: 0;
  border-left: none;
  border-top-left-radius: 0;
}

:root.hmf-enterprise-theme .error .ag-checkbox-input-wrapper,
:root .hmf-enterprise-theme .error .ag-checkbox-input-wrapper {
  background-color: var(--hmf-fill-negative-subtle);
  border-color: var(--hmf-label-negative) !important;
}

:root.hmf-enterprise-theme .error .ag-checkbox-input-wrapper.ag-checked, :root.hmf-enterprise-theme .error .ag-checkbox-input-wrapper.ag-indeterminate,
:root .hmf-enterprise-theme .error .ag-checkbox-input-wrapper.ag-checked,
:root .hmf-enterprise-theme .error .ag-checkbox-input-wrapper.ag-indeterminate {
  background-color: var(--hmf-label-negative) !important;
}

:root.hmf-enterprise-theme .ag-checkbox-input-wrapper.ag-checked, :root.hmf-enterprise-theme .ag-checkbox-input-wrapper.ag-indeterminate,
:root .hmf-enterprise-theme .ag-checkbox-input-wrapper.ag-checked,
:root .hmf-enterprise-theme .ag-checkbox-input-wrapper.ag-indeterminate {
  background-color: var(--hmf-fill-tertiary-static);
  border: 1px solid var(--hmf-fill-tertiary-static);
}

:root.hmf-enterprise-theme .ag-checkbox-input-wrapper.ag-checked:hover, :root.hmf-enterprise-theme .ag-checkbox-input-wrapper.ag-indeterminate:hover,
:root .hmf-enterprise-theme .ag-checkbox-input-wrapper.ag-checked:hover,
:root .hmf-enterprise-theme .ag-checkbox-input-wrapper.ag-indeterminate:hover {
  background-color: var(--hmf-fill-tertiary-static);
  border: 1px solid var(--hmf-fill-tertiary-static);
}

:root.hmf-enterprise-theme .ag-checkbox-input-wrapper:hover,
:root .hmf-enterprise-theme .ag-checkbox-input-wrapper:hover {
  border: 2px solid var(--hmf-label-secondary-active);
}

:root.hmf-enterprise-theme .ag-checkbox-input-wrapper:disabled,
:root .hmf-enterprise-theme .ag-checkbox-input-wrapper:disabled {
  background: var(--hmf-fill-disabled-subtle);
  border: 1px solid var(--hmf-border-disabled);
}

:root.hmf-enterprise-theme .ag-checkbox-input-wrapper:disabled.ag-checked, :root.hmf-enterprise-theme .ag-checkbox-input-wrapper:disabled.ag-indeterminate,
:root .hmf-enterprise-theme .ag-checkbox-input-wrapper:disabled.ag-checked,
:root .hmf-enterprise-theme .ag-checkbox-input-wrapper:disabled.ag-indeterminate {
  border: 1px solid var(--hmf-border-disabled);
}

:root.hmf-enterprise-theme .ag-checkbox-input-wrapper:hover:disabled, :root.hmf-enterprise-theme .ag-checkbox-input:hover:disabled,
:root .hmf-enterprise-theme .ag-checkbox-input-wrapper:hover:disabled,
:root .hmf-enterprise-theme .ag-checkbox-input:hover:disabled {
  cursor: not-allowed !important;
}

:root.hmf-enterprise-theme,
:root .hmf-enterprise-theme {
  /*********** GENERIC STYLING ***********/
  --hmf-button-border-radius: var(--hmf-sharp-radius);
  /*********** PRIMARY BUTTONS ***********/
  --hmf-button-primary-text-color: var(--hmf-gray50);
  --hmf-button-primary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-primary-background-color: var(--hmf-primary500);
  --hmf-button-primary-active-background-color: var(--hmf-primary400);
  --hmf-button-primary-hover-background-color: var(--hmf-primary300);
  --hmf-button-primary-inactive-background-color: var(--hmf-gray300);
  --hmf-button-primary-border-color: var(--hmf-primary500);
  --hmf-button-primary-hover-border-color: var(--hmf-primary300);
  --hmf-button-primary-active-border-color: var(--hmf-primary400);
  --hmf-button-primary-inactive-border-color: var(--hmf-gray300);
  /*********** SECONDARY BUTTONS ***********/
  --hmf-button-secondary-text-color: var(--hmf-gray900);
  --hmf-button-secondary-active-text-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-text-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-secondary-background-color: var(--hmf-gray50);
  --hmf-button-secondary-active-background-color: var(--hmf-gray400);
  --hmf-button-secondary-hover-background-color: var(--hmf-gray200);
  --hmf-button-secondary-inactive-background-color: var(--hmf-gray50);
  --hmf-button-secondary-border-color: var(--hmf-gray900);
  --hmf-button-secondary-active-border-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-border-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-border-color: var(--hmf-gray400);
  /*********** TERTIARY BUTTONS ***********/
  --hmf-button-tertiary-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-hover-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-active-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-inactive-text-color: var(--hmf-gray500);
  --hmf-button-tertiary-background-color: var(--hmf-fill-secondary-static);
  --hmf-button-tertiary-active-background-color: var(--hmf-fill-secondary-active);
  --hmf-button-tertiary-hover-background-color: var(--hmf-fill-secondary-hover);
  --hmf-button-tertiary-inactive-background-color: var(--hmf-gray100);
  --hmf-button-tertiary-border-color: var(--hmf-fill-secondary-static);
  --hmf-button-tertiary-active-border-color: var(--hmf-fill-secondary-active);
  --hmf-button-tertiary-hover-border-color: var(--hmf-fill-secondary-hover);
  --hmf-button-tertiary-inactive-border-color: var(--hmf-gray100);
  /*********** MARKETING BUTTONS ***********/
  --hmf-button-marketing-text-color: var(--hmf-gray50);
  --hmf-button-marketing-inactive-text-color: var(--hmf-gray50);
  --hmf-button-marketing-hover-text-color: var(--hmf-gray50);
  --hmf-button-marketing-active-text-color: var(--hmf-gray900);
  --hmf-button-marketing-background-color: var(--hmf-gray900);
  --hmf-button-marketing-active-background-color: var(--hmf-gray800);
  --hmf-button-marketing-hover-background-color: var(--hmf-gray700);
  --hmf-button-marketing-inactive-background-color: var(--hmf-gray300);
  --hmf-button-marketing-border-color: var(--hmf-gray900);
  --hmf-button-marketing-active-border-color: var(--hmf-gray800);
  --hmf-button-marketing-hover-border-color: var(--hmf-gray700);
  --hmf-button-marketing-inactive-border-color: var(--hmf-gray300);
  /*********** DESTRUCTIVE BUTTONS ***********/
  --hmf-button-destructive-text-color: var(--hmf-label-inverse-base);
  --hmf-button-destructive-inactive-text-color: var(--hmf-label-disabled);
  --hmf-button-destructive-hover-text-color: var( --hmf-label-inverse-base);
  --hmf-button-destructive-active-text-color: var(--hmf-label-inverse-base);
  --hmf-button-destructive-background-color: var(--hmf-fill-negative-static);
  --hmf-button-destructive-active-background-color: var(--hmf-fill-negative-active);
  --hmf-button-destructive-hover-background-color: var(--hmf-fill-negative-hover);
  --hmf-button-destructive-inactive-background-color: var(--hmf-fill-disabled-subtle);
  --hmf-button-destructive-border-color: var(--hmf-fill-negative-static);
  --hmf-button-destructive-active-border-color: var(--hmf-fill-negative-active);
  --hmf-button-destructive-hover-border-color: var(--hmf-fill-negative-hover);
  --hmf-button-destructive-inactive-border-color: var(--hmf-fill-disabled-subtle);
}

:root, :root.hmf-enterprise-theme,
:root .hmf-enterprise-theme {
  --hmf-checkbox-active-background: var(--hmf-gray200);
  --hmf-checkbox-active-border-color: var(--hmf-gray500);
  --hmf-checkbox-active-checked-background: var(--hmf-gray800);
  --hmf-checkbox-active-checked-border-color: var(--hmf-gray800);
  --hmf-checkbox-base-checked-color: var(--hmf-gray800);
  --hmf-checkbox-base-color: var(--hmf-gray700);
  --hmf-checkbox-check-icon-dark: var(--hmf-gray500);
  --hmf-checkbox-check-icon-light: var(--hmf-gray50);
  --hmf-checkbox-checked-background: var(--hmf-gray900);
  --hmf-checkbox-checked-border-color: var(--hmf-gray900);
  --hmf-checkbox-disabled-color: var(--hmf-gray500);
  --hmf-checkbox-disabled-span-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-disabled-span-checked-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-checked-border-color: var(--hmf-gray200);
  --hmf-checkbox-error-color: var(--hmf-red600);
  --hmf-checkbox-error-span-background: var(--hmf-red100);
  --hmf-checkbox-error-span-border-color: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-background: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-border-color: var(--hmf-red600);
  --hmf-checkbox-focus-outline: 1px dashed var(--hmf-gray600);
  --hmf-checkbox-hover-span-background: var(--hmf-gray100);
  --hmf-checkbox-hover-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-hover-span-border: var(--hmf-gray900);
  --hmf-checkbox-hover-span-checked-background: var(--hmf-gray700);
  --hmf-checkbox-hover-span-checked-border-color: var(--hmf-gray700);
  --hmf-checkbox-span-background: var(--hmf-gray50);
  --hmf-checkbox-span-border: var(--hmf-gray600);
}

:root, :root.hmf-enterprise-theme,
:root .hmf-enterprise-theme {
  --hmf-chip-font-size: var(--body-font-size-m);
  --hmf-chip-line-height: var(--body-line-height-m);
  --hmf-chip-font-weight: var(--font-primary-bold-weight);
  --hmf-chip-font-family: var(--font-primary);
  --hmf-chip-letter-spacing: var(--body-letter-spacing);
  --hmf-chip-background-color: var(--hmf-gray200);
  --hmf-chip-color: var(--hmf-gray900);
  --hmf-chip-hover-background-color: var(--hmf-gray400);
  --hmf-chip-focus-background-color: var(--hmf-gray400);
  --hmf-chip-focus-outline: 1px dashed var(--hmf-primary500);
}

:root.hmf-enterprise-theme,
:root .hmf-enterprise-theme {
  --hmf-product-availability-cancel-icon-color: var(--hmf-red500);
  --hmf-product-availability-warning-icon-color: var(--hmf-yellow500);
  --hmf-product-availability-success-icon-color: var(--hmf-primary500);
}

:root.hmf-enterprise-theme,
:root .hmf-enterprise-theme {
  --hmf-product-title-text-color: var(--hmf-gray900);
  --hmf-product-title-font-size: var(--label-font-size-l);
  --hmf-product-title-line-height: var(--label-line-height-l);
  --hmf-product-title-font-weight: 500;
  --hmf-product-title-font-family: var(--font-primary);
  --hmf-product-title-letter-spacing: var(--label-letter-spacing);
}

:root.hmf-enterprise-theme,
:root .hmf-enterprise-theme {
  --hmf-promotion-text-color: var(--hmf-gray500);
  --hmf-promotion-font-weight: var(--font-primary-regular-weight);
  --hmf-promotion-font-family: var(--font-primary);
  --hmf-promotion-letter-spacing: var(--body-letter-spacing);
}

:root.hmf-enterprise-theme,
:root .hmf-enterprise-theme {
  --hmf-recommendation-card-hover-color: var(--hmf-gray400);
  --hmf-recommendation-card-background-color: var(--hmf-gray50);
  --hmf-recommendation-card-text-color: var(--hmf-gray900);
  --hmf-recommendation-card-price-color: var(--hmf-gray500);
}

:root, :root.hmf-enterprise-theme,
:root .hmf-enterprise-theme {
  --hmf-panel-font-size: var(--body-font-size-s);
  --hmf-panel-line-height: var(--body-line-height-s);
  --hmf-panel-font-weight: normal;
  --hmf-panel-font-family: var(--font-primary);
  --hmf-panel-letter-spacing: normal;
  --hmf-panel-content-background-color: var(--hmf-gray50);
  --hmf-panel-header-background-color: var(--hmf-gray100);
  --hmf-panel-overlay-background-color: var(--hmf-gray900);
  --hmf-panel-close-button-hover-background-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-background-color: var(--hmf-gray200);
  --hmf-panel-header-border-color: var(--hmf-gray100);
  --hmf-panel-close-button-hover-border-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-border-color: var(--hmf-gray200);
}

:root.hmf-enterprise-theme,
:root .hmf-enterprise-theme {
  --hmf-sticky-banner-font-size: var(--body-font-size-s);
  --hmf-sticky-banner-line-height: var(--body-line-height-s);
  --hmf-sticky-banner-font-weight: normal;
  --hmf-sticky-banner-font-family: var(--font-primary);
  --hmf-sticky-banner-letter-spacing: normal;
  --hmf-sticky-banner-content-background-color: var(--hmf-gray50);
  --hmf-sticky-banner-content-border-color: var(--hmf-gray200);
}

:root.hmf-enterprise-theme,
:root .hmf-enterprise-theme {
  --hmf-text-link-color: var(--hmf-gray900);
  --hmf-text-link-active-color: var(--hmf-gray600);
  --hmf-text-link-font-size: var(--body-font-size-m);
  --hmf-text-link-line-height: var(--body-line-height-m);
  --hmf-text-link-font-weight: var(--font-primary-regular-weight);
  --hmf-text-link-font-family: var(--font-primary);
  --hmf-text-link-letter-spacing: var(--body-letter-spacing);
}

:root, :root.hmf-enterprise-theme,
:root .hmf-enterprise-theme {
  --hmf-text-input-font-size: var(--body-font-size-m);
  --hmf-text-input-line-height: var(--body-line-height-m);
  --hmf-text-input-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-font-family: var(--font-primary);
  --hmf-text-input-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-text-area-font-size: var(--body-font-size-m);
  --hmf-text-input-text-area-line-height: var(--body-line-height-m);
  --hmf-text-input-text-area-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-text-area-font-family: var(--font-primary);
  --hmf-text-input-text-area-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-border: 1px solid var(--hmf-gray700);
  --hmf-text-input-background-color: var(--hmf-gray50);
  --hmf-text-input-input-color: var(--hmf-gray900);
  --hmf-text-input-input-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-focused-border: 1px solid var(--hmf-primary300);
  --hmf-text-input-disabled-background-color: var(--hmf-gray200);
  --hmf-text-input-disabled-color: var(--hmf-gray700);
  --hmf-text-input-disabled-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-label-color: var(--hmf-gray900);
  --hmf-text-input-color: var(--hmf-gray700);
  --hmf-text-input-error-label-color: var(--hmf-red700);
  --hmf-text-input-error-color: var(--hmf-red700);
  --hmf-text-input-error-border: 1px solid var(--hmf-red700);
  --hmf-text-input-error-background-color: rgb(230 108 70 / 0.2);
  --hmf-text-input-error-placeholder-color: var(--hmf-gray900);
  --hmf-text-input-error-svg-fill: var(--hmf-red700);
}

/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/** @format */
.calia-react-header-scope .quickview-container {
  overflow: hidden !important;
}
@keyframes slideIn {
  0% {
    right: -40%;
  }
  100% {
    right: 0;
  }
}
.calia-react-header-scope .quickview {
  background-color: var(--hmf-background-base);
  float: right;
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  position: fixed;
  right: 0;
  top: 0;
  width: 40%;
  z-index: 106;
}
.calia-react-header-scope .quickview.slide-in {
  animation-duration: 0.4s;
  animation-name: slideIn;
}
.calia-react-header-scope .quickview :focus {
  outline: 1px dashed var(--theme-focus-outline-color);
}
.calia-react-header-scope .quickview .close {
  border: none;
  background-color: var(--hmf-background-inverse);
  cursor: pointer;
  right: 0;
  top: 0;
}
.calia-react-header-scope .quickview .close svg path {
  fill: var(--hmf-fill-base-subtle);
}
@media (max-width: 768px) {
  .calia-react-header-scope .quickview {
    width: 100%;
  }
}
/*!***************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Quickview/components/Content/Content.scss ***!
  \***************************************************************************************************************************************************/
/** @format */
/** @format */
/* stylelint-disable length-zero-no-unit */
/*********** VARIABLES ***********/
:root {
  /*********** GENERAL STYLES ***********/
  --chain: "dsg";
  --hmf-focus-outline: 1px dashed var(--hmf-primary600);
}

:root,
:root .hmf-dsg-theme {
  --hmf-background-base: var(--hmf-gray50);
  --hmf-background-base-subtle: var(--hmf-gray100);
  --hmf-background-inverse: var(--hmf-gray900);
  --hmf-background-inverse-subtle: var(--hmf-gray800);
  --hmf-background-primary: var(--hmf-primary600);
  --hmf-fill-base: var(--hmf-gray50);
  --hmf-fill-base-subtle: var(--hmf-gray100);
  --hmf-fill-base-prominent: var(--hmf-gray200);
  --hmf-fill-creative-primary: var(--hmf-primary600);
  --hmf-fill-inverse: var(--hmf-gray900);
  --hmf-fill-inverse-subtle: var(--hmf-gray700);
  --hmf-fill-primary-static: var(--hmf-secondary500);
  --hmf-fill-primary-hover: var(--hmf-secondary700);
  --hmf-fill-primary-active: var(--hmf-secondary600);
  --hmf-fill-secondary-static: var(--hmf-gray50);
  --hmf-fill-secondary-static-subtle: var(--hmf-gray100);
  --hmf-fill-secondary-hover: var(--hmf-gray100);
  --hmf-fill-secondary-hover-subtle: var(--hmf-gray200);
  --hmf-fill-secondary-active: var(--hmf-gray200);
  --hmf-fill-secondary-active-subtle: var(--hmf-gray100);
  --hmf-fill-tertiary-static: var(--hmf-gray900);
  --hmf-fill-tertiary-hover: var(--hmf-gray700);
  --hmf-fill-tertiary-active: var(--hmf-gray800);
  --hmf-fill-disabled: var(--hmf-gray500);
  --hmf-fill-disabled-subtle: var(--hmf-gray200);
  --hmf-fill-negative: var(--hmf-red600);
  --hmf-fill-negative-subtle: var(--hmf-red100);
  --hmf-fill-negative-static: var(--hmf-red600);
  --hmf-fill-negative-hover: var(--hmf-red800);
  --hmf-fill-negative-active: var(--hmf-red700);
  --hmf-fill-sale: var(--hmf-red600);
  --hmf-fill-warning: var(--hmf-yellow300);
  --hmf-fill-warning-subtle: var(--hmf-yellow50);
  --hmf-fill-positive: var(--hmf-primary500);
  --hmf-fill-positive-subtle: var(--hmf-primary100);
  --hmf-fill-marketing-static: var(--hmf-primary600);
  --hmf-fill-marketing-hover: var(--hmf-primary700);
  --hmf-fill-marketing-active: var(--hmf-primary500);
  --hmf-fill-scorecard: var(--hmf-primary400);
  --hmf-fill-scorecard-subtle: var(--hmf-primary200);
  --hmf-fill-scorecard-gold: var(--hmf-gold300);
  --hmf-fill-scorecard-gold-subtle: var(--hmf-gold200);
  --hmf-fill-calia: var(--hmf-calia600);
  --hmf-fill-calia-subtle: var(--hmf-calia200);
  --hmf-fill-vrst: var(--hmf-vrst600);
  --hmf-fill-vrst-subtle: var(--hmf-vrst200);
  --hmf-label-base: var(--hmf-gray900);
  --hmf-label-base-subtle: var(--hmf-gray600);
  --hmf-label-inverse-base: var(--hmf-gray50);
  --hmf-label-inverse-subtle: var(--hmf-gray100);
  --hmf-label-primary-static: var(--hmf-secondary500);
  --hmf-label-primary-hover: var(--hmf-secondary600);
  --hmf-label-primary-active: var(--hmf-secondary400);
  --hmf-label-secondary-static: var(--hmf-gray900);
  --hmf-label-secondary-hover: var(--hmf-gray700);
  --hmf-label-secondary-active: var(--hmf-gray800);
  --hmf-label-secondary-subtle-static: var(--hmf-gray600);
  --hmf-label-secondary-subtle-hover: var(--hmf-gray900);
  --hmf-label-secondary-subtle-active: var(--hmf-gray800);
  --hmf-label-tertiary-static: var(--hmf-gray900);
  --hmf-label-tertiary-hover: var(--hmf-secondary500);
  --hmf-label-tertiary-active: var(--hmf-secondary400);
  --hmf-label-sale: var(--hmf-red800);
  --hmf-label-disabled: var(--hmf-gray500);
  --hmf-label-disabled-subtle: var(--hmf-gray200);
  --hmf-label-negative: var(--hmf-red600);
  --hmf-label-positive: var(--hmf-primary600);
  --hmf-label-warning: var(--hmf-yellow600);
  --hmf-label-marketing-static: var(--hmf-gray50);
  --hmf-label-marketing-hover: var(--hmf-gray100);
  --hmf-label-marketing-active: var(--hmf-gray100);
  --hmf-label-scorecard: var(--hmf-primary600);
  --hmf-border-base: var(--hmf-gray300);
  --hmf-border-base-subtle: var(--hmf-gray200);
  --hmf-border-base-prominent: var(--hmf-gray400);
  --hmf-border-inverse: var(--hmf-gray900);
  --hmf-border-inverse-subtle: var(--hmf-gray700);
  --hmf-border-primary-static: var(--hmf-secondary500);
  --hmf-border-primary-hover: var(--hmf-secondary600);
  --hmf-border-primary-active: var(--hmf-secondary400);
  --hmf-border-secondary-static: var(--hmf-gray900);
  --hmf-border-secondary-hover: var(--hmf-gray700);
  --hmf-border-secondary-active: var(--hmf-gray800);
  --hmf-border-secondary-subtle-static: var(--hmf-gray600);
  --hmf-border-secondary-subtle-hover: var(--hmf-gray400);
  --hmf-border-secondary-subtle-active: var(--hmf-gray500);
  --hmf-border-tertiary-static: var(--hmf-gray900);
  --hmf-border-tertiary-hover: var(--hmf-secondary500);
  --hmf-border-tertiary-active: var(--hmf-secondary400);
  --hmf-border-focused: var(--hmf-gray600);
  --hmf-border-inverse-focused: var(--hmf-gray50);
  --hmf-border-disabled: var(--hmf-gray500);
  --hmf-border-disabled-subtle: var(--hmf-gray200);
  --hmf-border-negative: var(--hmf-red600);
  --hmf-border-warning: var(--hmf-yellow500);
  --hmf-border-positive: var(--hmf-primary600);
  --hmf-border-scorecard-subtle: var(--hmf-primary100);
  --hmf-border-scorecard-gold: var(--hmf-gold400);
  --hmf-border-scorecard-gold-subtle: var(--hmf-gold100);
}

:root {
  /*********** TYPOGRAPHY ***********/
  --font-display: "DSG Sans Black", sans-serif;
  --font-display-outline: "DSG Sans Outline", sans-serif;
  --font-primary: "Archivo", sans-serif;
  --font-label: "Archivo", sans-serif;
  --font-primary-regular-weight: 400;
  --font-primary-bold-weight: 700;
  --font-display-weight: 700;
}

/*********** TYPOGRAPHY TYPES ***********/
:root {
  /* BODY */
  --body-letter-spacing: 0.05rem;
  --body-font-size-s: 1.2rem;
  --body-line-height-s: 1.8rem;
  --body-font-size-m: 1.4rem;
  --body-line-height-m: 2.1rem;
  --body-font-size-l: 1.6rem;
  --body-line-height-l: 2.4rem;
}

:root {
  /* DISPLAY TEXT */
  --display-text-transform: uppercase;
  --display-font-size-xs: 2.4rem;
  --display-letter-spacing-xs: 0.1rem;
  --display-line-height-xs: 2.4rem;
  --display-font-size-s: 3.2rem;
  --display-letter-spacing-s: 0.1rem;
  --display-line-height-s: 3.2rem;
  --display-font-size-m: 4.8rem;
  --display-letter-spacing-m: 0.2rem;
  --display-line-height-m: 4.8rem;
  --display-font-size-l: 6.4rem;
  --display-letter-spacing-l: 0.2rem;
  --display-line-height-l: 6.4rem;
  --display-font-size-xl: 10rem;
  --display-letter-spacing-xl: 0.2rem;
  --display-line-height-xl: 10rem;
  --display-font-size-xxl: 14rem;
  --display-letter-spacing-xxl: 0.1rem;
  --display-line-height-xxl: 14rem;
}

:root {
  /* HEADERS */
  --header-text-transform: none;
  --header-letter-spacing: 0.05rem;
  --header-font-size-xs: 1.4rem;
  --header-line-height-xs: 1.6rem;
  --header-font-size-s: 1.6rem;
  --header-line-height-s: 1.8rem;
  --header-font-size-m: 2rem;
  --header-line-height-m: 2.3rem;
  --header-font-size-l: 2.4rem;
  --header-line-height-l: 2.7rem;
  --header-font-size-xl: 3.2rem;
  --header-line-height-xl: 3.6rem;
}

:root {
  /* LABELS */
  --label-letter-spacing: 0.15rem;
  --label-text-transform: uppercase;
  --label-font-size-xs: 1rem;
  --label-line-height-xs: 1rem;
  --label-font-size-s: 1.2rem;
  --label-line-height-s: 1.2rem;
  --label-font-size-m: 1.4rem;
  --label-line-height-m: 1.4rem;
  --label-font-size-l: 1.6rem;
  --label-line-height-l: 1.6rem;
}

:root {
  /* LEGAL */
  --legal-letter-spacing: 0.05rem;
  --legal-font-size-xs: 1.1rem;
  --legal-line-height-xs: 1.4rem;
  --legal-font-size-s: 1.2rem;
  --legal-line-height-s: 1.6rem;
}

:root {
  /* SUBHEADERS */
  --subhead-letter-spacing: 0.05rem;
  --subhead-font-size-s: 1.2rem;
  --subhead-line-height-s: 1.4rem;
  --subhead-font-size-m: 1.4rem;
  --subhead-line-height-m: 1.6rem;
  --subhead-font-size-l: 1.6rem;
  --subhead-line-height-l: 1.8rem;
}

/*********** TYPOGRAPHY MIXINS ***********/
:root,
:root .hmf-dsg-theme {
  --hmf-primary50: #f4faf9;
  --hmf-primary100: #d1ebe6;
  --hmf-primary200: #b3ddd6;
  --hmf-primary300: #80c6ba;
  --hmf-primary400: #4daf9e;
  --hmf-primary500: #008d75;
  --hmf-primary600: #006554;
  --hmf-primary700: #005343;
  --hmf-primary800: #00493a;
  --hmf-primary900: #00291e;
  --hmf-secondary50: #fdf9f7;
  --hmf-secondary100: #f7ebe2;
  --hmf-secondary200: #ebcdb8;
  --hmf-secondary300: #deaf8c;
  --hmf-secondary400: #d28356;
  --hmf-secondary500: #bb5811;
  --hmf-secondary600: #b5500f;
  --hmf-secondary700: #8a2905;
  --hmf-secondary800: #762304;
  --hmf-secondary900: #451402;
  --hmf-tertiary50: #f9fafb;
  --hmf-tertiary100: #e2e6ea;
  --hmf-tertiary200: #d3d9df;
  --hmf-tertiary300: #b7c1ca;
  --hmf-tertiary400: #8798a7;
  --hmf-tertiary500: #5b748a;
  --hmf-tertiary600: #3a5c78;
  --hmf-tertiary700: #335069;
  --hmf-tertiary800: #0f314f;
  --hmf-tertiary900: #041326;
  --hmf-accent50: #fef8f0;
  --hmf-accent100: #fef3e5;
  --hmf-accent200: #fccb95;
  --hmf-accent300: #fab66a;
  --hmf-accent400: #f8972a;
  --hmf-accent500: #f3690f;
  --hmf-accent600: #b94e09;
  --hmf-accent700: #833706;
  --hmf-accent800: #702f05;
  --hmf-accent900: #3f1b03;
}

:root {
  --homefield-breakpoint-xs: 0px;
  --homefield-breakpoint-s: 375px;
  --homefield-breakpoint-m: 768px;
  --homefield-breakpoint-l: 1280px;
  --homefield-breakpoint-xl: 1440px;
}

.hmf-h-25 {
  height: 25%;
}

.hmf-h-50 {
  height: 50%;
}

.hmf-h-75 {
  height: 75%;
}

.hmf-h-100 {
  height: 100%;
}

.hmf-w-25 {
  width: 25%;
}

.hmf-w-50 {
  width: 50%;
}

.hmf-w-75 {
  width: 75%;
}

.hmf-w-100 {
  width: 100%;
}

/** @format */
/** @format */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/** @format */
.hmf-col {
  box-sizing: border-box;
  padding-left: 12px;
  padding-right: 12px;
  padding-left: 12px;
  padding-right: 12px;
}

@media (min-width: 375px) {
  .hmf-col {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 375px) {
  .hmf-col {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 480px) {
  .hmf-col {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 768px) {
  .hmf-col {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 768px) {
  .hmf-col {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 1024px) {
  .hmf-col {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 1280px) {
  .hmf-col {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 1280px) {
  .hmf-col {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 1440px) {
  .hmf-col {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 1440px) {
  .hmf-col {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.hmf-grid {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
}

.hmf-grid > hr {
  border: 0 !important;
  content: "" !important;
  font-size: 0 !important;
  height: 0 !important;
  width: 100% !important;
}

.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

.hmf-span-xs-0 {
  width: 0% !important;
}

.hmf-offset-xs-0 {
  margin-left: 0% !important;
  margin-right: 0% !important;
}

.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

.hmf-span-xs-1 {
  width: 8.3333333333% !important;
}

.hmf-offset-xs-1 {
  margin-left: 8.3333333333% !important;
  margin-right: 8.3333333333% !important;
}

.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

.hmf-span-xs-2 {
  width: 16.6666666667% !important;
}

.hmf-offset-xs-2 {
  margin-left: 16.6666666667% !important;
  margin-right: 16.6666666667% !important;
}

.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

.hmf-span-xs-3 {
  width: 25% !important;
}

.hmf-offset-xs-3 {
  margin-left: 25% !important;
  margin-right: 25% !important;
}

.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

.hmf-span-xs-4 {
  width: 33.3333333333% !important;
}

.hmf-offset-xs-4 {
  margin-left: 33.3333333333% !important;
  margin-right: 33.3333333333% !important;
}

.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

.hmf-span-xs-5 {
  width: 41.6666666667% !important;
}

.hmf-offset-xs-5 {
  margin-left: 41.6666666667% !important;
  margin-right: 41.6666666667% !important;
}

.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

.hmf-span-xs-6 {
  width: 50% !important;
}

.hmf-offset-xs-6 {
  margin-left: 50% !important;
  margin-right: 50% !important;
}

.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

.hmf-span-xs-7 {
  width: 58.3333333333% !important;
}

.hmf-offset-xs-7 {
  margin-left: 58.3333333333% !important;
  margin-right: 58.3333333333% !important;
}

.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

.hmf-span-xs-8 {
  width: 66.6666666667% !important;
}

.hmf-offset-xs-8 {
  margin-left: 66.6666666667% !important;
  margin-right: 66.6666666667% !important;
}

.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

.hmf-span-xs-9 {
  width: 75% !important;
}

.hmf-offset-xs-9 {
  margin-left: 75% !important;
  margin-right: 75% !important;
}

.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

.hmf-span-xs-10 {
  width: 83.3333333333% !important;
}

.hmf-offset-xs-10 {
  margin-left: 83.3333333333% !important;
  margin-right: 83.3333333333% !important;
}

.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

.hmf-span-xs-11 {
  width: 91.6666666667% !important;
}

.hmf-offset-xs-11 {
  margin-left: 91.6666666667% !important;
  margin-right: 91.6666666667% !important;
}

.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

.hmf-span-xs-12 {
  width: 100% !important;
}

.hmf-offset-xs-12 {
  margin-left: 100% !important;
  margin-right: 100% !important;
}

.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

.hmf-span-xxsm-0 {
  width: 0% !important;
}

.hmf-offset-xxsm-0 {
  margin-left: 0% !important;
  margin-right: 0% !important;
}

.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

.hmf-span-xxsm-1 {
  width: 8.3333333333% !important;
}

.hmf-offset-xxsm-1 {
  margin-left: 8.3333333333% !important;
  margin-right: 8.3333333333% !important;
}

.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

.hmf-span-xxsm-2 {
  width: 16.6666666667% !important;
}

.hmf-offset-xxsm-2 {
  margin-left: 16.6666666667% !important;
  margin-right: 16.6666666667% !important;
}

.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

.hmf-span-xxsm-3 {
  width: 25% !important;
}

.hmf-offset-xxsm-3 {
  margin-left: 25% !important;
  margin-right: 25% !important;
}

.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

.hmf-span-xxsm-4 {
  width: 33.3333333333% !important;
}

.hmf-offset-xxsm-4 {
  margin-left: 33.3333333333% !important;
  margin-right: 33.3333333333% !important;
}

.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

.hmf-span-xxsm-5 {
  width: 41.6666666667% !important;
}

.hmf-offset-xxsm-5 {
  margin-left: 41.6666666667% !important;
  margin-right: 41.6666666667% !important;
}

.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

.hmf-span-xxsm-6 {
  width: 50% !important;
}

.hmf-offset-xxsm-6 {
  margin-left: 50% !important;
  margin-right: 50% !important;
}

.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

.hmf-span-xxsm-7 {
  width: 58.3333333333% !important;
}

.hmf-offset-xxsm-7 {
  margin-left: 58.3333333333% !important;
  margin-right: 58.3333333333% !important;
}

.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

.hmf-span-xxsm-8 {
  width: 66.6666666667% !important;
}

.hmf-offset-xxsm-8 {
  margin-left: 66.6666666667% !important;
  margin-right: 66.6666666667% !important;
}

.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

.hmf-span-xxsm-9 {
  width: 75% !important;
}

.hmf-offset-xxsm-9 {
  margin-left: 75% !important;
  margin-right: 75% !important;
}

.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

.hmf-span-xxsm-10 {
  width: 83.3333333333% !important;
}

.hmf-offset-xxsm-10 {
  margin-left: 83.3333333333% !important;
  margin-right: 83.3333333333% !important;
}

.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

.hmf-span-xxsm-11 {
  width: 91.6666666667% !important;
}

.hmf-offset-xxsm-11 {
  margin-left: 91.6666666667% !important;
  margin-right: 91.6666666667% !important;
}

.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

.hmf-span-xxsm-12 {
  width: 100% !important;
}

.hmf-offset-xxsm-12 {
  margin-left: 100% !important;
  margin-right: 100% !important;
}

.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

@media (min-width: 375px) {
  .hmf-span-s-0 {
    width: 0% !important;
  }
  .hmf-offset-s-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

@media (min-width: 375px) {
  .hmf-span-s-1 {
    width: 8.3333333333% !important;
  }
  .hmf-offset-s-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

@media (min-width: 375px) {
  .hmf-span-s-2 {
    width: 16.6666666667% !important;
  }
  .hmf-offset-s-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

@media (min-width: 375px) {
  .hmf-span-s-3 {
    width: 25% !important;
  }
  .hmf-offset-s-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

@media (min-width: 375px) {
  .hmf-span-s-4 {
    width: 33.3333333333% !important;
  }
  .hmf-offset-s-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

@media (min-width: 375px) {
  .hmf-span-s-5 {
    width: 41.6666666667% !important;
  }
  .hmf-offset-s-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

@media (min-width: 375px) {
  .hmf-span-s-6 {
    width: 50% !important;
  }
  .hmf-offset-s-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

@media (min-width: 375px) {
  .hmf-span-s-7 {
    width: 58.3333333333% !important;
  }
  .hmf-offset-s-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

@media (min-width: 375px) {
  .hmf-span-s-8 {
    width: 66.6666666667% !important;
  }
  .hmf-offset-s-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

@media (min-width: 375px) {
  .hmf-span-s-9 {
    width: 75% !important;
  }
  .hmf-offset-s-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

@media (min-width: 375px) {
  .hmf-span-s-10 {
    width: 83.3333333333% !important;
  }
  .hmf-offset-s-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

@media (min-width: 375px) {
  .hmf-span-s-11 {
    width: 91.6666666667% !important;
  }
  .hmf-offset-s-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

@media (min-width: 375px) {
  .hmf-span-s-12 {
    width: 100% !important;
  }
  .hmf-offset-s-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-0 {
    width: 0% !important;
  }
  .hmf-offset-xsm-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-1 {
    width: 8.3333333333% !important;
  }
  .hmf-offset-xsm-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-2 {
    width: 16.6666666667% !important;
  }
  .hmf-offset-xsm-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-3 {
    width: 25% !important;
  }
  .hmf-offset-xsm-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-4 {
    width: 33.3333333333% !important;
  }
  .hmf-offset-xsm-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-5 {
    width: 41.6666666667% !important;
  }
  .hmf-offset-xsm-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-6 {
    width: 50% !important;
  }
  .hmf-offset-xsm-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-7 {
    width: 58.3333333333% !important;
  }
  .hmf-offset-xsm-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-8 {
    width: 66.6666666667% !important;
  }
  .hmf-offset-xsm-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-9 {
    width: 75% !important;
  }
  .hmf-offset-xsm-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-10 {
    width: 83.3333333333% !important;
  }
  .hmf-offset-xsm-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-11 {
    width: 91.6666666667% !important;
  }
  .hmf-offset-xsm-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-12 {
    width: 100% !important;
  }
  .hmf-offset-xsm-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

@media (min-width: 480px) {
  .hmf-span-sm-0 {
    width: 0% !important;
  }
  .hmf-offset-sm-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

@media (min-width: 480px) {
  .hmf-span-sm-1 {
    width: 8.3333333333% !important;
  }
  .hmf-offset-sm-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

@media (min-width: 480px) {
  .hmf-span-sm-2 {
    width: 16.6666666667% !important;
  }
  .hmf-offset-sm-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

@media (min-width: 480px) {
  .hmf-span-sm-3 {
    width: 25% !important;
  }
  .hmf-offset-sm-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

@media (min-width: 480px) {
  .hmf-span-sm-4 {
    width: 33.3333333333% !important;
  }
  .hmf-offset-sm-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

@media (min-width: 480px) {
  .hmf-span-sm-5 {
    width: 41.6666666667% !important;
  }
  .hmf-offset-sm-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

@media (min-width: 480px) {
  .hmf-span-sm-6 {
    width: 50% !important;
  }
  .hmf-offset-sm-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

@media (min-width: 480px) {
  .hmf-span-sm-7 {
    width: 58.3333333333% !important;
  }
  .hmf-offset-sm-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

@media (min-width: 480px) {
  .hmf-span-sm-8 {
    width: 66.6666666667% !important;
  }
  .hmf-offset-sm-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

@media (min-width: 480px) {
  .hmf-span-sm-9 {
    width: 75% !important;
  }
  .hmf-offset-sm-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

@media (min-width: 480px) {
  .hmf-span-sm-10 {
    width: 83.3333333333% !important;
  }
  .hmf-offset-sm-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

@media (min-width: 480px) {
  .hmf-span-sm-11 {
    width: 91.6666666667% !important;
  }
  .hmf-offset-sm-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

@media (min-width: 480px) {
  .hmf-span-sm-12 {
    width: 100% !important;
  }
  .hmf-offset-sm-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

@media (min-width: 768px) {
  .hmf-span-m-0 {
    width: 0% !important;
  }
  .hmf-offset-m-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

@media (min-width: 768px) {
  .hmf-span-m-1 {
    width: 8.3333333333% !important;
  }
  .hmf-offset-m-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

@media (min-width: 768px) {
  .hmf-span-m-2 {
    width: 16.6666666667% !important;
  }
  .hmf-offset-m-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

@media (min-width: 768px) {
  .hmf-span-m-3 {
    width: 25% !important;
  }
  .hmf-offset-m-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

@media (min-width: 768px) {
  .hmf-span-m-4 {
    width: 33.3333333333% !important;
  }
  .hmf-offset-m-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

@media (min-width: 768px) {
  .hmf-span-m-5 {
    width: 41.6666666667% !important;
  }
  .hmf-offset-m-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

@media (min-width: 768px) {
  .hmf-span-m-6 {
    width: 50% !important;
  }
  .hmf-offset-m-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

@media (min-width: 768px) {
  .hmf-span-m-7 {
    width: 58.3333333333% !important;
  }
  .hmf-offset-m-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

@media (min-width: 768px) {
  .hmf-span-m-8 {
    width: 66.6666666667% !important;
  }
  .hmf-offset-m-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

@media (min-width: 768px) {
  .hmf-span-m-9 {
    width: 75% !important;
  }
  .hmf-offset-m-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

@media (min-width: 768px) {
  .hmf-span-m-10 {
    width: 83.3333333333% !important;
  }
  .hmf-offset-m-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

@media (min-width: 768px) {
  .hmf-span-m-11 {
    width: 91.6666666667% !important;
  }
  .hmf-offset-m-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

@media (min-width: 768px) {
  .hmf-span-m-12 {
    width: 100% !important;
  }
  .hmf-offset-m-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

@media (min-width: 768px) {
  .hmf-span-md-0 {
    width: 0% !important;
  }
  .hmf-offset-md-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

@media (min-width: 768px) {
  .hmf-span-md-1 {
    width: 8.3333333333% !important;
  }
  .hmf-offset-md-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

@media (min-width: 768px) {
  .hmf-span-md-2 {
    width: 16.6666666667% !important;
  }
  .hmf-offset-md-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

@media (min-width: 768px) {
  .hmf-span-md-3 {
    width: 25% !important;
  }
  .hmf-offset-md-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

@media (min-width: 768px) {
  .hmf-span-md-4 {
    width: 33.3333333333% !important;
  }
  .hmf-offset-md-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

@media (min-width: 768px) {
  .hmf-span-md-5 {
    width: 41.6666666667% !important;
  }
  .hmf-offset-md-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

@media (min-width: 768px) {
  .hmf-span-md-6 {
    width: 50% !important;
  }
  .hmf-offset-md-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

@media (min-width: 768px) {
  .hmf-span-md-7 {
    width: 58.3333333333% !important;
  }
  .hmf-offset-md-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

@media (min-width: 768px) {
  .hmf-span-md-8 {
    width: 66.6666666667% !important;
  }
  .hmf-offset-md-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

@media (min-width: 768px) {
  .hmf-span-md-9 {
    width: 75% !important;
  }
  .hmf-offset-md-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

@media (min-width: 768px) {
  .hmf-span-md-10 {
    width: 83.3333333333% !important;
  }
  .hmf-offset-md-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

@media (min-width: 768px) {
  .hmf-span-md-11 {
    width: 91.6666666667% !important;
  }
  .hmf-offset-md-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

@media (min-width: 768px) {
  .hmf-span-md-12 {
    width: 100% !important;
  }
  .hmf-offset-md-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-0 {
    width: 0% !important;
  }
  .hmf-offset-lg-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-1 {
    width: 8.3333333333% !important;
  }
  .hmf-offset-lg-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-2 {
    width: 16.6666666667% !important;
  }
  .hmf-offset-lg-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-3 {
    width: 25% !important;
  }
  .hmf-offset-lg-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-4 {
    width: 33.3333333333% !important;
  }
  .hmf-offset-lg-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-5 {
    width: 41.6666666667% !important;
  }
  .hmf-offset-lg-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-6 {
    width: 50% !important;
  }
  .hmf-offset-lg-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-7 {
    width: 58.3333333333% !important;
  }
  .hmf-offset-lg-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-8 {
    width: 66.6666666667% !important;
  }
  .hmf-offset-lg-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-9 {
    width: 75% !important;
  }
  .hmf-offset-lg-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-10 {
    width: 83.3333333333% !important;
  }
  .hmf-offset-lg-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-11 {
    width: 91.6666666667% !important;
  }
  .hmf-offset-lg-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-12 {
    width: 100% !important;
  }
  .hmf-offset-lg-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

@media (min-width: 1280px) {
  .hmf-span-l-0 {
    width: 0% !important;
  }
  .hmf-offset-l-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

@media (min-width: 1280px) {
  .hmf-span-l-1 {
    width: 8.3333333333% !important;
  }
  .hmf-offset-l-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

@media (min-width: 1280px) {
  .hmf-span-l-2 {
    width: 16.6666666667% !important;
  }
  .hmf-offset-l-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

@media (min-width: 1280px) {
  .hmf-span-l-3 {
    width: 25% !important;
  }
  .hmf-offset-l-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

@media (min-width: 1280px) {
  .hmf-span-l-4 {
    width: 33.3333333333% !important;
  }
  .hmf-offset-l-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

@media (min-width: 1280px) {
  .hmf-span-l-5 {
    width: 41.6666666667% !important;
  }
  .hmf-offset-l-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

@media (min-width: 1280px) {
  .hmf-span-l-6 {
    width: 50% !important;
  }
  .hmf-offset-l-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

@media (min-width: 1280px) {
  .hmf-span-l-7 {
    width: 58.3333333333% !important;
  }
  .hmf-offset-l-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

@media (min-width: 1280px) {
  .hmf-span-l-8 {
    width: 66.6666666667% !important;
  }
  .hmf-offset-l-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

@media (min-width: 1280px) {
  .hmf-span-l-9 {
    width: 75% !important;
  }
  .hmf-offset-l-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

@media (min-width: 1280px) {
  .hmf-span-l-10 {
    width: 83.3333333333% !important;
  }
  .hmf-offset-l-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

@media (min-width: 1280px) {
  .hmf-span-l-11 {
    width: 91.6666666667% !important;
  }
  .hmf-offset-l-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

@media (min-width: 1280px) {
  .hmf-span-l-12 {
    width: 100% !important;
  }
  .hmf-offset-l-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-0 {
    width: 0% !important;
  }
  .hmf-offset-xlg-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-1 {
    width: 8.3333333333% !important;
  }
  .hmf-offset-xlg-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-2 {
    width: 16.6666666667% !important;
  }
  .hmf-offset-xlg-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-3 {
    width: 25% !important;
  }
  .hmf-offset-xlg-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-4 {
    width: 33.3333333333% !important;
  }
  .hmf-offset-xlg-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-5 {
    width: 41.6666666667% !important;
  }
  .hmf-offset-xlg-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-6 {
    width: 50% !important;
  }
  .hmf-offset-xlg-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-7 {
    width: 58.3333333333% !important;
  }
  .hmf-offset-xlg-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-8 {
    width: 66.6666666667% !important;
  }
  .hmf-offset-xlg-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-9 {
    width: 75% !important;
  }
  .hmf-offset-xlg-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-10 {
    width: 83.3333333333% !important;
  }
  .hmf-offset-xlg-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-11 {
    width: 91.6666666667% !important;
  }
  .hmf-offset-xlg-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-12 {
    width: 100% !important;
  }
  .hmf-offset-xlg-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-0 {
    width: 0% !important;
  }
  .hmf-offset-xl-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-1 {
    width: 8.3333333333% !important;
  }
  .hmf-offset-xl-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-2 {
    width: 16.6666666667% !important;
  }
  .hmf-offset-xl-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-3 {
    width: 25% !important;
  }
  .hmf-offset-xl-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-4 {
    width: 33.3333333333% !important;
  }
  .hmf-offset-xl-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-5 {
    width: 41.6666666667% !important;
  }
  .hmf-offset-xl-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-6 {
    width: 50% !important;
  }
  .hmf-offset-xl-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-7 {
    width: 58.3333333333% !important;
  }
  .hmf-offset-xl-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-8 {
    width: 66.6666666667% !important;
  }
  .hmf-offset-xl-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-9 {
    width: 75% !important;
  }
  .hmf-offset-xl-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-10 {
    width: 83.3333333333% !important;
  }
  .hmf-offset-xl-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-11 {
    width: 91.6666666667% !important;
  }
  .hmf-offset-xl-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-12 {
    width: 100% !important;
  }
  .hmf-offset-xl-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-0 {
    width: 0% !important;
  }
  .hmf-offset-xxlg-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-1 {
    width: 8.3333333333% !important;
  }
  .hmf-offset-xxlg-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-2 {
    width: 16.6666666667% !important;
  }
  .hmf-offset-xxlg-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-3 {
    width: 25% !important;
  }
  .hmf-offset-xxlg-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-4 {
    width: 33.3333333333% !important;
  }
  .hmf-offset-xxlg-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-5 {
    width: 41.6666666667% !important;
  }
  .hmf-offset-xxlg-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-6 {
    width: 50% !important;
  }
  .hmf-offset-xxlg-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-7 {
    width: 58.3333333333% !important;
  }
  .hmf-offset-xxlg-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-8 {
    width: 66.6666666667% !important;
  }
  .hmf-offset-xxlg-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-9 {
    width: 75% !important;
  }
  .hmf-offset-xxlg-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-10 {
    width: 83.3333333333% !important;
  }
  .hmf-offset-xxlg-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-11 {
    width: 91.6666666667% !important;
  }
  .hmf-offset-xxlg-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-12 {
    width: 100% !important;
  }
  .hmf-offset-xxlg-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.page {
  padding-left: 16px;
  padding-right: 16px;
}

@media (min-width: 375px) {
  .page {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (min-width: 768px) {
  .page {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (min-width: 1280px) {
  .page {
    padding-left: 28px;
    padding-right: 28px;
  }
}
@media (min-width: 1440px) {
  .page {
    padding-left: 40px;
    padding-right: 40px;
  }
}
:root {
  --hmf-red50: #fdf7f8;
  --hmf-red100: #f6e1e3;
  --hmf-red200: #f0cbcf;
  --hmf-red300: #eab5ba;
  --hmf-red400: #dc848c;
  --hmf-red500: #cf5963;
  --hmf-red600: #b10715;
  --hmf-red700: #a20610;
  --hmf-red800: #86030c;
  --hmf-red900: #560105;
  --hmf-scred: #B3271E;
  --hmf-yellow50: #fff9e5;
  --hmf-yellow100: #ffedb6;
  --hmf-yellow200: #ffe286;
  --hmf-yellow300: #ffc40c;
  --hmf-yellow400: #ffa50a;
  --hmf-yellow500: #db7900;
  --hmf-yellow600: #a75a20;
  --hmf-yellow700: #733210;
  --hmf-yellow800: #5e280c;
  --hmf-yellow900: #3d1f00;
  --hmf-scgreen: #006554;
  --hmf-gold50: #fbf9f4;
  --hmf-gold100: #efe9d6;
  --hmf-gold200: #e0d3ae;
  --hmf-gold300: #ccb67b;
  --hmf-gold400: #c5ad6a;
  --hmf-gold500: #ad9143;
  --hmf-gold600: #806c32;
  --hmf-gold700: #5c4d24;
  --hmf-gold800: #4d401e;
  --hmf-gold900: #2c2511;
  --hmf-gray50: #fff;
  --hmf-gray50-rgb: 255, 255, 255;
  --hmf-gray100: #f9f9f9;
  --hmf-gray100-rgb: 249, 249, 249;
  --hmf-gray200: #e3e3e3;
  --hmf-gray200-rgb: 227, 227, 227;
  --hmf-gray300: #d1d1d1;
  --hmf-gray300-rgb: 209, 209, 209;
  --hmf-gray400: #b5b5b5;
  --hmf-gray400-rgb: 181, 181, 181;
  --hmf-gray500: #949494;
  --hmf-gray500-rgb: 148, 148, 148;
  --hmf-gray600: #6e6e6e;
  --hmf-gray600-rgb: 121, 121, 121;
  --hmf-gray700: #4f4f4f;
  --hmf-gray700-rgb: 79, 79, 79;
  --hmf-gray800: #2e2e2e;
  --hmf-gray800-rgb: 46, 46, 46;
  --hmf-gray900: #191f1c;
  --hmf-gray900-rgb: 25, 31, 28;
  --hmf-calia50: #f9f9f6;
  --hmf-calia100: #eaeae1;
  --hmf-calia200: #d5d3cd;
  --hmf-calia300: #bcb8b3;
  --hmf-calia400: #9f9996;
  --hmf-calia500: #857d7c;
  --hmf-calia600: #6c6263;
  --hmf-calia700: #53474a;
  --hmf-calia800: #44283a;
  --hmf-calia900: #312127;
  --hmf-vrst50: #f9fafb;
  --hmf-vrst100: #e6ecf0;
  --hmf-vrst200: #ced5d9;
  --hmf-vrst300: #b3bbc0;
  --hmf-vrst400: #99a2a8;
  --hmf-vrst500: #808990;
  --hmf-vrst600: #667078;
  --hmf-vrst700: #465058;
  --hmf-vrst800: #333f48;
  --hmf-vrst900: #20272d;
}

.background-base {
  background-color: var(--hmf-background-base);
}

.background-base-subtle {
  background-color: var(--hmf-background-base-subtle);
}

.background-inverse {
  background-color: var(--hmf-background-inverse);
}

.background-inverse-subtle {
  background-color: var(--hmf-background-inverse-subtle);
}

.background-primary {
  background-color: var(--hmf-background-primary);
}

.fill-base {
  background-color: var(--hmf-fill-base);
}

.fill-base-subtle {
  background-color: var(--hmf-fill-base-subtle);
}

.fill-base-prominent {
  background-color: var(--hmf-fill-base-prominent);
}

.fill-inverse {
  background-color: var(--hmf-fill-inverse);
}

.fill-inverse-subtle {
  background-color: var(--hmf-fill-inverse-subtle);
}

.fill-primary-static {
  background-color: var(--hmf-fill-primary-static);
}

.fill-primary-hover {
  background-color: var(--hmf-fill-primary-hover);
}

.fill-primary-active {
  background-color: var(--hmf-fill-primary-active);
}

.fill-secondary-static {
  background-color: var(--hmf-fill-secondary-static);
}

.fill-secondary-static-subtle {
  background-color: var(--hmf-fill-secondary-static-subtle);
}

.fill-secondary-hover {
  background-color: var(--hmf-fill-secondary-hover);
}

.fill-secondary-hover-subtle {
  background-color: var(--hmf-fill-secondary-hover-subtle);
}

.fill-secondary-active {
  background-color: var(--hmf-fill-secondary-active);
}

.fill-secondary-active-subtle {
  background-color: var(--hmf-fill-secondary-active-subtle);
}

.fill-tertiary-static {
  background-color: var(--hmf-fill-tertiary-static);
}

.fill-tertiary-hover {
  background-color: var(--hmf-fill-tertiary-hover);
}

.fill-tertiary-active {
  background-color: var(--hmf-fill-tertiary-active);
}

.fill-disabled {
  background-color: var(--hmf-fill-disabled);
}

.fill-disabled-subtle {
  background-color: var(--hmf-fill-disabled-subtle);
}

.fill-negative {
  background-color: var(--hmf-fill-negative);
}

.fill-negative-subtle {
  background-color: var(--hmf-fill-negative-subtle);
}

.fill-negative-static {
  background-color: var(--hmf-fill-negative-static);
}

.fill-negative-hover {
  background-color: var(--hmf-fill-negative-hover);
}

.fill-negative-active {
  background-color: var(--hmf-fill-negative-active);
}

.fill-sale {
  background-color: var(--hmf-fill-sale);
}

.fill-warning {
  background-color: var(--hmf-fill-warning);
}

.fill-warning-subtle {
  background-color: var(--hmf-fill-warning-subtle);
}

.fill-positive {
  background-color: var(--hmf-fill-positive);
}

.fill-postive-subtle {
  background-color: var(--hmf-fill-positive-subtle);
}

.fill-marketing-static {
  background-color: var(--hmf-fill-marketing-static);
}

.fill-marketing-hover {
  background-color: var(--hmf-fill-marketing-hover);
}

.fill-marketing-active {
  background-color: var(--hmf-fill-marketing-active);
}

.fill-scorecard-default {
  background-color: var(--hmf-fill-scorecard);
}

.fill-scorecard-subtle {
  background-color: var(--hmf-fill-scorecard-subtle);
}

.fill-scorecard-gold {
  background-color: var(--hmf-fill-scorecard-gold);
}

.fill-scorecard-gold-subtle {
  background-color: var(--hmf-fill-scorecard-gold-subtle);
}

.fill-calia-default {
  background-color: var(--hmf-fill-calia);
}

.fill-calia-subtle {
  background-color: var(--hmf-fill-calia-subtle);
}

.fill-vrst-default {
  background-color: var(--hmf-fill-vrst);
}

.fill-vrst-subtle {
  background-color: var(--hmf-fill-vrst-subtle);
}

.label-base {
  color: var(--hmf-label-base);
}

.label-base-subtle {
  color: var(--hmf-label-base-subtle);
}

.label-inverse-base {
  color: var(--hmf-label-inverse-base);
}

.label-inverse-subtle {
  color: var(--hmf-label-inverse-subtle);
}

.label-primary-static {
  color: var(--hmf-label-primary-static);
}

.label-primary-hover {
  color: var(--hmf-label-primary-hover);
}

.label-primary-active {
  color: var(--hmf-label-primary-active);
}

.label-secondary-static {
  color: var(--hmf-label-secondary-static);
}

.label-secondary-hover {
  color: var(--hmf-label-secondary-hover);
}

.label-secondary-active {
  color: var(--hmf-label-secondary-active);
}

.label-secondary-subtle-static {
  color: var(--hmf-label-secondary-subtle-static);
}

.label-secondary-subtle-hover {
  color: var(--hmf-label-secondary-subtle-hover);
}

.label-secondary-subtle-active {
  color: var(--hmf-label-secondary-subtle-active);
}

.label-tertiary-static {
  color: var(--hmf-label-tertiary-static);
}

.label-tertiary-hover {
  color: var(--hmf-label-tertiary-hover);
}

.label-tertiary-active {
  color: var(--hmf-label-tertiary-active);
}

.label-sale {
  color: var(--hmf-label-sale);
}

.label-disabled {
  color: var(--hmf-label-disabled);
}

.label-disabled-subtle {
  color: var(--hmf-label-disabled-subtle);
}

.label-negative {
  color: var(--hmf-label-negative);
}

.label-positive {
  color: var(--hmf-label-positive);
}

.label-warning {
  color: var(--hmf-label-warning);
}

.label-marketing-static {
  color: var(--hmf-label-marketing-static);
}

.label-marketing-hover {
  color: var(--hmf-label-marketing-hover);
}

.label-marketing-active {
  color: var(--hmf-label-marketing-active);
}

.label-scorecard-default {
  color: var(--hmf-label-scorecard);
}

.border-base {
  border-color: var(--hmf-border-base);
}

.border-base-subtle {
  border-color: var(--hmf-border-base-subtle);
}

.border-inverse {
  border-color: var(--hmf-border-inverse);
}

.border-inverse-subtle {
  border-color: var(--hmf-border-inverse-subtle);
}

.border-primary-static {
  border-color: var(--hmf-border-primary-static);
}

.border-primary-hover {
  border-color: var(--hmf-border-primary-hover);
}

.border-primary-active {
  border-color: var(--hmf-border-primary-active);
}

.border-secondary-static {
  border-color: var(--hmf-border-secondary-static);
}

.border-secondary-hover {
  border-color: var(--hmf-border-secondary-hover);
}

.border-secondary-active {
  border-color: var(--hmf-border-secondary-active);
}

.border-secondary-subtle-static {
  border-color: var(--hmf-border-secondary-subtle-static);
}

.border-secondary-subtle-hover {
  border-color: var(--hmf-border-secondary-subtle-hover);
}

.border-secondary-subtle-active {
  border-color: var(--hmf-border-secondary-subtle-active);
}

.border-tertiary-static {
  border-color: var(--hmf-border-tertiary-static);
}

.border-tertiary-hover {
  border-color: var(--hmf-border-tertiary-hover);
}

.border-tertiary-active {
  border-color: var(--hmf-border-tertiary-active);
}

.border-focused {
  border-color: var(--hmf-border-focused);
}

.border-inverse-focused {
  border-color: var(--hmf-border-inverse-focused);
}

.border-disabled {
  border-color: var(--hmf-border-disabled);
}

.border-disabled-subtle {
  border-color: var(--hmf-border-disabled-subtle);
}

.border-negative {
  border-color: var(--hmf-border-negative);
}

.border-warning {
  border-color: var(--hmf-border-warning);
}

.border-positive {
  border-color: var(--hmf-border-positive);
}

.border-scorecard-subtle {
  border-color: var(--hmf-border-scorecard-subtle);
}

.border-scorecard-gold {
  border-color: var(--hmf-border-scorecard-gold);
}

.border-scorecard-gold-subtle {
  border-color: var(--hmf-border-scorecard-gold-subtle);
}

:root {
  --hmf-auto: auto;
  --hmf-0: 0;
  --hmf-xxxs: 4px;
  --hmf-xxs: 8px;
  --hmf-xs: 12px;
  --hmf-s: 16px;
  --hmf-m: 24px;
  --hmf-l: 32px;
  --hmf-xl: 48px;
  --hmf-xxl: 72px;
  --hmf-xxxl: 96px;
  --hmf-xxxxl: 120px;
}

/** @format */
/** @format */
:root {
  --hmf-sharp-radius: 0px;
  --hmf-soft-radius: 8px;
  --hmf-round-radius: 80px;
}

:root {
  --hmf-subtle-shadow: 0px 2px 2px 0px rgb(26 26 26 / 0.08);
  --hmf-soft-shadow: 0px 4px 7px 1px rgb(25 31 28 / 0.15);
  --hmf-elevated-shadow: 0px 2px 8px -2px rgb(26 26 26 / 0.20);
  --hmf-elevated-up-shadow: 0px -2px 8px -2px rgb(26 26 26 / 0.20);
}

/** @format */
/** @format */
.hmf-display-outline-xxl {
  font-family: var(--font-display-outline) !important;
  font-size: var(--display-font-size-xxl) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-xxl) !important;
  line-height: var(--display-line-height-xxl) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-display-outline-xl {
  font-family: var(--font-display-outline) !important;
  font-size: var(--display-font-size-xl) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-xl) !important;
  line-height: var(--display-line-height-xl) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-display-outline-l {
  font-family: var(--font-display-outline) !important;
  font-size: var(--display-font-size-l) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-l) !important;
  line-height: var(--display-line-height-l) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-display-outline-m {
  font-family: var(--font-display-outline) !important;
  font-size: var(--display-font-size-m) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-m) !important;
  line-height: var(--display-line-height-m) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-display-outline-s {
  font-family: var(--font-display-outline) !important;
  font-size: var(--display-font-size-s) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-s) !important;
  line-height: var(--display-line-height-s) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-display-outline-xs {
  font-family: var(--font-display-outline) !important;
  font-size: var(--display-font-size-xs) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-xs) !important;
  line-height: var(--display-line-height-xs) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-display-xxl {
  font-family: var(--font-display) !important;
  font-size: var(--display-font-size-xxl) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-xxl) !important;
  line-height: var(--display-line-height-xxl) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-display-xl {
  font-family: var(--font-display) !important;
  font-size: var(--display-font-size-xl) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-xl) !important;
  line-height: var(--display-line-height-xl) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-display-l {
  font-family: var(--font-display) !important;
  font-size: var(--display-font-size-l) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-l) !important;
  line-height: var(--display-line-height-l) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-display-m {
  font-family: var(--font-display) !important;
  font-size: var(--display-font-size-m) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-m) !important;
  line-height: var(--display-line-height-m) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-display-s {
  font-family: var(--font-display) !important;
  font-size: var(--display-font-size-s) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-s) !important;
  line-height: var(--display-line-height-s) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-display-xs {
  font-family: var(--font-display) !important;
  font-size: var(--display-font-size-xs) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-xs) !important;
  line-height: var(--display-line-height-xs) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-header-xl {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-xl) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-xl) !important;
  text-transform: var(--header-text-transform) !important;
}

.hmf-header-l {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-l) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-l) !important;
  text-transform: var(--header-text-transform) !important;
}

.hmf-header-m {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-m) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-m) !important;
  text-transform: var(--header-text-transform) !important;
}

.hmf-header-s {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-s) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-s) !important;
  text-transform: var(--header-text-transform) !important;
}

.hmf-header-xs {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-xs) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-xs) !important;
  text-transform: var(--header-text-transform) !important;
}

.hmf-header-bold-xl {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-xl) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-xl) !important;
  text-transform: var(--header-text-transform) !important;
}

.hmf-header-bold-l {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-l) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-l) !important;
  text-transform: var(--header-text-transform) !important;
}

.hmf-header-bold-m {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-m) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-m) !important;
  text-transform: var(--header-text-transform) !important;
}

.hmf-header-bold-s {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-s) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-s) !important;
  text-transform: var(--header-text-transform) !important;
}

.hmf-header-bold-xs {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-xs) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-xs) !important;
  text-transform: var(--header-text-transform) !important;
}

.hmf-subheader-l {
  font-family: var(--font-primary) !important;
  font-size: var(--subhead-font-size-l) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--subhead-letter-spacing) !important;
  line-height: var(--subhead-line-height-l) !important;
}

.hmf-subheader-m {
  font-family: var(--font-primary) !important;
  font-size: var(--subhead-font-size-m) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--subhead-letter-spacing) !important;
  line-height: var(--subhead-line-height-m) !important;
}

.hmf-subheader-s {
  font-family: var(--font-primary) !important;
  font-size: var(--subhead-font-size-s) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--subhead-letter-spacing) !important;
  line-height: var(--subhead-line-height-s) !important;
}

.hmf-subheader-bold-l {
  font-family: var(--font-primary) !important;
  font-size: var(--subhead-font-size-l) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--subhead-letter-spacing) !important;
  line-height: var(--subhead-line-height-l) !important;
}

.hmf-subheader-bold-m {
  font-family: var(--font-primary) !important;
  font-size: var(--subhead-font-size-m) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--subhead-letter-spacing) !important;
  line-height: var(--subhead-line-height-m) !important;
}

.hmf-subheader-bold-s {
  font-family: var(--font-primary) !important;
  font-size: var(--subhead-font-size-s) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--subhead-letter-spacing) !important;
  line-height: var(--subhead-line-height-s) !important;
}

.hmf-label-l {
  font-family: var(--font-label) !important;
  font-size: var(--label-font-size-l) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--label-letter-spacing) !important;
  line-height: var(--label-line-height-l) !important;
  text-transform: var(--label-text-transform) !important;
}

.hmf-label-m {
  font-family: var(--font-label) !important;
  font-size: var(--label-font-size-m) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--label-letter-spacing) !important;
  line-height: var(--label-line-height-m) !important;
  text-transform: var(--label-text-transform) !important;
}

.hmf-label-s {
  font-family: var(--font-label) !important;
  font-size: var(--label-font-size-s) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--label-letter-spacing) !important;
  line-height: var(--label-line-height-s) !important;
  text-transform: var(--label-text-transform) !important;
}

.hmf-label-xs {
  font-family: var(--font-label) !important;
  font-size: var(--label-font-size-xs) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--label-letter-spacing) !important;
  line-height: var(--label-line-height-xs) !important;
  text-transform: var(--label-text-transform) !important;
}

.hmf-body-l {
  font-family: var(--font-primary) !important;
  font-size: var(--body-font-size-l) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--body-letter-spacing) !important;
  line-height: var(--body-line-height-l) !important;
  text-transform: none !important;
}

.hmf-body-m {
  font-family: var(--font-primary) !important;
  font-size: var(--body-font-size-m) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--body-letter-spacing) !important;
  line-height: var(--body-line-height-m) !important;
  text-transform: none !important;
}

.hmf-body-s {
  font-family: var(--font-primary) !important;
  font-size: var(--body-font-size-s) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--body-letter-spacing) !important;
  line-height: var(--body-line-height-s) !important;
  text-transform: none !important;
}

.hmf-body-bold-l {
  font-family: var(--font-primary) !important;
  font-size: var(--body-font-size-l) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--body-letter-spacing) !important;
  line-height: var(--body-line-height-l) !important;
}

.hmf-body-bold-m {
  font-family: var(--font-primary) !important;
  font-size: var(--body-font-size-m) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--body-letter-spacing) !important;
  line-height: var(--body-line-height-m) !important;
}

.hmf-body-bold-s {
  font-family: var(--font-primary) !important;
  font-size: var(--body-font-size-s) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--body-letter-spacing) !important;
  line-height: var(--body-line-height-s) !important;
}

.hmf-legal-s {
  font-family: var(--font-primary) !important;
  font-size: var(--legal-font-size-s) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--legal-letter-spacing) !important;
  line-height: var(--legal-line-height-s) !important;
}

.hmf-legal-xs {
  font-family: var(--font-primary) !important;
  font-size: var(--legal-font-size-xs) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--legal-letter-spacing) !important;
  line-height: var(--legal-line-height-xs) !important;
}

.hmf-text-decoration-dashed {
  text-decoration: dashed;
}

.hmf-text-decoration-dotted {
  text-decoration: dotted;
}

.hmf-text-decoration-double {
  text-decoration: double;
}

.hmf-text-decoration-linethrough {
  text-decoration: line-through;
}

.hmf-text-decoration-none {
  text-decoration: none;
}

.hmf-text-decoration-overline {
  text-decoration: overline;
}

.hmf-text-decoration-solid {
  text-decoration: solid;
}

.hmf-text-decoration-underline {
  text-decoration: underline;
}

.hmf-text-decoration-wavy {
  text-decoration: wavy;
}

.hmf-text-transform-capitalize {
  text-transform: capitalize;
}

.hmf-text-transform-lowercase {
  text-transform: lowercase;
}

.hmf-text-transform-uppercase {
  text-transform: uppercase;
}

.hmf-text-transform-none {
  text-transform: none;
}

.hmf-text-transform-inherit {
  text-transform: inherit;
}

.hmf-text-transform-initial {
  text-transform: initial;
}

.hmf-text-transform-unset {
  text-transform: unset;
}

.hmf-text-align-unset {
  text-align: unset;
}

.hmf-text-align-revert {
  text-align: revert;
}

.hmf-text-align-initial {
  text-align: initial;
}

.hmf-text-align-start {
  text-align: start;
}

.hmf-text-align-end {
  text-align: end;
}

.hmf-text-align-left {
  text-align: left;
}

.hmf-text-align-right {
  text-align: right;
}

.hmf-text-align-center {
  text-align: center;
}

.hmf-text-align-justify {
  text-align: justify;
}

.hmf-display-outline-xxl {
  font-family: var(--font-display-outline) !important;
  font-size: var(--display-font-size-xxl) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-xxl) !important;
  line-height: var(--display-line-height-xxl) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-display-outline-xl {
  font-family: var(--font-display-outline) !important;
  font-size: var(--display-font-size-xl) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-xl) !important;
  line-height: var(--display-line-height-xl) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-display-outline-l {
  font-family: var(--font-display-outline) !important;
  font-size: var(--display-font-size-l) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-l) !important;
  line-height: var(--display-line-height-l) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-display-outline-m {
  font-family: var(--font-display-outline) !important;
  font-size: var(--display-font-size-m) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-m) !important;
  line-height: var(--display-line-height-m) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-display-outline-s {
  font-family: var(--font-display-outline) !important;
  font-size: var(--display-font-size-s) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-s) !important;
  line-height: var(--display-line-height-s) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-display-outline-xs {
  font-family: var(--font-display-outline) !important;
  font-size: var(--display-font-size-xs) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-xs) !important;
  line-height: var(--display-line-height-xs) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-display-xxl {
  font-family: var(--font-display) !important;
  font-size: var(--display-font-size-xxl) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-xxl) !important;
  line-height: var(--display-line-height-xxl) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-display-xl {
  font-family: var(--font-display) !important;
  font-size: var(--display-font-size-xl) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-xl) !important;
  line-height: var(--display-line-height-xl) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-display-l {
  font-family: var(--font-display) !important;
  font-size: var(--display-font-size-l) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-l) !important;
  line-height: var(--display-line-height-l) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-display-m {
  font-family: var(--font-display) !important;
  font-size: var(--display-font-size-m) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-m) !important;
  line-height: var(--display-line-height-m) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-display-s {
  font-family: var(--font-display) !important;
  font-size: var(--display-font-size-s) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-s) !important;
  line-height: var(--display-line-height-s) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-display-xs {
  font-family: var(--font-display) !important;
  font-size: var(--display-font-size-xs) !important;
  font-weight: var(--font-display-weight) !important;
  letter-spacing: var(--display-letter-spacing-xs) !important;
  line-height: var(--display-line-height-xs) !important;
  text-transform: var(--display-text-transform) !important;
}

.hmf-header-xl {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-xl) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-xl) !important;
  text-transform: var(--header-text-transform) !important;
}

.hmf-header-l {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-l) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-l) !important;
  text-transform: var(--header-text-transform) !important;
}

.hmf-header-m {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-m) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-m) !important;
  text-transform: var(--header-text-transform) !important;
}

.hmf-header-s {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-s) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-s) !important;
  text-transform: var(--header-text-transform) !important;
}

.hmf-header-xs {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-xs) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-xs) !important;
  text-transform: var(--header-text-transform) !important;
}

.hmf-header-bold-xl {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-xl) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-xl) !important;
  text-transform: var(--header-text-transform) !important;
}

.hmf-header-bold-l {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-l) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-l) !important;
  text-transform: var(--header-text-transform) !important;
}

.hmf-header-bold-m {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-m) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-m) !important;
  text-transform: var(--header-text-transform) !important;
}

.hmf-header-bold-s {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-s) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-s) !important;
  text-transform: var(--header-text-transform) !important;
}

.hmf-header-bold-xs {
  font-family: var(--font-primary) !important;
  font-size: var(--header-font-size-xs) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--header-letter-spacing) !important;
  line-height: var(--header-line-height-xs) !important;
  text-transform: var(--header-text-transform) !important;
}

.hmf-subheader-l {
  font-family: var(--font-primary) !important;
  font-size: var(--subhead-font-size-l) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--subhead-letter-spacing) !important;
  line-height: var(--subhead-line-height-l) !important;
}

.hmf-subheader-m {
  font-family: var(--font-primary) !important;
  font-size: var(--subhead-font-size-m) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--subhead-letter-spacing) !important;
  line-height: var(--subhead-line-height-m) !important;
}

.hmf-subheader-s {
  font-family: var(--font-primary) !important;
  font-size: var(--subhead-font-size-s) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--subhead-letter-spacing) !important;
  line-height: var(--subhead-line-height-s) !important;
}

.hmf-subheader-bold-l {
  font-family: var(--font-primary) !important;
  font-size: var(--subhead-font-size-l) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--subhead-letter-spacing) !important;
  line-height: var(--subhead-line-height-l) !important;
}

.hmf-subheader-bold-m {
  font-family: var(--font-primary) !important;
  font-size: var(--subhead-font-size-m) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--subhead-letter-spacing) !important;
  line-height: var(--subhead-line-height-m) !important;
}

.hmf-subheader-bold-s {
  font-family: var(--font-primary) !important;
  font-size: var(--subhead-font-size-s) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--subhead-letter-spacing) !important;
  line-height: var(--subhead-line-height-s) !important;
}

.hmf-label-l {
  font-family: var(--font-label) !important;
  font-size: var(--label-font-size-l) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--label-letter-spacing) !important;
  line-height: var(--label-line-height-l) !important;
  text-transform: var(--label-text-transform) !important;
}

.hmf-label-m {
  font-family: var(--font-label) !important;
  font-size: var(--label-font-size-m) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--label-letter-spacing) !important;
  line-height: var(--label-line-height-m) !important;
  text-transform: var(--label-text-transform) !important;
}

.hmf-label-s {
  font-family: var(--font-label) !important;
  font-size: var(--label-font-size-s) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--label-letter-spacing) !important;
  line-height: var(--label-line-height-s) !important;
  text-transform: var(--label-text-transform) !important;
}

.hmf-label-xs {
  font-family: var(--font-label) !important;
  font-size: var(--label-font-size-xs) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--label-letter-spacing) !important;
  line-height: var(--label-line-height-xs) !important;
  text-transform: var(--label-text-transform) !important;
}

.hmf-body-l {
  font-family: var(--font-primary) !important;
  font-size: var(--body-font-size-l) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--body-letter-spacing) !important;
  line-height: var(--body-line-height-l) !important;
  text-transform: none !important;
}

.hmf-body-m {
  font-family: var(--font-primary) !important;
  font-size: var(--body-font-size-m) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--body-letter-spacing) !important;
  line-height: var(--body-line-height-m) !important;
  text-transform: none !important;
}

.hmf-body-s {
  font-family: var(--font-primary) !important;
  font-size: var(--body-font-size-s) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--body-letter-spacing) !important;
  line-height: var(--body-line-height-s) !important;
  text-transform: none !important;
}

.hmf-body-bold-l {
  font-family: var(--font-primary) !important;
  font-size: var(--body-font-size-l) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--body-letter-spacing) !important;
  line-height: var(--body-line-height-l) !important;
}

.hmf-body-bold-m {
  font-family: var(--font-primary) !important;
  font-size: var(--body-font-size-m) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--body-letter-spacing) !important;
  line-height: var(--body-line-height-m) !important;
}

.hmf-body-bold-s {
  font-family: var(--font-primary) !important;
  font-size: var(--body-font-size-s) !important;
  font-weight: var(--font-primary-bold-weight) !important;
  letter-spacing: var(--body-letter-spacing) !important;
  line-height: var(--body-line-height-s) !important;
}

.hmf-legal-s {
  font-family: var(--font-primary) !important;
  font-size: var(--legal-font-size-s) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--legal-letter-spacing) !important;
  line-height: var(--legal-line-height-s) !important;
}

.hmf-legal-xs {
  font-family: var(--font-primary) !important;
  font-size: var(--legal-font-size-xs) !important;
  font-weight: var(--font-primary-regular-weight) !important;
  letter-spacing: var(--legal-letter-spacing) !important;
  line-height: var(--legal-line-height-xs) !important;
}

.hmf-text-decoration-dashed {
  text-decoration: dashed;
}

.hmf-text-decoration-dotted {
  text-decoration: dotted;
}

.hmf-text-decoration-double {
  text-decoration: double;
}

.hmf-text-decoration-linethrough {
  text-decoration: line-through;
}

.hmf-text-decoration-none {
  text-decoration: none;
}

.hmf-text-decoration-overline {
  text-decoration: overline;
}

.hmf-text-decoration-solid {
  text-decoration: solid;
}

.hmf-text-decoration-underline {
  text-decoration: underline;
}

.hmf-text-decoration-wavy {
  text-decoration: wavy;
}

.hmf-text-transform-capitalize {
  text-transform: capitalize;
}

.hmf-text-transform-lowercase {
  text-transform: lowercase;
}

.hmf-text-transform-uppercase {
  text-transform: uppercase;
}

.hmf-text-transform-none {
  text-transform: none;
}

.hmf-text-transform-inherit {
  text-transform: inherit;
}

.hmf-text-transform-initial {
  text-transform: initial;
}

.hmf-text-transform-unset {
  text-transform: unset;
}

.hmf-text-align-unset {
  text-align: unset;
}

.hmf-text-align-revert {
  text-align: revert;
}

.hmf-text-align-initial {
  text-align: initial;
}

.hmf-text-align-start {
  text-align: start;
}

.hmf-text-align-end {
  text-align: end;
}

.hmf-text-align-left {
  text-align: left;
}

.hmf-text-align-right {
  text-align: right;
}

.hmf-text-align-center {
  text-align: center;
}

.hmf-text-align-justify {
  text-align: justify;
}

@media (min-width: 375px) {
  .hmf-display-outline-s-xxl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-s-xl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-s-l {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-s-m {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-s-s {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-s-xs {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-s-xxl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-s-xl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-s-l {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-s-m {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-s-s {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-s-xs {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-header-s-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-s-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-s-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-s-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-s-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-s-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-s-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-s-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-s-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-s-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-subheader-s-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .hmf-subheader-s-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .hmf-subheader-s-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .hmf-subheader-bold-s-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .hmf-subheader-bold-s-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .hmf-subheader-bold-s-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .hmf-label-s-l {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-l) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-s-m {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-m) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-s-s {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-s) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-s-xs {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-xs) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-body-s-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
    text-transform: none !important;
  }
  .hmf-body-s-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
    text-transform: none !important;
  }
  .hmf-body-s-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
    text-transform: none !important;
  }
  .hmf-body-bold-s-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
  }
  .hmf-body-bold-s-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
  }
  .hmf-body-bold-s-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
  }
  .hmf-legal-s-s {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-s) !important;
  }
  .hmf-legal-s-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-xs) !important;
  }
  .hmf-text-decoration-s-dashed {
    text-decoration: dashed;
  }
  .hmf-text-decoration-s-dotted {
    text-decoration: dotted;
  }
  .hmf-text-decoration-s-double {
    text-decoration: double;
  }
  .hmf-text-decoration-s-linethrough {
    text-decoration: line-through;
  }
  .hmf-text-decoration-s-none {
    text-decoration: none;
  }
  .hmf-text-decoration-s-overline {
    text-decoration: overline;
  }
  .hmf-text-decoration-s-solid {
    text-decoration: solid;
  }
  .hmf-text-decoration-s-underline {
    text-decoration: underline;
  }
  .hmf-text-decoration-s-wavy {
    text-decoration: wavy;
  }
  .hmf-text-transform-s-capitalize {
    text-transform: capitalize;
  }
  .hmf-text-transform-s-lowercase {
    text-transform: lowercase;
  }
  .hmf-text-transform-s-uppercase {
    text-transform: uppercase;
  }
  .hmf-text-transform-s-none {
    text-transform: none;
  }
  .hmf-text-transform-s-inherit {
    text-transform: inherit;
  }
  .hmf-text-transform-s-initial {
    text-transform: initial;
  }
  .hmf-text-transform-s-unset {
    text-transform: unset;
  }
  .hmf-text-align-s-unset {
    text-align: unset;
  }
  .hmf-text-align-s-revert {
    text-align: revert;
  }
  .hmf-text-align-s-initial {
    text-align: initial;
  }
  .hmf-text-align-s-start {
    text-align: start;
  }
  .hmf-text-align-s-end {
    text-align: end;
  }
  .hmf-text-align-s-left {
    text-align: left;
  }
  .hmf-text-align-s-right {
    text-align: right;
  }
  .hmf-text-align-s-center {
    text-align: center;
  }
  .hmf-text-align-s-justify {
    text-align: justify;
  }
}
@media (min-width: 375px) {
  .hmf-display-outline-xsm-xxl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-xsm-xl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-xsm-l {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-xsm-m {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-xsm-s {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-xsm-xs {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xsm-xxl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xsm-xl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xsm-l {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xsm-m {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xsm-s {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xsm-xs {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-header-xsm-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-xsm-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-xsm-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-xsm-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-xsm-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-xsm-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-xsm-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-xsm-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-xsm-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-xsm-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-subheader-xsm-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .hmf-subheader-xsm-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .hmf-subheader-xsm-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .hmf-subheader-bold-xsm-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .hmf-subheader-bold-xsm-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .hmf-subheader-bold-xsm-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .hmf-label-xsm-l {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-l) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-xsm-m {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-m) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-xsm-s {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-s) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-xsm-xs {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-xs) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-body-xsm-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
    text-transform: none !important;
  }
  .hmf-body-xsm-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
    text-transform: none !important;
  }
  .hmf-body-xsm-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
    text-transform: none !important;
  }
  .hmf-body-bold-xsm-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
  }
  .hmf-body-bold-xsm-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
  }
  .hmf-body-bold-xsm-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
  }
  .hmf-legal-xsm-s {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-s) !important;
  }
  .hmf-legal-xsm-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-xs) !important;
  }
  .hmf-text-decoration-xsm-dashed {
    text-decoration: dashed;
  }
  .hmf-text-decoration-xsm-dotted {
    text-decoration: dotted;
  }
  .hmf-text-decoration-xsm-double {
    text-decoration: double;
  }
  .hmf-text-decoration-xsm-linethrough {
    text-decoration: line-through;
  }
  .hmf-text-decoration-xsm-none {
    text-decoration: none;
  }
  .hmf-text-decoration-xsm-overline {
    text-decoration: overline;
  }
  .hmf-text-decoration-xsm-solid {
    text-decoration: solid;
  }
  .hmf-text-decoration-xsm-underline {
    text-decoration: underline;
  }
  .hmf-text-decoration-xsm-wavy {
    text-decoration: wavy;
  }
  .hmf-text-transform-xsm-capitalize {
    text-transform: capitalize;
  }
  .hmf-text-transform-xsm-lowercase {
    text-transform: lowercase;
  }
  .hmf-text-transform-xsm-uppercase {
    text-transform: uppercase;
  }
  .hmf-text-transform-xsm-none {
    text-transform: none;
  }
  .hmf-text-transform-xsm-inherit {
    text-transform: inherit;
  }
  .hmf-text-transform-xsm-initial {
    text-transform: initial;
  }
  .hmf-text-transform-xsm-unset {
    text-transform: unset;
  }
  .hmf-text-align-xsm-unset {
    text-align: unset;
  }
  .hmf-text-align-xsm-revert {
    text-align: revert;
  }
  .hmf-text-align-xsm-initial {
    text-align: initial;
  }
  .hmf-text-align-xsm-start {
    text-align: start;
  }
  .hmf-text-align-xsm-end {
    text-align: end;
  }
  .hmf-text-align-xsm-left {
    text-align: left;
  }
  .hmf-text-align-xsm-right {
    text-align: right;
  }
  .hmf-text-align-xsm-center {
    text-align: center;
  }
  .hmf-text-align-xsm-justify {
    text-align: justify;
  }
}
@media (min-width: 480px) {
  .hmf-display-outline-sm-xxl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-sm-xl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-sm-l {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-sm-m {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-sm-s {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-sm-xs {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-sm-xxl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-sm-xl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-sm-l {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-sm-m {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-sm-s {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-sm-xs {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-header-sm-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-sm-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-sm-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-sm-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-sm-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-sm-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-sm-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-sm-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-sm-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-sm-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-subheader-sm-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .hmf-subheader-sm-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .hmf-subheader-sm-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .hmf-subheader-bold-sm-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .hmf-subheader-bold-sm-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .hmf-subheader-bold-sm-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .hmf-label-sm-l {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-l) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-sm-m {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-m) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-sm-s {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-s) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-sm-xs {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-xs) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-body-sm-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
    text-transform: none !important;
  }
  .hmf-body-sm-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
    text-transform: none !important;
  }
  .hmf-body-sm-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
    text-transform: none !important;
  }
  .hmf-body-bold-sm-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
  }
  .hmf-body-bold-sm-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
  }
  .hmf-body-bold-sm-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
  }
  .hmf-legal-sm-s {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-s) !important;
  }
  .hmf-legal-sm-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-xs) !important;
  }
  .hmf-text-decoration-sm-dashed {
    text-decoration: dashed;
  }
  .hmf-text-decoration-sm-dotted {
    text-decoration: dotted;
  }
  .hmf-text-decoration-sm-double {
    text-decoration: double;
  }
  .hmf-text-decoration-sm-linethrough {
    text-decoration: line-through;
  }
  .hmf-text-decoration-sm-none {
    text-decoration: none;
  }
  .hmf-text-decoration-sm-overline {
    text-decoration: overline;
  }
  .hmf-text-decoration-sm-solid {
    text-decoration: solid;
  }
  .hmf-text-decoration-sm-underline {
    text-decoration: underline;
  }
  .hmf-text-decoration-sm-wavy {
    text-decoration: wavy;
  }
  .hmf-text-transform-sm-capitalize {
    text-transform: capitalize;
  }
  .hmf-text-transform-sm-lowercase {
    text-transform: lowercase;
  }
  .hmf-text-transform-sm-uppercase {
    text-transform: uppercase;
  }
  .hmf-text-transform-sm-none {
    text-transform: none;
  }
  .hmf-text-transform-sm-inherit {
    text-transform: inherit;
  }
  .hmf-text-transform-sm-initial {
    text-transform: initial;
  }
  .hmf-text-transform-sm-unset {
    text-transform: unset;
  }
  .hmf-text-align-sm-unset {
    text-align: unset;
  }
  .hmf-text-align-sm-revert {
    text-align: revert;
  }
  .hmf-text-align-sm-initial {
    text-align: initial;
  }
  .hmf-text-align-sm-start {
    text-align: start;
  }
  .hmf-text-align-sm-end {
    text-align: end;
  }
  .hmf-text-align-sm-left {
    text-align: left;
  }
  .hmf-text-align-sm-right {
    text-align: right;
  }
  .hmf-text-align-sm-center {
    text-align: center;
  }
  .hmf-text-align-sm-justify {
    text-align: justify;
  }
}
@media (min-width: 768px) {
  .hmf-display-outline-m-xxl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-m-xl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-m-l {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-m-m {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-m-s {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-m-xs {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-m-xxl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-m-xl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-m-l {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-m-m {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-m-s {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-m-xs {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-header-m-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-m-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-m-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-m-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-m-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-m-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-m-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-m-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-m-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-m-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-subheader-m-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .hmf-subheader-m-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .hmf-subheader-m-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .hmf-subheader-bold-m-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .hmf-subheader-bold-m-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .hmf-subheader-bold-m-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .hmf-label-m-l {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-l) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-m-m {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-m) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-m-s {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-s) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-m-xs {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-xs) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-body-m-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
    text-transform: none !important;
  }
  .hmf-body-m-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
    text-transform: none !important;
  }
  .hmf-body-m-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
    text-transform: none !important;
  }
  .hmf-body-bold-m-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
  }
  .hmf-body-bold-m-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
  }
  .hmf-body-bold-m-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
  }
  .hmf-legal-m-s {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-s) !important;
  }
  .hmf-legal-m-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-xs) !important;
  }
  .hmf-text-decoration-m-dashed {
    text-decoration: dashed;
  }
  .hmf-text-decoration-m-dotted {
    text-decoration: dotted;
  }
  .hmf-text-decoration-m-double {
    text-decoration: double;
  }
  .hmf-text-decoration-m-linethrough {
    text-decoration: line-through;
  }
  .hmf-text-decoration-m-none {
    text-decoration: none;
  }
  .hmf-text-decoration-m-overline {
    text-decoration: overline;
  }
  .hmf-text-decoration-m-solid {
    text-decoration: solid;
  }
  .hmf-text-decoration-m-underline {
    text-decoration: underline;
  }
  .hmf-text-decoration-m-wavy {
    text-decoration: wavy;
  }
  .hmf-text-transform-m-capitalize {
    text-transform: capitalize;
  }
  .hmf-text-transform-m-lowercase {
    text-transform: lowercase;
  }
  .hmf-text-transform-m-uppercase {
    text-transform: uppercase;
  }
  .hmf-text-transform-m-none {
    text-transform: none;
  }
  .hmf-text-transform-m-inherit {
    text-transform: inherit;
  }
  .hmf-text-transform-m-initial {
    text-transform: initial;
  }
  .hmf-text-transform-m-unset {
    text-transform: unset;
  }
  .hmf-text-align-m-unset {
    text-align: unset;
  }
  .hmf-text-align-m-revert {
    text-align: revert;
  }
  .hmf-text-align-m-initial {
    text-align: initial;
  }
  .hmf-text-align-m-start {
    text-align: start;
  }
  .hmf-text-align-m-end {
    text-align: end;
  }
  .hmf-text-align-m-left {
    text-align: left;
  }
  .hmf-text-align-m-right {
    text-align: right;
  }
  .hmf-text-align-m-center {
    text-align: center;
  }
  .hmf-text-align-m-justify {
    text-align: justify;
  }
}
@media (min-width: 768px) {
  .hmf-display-outline-md-xxl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-md-xl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-md-l {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-md-m {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-md-s {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-md-xs {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-md-xxl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-md-xl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-md-l {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-md-m {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-md-s {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-md-xs {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-header-md-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-md-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-md-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-md-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-md-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-md-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-md-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-md-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-md-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-md-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-subheader-md-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .hmf-subheader-md-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .hmf-subheader-md-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .hmf-subheader-bold-md-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .hmf-subheader-bold-md-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .hmf-subheader-bold-md-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .hmf-label-md-l {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-l) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-md-m {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-m) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-md-s {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-s) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-md-xs {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-xs) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-body-md-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
    text-transform: none !important;
  }
  .hmf-body-md-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
    text-transform: none !important;
  }
  .hmf-body-md-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
    text-transform: none !important;
  }
  .hmf-body-bold-md-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
  }
  .hmf-body-bold-md-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
  }
  .hmf-body-bold-md-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
  }
  .hmf-legal-md-s {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-s) !important;
  }
  .hmf-legal-md-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-xs) !important;
  }
  .hmf-text-decoration-md-dashed {
    text-decoration: dashed;
  }
  .hmf-text-decoration-md-dotted {
    text-decoration: dotted;
  }
  .hmf-text-decoration-md-double {
    text-decoration: double;
  }
  .hmf-text-decoration-md-linethrough {
    text-decoration: line-through;
  }
  .hmf-text-decoration-md-none {
    text-decoration: none;
  }
  .hmf-text-decoration-md-overline {
    text-decoration: overline;
  }
  .hmf-text-decoration-md-solid {
    text-decoration: solid;
  }
  .hmf-text-decoration-md-underline {
    text-decoration: underline;
  }
  .hmf-text-decoration-md-wavy {
    text-decoration: wavy;
  }
  .hmf-text-transform-md-capitalize {
    text-transform: capitalize;
  }
  .hmf-text-transform-md-lowercase {
    text-transform: lowercase;
  }
  .hmf-text-transform-md-uppercase {
    text-transform: uppercase;
  }
  .hmf-text-transform-md-none {
    text-transform: none;
  }
  .hmf-text-transform-md-inherit {
    text-transform: inherit;
  }
  .hmf-text-transform-md-initial {
    text-transform: initial;
  }
  .hmf-text-transform-md-unset {
    text-transform: unset;
  }
  .hmf-text-align-md-unset {
    text-align: unset;
  }
  .hmf-text-align-md-revert {
    text-align: revert;
  }
  .hmf-text-align-md-initial {
    text-align: initial;
  }
  .hmf-text-align-md-start {
    text-align: start;
  }
  .hmf-text-align-md-end {
    text-align: end;
  }
  .hmf-text-align-md-left {
    text-align: left;
  }
  .hmf-text-align-md-right {
    text-align: right;
  }
  .hmf-text-align-md-center {
    text-align: center;
  }
  .hmf-text-align-md-justify {
    text-align: justify;
  }
}
@media (min-width: 1024px) {
  .hmf-display-outline-lg-xxl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-lg-xl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-lg-l {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-lg-m {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-lg-s {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-lg-xs {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-lg-xxl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-lg-xl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-lg-l {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-lg-m {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-lg-s {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-lg-xs {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-header-lg-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-lg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-lg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-lg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-lg-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-lg-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-lg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-lg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-lg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-lg-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-subheader-lg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .hmf-subheader-lg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .hmf-subheader-lg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .hmf-subheader-bold-lg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .hmf-subheader-bold-lg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .hmf-subheader-bold-lg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .hmf-label-lg-l {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-l) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-lg-m {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-m) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-lg-s {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-s) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-lg-xs {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-xs) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-body-lg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
    text-transform: none !important;
  }
  .hmf-body-lg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
    text-transform: none !important;
  }
  .hmf-body-lg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
    text-transform: none !important;
  }
  .hmf-body-bold-lg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
  }
  .hmf-body-bold-lg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
  }
  .hmf-body-bold-lg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
  }
  .hmf-legal-lg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-s) !important;
  }
  .hmf-legal-lg-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-xs) !important;
  }
  .hmf-text-decoration-lg-dashed {
    text-decoration: dashed;
  }
  .hmf-text-decoration-lg-dotted {
    text-decoration: dotted;
  }
  .hmf-text-decoration-lg-double {
    text-decoration: double;
  }
  .hmf-text-decoration-lg-linethrough {
    text-decoration: line-through;
  }
  .hmf-text-decoration-lg-none {
    text-decoration: none;
  }
  .hmf-text-decoration-lg-overline {
    text-decoration: overline;
  }
  .hmf-text-decoration-lg-solid {
    text-decoration: solid;
  }
  .hmf-text-decoration-lg-underline {
    text-decoration: underline;
  }
  .hmf-text-decoration-lg-wavy {
    text-decoration: wavy;
  }
  .hmf-text-transform-lg-capitalize {
    text-transform: capitalize;
  }
  .hmf-text-transform-lg-lowercase {
    text-transform: lowercase;
  }
  .hmf-text-transform-lg-uppercase {
    text-transform: uppercase;
  }
  .hmf-text-transform-lg-none {
    text-transform: none;
  }
  .hmf-text-transform-lg-inherit {
    text-transform: inherit;
  }
  .hmf-text-transform-lg-initial {
    text-transform: initial;
  }
  .hmf-text-transform-lg-unset {
    text-transform: unset;
  }
  .hmf-text-align-lg-unset {
    text-align: unset;
  }
  .hmf-text-align-lg-revert {
    text-align: revert;
  }
  .hmf-text-align-lg-initial {
    text-align: initial;
  }
  .hmf-text-align-lg-start {
    text-align: start;
  }
  .hmf-text-align-lg-end {
    text-align: end;
  }
  .hmf-text-align-lg-left {
    text-align: left;
  }
  .hmf-text-align-lg-right {
    text-align: right;
  }
  .hmf-text-align-lg-center {
    text-align: center;
  }
  .hmf-text-align-lg-justify {
    text-align: justify;
  }
}
@media (min-width: 1280px) {
  .hmf-display-outline-l-xxl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-l-xl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-l-l {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-l-m {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-l-s {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-l-xs {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-l-xxl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-l-xl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-l-l {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-l-m {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-l-s {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-l-xs {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-header-l-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-l-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-l-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-l-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-l-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-l-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-l-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-l-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-l-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-l-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-subheader-l-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .hmf-subheader-l-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .hmf-subheader-l-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .hmf-subheader-bold-l-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .hmf-subheader-bold-l-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .hmf-subheader-bold-l-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .hmf-label-l-l {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-l) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-l-m {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-m) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-l-s {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-s) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-l-xs {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-xs) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-body-l-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
    text-transform: none !important;
  }
  .hmf-body-l-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
    text-transform: none !important;
  }
  .hmf-body-l-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
    text-transform: none !important;
  }
  .hmf-body-bold-l-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
  }
  .hmf-body-bold-l-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
  }
  .hmf-body-bold-l-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
  }
  .hmf-legal-l-s {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-s) !important;
  }
  .hmf-legal-l-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-xs) !important;
  }
  .hmf-text-decoration-l-dashed {
    text-decoration: dashed;
  }
  .hmf-text-decoration-l-dotted {
    text-decoration: dotted;
  }
  .hmf-text-decoration-l-double {
    text-decoration: double;
  }
  .hmf-text-decoration-l-linethrough {
    text-decoration: line-through;
  }
  .hmf-text-decoration-l-none {
    text-decoration: none;
  }
  .hmf-text-decoration-l-overline {
    text-decoration: overline;
  }
  .hmf-text-decoration-l-solid {
    text-decoration: solid;
  }
  .hmf-text-decoration-l-underline {
    text-decoration: underline;
  }
  .hmf-text-decoration-l-wavy {
    text-decoration: wavy;
  }
  .hmf-text-transform-l-capitalize {
    text-transform: capitalize;
  }
  .hmf-text-transform-l-lowercase {
    text-transform: lowercase;
  }
  .hmf-text-transform-l-uppercase {
    text-transform: uppercase;
  }
  .hmf-text-transform-l-none {
    text-transform: none;
  }
  .hmf-text-transform-l-inherit {
    text-transform: inherit;
  }
  .hmf-text-transform-l-initial {
    text-transform: initial;
  }
  .hmf-text-transform-l-unset {
    text-transform: unset;
  }
  .hmf-text-align-l-unset {
    text-align: unset;
  }
  .hmf-text-align-l-revert {
    text-align: revert;
  }
  .hmf-text-align-l-initial {
    text-align: initial;
  }
  .hmf-text-align-l-start {
    text-align: start;
  }
  .hmf-text-align-l-end {
    text-align: end;
  }
  .hmf-text-align-l-left {
    text-align: left;
  }
  .hmf-text-align-l-right {
    text-align: right;
  }
  .hmf-text-align-l-center {
    text-align: center;
  }
  .hmf-text-align-l-justify {
    text-align: justify;
  }
}
@media (min-width: 1280px) {
  .hmf-display-outline-xlg-xxl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-xlg-xl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-xlg-l {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-xlg-m {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-xlg-s {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-xlg-xs {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xlg-xxl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xlg-xl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xlg-l {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xlg-m {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xlg-s {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xlg-xs {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-header-xlg-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-xlg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-xlg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-xlg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-xlg-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-xlg-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-xlg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-xlg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-xlg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-xlg-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-subheader-xlg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .hmf-subheader-xlg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .hmf-subheader-xlg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .hmf-subheader-bold-xlg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .hmf-subheader-bold-xlg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .hmf-subheader-bold-xlg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .hmf-label-xlg-l {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-l) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-xlg-m {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-m) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-xlg-s {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-s) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-xlg-xs {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-xs) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-body-xlg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
    text-transform: none !important;
  }
  .hmf-body-xlg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
    text-transform: none !important;
  }
  .hmf-body-xlg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
    text-transform: none !important;
  }
  .hmf-body-bold-xlg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
  }
  .hmf-body-bold-xlg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
  }
  .hmf-body-bold-xlg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
  }
  .hmf-legal-xlg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-s) !important;
  }
  .hmf-legal-xlg-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-xs) !important;
  }
  .hmf-text-decoration-xlg-dashed {
    text-decoration: dashed;
  }
  .hmf-text-decoration-xlg-dotted {
    text-decoration: dotted;
  }
  .hmf-text-decoration-xlg-double {
    text-decoration: double;
  }
  .hmf-text-decoration-xlg-linethrough {
    text-decoration: line-through;
  }
  .hmf-text-decoration-xlg-none {
    text-decoration: none;
  }
  .hmf-text-decoration-xlg-overline {
    text-decoration: overline;
  }
  .hmf-text-decoration-xlg-solid {
    text-decoration: solid;
  }
  .hmf-text-decoration-xlg-underline {
    text-decoration: underline;
  }
  .hmf-text-decoration-xlg-wavy {
    text-decoration: wavy;
  }
  .hmf-text-transform-xlg-capitalize {
    text-transform: capitalize;
  }
  .hmf-text-transform-xlg-lowercase {
    text-transform: lowercase;
  }
  .hmf-text-transform-xlg-uppercase {
    text-transform: uppercase;
  }
  .hmf-text-transform-xlg-none {
    text-transform: none;
  }
  .hmf-text-transform-xlg-inherit {
    text-transform: inherit;
  }
  .hmf-text-transform-xlg-initial {
    text-transform: initial;
  }
  .hmf-text-transform-xlg-unset {
    text-transform: unset;
  }
  .hmf-text-align-xlg-unset {
    text-align: unset;
  }
  .hmf-text-align-xlg-revert {
    text-align: revert;
  }
  .hmf-text-align-xlg-initial {
    text-align: initial;
  }
  .hmf-text-align-xlg-start {
    text-align: start;
  }
  .hmf-text-align-xlg-end {
    text-align: end;
  }
  .hmf-text-align-xlg-left {
    text-align: left;
  }
  .hmf-text-align-xlg-right {
    text-align: right;
  }
  .hmf-text-align-xlg-center {
    text-align: center;
  }
  .hmf-text-align-xlg-justify {
    text-align: justify;
  }
}
@media (min-width: 1440px) {
  .hmf-display-outline-xl-xxl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-xl-xl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-xl-l {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-xl-m {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-xl-s {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-xl-xs {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xl-xxl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xl-xl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xl-l {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xl-m {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xl-s {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xl-xs {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-header-xl-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-xl-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-xl-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-xl-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-xl-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-xl-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-xl-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-xl-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-xl-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-xl-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-subheader-xl-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .hmf-subheader-xl-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .hmf-subheader-xl-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .hmf-subheader-bold-xl-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .hmf-subheader-bold-xl-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .hmf-subheader-bold-xl-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .hmf-label-xl-l {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-l) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-xl-m {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-m) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-xl-s {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-s) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-xl-xs {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-xs) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-body-xl-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
    text-transform: none !important;
  }
  .hmf-body-xl-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
    text-transform: none !important;
  }
  .hmf-body-xl-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
    text-transform: none !important;
  }
  .hmf-body-bold-xl-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
  }
  .hmf-body-bold-xl-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
  }
  .hmf-body-bold-xl-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
  }
  .hmf-legal-xl-s {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-s) !important;
  }
  .hmf-legal-xl-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-xs) !important;
  }
  .hmf-text-decoration-xl-dashed {
    text-decoration: dashed;
  }
  .hmf-text-decoration-xl-dotted {
    text-decoration: dotted;
  }
  .hmf-text-decoration-xl-double {
    text-decoration: double;
  }
  .hmf-text-decoration-xl-linethrough {
    text-decoration: line-through;
  }
  .hmf-text-decoration-xl-none {
    text-decoration: none;
  }
  .hmf-text-decoration-xl-overline {
    text-decoration: overline;
  }
  .hmf-text-decoration-xl-solid {
    text-decoration: solid;
  }
  .hmf-text-decoration-xl-underline {
    text-decoration: underline;
  }
  .hmf-text-decoration-xl-wavy {
    text-decoration: wavy;
  }
  .hmf-text-transform-xl-capitalize {
    text-transform: capitalize;
  }
  .hmf-text-transform-xl-lowercase {
    text-transform: lowercase;
  }
  .hmf-text-transform-xl-uppercase {
    text-transform: uppercase;
  }
  .hmf-text-transform-xl-none {
    text-transform: none;
  }
  .hmf-text-transform-xl-inherit {
    text-transform: inherit;
  }
  .hmf-text-transform-xl-initial {
    text-transform: initial;
  }
  .hmf-text-transform-xl-unset {
    text-transform: unset;
  }
  .hmf-text-align-xl-unset {
    text-align: unset;
  }
  .hmf-text-align-xl-revert {
    text-align: revert;
  }
  .hmf-text-align-xl-initial {
    text-align: initial;
  }
  .hmf-text-align-xl-start {
    text-align: start;
  }
  .hmf-text-align-xl-end {
    text-align: end;
  }
  .hmf-text-align-xl-left {
    text-align: left;
  }
  .hmf-text-align-xl-right {
    text-align: right;
  }
  .hmf-text-align-xl-center {
    text-align: center;
  }
  .hmf-text-align-xl-justify {
    text-align: justify;
  }
}
@media (min-width: 1440px) {
  .hmf-display-outline-xxlg-xxl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-xxlg-xl {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-xxlg-l {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-xxlg-m {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-xxlg-s {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-outline-xxlg-xs {
    font-family: var(--font-display-outline) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xxlg-xxl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xxl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xxl) !important;
    line-height: var(--display-line-height-xxl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xxlg-xl {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xl) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xl) !important;
    line-height: var(--display-line-height-xl) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xxlg-l {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-l) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-l) !important;
    line-height: var(--display-line-height-l) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xxlg-m {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-m) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-m) !important;
    line-height: var(--display-line-height-m) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xxlg-s {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-s) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-s) !important;
    line-height: var(--display-line-height-s) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-display-xxlg-xs {
    font-family: var(--font-display) !important;
    font-size: var(--display-font-size-xs) !important;
    font-weight: var(--font-display-weight) !important;
    letter-spacing: var(--display-letter-spacing-xs) !important;
    line-height: var(--display-line-height-xs) !important;
    text-transform: var(--display-text-transform) !important;
  }
  .hmf-header-xxlg-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-xxlg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-xxlg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-xxlg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-xxlg-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-xxlg-xl {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xl) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xl) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-xxlg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-l) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-xxlg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-m) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-xxlg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-s) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-header-bold-xxlg-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--header-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    line-height: var(--header-line-height-xs) !important;
    text-transform: var(--header-text-transform) !important;
  }
  .hmf-subheader-xxlg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .hmf-subheader-xxlg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .hmf-subheader-xxlg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .hmf-subheader-bold-xxlg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-l) !important;
  }
  .hmf-subheader-bold-xxlg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-m) !important;
  }
  .hmf-subheader-bold-xxlg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--subhead-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--subhead-letter-spacing) !important;
    line-height: var(--subhead-line-height-s) !important;
  }
  .hmf-label-xxlg-l {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-l) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-xxlg-m {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-m) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-xxlg-s {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-s) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-label-xxlg-xs {
    font-family: var(--font-label) !important;
    font-size: var(--label-font-size-xs) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--label-letter-spacing) !important;
    line-height: var(--label-line-height-xs) !important;
    text-transform: var(--label-text-transform) !important;
  }
  .hmf-body-xxlg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
    text-transform: none !important;
  }
  .hmf-body-xxlg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
    text-transform: none !important;
  }
  .hmf-body-xxlg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
    text-transform: none !important;
  }
  .hmf-body-bold-xxlg-l {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-l) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-l) !important;
  }
  .hmf-body-bold-xxlg-m {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-m) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-m) !important;
  }
  .hmf-body-bold-xxlg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--body-font-size-s) !important;
    font-weight: var(--font-primary-bold-weight) !important;
    letter-spacing: var(--body-letter-spacing) !important;
    line-height: var(--body-line-height-s) !important;
  }
  .hmf-legal-xxlg-s {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-s) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-s) !important;
  }
  .hmf-legal-xxlg-xs {
    font-family: var(--font-primary) !important;
    font-size: var(--legal-font-size-xs) !important;
    font-weight: var(--font-primary-regular-weight) !important;
    letter-spacing: var(--legal-letter-spacing) !important;
    line-height: var(--legal-line-height-xs) !important;
  }
  .hmf-text-decoration-xxlg-dashed {
    text-decoration: dashed;
  }
  .hmf-text-decoration-xxlg-dotted {
    text-decoration: dotted;
  }
  .hmf-text-decoration-xxlg-double {
    text-decoration: double;
  }
  .hmf-text-decoration-xxlg-linethrough {
    text-decoration: line-through;
  }
  .hmf-text-decoration-xxlg-none {
    text-decoration: none;
  }
  .hmf-text-decoration-xxlg-overline {
    text-decoration: overline;
  }
  .hmf-text-decoration-xxlg-solid {
    text-decoration: solid;
  }
  .hmf-text-decoration-xxlg-underline {
    text-decoration: underline;
  }
  .hmf-text-decoration-xxlg-wavy {
    text-decoration: wavy;
  }
  .hmf-text-transform-xxlg-capitalize {
    text-transform: capitalize;
  }
  .hmf-text-transform-xxlg-lowercase {
    text-transform: lowercase;
  }
  .hmf-text-transform-xxlg-uppercase {
    text-transform: uppercase;
  }
  .hmf-text-transform-xxlg-none {
    text-transform: none;
  }
  .hmf-text-transform-xxlg-inherit {
    text-transform: inherit;
  }
  .hmf-text-transform-xxlg-initial {
    text-transform: initial;
  }
  .hmf-text-transform-xxlg-unset {
    text-transform: unset;
  }
  .hmf-text-align-xxlg-unset {
    text-align: unset;
  }
  .hmf-text-align-xxlg-revert {
    text-align: revert;
  }
  .hmf-text-align-xxlg-initial {
    text-align: initial;
  }
  .hmf-text-align-xxlg-start {
    text-align: start;
  }
  .hmf-text-align-xxlg-end {
    text-align: end;
  }
  .hmf-text-align-xxlg-left {
    text-align: left;
  }
  .hmf-text-align-xxlg-right {
    text-align: right;
  }
  .hmf-text-align-xxlg-center {
    text-align: center;
  }
  .hmf-text-align-xxlg-justify {
    text-align: justify;
  }
}
:root {
  font-size: 10px;
  font-style: normal;
}

:root {
  --hmf-fast: 0.2s;
  --hmf-medium: 0.4s;
  --hmf-slow: 0.6s;
  --hmf-linear-slow: var(--hmf-slow) linear;
  --hmf-linear-medium: var(--hmf-medium) linear;
  --hmf-linear-fast: var(--hmf-fast) linear;
  --hmf-ease-slow: var(--hmf-slow) ease;
  --hmf-ease-medium: var(--hmf-medium) ease;
  --hmf-ease-fast: var(--hmf-fast) ease;
  --hmf-ease-in-out-slow: var(--hmf-slow) ease-in-out;
  --hmf-ease-in-out-fast: var(--hmf-fast) ease-in-out;
  --hmf-ease-in-slow: var(--hmf-slow) ease-in;
  --hmf-ease-in-medium: var(--hmf-medium) ease-in;
  --hmf-ease-in-fast: var(--hmf-fast) ease-in;
  --hmf-ease-out-slow: var(--hmf-slow) ease-out;
  --hmf-ease-out-medium: var(--hmf-medium) ease-out;
  --hmf-ease-out-fast: var(--hmf-fast) ease-out;
}

/** @format */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/** @format */
/** @format */
.hmf-col {
  box-sizing: border-box;
  padding-left: 12px;
  padding-right: 12px;
  padding-left: 12px;
  padding-right: 12px;
}

@media (min-width: 375px) {
  .hmf-col {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 375px) {
  .hmf-col {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 480px) {
  .hmf-col {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 768px) {
  .hmf-col {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 768px) {
  .hmf-col {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 1024px) {
  .hmf-col {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 1280px) {
  .hmf-col {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 1280px) {
  .hmf-col {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 1440px) {
  .hmf-col {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 1440px) {
  .hmf-col {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.hmf-grid {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
}

.hmf-grid > hr {
  border: 0 !important;
  content: "" !important;
  font-size: 0 !important;
  height: 0 !important;
  width: 100% !important;
}

.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

.hmf-span-xs-0 {
  width: 0% !important;
}

.hmf-offset-xs-0 {
  margin-left: 0% !important;
  margin-right: 0% !important;
}

.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

.hmf-span-xs-1 {
  width: 8.3333333333% !important;
}

.hmf-offset-xs-1 {
  margin-left: 8.3333333333% !important;
  margin-right: 8.3333333333% !important;
}

.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

.hmf-span-xs-2 {
  width: 16.6666666667% !important;
}

.hmf-offset-xs-2 {
  margin-left: 16.6666666667% !important;
  margin-right: 16.6666666667% !important;
}

.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

.hmf-span-xs-3 {
  width: 25% !important;
}

.hmf-offset-xs-3 {
  margin-left: 25% !important;
  margin-right: 25% !important;
}

.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

.hmf-span-xs-4 {
  width: 33.3333333333% !important;
}

.hmf-offset-xs-4 {
  margin-left: 33.3333333333% !important;
  margin-right: 33.3333333333% !important;
}

.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

.hmf-span-xs-5 {
  width: 41.6666666667% !important;
}

.hmf-offset-xs-5 {
  margin-left: 41.6666666667% !important;
  margin-right: 41.6666666667% !important;
}

.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

.hmf-span-xs-6 {
  width: 50% !important;
}

.hmf-offset-xs-6 {
  margin-left: 50% !important;
  margin-right: 50% !important;
}

.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

.hmf-span-xs-7 {
  width: 58.3333333333% !important;
}

.hmf-offset-xs-7 {
  margin-left: 58.3333333333% !important;
  margin-right: 58.3333333333% !important;
}

.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

.hmf-span-xs-8 {
  width: 66.6666666667% !important;
}

.hmf-offset-xs-8 {
  margin-left: 66.6666666667% !important;
  margin-right: 66.6666666667% !important;
}

.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

.hmf-span-xs-9 {
  width: 75% !important;
}

.hmf-offset-xs-9 {
  margin-left: 75% !important;
  margin-right: 75% !important;
}

.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

.hmf-span-xs-10 {
  width: 83.3333333333% !important;
}

.hmf-offset-xs-10 {
  margin-left: 83.3333333333% !important;
  margin-right: 83.3333333333% !important;
}

.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

.hmf-span-xs-11 {
  width: 91.6666666667% !important;
}

.hmf-offset-xs-11 {
  margin-left: 91.6666666667% !important;
  margin-right: 91.6666666667% !important;
}

.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

.hmf-span-xs-12 {
  width: 100% !important;
}

.hmf-offset-xs-12 {
  margin-left: 100% !important;
  margin-right: 100% !important;
}

.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

.hmf-span-xxsm-0 {
  width: 0% !important;
}

.hmf-offset-xxsm-0 {
  margin-left: 0% !important;
  margin-right: 0% !important;
}

.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

.hmf-span-xxsm-1 {
  width: 8.3333333333% !important;
}

.hmf-offset-xxsm-1 {
  margin-left: 8.3333333333% !important;
  margin-right: 8.3333333333% !important;
}

.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

.hmf-span-xxsm-2 {
  width: 16.6666666667% !important;
}

.hmf-offset-xxsm-2 {
  margin-left: 16.6666666667% !important;
  margin-right: 16.6666666667% !important;
}

.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

.hmf-span-xxsm-3 {
  width: 25% !important;
}

.hmf-offset-xxsm-3 {
  margin-left: 25% !important;
  margin-right: 25% !important;
}

.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

.hmf-span-xxsm-4 {
  width: 33.3333333333% !important;
}

.hmf-offset-xxsm-4 {
  margin-left: 33.3333333333% !important;
  margin-right: 33.3333333333% !important;
}

.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

.hmf-span-xxsm-5 {
  width: 41.6666666667% !important;
}

.hmf-offset-xxsm-5 {
  margin-left: 41.6666666667% !important;
  margin-right: 41.6666666667% !important;
}

.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

.hmf-span-xxsm-6 {
  width: 50% !important;
}

.hmf-offset-xxsm-6 {
  margin-left: 50% !important;
  margin-right: 50% !important;
}

.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

.hmf-span-xxsm-7 {
  width: 58.3333333333% !important;
}

.hmf-offset-xxsm-7 {
  margin-left: 58.3333333333% !important;
  margin-right: 58.3333333333% !important;
}

.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

.hmf-span-xxsm-8 {
  width: 66.6666666667% !important;
}

.hmf-offset-xxsm-8 {
  margin-left: 66.6666666667% !important;
  margin-right: 66.6666666667% !important;
}

.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

.hmf-span-xxsm-9 {
  width: 75% !important;
}

.hmf-offset-xxsm-9 {
  margin-left: 75% !important;
  margin-right: 75% !important;
}

.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

.hmf-span-xxsm-10 {
  width: 83.3333333333% !important;
}

.hmf-offset-xxsm-10 {
  margin-left: 83.3333333333% !important;
  margin-right: 83.3333333333% !important;
}

.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

.hmf-span-xxsm-11 {
  width: 91.6666666667% !important;
}

.hmf-offset-xxsm-11 {
  margin-left: 91.6666666667% !important;
  margin-right: 91.6666666667% !important;
}

.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

.hmf-span-xxsm-12 {
  width: 100% !important;
}

.hmf-offset-xxsm-12 {
  margin-left: 100% !important;
  margin-right: 100% !important;
}

.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

@media (min-width: 375px) {
  .hmf-span-s-0 {
    width: 0% !important;
  }
  .hmf-offset-s-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

@media (min-width: 375px) {
  .hmf-span-s-1 {
    width: 8.3333333333% !important;
  }
  .hmf-offset-s-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

@media (min-width: 375px) {
  .hmf-span-s-2 {
    width: 16.6666666667% !important;
  }
  .hmf-offset-s-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

@media (min-width: 375px) {
  .hmf-span-s-3 {
    width: 25% !important;
  }
  .hmf-offset-s-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

@media (min-width: 375px) {
  .hmf-span-s-4 {
    width: 33.3333333333% !important;
  }
  .hmf-offset-s-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

@media (min-width: 375px) {
  .hmf-span-s-5 {
    width: 41.6666666667% !important;
  }
  .hmf-offset-s-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

@media (min-width: 375px) {
  .hmf-span-s-6 {
    width: 50% !important;
  }
  .hmf-offset-s-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

@media (min-width: 375px) {
  .hmf-span-s-7 {
    width: 58.3333333333% !important;
  }
  .hmf-offset-s-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

@media (min-width: 375px) {
  .hmf-span-s-8 {
    width: 66.6666666667% !important;
  }
  .hmf-offset-s-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

@media (min-width: 375px) {
  .hmf-span-s-9 {
    width: 75% !important;
  }
  .hmf-offset-s-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

@media (min-width: 375px) {
  .hmf-span-s-10 {
    width: 83.3333333333% !important;
  }
  .hmf-offset-s-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

@media (min-width: 375px) {
  .hmf-span-s-11 {
    width: 91.6666666667% !important;
  }
  .hmf-offset-s-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

@media (min-width: 375px) {
  .hmf-span-s-12 {
    width: 100% !important;
  }
  .hmf-offset-s-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-0 {
    width: 0% !important;
  }
  .hmf-offset-xsm-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-1 {
    width: 8.3333333333% !important;
  }
  .hmf-offset-xsm-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-2 {
    width: 16.6666666667% !important;
  }
  .hmf-offset-xsm-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-3 {
    width: 25% !important;
  }
  .hmf-offset-xsm-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-4 {
    width: 33.3333333333% !important;
  }
  .hmf-offset-xsm-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-5 {
    width: 41.6666666667% !important;
  }
  .hmf-offset-xsm-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-6 {
    width: 50% !important;
  }
  .hmf-offset-xsm-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-7 {
    width: 58.3333333333% !important;
  }
  .hmf-offset-xsm-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-8 {
    width: 66.6666666667% !important;
  }
  .hmf-offset-xsm-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-9 {
    width: 75% !important;
  }
  .hmf-offset-xsm-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-10 {
    width: 83.3333333333% !important;
  }
  .hmf-offset-xsm-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-11 {
    width: 91.6666666667% !important;
  }
  .hmf-offset-xsm-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

@media (min-width: 375px) {
  .hmf-span-xsm-12 {
    width: 100% !important;
  }
  .hmf-offset-xsm-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

@media (min-width: 480px) {
  .hmf-span-sm-0 {
    width: 0% !important;
  }
  .hmf-offset-sm-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

@media (min-width: 480px) {
  .hmf-span-sm-1 {
    width: 8.3333333333% !important;
  }
  .hmf-offset-sm-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

@media (min-width: 480px) {
  .hmf-span-sm-2 {
    width: 16.6666666667% !important;
  }
  .hmf-offset-sm-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

@media (min-width: 480px) {
  .hmf-span-sm-3 {
    width: 25% !important;
  }
  .hmf-offset-sm-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

@media (min-width: 480px) {
  .hmf-span-sm-4 {
    width: 33.3333333333% !important;
  }
  .hmf-offset-sm-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

@media (min-width: 480px) {
  .hmf-span-sm-5 {
    width: 41.6666666667% !important;
  }
  .hmf-offset-sm-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

@media (min-width: 480px) {
  .hmf-span-sm-6 {
    width: 50% !important;
  }
  .hmf-offset-sm-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

@media (min-width: 480px) {
  .hmf-span-sm-7 {
    width: 58.3333333333% !important;
  }
  .hmf-offset-sm-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

@media (min-width: 480px) {
  .hmf-span-sm-8 {
    width: 66.6666666667% !important;
  }
  .hmf-offset-sm-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

@media (min-width: 480px) {
  .hmf-span-sm-9 {
    width: 75% !important;
  }
  .hmf-offset-sm-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

@media (min-width: 480px) {
  .hmf-span-sm-10 {
    width: 83.3333333333% !important;
  }
  .hmf-offset-sm-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

@media (min-width: 480px) {
  .hmf-span-sm-11 {
    width: 91.6666666667% !important;
  }
  .hmf-offset-sm-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

@media (min-width: 480px) {
  .hmf-span-sm-12 {
    width: 100% !important;
  }
  .hmf-offset-sm-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

@media (min-width: 768px) {
  .hmf-span-m-0 {
    width: 0% !important;
  }
  .hmf-offset-m-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

@media (min-width: 768px) {
  .hmf-span-m-1 {
    width: 8.3333333333% !important;
  }
  .hmf-offset-m-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

@media (min-width: 768px) {
  .hmf-span-m-2 {
    width: 16.6666666667% !important;
  }
  .hmf-offset-m-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

@media (min-width: 768px) {
  .hmf-span-m-3 {
    width: 25% !important;
  }
  .hmf-offset-m-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

@media (min-width: 768px) {
  .hmf-span-m-4 {
    width: 33.3333333333% !important;
  }
  .hmf-offset-m-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

@media (min-width: 768px) {
  .hmf-span-m-5 {
    width: 41.6666666667% !important;
  }
  .hmf-offset-m-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

@media (min-width: 768px) {
  .hmf-span-m-6 {
    width: 50% !important;
  }
  .hmf-offset-m-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

@media (min-width: 768px) {
  .hmf-span-m-7 {
    width: 58.3333333333% !important;
  }
  .hmf-offset-m-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

@media (min-width: 768px) {
  .hmf-span-m-8 {
    width: 66.6666666667% !important;
  }
  .hmf-offset-m-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

@media (min-width: 768px) {
  .hmf-span-m-9 {
    width: 75% !important;
  }
  .hmf-offset-m-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

@media (min-width: 768px) {
  .hmf-span-m-10 {
    width: 83.3333333333% !important;
  }
  .hmf-offset-m-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

@media (min-width: 768px) {
  .hmf-span-m-11 {
    width: 91.6666666667% !important;
  }
  .hmf-offset-m-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

@media (min-width: 768px) {
  .hmf-span-m-12 {
    width: 100% !important;
  }
  .hmf-offset-m-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

@media (min-width: 768px) {
  .hmf-span-md-0 {
    width: 0% !important;
  }
  .hmf-offset-md-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

@media (min-width: 768px) {
  .hmf-span-md-1 {
    width: 8.3333333333% !important;
  }
  .hmf-offset-md-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

@media (min-width: 768px) {
  .hmf-span-md-2 {
    width: 16.6666666667% !important;
  }
  .hmf-offset-md-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

@media (min-width: 768px) {
  .hmf-span-md-3 {
    width: 25% !important;
  }
  .hmf-offset-md-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

@media (min-width: 768px) {
  .hmf-span-md-4 {
    width: 33.3333333333% !important;
  }
  .hmf-offset-md-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

@media (min-width: 768px) {
  .hmf-span-md-5 {
    width: 41.6666666667% !important;
  }
  .hmf-offset-md-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

@media (min-width: 768px) {
  .hmf-span-md-6 {
    width: 50% !important;
  }
  .hmf-offset-md-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

@media (min-width: 768px) {
  .hmf-span-md-7 {
    width: 58.3333333333% !important;
  }
  .hmf-offset-md-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

@media (min-width: 768px) {
  .hmf-span-md-8 {
    width: 66.6666666667% !important;
  }
  .hmf-offset-md-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

@media (min-width: 768px) {
  .hmf-span-md-9 {
    width: 75% !important;
  }
  .hmf-offset-md-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

@media (min-width: 768px) {
  .hmf-span-md-10 {
    width: 83.3333333333% !important;
  }
  .hmf-offset-md-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

@media (min-width: 768px) {
  .hmf-span-md-11 {
    width: 91.6666666667% !important;
  }
  .hmf-offset-md-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

@media (min-width: 768px) {
  .hmf-span-md-12 {
    width: 100% !important;
  }
  .hmf-offset-md-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-0 {
    width: 0% !important;
  }
  .hmf-offset-lg-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-1 {
    width: 8.3333333333% !important;
  }
  .hmf-offset-lg-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-2 {
    width: 16.6666666667% !important;
  }
  .hmf-offset-lg-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-3 {
    width: 25% !important;
  }
  .hmf-offset-lg-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-4 {
    width: 33.3333333333% !important;
  }
  .hmf-offset-lg-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-5 {
    width: 41.6666666667% !important;
  }
  .hmf-offset-lg-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-6 {
    width: 50% !important;
  }
  .hmf-offset-lg-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-7 {
    width: 58.3333333333% !important;
  }
  .hmf-offset-lg-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-8 {
    width: 66.6666666667% !important;
  }
  .hmf-offset-lg-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-9 {
    width: 75% !important;
  }
  .hmf-offset-lg-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-10 {
    width: 83.3333333333% !important;
  }
  .hmf-offset-lg-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-11 {
    width: 91.6666666667% !important;
  }
  .hmf-offset-lg-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

@media (min-width: 1024px) {
  .hmf-span-lg-12 {
    width: 100% !important;
  }
  .hmf-offset-lg-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

@media (min-width: 1280px) {
  .hmf-span-l-0 {
    width: 0% !important;
  }
  .hmf-offset-l-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

@media (min-width: 1280px) {
  .hmf-span-l-1 {
    width: 8.3333333333% !important;
  }
  .hmf-offset-l-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

@media (min-width: 1280px) {
  .hmf-span-l-2 {
    width: 16.6666666667% !important;
  }
  .hmf-offset-l-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

@media (min-width: 1280px) {
  .hmf-span-l-3 {
    width: 25% !important;
  }
  .hmf-offset-l-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

@media (min-width: 1280px) {
  .hmf-span-l-4 {
    width: 33.3333333333% !important;
  }
  .hmf-offset-l-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

@media (min-width: 1280px) {
  .hmf-span-l-5 {
    width: 41.6666666667% !important;
  }
  .hmf-offset-l-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

@media (min-width: 1280px) {
  .hmf-span-l-6 {
    width: 50% !important;
  }
  .hmf-offset-l-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

@media (min-width: 1280px) {
  .hmf-span-l-7 {
    width: 58.3333333333% !important;
  }
  .hmf-offset-l-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

@media (min-width: 1280px) {
  .hmf-span-l-8 {
    width: 66.6666666667% !important;
  }
  .hmf-offset-l-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

@media (min-width: 1280px) {
  .hmf-span-l-9 {
    width: 75% !important;
  }
  .hmf-offset-l-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

@media (min-width: 1280px) {
  .hmf-span-l-10 {
    width: 83.3333333333% !important;
  }
  .hmf-offset-l-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

@media (min-width: 1280px) {
  .hmf-span-l-11 {
    width: 91.6666666667% !important;
  }
  .hmf-offset-l-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

@media (min-width: 1280px) {
  .hmf-span-l-12 {
    width: 100% !important;
  }
  .hmf-offset-l-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-0 {
    width: 0% !important;
  }
  .hmf-offset-xlg-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-1 {
    width: 8.3333333333% !important;
  }
  .hmf-offset-xlg-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-2 {
    width: 16.6666666667% !important;
  }
  .hmf-offset-xlg-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-3 {
    width: 25% !important;
  }
  .hmf-offset-xlg-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-4 {
    width: 33.3333333333% !important;
  }
  .hmf-offset-xlg-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-5 {
    width: 41.6666666667% !important;
  }
  .hmf-offset-xlg-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-6 {
    width: 50% !important;
  }
  .hmf-offset-xlg-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-7 {
    width: 58.3333333333% !important;
  }
  .hmf-offset-xlg-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-8 {
    width: 66.6666666667% !important;
  }
  .hmf-offset-xlg-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-9 {
    width: 75% !important;
  }
  .hmf-offset-xlg-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-10 {
    width: 83.3333333333% !important;
  }
  .hmf-offset-xlg-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-11 {
    width: 91.6666666667% !important;
  }
  .hmf-offset-xlg-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

@media (min-width: 1280px) {
  .hmf-span-xlg-12 {
    width: 100% !important;
  }
  .hmf-offset-xlg-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-0 {
    width: 0% !important;
  }
  .hmf-offset-xl-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-1 {
    width: 8.3333333333% !important;
  }
  .hmf-offset-xl-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-2 {
    width: 16.6666666667% !important;
  }
  .hmf-offset-xl-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-3 {
    width: 25% !important;
  }
  .hmf-offset-xl-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-4 {
    width: 33.3333333333% !important;
  }
  .hmf-offset-xl-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-5 {
    width: 41.6666666667% !important;
  }
  .hmf-offset-xl-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-6 {
    width: 50% !important;
  }
  .hmf-offset-xl-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-7 {
    width: 58.3333333333% !important;
  }
  .hmf-offset-xl-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-8 {
    width: 66.6666666667% !important;
  }
  .hmf-offset-xl-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-9 {
    width: 75% !important;
  }
  .hmf-offset-xl-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-10 {
    width: 83.3333333333% !important;
  }
  .hmf-offset-xl-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-11 {
    width: 91.6666666667% !important;
  }
  .hmf-offset-xl-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

@media (min-width: 1440px) {
  .hmf-span-xl-12 {
    width: 100% !important;
  }
  .hmf-offset-xl-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.hmf-span-0 {
  width: 0%;
}

.hmf-offset-0 {
  margin-left: 0%;
  margin-right: 0%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-0 {
    width: 0% !important;
  }
  .hmf-offset-xxlg-0 {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
.hmf-span-1 {
  width: 8.3333333333%;
}

.hmf-offset-1 {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-1 {
    width: 8.3333333333% !important;
  }
  .hmf-offset-xxlg-1 {
    margin-left: 8.3333333333% !important;
    margin-right: 8.3333333333% !important;
  }
}
.hmf-span-2 {
  width: 16.6666666667%;
}

.hmf-offset-2 {
  margin-left: 16.6666666667%;
  margin-right: 16.6666666667%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-2 {
    width: 16.6666666667% !important;
  }
  .hmf-offset-xxlg-2 {
    margin-left: 16.6666666667% !important;
    margin-right: 16.6666666667% !important;
  }
}
.hmf-span-3 {
  width: 25%;
}

.hmf-offset-3 {
  margin-left: 25%;
  margin-right: 25%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-3 {
    width: 25% !important;
  }
  .hmf-offset-xxlg-3 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
.hmf-span-4 {
  width: 33.3333333333%;
}

.hmf-offset-4 {
  margin-left: 33.3333333333%;
  margin-right: 33.3333333333%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-4 {
    width: 33.3333333333% !important;
  }
  .hmf-offset-xxlg-4 {
    margin-left: 33.3333333333% !important;
    margin-right: 33.3333333333% !important;
  }
}
.hmf-span-5 {
  width: 41.6666666667%;
}

.hmf-offset-5 {
  margin-left: 41.6666666667%;
  margin-right: 41.6666666667%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-5 {
    width: 41.6666666667% !important;
  }
  .hmf-offset-xxlg-5 {
    margin-left: 41.6666666667% !important;
    margin-right: 41.6666666667% !important;
  }
}
.hmf-span-6 {
  width: 50%;
}

.hmf-offset-6 {
  margin-left: 50%;
  margin-right: 50%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-6 {
    width: 50% !important;
  }
  .hmf-offset-xxlg-6 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.hmf-span-7 {
  width: 58.3333333333%;
}

.hmf-offset-7 {
  margin-left: 58.3333333333%;
  margin-right: 58.3333333333%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-7 {
    width: 58.3333333333% !important;
  }
  .hmf-offset-xxlg-7 {
    margin-left: 58.3333333333% !important;
    margin-right: 58.3333333333% !important;
  }
}
.hmf-span-8 {
  width: 66.6666666667%;
}

.hmf-offset-8 {
  margin-left: 66.6666666667%;
  margin-right: 66.6666666667%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-8 {
    width: 66.6666666667% !important;
  }
  .hmf-offset-xxlg-8 {
    margin-left: 66.6666666667% !important;
    margin-right: 66.6666666667% !important;
  }
}
.hmf-span-9 {
  width: 75%;
}

.hmf-offset-9 {
  margin-left: 75%;
  margin-right: 75%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-9 {
    width: 75% !important;
  }
  .hmf-offset-xxlg-9 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }
}
.hmf-span-10 {
  width: 83.3333333333%;
}

.hmf-offset-10 {
  margin-left: 83.3333333333%;
  margin-right: 83.3333333333%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-10 {
    width: 83.3333333333% !important;
  }
  .hmf-offset-xxlg-10 {
    margin-left: 83.3333333333% !important;
    margin-right: 83.3333333333% !important;
  }
}
.hmf-span-11 {
  width: 91.6666666667%;
}

.hmf-offset-11 {
  margin-left: 91.6666666667%;
  margin-right: 91.6666666667%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-11 {
    width: 91.6666666667% !important;
  }
  .hmf-offset-xxlg-11 {
    margin-left: 91.6666666667% !important;
    margin-right: 91.6666666667% !important;
  }
}
.hmf-span-12 {
  width: 100%;
}

.hmf-offset-12 {
  margin-left: 100%;
  margin-right: 100%;
}

@media (min-width: 1440px) {
  .hmf-span-xxlg-12 {
    width: 100% !important;
  }
  .hmf-offset-xxlg-12 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }
}
.page {
  padding-left: 16px;
  padding-right: 16px;
}

@media (min-width: 375px) {
  .page {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (min-width: 768px) {
  .page {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (min-width: 1280px) {
  .page {
    padding-left: 28px;
    padding-right: 28px;
  }
}
@media (min-width: 1440px) {
  .page {
    padding-left: 40px;
    padding-right: 40px;
  }
}
/** @format */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/** @format */
/** @format */
.hmf-m-auto {
  margin: auto !important;
}

.hmf-mt-auto,
.hmf-my-auto {
  margin-top: auto !important;
}

.hmf-mr-auto,
.hmf-mx-auto {
  margin-right: auto !important;
}

.hmf-mb-auto,
.hmf-my-auto {
  margin-bottom: auto !important;
}

.hmf-ml-auto,
.hmf-mx-auto {
  margin-left: auto !important;
}

.hmf-m-0 {
  margin: 0px !important;
}

.hmf-mt-0,
.hmf-my-0 {
  margin-top: 0px !important;
}

.hmf-mr-0,
.hmf-mx-0 {
  margin-right: 0px !important;
}

.hmf-mb-0,
.hmf-my-0 {
  margin-bottom: 0px !important;
}

.hmf-ml-0,
.hmf-mx-0 {
  margin-left: 0px !important;
}

.hmf-m-xxxs {
  margin: 4px !important;
}

.hmf-mt-xxxs,
.hmf-my-xxxs {
  margin-top: 4px !important;
}

.hmf-mr-xxxs,
.hmf-mx-xxxs {
  margin-right: 4px !important;
}

.hmf-mb-xxxs,
.hmf-my-xxxs {
  margin-bottom: 4px !important;
}

.hmf-ml-xxxs,
.hmf-mx-xxxs {
  margin-left: 4px !important;
}

.hmf-m-xxs {
  margin: 8px !important;
}

.hmf-mt-xxs,
.hmf-my-xxs {
  margin-top: 8px !important;
}

.hmf-mr-xxs,
.hmf-mx-xxs {
  margin-right: 8px !important;
}

.hmf-mb-xxs,
.hmf-my-xxs {
  margin-bottom: 8px !important;
}

.hmf-ml-xxs,
.hmf-mx-xxs {
  margin-left: 8px !important;
}

.hmf-m-xs {
  margin: 12px !important;
}

.hmf-mt-xs,
.hmf-my-xs {
  margin-top: 12px !important;
}

.hmf-mr-xs,
.hmf-mx-xs {
  margin-right: 12px !important;
}

.hmf-mb-xs,
.hmf-my-xs {
  margin-bottom: 12px !important;
}

.hmf-ml-xs,
.hmf-mx-xs {
  margin-left: 12px !important;
}

.hmf-m-s {
  margin: 16px !important;
}

.hmf-mt-s,
.hmf-my-s {
  margin-top: 16px !important;
}

.hmf-mr-s,
.hmf-mx-s {
  margin-right: 16px !important;
}

.hmf-mb-s,
.hmf-my-s {
  margin-bottom: 16px !important;
}

.hmf-ml-s,
.hmf-mx-s {
  margin-left: 16px !important;
}

.hmf-m-m {
  margin: 24px !important;
}

.hmf-mt-m,
.hmf-my-m {
  margin-top: 24px !important;
}

.hmf-mr-m,
.hmf-mx-m {
  margin-right: 24px !important;
}

.hmf-mb-m,
.hmf-my-m {
  margin-bottom: 24px !important;
}

.hmf-ml-m,
.hmf-mx-m {
  margin-left: 24px !important;
}

.hmf-m-l {
  margin: 32px !important;
}

.hmf-mt-l,
.hmf-my-l {
  margin-top: 32px !important;
}

.hmf-mr-l,
.hmf-mx-l {
  margin-right: 32px !important;
}

.hmf-mb-l,
.hmf-my-l {
  margin-bottom: 32px !important;
}

.hmf-ml-l,
.hmf-mx-l {
  margin-left: 32px !important;
}

.hmf-m-xl {
  margin: 48px !important;
}

.hmf-mt-xl,
.hmf-my-xl {
  margin-top: 48px !important;
}

.hmf-mr-xl,
.hmf-mx-xl {
  margin-right: 48px !important;
}

.hmf-mb-xl,
.hmf-my-xl {
  margin-bottom: 48px !important;
}

.hmf-ml-xl,
.hmf-mx-xl {
  margin-left: 48px !important;
}

.hmf-m-xxl {
  margin: 72px !important;
}

.hmf-mt-xxl,
.hmf-my-xxl {
  margin-top: 72px !important;
}

.hmf-mr-xxl,
.hmf-mx-xxl {
  margin-right: 72px !important;
}

.hmf-mb-xxl,
.hmf-my-xxl {
  margin-bottom: 72px !important;
}

.hmf-ml-xxl,
.hmf-mx-xxl {
  margin-left: 72px !important;
}

.hmf-m-xxxl {
  margin: 96px !important;
}

.hmf-mt-xxxl,
.hmf-my-xxxl {
  margin-top: 96px !important;
}

.hmf-mr-xxxl,
.hmf-mx-xxxl {
  margin-right: 96px !important;
}

.hmf-mb-xxxl,
.hmf-my-xxxl {
  margin-bottom: 96px !important;
}

.hmf-ml-xxxl,
.hmf-mx-xxxl {
  margin-left: 96px !important;
}

.hmf-m-xxxxl {
  margin: 120px !important;
}

.hmf-mt-xxxxl,
.hmf-my-xxxxl {
  margin-top: 120px !important;
}

.hmf-mr-xxxxl,
.hmf-mx-xxxxl {
  margin-right: 120px !important;
}

.hmf-mb-xxxxl,
.hmf-my-xxxxl {
  margin-bottom: 120px !important;
}

.hmf-ml-xxxxl,
.hmf-mx-xxxxl {
  margin-left: 120px !important;
}

.hmf-p-auto {
  padding: auto !important;
}

.hmf-pt-auto,
.hmf-py-auto {
  padding-top: auto !important;
}

.hmf-pr-auto,
.hmf-px-auto {
  padding-right: auto !important;
}

.hmf-pb-auto,
.hmf-py-auto {
  padding-bottom: auto !important;
}

.hmf-pl-auto,
.hmf-px-auto {
  padding-left: auto !important;
}

.hmf-p-0 {
  padding: 0px !important;
}

.hmf-pt-0,
.hmf-py-0 {
  padding-top: 0px !important;
}

.hmf-pr-0,
.hmf-px-0 {
  padding-right: 0px !important;
}

.hmf-pb-0,
.hmf-py-0 {
  padding-bottom: 0px !important;
}

.hmf-pl-0,
.hmf-px-0 {
  padding-left: 0px !important;
}

.hmf-p-xxxs {
  padding: 4px !important;
}

.hmf-pt-xxxs,
.hmf-py-xxxs {
  padding-top: 4px !important;
}

.hmf-pr-xxxs,
.hmf-px-xxxs {
  padding-right: 4px !important;
}

.hmf-pb-xxxs,
.hmf-py-xxxs {
  padding-bottom: 4px !important;
}

.hmf-pl-xxxs,
.hmf-px-xxxs {
  padding-left: 4px !important;
}

.hmf-p-xxs {
  padding: 8px !important;
}

.hmf-pt-xxs,
.hmf-py-xxs {
  padding-top: 8px !important;
}

.hmf-pr-xxs,
.hmf-px-xxs {
  padding-right: 8px !important;
}

.hmf-pb-xxs,
.hmf-py-xxs {
  padding-bottom: 8px !important;
}

.hmf-pl-xxs,
.hmf-px-xxs {
  padding-left: 8px !important;
}

.hmf-p-xs {
  padding: 12px !important;
}

.hmf-pt-xs,
.hmf-py-xs {
  padding-top: 12px !important;
}

.hmf-pr-xs,
.hmf-px-xs {
  padding-right: 12px !important;
}

.hmf-pb-xs,
.hmf-py-xs {
  padding-bottom: 12px !important;
}

.hmf-pl-xs,
.hmf-px-xs {
  padding-left: 12px !important;
}

.hmf-p-s {
  padding: 16px !important;
}

.hmf-pt-s,
.hmf-py-s {
  padding-top: 16px !important;
}

.hmf-pr-s,
.hmf-px-s {
  padding-right: 16px !important;
}

.hmf-pb-s,
.hmf-py-s {
  padding-bottom: 16px !important;
}

.hmf-pl-s,
.hmf-px-s {
  padding-left: 16px !important;
}

.hmf-p-m {
  padding: 24px !important;
}

.hmf-pt-m,
.hmf-py-m {
  padding-top: 24px !important;
}

.hmf-pr-m,
.hmf-px-m {
  padding-right: 24px !important;
}

.hmf-pb-m,
.hmf-py-m {
  padding-bottom: 24px !important;
}

.hmf-pl-m,
.hmf-px-m {
  padding-left: 24px !important;
}

.hmf-p-l {
  padding: 32px !important;
}

.hmf-pt-l,
.hmf-py-l {
  padding-top: 32px !important;
}

.hmf-pr-l,
.hmf-px-l {
  padding-right: 32px !important;
}

.hmf-pb-l,
.hmf-py-l {
  padding-bottom: 32px !important;
}

.hmf-pl-l,
.hmf-px-l {
  padding-left: 32px !important;
}

.hmf-p-xl {
  padding: 48px !important;
}

.hmf-pt-xl,
.hmf-py-xl {
  padding-top: 48px !important;
}

.hmf-pr-xl,
.hmf-px-xl {
  padding-right: 48px !important;
}

.hmf-pb-xl,
.hmf-py-xl {
  padding-bottom: 48px !important;
}

.hmf-pl-xl,
.hmf-px-xl {
  padding-left: 48px !important;
}

.hmf-p-xxl {
  padding: 72px !important;
}

.hmf-pt-xxl,
.hmf-py-xxl {
  padding-top: 72px !important;
}

.hmf-pr-xxl,
.hmf-px-xxl {
  padding-right: 72px !important;
}

.hmf-pb-xxl,
.hmf-py-xxl {
  padding-bottom: 72px !important;
}

.hmf-pl-xxl,
.hmf-px-xxl {
  padding-left: 72px !important;
}

.hmf-p-xxxl {
  padding: 96px !important;
}

.hmf-pt-xxxl,
.hmf-py-xxxl {
  padding-top: 96px !important;
}

.hmf-pr-xxxl,
.hmf-px-xxxl {
  padding-right: 96px !important;
}

.hmf-pb-xxxl,
.hmf-py-xxxl {
  padding-bottom: 96px !important;
}

.hmf-pl-xxxl,
.hmf-px-xxxl {
  padding-left: 96px !important;
}

.hmf-p-xxxxl {
  padding: 120px !important;
}

.hmf-pt-xxxxl,
.hmf-py-xxxxl {
  padding-top: 120px !important;
}

.hmf-pr-xxxxl,
.hmf-px-xxxxl {
  padding-right: 120px !important;
}

.hmf-pb-xxxxl,
.hmf-py-xxxxl {
  padding-bottom: 120px !important;
}

.hmf-pl-xxxxl,
.hmf-px-xxxxl {
  padding-left: 120px !important;
}

.hmf-m-auto {
  margin: auto !important;
}

.hmf-mt-auto,
.hmf-my-auto {
  margin-top: auto !important;
}

.hmf-mr-auto,
.hmf-mx-auto {
  margin-right: auto !important;
}

.hmf-mb-auto,
.hmf-my-auto {
  margin-bottom: auto !important;
}

.hmf-ml-auto,
.hmf-mx-auto {
  margin-left: auto !important;
}

.hmf-m-auto {
  margin: auto !important;
}

.hmf-mt-auto,
.hmf-my-auto {
  margin-top: auto !important;
}

.hmf-mr-auto,
.hmf-mx-auto {
  margin-right: auto !important;
}

.hmf-mb-auto,
.hmf-my-auto {
  margin-bottom: auto !important;
}

.hmf-ml-auto,
.hmf-mx-auto {
  margin-left: auto !important;
}

.hmf-m-0 {
  margin: 0px !important;
}

.hmf-mt-0,
.hmf-my-0 {
  margin-top: 0px !important;
}

.hmf-mr-0,
.hmf-mx-0 {
  margin-right: 0px !important;
}

.hmf-mb-0,
.hmf-my-0 {
  margin-bottom: 0px !important;
}

.hmf-ml-0,
.hmf-mx-0 {
  margin-left: 0px !important;
}

.hmf-m-xxxs {
  margin: 4px !important;
}

.hmf-mt-xxxs,
.hmf-my-xxxs {
  margin-top: 4px !important;
}

.hmf-mr-xxxs,
.hmf-mx-xxxs {
  margin-right: 4px !important;
}

.hmf-mb-xxxs,
.hmf-my-xxxs {
  margin-bottom: 4px !important;
}

.hmf-ml-xxxs,
.hmf-mx-xxxs {
  margin-left: 4px !important;
}

.hmf-m-xxs {
  margin: 8px !important;
}

.hmf-mt-xxs,
.hmf-my-xxs {
  margin-top: 8px !important;
}

.hmf-mr-xxs,
.hmf-mx-xxs {
  margin-right: 8px !important;
}

.hmf-mb-xxs,
.hmf-my-xxs {
  margin-bottom: 8px !important;
}

.hmf-ml-xxs,
.hmf-mx-xxs {
  margin-left: 8px !important;
}

.hmf-m-xs {
  margin: 12px !important;
}

.hmf-mt-xs,
.hmf-my-xs {
  margin-top: 12px !important;
}

.hmf-mr-xs,
.hmf-mx-xs {
  margin-right: 12px !important;
}

.hmf-mb-xs,
.hmf-my-xs {
  margin-bottom: 12px !important;
}

.hmf-ml-xs,
.hmf-mx-xs {
  margin-left: 12px !important;
}

.hmf-m-s {
  margin: 16px !important;
}

.hmf-mt-s,
.hmf-my-s {
  margin-top: 16px !important;
}

.hmf-mr-s,
.hmf-mx-s {
  margin-right: 16px !important;
}

.hmf-mb-s,
.hmf-my-s {
  margin-bottom: 16px !important;
}

.hmf-ml-s,
.hmf-mx-s {
  margin-left: 16px !important;
}

.hmf-m-m {
  margin: 24px !important;
}

.hmf-mt-m,
.hmf-my-m {
  margin-top: 24px !important;
}

.hmf-mr-m,
.hmf-mx-m {
  margin-right: 24px !important;
}

.hmf-mb-m,
.hmf-my-m {
  margin-bottom: 24px !important;
}

.hmf-ml-m,
.hmf-mx-m {
  margin-left: 24px !important;
}

.hmf-m-l {
  margin: 32px !important;
}

.hmf-mt-l,
.hmf-my-l {
  margin-top: 32px !important;
}

.hmf-mr-l,
.hmf-mx-l {
  margin-right: 32px !important;
}

.hmf-mb-l,
.hmf-my-l {
  margin-bottom: 32px !important;
}

.hmf-ml-l,
.hmf-mx-l {
  margin-left: 32px !important;
}

.hmf-m-xl {
  margin: 48px !important;
}

.hmf-mt-xl,
.hmf-my-xl {
  margin-top: 48px !important;
}

.hmf-mr-xl,
.hmf-mx-xl {
  margin-right: 48px !important;
}

.hmf-mb-xl,
.hmf-my-xl {
  margin-bottom: 48px !important;
}

.hmf-ml-xl,
.hmf-mx-xl {
  margin-left: 48px !important;
}

.hmf-m-xxl {
  margin: 72px !important;
}

.hmf-mt-xxl,
.hmf-my-xxl {
  margin-top: 72px !important;
}

.hmf-mr-xxl,
.hmf-mx-xxl {
  margin-right: 72px !important;
}

.hmf-mb-xxl,
.hmf-my-xxl {
  margin-bottom: 72px !important;
}

.hmf-ml-xxl,
.hmf-mx-xxl {
  margin-left: 72px !important;
}

.hmf-m-xxxl {
  margin: 96px !important;
}

.hmf-mt-xxxl,
.hmf-my-xxxl {
  margin-top: 96px !important;
}

.hmf-mr-xxxl,
.hmf-mx-xxxl {
  margin-right: 96px !important;
}

.hmf-mb-xxxl,
.hmf-my-xxxl {
  margin-bottom: 96px !important;
}

.hmf-ml-xxxl,
.hmf-mx-xxxl {
  margin-left: 96px !important;
}

.hmf-m-xxxxl {
  margin: 120px !important;
}

.hmf-mt-xxxxl,
.hmf-my-xxxxl {
  margin-top: 120px !important;
}

.hmf-mr-xxxxl,
.hmf-mx-xxxxl {
  margin-right: 120px !important;
}

.hmf-mb-xxxxl,
.hmf-my-xxxxl {
  margin-bottom: 120px !important;
}

.hmf-ml-xxxxl,
.hmf-mx-xxxxl {
  margin-left: 120px !important;
}

.hmf-p-auto {
  padding: auto !important;
}

.hmf-pt-auto,
.hmf-py-auto {
  padding-top: auto !important;
}

.hmf-pr-auto,
.hmf-px-auto {
  padding-right: auto !important;
}

.hmf-pb-auto,
.hmf-py-auto {
  padding-bottom: auto !important;
}

.hmf-pl-auto,
.hmf-px-auto {
  padding-left: auto !important;
}

.hmf-p-0 {
  padding: 0px !important;
}

.hmf-pt-0,
.hmf-py-0 {
  padding-top: 0px !important;
}

.hmf-pr-0,
.hmf-px-0 {
  padding-right: 0px !important;
}

.hmf-pb-0,
.hmf-py-0 {
  padding-bottom: 0px !important;
}

.hmf-pl-0,
.hmf-px-0 {
  padding-left: 0px !important;
}

.hmf-p-xxxs {
  padding: 4px !important;
}

.hmf-pt-xxxs,
.hmf-py-xxxs {
  padding-top: 4px !important;
}

.hmf-pr-xxxs,
.hmf-px-xxxs {
  padding-right: 4px !important;
}

.hmf-pb-xxxs,
.hmf-py-xxxs {
  padding-bottom: 4px !important;
}

.hmf-pl-xxxs,
.hmf-px-xxxs {
  padding-left: 4px !important;
}

.hmf-p-xxs {
  padding: 8px !important;
}

.hmf-pt-xxs,
.hmf-py-xxs {
  padding-top: 8px !important;
}

.hmf-pr-xxs,
.hmf-px-xxs {
  padding-right: 8px !important;
}

.hmf-pb-xxs,
.hmf-py-xxs {
  padding-bottom: 8px !important;
}

.hmf-pl-xxs,
.hmf-px-xxs {
  padding-left: 8px !important;
}

.hmf-p-xs {
  padding: 12px !important;
}

.hmf-pt-xs,
.hmf-py-xs {
  padding-top: 12px !important;
}

.hmf-pr-xs,
.hmf-px-xs {
  padding-right: 12px !important;
}

.hmf-pb-xs,
.hmf-py-xs {
  padding-bottom: 12px !important;
}

.hmf-pl-xs,
.hmf-px-xs {
  padding-left: 12px !important;
}

.hmf-p-s {
  padding: 16px !important;
}

.hmf-pt-s,
.hmf-py-s {
  padding-top: 16px !important;
}

.hmf-pr-s,
.hmf-px-s {
  padding-right: 16px !important;
}

.hmf-pb-s,
.hmf-py-s {
  padding-bottom: 16px !important;
}

.hmf-pl-s,
.hmf-px-s {
  padding-left: 16px !important;
}

.hmf-p-m {
  padding: 24px !important;
}

.hmf-pt-m,
.hmf-py-m {
  padding-top: 24px !important;
}

.hmf-pr-m,
.hmf-px-m {
  padding-right: 24px !important;
}

.hmf-pb-m,
.hmf-py-m {
  padding-bottom: 24px !important;
}

.hmf-pl-m,
.hmf-px-m {
  padding-left: 24px !important;
}

.hmf-p-l {
  padding: 32px !important;
}

.hmf-pt-l,
.hmf-py-l {
  padding-top: 32px !important;
}

.hmf-pr-l,
.hmf-px-l {
  padding-right: 32px !important;
}

.hmf-pb-l,
.hmf-py-l {
  padding-bottom: 32px !important;
}

.hmf-pl-l,
.hmf-px-l {
  padding-left: 32px !important;
}

.hmf-p-xl {
  padding: 48px !important;
}

.hmf-pt-xl,
.hmf-py-xl {
  padding-top: 48px !important;
}

.hmf-pr-xl,
.hmf-px-xl {
  padding-right: 48px !important;
}

.hmf-pb-xl,
.hmf-py-xl {
  padding-bottom: 48px !important;
}

.hmf-pl-xl,
.hmf-px-xl {
  padding-left: 48px !important;
}

.hmf-p-xxl {
  padding: 72px !important;
}

.hmf-pt-xxl,
.hmf-py-xxl {
  padding-top: 72px !important;
}

.hmf-pr-xxl,
.hmf-px-xxl {
  padding-right: 72px !important;
}

.hmf-pb-xxl,
.hmf-py-xxl {
  padding-bottom: 72px !important;
}

.hmf-pl-xxl,
.hmf-px-xxl {
  padding-left: 72px !important;
}

.hmf-p-xxxl {
  padding: 96px !important;
}

.hmf-pt-xxxl,
.hmf-py-xxxl {
  padding-top: 96px !important;
}

.hmf-pr-xxxl,
.hmf-px-xxxl {
  padding-right: 96px !important;
}

.hmf-pb-xxxl,
.hmf-py-xxxl {
  padding-bottom: 96px !important;
}

.hmf-pl-xxxl,
.hmf-px-xxxl {
  padding-left: 96px !important;
}

.hmf-p-xxxxl {
  padding: 120px !important;
}

.hmf-pt-xxxxl,
.hmf-py-xxxxl {
  padding-top: 120px !important;
}

.hmf-pr-xxxxl,
.hmf-px-xxxxl {
  padding-right: 120px !important;
}

.hmf-pb-xxxxl,
.hmf-py-xxxxl {
  padding-bottom: 120px !important;
}

.hmf-pl-xxxxl,
.hmf-px-xxxxl {
  padding-left: 120px !important;
}

.hmf-m-auto {
  margin: auto !important;
}

.hmf-mt-auto,
.hmf-my-auto {
  margin-top: auto !important;
}

.hmf-mr-auto,
.hmf-mx-auto {
  margin-right: auto !important;
}

.hmf-mb-auto,
.hmf-my-auto {
  margin-bottom: auto !important;
}

.hmf-ml-auto,
.hmf-mx-auto {
  margin-left: auto !important;
}

@media (min-width: 375px) {
  .hmf-m-s-auto {
    margin: auto !important;
  }
  .hmf-mt-s-auto,
  .hmf-my-s-auto {
    margin-top: auto !important;
  }
  .hmf-mr-s-auto,
  .hmf-mx-s-auto {
    margin-right: auto !important;
  }
  .hmf-mb-s-auto,
  .hmf-my-s-auto {
    margin-bottom: auto !important;
  }
  .hmf-ml-s-auto,
  .hmf-mx-s-auto {
    margin-left: auto !important;
  }
  .hmf-m-s-0 {
    margin: 0px !important;
  }
  .hmf-mt-s-0,
  .hmf-my-s-0 {
    margin-top: 0px !important;
  }
  .hmf-mr-s-0,
  .hmf-mx-s-0 {
    margin-right: 0px !important;
  }
  .hmf-mb-s-0,
  .hmf-my-s-0 {
    margin-bottom: 0px !important;
  }
  .hmf-ml-s-0,
  .hmf-mx-s-0 {
    margin-left: 0px !important;
  }
  .hmf-m-s-xxxs {
    margin: 4px !important;
  }
  .hmf-mt-s-xxxs,
  .hmf-my-s-xxxs {
    margin-top: 4px !important;
  }
  .hmf-mr-s-xxxs,
  .hmf-mx-s-xxxs {
    margin-right: 4px !important;
  }
  .hmf-mb-s-xxxs,
  .hmf-my-s-xxxs {
    margin-bottom: 4px !important;
  }
  .hmf-ml-s-xxxs,
  .hmf-mx-s-xxxs {
    margin-left: 4px !important;
  }
  .hmf-m-s-xxs {
    margin: 8px !important;
  }
  .hmf-mt-s-xxs,
  .hmf-my-s-xxs {
    margin-top: 8px !important;
  }
  .hmf-mr-s-xxs,
  .hmf-mx-s-xxs {
    margin-right: 8px !important;
  }
  .hmf-mb-s-xxs,
  .hmf-my-s-xxs {
    margin-bottom: 8px !important;
  }
  .hmf-ml-s-xxs,
  .hmf-mx-s-xxs {
    margin-left: 8px !important;
  }
  .hmf-m-s-xs {
    margin: 12px !important;
  }
  .hmf-mt-s-xs,
  .hmf-my-s-xs {
    margin-top: 12px !important;
  }
  .hmf-mr-s-xs,
  .hmf-mx-s-xs {
    margin-right: 12px !important;
  }
  .hmf-mb-s-xs,
  .hmf-my-s-xs {
    margin-bottom: 12px !important;
  }
  .hmf-ml-s-xs,
  .hmf-mx-s-xs {
    margin-left: 12px !important;
  }
  .hmf-m-s-s {
    margin: 16px !important;
  }
  .hmf-mt-s-s,
  .hmf-my-s-s {
    margin-top: 16px !important;
  }
  .hmf-mr-s-s,
  .hmf-mx-s-s {
    margin-right: 16px !important;
  }
  .hmf-mb-s-s,
  .hmf-my-s-s {
    margin-bottom: 16px !important;
  }
  .hmf-ml-s-s,
  .hmf-mx-s-s {
    margin-left: 16px !important;
  }
  .hmf-m-s-m {
    margin: 24px !important;
  }
  .hmf-mt-s-m,
  .hmf-my-s-m {
    margin-top: 24px !important;
  }
  .hmf-mr-s-m,
  .hmf-mx-s-m {
    margin-right: 24px !important;
  }
  .hmf-mb-s-m,
  .hmf-my-s-m {
    margin-bottom: 24px !important;
  }
  .hmf-ml-s-m,
  .hmf-mx-s-m {
    margin-left: 24px !important;
  }
  .hmf-m-s-l {
    margin: 32px !important;
  }
  .hmf-mt-s-l,
  .hmf-my-s-l {
    margin-top: 32px !important;
  }
  .hmf-mr-s-l,
  .hmf-mx-s-l {
    margin-right: 32px !important;
  }
  .hmf-mb-s-l,
  .hmf-my-s-l {
    margin-bottom: 32px !important;
  }
  .hmf-ml-s-l,
  .hmf-mx-s-l {
    margin-left: 32px !important;
  }
  .hmf-m-s-xl {
    margin: 48px !important;
  }
  .hmf-mt-s-xl,
  .hmf-my-s-xl {
    margin-top: 48px !important;
  }
  .hmf-mr-s-xl,
  .hmf-mx-s-xl {
    margin-right: 48px !important;
  }
  .hmf-mb-s-xl,
  .hmf-my-s-xl {
    margin-bottom: 48px !important;
  }
  .hmf-ml-s-xl,
  .hmf-mx-s-xl {
    margin-left: 48px !important;
  }
  .hmf-m-s-xxl {
    margin: 72px !important;
  }
  .hmf-mt-s-xxl,
  .hmf-my-s-xxl {
    margin-top: 72px !important;
  }
  .hmf-mr-s-xxl,
  .hmf-mx-s-xxl {
    margin-right: 72px !important;
  }
  .hmf-mb-s-xxl,
  .hmf-my-s-xxl {
    margin-bottom: 72px !important;
  }
  .hmf-ml-s-xxl,
  .hmf-mx-s-xxl {
    margin-left: 72px !important;
  }
  .hmf-m-s-xxxl {
    margin: 96px !important;
  }
  .hmf-mt-s-xxxl,
  .hmf-my-s-xxxl {
    margin-top: 96px !important;
  }
  .hmf-mr-s-xxxl,
  .hmf-mx-s-xxxl {
    margin-right: 96px !important;
  }
  .hmf-mb-s-xxxl,
  .hmf-my-s-xxxl {
    margin-bottom: 96px !important;
  }
  .hmf-ml-s-xxxl,
  .hmf-mx-s-xxxl {
    margin-left: 96px !important;
  }
  .hmf-m-s-xxxxl {
    margin: 120px !important;
  }
  .hmf-mt-s-xxxxl,
  .hmf-my-s-xxxxl {
    margin-top: 120px !important;
  }
  .hmf-mr-s-xxxxl,
  .hmf-mx-s-xxxxl {
    margin-right: 120px !important;
  }
  .hmf-mb-s-xxxxl,
  .hmf-my-s-xxxxl {
    margin-bottom: 120px !important;
  }
  .hmf-ml-s-xxxxl,
  .hmf-mx-s-xxxxl {
    margin-left: 120px !important;
  }
  .hmf-p-s-auto {
    padding: auto !important;
  }
  .hmf-pt-s-auto,
  .hmf-py-s-auto {
    padding-top: auto !important;
  }
  .hmf-pr-s-auto,
  .hmf-px-s-auto {
    padding-right: auto !important;
  }
  .hmf-pb-s-auto,
  .hmf-py-s-auto {
    padding-bottom: auto !important;
  }
  .hmf-pl-s-auto,
  .hmf-px-s-auto {
    padding-left: auto !important;
  }
  .hmf-p-s-0 {
    padding: 0px !important;
  }
  .hmf-pt-s-0,
  .hmf-py-s-0 {
    padding-top: 0px !important;
  }
  .hmf-pr-s-0,
  .hmf-px-s-0 {
    padding-right: 0px !important;
  }
  .hmf-pb-s-0,
  .hmf-py-s-0 {
    padding-bottom: 0px !important;
  }
  .hmf-pl-s-0,
  .hmf-px-s-0 {
    padding-left: 0px !important;
  }
  .hmf-p-s-xxxs {
    padding: 4px !important;
  }
  .hmf-pt-s-xxxs,
  .hmf-py-s-xxxs {
    padding-top: 4px !important;
  }
  .hmf-pr-s-xxxs,
  .hmf-px-s-xxxs {
    padding-right: 4px !important;
  }
  .hmf-pb-s-xxxs,
  .hmf-py-s-xxxs {
    padding-bottom: 4px !important;
  }
  .hmf-pl-s-xxxs,
  .hmf-px-s-xxxs {
    padding-left: 4px !important;
  }
  .hmf-p-s-xxs {
    padding: 8px !important;
  }
  .hmf-pt-s-xxs,
  .hmf-py-s-xxs {
    padding-top: 8px !important;
  }
  .hmf-pr-s-xxs,
  .hmf-px-s-xxs {
    padding-right: 8px !important;
  }
  .hmf-pb-s-xxs,
  .hmf-py-s-xxs {
    padding-bottom: 8px !important;
  }
  .hmf-pl-s-xxs,
  .hmf-px-s-xxs {
    padding-left: 8px !important;
  }
  .hmf-p-s-xs {
    padding: 12px !important;
  }
  .hmf-pt-s-xs,
  .hmf-py-s-xs {
    padding-top: 12px !important;
  }
  .hmf-pr-s-xs,
  .hmf-px-s-xs {
    padding-right: 12px !important;
  }
  .hmf-pb-s-xs,
  .hmf-py-s-xs {
    padding-bottom: 12px !important;
  }
  .hmf-pl-s-xs,
  .hmf-px-s-xs {
    padding-left: 12px !important;
  }
  .hmf-p-s-s {
    padding: 16px !important;
  }
  .hmf-pt-s-s,
  .hmf-py-s-s {
    padding-top: 16px !important;
  }
  .hmf-pr-s-s,
  .hmf-px-s-s {
    padding-right: 16px !important;
  }
  .hmf-pb-s-s,
  .hmf-py-s-s {
    padding-bottom: 16px !important;
  }
  .hmf-pl-s-s,
  .hmf-px-s-s {
    padding-left: 16px !important;
  }
  .hmf-p-s-m {
    padding: 24px !important;
  }
  .hmf-pt-s-m,
  .hmf-py-s-m {
    padding-top: 24px !important;
  }
  .hmf-pr-s-m,
  .hmf-px-s-m {
    padding-right: 24px !important;
  }
  .hmf-pb-s-m,
  .hmf-py-s-m {
    padding-bottom: 24px !important;
  }
  .hmf-pl-s-m,
  .hmf-px-s-m {
    padding-left: 24px !important;
  }
  .hmf-p-s-l {
    padding: 32px !important;
  }
  .hmf-pt-s-l,
  .hmf-py-s-l {
    padding-top: 32px !important;
  }
  .hmf-pr-s-l,
  .hmf-px-s-l {
    padding-right: 32px !important;
  }
  .hmf-pb-s-l,
  .hmf-py-s-l {
    padding-bottom: 32px !important;
  }
  .hmf-pl-s-l,
  .hmf-px-s-l {
    padding-left: 32px !important;
  }
  .hmf-p-s-xl {
    padding: 48px !important;
  }
  .hmf-pt-s-xl,
  .hmf-py-s-xl {
    padding-top: 48px !important;
  }
  .hmf-pr-s-xl,
  .hmf-px-s-xl {
    padding-right: 48px !important;
  }
  .hmf-pb-s-xl,
  .hmf-py-s-xl {
    padding-bottom: 48px !important;
  }
  .hmf-pl-s-xl,
  .hmf-px-s-xl {
    padding-left: 48px !important;
  }
  .hmf-p-s-xxl {
    padding: 72px !important;
  }
  .hmf-pt-s-xxl,
  .hmf-py-s-xxl {
    padding-top: 72px !important;
  }
  .hmf-pr-s-xxl,
  .hmf-px-s-xxl {
    padding-right: 72px !important;
  }
  .hmf-pb-s-xxl,
  .hmf-py-s-xxl {
    padding-bottom: 72px !important;
  }
  .hmf-pl-s-xxl,
  .hmf-px-s-xxl {
    padding-left: 72px !important;
  }
  .hmf-p-s-xxxl {
    padding: 96px !important;
  }
  .hmf-pt-s-xxxl,
  .hmf-py-s-xxxl {
    padding-top: 96px !important;
  }
  .hmf-pr-s-xxxl,
  .hmf-px-s-xxxl {
    padding-right: 96px !important;
  }
  .hmf-pb-s-xxxl,
  .hmf-py-s-xxxl {
    padding-bottom: 96px !important;
  }
  .hmf-pl-s-xxxl,
  .hmf-px-s-xxxl {
    padding-left: 96px !important;
  }
  .hmf-p-s-xxxxl {
    padding: 120px !important;
  }
  .hmf-pt-s-xxxxl,
  .hmf-py-s-xxxxl {
    padding-top: 120px !important;
  }
  .hmf-pr-s-xxxxl,
  .hmf-px-s-xxxxl {
    padding-right: 120px !important;
  }
  .hmf-pb-s-xxxxl,
  .hmf-py-s-xxxxl {
    padding-bottom: 120px !important;
  }
  .hmf-pl-s-xxxxl,
  .hmf-px-s-xxxxl {
    padding-left: 120px !important;
  }
  .hmf-m-s-auto {
    margin: auto !important;
  }
  .hmf-mt-s-auto,
  .hmf-my-s-auto {
    margin-top: auto !important;
  }
  .hmf-mr-s-auto,
  .hmf-mx-s-auto {
    margin-right: auto !important;
  }
  .hmf-mb-s-auto,
  .hmf-my-s-auto {
    margin-bottom: auto !important;
  }
  .hmf-ml-s-auto,
  .hmf-mx-s-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 375px) {
  .hmf-m-xsm-auto {
    margin: auto !important;
  }
  .hmf-mt-xsm-auto,
  .hmf-my-xsm-auto {
    margin-top: auto !important;
  }
  .hmf-mr-xsm-auto,
  .hmf-mx-xsm-auto {
    margin-right: auto !important;
  }
  .hmf-mb-xsm-auto,
  .hmf-my-xsm-auto {
    margin-bottom: auto !important;
  }
  .hmf-ml-xsm-auto,
  .hmf-mx-xsm-auto {
    margin-left: auto !important;
  }
  .hmf-m-xsm-0 {
    margin: 0px !important;
  }
  .hmf-mt-xsm-0,
  .hmf-my-xsm-0 {
    margin-top: 0px !important;
  }
  .hmf-mr-xsm-0,
  .hmf-mx-xsm-0 {
    margin-right: 0px !important;
  }
  .hmf-mb-xsm-0,
  .hmf-my-xsm-0 {
    margin-bottom: 0px !important;
  }
  .hmf-ml-xsm-0,
  .hmf-mx-xsm-0 {
    margin-left: 0px !important;
  }
  .hmf-m-xsm-xxxs {
    margin: 4px !important;
  }
  .hmf-mt-xsm-xxxs,
  .hmf-my-xsm-xxxs {
    margin-top: 4px !important;
  }
  .hmf-mr-xsm-xxxs,
  .hmf-mx-xsm-xxxs {
    margin-right: 4px !important;
  }
  .hmf-mb-xsm-xxxs,
  .hmf-my-xsm-xxxs {
    margin-bottom: 4px !important;
  }
  .hmf-ml-xsm-xxxs,
  .hmf-mx-xsm-xxxs {
    margin-left: 4px !important;
  }
  .hmf-m-xsm-xxs {
    margin: 8px !important;
  }
  .hmf-mt-xsm-xxs,
  .hmf-my-xsm-xxs {
    margin-top: 8px !important;
  }
  .hmf-mr-xsm-xxs,
  .hmf-mx-xsm-xxs {
    margin-right: 8px !important;
  }
  .hmf-mb-xsm-xxs,
  .hmf-my-xsm-xxs {
    margin-bottom: 8px !important;
  }
  .hmf-ml-xsm-xxs,
  .hmf-mx-xsm-xxs {
    margin-left: 8px !important;
  }
  .hmf-m-xsm-xs {
    margin: 12px !important;
  }
  .hmf-mt-xsm-xs,
  .hmf-my-xsm-xs {
    margin-top: 12px !important;
  }
  .hmf-mr-xsm-xs,
  .hmf-mx-xsm-xs {
    margin-right: 12px !important;
  }
  .hmf-mb-xsm-xs,
  .hmf-my-xsm-xs {
    margin-bottom: 12px !important;
  }
  .hmf-ml-xsm-xs,
  .hmf-mx-xsm-xs {
    margin-left: 12px !important;
  }
  .hmf-m-xsm-s {
    margin: 16px !important;
  }
  .hmf-mt-xsm-s,
  .hmf-my-xsm-s {
    margin-top: 16px !important;
  }
  .hmf-mr-xsm-s,
  .hmf-mx-xsm-s {
    margin-right: 16px !important;
  }
  .hmf-mb-xsm-s,
  .hmf-my-xsm-s {
    margin-bottom: 16px !important;
  }
  .hmf-ml-xsm-s,
  .hmf-mx-xsm-s {
    margin-left: 16px !important;
  }
  .hmf-m-xsm-m {
    margin: 24px !important;
  }
  .hmf-mt-xsm-m,
  .hmf-my-xsm-m {
    margin-top: 24px !important;
  }
  .hmf-mr-xsm-m,
  .hmf-mx-xsm-m {
    margin-right: 24px !important;
  }
  .hmf-mb-xsm-m,
  .hmf-my-xsm-m {
    margin-bottom: 24px !important;
  }
  .hmf-ml-xsm-m,
  .hmf-mx-xsm-m {
    margin-left: 24px !important;
  }
  .hmf-m-xsm-l {
    margin: 32px !important;
  }
  .hmf-mt-xsm-l,
  .hmf-my-xsm-l {
    margin-top: 32px !important;
  }
  .hmf-mr-xsm-l,
  .hmf-mx-xsm-l {
    margin-right: 32px !important;
  }
  .hmf-mb-xsm-l,
  .hmf-my-xsm-l {
    margin-bottom: 32px !important;
  }
  .hmf-ml-xsm-l,
  .hmf-mx-xsm-l {
    margin-left: 32px !important;
  }
  .hmf-m-xsm-xl {
    margin: 48px !important;
  }
  .hmf-mt-xsm-xl,
  .hmf-my-xsm-xl {
    margin-top: 48px !important;
  }
  .hmf-mr-xsm-xl,
  .hmf-mx-xsm-xl {
    margin-right: 48px !important;
  }
  .hmf-mb-xsm-xl,
  .hmf-my-xsm-xl {
    margin-bottom: 48px !important;
  }
  .hmf-ml-xsm-xl,
  .hmf-mx-xsm-xl {
    margin-left: 48px !important;
  }
  .hmf-m-xsm-xxl {
    margin: 72px !important;
  }
  .hmf-mt-xsm-xxl,
  .hmf-my-xsm-xxl {
    margin-top: 72px !important;
  }
  .hmf-mr-xsm-xxl,
  .hmf-mx-xsm-xxl {
    margin-right: 72px !important;
  }
  .hmf-mb-xsm-xxl,
  .hmf-my-xsm-xxl {
    margin-bottom: 72px !important;
  }
  .hmf-ml-xsm-xxl,
  .hmf-mx-xsm-xxl {
    margin-left: 72px !important;
  }
  .hmf-m-xsm-xxxl {
    margin: 96px !important;
  }
  .hmf-mt-xsm-xxxl,
  .hmf-my-xsm-xxxl {
    margin-top: 96px !important;
  }
  .hmf-mr-xsm-xxxl,
  .hmf-mx-xsm-xxxl {
    margin-right: 96px !important;
  }
  .hmf-mb-xsm-xxxl,
  .hmf-my-xsm-xxxl {
    margin-bottom: 96px !important;
  }
  .hmf-ml-xsm-xxxl,
  .hmf-mx-xsm-xxxl {
    margin-left: 96px !important;
  }
  .hmf-m-xsm-xxxxl {
    margin: 120px !important;
  }
  .hmf-mt-xsm-xxxxl,
  .hmf-my-xsm-xxxxl {
    margin-top: 120px !important;
  }
  .hmf-mr-xsm-xxxxl,
  .hmf-mx-xsm-xxxxl {
    margin-right: 120px !important;
  }
  .hmf-mb-xsm-xxxxl,
  .hmf-my-xsm-xxxxl {
    margin-bottom: 120px !important;
  }
  .hmf-ml-xsm-xxxxl,
  .hmf-mx-xsm-xxxxl {
    margin-left: 120px !important;
  }
  .hmf-p-xsm-auto {
    padding: auto !important;
  }
  .hmf-pt-xsm-auto,
  .hmf-py-xsm-auto {
    padding-top: auto !important;
  }
  .hmf-pr-xsm-auto,
  .hmf-px-xsm-auto {
    padding-right: auto !important;
  }
  .hmf-pb-xsm-auto,
  .hmf-py-xsm-auto {
    padding-bottom: auto !important;
  }
  .hmf-pl-xsm-auto,
  .hmf-px-xsm-auto {
    padding-left: auto !important;
  }
  .hmf-p-xsm-0 {
    padding: 0px !important;
  }
  .hmf-pt-xsm-0,
  .hmf-py-xsm-0 {
    padding-top: 0px !important;
  }
  .hmf-pr-xsm-0,
  .hmf-px-xsm-0 {
    padding-right: 0px !important;
  }
  .hmf-pb-xsm-0,
  .hmf-py-xsm-0 {
    padding-bottom: 0px !important;
  }
  .hmf-pl-xsm-0,
  .hmf-px-xsm-0 {
    padding-left: 0px !important;
  }
  .hmf-p-xsm-xxxs {
    padding: 4px !important;
  }
  .hmf-pt-xsm-xxxs,
  .hmf-py-xsm-xxxs {
    padding-top: 4px !important;
  }
  .hmf-pr-xsm-xxxs,
  .hmf-px-xsm-xxxs {
    padding-right: 4px !important;
  }
  .hmf-pb-xsm-xxxs,
  .hmf-py-xsm-xxxs {
    padding-bottom: 4px !important;
  }
  .hmf-pl-xsm-xxxs,
  .hmf-px-xsm-xxxs {
    padding-left: 4px !important;
  }
  .hmf-p-xsm-xxs {
    padding: 8px !important;
  }
  .hmf-pt-xsm-xxs,
  .hmf-py-xsm-xxs {
    padding-top: 8px !important;
  }
  .hmf-pr-xsm-xxs,
  .hmf-px-xsm-xxs {
    padding-right: 8px !important;
  }
  .hmf-pb-xsm-xxs,
  .hmf-py-xsm-xxs {
    padding-bottom: 8px !important;
  }
  .hmf-pl-xsm-xxs,
  .hmf-px-xsm-xxs {
    padding-left: 8px !important;
  }
  .hmf-p-xsm-xs {
    padding: 12px !important;
  }
  .hmf-pt-xsm-xs,
  .hmf-py-xsm-xs {
    padding-top: 12px !important;
  }
  .hmf-pr-xsm-xs,
  .hmf-px-xsm-xs {
    padding-right: 12px !important;
  }
  .hmf-pb-xsm-xs,
  .hmf-py-xsm-xs {
    padding-bottom: 12px !important;
  }
  .hmf-pl-xsm-xs,
  .hmf-px-xsm-xs {
    padding-left: 12px !important;
  }
  .hmf-p-xsm-s {
    padding: 16px !important;
  }
  .hmf-pt-xsm-s,
  .hmf-py-xsm-s {
    padding-top: 16px !important;
  }
  .hmf-pr-xsm-s,
  .hmf-px-xsm-s {
    padding-right: 16px !important;
  }
  .hmf-pb-xsm-s,
  .hmf-py-xsm-s {
    padding-bottom: 16px !important;
  }
  .hmf-pl-xsm-s,
  .hmf-px-xsm-s {
    padding-left: 16px !important;
  }
  .hmf-p-xsm-m {
    padding: 24px !important;
  }
  .hmf-pt-xsm-m,
  .hmf-py-xsm-m {
    padding-top: 24px !important;
  }
  .hmf-pr-xsm-m,
  .hmf-px-xsm-m {
    padding-right: 24px !important;
  }
  .hmf-pb-xsm-m,
  .hmf-py-xsm-m {
    padding-bottom: 24px !important;
  }
  .hmf-pl-xsm-m,
  .hmf-px-xsm-m {
    padding-left: 24px !important;
  }
  .hmf-p-xsm-l {
    padding: 32px !important;
  }
  .hmf-pt-xsm-l,
  .hmf-py-xsm-l {
    padding-top: 32px !important;
  }
  .hmf-pr-xsm-l,
  .hmf-px-xsm-l {
    padding-right: 32px !important;
  }
  .hmf-pb-xsm-l,
  .hmf-py-xsm-l {
    padding-bottom: 32px !important;
  }
  .hmf-pl-xsm-l,
  .hmf-px-xsm-l {
    padding-left: 32px !important;
  }
  .hmf-p-xsm-xl {
    padding: 48px !important;
  }
  .hmf-pt-xsm-xl,
  .hmf-py-xsm-xl {
    padding-top: 48px !important;
  }
  .hmf-pr-xsm-xl,
  .hmf-px-xsm-xl {
    padding-right: 48px !important;
  }
  .hmf-pb-xsm-xl,
  .hmf-py-xsm-xl {
    padding-bottom: 48px !important;
  }
  .hmf-pl-xsm-xl,
  .hmf-px-xsm-xl {
    padding-left: 48px !important;
  }
  .hmf-p-xsm-xxl {
    padding: 72px !important;
  }
  .hmf-pt-xsm-xxl,
  .hmf-py-xsm-xxl {
    padding-top: 72px !important;
  }
  .hmf-pr-xsm-xxl,
  .hmf-px-xsm-xxl {
    padding-right: 72px !important;
  }
  .hmf-pb-xsm-xxl,
  .hmf-py-xsm-xxl {
    padding-bottom: 72px !important;
  }
  .hmf-pl-xsm-xxl,
  .hmf-px-xsm-xxl {
    padding-left: 72px !important;
  }
  .hmf-p-xsm-xxxl {
    padding: 96px !important;
  }
  .hmf-pt-xsm-xxxl,
  .hmf-py-xsm-xxxl {
    padding-top: 96px !important;
  }
  .hmf-pr-xsm-xxxl,
  .hmf-px-xsm-xxxl {
    padding-right: 96px !important;
  }
  .hmf-pb-xsm-xxxl,
  .hmf-py-xsm-xxxl {
    padding-bottom: 96px !important;
  }
  .hmf-pl-xsm-xxxl,
  .hmf-px-xsm-xxxl {
    padding-left: 96px !important;
  }
  .hmf-p-xsm-xxxxl {
    padding: 120px !important;
  }
  .hmf-pt-xsm-xxxxl,
  .hmf-py-xsm-xxxxl {
    padding-top: 120px !important;
  }
  .hmf-pr-xsm-xxxxl,
  .hmf-px-xsm-xxxxl {
    padding-right: 120px !important;
  }
  .hmf-pb-xsm-xxxxl,
  .hmf-py-xsm-xxxxl {
    padding-bottom: 120px !important;
  }
  .hmf-pl-xsm-xxxxl,
  .hmf-px-xsm-xxxxl {
    padding-left: 120px !important;
  }
  .hmf-m-xsm-auto {
    margin: auto !important;
  }
  .hmf-mt-xsm-auto,
  .hmf-my-xsm-auto {
    margin-top: auto !important;
  }
  .hmf-mr-xsm-auto,
  .hmf-mx-xsm-auto {
    margin-right: auto !important;
  }
  .hmf-mb-xsm-auto,
  .hmf-my-xsm-auto {
    margin-bottom: auto !important;
  }
  .hmf-ml-xsm-auto,
  .hmf-mx-xsm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 480px) {
  .hmf-m-sm-auto {
    margin: auto !important;
  }
  .hmf-mt-sm-auto,
  .hmf-my-sm-auto {
    margin-top: auto !important;
  }
  .hmf-mr-sm-auto,
  .hmf-mx-sm-auto {
    margin-right: auto !important;
  }
  .hmf-mb-sm-auto,
  .hmf-my-sm-auto {
    margin-bottom: auto !important;
  }
  .hmf-ml-sm-auto,
  .hmf-mx-sm-auto {
    margin-left: auto !important;
  }
  .hmf-m-sm-0 {
    margin: 0px !important;
  }
  .hmf-mt-sm-0,
  .hmf-my-sm-0 {
    margin-top: 0px !important;
  }
  .hmf-mr-sm-0,
  .hmf-mx-sm-0 {
    margin-right: 0px !important;
  }
  .hmf-mb-sm-0,
  .hmf-my-sm-0 {
    margin-bottom: 0px !important;
  }
  .hmf-ml-sm-0,
  .hmf-mx-sm-0 {
    margin-left: 0px !important;
  }
  .hmf-m-sm-xxxs {
    margin: 4px !important;
  }
  .hmf-mt-sm-xxxs,
  .hmf-my-sm-xxxs {
    margin-top: 4px !important;
  }
  .hmf-mr-sm-xxxs,
  .hmf-mx-sm-xxxs {
    margin-right: 4px !important;
  }
  .hmf-mb-sm-xxxs,
  .hmf-my-sm-xxxs {
    margin-bottom: 4px !important;
  }
  .hmf-ml-sm-xxxs,
  .hmf-mx-sm-xxxs {
    margin-left: 4px !important;
  }
  .hmf-m-sm-xxs {
    margin: 8px !important;
  }
  .hmf-mt-sm-xxs,
  .hmf-my-sm-xxs {
    margin-top: 8px !important;
  }
  .hmf-mr-sm-xxs,
  .hmf-mx-sm-xxs {
    margin-right: 8px !important;
  }
  .hmf-mb-sm-xxs,
  .hmf-my-sm-xxs {
    margin-bottom: 8px !important;
  }
  .hmf-ml-sm-xxs,
  .hmf-mx-sm-xxs {
    margin-left: 8px !important;
  }
  .hmf-m-sm-xs {
    margin: 12px !important;
  }
  .hmf-mt-sm-xs,
  .hmf-my-sm-xs {
    margin-top: 12px !important;
  }
  .hmf-mr-sm-xs,
  .hmf-mx-sm-xs {
    margin-right: 12px !important;
  }
  .hmf-mb-sm-xs,
  .hmf-my-sm-xs {
    margin-bottom: 12px !important;
  }
  .hmf-ml-sm-xs,
  .hmf-mx-sm-xs {
    margin-left: 12px !important;
  }
  .hmf-m-sm-s {
    margin: 16px !important;
  }
  .hmf-mt-sm-s,
  .hmf-my-sm-s {
    margin-top: 16px !important;
  }
  .hmf-mr-sm-s,
  .hmf-mx-sm-s {
    margin-right: 16px !important;
  }
  .hmf-mb-sm-s,
  .hmf-my-sm-s {
    margin-bottom: 16px !important;
  }
  .hmf-ml-sm-s,
  .hmf-mx-sm-s {
    margin-left: 16px !important;
  }
  .hmf-m-sm-m {
    margin: 24px !important;
  }
  .hmf-mt-sm-m,
  .hmf-my-sm-m {
    margin-top: 24px !important;
  }
  .hmf-mr-sm-m,
  .hmf-mx-sm-m {
    margin-right: 24px !important;
  }
  .hmf-mb-sm-m,
  .hmf-my-sm-m {
    margin-bottom: 24px !important;
  }
  .hmf-ml-sm-m,
  .hmf-mx-sm-m {
    margin-left: 24px !important;
  }
  .hmf-m-sm-l {
    margin: 32px !important;
  }
  .hmf-mt-sm-l,
  .hmf-my-sm-l {
    margin-top: 32px !important;
  }
  .hmf-mr-sm-l,
  .hmf-mx-sm-l {
    margin-right: 32px !important;
  }
  .hmf-mb-sm-l,
  .hmf-my-sm-l {
    margin-bottom: 32px !important;
  }
  .hmf-ml-sm-l,
  .hmf-mx-sm-l {
    margin-left: 32px !important;
  }
  .hmf-m-sm-xl {
    margin: 48px !important;
  }
  .hmf-mt-sm-xl,
  .hmf-my-sm-xl {
    margin-top: 48px !important;
  }
  .hmf-mr-sm-xl,
  .hmf-mx-sm-xl {
    margin-right: 48px !important;
  }
  .hmf-mb-sm-xl,
  .hmf-my-sm-xl {
    margin-bottom: 48px !important;
  }
  .hmf-ml-sm-xl,
  .hmf-mx-sm-xl {
    margin-left: 48px !important;
  }
  .hmf-m-sm-xxl {
    margin: 72px !important;
  }
  .hmf-mt-sm-xxl,
  .hmf-my-sm-xxl {
    margin-top: 72px !important;
  }
  .hmf-mr-sm-xxl,
  .hmf-mx-sm-xxl {
    margin-right: 72px !important;
  }
  .hmf-mb-sm-xxl,
  .hmf-my-sm-xxl {
    margin-bottom: 72px !important;
  }
  .hmf-ml-sm-xxl,
  .hmf-mx-sm-xxl {
    margin-left: 72px !important;
  }
  .hmf-m-sm-xxxl {
    margin: 96px !important;
  }
  .hmf-mt-sm-xxxl,
  .hmf-my-sm-xxxl {
    margin-top: 96px !important;
  }
  .hmf-mr-sm-xxxl,
  .hmf-mx-sm-xxxl {
    margin-right: 96px !important;
  }
  .hmf-mb-sm-xxxl,
  .hmf-my-sm-xxxl {
    margin-bottom: 96px !important;
  }
  .hmf-ml-sm-xxxl,
  .hmf-mx-sm-xxxl {
    margin-left: 96px !important;
  }
  .hmf-m-sm-xxxxl {
    margin: 120px !important;
  }
  .hmf-mt-sm-xxxxl,
  .hmf-my-sm-xxxxl {
    margin-top: 120px !important;
  }
  .hmf-mr-sm-xxxxl,
  .hmf-mx-sm-xxxxl {
    margin-right: 120px !important;
  }
  .hmf-mb-sm-xxxxl,
  .hmf-my-sm-xxxxl {
    margin-bottom: 120px !important;
  }
  .hmf-ml-sm-xxxxl,
  .hmf-mx-sm-xxxxl {
    margin-left: 120px !important;
  }
  .hmf-p-sm-auto {
    padding: auto !important;
  }
  .hmf-pt-sm-auto,
  .hmf-py-sm-auto {
    padding-top: auto !important;
  }
  .hmf-pr-sm-auto,
  .hmf-px-sm-auto {
    padding-right: auto !important;
  }
  .hmf-pb-sm-auto,
  .hmf-py-sm-auto {
    padding-bottom: auto !important;
  }
  .hmf-pl-sm-auto,
  .hmf-px-sm-auto {
    padding-left: auto !important;
  }
  .hmf-p-sm-0 {
    padding: 0px !important;
  }
  .hmf-pt-sm-0,
  .hmf-py-sm-0 {
    padding-top: 0px !important;
  }
  .hmf-pr-sm-0,
  .hmf-px-sm-0 {
    padding-right: 0px !important;
  }
  .hmf-pb-sm-0,
  .hmf-py-sm-0 {
    padding-bottom: 0px !important;
  }
  .hmf-pl-sm-0,
  .hmf-px-sm-0 {
    padding-left: 0px !important;
  }
  .hmf-p-sm-xxxs {
    padding: 4px !important;
  }
  .hmf-pt-sm-xxxs,
  .hmf-py-sm-xxxs {
    padding-top: 4px !important;
  }
  .hmf-pr-sm-xxxs,
  .hmf-px-sm-xxxs {
    padding-right: 4px !important;
  }
  .hmf-pb-sm-xxxs,
  .hmf-py-sm-xxxs {
    padding-bottom: 4px !important;
  }
  .hmf-pl-sm-xxxs,
  .hmf-px-sm-xxxs {
    padding-left: 4px !important;
  }
  .hmf-p-sm-xxs {
    padding: 8px !important;
  }
  .hmf-pt-sm-xxs,
  .hmf-py-sm-xxs {
    padding-top: 8px !important;
  }
  .hmf-pr-sm-xxs,
  .hmf-px-sm-xxs {
    padding-right: 8px !important;
  }
  .hmf-pb-sm-xxs,
  .hmf-py-sm-xxs {
    padding-bottom: 8px !important;
  }
  .hmf-pl-sm-xxs,
  .hmf-px-sm-xxs {
    padding-left: 8px !important;
  }
  .hmf-p-sm-xs {
    padding: 12px !important;
  }
  .hmf-pt-sm-xs,
  .hmf-py-sm-xs {
    padding-top: 12px !important;
  }
  .hmf-pr-sm-xs,
  .hmf-px-sm-xs {
    padding-right: 12px !important;
  }
  .hmf-pb-sm-xs,
  .hmf-py-sm-xs {
    padding-bottom: 12px !important;
  }
  .hmf-pl-sm-xs,
  .hmf-px-sm-xs {
    padding-left: 12px !important;
  }
  .hmf-p-sm-s {
    padding: 16px !important;
  }
  .hmf-pt-sm-s,
  .hmf-py-sm-s {
    padding-top: 16px !important;
  }
  .hmf-pr-sm-s,
  .hmf-px-sm-s {
    padding-right: 16px !important;
  }
  .hmf-pb-sm-s,
  .hmf-py-sm-s {
    padding-bottom: 16px !important;
  }
  .hmf-pl-sm-s,
  .hmf-px-sm-s {
    padding-left: 16px !important;
  }
  .hmf-p-sm-m {
    padding: 24px !important;
  }
  .hmf-pt-sm-m,
  .hmf-py-sm-m {
    padding-top: 24px !important;
  }
  .hmf-pr-sm-m,
  .hmf-px-sm-m {
    padding-right: 24px !important;
  }
  .hmf-pb-sm-m,
  .hmf-py-sm-m {
    padding-bottom: 24px !important;
  }
  .hmf-pl-sm-m,
  .hmf-px-sm-m {
    padding-left: 24px !important;
  }
  .hmf-p-sm-l {
    padding: 32px !important;
  }
  .hmf-pt-sm-l,
  .hmf-py-sm-l {
    padding-top: 32px !important;
  }
  .hmf-pr-sm-l,
  .hmf-px-sm-l {
    padding-right: 32px !important;
  }
  .hmf-pb-sm-l,
  .hmf-py-sm-l {
    padding-bottom: 32px !important;
  }
  .hmf-pl-sm-l,
  .hmf-px-sm-l {
    padding-left: 32px !important;
  }
  .hmf-p-sm-xl {
    padding: 48px !important;
  }
  .hmf-pt-sm-xl,
  .hmf-py-sm-xl {
    padding-top: 48px !important;
  }
  .hmf-pr-sm-xl,
  .hmf-px-sm-xl {
    padding-right: 48px !important;
  }
  .hmf-pb-sm-xl,
  .hmf-py-sm-xl {
    padding-bottom: 48px !important;
  }
  .hmf-pl-sm-xl,
  .hmf-px-sm-xl {
    padding-left: 48px !important;
  }
  .hmf-p-sm-xxl {
    padding: 72px !important;
  }
  .hmf-pt-sm-xxl,
  .hmf-py-sm-xxl {
    padding-top: 72px !important;
  }
  .hmf-pr-sm-xxl,
  .hmf-px-sm-xxl {
    padding-right: 72px !important;
  }
  .hmf-pb-sm-xxl,
  .hmf-py-sm-xxl {
    padding-bottom: 72px !important;
  }
  .hmf-pl-sm-xxl,
  .hmf-px-sm-xxl {
    padding-left: 72px !important;
  }
  .hmf-p-sm-xxxl {
    padding: 96px !important;
  }
  .hmf-pt-sm-xxxl,
  .hmf-py-sm-xxxl {
    padding-top: 96px !important;
  }
  .hmf-pr-sm-xxxl,
  .hmf-px-sm-xxxl {
    padding-right: 96px !important;
  }
  .hmf-pb-sm-xxxl,
  .hmf-py-sm-xxxl {
    padding-bottom: 96px !important;
  }
  .hmf-pl-sm-xxxl,
  .hmf-px-sm-xxxl {
    padding-left: 96px !important;
  }
  .hmf-p-sm-xxxxl {
    padding: 120px !important;
  }
  .hmf-pt-sm-xxxxl,
  .hmf-py-sm-xxxxl {
    padding-top: 120px !important;
  }
  .hmf-pr-sm-xxxxl,
  .hmf-px-sm-xxxxl {
    padding-right: 120px !important;
  }
  .hmf-pb-sm-xxxxl,
  .hmf-py-sm-xxxxl {
    padding-bottom: 120px !important;
  }
  .hmf-pl-sm-xxxxl,
  .hmf-px-sm-xxxxl {
    padding-left: 120px !important;
  }
  .hmf-m-sm-auto {
    margin: auto !important;
  }
  .hmf-mt-sm-auto,
  .hmf-my-sm-auto {
    margin-top: auto !important;
  }
  .hmf-mr-sm-auto,
  .hmf-mx-sm-auto {
    margin-right: auto !important;
  }
  .hmf-mb-sm-auto,
  .hmf-my-sm-auto {
    margin-bottom: auto !important;
  }
  .hmf-ml-sm-auto,
  .hmf-mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .hmf-m-m-auto {
    margin: auto !important;
  }
  .hmf-mt-m-auto,
  .hmf-my-m-auto {
    margin-top: auto !important;
  }
  .hmf-mr-m-auto,
  .hmf-mx-m-auto {
    margin-right: auto !important;
  }
  .hmf-mb-m-auto,
  .hmf-my-m-auto {
    margin-bottom: auto !important;
  }
  .hmf-ml-m-auto,
  .hmf-mx-m-auto {
    margin-left: auto !important;
  }
  .hmf-m-m-0 {
    margin: 0px !important;
  }
  .hmf-mt-m-0,
  .hmf-my-m-0 {
    margin-top: 0px !important;
  }
  .hmf-mr-m-0,
  .hmf-mx-m-0 {
    margin-right: 0px !important;
  }
  .hmf-mb-m-0,
  .hmf-my-m-0 {
    margin-bottom: 0px !important;
  }
  .hmf-ml-m-0,
  .hmf-mx-m-0 {
    margin-left: 0px !important;
  }
  .hmf-m-m-xxxs {
    margin: 4px !important;
  }
  .hmf-mt-m-xxxs,
  .hmf-my-m-xxxs {
    margin-top: 4px !important;
  }
  .hmf-mr-m-xxxs,
  .hmf-mx-m-xxxs {
    margin-right: 4px !important;
  }
  .hmf-mb-m-xxxs,
  .hmf-my-m-xxxs {
    margin-bottom: 4px !important;
  }
  .hmf-ml-m-xxxs,
  .hmf-mx-m-xxxs {
    margin-left: 4px !important;
  }
  .hmf-m-m-xxs {
    margin: 8px !important;
  }
  .hmf-mt-m-xxs,
  .hmf-my-m-xxs {
    margin-top: 8px !important;
  }
  .hmf-mr-m-xxs,
  .hmf-mx-m-xxs {
    margin-right: 8px !important;
  }
  .hmf-mb-m-xxs,
  .hmf-my-m-xxs {
    margin-bottom: 8px !important;
  }
  .hmf-ml-m-xxs,
  .hmf-mx-m-xxs {
    margin-left: 8px !important;
  }
  .hmf-m-m-xs {
    margin: 12px !important;
  }
  .hmf-mt-m-xs,
  .hmf-my-m-xs {
    margin-top: 12px !important;
  }
  .hmf-mr-m-xs,
  .hmf-mx-m-xs {
    margin-right: 12px !important;
  }
  .hmf-mb-m-xs,
  .hmf-my-m-xs {
    margin-bottom: 12px !important;
  }
  .hmf-ml-m-xs,
  .hmf-mx-m-xs {
    margin-left: 12px !important;
  }
  .hmf-m-m-s {
    margin: 16px !important;
  }
  .hmf-mt-m-s,
  .hmf-my-m-s {
    margin-top: 16px !important;
  }
  .hmf-mr-m-s,
  .hmf-mx-m-s {
    margin-right: 16px !important;
  }
  .hmf-mb-m-s,
  .hmf-my-m-s {
    margin-bottom: 16px !important;
  }
  .hmf-ml-m-s,
  .hmf-mx-m-s {
    margin-left: 16px !important;
  }
  .hmf-m-m-m {
    margin: 24px !important;
  }
  .hmf-mt-m-m,
  .hmf-my-m-m {
    margin-top: 24px !important;
  }
  .hmf-mr-m-m,
  .hmf-mx-m-m {
    margin-right: 24px !important;
  }
  .hmf-mb-m-m,
  .hmf-my-m-m {
    margin-bottom: 24px !important;
  }
  .hmf-ml-m-m,
  .hmf-mx-m-m {
    margin-left: 24px !important;
  }
  .hmf-m-m-l {
    margin: 32px !important;
  }
  .hmf-mt-m-l,
  .hmf-my-m-l {
    margin-top: 32px !important;
  }
  .hmf-mr-m-l,
  .hmf-mx-m-l {
    margin-right: 32px !important;
  }
  .hmf-mb-m-l,
  .hmf-my-m-l {
    margin-bottom: 32px !important;
  }
  .hmf-ml-m-l,
  .hmf-mx-m-l {
    margin-left: 32px !important;
  }
  .hmf-m-m-xl {
    margin: 48px !important;
  }
  .hmf-mt-m-xl,
  .hmf-my-m-xl {
    margin-top: 48px !important;
  }
  .hmf-mr-m-xl,
  .hmf-mx-m-xl {
    margin-right: 48px !important;
  }
  .hmf-mb-m-xl,
  .hmf-my-m-xl {
    margin-bottom: 48px !important;
  }
  .hmf-ml-m-xl,
  .hmf-mx-m-xl {
    margin-left: 48px !important;
  }
  .hmf-m-m-xxl {
    margin: 72px !important;
  }
  .hmf-mt-m-xxl,
  .hmf-my-m-xxl {
    margin-top: 72px !important;
  }
  .hmf-mr-m-xxl,
  .hmf-mx-m-xxl {
    margin-right: 72px !important;
  }
  .hmf-mb-m-xxl,
  .hmf-my-m-xxl {
    margin-bottom: 72px !important;
  }
  .hmf-ml-m-xxl,
  .hmf-mx-m-xxl {
    margin-left: 72px !important;
  }
  .hmf-m-m-xxxl {
    margin: 96px !important;
  }
  .hmf-mt-m-xxxl,
  .hmf-my-m-xxxl {
    margin-top: 96px !important;
  }
  .hmf-mr-m-xxxl,
  .hmf-mx-m-xxxl {
    margin-right: 96px !important;
  }
  .hmf-mb-m-xxxl,
  .hmf-my-m-xxxl {
    margin-bottom: 96px !important;
  }
  .hmf-ml-m-xxxl,
  .hmf-mx-m-xxxl {
    margin-left: 96px !important;
  }
  .hmf-m-m-xxxxl {
    margin: 120px !important;
  }
  .hmf-mt-m-xxxxl,
  .hmf-my-m-xxxxl {
    margin-top: 120px !important;
  }
  .hmf-mr-m-xxxxl,
  .hmf-mx-m-xxxxl {
    margin-right: 120px !important;
  }
  .hmf-mb-m-xxxxl,
  .hmf-my-m-xxxxl {
    margin-bottom: 120px !important;
  }
  .hmf-ml-m-xxxxl,
  .hmf-mx-m-xxxxl {
    margin-left: 120px !important;
  }
  .hmf-p-m-auto {
    padding: auto !important;
  }
  .hmf-pt-m-auto,
  .hmf-py-m-auto {
    padding-top: auto !important;
  }
  .hmf-pr-m-auto,
  .hmf-px-m-auto {
    padding-right: auto !important;
  }
  .hmf-pb-m-auto,
  .hmf-py-m-auto {
    padding-bottom: auto !important;
  }
  .hmf-pl-m-auto,
  .hmf-px-m-auto {
    padding-left: auto !important;
  }
  .hmf-p-m-0 {
    padding: 0px !important;
  }
  .hmf-pt-m-0,
  .hmf-py-m-0 {
    padding-top: 0px !important;
  }
  .hmf-pr-m-0,
  .hmf-px-m-0 {
    padding-right: 0px !important;
  }
  .hmf-pb-m-0,
  .hmf-py-m-0 {
    padding-bottom: 0px !important;
  }
  .hmf-pl-m-0,
  .hmf-px-m-0 {
    padding-left: 0px !important;
  }
  .hmf-p-m-xxxs {
    padding: 4px !important;
  }
  .hmf-pt-m-xxxs,
  .hmf-py-m-xxxs {
    padding-top: 4px !important;
  }
  .hmf-pr-m-xxxs,
  .hmf-px-m-xxxs {
    padding-right: 4px !important;
  }
  .hmf-pb-m-xxxs,
  .hmf-py-m-xxxs {
    padding-bottom: 4px !important;
  }
  .hmf-pl-m-xxxs,
  .hmf-px-m-xxxs {
    padding-left: 4px !important;
  }
  .hmf-p-m-xxs {
    padding: 8px !important;
  }
  .hmf-pt-m-xxs,
  .hmf-py-m-xxs {
    padding-top: 8px !important;
  }
  .hmf-pr-m-xxs,
  .hmf-px-m-xxs {
    padding-right: 8px !important;
  }
  .hmf-pb-m-xxs,
  .hmf-py-m-xxs {
    padding-bottom: 8px !important;
  }
  .hmf-pl-m-xxs,
  .hmf-px-m-xxs {
    padding-left: 8px !important;
  }
  .hmf-p-m-xs {
    padding: 12px !important;
  }
  .hmf-pt-m-xs,
  .hmf-py-m-xs {
    padding-top: 12px !important;
  }
  .hmf-pr-m-xs,
  .hmf-px-m-xs {
    padding-right: 12px !important;
  }
  .hmf-pb-m-xs,
  .hmf-py-m-xs {
    padding-bottom: 12px !important;
  }
  .hmf-pl-m-xs,
  .hmf-px-m-xs {
    padding-left: 12px !important;
  }
  .hmf-p-m-s {
    padding: 16px !important;
  }
  .hmf-pt-m-s,
  .hmf-py-m-s {
    padding-top: 16px !important;
  }
  .hmf-pr-m-s,
  .hmf-px-m-s {
    padding-right: 16px !important;
  }
  .hmf-pb-m-s,
  .hmf-py-m-s {
    padding-bottom: 16px !important;
  }
  .hmf-pl-m-s,
  .hmf-px-m-s {
    padding-left: 16px !important;
  }
  .hmf-p-m-m {
    padding: 24px !important;
  }
  .hmf-pt-m-m,
  .hmf-py-m-m {
    padding-top: 24px !important;
  }
  .hmf-pr-m-m,
  .hmf-px-m-m {
    padding-right: 24px !important;
  }
  .hmf-pb-m-m,
  .hmf-py-m-m {
    padding-bottom: 24px !important;
  }
  .hmf-pl-m-m,
  .hmf-px-m-m {
    padding-left: 24px !important;
  }
  .hmf-p-m-l {
    padding: 32px !important;
  }
  .hmf-pt-m-l,
  .hmf-py-m-l {
    padding-top: 32px !important;
  }
  .hmf-pr-m-l,
  .hmf-px-m-l {
    padding-right: 32px !important;
  }
  .hmf-pb-m-l,
  .hmf-py-m-l {
    padding-bottom: 32px !important;
  }
  .hmf-pl-m-l,
  .hmf-px-m-l {
    padding-left: 32px !important;
  }
  .hmf-p-m-xl {
    padding: 48px !important;
  }
  .hmf-pt-m-xl,
  .hmf-py-m-xl {
    padding-top: 48px !important;
  }
  .hmf-pr-m-xl,
  .hmf-px-m-xl {
    padding-right: 48px !important;
  }
  .hmf-pb-m-xl,
  .hmf-py-m-xl {
    padding-bottom: 48px !important;
  }
  .hmf-pl-m-xl,
  .hmf-px-m-xl {
    padding-left: 48px !important;
  }
  .hmf-p-m-xxl {
    padding: 72px !important;
  }
  .hmf-pt-m-xxl,
  .hmf-py-m-xxl {
    padding-top: 72px !important;
  }
  .hmf-pr-m-xxl,
  .hmf-px-m-xxl {
    padding-right: 72px !important;
  }
  .hmf-pb-m-xxl,
  .hmf-py-m-xxl {
    padding-bottom: 72px !important;
  }
  .hmf-pl-m-xxl,
  .hmf-px-m-xxl {
    padding-left: 72px !important;
  }
  .hmf-p-m-xxxl {
    padding: 96px !important;
  }
  .hmf-pt-m-xxxl,
  .hmf-py-m-xxxl {
    padding-top: 96px !important;
  }
  .hmf-pr-m-xxxl,
  .hmf-px-m-xxxl {
    padding-right: 96px !important;
  }
  .hmf-pb-m-xxxl,
  .hmf-py-m-xxxl {
    padding-bottom: 96px !important;
  }
  .hmf-pl-m-xxxl,
  .hmf-px-m-xxxl {
    padding-left: 96px !important;
  }
  .hmf-p-m-xxxxl {
    padding: 120px !important;
  }
  .hmf-pt-m-xxxxl,
  .hmf-py-m-xxxxl {
    padding-top: 120px !important;
  }
  .hmf-pr-m-xxxxl,
  .hmf-px-m-xxxxl {
    padding-right: 120px !important;
  }
  .hmf-pb-m-xxxxl,
  .hmf-py-m-xxxxl {
    padding-bottom: 120px !important;
  }
  .hmf-pl-m-xxxxl,
  .hmf-px-m-xxxxl {
    padding-left: 120px !important;
  }
  .hmf-m-m-auto {
    margin: auto !important;
  }
  .hmf-mt-m-auto,
  .hmf-my-m-auto {
    margin-top: auto !important;
  }
  .hmf-mr-m-auto,
  .hmf-mx-m-auto {
    margin-right: auto !important;
  }
  .hmf-mb-m-auto,
  .hmf-my-m-auto {
    margin-bottom: auto !important;
  }
  .hmf-ml-m-auto,
  .hmf-mx-m-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .hmf-m-md-auto {
    margin: auto !important;
  }
  .hmf-mt-md-auto,
  .hmf-my-md-auto {
    margin-top: auto !important;
  }
  .hmf-mr-md-auto,
  .hmf-mx-md-auto {
    margin-right: auto !important;
  }
  .hmf-mb-md-auto,
  .hmf-my-md-auto {
    margin-bottom: auto !important;
  }
  .hmf-ml-md-auto,
  .hmf-mx-md-auto {
    margin-left: auto !important;
  }
  .hmf-m-md-0 {
    margin: 0px !important;
  }
  .hmf-mt-md-0,
  .hmf-my-md-0 {
    margin-top: 0px !important;
  }
  .hmf-mr-md-0,
  .hmf-mx-md-0 {
    margin-right: 0px !important;
  }
  .hmf-mb-md-0,
  .hmf-my-md-0 {
    margin-bottom: 0px !important;
  }
  .hmf-ml-md-0,
  .hmf-mx-md-0 {
    margin-left: 0px !important;
  }
  .hmf-m-md-xxxs {
    margin: 4px !important;
  }
  .hmf-mt-md-xxxs,
  .hmf-my-md-xxxs {
    margin-top: 4px !important;
  }
  .hmf-mr-md-xxxs,
  .hmf-mx-md-xxxs {
    margin-right: 4px !important;
  }
  .hmf-mb-md-xxxs,
  .hmf-my-md-xxxs {
    margin-bottom: 4px !important;
  }
  .hmf-ml-md-xxxs,
  .hmf-mx-md-xxxs {
    margin-left: 4px !important;
  }
  .hmf-m-md-xxs {
    margin: 8px !important;
  }
  .hmf-mt-md-xxs,
  .hmf-my-md-xxs {
    margin-top: 8px !important;
  }
  .hmf-mr-md-xxs,
  .hmf-mx-md-xxs {
    margin-right: 8px !important;
  }
  .hmf-mb-md-xxs,
  .hmf-my-md-xxs {
    margin-bottom: 8px !important;
  }
  .hmf-ml-md-xxs,
  .hmf-mx-md-xxs {
    margin-left: 8px !important;
  }
  .hmf-m-md-xs {
    margin: 12px !important;
  }
  .hmf-mt-md-xs,
  .hmf-my-md-xs {
    margin-top: 12px !important;
  }
  .hmf-mr-md-xs,
  .hmf-mx-md-xs {
    margin-right: 12px !important;
  }
  .hmf-mb-md-xs,
  .hmf-my-md-xs {
    margin-bottom: 12px !important;
  }
  .hmf-ml-md-xs,
  .hmf-mx-md-xs {
    margin-left: 12px !important;
  }
  .hmf-m-md-s {
    margin: 16px !important;
  }
  .hmf-mt-md-s,
  .hmf-my-md-s {
    margin-top: 16px !important;
  }
  .hmf-mr-md-s,
  .hmf-mx-md-s {
    margin-right: 16px !important;
  }
  .hmf-mb-md-s,
  .hmf-my-md-s {
    margin-bottom: 16px !important;
  }
  .hmf-ml-md-s,
  .hmf-mx-md-s {
    margin-left: 16px !important;
  }
  .hmf-m-md-m {
    margin: 24px !important;
  }
  .hmf-mt-md-m,
  .hmf-my-md-m {
    margin-top: 24px !important;
  }
  .hmf-mr-md-m,
  .hmf-mx-md-m {
    margin-right: 24px !important;
  }
  .hmf-mb-md-m,
  .hmf-my-md-m {
    margin-bottom: 24px !important;
  }
  .hmf-ml-md-m,
  .hmf-mx-md-m {
    margin-left: 24px !important;
  }
  .hmf-m-md-l {
    margin: 32px !important;
  }
  .hmf-mt-md-l,
  .hmf-my-md-l {
    margin-top: 32px !important;
  }
  .hmf-mr-md-l,
  .hmf-mx-md-l {
    margin-right: 32px !important;
  }
  .hmf-mb-md-l,
  .hmf-my-md-l {
    margin-bottom: 32px !important;
  }
  .hmf-ml-md-l,
  .hmf-mx-md-l {
    margin-left: 32px !important;
  }
  .hmf-m-md-xl {
    margin: 48px !important;
  }
  .hmf-mt-md-xl,
  .hmf-my-md-xl {
    margin-top: 48px !important;
  }
  .hmf-mr-md-xl,
  .hmf-mx-md-xl {
    margin-right: 48px !important;
  }
  .hmf-mb-md-xl,
  .hmf-my-md-xl {
    margin-bottom: 48px !important;
  }
  .hmf-ml-md-xl,
  .hmf-mx-md-xl {
    margin-left: 48px !important;
  }
  .hmf-m-md-xxl {
    margin: 72px !important;
  }
  .hmf-mt-md-xxl,
  .hmf-my-md-xxl {
    margin-top: 72px !important;
  }
  .hmf-mr-md-xxl,
  .hmf-mx-md-xxl {
    margin-right: 72px !important;
  }
  .hmf-mb-md-xxl,
  .hmf-my-md-xxl {
    margin-bottom: 72px !important;
  }
  .hmf-ml-md-xxl,
  .hmf-mx-md-xxl {
    margin-left: 72px !important;
  }
  .hmf-m-md-xxxl {
    margin: 96px !important;
  }
  .hmf-mt-md-xxxl,
  .hmf-my-md-xxxl {
    margin-top: 96px !important;
  }
  .hmf-mr-md-xxxl,
  .hmf-mx-md-xxxl {
    margin-right: 96px !important;
  }
  .hmf-mb-md-xxxl,
  .hmf-my-md-xxxl {
    margin-bottom: 96px !important;
  }
  .hmf-ml-md-xxxl,
  .hmf-mx-md-xxxl {
    margin-left: 96px !important;
  }
  .hmf-m-md-xxxxl {
    margin: 120px !important;
  }
  .hmf-mt-md-xxxxl,
  .hmf-my-md-xxxxl {
    margin-top: 120px !important;
  }
  .hmf-mr-md-xxxxl,
  .hmf-mx-md-xxxxl {
    margin-right: 120px !important;
  }
  .hmf-mb-md-xxxxl,
  .hmf-my-md-xxxxl {
    margin-bottom: 120px !important;
  }
  .hmf-ml-md-xxxxl,
  .hmf-mx-md-xxxxl {
    margin-left: 120px !important;
  }
  .hmf-p-md-auto {
    padding: auto !important;
  }
  .hmf-pt-md-auto,
  .hmf-py-md-auto {
    padding-top: auto !important;
  }
  .hmf-pr-md-auto,
  .hmf-px-md-auto {
    padding-right: auto !important;
  }
  .hmf-pb-md-auto,
  .hmf-py-md-auto {
    padding-bottom: auto !important;
  }
  .hmf-pl-md-auto,
  .hmf-px-md-auto {
    padding-left: auto !important;
  }
  .hmf-p-md-0 {
    padding: 0px !important;
  }
  .hmf-pt-md-0,
  .hmf-py-md-0 {
    padding-top: 0px !important;
  }
  .hmf-pr-md-0,
  .hmf-px-md-0 {
    padding-right: 0px !important;
  }
  .hmf-pb-md-0,
  .hmf-py-md-0 {
    padding-bottom: 0px !important;
  }
  .hmf-pl-md-0,
  .hmf-px-md-0 {
    padding-left: 0px !important;
  }
  .hmf-p-md-xxxs {
    padding: 4px !important;
  }
  .hmf-pt-md-xxxs,
  .hmf-py-md-xxxs {
    padding-top: 4px !important;
  }
  .hmf-pr-md-xxxs,
  .hmf-px-md-xxxs {
    padding-right: 4px !important;
  }
  .hmf-pb-md-xxxs,
  .hmf-py-md-xxxs {
    padding-bottom: 4px !important;
  }
  .hmf-pl-md-xxxs,
  .hmf-px-md-xxxs {
    padding-left: 4px !important;
  }
  .hmf-p-md-xxs {
    padding: 8px !important;
  }
  .hmf-pt-md-xxs,
  .hmf-py-md-xxs {
    padding-top: 8px !important;
  }
  .hmf-pr-md-xxs,
  .hmf-px-md-xxs {
    padding-right: 8px !important;
  }
  .hmf-pb-md-xxs,
  .hmf-py-md-xxs {
    padding-bottom: 8px !important;
  }
  .hmf-pl-md-xxs,
  .hmf-px-md-xxs {
    padding-left: 8px !important;
  }
  .hmf-p-md-xs {
    padding: 12px !important;
  }
  .hmf-pt-md-xs,
  .hmf-py-md-xs {
    padding-top: 12px !important;
  }
  .hmf-pr-md-xs,
  .hmf-px-md-xs {
    padding-right: 12px !important;
  }
  .hmf-pb-md-xs,
  .hmf-py-md-xs {
    padding-bottom: 12px !important;
  }
  .hmf-pl-md-xs,
  .hmf-px-md-xs {
    padding-left: 12px !important;
  }
  .hmf-p-md-s {
    padding: 16px !important;
  }
  .hmf-pt-md-s,
  .hmf-py-md-s {
    padding-top: 16px !important;
  }
  .hmf-pr-md-s,
  .hmf-px-md-s {
    padding-right: 16px !important;
  }
  .hmf-pb-md-s,
  .hmf-py-md-s {
    padding-bottom: 16px !important;
  }
  .hmf-pl-md-s,
  .hmf-px-md-s {
    padding-left: 16px !important;
  }
  .hmf-p-md-m {
    padding: 24px !important;
  }
  .hmf-pt-md-m,
  .hmf-py-md-m {
    padding-top: 24px !important;
  }
  .hmf-pr-md-m,
  .hmf-px-md-m {
    padding-right: 24px !important;
  }
  .hmf-pb-md-m,
  .hmf-py-md-m {
    padding-bottom: 24px !important;
  }
  .hmf-pl-md-m,
  .hmf-px-md-m {
    padding-left: 24px !important;
  }
  .hmf-p-md-l {
    padding: 32px !important;
  }
  .hmf-pt-md-l,
  .hmf-py-md-l {
    padding-top: 32px !important;
  }
  .hmf-pr-md-l,
  .hmf-px-md-l {
    padding-right: 32px !important;
  }
  .hmf-pb-md-l,
  .hmf-py-md-l {
    padding-bottom: 32px !important;
  }
  .hmf-pl-md-l,
  .hmf-px-md-l {
    padding-left: 32px !important;
  }
  .hmf-p-md-xl {
    padding: 48px !important;
  }
  .hmf-pt-md-xl,
  .hmf-py-md-xl {
    padding-top: 48px !important;
  }
  .hmf-pr-md-xl,
  .hmf-px-md-xl {
    padding-right: 48px !important;
  }
  .hmf-pb-md-xl,
  .hmf-py-md-xl {
    padding-bottom: 48px !important;
  }
  .hmf-pl-md-xl,
  .hmf-px-md-xl {
    padding-left: 48px !important;
  }
  .hmf-p-md-xxl {
    padding: 72px !important;
  }
  .hmf-pt-md-xxl,
  .hmf-py-md-xxl {
    padding-top: 72px !important;
  }
  .hmf-pr-md-xxl,
  .hmf-px-md-xxl {
    padding-right: 72px !important;
  }
  .hmf-pb-md-xxl,
  .hmf-py-md-xxl {
    padding-bottom: 72px !important;
  }
  .hmf-pl-md-xxl,
  .hmf-px-md-xxl {
    padding-left: 72px !important;
  }
  .hmf-p-md-xxxl {
    padding: 96px !important;
  }
  .hmf-pt-md-xxxl,
  .hmf-py-md-xxxl {
    padding-top: 96px !important;
  }
  .hmf-pr-md-xxxl,
  .hmf-px-md-xxxl {
    padding-right: 96px !important;
  }
  .hmf-pb-md-xxxl,
  .hmf-py-md-xxxl {
    padding-bottom: 96px !important;
  }
  .hmf-pl-md-xxxl,
  .hmf-px-md-xxxl {
    padding-left: 96px !important;
  }
  .hmf-p-md-xxxxl {
    padding: 120px !important;
  }
  .hmf-pt-md-xxxxl,
  .hmf-py-md-xxxxl {
    padding-top: 120px !important;
  }
  .hmf-pr-md-xxxxl,
  .hmf-px-md-xxxxl {
    padding-right: 120px !important;
  }
  .hmf-pb-md-xxxxl,
  .hmf-py-md-xxxxl {
    padding-bottom: 120px !important;
  }
  .hmf-pl-md-xxxxl,
  .hmf-px-md-xxxxl {
    padding-left: 120px !important;
  }
  .hmf-m-md-auto {
    margin: auto !important;
  }
  .hmf-mt-md-auto,
  .hmf-my-md-auto {
    margin-top: auto !important;
  }
  .hmf-mr-md-auto,
  .hmf-mx-md-auto {
    margin-right: auto !important;
  }
  .hmf-mb-md-auto,
  .hmf-my-md-auto {
    margin-bottom: auto !important;
  }
  .hmf-ml-md-auto,
  .hmf-mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1024px) {
  .hmf-m-lg-auto {
    margin: auto !important;
  }
  .hmf-mt-lg-auto,
  .hmf-my-lg-auto {
    margin-top: auto !important;
  }
  .hmf-mr-lg-auto,
  .hmf-mx-lg-auto {
    margin-right: auto !important;
  }
  .hmf-mb-lg-auto,
  .hmf-my-lg-auto {
    margin-bottom: auto !important;
  }
  .hmf-ml-lg-auto,
  .hmf-mx-lg-auto {
    margin-left: auto !important;
  }
  .hmf-m-lg-0 {
    margin: 0px !important;
  }
  .hmf-mt-lg-0,
  .hmf-my-lg-0 {
    margin-top: 0px !important;
  }
  .hmf-mr-lg-0,
  .hmf-mx-lg-0 {
    margin-right: 0px !important;
  }
  .hmf-mb-lg-0,
  .hmf-my-lg-0 {
    margin-bottom: 0px !important;
  }
  .hmf-ml-lg-0,
  .hmf-mx-lg-0 {
    margin-left: 0px !important;
  }
  .hmf-m-lg-xxxs {
    margin: 4px !important;
  }
  .hmf-mt-lg-xxxs,
  .hmf-my-lg-xxxs {
    margin-top: 4px !important;
  }
  .hmf-mr-lg-xxxs,
  .hmf-mx-lg-xxxs {
    margin-right: 4px !important;
  }
  .hmf-mb-lg-xxxs,
  .hmf-my-lg-xxxs {
    margin-bottom: 4px !important;
  }
  .hmf-ml-lg-xxxs,
  .hmf-mx-lg-xxxs {
    margin-left: 4px !important;
  }
  .hmf-m-lg-xxs {
    margin: 8px !important;
  }
  .hmf-mt-lg-xxs,
  .hmf-my-lg-xxs {
    margin-top: 8px !important;
  }
  .hmf-mr-lg-xxs,
  .hmf-mx-lg-xxs {
    margin-right: 8px !important;
  }
  .hmf-mb-lg-xxs,
  .hmf-my-lg-xxs {
    margin-bottom: 8px !important;
  }
  .hmf-ml-lg-xxs,
  .hmf-mx-lg-xxs {
    margin-left: 8px !important;
  }
  .hmf-m-lg-xs {
    margin: 12px !important;
  }
  .hmf-mt-lg-xs,
  .hmf-my-lg-xs {
    margin-top: 12px !important;
  }
  .hmf-mr-lg-xs,
  .hmf-mx-lg-xs {
    margin-right: 12px !important;
  }
  .hmf-mb-lg-xs,
  .hmf-my-lg-xs {
    margin-bottom: 12px !important;
  }
  .hmf-ml-lg-xs,
  .hmf-mx-lg-xs {
    margin-left: 12px !important;
  }
  .hmf-m-lg-s {
    margin: 16px !important;
  }
  .hmf-mt-lg-s,
  .hmf-my-lg-s {
    margin-top: 16px !important;
  }
  .hmf-mr-lg-s,
  .hmf-mx-lg-s {
    margin-right: 16px !important;
  }
  .hmf-mb-lg-s,
  .hmf-my-lg-s {
    margin-bottom: 16px !important;
  }
  .hmf-ml-lg-s,
  .hmf-mx-lg-s {
    margin-left: 16px !important;
  }
  .hmf-m-lg-m {
    margin: 24px !important;
  }
  .hmf-mt-lg-m,
  .hmf-my-lg-m {
    margin-top: 24px !important;
  }
  .hmf-mr-lg-m,
  .hmf-mx-lg-m {
    margin-right: 24px !important;
  }
  .hmf-mb-lg-m,
  .hmf-my-lg-m {
    margin-bottom: 24px !important;
  }
  .hmf-ml-lg-m,
  .hmf-mx-lg-m {
    margin-left: 24px !important;
  }
  .hmf-m-lg-l {
    margin: 32px !important;
  }
  .hmf-mt-lg-l,
  .hmf-my-lg-l {
    margin-top: 32px !important;
  }
  .hmf-mr-lg-l,
  .hmf-mx-lg-l {
    margin-right: 32px !important;
  }
  .hmf-mb-lg-l,
  .hmf-my-lg-l {
    margin-bottom: 32px !important;
  }
  .hmf-ml-lg-l,
  .hmf-mx-lg-l {
    margin-left: 32px !important;
  }
  .hmf-m-lg-xl {
    margin: 48px !important;
  }
  .hmf-mt-lg-xl,
  .hmf-my-lg-xl {
    margin-top: 48px !important;
  }
  .hmf-mr-lg-xl,
  .hmf-mx-lg-xl {
    margin-right: 48px !important;
  }
  .hmf-mb-lg-xl,
  .hmf-my-lg-xl {
    margin-bottom: 48px !important;
  }
  .hmf-ml-lg-xl,
  .hmf-mx-lg-xl {
    margin-left: 48px !important;
  }
  .hmf-m-lg-xxl {
    margin: 72px !important;
  }
  .hmf-mt-lg-xxl,
  .hmf-my-lg-xxl {
    margin-top: 72px !important;
  }
  .hmf-mr-lg-xxl,
  .hmf-mx-lg-xxl {
    margin-right: 72px !important;
  }
  .hmf-mb-lg-xxl,
  .hmf-my-lg-xxl {
    margin-bottom: 72px !important;
  }
  .hmf-ml-lg-xxl,
  .hmf-mx-lg-xxl {
    margin-left: 72px !important;
  }
  .hmf-m-lg-xxxl {
    margin: 96px !important;
  }
  .hmf-mt-lg-xxxl,
  .hmf-my-lg-xxxl {
    margin-top: 96px !important;
  }
  .hmf-mr-lg-xxxl,
  .hmf-mx-lg-xxxl {
    margin-right: 96px !important;
  }
  .hmf-mb-lg-xxxl,
  .hmf-my-lg-xxxl {
    margin-bottom: 96px !important;
  }
  .hmf-ml-lg-xxxl,
  .hmf-mx-lg-xxxl {
    margin-left: 96px !important;
  }
  .hmf-m-lg-xxxxl {
    margin: 120px !important;
  }
  .hmf-mt-lg-xxxxl,
  .hmf-my-lg-xxxxl {
    margin-top: 120px !important;
  }
  .hmf-mr-lg-xxxxl,
  .hmf-mx-lg-xxxxl {
    margin-right: 120px !important;
  }
  .hmf-mb-lg-xxxxl,
  .hmf-my-lg-xxxxl {
    margin-bottom: 120px !important;
  }
  .hmf-ml-lg-xxxxl,
  .hmf-mx-lg-xxxxl {
    margin-left: 120px !important;
  }
  .hmf-p-lg-auto {
    padding: auto !important;
  }
  .hmf-pt-lg-auto,
  .hmf-py-lg-auto {
    padding-top: auto !important;
  }
  .hmf-pr-lg-auto,
  .hmf-px-lg-auto {
    padding-right: auto !important;
  }
  .hmf-pb-lg-auto,
  .hmf-py-lg-auto {
    padding-bottom: auto !important;
  }
  .hmf-pl-lg-auto,
  .hmf-px-lg-auto {
    padding-left: auto !important;
  }
  .hmf-p-lg-0 {
    padding: 0px !important;
  }
  .hmf-pt-lg-0,
  .hmf-py-lg-0 {
    padding-top: 0px !important;
  }
  .hmf-pr-lg-0,
  .hmf-px-lg-0 {
    padding-right: 0px !important;
  }
  .hmf-pb-lg-0,
  .hmf-py-lg-0 {
    padding-bottom: 0px !important;
  }
  .hmf-pl-lg-0,
  .hmf-px-lg-0 {
    padding-left: 0px !important;
  }
  .hmf-p-lg-xxxs {
    padding: 4px !important;
  }
  .hmf-pt-lg-xxxs,
  .hmf-py-lg-xxxs {
    padding-top: 4px !important;
  }
  .hmf-pr-lg-xxxs,
  .hmf-px-lg-xxxs {
    padding-right: 4px !important;
  }
  .hmf-pb-lg-xxxs,
  .hmf-py-lg-xxxs {
    padding-bottom: 4px !important;
  }
  .hmf-pl-lg-xxxs,
  .hmf-px-lg-xxxs {
    padding-left: 4px !important;
  }
  .hmf-p-lg-xxs {
    padding: 8px !important;
  }
  .hmf-pt-lg-xxs,
  .hmf-py-lg-xxs {
    padding-top: 8px !important;
  }
  .hmf-pr-lg-xxs,
  .hmf-px-lg-xxs {
    padding-right: 8px !important;
  }
  .hmf-pb-lg-xxs,
  .hmf-py-lg-xxs {
    padding-bottom: 8px !important;
  }
  .hmf-pl-lg-xxs,
  .hmf-px-lg-xxs {
    padding-left: 8px !important;
  }
  .hmf-p-lg-xs {
    padding: 12px !important;
  }
  .hmf-pt-lg-xs,
  .hmf-py-lg-xs {
    padding-top: 12px !important;
  }
  .hmf-pr-lg-xs,
  .hmf-px-lg-xs {
    padding-right: 12px !important;
  }
  .hmf-pb-lg-xs,
  .hmf-py-lg-xs {
    padding-bottom: 12px !important;
  }
  .hmf-pl-lg-xs,
  .hmf-px-lg-xs {
    padding-left: 12px !important;
  }
  .hmf-p-lg-s {
    padding: 16px !important;
  }
  .hmf-pt-lg-s,
  .hmf-py-lg-s {
    padding-top: 16px !important;
  }
  .hmf-pr-lg-s,
  .hmf-px-lg-s {
    padding-right: 16px !important;
  }
  .hmf-pb-lg-s,
  .hmf-py-lg-s {
    padding-bottom: 16px !important;
  }
  .hmf-pl-lg-s,
  .hmf-px-lg-s {
    padding-left: 16px !important;
  }
  .hmf-p-lg-m {
    padding: 24px !important;
  }
  .hmf-pt-lg-m,
  .hmf-py-lg-m {
    padding-top: 24px !important;
  }
  .hmf-pr-lg-m,
  .hmf-px-lg-m {
    padding-right: 24px !important;
  }
  .hmf-pb-lg-m,
  .hmf-py-lg-m {
    padding-bottom: 24px !important;
  }
  .hmf-pl-lg-m,
  .hmf-px-lg-m {
    padding-left: 24px !important;
  }
  .hmf-p-lg-l {
    padding: 32px !important;
  }
  .hmf-pt-lg-l,
  .hmf-py-lg-l {
    padding-top: 32px !important;
  }
  .hmf-pr-lg-l,
  .hmf-px-lg-l {
    padding-right: 32px !important;
  }
  .hmf-pb-lg-l,
  .hmf-py-lg-l {
    padding-bottom: 32px !important;
  }
  .hmf-pl-lg-l,
  .hmf-px-lg-l {
    padding-left: 32px !important;
  }
  .hmf-p-lg-xl {
    padding: 48px !important;
  }
  .hmf-pt-lg-xl,
  .hmf-py-lg-xl {
    padding-top: 48px !important;
  }
  .hmf-pr-lg-xl,
  .hmf-px-lg-xl {
    padding-right: 48px !important;
  }
  .hmf-pb-lg-xl,
  .hmf-py-lg-xl {
    padding-bottom: 48px !important;
  }
  .hmf-pl-lg-xl,
  .hmf-px-lg-xl {
    padding-left: 48px !important;
  }
  .hmf-p-lg-xxl {
    padding: 72px !important;
  }
  .hmf-pt-lg-xxl,
  .hmf-py-lg-xxl {
    padding-top: 72px !important;
  }
  .hmf-pr-lg-xxl,
  .hmf-px-lg-xxl {
    padding-right: 72px !important;
  }
  .hmf-pb-lg-xxl,
  .hmf-py-lg-xxl {
    padding-bottom: 72px !important;
  }
  .hmf-pl-lg-xxl,
  .hmf-px-lg-xxl {
    padding-left: 72px !important;
  }
  .hmf-p-lg-xxxl {
    padding: 96px !important;
  }
  .hmf-pt-lg-xxxl,
  .hmf-py-lg-xxxl {
    padding-top: 96px !important;
  }
  .hmf-pr-lg-xxxl,
  .hmf-px-lg-xxxl {
    padding-right: 96px !important;
  }
  .hmf-pb-lg-xxxl,
  .hmf-py-lg-xxxl {
    padding-bottom: 96px !important;
  }
  .hmf-pl-lg-xxxl,
  .hmf-px-lg-xxxl {
    padding-left: 96px !important;
  }
  .hmf-p-lg-xxxxl {
    padding: 120px !important;
  }
  .hmf-pt-lg-xxxxl,
  .hmf-py-lg-xxxxl {
    padding-top: 120px !important;
  }
  .hmf-pr-lg-xxxxl,
  .hmf-px-lg-xxxxl {
    padding-right: 120px !important;
  }
  .hmf-pb-lg-xxxxl,
  .hmf-py-lg-xxxxl {
    padding-bottom: 120px !important;
  }
  .hmf-pl-lg-xxxxl,
  .hmf-px-lg-xxxxl {
    padding-left: 120px !important;
  }
  .hmf-m-lg-auto {
    margin: auto !important;
  }
  .hmf-mt-lg-auto,
  .hmf-my-lg-auto {
    margin-top: auto !important;
  }
  .hmf-mr-lg-auto,
  .hmf-mx-lg-auto {
    margin-right: auto !important;
  }
  .hmf-mb-lg-auto,
  .hmf-my-lg-auto {
    margin-bottom: auto !important;
  }
  .hmf-ml-lg-auto,
  .hmf-mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1280px) {
  .hmf-m-l-auto {
    margin: auto !important;
  }
  .hmf-mt-l-auto,
  .hmf-my-l-auto {
    margin-top: auto !important;
  }
  .hmf-mr-l-auto,
  .hmf-mx-l-auto {
    margin-right: auto !important;
  }
  .hmf-mb-l-auto,
  .hmf-my-l-auto {
    margin-bottom: auto !important;
  }
  .hmf-ml-l-auto,
  .hmf-mx-l-auto {
    margin-left: auto !important;
  }
  .hmf-m-l-0 {
    margin: 0px !important;
  }
  .hmf-mt-l-0,
  .hmf-my-l-0 {
    margin-top: 0px !important;
  }
  .hmf-mr-l-0,
  .hmf-mx-l-0 {
    margin-right: 0px !important;
  }
  .hmf-mb-l-0,
  .hmf-my-l-0 {
    margin-bottom: 0px !important;
  }
  .hmf-ml-l-0,
  .hmf-mx-l-0 {
    margin-left: 0px !important;
  }
  .hmf-m-l-xxxs {
    margin: 4px !important;
  }
  .hmf-mt-l-xxxs,
  .hmf-my-l-xxxs {
    margin-top: 4px !important;
  }
  .hmf-mr-l-xxxs,
  .hmf-mx-l-xxxs {
    margin-right: 4px !important;
  }
  .hmf-mb-l-xxxs,
  .hmf-my-l-xxxs {
    margin-bottom: 4px !important;
  }
  .hmf-ml-l-xxxs,
  .hmf-mx-l-xxxs {
    margin-left: 4px !important;
  }
  .hmf-m-l-xxs {
    margin: 8px !important;
  }
  .hmf-mt-l-xxs,
  .hmf-my-l-xxs {
    margin-top: 8px !important;
  }
  .hmf-mr-l-xxs,
  .hmf-mx-l-xxs {
    margin-right: 8px !important;
  }
  .hmf-mb-l-xxs,
  .hmf-my-l-xxs {
    margin-bottom: 8px !important;
  }
  .hmf-ml-l-xxs,
  .hmf-mx-l-xxs {
    margin-left: 8px !important;
  }
  .hmf-m-l-xs {
    margin: 12px !important;
  }
  .hmf-mt-l-xs,
  .hmf-my-l-xs {
    margin-top: 12px !important;
  }
  .hmf-mr-l-xs,
  .hmf-mx-l-xs {
    margin-right: 12px !important;
  }
  .hmf-mb-l-xs,
  .hmf-my-l-xs {
    margin-bottom: 12px !important;
  }
  .hmf-ml-l-xs,
  .hmf-mx-l-xs {
    margin-left: 12px !important;
  }
  .hmf-m-l-s {
    margin: 16px !important;
  }
  .hmf-mt-l-s,
  .hmf-my-l-s {
    margin-top: 16px !important;
  }
  .hmf-mr-l-s,
  .hmf-mx-l-s {
    margin-right: 16px !important;
  }
  .hmf-mb-l-s,
  .hmf-my-l-s {
    margin-bottom: 16px !important;
  }
  .hmf-ml-l-s,
  .hmf-mx-l-s {
    margin-left: 16px !important;
  }
  .hmf-m-l-m {
    margin: 24px !important;
  }
  .hmf-mt-l-m,
  .hmf-my-l-m {
    margin-top: 24px !important;
  }
  .hmf-mr-l-m,
  .hmf-mx-l-m {
    margin-right: 24px !important;
  }
  .hmf-mb-l-m,
  .hmf-my-l-m {
    margin-bottom: 24px !important;
  }
  .hmf-ml-l-m,
  .hmf-mx-l-m {
    margin-left: 24px !important;
  }
  .hmf-m-l-l {
    margin: 32px !important;
  }
  .hmf-mt-l-l,
  .hmf-my-l-l {
    margin-top: 32px !important;
  }
  .hmf-mr-l-l,
  .hmf-mx-l-l {
    margin-right: 32px !important;
  }
  .hmf-mb-l-l,
  .hmf-my-l-l {
    margin-bottom: 32px !important;
  }
  .hmf-ml-l-l,
  .hmf-mx-l-l {
    margin-left: 32px !important;
  }
  .hmf-m-l-xl {
    margin: 48px !important;
  }
  .hmf-mt-l-xl,
  .hmf-my-l-xl {
    margin-top: 48px !important;
  }
  .hmf-mr-l-xl,
  .hmf-mx-l-xl {
    margin-right: 48px !important;
  }
  .hmf-mb-l-xl,
  .hmf-my-l-xl {
    margin-bottom: 48px !important;
  }
  .hmf-ml-l-xl,
  .hmf-mx-l-xl {
    margin-left: 48px !important;
  }
  .hmf-m-l-xxl {
    margin: 72px !important;
  }
  .hmf-mt-l-xxl,
  .hmf-my-l-xxl {
    margin-top: 72px !important;
  }
  .hmf-mr-l-xxl,
  .hmf-mx-l-xxl {
    margin-right: 72px !important;
  }
  .hmf-mb-l-xxl,
  .hmf-my-l-xxl {
    margin-bottom: 72px !important;
  }
  .hmf-ml-l-xxl,
  .hmf-mx-l-xxl {
    margin-left: 72px !important;
  }
  .hmf-m-l-xxxl {
    margin: 96px !important;
  }
  .hmf-mt-l-xxxl,
  .hmf-my-l-xxxl {
    margin-top: 96px !important;
  }
  .hmf-mr-l-xxxl,
  .hmf-mx-l-xxxl {
    margin-right: 96px !important;
  }
  .hmf-mb-l-xxxl,
  .hmf-my-l-xxxl {
    margin-bottom: 96px !important;
  }
  .hmf-ml-l-xxxl,
  .hmf-mx-l-xxxl {
    margin-left: 96px !important;
  }
  .hmf-m-l-xxxxl {
    margin: 120px !important;
  }
  .hmf-mt-l-xxxxl,
  .hmf-my-l-xxxxl {
    margin-top: 120px !important;
  }
  .hmf-mr-l-xxxxl,
  .hmf-mx-l-xxxxl {
    margin-right: 120px !important;
  }
  .hmf-mb-l-xxxxl,
  .hmf-my-l-xxxxl {
    margin-bottom: 120px !important;
  }
  .hmf-ml-l-xxxxl,
  .hmf-mx-l-xxxxl {
    margin-left: 120px !important;
  }
  .hmf-p-l-auto {
    padding: auto !important;
  }
  .hmf-pt-l-auto,
  .hmf-py-l-auto {
    padding-top: auto !important;
  }
  .hmf-pr-l-auto,
  .hmf-px-l-auto {
    padding-right: auto !important;
  }
  .hmf-pb-l-auto,
  .hmf-py-l-auto {
    padding-bottom: auto !important;
  }
  .hmf-pl-l-auto,
  .hmf-px-l-auto {
    padding-left: auto !important;
  }
  .hmf-p-l-0 {
    padding: 0px !important;
  }
  .hmf-pt-l-0,
  .hmf-py-l-0 {
    padding-top: 0px !important;
  }
  .hmf-pr-l-0,
  .hmf-px-l-0 {
    padding-right: 0px !important;
  }
  .hmf-pb-l-0,
  .hmf-py-l-0 {
    padding-bottom: 0px !important;
  }
  .hmf-pl-l-0,
  .hmf-px-l-0 {
    padding-left: 0px !important;
  }
  .hmf-p-l-xxxs {
    padding: 4px !important;
  }
  .hmf-pt-l-xxxs,
  .hmf-py-l-xxxs {
    padding-top: 4px !important;
  }
  .hmf-pr-l-xxxs,
  .hmf-px-l-xxxs {
    padding-right: 4px !important;
  }
  .hmf-pb-l-xxxs,
  .hmf-py-l-xxxs {
    padding-bottom: 4px !important;
  }
  .hmf-pl-l-xxxs,
  .hmf-px-l-xxxs {
    padding-left: 4px !important;
  }
  .hmf-p-l-xxs {
    padding: 8px !important;
  }
  .hmf-pt-l-xxs,
  .hmf-py-l-xxs {
    padding-top: 8px !important;
  }
  .hmf-pr-l-xxs,
  .hmf-px-l-xxs {
    padding-right: 8px !important;
  }
  .hmf-pb-l-xxs,
  .hmf-py-l-xxs {
    padding-bottom: 8px !important;
  }
  .hmf-pl-l-xxs,
  .hmf-px-l-xxs {
    padding-left: 8px !important;
  }
  .hmf-p-l-xs {
    padding: 12px !important;
  }
  .hmf-pt-l-xs,
  .hmf-py-l-xs {
    padding-top: 12px !important;
  }
  .hmf-pr-l-xs,
  .hmf-px-l-xs {
    padding-right: 12px !important;
  }
  .hmf-pb-l-xs,
  .hmf-py-l-xs {
    padding-bottom: 12px !important;
  }
  .hmf-pl-l-xs,
  .hmf-px-l-xs {
    padding-left: 12px !important;
  }
  .hmf-p-l-s {
    padding: 16px !important;
  }
  .hmf-pt-l-s,
  .hmf-py-l-s {
    padding-top: 16px !important;
  }
  .hmf-pr-l-s,
  .hmf-px-l-s {
    padding-right: 16px !important;
  }
  .hmf-pb-l-s,
  .hmf-py-l-s {
    padding-bottom: 16px !important;
  }
  .hmf-pl-l-s,
  .hmf-px-l-s {
    padding-left: 16px !important;
  }
  .hmf-p-l-m {
    padding: 24px !important;
  }
  .hmf-pt-l-m,
  .hmf-py-l-m {
    padding-top: 24px !important;
  }
  .hmf-pr-l-m,
  .hmf-px-l-m {
    padding-right: 24px !important;
  }
  .hmf-pb-l-m,
  .hmf-py-l-m {
    padding-bottom: 24px !important;
  }
  .hmf-pl-l-m,
  .hmf-px-l-m {
    padding-left: 24px !important;
  }
  .hmf-p-l-l {
    padding: 32px !important;
  }
  .hmf-pt-l-l,
  .hmf-py-l-l {
    padding-top: 32px !important;
  }
  .hmf-pr-l-l,
  .hmf-px-l-l {
    padding-right: 32px !important;
  }
  .hmf-pb-l-l,
  .hmf-py-l-l {
    padding-bottom: 32px !important;
  }
  .hmf-pl-l-l,
  .hmf-px-l-l {
    padding-left: 32px !important;
  }
  .hmf-p-l-xl {
    padding: 48px !important;
  }
  .hmf-pt-l-xl,
  .hmf-py-l-xl {
    padding-top: 48px !important;
  }
  .hmf-pr-l-xl,
  .hmf-px-l-xl {
    padding-right: 48px !important;
  }
  .hmf-pb-l-xl,
  .hmf-py-l-xl {
    padding-bottom: 48px !important;
  }
  .hmf-pl-l-xl,
  .hmf-px-l-xl {
    padding-left: 48px !important;
  }
  .hmf-p-l-xxl {
    padding: 72px !important;
  }
  .hmf-pt-l-xxl,
  .hmf-py-l-xxl {
    padding-top: 72px !important;
  }
  .hmf-pr-l-xxl,
  .hmf-px-l-xxl {
    padding-right: 72px !important;
  }
  .hmf-pb-l-xxl,
  .hmf-py-l-xxl {
    padding-bottom: 72px !important;
  }
  .hmf-pl-l-xxl,
  .hmf-px-l-xxl {
    padding-left: 72px !important;
  }
  .hmf-p-l-xxxl {
    padding: 96px !important;
  }
  .hmf-pt-l-xxxl,
  .hmf-py-l-xxxl {
    padding-top: 96px !important;
  }
  .hmf-pr-l-xxxl,
  .hmf-px-l-xxxl {
    padding-right: 96px !important;
  }
  .hmf-pb-l-xxxl,
  .hmf-py-l-xxxl {
    padding-bottom: 96px !important;
  }
  .hmf-pl-l-xxxl,
  .hmf-px-l-xxxl {
    padding-left: 96px !important;
  }
  .hmf-p-l-xxxxl {
    padding: 120px !important;
  }
  .hmf-pt-l-xxxxl,
  .hmf-py-l-xxxxl {
    padding-top: 120px !important;
  }
  .hmf-pr-l-xxxxl,
  .hmf-px-l-xxxxl {
    padding-right: 120px !important;
  }
  .hmf-pb-l-xxxxl,
  .hmf-py-l-xxxxl {
    padding-bottom: 120px !important;
  }
  .hmf-pl-l-xxxxl,
  .hmf-px-l-xxxxl {
    padding-left: 120px !important;
  }
  .hmf-m-l-auto {
    margin: auto !important;
  }
  .hmf-mt-l-auto,
  .hmf-my-l-auto {
    margin-top: auto !important;
  }
  .hmf-mr-l-auto,
  .hmf-mx-l-auto {
    margin-right: auto !important;
  }
  .hmf-mb-l-auto,
  .hmf-my-l-auto {
    margin-bottom: auto !important;
  }
  .hmf-ml-l-auto,
  .hmf-mx-l-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1280px) {
  .hmf-m-xlg-auto {
    margin: auto !important;
  }
  .hmf-mt-xlg-auto,
  .hmf-my-xlg-auto {
    margin-top: auto !important;
  }
  .hmf-mr-xlg-auto,
  .hmf-mx-xlg-auto {
    margin-right: auto !important;
  }
  .hmf-mb-xlg-auto,
  .hmf-my-xlg-auto {
    margin-bottom: auto !important;
  }
  .hmf-ml-xlg-auto,
  .hmf-mx-xlg-auto {
    margin-left: auto !important;
  }
  .hmf-m-xlg-0 {
    margin: 0px !important;
  }
  .hmf-mt-xlg-0,
  .hmf-my-xlg-0 {
    margin-top: 0px !important;
  }
  .hmf-mr-xlg-0,
  .hmf-mx-xlg-0 {
    margin-right: 0px !important;
  }
  .hmf-mb-xlg-0,
  .hmf-my-xlg-0 {
    margin-bottom: 0px !important;
  }
  .hmf-ml-xlg-0,
  .hmf-mx-xlg-0 {
    margin-left: 0px !important;
  }
  .hmf-m-xlg-xxxs {
    margin: 4px !important;
  }
  .hmf-mt-xlg-xxxs,
  .hmf-my-xlg-xxxs {
    margin-top: 4px !important;
  }
  .hmf-mr-xlg-xxxs,
  .hmf-mx-xlg-xxxs {
    margin-right: 4px !important;
  }
  .hmf-mb-xlg-xxxs,
  .hmf-my-xlg-xxxs {
    margin-bottom: 4px !important;
  }
  .hmf-ml-xlg-xxxs,
  .hmf-mx-xlg-xxxs {
    margin-left: 4px !important;
  }
  .hmf-m-xlg-xxs {
    margin: 8px !important;
  }
  .hmf-mt-xlg-xxs,
  .hmf-my-xlg-xxs {
    margin-top: 8px !important;
  }
  .hmf-mr-xlg-xxs,
  .hmf-mx-xlg-xxs {
    margin-right: 8px !important;
  }
  .hmf-mb-xlg-xxs,
  .hmf-my-xlg-xxs {
    margin-bottom: 8px !important;
  }
  .hmf-ml-xlg-xxs,
  .hmf-mx-xlg-xxs {
    margin-left: 8px !important;
  }
  .hmf-m-xlg-xs {
    margin: 12px !important;
  }
  .hmf-mt-xlg-xs,
  .hmf-my-xlg-xs {
    margin-top: 12px !important;
  }
  .hmf-mr-xlg-xs,
  .hmf-mx-xlg-xs {
    margin-right: 12px !important;
  }
  .hmf-mb-xlg-xs,
  .hmf-my-xlg-xs {
    margin-bottom: 12px !important;
  }
  .hmf-ml-xlg-xs,
  .hmf-mx-xlg-xs {
    margin-left: 12px !important;
  }
  .hmf-m-xlg-s {
    margin: 16px !important;
  }
  .hmf-mt-xlg-s,
  .hmf-my-xlg-s {
    margin-top: 16px !important;
  }
  .hmf-mr-xlg-s,
  .hmf-mx-xlg-s {
    margin-right: 16px !important;
  }
  .hmf-mb-xlg-s,
  .hmf-my-xlg-s {
    margin-bottom: 16px !important;
  }
  .hmf-ml-xlg-s,
  .hmf-mx-xlg-s {
    margin-left: 16px !important;
  }
  .hmf-m-xlg-m {
    margin: 24px !important;
  }
  .hmf-mt-xlg-m,
  .hmf-my-xlg-m {
    margin-top: 24px !important;
  }
  .hmf-mr-xlg-m,
  .hmf-mx-xlg-m {
    margin-right: 24px !important;
  }
  .hmf-mb-xlg-m,
  .hmf-my-xlg-m {
    margin-bottom: 24px !important;
  }
  .hmf-ml-xlg-m,
  .hmf-mx-xlg-m {
    margin-left: 24px !important;
  }
  .hmf-m-xlg-l {
    margin: 32px !important;
  }
  .hmf-mt-xlg-l,
  .hmf-my-xlg-l {
    margin-top: 32px !important;
  }
  .hmf-mr-xlg-l,
  .hmf-mx-xlg-l {
    margin-right: 32px !important;
  }
  .hmf-mb-xlg-l,
  .hmf-my-xlg-l {
    margin-bottom: 32px !important;
  }
  .hmf-ml-xlg-l,
  .hmf-mx-xlg-l {
    margin-left: 32px !important;
  }
  .hmf-m-xlg-xl {
    margin: 48px !important;
  }
  .hmf-mt-xlg-xl,
  .hmf-my-xlg-xl {
    margin-top: 48px !important;
  }
  .hmf-mr-xlg-xl,
  .hmf-mx-xlg-xl {
    margin-right: 48px !important;
  }
  .hmf-mb-xlg-xl,
  .hmf-my-xlg-xl {
    margin-bottom: 48px !important;
  }
  .hmf-ml-xlg-xl,
  .hmf-mx-xlg-xl {
    margin-left: 48px !important;
  }
  .hmf-m-xlg-xxl {
    margin: 72px !important;
  }
  .hmf-mt-xlg-xxl,
  .hmf-my-xlg-xxl {
    margin-top: 72px !important;
  }
  .hmf-mr-xlg-xxl,
  .hmf-mx-xlg-xxl {
    margin-right: 72px !important;
  }
  .hmf-mb-xlg-xxl,
  .hmf-my-xlg-xxl {
    margin-bottom: 72px !important;
  }
  .hmf-ml-xlg-xxl,
  .hmf-mx-xlg-xxl {
    margin-left: 72px !important;
  }
  .hmf-m-xlg-xxxl {
    margin: 96px !important;
  }
  .hmf-mt-xlg-xxxl,
  .hmf-my-xlg-xxxl {
    margin-top: 96px !important;
  }
  .hmf-mr-xlg-xxxl,
  .hmf-mx-xlg-xxxl {
    margin-right: 96px !important;
  }
  .hmf-mb-xlg-xxxl,
  .hmf-my-xlg-xxxl {
    margin-bottom: 96px !important;
  }
  .hmf-ml-xlg-xxxl,
  .hmf-mx-xlg-xxxl {
    margin-left: 96px !important;
  }
  .hmf-m-xlg-xxxxl {
    margin: 120px !important;
  }
  .hmf-mt-xlg-xxxxl,
  .hmf-my-xlg-xxxxl {
    margin-top: 120px !important;
  }
  .hmf-mr-xlg-xxxxl,
  .hmf-mx-xlg-xxxxl {
    margin-right: 120px !important;
  }
  .hmf-mb-xlg-xxxxl,
  .hmf-my-xlg-xxxxl {
    margin-bottom: 120px !important;
  }
  .hmf-ml-xlg-xxxxl,
  .hmf-mx-xlg-xxxxl {
    margin-left: 120px !important;
  }
  .hmf-p-xlg-auto {
    padding: auto !important;
  }
  .hmf-pt-xlg-auto,
  .hmf-py-xlg-auto {
    padding-top: auto !important;
  }
  .hmf-pr-xlg-auto,
  .hmf-px-xlg-auto {
    padding-right: auto !important;
  }
  .hmf-pb-xlg-auto,
  .hmf-py-xlg-auto {
    padding-bottom: auto !important;
  }
  .hmf-pl-xlg-auto,
  .hmf-px-xlg-auto {
    padding-left: auto !important;
  }
  .hmf-p-xlg-0 {
    padding: 0px !important;
  }
  .hmf-pt-xlg-0,
  .hmf-py-xlg-0 {
    padding-top: 0px !important;
  }
  .hmf-pr-xlg-0,
  .hmf-px-xlg-0 {
    padding-right: 0px !important;
  }
  .hmf-pb-xlg-0,
  .hmf-py-xlg-0 {
    padding-bottom: 0px !important;
  }
  .hmf-pl-xlg-0,
  .hmf-px-xlg-0 {
    padding-left: 0px !important;
  }
  .hmf-p-xlg-xxxs {
    padding: 4px !important;
  }
  .hmf-pt-xlg-xxxs,
  .hmf-py-xlg-xxxs {
    padding-top: 4px !important;
  }
  .hmf-pr-xlg-xxxs,
  .hmf-px-xlg-xxxs {
    padding-right: 4px !important;
  }
  .hmf-pb-xlg-xxxs,
  .hmf-py-xlg-xxxs {
    padding-bottom: 4px !important;
  }
  .hmf-pl-xlg-xxxs,
  .hmf-px-xlg-xxxs {
    padding-left: 4px !important;
  }
  .hmf-p-xlg-xxs {
    padding: 8px !important;
  }
  .hmf-pt-xlg-xxs,
  .hmf-py-xlg-xxs {
    padding-top: 8px !important;
  }
  .hmf-pr-xlg-xxs,
  .hmf-px-xlg-xxs {
    padding-right: 8px !important;
  }
  .hmf-pb-xlg-xxs,
  .hmf-py-xlg-xxs {
    padding-bottom: 8px !important;
  }
  .hmf-pl-xlg-xxs,
  .hmf-px-xlg-xxs {
    padding-left: 8px !important;
  }
  .hmf-p-xlg-xs {
    padding: 12px !important;
  }
  .hmf-pt-xlg-xs,
  .hmf-py-xlg-xs {
    padding-top: 12px !important;
  }
  .hmf-pr-xlg-xs,
  .hmf-px-xlg-xs {
    padding-right: 12px !important;
  }
  .hmf-pb-xlg-xs,
  .hmf-py-xlg-xs {
    padding-bottom: 12px !important;
  }
  .hmf-pl-xlg-xs,
  .hmf-px-xlg-xs {
    padding-left: 12px !important;
  }
  .hmf-p-xlg-s {
    padding: 16px !important;
  }
  .hmf-pt-xlg-s,
  .hmf-py-xlg-s {
    padding-top: 16px !important;
  }
  .hmf-pr-xlg-s,
  .hmf-px-xlg-s {
    padding-right: 16px !important;
  }
  .hmf-pb-xlg-s,
  .hmf-py-xlg-s {
    padding-bottom: 16px !important;
  }
  .hmf-pl-xlg-s,
  .hmf-px-xlg-s {
    padding-left: 16px !important;
  }
  .hmf-p-xlg-m {
    padding: 24px !important;
  }
  .hmf-pt-xlg-m,
  .hmf-py-xlg-m {
    padding-top: 24px !important;
  }
  .hmf-pr-xlg-m,
  .hmf-px-xlg-m {
    padding-right: 24px !important;
  }
  .hmf-pb-xlg-m,
  .hmf-py-xlg-m {
    padding-bottom: 24px !important;
  }
  .hmf-pl-xlg-m,
  .hmf-px-xlg-m {
    padding-left: 24px !important;
  }
  .hmf-p-xlg-l {
    padding: 32px !important;
  }
  .hmf-pt-xlg-l,
  .hmf-py-xlg-l {
    padding-top: 32px !important;
  }
  .hmf-pr-xlg-l,
  .hmf-px-xlg-l {
    padding-right: 32px !important;
  }
  .hmf-pb-xlg-l,
  .hmf-py-xlg-l {
    padding-bottom: 32px !important;
  }
  .hmf-pl-xlg-l,
  .hmf-px-xlg-l {
    padding-left: 32px !important;
  }
  .hmf-p-xlg-xl {
    padding: 48px !important;
  }
  .hmf-pt-xlg-xl,
  .hmf-py-xlg-xl {
    padding-top: 48px !important;
  }
  .hmf-pr-xlg-xl,
  .hmf-px-xlg-xl {
    padding-right: 48px !important;
  }
  .hmf-pb-xlg-xl,
  .hmf-py-xlg-xl {
    padding-bottom: 48px !important;
  }
  .hmf-pl-xlg-xl,
  .hmf-px-xlg-xl {
    padding-left: 48px !important;
  }
  .hmf-p-xlg-xxl {
    padding: 72px !important;
  }
  .hmf-pt-xlg-xxl,
  .hmf-py-xlg-xxl {
    padding-top: 72px !important;
  }
  .hmf-pr-xlg-xxl,
  .hmf-px-xlg-xxl {
    padding-right: 72px !important;
  }
  .hmf-pb-xlg-xxl,
  .hmf-py-xlg-xxl {
    padding-bottom: 72px !important;
  }
  .hmf-pl-xlg-xxl,
  .hmf-px-xlg-xxl {
    padding-left: 72px !important;
  }
  .hmf-p-xlg-xxxl {
    padding: 96px !important;
  }
  .hmf-pt-xlg-xxxl,
  .hmf-py-xlg-xxxl {
    padding-top: 96px !important;
  }
  .hmf-pr-xlg-xxxl,
  .hmf-px-xlg-xxxl {
    padding-right: 96px !important;
  }
  .hmf-pb-xlg-xxxl,
  .hmf-py-xlg-xxxl {
    padding-bottom: 96px !important;
  }
  .hmf-pl-xlg-xxxl,
  .hmf-px-xlg-xxxl {
    padding-left: 96px !important;
  }
  .hmf-p-xlg-xxxxl {
    padding: 120px !important;
  }
  .hmf-pt-xlg-xxxxl,
  .hmf-py-xlg-xxxxl {
    padding-top: 120px !important;
  }
  .hmf-pr-xlg-xxxxl,
  .hmf-px-xlg-xxxxl {
    padding-right: 120px !important;
  }
  .hmf-pb-xlg-xxxxl,
  .hmf-py-xlg-xxxxl {
    padding-bottom: 120px !important;
  }
  .hmf-pl-xlg-xxxxl,
  .hmf-px-xlg-xxxxl {
    padding-left: 120px !important;
  }
  .hmf-m-xlg-auto {
    margin: auto !important;
  }
  .hmf-mt-xlg-auto,
  .hmf-my-xlg-auto {
    margin-top: auto !important;
  }
  .hmf-mr-xlg-auto,
  .hmf-mx-xlg-auto {
    margin-right: auto !important;
  }
  .hmf-mb-xlg-auto,
  .hmf-my-xlg-auto {
    margin-bottom: auto !important;
  }
  .hmf-ml-xlg-auto,
  .hmf-mx-xlg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1440px) {
  .hmf-m-xl-auto {
    margin: auto !important;
  }
  .hmf-mt-xl-auto,
  .hmf-my-xl-auto {
    margin-top: auto !important;
  }
  .hmf-mr-xl-auto,
  .hmf-mx-xl-auto {
    margin-right: auto !important;
  }
  .hmf-mb-xl-auto,
  .hmf-my-xl-auto {
    margin-bottom: auto !important;
  }
  .hmf-ml-xl-auto,
  .hmf-mx-xl-auto {
    margin-left: auto !important;
  }
  .hmf-m-xl-0 {
    margin: 0px !important;
  }
  .hmf-mt-xl-0,
  .hmf-my-xl-0 {
    margin-top: 0px !important;
  }
  .hmf-mr-xl-0,
  .hmf-mx-xl-0 {
    margin-right: 0px !important;
  }
  .hmf-mb-xl-0,
  .hmf-my-xl-0 {
    margin-bottom: 0px !important;
  }
  .hmf-ml-xl-0,
  .hmf-mx-xl-0 {
    margin-left: 0px !important;
  }
  .hmf-m-xl-xxxs {
    margin: 4px !important;
  }
  .hmf-mt-xl-xxxs,
  .hmf-my-xl-xxxs {
    margin-top: 4px !important;
  }
  .hmf-mr-xl-xxxs,
  .hmf-mx-xl-xxxs {
    margin-right: 4px !important;
  }
  .hmf-mb-xl-xxxs,
  .hmf-my-xl-xxxs {
    margin-bottom: 4px !important;
  }
  .hmf-ml-xl-xxxs,
  .hmf-mx-xl-xxxs {
    margin-left: 4px !important;
  }
  .hmf-m-xl-xxs {
    margin: 8px !important;
  }
  .hmf-mt-xl-xxs,
  .hmf-my-xl-xxs {
    margin-top: 8px !important;
  }
  .hmf-mr-xl-xxs,
  .hmf-mx-xl-xxs {
    margin-right: 8px !important;
  }
  .hmf-mb-xl-xxs,
  .hmf-my-xl-xxs {
    margin-bottom: 8px !important;
  }
  .hmf-ml-xl-xxs,
  .hmf-mx-xl-xxs {
    margin-left: 8px !important;
  }
  .hmf-m-xl-xs {
    margin: 12px !important;
  }
  .hmf-mt-xl-xs,
  .hmf-my-xl-xs {
    margin-top: 12px !important;
  }
  .hmf-mr-xl-xs,
  .hmf-mx-xl-xs {
    margin-right: 12px !important;
  }
  .hmf-mb-xl-xs,
  .hmf-my-xl-xs {
    margin-bottom: 12px !important;
  }
  .hmf-ml-xl-xs,
  .hmf-mx-xl-xs {
    margin-left: 12px !important;
  }
  .hmf-m-xl-s {
    margin: 16px !important;
  }
  .hmf-mt-xl-s,
  .hmf-my-xl-s {
    margin-top: 16px !important;
  }
  .hmf-mr-xl-s,
  .hmf-mx-xl-s {
    margin-right: 16px !important;
  }
  .hmf-mb-xl-s,
  .hmf-my-xl-s {
    margin-bottom: 16px !important;
  }
  .hmf-ml-xl-s,
  .hmf-mx-xl-s {
    margin-left: 16px !important;
  }
  .hmf-m-xl-m {
    margin: 24px !important;
  }
  .hmf-mt-xl-m,
  .hmf-my-xl-m {
    margin-top: 24px !important;
  }
  .hmf-mr-xl-m,
  .hmf-mx-xl-m {
    margin-right: 24px !important;
  }
  .hmf-mb-xl-m,
  .hmf-my-xl-m {
    margin-bottom: 24px !important;
  }
  .hmf-ml-xl-m,
  .hmf-mx-xl-m {
    margin-left: 24px !important;
  }
  .hmf-m-xl-l {
    margin: 32px !important;
  }
  .hmf-mt-xl-l,
  .hmf-my-xl-l {
    margin-top: 32px !important;
  }
  .hmf-mr-xl-l,
  .hmf-mx-xl-l {
    margin-right: 32px !important;
  }
  .hmf-mb-xl-l,
  .hmf-my-xl-l {
    margin-bottom: 32px !important;
  }
  .hmf-ml-xl-l,
  .hmf-mx-xl-l {
    margin-left: 32px !important;
  }
  .hmf-m-xl-xl {
    margin: 48px !important;
  }
  .hmf-mt-xl-xl,
  .hmf-my-xl-xl {
    margin-top: 48px !important;
  }
  .hmf-mr-xl-xl,
  .hmf-mx-xl-xl {
    margin-right: 48px !important;
  }
  .hmf-mb-xl-xl,
  .hmf-my-xl-xl {
    margin-bottom: 48px !important;
  }
  .hmf-ml-xl-xl,
  .hmf-mx-xl-xl {
    margin-left: 48px !important;
  }
  .hmf-m-xl-xxl {
    margin: 72px !important;
  }
  .hmf-mt-xl-xxl,
  .hmf-my-xl-xxl {
    margin-top: 72px !important;
  }
  .hmf-mr-xl-xxl,
  .hmf-mx-xl-xxl {
    margin-right: 72px !important;
  }
  .hmf-mb-xl-xxl,
  .hmf-my-xl-xxl {
    margin-bottom: 72px !important;
  }
  .hmf-ml-xl-xxl,
  .hmf-mx-xl-xxl {
    margin-left: 72px !important;
  }
  .hmf-m-xl-xxxl {
    margin: 96px !important;
  }
  .hmf-mt-xl-xxxl,
  .hmf-my-xl-xxxl {
    margin-top: 96px !important;
  }
  .hmf-mr-xl-xxxl,
  .hmf-mx-xl-xxxl {
    margin-right: 96px !important;
  }
  .hmf-mb-xl-xxxl,
  .hmf-my-xl-xxxl {
    margin-bottom: 96px !important;
  }
  .hmf-ml-xl-xxxl,
  .hmf-mx-xl-xxxl {
    margin-left: 96px !important;
  }
  .hmf-m-xl-xxxxl {
    margin: 120px !important;
  }
  .hmf-mt-xl-xxxxl,
  .hmf-my-xl-xxxxl {
    margin-top: 120px !important;
  }
  .hmf-mr-xl-xxxxl,
  .hmf-mx-xl-xxxxl {
    margin-right: 120px !important;
  }
  .hmf-mb-xl-xxxxl,
  .hmf-my-xl-xxxxl {
    margin-bottom: 120px !important;
  }
  .hmf-ml-xl-xxxxl,
  .hmf-mx-xl-xxxxl {
    margin-left: 120px !important;
  }
  .hmf-p-xl-auto {
    padding: auto !important;
  }
  .hmf-pt-xl-auto,
  .hmf-py-xl-auto {
    padding-top: auto !important;
  }
  .hmf-pr-xl-auto,
  .hmf-px-xl-auto {
    padding-right: auto !important;
  }
  .hmf-pb-xl-auto,
  .hmf-py-xl-auto {
    padding-bottom: auto !important;
  }
  .hmf-pl-xl-auto,
  .hmf-px-xl-auto {
    padding-left: auto !important;
  }
  .hmf-p-xl-0 {
    padding: 0px !important;
  }
  .hmf-pt-xl-0,
  .hmf-py-xl-0 {
    padding-top: 0px !important;
  }
  .hmf-pr-xl-0,
  .hmf-px-xl-0 {
    padding-right: 0px !important;
  }
  .hmf-pb-xl-0,
  .hmf-py-xl-0 {
    padding-bottom: 0px !important;
  }
  .hmf-pl-xl-0,
  .hmf-px-xl-0 {
    padding-left: 0px !important;
  }
  .hmf-p-xl-xxxs {
    padding: 4px !important;
  }
  .hmf-pt-xl-xxxs,
  .hmf-py-xl-xxxs {
    padding-top: 4px !important;
  }
  .hmf-pr-xl-xxxs,
  .hmf-px-xl-xxxs {
    padding-right: 4px !important;
  }
  .hmf-pb-xl-xxxs,
  .hmf-py-xl-xxxs {
    padding-bottom: 4px !important;
  }
  .hmf-pl-xl-xxxs,
  .hmf-px-xl-xxxs {
    padding-left: 4px !important;
  }
  .hmf-p-xl-xxs {
    padding: 8px !important;
  }
  .hmf-pt-xl-xxs,
  .hmf-py-xl-xxs {
    padding-top: 8px !important;
  }
  .hmf-pr-xl-xxs,
  .hmf-px-xl-xxs {
    padding-right: 8px !important;
  }
  .hmf-pb-xl-xxs,
  .hmf-py-xl-xxs {
    padding-bottom: 8px !important;
  }
  .hmf-pl-xl-xxs,
  .hmf-px-xl-xxs {
    padding-left: 8px !important;
  }
  .hmf-p-xl-xs {
    padding: 12px !important;
  }
  .hmf-pt-xl-xs,
  .hmf-py-xl-xs {
    padding-top: 12px !important;
  }
  .hmf-pr-xl-xs,
  .hmf-px-xl-xs {
    padding-right: 12px !important;
  }
  .hmf-pb-xl-xs,
  .hmf-py-xl-xs {
    padding-bottom: 12px !important;
  }
  .hmf-pl-xl-xs,
  .hmf-px-xl-xs {
    padding-left: 12px !important;
  }
  .hmf-p-xl-s {
    padding: 16px !important;
  }
  .hmf-pt-xl-s,
  .hmf-py-xl-s {
    padding-top: 16px !important;
  }
  .hmf-pr-xl-s,
  .hmf-px-xl-s {
    padding-right: 16px !important;
  }
  .hmf-pb-xl-s,
  .hmf-py-xl-s {
    padding-bottom: 16px !important;
  }
  .hmf-pl-xl-s,
  .hmf-px-xl-s {
    padding-left: 16px !important;
  }
  .hmf-p-xl-m {
    padding: 24px !important;
  }
  .hmf-pt-xl-m,
  .hmf-py-xl-m {
    padding-top: 24px !important;
  }
  .hmf-pr-xl-m,
  .hmf-px-xl-m {
    padding-right: 24px !important;
  }
  .hmf-pb-xl-m,
  .hmf-py-xl-m {
    padding-bottom: 24px !important;
  }
  .hmf-pl-xl-m,
  .hmf-px-xl-m {
    padding-left: 24px !important;
  }
  .hmf-p-xl-l {
    padding: 32px !important;
  }
  .hmf-pt-xl-l,
  .hmf-py-xl-l {
    padding-top: 32px !important;
  }
  .hmf-pr-xl-l,
  .hmf-px-xl-l {
    padding-right: 32px !important;
  }
  .hmf-pb-xl-l,
  .hmf-py-xl-l {
    padding-bottom: 32px !important;
  }
  .hmf-pl-xl-l,
  .hmf-px-xl-l {
    padding-left: 32px !important;
  }
  .hmf-p-xl-xl {
    padding: 48px !important;
  }
  .hmf-pt-xl-xl,
  .hmf-py-xl-xl {
    padding-top: 48px !important;
  }
  .hmf-pr-xl-xl,
  .hmf-px-xl-xl {
    padding-right: 48px !important;
  }
  .hmf-pb-xl-xl,
  .hmf-py-xl-xl {
    padding-bottom: 48px !important;
  }
  .hmf-pl-xl-xl,
  .hmf-px-xl-xl {
    padding-left: 48px !important;
  }
  .hmf-p-xl-xxl {
    padding: 72px !important;
  }
  .hmf-pt-xl-xxl,
  .hmf-py-xl-xxl {
    padding-top: 72px !important;
  }
  .hmf-pr-xl-xxl,
  .hmf-px-xl-xxl {
    padding-right: 72px !important;
  }
  .hmf-pb-xl-xxl,
  .hmf-py-xl-xxl {
    padding-bottom: 72px !important;
  }
  .hmf-pl-xl-xxl,
  .hmf-px-xl-xxl {
    padding-left: 72px !important;
  }
  .hmf-p-xl-xxxl {
    padding: 96px !important;
  }
  .hmf-pt-xl-xxxl,
  .hmf-py-xl-xxxl {
    padding-top: 96px !important;
  }
  .hmf-pr-xl-xxxl,
  .hmf-px-xl-xxxl {
    padding-right: 96px !important;
  }
  .hmf-pb-xl-xxxl,
  .hmf-py-xl-xxxl {
    padding-bottom: 96px !important;
  }
  .hmf-pl-xl-xxxl,
  .hmf-px-xl-xxxl {
    padding-left: 96px !important;
  }
  .hmf-p-xl-xxxxl {
    padding: 120px !important;
  }
  .hmf-pt-xl-xxxxl,
  .hmf-py-xl-xxxxl {
    padding-top: 120px !important;
  }
  .hmf-pr-xl-xxxxl,
  .hmf-px-xl-xxxxl {
    padding-right: 120px !important;
  }
  .hmf-pb-xl-xxxxl,
  .hmf-py-xl-xxxxl {
    padding-bottom: 120px !important;
  }
  .hmf-pl-xl-xxxxl,
  .hmf-px-xl-xxxxl {
    padding-left: 120px !important;
  }
  .hmf-m-xl-auto {
    margin: auto !important;
  }
  .hmf-mt-xl-auto,
  .hmf-my-xl-auto {
    margin-top: auto !important;
  }
  .hmf-mr-xl-auto,
  .hmf-mx-xl-auto {
    margin-right: auto !important;
  }
  .hmf-mb-xl-auto,
  .hmf-my-xl-auto {
    margin-bottom: auto !important;
  }
  .hmf-ml-xl-auto,
  .hmf-mx-xl-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1440px) {
  .hmf-m-xxlg-auto {
    margin: auto !important;
  }
  .hmf-mt-xxlg-auto,
  .hmf-my-xxlg-auto {
    margin-top: auto !important;
  }
  .hmf-mr-xxlg-auto,
  .hmf-mx-xxlg-auto {
    margin-right: auto !important;
  }
  .hmf-mb-xxlg-auto,
  .hmf-my-xxlg-auto {
    margin-bottom: auto !important;
  }
  .hmf-ml-xxlg-auto,
  .hmf-mx-xxlg-auto {
    margin-left: auto !important;
  }
  .hmf-m-xxlg-0 {
    margin: 0px !important;
  }
  .hmf-mt-xxlg-0,
  .hmf-my-xxlg-0 {
    margin-top: 0px !important;
  }
  .hmf-mr-xxlg-0,
  .hmf-mx-xxlg-0 {
    margin-right: 0px !important;
  }
  .hmf-mb-xxlg-0,
  .hmf-my-xxlg-0 {
    margin-bottom: 0px !important;
  }
  .hmf-ml-xxlg-0,
  .hmf-mx-xxlg-0 {
    margin-left: 0px !important;
  }
  .hmf-m-xxlg-xxxs {
    margin: 4px !important;
  }
  .hmf-mt-xxlg-xxxs,
  .hmf-my-xxlg-xxxs {
    margin-top: 4px !important;
  }
  .hmf-mr-xxlg-xxxs,
  .hmf-mx-xxlg-xxxs {
    margin-right: 4px !important;
  }
  .hmf-mb-xxlg-xxxs,
  .hmf-my-xxlg-xxxs {
    margin-bottom: 4px !important;
  }
  .hmf-ml-xxlg-xxxs,
  .hmf-mx-xxlg-xxxs {
    margin-left: 4px !important;
  }
  .hmf-m-xxlg-xxs {
    margin: 8px !important;
  }
  .hmf-mt-xxlg-xxs,
  .hmf-my-xxlg-xxs {
    margin-top: 8px !important;
  }
  .hmf-mr-xxlg-xxs,
  .hmf-mx-xxlg-xxs {
    margin-right: 8px !important;
  }
  .hmf-mb-xxlg-xxs,
  .hmf-my-xxlg-xxs {
    margin-bottom: 8px !important;
  }
  .hmf-ml-xxlg-xxs,
  .hmf-mx-xxlg-xxs {
    margin-left: 8px !important;
  }
  .hmf-m-xxlg-xs {
    margin: 12px !important;
  }
  .hmf-mt-xxlg-xs,
  .hmf-my-xxlg-xs {
    margin-top: 12px !important;
  }
  .hmf-mr-xxlg-xs,
  .hmf-mx-xxlg-xs {
    margin-right: 12px !important;
  }
  .hmf-mb-xxlg-xs,
  .hmf-my-xxlg-xs {
    margin-bottom: 12px !important;
  }
  .hmf-ml-xxlg-xs,
  .hmf-mx-xxlg-xs {
    margin-left: 12px !important;
  }
  .hmf-m-xxlg-s {
    margin: 16px !important;
  }
  .hmf-mt-xxlg-s,
  .hmf-my-xxlg-s {
    margin-top: 16px !important;
  }
  .hmf-mr-xxlg-s,
  .hmf-mx-xxlg-s {
    margin-right: 16px !important;
  }
  .hmf-mb-xxlg-s,
  .hmf-my-xxlg-s {
    margin-bottom: 16px !important;
  }
  .hmf-ml-xxlg-s,
  .hmf-mx-xxlg-s {
    margin-left: 16px !important;
  }
  .hmf-m-xxlg-m {
    margin: 24px !important;
  }
  .hmf-mt-xxlg-m,
  .hmf-my-xxlg-m {
    margin-top: 24px !important;
  }
  .hmf-mr-xxlg-m,
  .hmf-mx-xxlg-m {
    margin-right: 24px !important;
  }
  .hmf-mb-xxlg-m,
  .hmf-my-xxlg-m {
    margin-bottom: 24px !important;
  }
  .hmf-ml-xxlg-m,
  .hmf-mx-xxlg-m {
    margin-left: 24px !important;
  }
  .hmf-m-xxlg-l {
    margin: 32px !important;
  }
  .hmf-mt-xxlg-l,
  .hmf-my-xxlg-l {
    margin-top: 32px !important;
  }
  .hmf-mr-xxlg-l,
  .hmf-mx-xxlg-l {
    margin-right: 32px !important;
  }
  .hmf-mb-xxlg-l,
  .hmf-my-xxlg-l {
    margin-bottom: 32px !important;
  }
  .hmf-ml-xxlg-l,
  .hmf-mx-xxlg-l {
    margin-left: 32px !important;
  }
  .hmf-m-xxlg-xl {
    margin: 48px !important;
  }
  .hmf-mt-xxlg-xl,
  .hmf-my-xxlg-xl {
    margin-top: 48px !important;
  }
  .hmf-mr-xxlg-xl,
  .hmf-mx-xxlg-xl {
    margin-right: 48px !important;
  }
  .hmf-mb-xxlg-xl,
  .hmf-my-xxlg-xl {
    margin-bottom: 48px !important;
  }
  .hmf-ml-xxlg-xl,
  .hmf-mx-xxlg-xl {
    margin-left: 48px !important;
  }
  .hmf-m-xxlg-xxl {
    margin: 72px !important;
  }
  .hmf-mt-xxlg-xxl,
  .hmf-my-xxlg-xxl {
    margin-top: 72px !important;
  }
  .hmf-mr-xxlg-xxl,
  .hmf-mx-xxlg-xxl {
    margin-right: 72px !important;
  }
  .hmf-mb-xxlg-xxl,
  .hmf-my-xxlg-xxl {
    margin-bottom: 72px !important;
  }
  .hmf-ml-xxlg-xxl,
  .hmf-mx-xxlg-xxl {
    margin-left: 72px !important;
  }
  .hmf-m-xxlg-xxxl {
    margin: 96px !important;
  }
  .hmf-mt-xxlg-xxxl,
  .hmf-my-xxlg-xxxl {
    margin-top: 96px !important;
  }
  .hmf-mr-xxlg-xxxl,
  .hmf-mx-xxlg-xxxl {
    margin-right: 96px !important;
  }
  .hmf-mb-xxlg-xxxl,
  .hmf-my-xxlg-xxxl {
    margin-bottom: 96px !important;
  }
  .hmf-ml-xxlg-xxxl,
  .hmf-mx-xxlg-xxxl {
    margin-left: 96px !important;
  }
  .hmf-m-xxlg-xxxxl {
    margin: 120px !important;
  }
  .hmf-mt-xxlg-xxxxl,
  .hmf-my-xxlg-xxxxl {
    margin-top: 120px !important;
  }
  .hmf-mr-xxlg-xxxxl,
  .hmf-mx-xxlg-xxxxl {
    margin-right: 120px !important;
  }
  .hmf-mb-xxlg-xxxxl,
  .hmf-my-xxlg-xxxxl {
    margin-bottom: 120px !important;
  }
  .hmf-ml-xxlg-xxxxl,
  .hmf-mx-xxlg-xxxxl {
    margin-left: 120px !important;
  }
  .hmf-p-xxlg-auto {
    padding: auto !important;
  }
  .hmf-pt-xxlg-auto,
  .hmf-py-xxlg-auto {
    padding-top: auto !important;
  }
  .hmf-pr-xxlg-auto,
  .hmf-px-xxlg-auto {
    padding-right: auto !important;
  }
  .hmf-pb-xxlg-auto,
  .hmf-py-xxlg-auto {
    padding-bottom: auto !important;
  }
  .hmf-pl-xxlg-auto,
  .hmf-px-xxlg-auto {
    padding-left: auto !important;
  }
  .hmf-p-xxlg-0 {
    padding: 0px !important;
  }
  .hmf-pt-xxlg-0,
  .hmf-py-xxlg-0 {
    padding-top: 0px !important;
  }
  .hmf-pr-xxlg-0,
  .hmf-px-xxlg-0 {
    padding-right: 0px !important;
  }
  .hmf-pb-xxlg-0,
  .hmf-py-xxlg-0 {
    padding-bottom: 0px !important;
  }
  .hmf-pl-xxlg-0,
  .hmf-px-xxlg-0 {
    padding-left: 0px !important;
  }
  .hmf-p-xxlg-xxxs {
    padding: 4px !important;
  }
  .hmf-pt-xxlg-xxxs,
  .hmf-py-xxlg-xxxs {
    padding-top: 4px !important;
  }
  .hmf-pr-xxlg-xxxs,
  .hmf-px-xxlg-xxxs {
    padding-right: 4px !important;
  }
  .hmf-pb-xxlg-xxxs,
  .hmf-py-xxlg-xxxs {
    padding-bottom: 4px !important;
  }
  .hmf-pl-xxlg-xxxs,
  .hmf-px-xxlg-xxxs {
    padding-left: 4px !important;
  }
  .hmf-p-xxlg-xxs {
    padding: 8px !important;
  }
  .hmf-pt-xxlg-xxs,
  .hmf-py-xxlg-xxs {
    padding-top: 8px !important;
  }
  .hmf-pr-xxlg-xxs,
  .hmf-px-xxlg-xxs {
    padding-right: 8px !important;
  }
  .hmf-pb-xxlg-xxs,
  .hmf-py-xxlg-xxs {
    padding-bottom: 8px !important;
  }
  .hmf-pl-xxlg-xxs,
  .hmf-px-xxlg-xxs {
    padding-left: 8px !important;
  }
  .hmf-p-xxlg-xs {
    padding: 12px !important;
  }
  .hmf-pt-xxlg-xs,
  .hmf-py-xxlg-xs {
    padding-top: 12px !important;
  }
  .hmf-pr-xxlg-xs,
  .hmf-px-xxlg-xs {
    padding-right: 12px !important;
  }
  .hmf-pb-xxlg-xs,
  .hmf-py-xxlg-xs {
    padding-bottom: 12px !important;
  }
  .hmf-pl-xxlg-xs,
  .hmf-px-xxlg-xs {
    padding-left: 12px !important;
  }
  .hmf-p-xxlg-s {
    padding: 16px !important;
  }
  .hmf-pt-xxlg-s,
  .hmf-py-xxlg-s {
    padding-top: 16px !important;
  }
  .hmf-pr-xxlg-s,
  .hmf-px-xxlg-s {
    padding-right: 16px !important;
  }
  .hmf-pb-xxlg-s,
  .hmf-py-xxlg-s {
    padding-bottom: 16px !important;
  }
  .hmf-pl-xxlg-s,
  .hmf-px-xxlg-s {
    padding-left: 16px !important;
  }
  .hmf-p-xxlg-m {
    padding: 24px !important;
  }
  .hmf-pt-xxlg-m,
  .hmf-py-xxlg-m {
    padding-top: 24px !important;
  }
  .hmf-pr-xxlg-m,
  .hmf-px-xxlg-m {
    padding-right: 24px !important;
  }
  .hmf-pb-xxlg-m,
  .hmf-py-xxlg-m {
    padding-bottom: 24px !important;
  }
  .hmf-pl-xxlg-m,
  .hmf-px-xxlg-m {
    padding-left: 24px !important;
  }
  .hmf-p-xxlg-l {
    padding: 32px !important;
  }
  .hmf-pt-xxlg-l,
  .hmf-py-xxlg-l {
    padding-top: 32px !important;
  }
  .hmf-pr-xxlg-l,
  .hmf-px-xxlg-l {
    padding-right: 32px !important;
  }
  .hmf-pb-xxlg-l,
  .hmf-py-xxlg-l {
    padding-bottom: 32px !important;
  }
  .hmf-pl-xxlg-l,
  .hmf-px-xxlg-l {
    padding-left: 32px !important;
  }
  .hmf-p-xxlg-xl {
    padding: 48px !important;
  }
  .hmf-pt-xxlg-xl,
  .hmf-py-xxlg-xl {
    padding-top: 48px !important;
  }
  .hmf-pr-xxlg-xl,
  .hmf-px-xxlg-xl {
    padding-right: 48px !important;
  }
  .hmf-pb-xxlg-xl,
  .hmf-py-xxlg-xl {
    padding-bottom: 48px !important;
  }
  .hmf-pl-xxlg-xl,
  .hmf-px-xxlg-xl {
    padding-left: 48px !important;
  }
  .hmf-p-xxlg-xxl {
    padding: 72px !important;
  }
  .hmf-pt-xxlg-xxl,
  .hmf-py-xxlg-xxl {
    padding-top: 72px !important;
  }
  .hmf-pr-xxlg-xxl,
  .hmf-px-xxlg-xxl {
    padding-right: 72px !important;
  }
  .hmf-pb-xxlg-xxl,
  .hmf-py-xxlg-xxl {
    padding-bottom: 72px !important;
  }
  .hmf-pl-xxlg-xxl,
  .hmf-px-xxlg-xxl {
    padding-left: 72px !important;
  }
  .hmf-p-xxlg-xxxl {
    padding: 96px !important;
  }
  .hmf-pt-xxlg-xxxl,
  .hmf-py-xxlg-xxxl {
    padding-top: 96px !important;
  }
  .hmf-pr-xxlg-xxxl,
  .hmf-px-xxlg-xxxl {
    padding-right: 96px !important;
  }
  .hmf-pb-xxlg-xxxl,
  .hmf-py-xxlg-xxxl {
    padding-bottom: 96px !important;
  }
  .hmf-pl-xxlg-xxxl,
  .hmf-px-xxlg-xxxl {
    padding-left: 96px !important;
  }
  .hmf-p-xxlg-xxxxl {
    padding: 120px !important;
  }
  .hmf-pt-xxlg-xxxxl,
  .hmf-py-xxlg-xxxxl {
    padding-top: 120px !important;
  }
  .hmf-pr-xxlg-xxxxl,
  .hmf-px-xxlg-xxxxl {
    padding-right: 120px !important;
  }
  .hmf-pb-xxlg-xxxxl,
  .hmf-py-xxlg-xxxxl {
    padding-bottom: 120px !important;
  }
  .hmf-pl-xxlg-xxxxl,
  .hmf-px-xxlg-xxxxl {
    padding-left: 120px !important;
  }
  .hmf-m-xxlg-auto {
    margin: auto !important;
  }
  .hmf-mt-xxlg-auto,
  .hmf-my-xxlg-auto {
    margin-top: auto !important;
  }
  .hmf-mr-xxlg-auto,
  .hmf-mx-xxlg-auto {
    margin-right: auto !important;
  }
  .hmf-mb-xxlg-auto,
  .hmf-my-xxlg-auto {
    margin-bottom: auto !important;
  }
  .hmf-ml-xxlg-auto,
  .hmf-mx-xxlg-auto {
    margin-left: auto !important;
  }
}
.hmf-sharp-radius {
  border-radius: var(--hmf-sharp-radius);
}

.hmf-soft-radius {
  border-radius: var(--hmf-soft-radius);
}

.hmf-round-radius {
  border-radius: var(--hmf-round-radius);
}

.hmf-subtle-shadow {
  box-shadow: var(--hmf-subtle-shadow);
}

.hmf-elevated-shadow {
  box-shadow: var(--hmf-elevated-shadow);
}

.hmf-elevated-up-shadow {
  box-shadow: var(--hmf-elevated-up-shadow);
}

.hmf-soft-shadow {
  box-shadow: var(--hmf-soft-shadow);
}

.hmf-display-none {
  display: none;
}

.hmf-display-inline {
  display: inline;
}

.hmf-display-inline-block {
  display: inline-block;
}

.hmf-display-block {
  display: block;
}

.hmf-display-table {
  display: table;
}

.hmf-display-table-cell {
  display: table-cell;
}

.hmf-display-table-row {
  display: table-row;
}

.hmf-display-flex {
  display: flex;
}

.hmf-display-inline-flex {
  display: inline-flex;
}

.hmf-display-none {
  display: none;
}

.hmf-display-inline {
  display: inline;
}

.hmf-display-inline-block {
  display: inline-block;
}

.hmf-display-block {
  display: block;
}

.hmf-display-table {
  display: table;
}

.hmf-display-table-cell {
  display: table-cell;
}

.hmf-display-table-row {
  display: table-row;
}

.hmf-display-flex {
  display: flex;
}

.hmf-display-inline-flex {
  display: inline-flex;
}

@media (min-width: 375px) {
  .hmf-display-s-none {
    display: none;
  }
  .hmf-display-s-inline {
    display: inline;
  }
  .hmf-display-s-inline-block {
    display: inline-block;
  }
  .hmf-display-s-block {
    display: block;
  }
  .hmf-display-s-table {
    display: table;
  }
  .hmf-display-s-table-cell {
    display: table-cell;
  }
  .hmf-display-s-table-row {
    display: table-row;
  }
  .hmf-display-s-flex {
    display: flex;
  }
  .hmf-display-s-inline-flex {
    display: inline-flex;
  }
}
@media (min-width: 375px) {
  .hmf-display-xsm-none {
    display: none;
  }
  .hmf-display-xsm-inline {
    display: inline;
  }
  .hmf-display-xsm-inline-block {
    display: inline-block;
  }
  .hmf-display-xsm-block {
    display: block;
  }
  .hmf-display-xsm-table {
    display: table;
  }
  .hmf-display-xsm-table-cell {
    display: table-cell;
  }
  .hmf-display-xsm-table-row {
    display: table-row;
  }
  .hmf-display-xsm-flex {
    display: flex;
  }
  .hmf-display-xsm-inline-flex {
    display: inline-flex;
  }
}
@media (min-width: 480px) {
  .hmf-display-sm-none {
    display: none;
  }
  .hmf-display-sm-inline {
    display: inline;
  }
  .hmf-display-sm-inline-block {
    display: inline-block;
  }
  .hmf-display-sm-block {
    display: block;
  }
  .hmf-display-sm-table {
    display: table;
  }
  .hmf-display-sm-table-cell {
    display: table-cell;
  }
  .hmf-display-sm-table-row {
    display: table-row;
  }
  .hmf-display-sm-flex {
    display: flex;
  }
  .hmf-display-sm-inline-flex {
    display: inline-flex;
  }
}
@media (min-width: 768px) {
  .hmf-display-m-none {
    display: none;
  }
  .hmf-display-m-inline {
    display: inline;
  }
  .hmf-display-m-inline-block {
    display: inline-block;
  }
  .hmf-display-m-block {
    display: block;
  }
  .hmf-display-m-table {
    display: table;
  }
  .hmf-display-m-table-cell {
    display: table-cell;
  }
  .hmf-display-m-table-row {
    display: table-row;
  }
  .hmf-display-m-flex {
    display: flex;
  }
  .hmf-display-m-inline-flex {
    display: inline-flex;
  }
}
@media (min-width: 768px) {
  .hmf-display-md-none {
    display: none;
  }
  .hmf-display-md-inline {
    display: inline;
  }
  .hmf-display-md-inline-block {
    display: inline-block;
  }
  .hmf-display-md-block {
    display: block;
  }
  .hmf-display-md-table {
    display: table;
  }
  .hmf-display-md-table-cell {
    display: table-cell;
  }
  .hmf-display-md-table-row {
    display: table-row;
  }
  .hmf-display-md-flex {
    display: flex;
  }
  .hmf-display-md-inline-flex {
    display: inline-flex;
  }
}
@media (min-width: 1024px) {
  .hmf-display-lg-none {
    display: none;
  }
  .hmf-display-lg-inline {
    display: inline;
  }
  .hmf-display-lg-inline-block {
    display: inline-block;
  }
  .hmf-display-lg-block {
    display: block;
  }
  .hmf-display-lg-table {
    display: table;
  }
  .hmf-display-lg-table-cell {
    display: table-cell;
  }
  .hmf-display-lg-table-row {
    display: table-row;
  }
  .hmf-display-lg-flex {
    display: flex;
  }
  .hmf-display-lg-inline-flex {
    display: inline-flex;
  }
}
@media (min-width: 1280px) {
  .hmf-display-l-none {
    display: none;
  }
  .hmf-display-l-inline {
    display: inline;
  }
  .hmf-display-l-inline-block {
    display: inline-block;
  }
  .hmf-display-l-block {
    display: block;
  }
  .hmf-display-l-table {
    display: table;
  }
  .hmf-display-l-table-cell {
    display: table-cell;
  }
  .hmf-display-l-table-row {
    display: table-row;
  }
  .hmf-display-l-flex {
    display: flex;
  }
  .hmf-display-l-inline-flex {
    display: inline-flex;
  }
}
@media (min-width: 1280px) {
  .hmf-display-xlg-none {
    display: none;
  }
  .hmf-display-xlg-inline {
    display: inline;
  }
  .hmf-display-xlg-inline-block {
    display: inline-block;
  }
  .hmf-display-xlg-block {
    display: block;
  }
  .hmf-display-xlg-table {
    display: table;
  }
  .hmf-display-xlg-table-cell {
    display: table-cell;
  }
  .hmf-display-xlg-table-row {
    display: table-row;
  }
  .hmf-display-xlg-flex {
    display: flex;
  }
  .hmf-display-xlg-inline-flex {
    display: inline-flex;
  }
}
@media (min-width: 1440px) {
  .hmf-display-xl-none {
    display: none;
  }
  .hmf-display-xl-inline {
    display: inline;
  }
  .hmf-display-xl-inline-block {
    display: inline-block;
  }
  .hmf-display-xl-block {
    display: block;
  }
  .hmf-display-xl-table {
    display: table;
  }
  .hmf-display-xl-table-cell {
    display: table-cell;
  }
  .hmf-display-xl-table-row {
    display: table-row;
  }
  .hmf-display-xl-flex {
    display: flex;
  }
  .hmf-display-xl-inline-flex {
    display: inline-flex;
  }
}
@media (min-width: 1440px) {
  .hmf-display-xxlg-none {
    display: none;
  }
  .hmf-display-xxlg-inline {
    display: inline;
  }
  .hmf-display-xxlg-inline-block {
    display: inline-block;
  }
  .hmf-display-xxlg-block {
    display: block;
  }
  .hmf-display-xxlg-table {
    display: table;
  }
  .hmf-display-xxlg-table-cell {
    display: table-cell;
  }
  .hmf-display-xxlg-table-row {
    display: table-row;
  }
  .hmf-display-xxlg-flex {
    display: flex;
  }
  .hmf-display-xxlg-inline-flex {
    display: inline-flex;
  }
}
.hmf-position-static {
  position: static;
}

.hmf-position-relative {
  position: relative;
}

.hmf-position-absolute {
  position: absolute;
}

.hmf-position-fixed {
  position: fixed;
}

.hmf-position-sticky {
  position: sticky;
}

.hmf-position-static {
  position: static;
}

.hmf-position-relative {
  position: relative;
}

.hmf-position-absolute {
  position: absolute;
}

.hmf-position-fixed {
  position: fixed;
}

.hmf-position-sticky {
  position: sticky;
}

@media (min-width: 375px) {
  .hmf-position-s-static {
    position: static;
  }
  .hmf-position-s-relative {
    position: relative;
  }
  .hmf-position-s-absolute {
    position: absolute;
  }
  .hmf-position-s-fixed {
    position: fixed;
  }
  .hmf-position-s-sticky {
    position: sticky;
  }
}
@media (min-width: 375px) {
  .hmf-position-xsm-static {
    position: static;
  }
  .hmf-position-xsm-relative {
    position: relative;
  }
  .hmf-position-xsm-absolute {
    position: absolute;
  }
  .hmf-position-xsm-fixed {
    position: fixed;
  }
  .hmf-position-xsm-sticky {
    position: sticky;
  }
}
@media (min-width: 480px) {
  .hmf-position-sm-static {
    position: static;
  }
  .hmf-position-sm-relative {
    position: relative;
  }
  .hmf-position-sm-absolute {
    position: absolute;
  }
  .hmf-position-sm-fixed {
    position: fixed;
  }
  .hmf-position-sm-sticky {
    position: sticky;
  }
}
@media (min-width: 768px) {
  .hmf-position-m-static {
    position: static;
  }
  .hmf-position-m-relative {
    position: relative;
  }
  .hmf-position-m-absolute {
    position: absolute;
  }
  .hmf-position-m-fixed {
    position: fixed;
  }
  .hmf-position-m-sticky {
    position: sticky;
  }
}
@media (min-width: 768px) {
  .hmf-position-md-static {
    position: static;
  }
  .hmf-position-md-relative {
    position: relative;
  }
  .hmf-position-md-absolute {
    position: absolute;
  }
  .hmf-position-md-fixed {
    position: fixed;
  }
  .hmf-position-md-sticky {
    position: sticky;
  }
}
@media (min-width: 1024px) {
  .hmf-position-lg-static {
    position: static;
  }
  .hmf-position-lg-relative {
    position: relative;
  }
  .hmf-position-lg-absolute {
    position: absolute;
  }
  .hmf-position-lg-fixed {
    position: fixed;
  }
  .hmf-position-lg-sticky {
    position: sticky;
  }
}
@media (min-width: 1280px) {
  .hmf-position-l-static {
    position: static;
  }
  .hmf-position-l-relative {
    position: relative;
  }
  .hmf-position-l-absolute {
    position: absolute;
  }
  .hmf-position-l-fixed {
    position: fixed;
  }
  .hmf-position-l-sticky {
    position: sticky;
  }
}
@media (min-width: 1280px) {
  .hmf-position-xlg-static {
    position: static;
  }
  .hmf-position-xlg-relative {
    position: relative;
  }
  .hmf-position-xlg-absolute {
    position: absolute;
  }
  .hmf-position-xlg-fixed {
    position: fixed;
  }
  .hmf-position-xlg-sticky {
    position: sticky;
  }
}
@media (min-width: 1440px) {
  .hmf-position-xl-static {
    position: static;
  }
  .hmf-position-xl-relative {
    position: relative;
  }
  .hmf-position-xl-absolute {
    position: absolute;
  }
  .hmf-position-xl-fixed {
    position: fixed;
  }
  .hmf-position-xl-sticky {
    position: sticky;
  }
}
@media (min-width: 1440px) {
  .hmf-position-xxlg-static {
    position: static;
  }
  .hmf-position-xxlg-relative {
    position: relative;
  }
  .hmf-position-xxlg-absolute {
    position: absolute;
  }
  .hmf-position-xxlg-fixed {
    position: fixed;
  }
  .hmf-position-xxlg-sticky {
    position: sticky;
  }
}
/** @format */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/** @format */
.hmf-flex-row {
  display: flex;
  flex-direction: row;
}

.hmf-flex-col {
  display: flex;
  flex-direction: column;
}

.hmf-flex-column {
  display: flex;
  flex-direction: column;
}

.hmf-flex-row-reverse {
  flex-direction: row-reverse;
}

.hmf-flex-col-reverse {
  flex-direction: column-reverse;
}

.hmf-flex-column-reverse {
  flex-direction: column-reverse;
}

.hmf-flex-wrap {
  flex-wrap: wrap;
}

.hmf-flex-nowrap {
  flex-wrap: nowrap;
}

.hmf-flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}

.hmf-flex-fill {
  flex: 1 1 auto;
}

.hmf-flex-grow-none {
  flex-grow: 0;
}

.hmf-flex-grow {
  flex-grow: 1;
}

.hmf-flex-shrink-none {
  flex-shrink: 0;
}

.hmf-flex-shrink {
  flex-shrink: 1;
}

.hmf-justify-content-flex-start {
  justify-content: flex-start;
}

.hmf-justify-content-flex-end {
  justify-content: flex-end;
}

.hmf-justify-content-center {
  justify-content: center;
}

.hmf-justify-content-between {
  justify-content: space-between;
}

.hmf-justify-content-around {
  justify-content: space-around;
}

.hmf-justify-content-evenly {
  -webkit-box-pack: justify;
  -ms-flex-pack: distribute;
  justify-content: space-evenly;
}

.hmf-justify-content-start {
  justify-content: start;
}

.hmf-justify-content-end {
  justify-content: end;
}

.hmf-justify-content-left {
  justify-content: left;
}

.hmf-justify-content-right {
  justify-content: right;
}

.hmf-align-items-flex-start {
  align-items: flex-start;
}

.hmf-align-items-flex-end {
  align-items: flex-end;
}

.hmf-align-items-center {
  align-items: center;
}

.hmf-align-items-baseline {
  align-items: baseline;
}

.hmf-align-items-stretch {
  align-items: stretch;
}

.hmf-align-items-self-start {
  align-items: self-start;
}

.hmf-align-items-self-end {
  align-items: self-start;
}

.hmf-align-content-start {
  align-content: flex-start;
}

.hmf-align-content-end {
  align-content: flex-end;
}

.hmf-align-content-center {
  align-content: center;
}

.hmf-align-content-between {
  align-content: space-between;
}

.hmf-align-content-around {
  align-content: space-around;
}

.hmf-align-content-evenly {
  align-content: space-evenly;
}

.hmf-align-content-stretch {
  align-content: stretch;
}

.hmf-align-self-auto {
  align-self: auto;
}

.hmf-align-self-start {
  align-self: flex-start;
}

.hmf-align-self-end {
  align-self: flex-end;
}

.hmf-align-self-center {
  align-self: center;
}

.hmf-align-self-baseline {
  align-self: baseline;
}

.hmf-align-self-stretch {
  align-self: stretch;
}

.hmf-flex-row {
  display: flex;
  flex-direction: row;
}

.hmf-flex-col {
  display: flex;
  flex-direction: column;
}

.hmf-flex-column {
  display: flex;
  flex-direction: column;
}

.hmf-flex-row-reverse {
  flex-direction: row-reverse;
}

.hmf-flex-col-reverse {
  flex-direction: column-reverse;
}

.hmf-flex-column-reverse {
  flex-direction: column-reverse;
}

.hmf-flex-wrap {
  flex-wrap: wrap;
}

.hmf-flex-nowrap {
  flex-wrap: nowrap;
}

.hmf-flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}

.hmf-flex-fill {
  flex: 1 1 auto;
}

.hmf-flex-grow-none {
  flex-grow: 0;
}

.hmf-flex-grow {
  flex-grow: 1;
}

.hmf-flex-shrink-none {
  flex-shrink: 0;
}

.hmf-flex-shrink {
  flex-shrink: 1;
}

.hmf-justify-content-flex-start {
  justify-content: flex-start;
}

.hmf-justify-content-flex-end {
  justify-content: flex-end;
}

.hmf-justify-content-center {
  justify-content: center;
}

.hmf-justify-content-between {
  justify-content: space-between;
}

.hmf-justify-content-around {
  justify-content: space-around;
}

.hmf-justify-content-evenly {
  -webkit-box-pack: justify;
  -ms-flex-pack: distribute;
  justify-content: space-evenly;
}

.hmf-justify-content-start {
  justify-content: start;
}

.hmf-justify-content-end {
  justify-content: end;
}

.hmf-justify-content-left {
  justify-content: left;
}

.hmf-justify-content-right {
  justify-content: right;
}

.hmf-align-items-flex-start {
  align-items: flex-start;
}

.hmf-align-items-flex-end {
  align-items: flex-end;
}

.hmf-align-items-center {
  align-items: center;
}

.hmf-align-items-baseline {
  align-items: baseline;
}

.hmf-align-items-stretch {
  align-items: stretch;
}

.hmf-align-items-self-start {
  align-items: self-start;
}

.hmf-align-items-self-end {
  align-items: self-start;
}

.hmf-align-content-start {
  align-content: flex-start;
}

.hmf-align-content-end {
  align-content: flex-end;
}

.hmf-align-content-center {
  align-content: center;
}

.hmf-align-content-between {
  align-content: space-between;
}

.hmf-align-content-around {
  align-content: space-around;
}

.hmf-align-content-evenly {
  align-content: space-evenly;
}

.hmf-align-content-stretch {
  align-content: stretch;
}

.hmf-align-self-auto {
  align-self: auto;
}

.hmf-align-self-start {
  align-self: flex-start;
}

.hmf-align-self-end {
  align-self: flex-end;
}

.hmf-align-self-center {
  align-self: center;
}

.hmf-align-self-baseline {
  align-self: baseline;
}

.hmf-align-self-stretch {
  align-self: stretch;
}

@media (min-width: 375px) {
  .hmf-flex-s-row {
    display: flex;
    flex-direction: row;
  }
  .hmf-flex-s-col {
    display: flex;
    flex-direction: column;
  }
  .hmf-flex-s-column {
    display: flex;
    flex-direction: column;
  }
  .hmf-flex-s-row-reverse {
    flex-direction: row-reverse;
  }
  .hmf-flex-s-col-reverse {
    flex-direction: column-reverse;
  }
  .hmf-flex-s-column-reverse {
    flex-direction: column-reverse;
  }
  .hmf-flex-s-wrap {
    flex-wrap: wrap;
  }
  .hmf-flex-s-nowrap {
    flex-wrap: nowrap;
  }
  .hmf-flex-s-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .hmf-flex-s-fill {
    flex: 1 1 auto;
  }
  .hmf-flex-s-grow-none {
    flex-grow: 0;
  }
  .hmf-flex-s-grow {
    flex-grow: 1;
  }
  .hmf-flex-s-shrink-none {
    flex-shrink: 0;
  }
  .hmf-flex-s-shrink {
    flex-shrink: 1;
  }
  .hmf-justify-content-s-flex-start {
    justify-content: flex-start;
  }
  .hmf-justify-content-s-flex-end {
    justify-content: flex-end;
  }
  .hmf-justify-content-s-center {
    justify-content: center;
  }
  .hmf-justify-content-s-between {
    justify-content: space-between;
  }
  .hmf-justify-content-s-around {
    justify-content: space-around;
  }
  .hmf-justify-content-s-evenly {
    -webkit-box-pack: justify;
    -ms-flex-pack: distribute;
    justify-content: space-evenly;
  }
  .hmf-justify-content-s-start {
    justify-content: start;
  }
  .hmf-justify-content-s-end {
    justify-content: end;
  }
  .hmf-justify-content-s-left {
    justify-content: left;
  }
  .hmf-justify-content-s-right {
    justify-content: right;
  }
  .hmf-align-items-s-flex-start {
    align-items: flex-start;
  }
  .hmf-align-items-s-flex-end {
    align-items: flex-end;
  }
  .hmf-align-items-s-center {
    align-items: center;
  }
  .hmf-align-items-s-baseline {
    align-items: baseline;
  }
  .hmf-align-items-s-stretch {
    align-items: stretch;
  }
  .hmf-align-items-s-self-start {
    align-items: self-start;
  }
  .hmf-align-items-s-self-end {
    align-items: self-start;
  }
  .hmf-align-content-s-start {
    align-content: flex-start;
  }
  .hmf-align-content-s-end {
    align-content: flex-end;
  }
  .hmf-align-content-s-center {
    align-content: center;
  }
  .hmf-align-content-s-between {
    align-content: space-between;
  }
  .hmf-align-content-s-around {
    align-content: space-around;
  }
  .hmf-align-content-s-evenly {
    align-content: space-evenly;
  }
  .hmf-align-content-s-stretch {
    align-content: stretch;
  }
  .hmf-align-self-s-auto {
    align-self: auto;
  }
  .hmf-align-self-s-start {
    align-self: flex-start;
  }
  .hmf-align-self-s-end {
    align-self: flex-end;
  }
  .hmf-align-self-s-center {
    align-self: center;
  }
  .hmf-align-self-s-baseline {
    align-self: baseline;
  }
  .hmf-align-self-s-stretch {
    align-self: stretch;
  }
}
@media (min-width: 375px) {
  .hmf-flex-xsm-row {
    display: flex;
    flex-direction: row;
  }
  .hmf-flex-xsm-col {
    display: flex;
    flex-direction: column;
  }
  .hmf-flex-xsm-column {
    display: flex;
    flex-direction: column;
  }
  .hmf-flex-xsm-row-reverse {
    flex-direction: row-reverse;
  }
  .hmf-flex-xsm-col-reverse {
    flex-direction: column-reverse;
  }
  .hmf-flex-xsm-column-reverse {
    flex-direction: column-reverse;
  }
  .hmf-flex-xsm-wrap {
    flex-wrap: wrap;
  }
  .hmf-flex-xsm-nowrap {
    flex-wrap: nowrap;
  }
  .hmf-flex-xsm-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .hmf-flex-xsm-fill {
    flex: 1 1 auto;
  }
  .hmf-flex-xsm-grow-none {
    flex-grow: 0;
  }
  .hmf-flex-xsm-grow {
    flex-grow: 1;
  }
  .hmf-flex-xsm-shrink-none {
    flex-shrink: 0;
  }
  .hmf-flex-xsm-shrink {
    flex-shrink: 1;
  }
  .hmf-justify-content-xsm-flex-start {
    justify-content: flex-start;
  }
  .hmf-justify-content-xsm-flex-end {
    justify-content: flex-end;
  }
  .hmf-justify-content-xsm-center {
    justify-content: center;
  }
  .hmf-justify-content-xsm-between {
    justify-content: space-between;
  }
  .hmf-justify-content-xsm-around {
    justify-content: space-around;
  }
  .hmf-justify-content-xsm-evenly {
    -webkit-box-pack: justify;
    -ms-flex-pack: distribute;
    justify-content: space-evenly;
  }
  .hmf-justify-content-xsm-start {
    justify-content: start;
  }
  .hmf-justify-content-xsm-end {
    justify-content: end;
  }
  .hmf-justify-content-xsm-left {
    justify-content: left;
  }
  .hmf-justify-content-xsm-right {
    justify-content: right;
  }
  .hmf-align-items-xsm-flex-start {
    align-items: flex-start;
  }
  .hmf-align-items-xsm-flex-end {
    align-items: flex-end;
  }
  .hmf-align-items-xsm-center {
    align-items: center;
  }
  .hmf-align-items-xsm-baseline {
    align-items: baseline;
  }
  .hmf-align-items-xsm-stretch {
    align-items: stretch;
  }
  .hmf-align-items-xsm-self-start {
    align-items: self-start;
  }
  .hmf-align-items-xsm-self-end {
    align-items: self-start;
  }
  .hmf-align-content-xsm-start {
    align-content: flex-start;
  }
  .hmf-align-content-xsm-end {
    align-content: flex-end;
  }
  .hmf-align-content-xsm-center {
    align-content: center;
  }
  .hmf-align-content-xsm-between {
    align-content: space-between;
  }
  .hmf-align-content-xsm-around {
    align-content: space-around;
  }
  .hmf-align-content-xsm-evenly {
    align-content: space-evenly;
  }
  .hmf-align-content-xsm-stretch {
    align-content: stretch;
  }
  .hmf-align-self-xsm-auto {
    align-self: auto;
  }
  .hmf-align-self-xsm-start {
    align-self: flex-start;
  }
  .hmf-align-self-xsm-end {
    align-self: flex-end;
  }
  .hmf-align-self-xsm-center {
    align-self: center;
  }
  .hmf-align-self-xsm-baseline {
    align-self: baseline;
  }
  .hmf-align-self-xsm-stretch {
    align-self: stretch;
  }
}
@media (min-width: 480px) {
  .hmf-flex-sm-row {
    display: flex;
    flex-direction: row;
  }
  .hmf-flex-sm-col {
    display: flex;
    flex-direction: column;
  }
  .hmf-flex-sm-column {
    display: flex;
    flex-direction: column;
  }
  .hmf-flex-sm-row-reverse {
    flex-direction: row-reverse;
  }
  .hmf-flex-sm-col-reverse {
    flex-direction: column-reverse;
  }
  .hmf-flex-sm-column-reverse {
    flex-direction: column-reverse;
  }
  .hmf-flex-sm-wrap {
    flex-wrap: wrap;
  }
  .hmf-flex-sm-nowrap {
    flex-wrap: nowrap;
  }
  .hmf-flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .hmf-flex-sm-fill {
    flex: 1 1 auto;
  }
  .hmf-flex-sm-grow-none {
    flex-grow: 0;
  }
  .hmf-flex-sm-grow {
    flex-grow: 1;
  }
  .hmf-flex-sm-shrink-none {
    flex-shrink: 0;
  }
  .hmf-flex-sm-shrink {
    flex-shrink: 1;
  }
  .hmf-justify-content-sm-flex-start {
    justify-content: flex-start;
  }
  .hmf-justify-content-sm-flex-end {
    justify-content: flex-end;
  }
  .hmf-justify-content-sm-center {
    justify-content: center;
  }
  .hmf-justify-content-sm-between {
    justify-content: space-between;
  }
  .hmf-justify-content-sm-around {
    justify-content: space-around;
  }
  .hmf-justify-content-sm-evenly {
    -webkit-box-pack: justify;
    -ms-flex-pack: distribute;
    justify-content: space-evenly;
  }
  .hmf-justify-content-sm-start {
    justify-content: start;
  }
  .hmf-justify-content-sm-end {
    justify-content: end;
  }
  .hmf-justify-content-sm-left {
    justify-content: left;
  }
  .hmf-justify-content-sm-right {
    justify-content: right;
  }
  .hmf-align-items-sm-flex-start {
    align-items: flex-start;
  }
  .hmf-align-items-sm-flex-end {
    align-items: flex-end;
  }
  .hmf-align-items-sm-center {
    align-items: center;
  }
  .hmf-align-items-sm-baseline {
    align-items: baseline;
  }
  .hmf-align-items-sm-stretch {
    align-items: stretch;
  }
  .hmf-align-items-sm-self-start {
    align-items: self-start;
  }
  .hmf-align-items-sm-self-end {
    align-items: self-start;
  }
  .hmf-align-content-sm-start {
    align-content: flex-start;
  }
  .hmf-align-content-sm-end {
    align-content: flex-end;
  }
  .hmf-align-content-sm-center {
    align-content: center;
  }
  .hmf-align-content-sm-between {
    align-content: space-between;
  }
  .hmf-align-content-sm-around {
    align-content: space-around;
  }
  .hmf-align-content-sm-evenly {
    align-content: space-evenly;
  }
  .hmf-align-content-sm-stretch {
    align-content: stretch;
  }
  .hmf-align-self-sm-auto {
    align-self: auto;
  }
  .hmf-align-self-sm-start {
    align-self: flex-start;
  }
  .hmf-align-self-sm-end {
    align-self: flex-end;
  }
  .hmf-align-self-sm-center {
    align-self: center;
  }
  .hmf-align-self-sm-baseline {
    align-self: baseline;
  }
  .hmf-align-self-sm-stretch {
    align-self: stretch;
  }
}
@media (min-width: 768px) {
  .hmf-flex-m-row {
    display: flex;
    flex-direction: row;
  }
  .hmf-flex-m-col {
    display: flex;
    flex-direction: column;
  }
  .hmf-flex-m-column {
    display: flex;
    flex-direction: column;
  }
  .hmf-flex-m-row-reverse {
    flex-direction: row-reverse;
  }
  .hmf-flex-m-col-reverse {
    flex-direction: column-reverse;
  }
  .hmf-flex-m-column-reverse {
    flex-direction: column-reverse;
  }
  .hmf-flex-m-wrap {
    flex-wrap: wrap;
  }
  .hmf-flex-m-nowrap {
    flex-wrap: nowrap;
  }
  .hmf-flex-m-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .hmf-flex-m-fill {
    flex: 1 1 auto;
  }
  .hmf-flex-m-grow-none {
    flex-grow: 0;
  }
  .hmf-flex-m-grow {
    flex-grow: 1;
  }
  .hmf-flex-m-shrink-none {
    flex-shrink: 0;
  }
  .hmf-flex-m-shrink {
    flex-shrink: 1;
  }
  .hmf-justify-content-m-flex-start {
    justify-content: flex-start;
  }
  .hmf-justify-content-m-flex-end {
    justify-content: flex-end;
  }
  .hmf-justify-content-m-center {
    justify-content: center;
  }
  .hmf-justify-content-m-between {
    justify-content: space-between;
  }
  .hmf-justify-content-m-around {
    justify-content: space-around;
  }
  .hmf-justify-content-m-evenly {
    -webkit-box-pack: justify;
    -ms-flex-pack: distribute;
    justify-content: space-evenly;
  }
  .hmf-justify-content-m-start {
    justify-content: start;
  }
  .hmf-justify-content-m-end {
    justify-content: end;
  }
  .hmf-justify-content-m-left {
    justify-content: left;
  }
  .hmf-justify-content-m-right {
    justify-content: right;
  }
  .hmf-align-items-m-flex-start {
    align-items: flex-start;
  }
  .hmf-align-items-m-flex-end {
    align-items: flex-end;
  }
  .hmf-align-items-m-center {
    align-items: center;
  }
  .hmf-align-items-m-baseline {
    align-items: baseline;
  }
  .hmf-align-items-m-stretch {
    align-items: stretch;
  }
  .hmf-align-items-m-self-start {
    align-items: self-start;
  }
  .hmf-align-items-m-self-end {
    align-items: self-start;
  }
  .hmf-align-content-m-start {
    align-content: flex-start;
  }
  .hmf-align-content-m-end {
    align-content: flex-end;
  }
  .hmf-align-content-m-center {
    align-content: center;
  }
  .hmf-align-content-m-between {
    align-content: space-between;
  }
  .hmf-align-content-m-around {
    align-content: space-around;
  }
  .hmf-align-content-m-evenly {
    align-content: space-evenly;
  }
  .hmf-align-content-m-stretch {
    align-content: stretch;
  }
  .hmf-align-self-m-auto {
    align-self: auto;
  }
  .hmf-align-self-m-start {
    align-self: flex-start;
  }
  .hmf-align-self-m-end {
    align-self: flex-end;
  }
  .hmf-align-self-m-center {
    align-self: center;
  }
  .hmf-align-self-m-baseline {
    align-self: baseline;
  }
  .hmf-align-self-m-stretch {
    align-self: stretch;
  }
}
@media (min-width: 768px) {
  .hmf-flex-md-row {
    display: flex;
    flex-direction: row;
  }
  .hmf-flex-md-col {
    display: flex;
    flex-direction: column;
  }
  .hmf-flex-md-column {
    display: flex;
    flex-direction: column;
  }
  .hmf-flex-md-row-reverse {
    flex-direction: row-reverse;
  }
  .hmf-flex-md-col-reverse {
    flex-direction: column-reverse;
  }
  .hmf-flex-md-column-reverse {
    flex-direction: column-reverse;
  }
  .hmf-flex-md-wrap {
    flex-wrap: wrap;
  }
  .hmf-flex-md-nowrap {
    flex-wrap: nowrap;
  }
  .hmf-flex-md-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .hmf-flex-md-fill {
    flex: 1 1 auto;
  }
  .hmf-flex-md-grow-none {
    flex-grow: 0;
  }
  .hmf-flex-md-grow {
    flex-grow: 1;
  }
  .hmf-flex-md-shrink-none {
    flex-shrink: 0;
  }
  .hmf-flex-md-shrink {
    flex-shrink: 1;
  }
  .hmf-justify-content-md-flex-start {
    justify-content: flex-start;
  }
  .hmf-justify-content-md-flex-end {
    justify-content: flex-end;
  }
  .hmf-justify-content-md-center {
    justify-content: center;
  }
  .hmf-justify-content-md-between {
    justify-content: space-between;
  }
  .hmf-justify-content-md-around {
    justify-content: space-around;
  }
  .hmf-justify-content-md-evenly {
    -webkit-box-pack: justify;
    -ms-flex-pack: distribute;
    justify-content: space-evenly;
  }
  .hmf-justify-content-md-start {
    justify-content: start;
  }
  .hmf-justify-content-md-end {
    justify-content: end;
  }
  .hmf-justify-content-md-left {
    justify-content: left;
  }
  .hmf-justify-content-md-right {
    justify-content: right;
  }
  .hmf-align-items-md-flex-start {
    align-items: flex-start;
  }
  .hmf-align-items-md-flex-end {
    align-items: flex-end;
  }
  .hmf-align-items-md-center {
    align-items: center;
  }
  .hmf-align-items-md-baseline {
    align-items: baseline;
  }
  .hmf-align-items-md-stretch {
    align-items: stretch;
  }
  .hmf-align-items-md-self-start {
    align-items: self-start;
  }
  .hmf-align-items-md-self-end {
    align-items: self-start;
  }
  .hmf-align-content-md-start {
    align-content: flex-start;
  }
  .hmf-align-content-md-end {
    align-content: flex-end;
  }
  .hmf-align-content-md-center {
    align-content: center;
  }
  .hmf-align-content-md-between {
    align-content: space-between;
  }
  .hmf-align-content-md-around {
    align-content: space-around;
  }
  .hmf-align-content-md-evenly {
    align-content: space-evenly;
  }
  .hmf-align-content-md-stretch {
    align-content: stretch;
  }
  .hmf-align-self-md-auto {
    align-self: auto;
  }
  .hmf-align-self-md-start {
    align-self: flex-start;
  }
  .hmf-align-self-md-end {
    align-self: flex-end;
  }
  .hmf-align-self-md-center {
    align-self: center;
  }
  .hmf-align-self-md-baseline {
    align-self: baseline;
  }
  .hmf-align-self-md-stretch {
    align-self: stretch;
  }
}
@media (min-width: 1024px) {
  .hmf-flex-lg-row {
    display: flex;
    flex-direction: row;
  }
  .hmf-flex-lg-col {
    display: flex;
    flex-direction: column;
  }
  .hmf-flex-lg-column {
    display: flex;
    flex-direction: column;
  }
  .hmf-flex-lg-row-reverse {
    flex-direction: row-reverse;
  }
  .hmf-flex-lg-col-reverse {
    flex-direction: column-reverse;
  }
  .hmf-flex-lg-column-reverse {
    flex-direction: column-reverse;
  }
  .hmf-flex-lg-wrap {
    flex-wrap: wrap;
  }
  .hmf-flex-lg-nowrap {
    flex-wrap: nowrap;
  }
  .hmf-flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .hmf-flex-lg-fill {
    flex: 1 1 auto;
  }
  .hmf-flex-lg-grow-none {
    flex-grow: 0;
  }
  .hmf-flex-lg-grow {
    flex-grow: 1;
  }
  .hmf-flex-lg-shrink-none {
    flex-shrink: 0;
  }
  .hmf-flex-lg-shrink {
    flex-shrink: 1;
  }
  .hmf-justify-content-lg-flex-start {
    justify-content: flex-start;
  }
  .hmf-justify-content-lg-flex-end {
    justify-content: flex-end;
  }
  .hmf-justify-content-lg-center {
    justify-content: center;
  }
  .hmf-justify-content-lg-between {
    justify-content: space-between;
  }
  .hmf-justify-content-lg-around {
    justify-content: space-around;
  }
  .hmf-justify-content-lg-evenly {
    -webkit-box-pack: justify;
    -ms-flex-pack: distribute;
    justify-content: space-evenly;
  }
  .hmf-justify-content-lg-start {
    justify-content: start;
  }
  .hmf-justify-content-lg-end {
    justify-content: end;
  }
  .hmf-justify-content-lg-left {
    justify-content: left;
  }
  .hmf-justify-content-lg-right {
    justify-content: right;
  }
  .hmf-align-items-lg-flex-start {
    align-items: flex-start;
  }
  .hmf-align-items-lg-flex-end {
    align-items: flex-end;
  }
  .hmf-align-items-lg-center {
    align-items: center;
  }
  .hmf-align-items-lg-baseline {
    align-items: baseline;
  }
  .hmf-align-items-lg-stretch {
    align-items: stretch;
  }
  .hmf-align-items-lg-self-start {
    align-items: self-start;
  }
  .hmf-align-items-lg-self-end {
    align-items: self-start;
  }
  .hmf-align-content-lg-start {
    align-content: flex-start;
  }
  .hmf-align-content-lg-end {
    align-content: flex-end;
  }
  .hmf-align-content-lg-center {
    align-content: center;
  }
  .hmf-align-content-lg-between {
    align-content: space-between;
  }
  .hmf-align-content-lg-around {
    align-content: space-around;
  }
  .hmf-align-content-lg-evenly {
    align-content: space-evenly;
  }
  .hmf-align-content-lg-stretch {
    align-content: stretch;
  }
  .hmf-align-self-lg-auto {
    align-self: auto;
  }
  .hmf-align-self-lg-start {
    align-self: flex-start;
  }
  .hmf-align-self-lg-end {
    align-self: flex-end;
  }
  .hmf-align-self-lg-center {
    align-self: center;
  }
  .hmf-align-self-lg-baseline {
    align-self: baseline;
  }
  .hmf-align-self-lg-stretch {
    align-self: stretch;
  }
}
@media (min-width: 1280px) {
  .hmf-flex-l-row {
    display: flex;
    flex-direction: row;
  }
  .hmf-flex-l-col {
    display: flex;
    flex-direction: column;
  }
  .hmf-flex-l-column {
    display: flex;
    flex-direction: column;
  }
  .hmf-flex-l-row-reverse {
    flex-direction: row-reverse;
  }
  .hmf-flex-l-col-reverse {
    flex-direction: column-reverse;
  }
  .hmf-flex-l-column-reverse {
    flex-direction: column-reverse;
  }
  .hmf-flex-l-wrap {
    flex-wrap: wrap;
  }
  .hmf-flex-l-nowrap {
    flex-wrap: nowrap;
  }
  .hmf-flex-l-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .hmf-flex-l-fill {
    flex: 1 1 auto;
  }
  .hmf-flex-l-grow-none {
    flex-grow: 0;
  }
  .hmf-flex-l-grow {
    flex-grow: 1;
  }
  .hmf-flex-l-shrink-none {
    flex-shrink: 0;
  }
  .hmf-flex-l-shrink {
    flex-shrink: 1;
  }
  .hmf-justify-content-l-flex-start {
    justify-content: flex-start;
  }
  .hmf-justify-content-l-flex-end {
    justify-content: flex-end;
  }
  .hmf-justify-content-l-center {
    justify-content: center;
  }
  .hmf-justify-content-l-between {
    justify-content: space-between;
  }
  .hmf-justify-content-l-around {
    justify-content: space-around;
  }
  .hmf-justify-content-l-evenly {
    -webkit-box-pack: justify;
    -ms-flex-pack: distribute;
    justify-content: space-evenly;
  }
  .hmf-justify-content-l-start {
    justify-content: start;
  }
  .hmf-justify-content-l-end {
    justify-content: end;
  }
  .hmf-justify-content-l-left {
    justify-content: left;
  }
  .hmf-justify-content-l-right {
    justify-content: right;
  }
  .hmf-align-items-l-flex-start {
    align-items: flex-start;
  }
  .hmf-align-items-l-flex-end {
    align-items: flex-end;
  }
  .hmf-align-items-l-center {
    align-items: center;
  }
  .hmf-align-items-l-baseline {
    align-items: baseline;
  }
  .hmf-align-items-l-stretch {
    align-items: stretch;
  }
  .hmf-align-items-l-self-start {
    align-items: self-start;
  }
  .hmf-align-items-l-self-end {
    align-items: self-start;
  }
  .hmf-align-content-l-start {
    align-content: flex-start;
  }
  .hmf-align-content-l-end {
    align-content: flex-end;
  }
  .hmf-align-content-l-center {
    align-content: center;
  }
  .hmf-align-content-l-between {
    align-content: space-between;
  }
  .hmf-align-content-l-around {
    align-content: space-around;
  }
  .hmf-align-content-l-evenly {
    align-content: space-evenly;
  }
  .hmf-align-content-l-stretch {
    align-content: stretch;
  }
  .hmf-align-self-l-auto {
    align-self: auto;
  }
  .hmf-align-self-l-start {
    align-self: flex-start;
  }
  .hmf-align-self-l-end {
    align-self: flex-end;
  }
  .hmf-align-self-l-center {
    align-self: center;
  }
  .hmf-align-self-l-baseline {
    align-self: baseline;
  }
  .hmf-align-self-l-stretch {
    align-self: stretch;
  }
}
@media (min-width: 1280px) {
  .hmf-flex-xlg-row {
    display: flex;
    flex-direction: row;
  }
  .hmf-flex-xlg-col {
    display: flex;
    flex-direction: column;
  }
  .hmf-flex-xlg-column {
    display: flex;
    flex-direction: column;
  }
  .hmf-flex-xlg-row-reverse {
    flex-direction: row-reverse;
  }
  .hmf-flex-xlg-col-reverse {
    flex-direction: column-reverse;
  }
  .hmf-flex-xlg-column-reverse {
    flex-direction: column-reverse;
  }
  .hmf-flex-xlg-wrap {
    flex-wrap: wrap;
  }
  .hmf-flex-xlg-nowrap {
    flex-wrap: nowrap;
  }
  .hmf-flex-xlg-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .hmf-flex-xlg-fill {
    flex: 1 1 auto;
  }
  .hmf-flex-xlg-grow-none {
    flex-grow: 0;
  }
  .hmf-flex-xlg-grow {
    flex-grow: 1;
  }
  .hmf-flex-xlg-shrink-none {
    flex-shrink: 0;
  }
  .hmf-flex-xlg-shrink {
    flex-shrink: 1;
  }
  .hmf-justify-content-xlg-flex-start {
    justify-content: flex-start;
  }
  .hmf-justify-content-xlg-flex-end {
    justify-content: flex-end;
  }
  .hmf-justify-content-xlg-center {
    justify-content: center;
  }
  .hmf-justify-content-xlg-between {
    justify-content: space-between;
  }
  .hmf-justify-content-xlg-around {
    justify-content: space-around;
  }
  .hmf-justify-content-xlg-evenly {
    -webkit-box-pack: justify;
    -ms-flex-pack: distribute;
    justify-content: space-evenly;
  }
  .hmf-justify-content-xlg-start {
    justify-content: start;
  }
  .hmf-justify-content-xlg-end {
    justify-content: end;
  }
  .hmf-justify-content-xlg-left {
    justify-content: left;
  }
  .hmf-justify-content-xlg-right {
    justify-content: right;
  }
  .hmf-align-items-xlg-flex-start {
    align-items: flex-start;
  }
  .hmf-align-items-xlg-flex-end {
    align-items: flex-end;
  }
  .hmf-align-items-xlg-center {
    align-items: center;
  }
  .hmf-align-items-xlg-baseline {
    align-items: baseline;
  }
  .hmf-align-items-xlg-stretch {
    align-items: stretch;
  }
  .hmf-align-items-xlg-self-start {
    align-items: self-start;
  }
  .hmf-align-items-xlg-self-end {
    align-items: self-start;
  }
  .hmf-align-content-xlg-start {
    align-content: flex-start;
  }
  .hmf-align-content-xlg-end {
    align-content: flex-end;
  }
  .hmf-align-content-xlg-center {
    align-content: center;
  }
  .hmf-align-content-xlg-between {
    align-content: space-between;
  }
  .hmf-align-content-xlg-around {
    align-content: space-around;
  }
  .hmf-align-content-xlg-evenly {
    align-content: space-evenly;
  }
  .hmf-align-content-xlg-stretch {
    align-content: stretch;
  }
  .hmf-align-self-xlg-auto {
    align-self: auto;
  }
  .hmf-align-self-xlg-start {
    align-self: flex-start;
  }
  .hmf-align-self-xlg-end {
    align-self: flex-end;
  }
  .hmf-align-self-xlg-center {
    align-self: center;
  }
  .hmf-align-self-xlg-baseline {
    align-self: baseline;
  }
  .hmf-align-self-xlg-stretch {
    align-self: stretch;
  }
}
@media (min-width: 1440px) {
  .hmf-flex-xl-row {
    display: flex;
    flex-direction: row;
  }
  .hmf-flex-xl-col {
    display: flex;
    flex-direction: column;
  }
  .hmf-flex-xl-column {
    display: flex;
    flex-direction: column;
  }
  .hmf-flex-xl-row-reverse {
    flex-direction: row-reverse;
  }
  .hmf-flex-xl-col-reverse {
    flex-direction: column-reverse;
  }
  .hmf-flex-xl-column-reverse {
    flex-direction: column-reverse;
  }
  .hmf-flex-xl-wrap {
    flex-wrap: wrap;
  }
  .hmf-flex-xl-nowrap {
    flex-wrap: nowrap;
  }
  .hmf-flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .hmf-flex-xl-fill {
    flex: 1 1 auto;
  }
  .hmf-flex-xl-grow-none {
    flex-grow: 0;
  }
  .hmf-flex-xl-grow {
    flex-grow: 1;
  }
  .hmf-flex-xl-shrink-none {
    flex-shrink: 0;
  }
  .hmf-flex-xl-shrink {
    flex-shrink: 1;
  }
  .hmf-justify-content-xl-flex-start {
    justify-content: flex-start;
  }
  .hmf-justify-content-xl-flex-end {
    justify-content: flex-end;
  }
  .hmf-justify-content-xl-center {
    justify-content: center;
  }
  .hmf-justify-content-xl-between {
    justify-content: space-between;
  }
  .hmf-justify-content-xl-around {
    justify-content: space-around;
  }
  .hmf-justify-content-xl-evenly {
    -webkit-box-pack: justify;
    -ms-flex-pack: distribute;
    justify-content: space-evenly;
  }
  .hmf-justify-content-xl-start {
    justify-content: start;
  }
  .hmf-justify-content-xl-end {
    justify-content: end;
  }
  .hmf-justify-content-xl-left {
    justify-content: left;
  }
  .hmf-justify-content-xl-right {
    justify-content: right;
  }
  .hmf-align-items-xl-flex-start {
    align-items: flex-start;
  }
  .hmf-align-items-xl-flex-end {
    align-items: flex-end;
  }
  .hmf-align-items-xl-center {
    align-items: center;
  }
  .hmf-align-items-xl-baseline {
    align-items: baseline;
  }
  .hmf-align-items-xl-stretch {
    align-items: stretch;
  }
  .hmf-align-items-xl-self-start {
    align-items: self-start;
  }
  .hmf-align-items-xl-self-end {
    align-items: self-start;
  }
  .hmf-align-content-xl-start {
    align-content: flex-start;
  }
  .hmf-align-content-xl-end {
    align-content: flex-end;
  }
  .hmf-align-content-xl-center {
    align-content: center;
  }
  .hmf-align-content-xl-between {
    align-content: space-between;
  }
  .hmf-align-content-xl-around {
    align-content: space-around;
  }
  .hmf-align-content-xl-evenly {
    align-content: space-evenly;
  }
  .hmf-align-content-xl-stretch {
    align-content: stretch;
  }
  .hmf-align-self-xl-auto {
    align-self: auto;
  }
  .hmf-align-self-xl-start {
    align-self: flex-start;
  }
  .hmf-align-self-xl-end {
    align-self: flex-end;
  }
  .hmf-align-self-xl-center {
    align-self: center;
  }
  .hmf-align-self-xl-baseline {
    align-self: baseline;
  }
  .hmf-align-self-xl-stretch {
    align-self: stretch;
  }
}
@media (min-width: 1440px) {
  .hmf-flex-xxlg-row {
    display: flex;
    flex-direction: row;
  }
  .hmf-flex-xxlg-col {
    display: flex;
    flex-direction: column;
  }
  .hmf-flex-xxlg-column {
    display: flex;
    flex-direction: column;
  }
  .hmf-flex-xxlg-row-reverse {
    flex-direction: row-reverse;
  }
  .hmf-flex-xxlg-col-reverse {
    flex-direction: column-reverse;
  }
  .hmf-flex-xxlg-column-reverse {
    flex-direction: column-reverse;
  }
  .hmf-flex-xxlg-wrap {
    flex-wrap: wrap;
  }
  .hmf-flex-xxlg-nowrap {
    flex-wrap: nowrap;
  }
  .hmf-flex-xxlg-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .hmf-flex-xxlg-fill {
    flex: 1 1 auto;
  }
  .hmf-flex-xxlg-grow-none {
    flex-grow: 0;
  }
  .hmf-flex-xxlg-grow {
    flex-grow: 1;
  }
  .hmf-flex-xxlg-shrink-none {
    flex-shrink: 0;
  }
  .hmf-flex-xxlg-shrink {
    flex-shrink: 1;
  }
  .hmf-justify-content-xxlg-flex-start {
    justify-content: flex-start;
  }
  .hmf-justify-content-xxlg-flex-end {
    justify-content: flex-end;
  }
  .hmf-justify-content-xxlg-center {
    justify-content: center;
  }
  .hmf-justify-content-xxlg-between {
    justify-content: space-between;
  }
  .hmf-justify-content-xxlg-around {
    justify-content: space-around;
  }
  .hmf-justify-content-xxlg-evenly {
    -webkit-box-pack: justify;
    -ms-flex-pack: distribute;
    justify-content: space-evenly;
  }
  .hmf-justify-content-xxlg-start {
    justify-content: start;
  }
  .hmf-justify-content-xxlg-end {
    justify-content: end;
  }
  .hmf-justify-content-xxlg-left {
    justify-content: left;
  }
  .hmf-justify-content-xxlg-right {
    justify-content: right;
  }
  .hmf-align-items-xxlg-flex-start {
    align-items: flex-start;
  }
  .hmf-align-items-xxlg-flex-end {
    align-items: flex-end;
  }
  .hmf-align-items-xxlg-center {
    align-items: center;
  }
  .hmf-align-items-xxlg-baseline {
    align-items: baseline;
  }
  .hmf-align-items-xxlg-stretch {
    align-items: stretch;
  }
  .hmf-align-items-xxlg-self-start {
    align-items: self-start;
  }
  .hmf-align-items-xxlg-self-end {
    align-items: self-start;
  }
  .hmf-align-content-xxlg-start {
    align-content: flex-start;
  }
  .hmf-align-content-xxlg-end {
    align-content: flex-end;
  }
  .hmf-align-content-xxlg-center {
    align-content: center;
  }
  .hmf-align-content-xxlg-between {
    align-content: space-between;
  }
  .hmf-align-content-xxlg-around {
    align-content: space-around;
  }
  .hmf-align-content-xxlg-evenly {
    align-content: space-evenly;
  }
  .hmf-align-content-xxlg-stretch {
    align-content: stretch;
  }
  .hmf-align-self-xxlg-auto {
    align-self: auto;
  }
  .hmf-align-self-xxlg-start {
    align-self: flex-start;
  }
  .hmf-align-self-xxlg-end {
    align-self: flex-end;
  }
  .hmf-align-self-xxlg-center {
    align-self: center;
  }
  .hmf-align-self-xxlg-baseline {
    align-self: baseline;
  }
  .hmf-align-self-xxlg-stretch {
    align-self: stretch;
  }
}
:root {
  /*********** BADGE SPECIFIC STYLING ***********/
  --hmf-badge-backinstock-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-backinstock-background-color: var(--hmf-fill-inverse);
  --hmf-badge-comingsoon-text-color: var(--hmf-label-base);
  --hmf-badge-comingsoon-background-color: var(--hmf-fill-warning);
  --hmf-badge-customizeit-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-customizeit-background-color: var(--hmf-fill-inverse);
  --hmf-badge-nikeapeexclusive-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-nikeapeexclusive-background-color: var(--hmf-fill-inverse);
  --hmf-badge-exclusive-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-exclusive-background-color: var(--hmf-fill-inverse);
  --hmf-badge-extendedsizes-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-extendedsizes-background-color: var(--hmf-fill-inverse);
  --hmf-badge-widewidth-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-widewidth-background-color: var(--hmf-fill-inverse);
  --hmf-badge-goldapeexclusive-text-color: var(--hmf-label-base);
  --hmf-badge-goldapeexclusive-background-color: var(--hmf-gold400);
  --hmf-badge-guidepick-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-guidepick-background-color: var(--hmf-fill-inverse);
  --hmf-badge-local-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-local-background-color: var(--hmf-fill-inverse);
  --hmf-badge-modelwearing-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-modelwearing-background-color: var(--hmf-fill-inverse);
  --hmf-badge-newarrivals-text-color: var(--hmf-label-marketing-static);
  --hmf-badge-newarrivals-background-color: var(--hmf-fill-marketing-static);
  --hmf-badge-newcolor-text-color: var(--hmf-label-marketing-static);
  --hmf-badge-newcolor-background-color: var(--hmf-fill-marketing-static);
  --hmf-badge-dicksexclusive-text-color: var(--hmf-label-marketing-static);
  --hmf-badge-dicksexclusive-background-color: var(--hmf-primary600);
  --hmf-badge-personalizeditem-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-personalizeditem-background-color: linear-gradient(95deg, #FFC40C, #BC4224, #543597, #006554);
  --hmf-badge-propick-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-propick-background-color: var(--hmf-primary600);
  --hmf-badge-rentalcapacity-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-rentalcapacity-background-color: var(--hmf-fill-inverse);
  --hmf-badge-fanshopship-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-fanshopship-background-color: var(--hmf-fill-inverse);
  --hmf-badge-sponsored-text-color: var(--hmf-label-base-subtle);
  --hmf-badge-sponsored-background-color: var(--hmf-fill-base-prominent);
  --hmf-badge-sustainability-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-sustainability-background-color: var(--hmf-fill-inverse);
  --hmf-badge-topdeals-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-topdeals-background-color: var(--hmf-fill-sale);
  --hmf-badge-topseller-text-color: var(--hmf-label-base);
  --hmf-badge-topseller-background-color: var(--hmf-yellow300);
  --hmf-badge-used-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-used-background-color: var(--hmf-fill-inverse);
  --hmf-badge-viewingitem-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-viewingitem-background-color: var(--hmf-fill-inverse);
  --hmf-badge-womenowned-text-color: var(--hmf-label-inverse-base);
  --hmf-badge-womenowned-background-color: var(--hmf-fill-inverse);
  /*********** DEFAULT BADGE STYLING ***********/
  --hmf-badge-default-text-color: var(--hmf-label-marketing-static);
  --hmf-badge-default-background-color: var(--hmf-background-primary);
  --hmf-badge-height: 25px;
}

:root {
  /*********** GENERIC STYLING ***********/
  --hmf-button-border-radius: var(--hmf-sharp-radius);
  /*********** PRIMARY BUTTONS ***********/
  --hmf-button-primary-text-color: var(--hmf-gray50);
  --hmf-button-primary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-primary-background-color: var(--hmf-secondary500);
  --hmf-button-primary-active-background-color: var(--hmf-secondary700);
  --hmf-button-primary-hover-background-color: var(--hmf-secondary300);
  --hmf-button-primary-inactive-background-color: var(--hmf-gray300);
  --hmf-button-primary-border-color: var(--hmf-secondary500);
  --hmf-button-primary-hover-border-color: var(--hmf-secondary300);
  --hmf-button-primary-active-border-color: var(--hmf-secondary700);
  --hmf-button-primary-inactive-border-color: var(--hmf-gray300);
  /*********** SECONDARY BUTTONS ***********/
  --hmf-button-secondary-text-color: var(--hmf-gray900);
  --hmf-button-secondary-active-text-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-text-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-secondary-background-color: var(--hmf-gray50);
  --hmf-button-secondary-active-background-color: var(--hmf-gray400);
  --hmf-button-secondary-hover-background-color: var(--hmf-gray200);
  --hmf-button-secondary-inactive-background-color: var(--hmf-gray50);
  --hmf-button-secondary-border-color: var(--hmf-gray900);
  --hmf-button-secondary-active-border-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-border-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-border-color: var(--hmf-gray400);
  /*********** TERTIARY BUTTONS ***********/
  --hmf-button-tertiary-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-hover-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-active-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-inactive-text-color: var(--hmf-gray500);
  --hmf-button-tertiary-background-color: var(--hmf-fill-secondary-static);
  --hmf-button-tertiary-active-background-color: var(--hmf-fill-secondary-active);
  --hmf-button-tertiary-hover-background-color: var(--hmf-fill-secondary-hover);
  --hmf-button-tertiary-inactive-background-color: var(--hmf-gray100);
  --hmf-button-tertiary-border-color: var(--hmf-fill-secondary-static);
  --hmf-button-tertiary-active-border-color: var(--hmf-fill-secondary-active);
  --hmf-button-tertiary-hover-border-color: var(--hmf-fill-secondary-hover);
  --hmf-button-tertiary-inactive-border-color: var(--hmf-gray100);
  /*********** MARKETING BUTTONS ***********/
  --hmf-button-marketing-text-color: var(--hmf-gray50);
  --hmf-button-marketing-inactive-text-color: var(--hmf-gray600);
  --hmf-button-marketing-hover-text-color: var(--hmf-gray50);
  --hmf-button-marketing-active-text-color: var(--hmf-gray50);
  --hmf-button-marketing-background-color: var(--hmf-primary600);
  --hmf-button-marketing-active-background-color: var(--hmf-primary500);
  --hmf-button-marketing-hover-background-color: var(--hmf-primary300);
  --hmf-button-marketing-inactive-background-color: var(--hmf-gray300);
  --hmf-button-marketing-border-color: var(--hmf-primary600);
  --hmf-button-marketing-active-border-color: var(--hmf-primary500);
  --hmf-button-marketing-hover-border-color: var(--hmf-primary300);
  --hmf-button-marketing-inactive-border-color: var(--hmf-gray300);
  /*********** DESTRUCTIVE BUTTONS ***********/
  --hmf-button-destructive-text-color: var(--hmf-label-inverse-base);
  --hmf-button-destructive-inactive-text-color: var(--hmf-label-disabled);
  --hmf-button-destructive-hover-text-color: var( --hmf-label-inverse-base);
  --hmf-button-destructive-active-text-color: var(--hmf-label-inverse-base);
  --hmf-button-destructive-background-color: var(--hmf-fill-negative-static);
  --hmf-button-destructive-active-background-color: var(--hmf-fill-negative-active);
  --hmf-button-destructive-hover-background-color: var(--hmf-fill-negative-hover);
  --hmf-button-destructive-inactive-background-color: var(--hmf-fill-disabled-subtle);
  --hmf-button-destructive-border-color: var(--hmf-fill-negative-static);
  --hmf-button-destructive-active-border-color: var(--hmf-fill-negative-active);
  --hmf-button-destructive-hover-border-color: var(--hmf-fill-negative-hover);
  --hmf-button-destructive-inactive-border-color: var(--hmf-fill-disabled-subtle);
}

:root {
  --hmf-checkbox-active-background: var(--hmf-gray200);
  --hmf-checkbox-active-border-color: var(--hmf-gray500);
  --hmf-checkbox-active-checked-background: var(--hmf-gray800);
  --hmf-checkbox-active-checked-border-color: var(--hmf-gray800);
  --hmf-checkbox-base-checked-color: var(--hmf-gray800);
  --hmf-checkbox-base-color: var(--hmf-gray700);
  --hmf-checkbox-check-icon-dark: var(--hmf-gray500);
  --hmf-checkbox-check-icon-light: var(--hmf-gray50);
  --hmf-checkbox-checked-background: var(--hmf-gray900);
  --hmf-checkbox-checked-border-color: var(--hmf-gray900);
  --hmf-checkbox-disabled-color: var(--hmf-gray500);
  --hmf-checkbox-disabled-span-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-disabled-span-checked-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-checked-border-color: var(--hmf-gray200);
  --hmf-checkbox-error-color: var(--hmf-red600);
  --hmf-checkbox-error-span-background: var(--hmf-red100);
  --hmf-checkbox-error-span-border-color: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-background: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-border-color: var(--hmf-red600);
  --hmf-checkbox-focus-outline: 1px dashed var(--hmf-gray600);
  --hmf-checkbox-hover-span-background: var(--hmf-gray100);
  --hmf-checkbox-hover-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-hover-span-border: var(--hmf-gray900);
  --hmf-checkbox-hover-span-checked-background: var(--hmf-gray700);
  --hmf-checkbox-hover-span-checked-border-color: var(--hmf-gray700);
  --hmf-checkbox-span-background: var(--hmf-gray50);
  --hmf-checkbox-span-border: var(--hmf-gray600);
}

:root {
  --hmf-chip-font-size: var(--body-font-size-m);
  --hmf-chip-line-height: var(--body-line-height-m);
  --hmf-chip-font-weight: var(--font-primary-bold-weight);
  --hmf-chip-font-family: var(--font-primary);
  --hmf-chip-letter-spacing: var(--body-letter-spacing);
  --hmf-chip-background-color: var(--hmf-gray200);
  --hmf-chip-color: var(--hmf-gray900);
  --hmf-chip-hover-background-color: var(--hmf-gray400);
  --hmf-chip-focus-background-color: var(--hmf-gray400);
  --hmf-chip-focus-outline: 1px dashed var(--hmf-primary500);
}

:root {
  --hmf-product-availability-cancel-icon-color: var(--hmf-red500);
  --hmf-product-availability-warning-icon-color: var(--hmf-yellow500);
  --hmf-product-availability-success-icon-color: var(--hmf-primary500);
}

:root {
  --hmf-product-title-text-color: var(--hmf-gray900);
  --hmf-product-title-font-size: var(--label-font-size-l);
  --hmf-product-title-line-height: var(--label-line-height-l);
  --hmf-product-title-font-weight: 500;
  --hmf-product-title-font-family: var(--font-primary);
  --hmf-product-title-letter-spacing: var(--label-letter-spacing);
}

:root {
  --hmf-promotion-text-color: var(--hmf-gray500);
  --hmf-promotion-font-weight: var(--font-primary-regular-weight);
  --hmf-promotion-font-family: var(--font-primary);
  --hmf-promotion-letter-spacing: var(--body-letter-spacing);
}

:root {
  --hmf-recommendation-card-hover-color: var(--hmf-gray400);
  --hmf-recommendation-card-background-color: var(--hmf-gray50);
  --hmf-recommendation-card-text-color: var(--hmf-gray900);
  --hmf-recommendation-card-price-color: var(--hmf-gray500);
}

:root {
  --hmf-panel-font-size: var(--body-font-size-s);
  --hmf-panel-line-height: var(--body-line-height-s);
  --hmf-panel-font-weight: normal;
  --hmf-panel-font-family: var(--font-primary);
  --hmf-panel-letter-spacing: normal;
  --hmf-panel-content-background-color: var(--hmf-gray50);
  --hmf-panel-header-background-color: var(--hmf-gray100);
  --hmf-panel-overlay-background-color: var(--hmf-gray900);
  --hmf-panel-close-button-hover-background-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-background-color: var(--hmf-gray200);
  --hmf-panel-header-border-color: var(--hmf-gray100);
  --hmf-panel-close-button-hover-border-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-border-color: var(--hmf-gray200);
}

:root {
  --hmf-sticky-banner-font-size: var(--body-font-size-s);
  --hmf-sticky-banner-line-height: var(--body-line-height-s);
  --hmf-sticky-banner-font-weight: normal;
  --hmf-sticky-banner-font-family: var(--font-primary);
  --hmf-sticky-banner-letter-spacing: normal;
  --hmf-sticky-banner-content-background-color: var(--hmf-gray50);
  --hmf-sticky-banner-content-border-color: var(--hmf-gray200);
}

:root {
  --hmf-text-link-color: var(--hmf-gray900);
  --hmf-text-link-active-color: var(--hmf-gray600);
  --hmf-text-link-font-size: var(--body-font-size-m);
  --hmf-text-link-line-height: var(--body-line-height-m);
  --hmf-text-link-font-weight: var(--font-primary-regular-weight);
  --hmf-text-link-font-family: var(--font-primary);
  --hmf-text-link-letter-spacing: var(--body-letter-spacing);
}

:root {
  --hmf-text-input-font-size: var(--body-font-size-m);
  --hmf-text-input-line-height: var(--body-line-height-m);
  --hmf-text-input-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-font-family: var(--font-primary);
  --hmf-text-input-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-text-area-font-size: var(--body-font-size-m);
  --hmf-text-input-text-area-line-height: var(--body-line-height-m);
  --hmf-text-input-text-area-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-text-area-font-family: var(--font-primary);
  --hmf-text-input-text-area-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-border: 1px solid var(--hmf-gray700);
  --hmf-text-input-background-color: var(--hmf-gray50);
  --hmf-text-input-input-color: var(--hmf-gray900);
  --hmf-text-input-input-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-focused-border: 1px solid var(--hmf-primary300);
  --hmf-text-input-disabled-background-color: var(--hmf-gray200);
  --hmf-text-input-disabled-color: var(--hmf-gray700);
  --hmf-text-input-disabled-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-label-color: var(--hmf-gray900);
  --hmf-text-input-color: var(--hmf-gray700);
  --hmf-text-input-error-label-color: var(--hmf-red700);
  --hmf-text-input-error-color: var(--hmf-red700);
  --hmf-text-input-error-border: 1px solid var(--hmf-red700);
  --hmf-text-input-error-background-color: rgb(230 108 70 / 0.2);
  --hmf-text-input-error-placeholder-color: var(--hmf-gray900);
  --hmf-text-input-error-svg-fill: var(--hmf-red700);
}

:root.hmf-calia-theme,
:root .hmf-calia-theme {
  /*********** GENERAL STYLES ***********/
  --hmf-focus-outline: 1px dashed var(--hmf-gray400);
}

:root.hmf-calia-theme,
:root .hmf-calia-theme {
  --hmf-background-base: var(--hmf-gray50);
  --hmf-background-base-subtle: var(--hmf-gray100);
  --hmf-background-inverse: var(--hmf-gray900);
  --hmf-background-inverse-subtle: var(--hmf-gray800);
  --hmf-background-primary: var(--hmf-primary600);
  --hmf-fill-base: var(--hmf-gray50);
  --hmf-fill-base-subtle: var(--hmf-gray100);
  --hmf-fill-base-prominent: var(--hmf-gray200);
  --hmf-fill-inverse: var(--hmf-gray900);
  --hmf-fill-inverse-subtle: var(--hmf-gray700);
  --hmf-fill-primary-static: var(--hmf-secondary500);
  --hmf-fill-primary-hover: var(--hmf-secondary700);
  --hmf-fill-primary-active: var(--hmf-secondary600);
  --hmf-fill-secondary-static: var(--hmf-gray50);
  --hmf-fill-secondary-hover: var(--hmf-gray100);
  --hmf-fill-secondary-active: var(--hmf-gray200);
  --hmf-fill-tertiary-static: var(--hmf-gray900);
  --hmf-fill-tertiary-hover: var(--hmf-gray700);
  --hmf-fill-tertiary-active: var(--hmf-gray800);
  --hmf-fill-disabled: var(--hmf-gray500);
  --hmf-fill-disabled-subtle: var(--hmf-gray200);
  --hmf-fill-negative: var(--hmf-red600);
  --hmf-fill-negative-subtle: var(--hmf-red100);
  --hmf-fill-sale: var(--hmf-red600);
  --hmf-fill-warning: var(--hmf-yellow300);
  --hmf-fill-warning-subtle: var(--hmf-yellow50);
  --hmf-fill-positive: var(--hmf-primary500);
  --hmf-fill-positive-subtle: var(--hmf-primary100);
  --hmf-label-base: var(--hmf-gray900);
  --hmf-label-base-subtle: var(--hmf-gray600);
  --hmf-label-inverse-base: var(--hmf-gray50);
  --hmf-label-inverse-subtle: var(--hmf-gray100);
  --hmf-label-primary-static: var(--hmf-secondary500);
  --hmf-label-primary-hover: var(--hmf-secondary600);
  --hmf-label-primary-active: var(--hmf-secondary400);
  --hmf-label-secondary-static: var(--hmf-gray900);
  --hmf-label-secondary-hover: var(--hmf-gray700);
  --hmf-label-secondary-active: var(--hmf-gray800);
  --hmf-label-secondary-subtle-static: var(--hmf-gray600);
  --hmf-label-secondary-subtle-hover: var(--hmf-gray900);
  --hmf-label-secondary-subtle-active: var(--hmf-gray800);
  --hmf-label-tertiary-static: var(--hmf-gray900);
  --hmf-label-tertiary-hover: var(--hmf-secondary500);
  --hmf-label-tertiary-active: var(--hmf-secondary400);
  --hmf-label-sale: var(--hmf-red800);
  --hmf-label-disabled: var(--hmf-gray500);
  --hmf-label-disabled-subtle: var(--hmf-gray200);
  --hmf-label-negative: var(--hmf-red600);
  --hmf-label-warning: var(--hmf-yellow600);
  --hmf-border-base: var(--hmf-gray300);
  --hmf-border-base-subtle: var(--hmf-gray200);
  --hmf-border-inverse: var(--hmf-gray900);
  --hmf-border-inverse-subtle: var(--hmf-gray700);
  --hmf-border-primary-static: var(--hmf-secondary500);
  --hmf-border-primary-hover: var(--hmf-secondary600);
  --hmf-border-primary-active: var(--hmf-secondary400);
  --hmf-border-secondary-static: var(--hmf-gray900);
  --hmf-border-secondary-hover: var(--hmf-gray700);
  --hmf-border-secondary-active: var(--hmf-gray800);
  --hmf-border-secondary-subtle-static: var(--hmf-gray600);
  --hmf-border-secondary-subtle-hover: var(--hmf-gray400);
  --hmf-border-secondary-subtle-active: var(--hmf-gray500);
  --hmf-border-tertiary-static: var(--hmf-gray900);
  --hmf-border-tertiary-hover: var(--hmf-secondary500);
  --hmf-border-tertiary-active: var(--hmf-secondary400);
  --hmf-border-focused: var(--hmf-gray600);
  --hmf-border-inverse-focused: var(--hmf-gray50);
  --hmf-border-disabled: var(--hmf-gray500);
  --hmf-border-disabled-subtle: var(--hmf-gray200);
  --hmf-border-negative: var(--hmf-red600);
  --hmf-border-warning: var(--hmf-yellow500);
  --hmf-border-positive: var(--hmf-primary600);
}

/*********** TYPOGRAPHY ***********/
:root.hmf-calia-theme,
:root .hmf-calia-theme {
  --font-display: "Montserrat", sans-serif;
  --font-primary: "Montserrat", sans-serif;
  --font-label: "Montserrat", sans-serif;
  --font-display-weight: 500;
}

/*********** TYPOGRAPHY TYPES ***********/
:root.hmf-calia-theme,
:root .hmf-calia-theme {
  /* DISPLAY TEXT */
  --display-letter-spacing-xs: 0.2rem;
  --display-letter-spacing-s: 0.2rem;
  --display-font-size-m: 4.2rem;
  --display-letter-spacing-m: 0.2rem;
  --display-line-height-m: 4.2rem;
  --display-letter-spacing-l: 0.4rem;
  --display-letter-spacing-xl: 0.1rem;
}

:root.hmf-calia-theme,
:root .hmf-calia-theme {
  /* HEADINGS */
  --header-letter-spacing: 0.1rem;
  --header-line-height-s: 2rem;
}

:root.hmf-calia-theme,
:root .hmf-calia-theme {
  --hmf-primary50: #e9e5e7;
  --hmf-primary100: #c7bfc4;
  --hmf-primary200: #e1d1e0;
  --hmf-primary300: #7c6976;
  --hmf-primary400: #604858;
  --hmf-primary500: #44283b;
  --hmf-primary600: #3e2435;
  --hmf-primary700: #351e2d;
  --hmf-primary800: #2d1826;
  --hmf-primary900: #1f0f19;
  --hmf-secondary50: #f8f2e6;
  --hmf-secondary100: #f1ebde;
  --hmf-secondary200: #eee6da;
  --hmf-secondary300: #ede4db;
  --hmf-secondary400: #eedfd9;
  --hmf-secondary500: #f6ddda;
  --hmf-secondary600: #e8d2cf;
  --hmf-secondary700: #e5d2d0;
  --hmf-secondary800: #e3d1c7;
  --hmf-secondary900: #ddc7c0;
  --hmf-tertiary50: #e9f5ef;
  --hmf-tertiary100: #c8e5d7;
  --hmf-tertiary200: #a4d4bd;
  --hmf-tertiary300: #80c2a3;
  --hmf-tertiary400: #64b58f;
  --hmf-tertiary500: #49a87b;
  --hmf-tertiary600: #42a073;
  --hmf-tertiary700: #399768;
  --hmf-tertiary800: #318d5e;
  --hmf-tertiary900: #217d4b;
  --hmf-accent50: #e0edf0;
  --hmf-accent100: #b3d2d8;
  --hmf-accent200: #80b4bf;
  --hmf-accent300: #4d95a5;
  --hmf-accent400: #267f91;
  --hmf-accent500: #006580;
  --hmf-accent600: #006076;
  --hmf-accent700: #00556b;
  --hmf-accent800: #004b61;
  --hmf-accent900: #003a5d;
}

:root.hmf-calia-theme,
:root .hmf-calia-theme {
  /*********** GENERIC STYLING ***********/
  --hmf-button-border-radius: var(--hmf-sharp-radius);
  /*********** PRIMARY BUTTONS ***********/
  --hmf-button-primary-text-color: var(--hmf-gray50);
  --hmf-button-primary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-primary-background-color: var(--hmf-primary500);
  --hmf-button-primary-active-background-color: var(--hmf-primary600);
  --hmf-button-primary-hover-background-color: var(--hmf-primary400);
  --hmf-button-primary-inactive-background-color: var(--hmf-gray300);
  --hmf-button-primary-border-color: var(--hmf-primary500);
  --hmf-button-primary-hover-border-color: var(--hmf-primary400);
  --hmf-button-primary-active-border-color: var(--hmf-primary600);
  --hmf-button-primary-inactive-border-color: var(--hmf-gray300);
  /*********** SECONDARY BUTTONS ***********/
  --hmf-button-secondary-text-color: var(--hmf-gray900);
  --hmf-button-secondary-active-text-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-text-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-secondary-background-color: var(--hmf-gray50);
  --hmf-button-secondary-active-background-color: var(--hmf-gray400);
  --hmf-button-secondary-hover-background-color: var(--hmf-gray200);
  --hmf-button-secondary-inactive-background-color: var(--hmf-gray50);
  --hmf-button-secondary-border-color: var(--hmf-gray900);
  --hmf-button-secondary-active-border-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-border-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-border-color: var(--hmf-gray400);
  /*********** TERTIARY BUTTONS ***********/
  --hmf-button-tertiary-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-hover-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-active-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-inactive-text-color: var(--hmf-gray500);
  --hmf-button-tertiary-background-color: var(--hmf-fill-secondary-static);
  --hmf-button-tertiary-active-background-color: var(--hmf-fill-secondary-active);
  --hmf-button-tertiary-hover-background-color: var(--hmf-fill-secondary-hover);
  --hmf-button-tertiary-inactive-background-color: var(--hmf-gray100);
  --hmf-button-tertiary-border-color: var(--hmf-fill-secondary-static);
  --hmf-button-tertiary-active-border-color: var(--hmf-fill-secondary-active);
  --hmf-button-tertiary-hover-border-color: var(--hmf-fill-secondary-hover);
  --hmf-button-tertiary-inactive-border-color: var(--hmf-gray100);
  /*********** MARKETING BUTTONS ***********/
  --hmf-button-marketing-text-color: var(--hmf-gray900);
  --hmf-button-marketing-inactive-text-color: var(--hmf-gray600);
  --hmf-button-marketing-hover-text-color: var(--hmf-gray900);
  --hmf-button-marketing-active-text-color: var(--hmf-gray900);
  --hmf-button-marketing-background-color: var(--hmf-secondary100);
  --hmf-button-marketing-active-background-color: var(--hmf-secondary500);
  --hmf-button-marketing-hover-background-color: var(--hmf-secondary300);
  --hmf-button-marketing-inactive-background-color: var(--hmf-gray300);
  --hmf-button-marketing-border-color: var(--hmf-secondary100);
  --hmf-button-marketing-active-border-color: var(--hmf-secondary500);
  --hmf-button-marketing-hover-border-color: var(--hmf-secondary300);
  --hmf-button-marketing-inactive-border-color: var(--hmf-gray300);
}

:root, :root.hmf-calia-theme,
:root .hmf-calia-theme {
  --hmf-checkbox-active-background: var(--hmf-gray200);
  --hmf-checkbox-active-border-color: var(--hmf-gray500);
  --hmf-checkbox-active-checked-background: var(--hmf-gray800);
  --hmf-checkbox-active-checked-border-color: var(--hmf-gray800);
  --hmf-checkbox-base-checked-color: var(--hmf-gray800);
  --hmf-checkbox-base-color: var(--hmf-gray700);
  --hmf-checkbox-check-icon-dark: var(--hmf-gray500);
  --hmf-checkbox-check-icon-light: var(--hmf-gray50);
  --hmf-checkbox-checked-background: var(--hmf-gray900);
  --hmf-checkbox-checked-border-color: var(--hmf-gray900);
  --hmf-checkbox-disabled-color: var(--hmf-gray500);
  --hmf-checkbox-disabled-span-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-disabled-span-checked-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-checked-border-color: var(--hmf-gray200);
  --hmf-checkbox-error-color: var(--hmf-red600);
  --hmf-checkbox-error-span-background: var(--hmf-red100);
  --hmf-checkbox-error-span-border-color: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-background: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-border-color: var(--hmf-red600);
  --hmf-checkbox-focus-outline: 1px dashed var(--hmf-gray600);
  --hmf-checkbox-hover-span-background: var(--hmf-gray100);
  --hmf-checkbox-hover-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-hover-span-border: var(--hmf-gray900);
  --hmf-checkbox-hover-span-checked-background: var(--hmf-gray700);
  --hmf-checkbox-hover-span-checked-border-color: var(--hmf-gray700);
  --hmf-checkbox-span-background: var(--hmf-gray50);
  --hmf-checkbox-span-border: var(--hmf-gray600);
}

:root, :root.hmf-calia-theme,
:root .hmf-calia-theme {
  --hmf-chip-font-size: var(--body-font-size-m);
  --hmf-chip-line-height: var(--body-line-height-m);
  --hmf-chip-font-weight: var(--font-primary-bold-weight);
  --hmf-chip-font-family: var(--font-primary);
  --hmf-chip-letter-spacing: var(--body-letter-spacing);
  --hmf-chip-background-color: var(--hmf-gray200);
  --hmf-chip-color: var(--hmf-gray900);
  --hmf-chip-hover-background-color: var(--hmf-gray400);
  --hmf-chip-focus-background-color: var(--hmf-gray400);
  --hmf-chip-focus-outline: 1px dashed var(--hmf-primary500);
}

:root.hmf-calia-theme,
:root .hmf-calia-theme {
  --hmf-product-availability-cancel-icon-color: var(--hmf-red500);
  --hmf-product-availability-warning-icon-color: var(--hmf-yellow500);
  --hmf-product-availability-success-icon-color: var(--hmf-primary500);
}

:root.hmf-calia-theme,
:root .hmf-calia-theme {
  --hmf-product-title-text-color: var(--hmf-gray900);
  --hmf-product-title-font-size: var(--label-font-size-l);
  --hmf-product-title-line-height: var(--label-line-height-l);
  --hmf-product-title-font-weight: 500;
  --hmf-product-title-font-family: var(--font-primary);
  --hmf-product-title-letter-spacing: var(--label-letter-spacing);
}

:root.hmf-calia-theme,
:root .hmf-calia-theme {
  --hmf-promotion-text-color: var(--hmf-gray500);
  --hmf-promotion-font-weight: var(--font-primary-regular-weight);
  --hmf-promotion-font-family: var(--font-primary);
  --hmf-promotion-letter-spacing: var(--body-letter-spacing);
}

:root.hmf-calia-theme,
:root .hmf-calia-theme {
  --hmf-recommendation-card-hover-color: var(--hmf-gray400);
  --hmf-recommendation-card-background-color: var(--hmf-gray50);
  --hmf-recommendation-card-text-color: var(--hmf-gray900);
  --hmf-recommendation-card-price-color: var(--hmf-gray500);
}

:root, :root.hmf-calia-theme,
:root .hmf-calia-theme {
  --hmf-panel-font-size: var(--body-font-size-s);
  --hmf-panel-line-height: var(--body-line-height-s);
  --hmf-panel-font-weight: normal;
  --hmf-panel-font-family: var(--font-primary);
  --hmf-panel-letter-spacing: normal;
  --hmf-panel-content-background-color: var(--hmf-gray50);
  --hmf-panel-header-background-color: var(--hmf-gray100);
  --hmf-panel-overlay-background-color: var(--hmf-gray900);
  --hmf-panel-close-button-hover-background-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-background-color: var(--hmf-gray200);
  --hmf-panel-header-border-color: var(--hmf-gray100);
  --hmf-panel-close-button-hover-border-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-border-color: var(--hmf-gray200);
}

:root.hmf-calia-theme,
:root .hmf-calia-theme {
  --hmf-sticky-banner-font-size: var(--body-font-size-s);
  --hmf-sticky-banner-line-height: var(--body-line-height-s);
  --hmf-sticky-banner-font-weight: normal;
  --hmf-sticky-banner-font-family: var(--font-primary);
  --hmf-sticky-banner-letter-spacing: normal;
  --hmf-sticky-banner-content-background-color: var(--hmf-gray50);
  --hmf-sticky-banner-content-border-color: var(--hmf-gray200);
}

:root.hmf-calia-theme,
:root .hmf-calia-theme {
  --hmf-text-link-color: var(--hmf-gray900);
  --hmf-text-link-active-color: var(--hmf-gray600);
  --hmf-text-link-font-size: var(--body-font-size-m);
  --hmf-text-link-line-height: var(--body-line-height-m);
  --hmf-text-link-font-weight: var(--font-primary-regular-weight);
  --hmf-text-link-font-family: var(--font-primary);
  --hmf-text-link-letter-spacing: var(--body-letter-spacing);
}

:root, :root.hmf-calia-theme,
:root .hmf-calia-theme {
  --hmf-text-input-font-size: var(--body-font-size-m);
  --hmf-text-input-line-height: var(--body-line-height-m);
  --hmf-text-input-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-font-family: var(--font-primary);
  --hmf-text-input-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-text-area-font-size: var(--body-font-size-m);
  --hmf-text-input-text-area-line-height: var(--body-line-height-m);
  --hmf-text-input-text-area-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-text-area-font-family: var(--font-primary);
  --hmf-text-input-text-area-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-border: 1px solid var(--hmf-gray700);
  --hmf-text-input-background-color: var(--hmf-gray50);
  --hmf-text-input-input-color: var(--hmf-gray900);
  --hmf-text-input-input-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-focused-border: 1px solid var(--hmf-primary300);
  --hmf-text-input-disabled-background-color: var(--hmf-gray200);
  --hmf-text-input-disabled-color: var(--hmf-gray700);
  --hmf-text-input-disabled-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-label-color: var(--hmf-gray900);
  --hmf-text-input-color: var(--hmf-gray700);
  --hmf-text-input-error-label-color: var(--hmf-red700);
  --hmf-text-input-error-color: var(--hmf-red700);
  --hmf-text-input-error-border: 1px solid var(--hmf-red700);
  --hmf-text-input-error-background-color: rgb(230 108 70 / 0.2);
  --hmf-text-input-error-placeholder-color: var(--hmf-gray900);
  --hmf-text-input-error-svg-fill: var(--hmf-red700);
}

/*********** GENERAL STYLES ***********/
:root.hmf-g3-theme,
:root .hmf-g3-theme {
  --hmf-focus-outline: 1px dashed var(--hmf-secondary500);
}

:root.hmf-g3-theme,
:root .hmf-g3-theme {
  --hmf-background-base: var(--hmf-gray50);
  --hmf-background-base-subtle: var(--hmf-gray100);
  --hmf-background-inverse: var(--hmf-gray900);
  --hmf-background-inverse-subtle: var(--hmf-gray800);
  --hmf-background-primary: var(--hmf-secondary600);
  --hmf-fill-base: var(--hmf-gray50);
  --hmf-fill-base-subtle: var(--hmf-gray100);
  --hmf-fill-base-prominent: var(--hmf-gray200);
  --hmf-fill-creative-primary: var(--hmf-secondary600);
  --hmf-fill-inverse: var(--hmf-gray900);
  --hmf-fill-inverse-subtle: var(--hmf-gray700);
  --hmf-fill-primary-static: var(--hmf-secondary600);
  --hmf-fill-primary-hover: var(--hmf-secondary700);
  --hmf-fill-primary-active: var(--hmf-secondary500);
  --hmf-fill-secondary-static: var(--hmf-gray50);
  --hmf-fill-secondary-static-subtle: var(--hmf-gray100);
  --hmf-fill-secondary-hover: var(--hmf-gray100);
  --hmf-fill-secondary-hover-subtle: var(--hmf-gray200);
  --hmf-fill-secondary-active: var(--hmf-gray200);
  --hmf-fill-secondary-active-subtle: var(--hmf-gray100);
  --hmf-fill-tertiary-static: var(--hmf-gray900);
  --hmf-fill-tertiary-hover: var(--hmf-gray700);
  --hmf-fill-tertiary-active: var(--hmf-gray800);
  --hmf-fill-disabled: var(--hmf-gray500);
  --hmf-fill-disabled-subtle: var(--hmf-gray200);
  --hmf-fill-negative: var(--hmf-red600);
  --hmf-fill-negative-subtle: var(--hmf-red100);
  --hmf-fill-negative-static: var(--hmf-red600);
  --hmf-fill-negative-hover: var(--hmf-red800);
  --hmf-fill-negative-active: var(--hmf-red700);
  --hmf-fill-sale: var(--hmf-red600);
  --hmf-fill-warning: var(--hmf-yellow300);
  --hmf-fill-warning-subtle: var(--hmf-yellow50);
  --hmf-fill-positive: var(--hmf-secondary500);
  --hmf-fill-positive-subtle: var(--hmf-secondary100);
  --hmf-fill-marketing-static: var(--hmf-primary600);
  --hmf-fill-marketing-hover: var(--hmf-primary700);
  --hmf-fill-marketing-active: var(--hmf-primary500);
  --hmf-fill-scorecard: var(--hmf-primary400);
  --hmf-fill-scorecard-subtle: var(--hmf-primary200);
  --hmf-fill-scorecard-gold: var(--hmf-gold300);
  --hmf-fill-scorecard-gold-subtle: var(--hmf-gold200);
  --hmf-fill-calia: var(--hmf-calia600);
  --hmf-fill-calia-subtle: var(--hmf-calia200);
  --hmf-fill-vrst: var(--hmf-vrst600);
  --hmf-fill-vrst-subtle: var(--hmf-vrst200);
  --hmf-label-base: var(--hmf-gray900);
  --hmf-label-base-subtle: var(--hmf-gray600);
  --hmf-label-inverse-base: var(--hmf-gray50);
  --hmf-label-inverse-subtle: var(--hmf-gray100);
  --hmf-label-primary-static: var(--hmf-secondary600);
  --hmf-label-primary-hover: var(--hmf-secondary900);
  --hmf-label-primary-active: var(--hmf-secondary700);
  --hmf-label-secondary-static: var(--hmf-gray900);
  --hmf-label-secondary-hover: var(--hmf-gray700);
  --hmf-label-secondary-active: var(--hmf-gray800);
  --hmf-label-secondary-subtle-static: var(--hmf-gray600);
  --hmf-label-secondary-subtle-hover: var(--hmf-gray900);
  --hmf-label-secondary-subtle-active: var(--hmf-gray800);
  --hmf-label-tertiary-static: var(--hmf-gray900);
  --hmf-label-tertiary-hover: var(--hmf-secondary600);
  --hmf-label-tertiary-active: var(--hmf-secondary500);
  --hmf-label-sale: var(--hmf-red800);
  --hmf-label-disabled: var(--hmf-gray500);
  --hmf-label-disabled-subtle: var(--hmf-gray200);
  --hmf-label-negative: var(--hmf-red600);
  --hmf-label-positive: var(--hmf-secondary600);
  --hmf-label-warning: var(--hmf-yellow600);
  --hmf-label-marketing-static: var(--hmf-gray50);
  --hmf-label-marketing-hover: var(--hmf-gray100);
  --hmf-label-marketing-active: var(--hmf-gray100);
  --hmf-label-scorecard: var(--hmf-primary600);
  --hmf-border-base: var(--hmf-gray300);
  --hmf-border-base-subtle: var(--hmf-gray200);
  --hmf-border-base-prominent: var(--hmf-gray400);
  --hmf-border-inverse: var(--hmf-gray900);
  --hmf-border-inverse-subtle: var(--hmf-gray700);
  --hmf-border-primary-static: var(--hmf-secondary600);
  --hmf-border-primary-hover: var(--hmf-secondary700);
  --hmf-border-primary-active: var(--hmf-secondary500);
  --hmf-border-secondary-static: var(--hmf-gray900);
  --hmf-border-secondary-hover: var(--hmf-gray700);
  --hmf-border-secondary-active: var(--hmf-gray800);
  --hmf-border-secondary-subtle-static: var(--hmf-gray600);
  --hmf-border-secondary-subtle-hover: var(--hmf-gray400);
  --hmf-border-secondary-subtle-active: var(--hmf-gray500);
  --hmf-border-tertiary-static: var(--hmf-gray900);
  --hmf-border-tertiary-hover: var(--hmf-secondary600);
  --hmf-border-tertiary-active: var(--hmf-secondary500);
  --hmf-border-focused: var(--hmf-primary600);
  --hmf-border-inverse-focused: var(--hmf-gray50);
  --hmf-border-disabled: var(--hmf-gray500);
  --hmf-border-disabled-subtle: var(--hmf-gray200);
  --hmf-border-negative: var(--hmf-red600);
  --hmf-border-warning: var(--hmf-yellow500);
  --hmf-border-positive: var(--hmf-secondary600);
  --hmf-border-scorecard-subtle: var(--hmf-primary100);
  --hmf-border-scorecard-gold: var(--hmf-gold400);
  --hmf-border-scorecard-gold-subtle: var(--hmf-gold100);
}

/*********** TYPOGRAPHY ***********/
:root.hmf-g3-theme,
:root .hmf-g3-theme {
  --font-display: "DSG Sans", sans-serif;
  --font-primary: "Roboto", sans-serif;
  --font-label: "Roboto", sans-serif;
  --font-primary-regular-weight: 400;
  --font-primary-bold-weight: 700;
  --font-display-weight: 500;
}

/*********** TYPOGRAPHY TYPES ***********/
:root.hmf-g3-theme,
:root .hmf-g3-theme {
  --hmf-primary50: #f4fbf6;
  --hmf-primary100: #e0f4e7;
  --hmf-primary200: #b3e4c3;
  --hmf-primary300: #80d29b;
  --hmf-primary400: #26b355;
  --hmf-primary500: #00a537;
  --hmf-primary600: #007916;
  --hmf-primary700: #005c11;
  --hmf-primary800: #004d0e;
  --hmf-primary900: #002e08;
  --hmf-secondary50: #f4faf9;
  --hmf-secondary100: #d1ebe6;
  --hmf-secondary200: #b3ddd6;
  --hmf-secondary300: #80c6ba;
  --hmf-secondary400: #4daf9e;
  --hmf-secondary500: #008d75;
  --hmf-secondary600: #006554;
  --hmf-secondary700: #005343;
  --hmf-secondary800: #00493a;
  --hmf-secondary900: #00291e;
  --hmf-tertiary50: #fdfaf7;
  --hmf-tertiary100: #f9f2eb;
  --hmf-tertiary200: #ecd5bc;
  --hmf-tertiary300: #e4c4a5;
  --hmf-tertiary400: #daaf86;
  --hmf-tertiary500: #c3864b;
  --hmf-tertiary600: #936334;
  --hmf-tertiary700: #6a4929;
  --hmf-tertiary800: #553a21;
  --hmf-tertiary900: #332314;
  --hmf-accent50: #fff7f5;
  --hmf-accent100: #ffede7;
  --hmf-accent200: #ffd1c3;
  --hmf-accent300: #ffb39c;
  --hmf-accent400: #ff6638;
  --hmf-accent500: #ff5e32;
  --hmf-accent600: #d12d00;
  --hmf-accent700: #992100;
  --hmf-accent800: #801b00;
  --hmf-accent900: #4d1000;
}

:root.hmf-g3-theme,
:root .hmf-g3-theme {
  /*********** GENERIC STYLING ***********/
  --hmf-button-border-radius: var(--hmf-sharp-radius);
  /*********** PRIMARY BUTTONS ***********/
  --hmf-button-primary-text-color: var(--hmf-gray50);
  --hmf-button-primary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-primary-background-color: var(--hmf-secondary800);
  --hmf-button-primary-active-background-color: var(--hmf-secondary700);
  --hmf-button-primary-hover-background-color: var(--hmf-secondary900);
  --hmf-button-primary-inactive-background-color: var(--hmf-gray300);
  --hmf-button-primary-border-color: var(--hmf-secondary800);
  --hmf-button-primary-hover-border-color: var(--hmf-secondary900);
  --hmf-button-primary-active-border-color: var(--hmf-secondary700);
  --hmf-button-primary-inactive-border-color: var(--hmf-gray300);
  /*********** SECONDARY BUTTONS ***********/
  --hmf-button-secondary-text-color: var(--hmf-gray900);
  --hmf-button-secondary-active-text-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-text-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-secondary-background-color: var(--hmf-gray50);
  --hmf-button-secondary-active-background-color: var(--hmf-gray400);
  --hmf-button-secondary-hover-background-color: var(--hmf-gray200);
  --hmf-button-secondary-inactive-background-color: var(--hmf-gray50);
  --hmf-button-secondary-border-color: var(--hmf-gray900);
  --hmf-button-secondary-active-border-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-border-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-border-color: var(--hmf-gray400);
  /*********** TERTIARY BUTTONS ***********/
  --hmf-button-tertiary-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-hover-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-active-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-inactive-text-color: var(--hmf-gray500);
  --hmf-button-tertiary-background-color: var(--hmf-fill-secondary-static);
  --hmf-button-tertiary-active-background-color: var(--hmf-fill-secondary-active);
  --hmf-button-tertiary-hover-background-color: var(--hmf-fill-secondary-hover);
  --hmf-button-tertiary-inactive-background-color: var(--hmf-gray100);
  --hmf-button-tertiary-border-color: var(--hmf-fill-secondary-static);
  --hmf-button-tertiary-active-border-color: var(--hmf-fill-secondary-active);
  --hmf-button-tertiary-hover-border-color: var(--hmf-fill-secondary-hover);
  --hmf-button-tertiary-inactive-border-color: var(--hmf-gray100);
  /*********** MARKETING BUTTONS ***********/
  --hmf-button-marketing-text-color: var(--hmf-gray50);
  --hmf-button-marketing-inactive-text-color: var(--hmf-gray50);
  --hmf-button-marketing-hover-text-color: var(--hmf-gray50);
  --hmf-button-marketing-active-text-color: var(--hmf-gray900);
  --hmf-button-marketing-background-color: var(--hmf-primary600);
  --hmf-button-marketing-active-background-color: var(--hmf-primary500);
  --hmf-button-marketing-hover-background-color: var(--hmf-primary700);
  --hmf-button-marketing-inactive-background-color: var(--hmf-gray300);
  --hmf-button-marketing-border-color: var(--hmf-primary600);
  --hmf-button-marketing-active-border-color: var(--hmf-primary500);
  --hmf-button-marketing-hover-border-color: var(--hmf-primary700);
  --hmf-button-marketing-inactive-border-color: var(--hmf-gray300);
  /*********** DESTRUCTIVE BUTTONS ***********/
  --hmf-button-destructive-text-color: var(--hmf-label-inverse-base);
  --hmf-button-destructive-inactive-text-color: var(--hmf-label-disabled);
  --hmf-button-destructive-hover-text-color: var( --hmf-label-inverse-base);
  --hmf-button-destructive-active-text-color: var(--hmf-label-inverse-base);
  --hmf-button-destructive-background-color: var(--hmf-fill-negative-static);
  --hmf-button-destructive-active-background-color: var(--hmf-fill-negative-active);
  --hmf-button-destructive-hover-background-color: var(--hmf-fill-negative-hover);
  --hmf-button-destructive-inactive-background-color: var(--hmf-fill-disabled-subtle);
  --hmf-button-destructive-border-color: var(--hmf-fill-negative-static);
  --hmf-button-destructive-active-border-color: var(--hmf-fill-negative-active);
  --hmf-button-destructive-hover-border-color: var(--hmf-fill-negative-hover);
  --hmf-button-destructive-inactive-border-color: var(--hmf-fill-disabled-subtle);
}

:root, :root.hmf-g3-theme,
:root .hmf-g3-theme {
  --hmf-checkbox-active-background: var(--hmf-gray200);
  --hmf-checkbox-active-border-color: var(--hmf-gray500);
  --hmf-checkbox-active-checked-background: var(--hmf-gray800);
  --hmf-checkbox-active-checked-border-color: var(--hmf-gray800);
  --hmf-checkbox-base-checked-color: var(--hmf-gray800);
  --hmf-checkbox-base-color: var(--hmf-gray700);
  --hmf-checkbox-check-icon-dark: var(--hmf-gray500);
  --hmf-checkbox-check-icon-light: var(--hmf-gray50);
  --hmf-checkbox-checked-background: var(--hmf-gray900);
  --hmf-checkbox-checked-border-color: var(--hmf-gray900);
  --hmf-checkbox-disabled-color: var(--hmf-gray500);
  --hmf-checkbox-disabled-span-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-disabled-span-checked-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-checked-border-color: var(--hmf-gray200);
  --hmf-checkbox-error-color: var(--hmf-red600);
  --hmf-checkbox-error-span-background: var(--hmf-red100);
  --hmf-checkbox-error-span-border-color: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-background: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-border-color: var(--hmf-red600);
  --hmf-checkbox-focus-outline: 1px dashed var(--hmf-gray600);
  --hmf-checkbox-hover-span-background: var(--hmf-gray100);
  --hmf-checkbox-hover-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-hover-span-border: var(--hmf-gray900);
  --hmf-checkbox-hover-span-checked-background: var(--hmf-gray700);
  --hmf-checkbox-hover-span-checked-border-color: var(--hmf-gray700);
  --hmf-checkbox-span-background: var(--hmf-gray50);
  --hmf-checkbox-span-border: var(--hmf-gray600);
}

:root, :root.hmf-g3-theme,
:root .hmf-g3-theme {
  --hmf-chip-font-size: var(--body-font-size-m);
  --hmf-chip-line-height: var(--body-line-height-m);
  --hmf-chip-font-weight: var(--font-primary-bold-weight);
  --hmf-chip-font-family: var(--font-primary);
  --hmf-chip-letter-spacing: var(--body-letter-spacing);
  --hmf-chip-background-color: var(--hmf-gray200);
  --hmf-chip-color: var(--hmf-gray900);
  --hmf-chip-hover-background-color: var(--hmf-gray400);
  --hmf-chip-focus-background-color: var(--hmf-gray400);
  --hmf-chip-focus-outline: 1px dashed var(--hmf-primary500);
}

:root.hmf-g3-theme,
:root .hmf-g3-theme {
  --hmf-product-availability-cancel-icon-color: var(--hmf-red500);
  --hmf-product-availability-warning-icon-color: var(--hmf-accent500);
  --hmf-product-availability-success-icon-color: var(--hmf-primary500);
}

:root.hmf-g3-theme,
:root .hmf-g3-theme {
  --hmf-product-title-text-color: var(--hmf-gray900);
  --hmf-product-title-font-size: var(--label-font-size-l);
  --hmf-product-title-line-height: var(--label-line-height-l);
  --hmf-product-title-font-weight: 500;
  --hmf-product-title-font-family: var(--font-primary);
  --hmf-product-title-letter-spacing: var(--label-letter-spacing);
}

:root.hmf-g3-theme,
:root .hmf-g3-theme {
  --hmf-promotion-text-color: var(--hmf-gray500);
  --hmf-promotion-font-weight: var(--font-primary-regular-weight);
  --hmf-promotion-font-family: var(--font-primary);
  --hmf-promotion-letter-spacing: var(--body-letter-spacing);
}

:root.hmf-g3-theme,
:root .hmf-g3-theme {
  --hmf-recommendation-card-hover-color: var(--hmf-gray400);
  --hmf-recommendation-card-background-color: var(--hmf-gray50);
  --hmf-recommendation-card-text-color: var(--hmf-gray900);
  --hmf-recommendation-card-price-color: var(--hmf-gray500);
}

:root, :root.hmf-g3-theme,
:root .hmf-g3-theme {
  --hmf-panel-font-size: var(--body-font-size-s);
  --hmf-panel-line-height: var(--body-line-height-s);
  --hmf-panel-font-weight: normal;
  --hmf-panel-font-family: var(--font-primary);
  --hmf-panel-letter-spacing: normal;
  --hmf-panel-content-background-color: var(--hmf-gray50);
  --hmf-panel-header-background-color: var(--hmf-gray100);
  --hmf-panel-overlay-background-color: var(--hmf-gray900);
  --hmf-panel-close-button-hover-background-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-background-color: var(--hmf-gray200);
  --hmf-panel-header-border-color: var(--hmf-gray100);
  --hmf-panel-close-button-hover-border-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-border-color: var(--hmf-gray200);
}

:root.hmf-g3-theme,
:root .hmf-g3-theme {
  --hmf-sticky-banner-font-size: var(--body-font-size-s);
  --hmf-sticky-banner-line-height: var(--body-line-height-s);
  --hmf-sticky-banner-font-weight: normal;
  --hmf-sticky-banner-font-family: var(--font-primary);
  --hmf-sticky-banner-letter-spacing: normal;
  --hmf-sticky-banner-content-background-color: var(--hmf-gray50);
  --hmf-sticky-banner-content-border-color: var(--hmf-gray200);
}

:root.hmf-g3-theme,
:root .hmf-g3-theme {
  --hmf-text-link-color: var(--hmf-gray900);
  --hmf-text-link-active-color: var(--hmf-gray600);
  --hmf-text-link-font-size: var(--body-font-size-m);
  --hmf-text-link-line-height: var(--body-line-height-m);
  --hmf-text-link-font-weight: var(--font-primary-regular-weight);
  --hmf-text-link-font-family: var(--font-primary);
  --hmf-text-link-letter-spacing: var(--body-letter-spacing);
}

:root, :root.hmf-g3-theme,
:root .hmf-g3-theme {
  --hmf-text-input-font-size: var(--body-font-size-m);
  --hmf-text-input-line-height: var(--body-line-height-m);
  --hmf-text-input-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-font-family: var(--font-primary);
  --hmf-text-input-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-text-area-font-size: var(--body-font-size-m);
  --hmf-text-input-text-area-line-height: var(--body-line-height-m);
  --hmf-text-input-text-area-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-text-area-font-family: var(--font-primary);
  --hmf-text-input-text-area-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-border: 1px solid var(--hmf-gray700);
  --hmf-text-input-background-color: var(--hmf-gray50);
  --hmf-text-input-input-color: var(--hmf-gray900);
  --hmf-text-input-input-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-focused-border: 1px solid var(--hmf-primary300);
  --hmf-text-input-disabled-background-color: var(--hmf-gray200);
  --hmf-text-input-disabled-color: var(--hmf-gray700);
  --hmf-text-input-disabled-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-label-color: var(--hmf-gray900);
  --hmf-text-input-color: var(--hmf-gray700);
  --hmf-text-input-error-label-color: var(--hmf-red700);
  --hmf-text-input-error-color: var(--hmf-red700);
  --hmf-text-input-error-border: 1px solid var(--hmf-red700);
  --hmf-text-input-error-background-color: rgb(230 108 70 / 0.2);
  --hmf-text-input-error-placeholder-color: var(--hmf-gray900);
  --hmf-text-input-error-svg-fill: var(--hmf-red700);
}

/*********** GENERAL STYLES ***********/
:root.hmf-gg-theme,
:root .hmf-gg-theme {
  --hmf-focus-outline: 1px dashed var(--hmf-tertiary400);
}

:root.hmf-gg-theme,
:root .hmf-gg-theme {
  --hmf-background-base: var(--hmf-gray50);
  --hmf-background-base-subtle: var(--hmf-gray100);
  --hmf-background-inverse: var(--hmf-gray900);
  --hmf-background-inverse-subtle: var(--hmf-gray800);
  --hmf-background-primary: var(--hmf-primary800);
  --hmf-fill-base: var(--hmf-gray50);
  --hmf-fill-base-subtle: var(--hmf-gray100);
  --hmf-fill-base-prominent: var(--hmf-gray200);
  --hmf-fill-creative-primary: var(--hmf-primary800);
  --hmf-fill-inverse: var(--hmf-gray900);
  --hmf-fill-inverse-subtle: var(--hmf-gray700);
  --hmf-fill-primary-static: var(--hmf-primary600);
  --hmf-fill-primary-hover: var(--hmf-primary700);
  --hmf-fill-primary-active: var(--hmf-primary500);
  --hmf-fill-secondary-static: var(--hmf-gray50);
  --hmf-fill-secondary-static-subtle: var(--hmf-gray100);
  --hmf-fill-secondary-hover: var(--hmf-gray100);
  --hmf-fill-secondary-hover-subtle: var(--hmf-gray200);
  --hmf-fill-secondary-active: var(--hmf-gray200);
  --hmf-fill-secondary-active-subtle: var(--hmf-gray100);
  --hmf-fill-tertiary-static: var(--hmf-gray900);
  --hmf-fill-tertiary-hover: var(--hmf-gray700);
  --hmf-fill-tertiary-active: var(--hmf-gray800);
  --hmf-fill-disabled: var(--hmf-gray500);
  --hmf-fill-disabled-subtle: var(--hmf-gray200);
  --hmf-fill-negative: var(--hmf-red600);
  --hmf-fill-negative-subtle: var(--hmf-red100);
  --hmf-fill-negative-static: var(--hmf-red600);
  --hmf-fill-negative-hover: var(--hmf-red800);
  --hmf-fill-negative-active: var(--hmf-red700);
  --hmf-fill-sale: var(--hmf-red600);
  --hmf-fill-warning: var(--hmf-yellow300);
  --hmf-fill-warning-subtle: var(--hmf-yellow50);
  --hmf-fill-positive: var(--hmf-primary500);
  --hmf-fill-positive-subtle: var(--hmf-primary100);
  --hmf-fill-marketing-static: var(--hmf-primary800);
  --hmf-fill-marketing-hover: var(--hmf-primary900);
  --hmf-fill-marketing-active: var(--hmf-primary700);
  --hmf-fill-scorecard: var(--hmf-primary400);
  --hmf-fill-scorecard-subtle: var(--hmf-primary200);
  --hmf-fill-scorecard-gold: var(--hmf-gold300);
  --hmf-fill-scorecard-gold-subtle: var(--hmf-gold200);
  --hmf-fill-calia: var(--hmf-calia600);
  --hmf-fill-calia-subtle: var(--hmf-calia200);
  --hmf-fill-vrst: var(--hmf-vrst600);
  --hmf-fill-vrst-subtle: var(--hmf-vrst200);
  --hmf-label-base: var(--hmf-gray900);
  --hmf-label-base-subtle: var(--hmf-gray600);
  --hmf-label-inverse-base: var(--hmf-gray50);
  --hmf-label-inverse-subtle: var(--hmf-gray100);
  --hmf-label-primary-static: var(--hmf-primary600);
  --hmf-label-primary-hover: var(--hmf-primary700);
  --hmf-label-primary-active: var(--hmf-primary500);
  --hmf-label-secondary-static: var(--hmf-gray900);
  --hmf-label-secondary-hover: var(--hmf-gray700);
  --hmf-label-secondary-active: var(--hmf-gray800);
  --hmf-label-secondary-subtle-static: var(--hmf-gray600);
  --hmf-label-secondary-subtle-hover: var(--hmf-gray900);
  --hmf-label-secondary-subtle-active: var(--hmf-gray800);
  --hmf-label-tertiary-static: var(--hmf-gray900);
  --hmf-label-tertiary-hover: var(--hmf-primary600);
  --hmf-label-tertiary-active: var(--hmf-primary500);
  --hmf-label-sale: var(--hmf-red800);
  --hmf-label-disabled: var(--hmf-gray500);
  --hmf-label-disabled-subtle: var(--hmf-gray200);
  --hmf-label-negative: var(--hmf-red600);
  --hmf-label-positive: var(--hmf-secondary600);
  --hmf-label-warning: var(--hmf-yellow600);
  --hmf-label-marketing-static: var(--hmf-gray50);
  --hmf-label-marketing-hover: var(--hmf-gray100);
  --hmf-label-marketing-active: var(--hmf-gray100);
  --hmf-label-scorecard: var(--hmf-primary600);
  --hmf-border-base: var(--hmf-gray300);
  --hmf-border-base-subtle: var(--hmf-gray200);
  --hmf-border-base-prominent: var(--hmf-gray400);
  --hmf-border-inverse: var(--hmf-gray900);
  --hmf-border-inverse-subtle: var(--hmf-gray700);
  --hmf-border-primary-static: var(--hmf-primary600);
  --hmf-border-primary-hover: var(--hmf-primary700);
  --hmf-border-primary-active: var(--hmf-primary500);
  --hmf-border-secondary-static: var(--hmf-gray900);
  --hmf-border-secondary-hover: var(--hmf-gray700);
  --hmf-border-secondary-active: var(--hmf-gray800);
  --hmf-border-secondary-subtle-static: var(--hmf-gray600);
  --hmf-border-secondary-subtle-hover: var(--hmf-gray400);
  --hmf-border-secondary-subtle-active: var(--hmf-gray500);
  --hmf-border-tertiary-static: var(--hmf-gray900);
  --hmf-border-tertiary-hover: var(--hmf-primary600);
  --hmf-border-tertiary-active: var(--hmf-primary500);
  --hmf-border-focused: var(--hmf-primary500);
  --hmf-border-inverse-focused: var(--hmf-gray50);
  --hmf-border-disabled: var(--hmf-gray500);
  --hmf-border-disabled-subtle: var(--hmf-gray200);
  --hmf-border-negative: var(--hmf-red600);
  --hmf-border-warning: var(--hmf-yellow500);
  --hmf-border-positive: var(--hmf-primary600);
  --hmf-border-scorecard-subtle: var(--hmf-primary100);
  --hmf-border-scorecard-gold: var(--hmf-gold400);
  --hmf-border-scorecard-gold-subtle: var(--hmf-gold100);
}

/*********** TYPOGRAPHY ***********/
:root.hmf-gg-theme,
:root .hmf-gg-theme {
  --font-display: "Vitesse", serif;
  --font-primary: "Hind Siliguri", serif;
  --font-label: "Hind Siliguri", sans-serif;
  --font-primary-regular-weight: 400;
  --font-primary-bold-weight: 700;
  --font-display-weight: 325;
}

/*********** TYPOGRAPHY TYPES ***********/
:root.hmf-gg-theme,
:root .hmf-gg-theme {
  /* DISPLAY TEXT */
  --display-font-size-xl: 8rem;
  --display-line-height-xl: 8rem;
  --display-font-size-xxl: 12rem;
  --display-letter-spacing-xxl: 0;
  --display-line-height-xxl: 12rem;
}

:root.hmf-gg-theme,
:root .hmf-gg-theme {
  /* LABELS */
  --label-letter-spacing: 0.1rem;
}

:root.hmf-gg-theme,
:root .hmf-gg-theme {
  /* LEGAL */
  --legal-letter-spacing: 0.05rem;
  --legal-font-size-xs: 1.1rem;
  --legal-line-height-xs: 1.4rem;
  --legal-font-size-s: 1.2rem;
  --legal-line-height-s: 1.6rem;
}

:root.hmf-gg-theme,
:root .hmf-gg-theme {
  --hmf-primary50: #f9fafb;
  --hmf-primary100: #e2e6ea;
  --hmf-primary200: #d3d9df;
  --hmf-primary300: #b7c1ca;
  --hmf-primary400: #8798a7;
  --hmf-primary500: #5b748a;
  --hmf-primary600: #51677b;
  --hmf-primary700: #335069;
  --hmf-primary800: #001f39;
  --hmf-primary900: #041326;
  --hmf-secondary50: #f9f9f5;
  --hmf-secondary100: #edeee1;
  --hmf-secondary200: #d7dabe;
  --hmf-secondary300: #d1d5b4;
  --hmf-secondary400: #b3ba83;
  --hmf-secondary500: #7e892b;
  --hmf-secondary600: #677406;
  --hmf-secondary700: #475403;
  --hmf-secondary800: #394402;
  --hmf-secondary900: #212801;
  --hmf-tertiary50: #f9fafb;
  --hmf-tertiary100: #e5ebee;
  --hmf-tertiary200: #dae3e7;
  --hmf-tertiary300: #bdced6;
  --hmf-tertiary400: #91aeba;
  --hmf-tertiary500: #658d9e;
  --hmf-tertiary600: #235c75;
  --hmf-tertiary700: #1a4a62;
  --hmf-tertiary800: #154158;
  --hmf-tertiary900: #0a2738;
  --hmf-accent50: #f9fafb;
  --hmf-accent100: #e5ebee;
  --hmf-accent200: #dae3e7;
  --hmf-accent300: #bdced6;
  --hmf-accent400: #91aeba;
  --hmf-accent500: #658d9e;
  --hmf-accent600: #235c75;
  --hmf-accent700: #1a4a62;
  --hmf-accent800: #154158;
  --hmf-accent900: #0a2738;
}

:root, :root.hmf-gg-theme,
:root .hmf-gg-theme {
  /*********** GENERIC STYLING ***********/
  --hmf-button-border-radius: var(--hmf-sharp-radius);
  /*********** PRIMARY BUTTONS ***********/
  --hmf-button-primary-text-color: var(--hmf-gray50);
  --hmf-button-primary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-primary-background-color: var(--hmf-secondary500);
  --hmf-button-primary-active-background-color: var(--hmf-secondary700);
  --hmf-button-primary-hover-background-color: var(--hmf-secondary300);
  --hmf-button-primary-inactive-background-color: var(--hmf-gray300);
  --hmf-button-primary-border-color: var(--hmf-secondary500);
  --hmf-button-primary-hover-border-color: var(--hmf-secondary300);
  --hmf-button-primary-active-border-color: var(--hmf-secondary700);
  --hmf-button-primary-inactive-border-color: var(--hmf-gray300);
  /*********** SECONDARY BUTTONS ***********/
  --hmf-button-secondary-text-color: var(--hmf-gray900);
  --hmf-button-secondary-active-text-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-text-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-secondary-background-color: var(--hmf-gray50);
  --hmf-button-secondary-active-background-color: var(--hmf-gray400);
  --hmf-button-secondary-hover-background-color: var(--hmf-gray200);
  --hmf-button-secondary-inactive-background-color: var(--hmf-gray50);
  --hmf-button-secondary-border-color: var(--hmf-gray900);
  --hmf-button-secondary-active-border-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-border-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-border-color: var(--hmf-gray400);
  /*********** TERTIARY BUTTONS ***********/
  --hmf-button-tertiary-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-hover-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-active-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-inactive-text-color: var(--hmf-gray500);
  --hmf-button-tertiary-background-color: var(--hmf-fill-secondary-static);
  --hmf-button-tertiary-active-background-color: var(--hmf-fill-secondary-active);
  --hmf-button-tertiary-hover-background-color: var(--hmf-fill-secondary-hover);
  --hmf-button-tertiary-inactive-background-color: var(--hmf-gray100);
  --hmf-button-tertiary-border-color: var(--hmf-fill-secondary-static);
  --hmf-button-tertiary-active-border-color: var(--hmf-fill-secondary-active);
  --hmf-button-tertiary-hover-border-color: var(--hmf-fill-secondary-hover);
  --hmf-button-tertiary-inactive-border-color: var(--hmf-gray100);
  /*********** MARKETING BUTTONS ***********/
  --hmf-button-marketing-text-color: var(--hmf-gray50);
  --hmf-button-marketing-inactive-text-color: var(--hmf-gray600);
  --hmf-button-marketing-hover-text-color: var(--hmf-gray50);
  --hmf-button-marketing-active-text-color: var(--hmf-gray50);
  --hmf-button-marketing-background-color: var(--hmf-primary600);
  --hmf-button-marketing-active-background-color: var(--hmf-primary500);
  --hmf-button-marketing-hover-background-color: var(--hmf-primary300);
  --hmf-button-marketing-inactive-background-color: var(--hmf-gray300);
  --hmf-button-marketing-border-color: var(--hmf-primary600);
  --hmf-button-marketing-active-border-color: var(--hmf-primary500);
  --hmf-button-marketing-hover-border-color: var(--hmf-primary300);
  --hmf-button-marketing-inactive-border-color: var(--hmf-gray300);
  /*********** DESTRUCTIVE BUTTONS ***********/
  --hmf-button-destructive-text-color: var(--hmf-label-inverse-base);
  --hmf-button-destructive-inactive-text-color: var(--hmf-label-disabled);
  --hmf-button-destructive-hover-text-color: var( --hmf-label-inverse-base);
  --hmf-button-destructive-active-text-color: var(--hmf-label-inverse-base);
  --hmf-button-destructive-background-color: var(--hmf-fill-negative-static);
  --hmf-button-destructive-active-background-color: var(--hmf-fill-negative-active);
  --hmf-button-destructive-hover-background-color: var(--hmf-fill-negative-hover);
  --hmf-button-destructive-inactive-background-color: var(--hmf-fill-disabled-subtle);
  --hmf-button-destructive-border-color: var(--hmf-fill-negative-static);
  --hmf-button-destructive-active-border-color: var(--hmf-fill-negative-active);
  --hmf-button-destructive-hover-border-color: var(--hmf-fill-negative-hover);
  --hmf-button-destructive-inactive-border-color: var(--hmf-fill-disabled-subtle);
}

:root.hmf-gg-theme,
:root .hmf-gg-theme {
  --hmf-button-primary-active-background-color: var(--hmf-secondary600);
  --hmf-button-primary-active-border-color: var(--hmf-secondary600);
  --hmf-button-marketing-active-background-color: var(--hmf-primary600);
  --hmf-button-marketing-active-border-color: var(--hmf-primary600);
  --hmf-button-marketing-active-text-color: var(--hmf-gray900);
  --hmf-button-marketing-background-color: var(--hmf-primary500);
  --hmf-button-marketing-border-color: var(--hmf-primary500);
  --hmf-button-marketing-hover-background-color: var(--hmf-primary400);
  --hmf-button-marketing-hover-border-color: var(--hmf-primary400);
  --hmf-button-marketing-inactive-background-color: var(--hmf-gray300);
  --hmf-button-marketing-inactive-text-color: var(--hmf-gray50);
}

:root.hmf-gg-theme,
:root .hmf-gg-theme {
  --hmf-checkbox-active-background: var(--hmf-gray200);
  --hmf-checkbox-active-border-color: var(--hmf-gray500);
  --hmf-checkbox-active-checked-background: var(--hmf-gray800);
  --hmf-checkbox-active-checked-border-color: var(--hmf-gray800);
  --hmf-checkbox-base-checked-color: var(--hmf-gray800);
  --hmf-checkbox-base-color: var(--hmf-gray700);
  --hmf-checkbox-check-icon-dark: var(--hmf-gray500);
  --hmf-checkbox-check-icon-light: var(--hmf-gray50);
  --hmf-checkbox-checked-background: var(--hmf-gray900);
  --hmf-checkbox-checked-border-color: var(--hmf-gray900);
  --hmf-checkbox-disabled-color: var(--hmf-gray500);
  --hmf-checkbox-disabled-span-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-disabled-span-checked-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-checked-border-color: var(--hmf-gray200);
  --hmf-checkbox-error-color: var(--hmf-red600);
  --hmf-checkbox-error-span-background: var(--hmf-red100);
  --hmf-checkbox-error-span-border-color: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-background: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-border-color: var(--hmf-red600);
  --hmf-checkbox-focus-outline: 1px dashed var(--hmf-gray600);
  --hmf-checkbox-hover-span-background: var(--hmf-gray100);
  --hmf-checkbox-hover-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-hover-span-border: var(--hmf-gray900);
  --hmf-checkbox-hover-span-checked-background: var(--hmf-gray700);
  --hmf-checkbox-hover-span-checked-border-color: var(--hmf-gray700);
  --hmf-checkbox-span-background: var(--hmf-gray50);
  --hmf-checkbox-span-border: var(--hmf-gray600);
}

:root.hmf-gg-theme,
:root .hmf-gg-theme {
  --hmf-chip-font-size: var(--body-font-size-m);
  --hmf-chip-line-height: var(--body-line-height-m);
  --hmf-chip-font-weight: var(--font-primary-bold-weight);
  --hmf-chip-font-family: var(--font-primary);
  --hmf-chip-letter-spacing: var(--body-letter-spacing);
  --hmf-chip-background-color: var(--hmf-gray200);
  --hmf-chip-color: var(--hmf-gray900);
  --hmf-chip-hover-background-color: var(--hmf-gray400);
  --hmf-chip-focus-background-color: var(--hmf-gray400);
  --hmf-chip-focus-outline: 1px dashed var(--hmf-primary500);
}

:root, :root.hmf-gg-theme,
:root .hmf-gg-theme {
  --hmf-product-availability-cancel-icon-color: var(--hmf-red500);
  --hmf-product-availability-warning-icon-color: var(--hmf-yellow500);
  --hmf-product-availability-success-icon-color: var(--hmf-primary500);
}

:root, :root.hmf-gg-theme,
:root .hmf-gg-theme {
  --hmf-product-title-text-color: var(--hmf-gray900);
  --hmf-product-title-font-size: var(--label-font-size-l);
  --hmf-product-title-line-height: var(--label-line-height-l);
  --hmf-product-title-font-weight: 500;
  --hmf-product-title-font-family: var(--font-primary);
  --hmf-product-title-letter-spacing: var(--label-letter-spacing);
}

:root, :root.hmf-gg-theme,
:root .hmf-gg-theme {
  --hmf-promotion-text-color: var(--hmf-gray500);
  --hmf-promotion-font-weight: var(--font-primary-regular-weight);
  --hmf-promotion-font-family: var(--font-primary);
  --hmf-promotion-letter-spacing: var(--body-letter-spacing);
}

:root, :root.hmf-gg-theme,
:root .hmf-gg-theme {
  --hmf-recommendation-card-hover-color: var(--hmf-gray400);
  --hmf-recommendation-card-background-color: var(--hmf-gray50);
  --hmf-recommendation-card-text-color: var(--hmf-gray900);
  --hmf-recommendation-card-price-color: var(--hmf-gray500);
}

:root.hmf-gg-theme,
:root .hmf-gg-theme {
  --hmf-panel-font-size: var(--body-font-size-s);
  --hmf-panel-line-height: var(--body-line-height-s);
  --hmf-panel-font-weight: normal;
  --hmf-panel-font-family: var(--font-primary);
  --hmf-panel-letter-spacing: normal;
  --hmf-panel-content-background-color: var(--hmf-gray50);
  --hmf-panel-header-background-color: var(--hmf-gray100);
  --hmf-panel-overlay-background-color: var(--hmf-gray900);
  --hmf-panel-close-button-hover-background-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-background-color: var(--hmf-gray200);
  --hmf-panel-header-border-color: var(--hmf-gray100);
  --hmf-panel-close-button-hover-border-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-border-color: var(--hmf-gray200);
}

:root, :root.hmf-gg-theme,
:root .hmf-gg-theme {
  --hmf-sticky-banner-font-size: var(--body-font-size-s);
  --hmf-sticky-banner-line-height: var(--body-line-height-s);
  --hmf-sticky-banner-font-weight: normal;
  --hmf-sticky-banner-font-family: var(--font-primary);
  --hmf-sticky-banner-letter-spacing: normal;
  --hmf-sticky-banner-content-background-color: var(--hmf-gray50);
  --hmf-sticky-banner-content-border-color: var(--hmf-gray200);
}

:root, :root.hmf-gg-theme,
:root .hmf-gg-theme {
  --hmf-text-link-color: var(--hmf-gray900);
  --hmf-text-link-active-color: var(--hmf-gray600);
  --hmf-text-link-font-size: var(--body-font-size-m);
  --hmf-text-link-line-height: var(--body-line-height-m);
  --hmf-text-link-font-weight: var(--font-primary-regular-weight);
  --hmf-text-link-font-family: var(--font-primary);
  --hmf-text-link-letter-spacing: var(--body-letter-spacing);
}

:root, :root.hmf-gg-theme,
:root .hmf-gg-theme {
  --hmf-text-input-font-size: var(--body-font-size-m);
  --hmf-text-input-line-height: var(--body-line-height-m);
  --hmf-text-input-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-font-family: var(--font-primary);
  --hmf-text-input-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-text-area-font-size: var(--body-font-size-m);
  --hmf-text-input-text-area-line-height: var(--body-line-height-m);
  --hmf-text-input-text-area-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-text-area-font-family: var(--font-primary);
  --hmf-text-input-text-area-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-border: 1px solid var(--hmf-gray700);
  --hmf-text-input-background-color: var(--hmf-gray50);
  --hmf-text-input-input-color: var(--hmf-gray900);
  --hmf-text-input-input-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-focused-border: 1px solid var(--hmf-primary300);
  --hmf-text-input-disabled-background-color: var(--hmf-gray200);
  --hmf-text-input-disabled-color: var(--hmf-gray700);
  --hmf-text-input-disabled-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-label-color: var(--hmf-gray900);
  --hmf-text-input-color: var(--hmf-gray700);
  --hmf-text-input-error-label-color: var(--hmf-red700);
  --hmf-text-input-error-color: var(--hmf-red700);
  --hmf-text-input-error-border: 1px solid var(--hmf-red700);
  --hmf-text-input-error-background-color: rgb(230 108 70 / 0.2);
  --hmf-text-input-error-placeholder-color: var(--hmf-gray900);
  --hmf-text-input-error-svg-fill: var(--hmf-red700);
}

/*********** GENERAL STYLES ***********/
:root.hmf-mj-theme,
:root .hmf-mj-theme {
  --hmf-focus-outline: 1px dashed var(--hmf-secondary500);
}

:root.hmf-mj-theme,
:root .hmf-mj-theme {
  --hmf-background-base: var(--hmf-gray50);
  --hmf-background-base-subtle: var(--hmf-gray100);
  --hmf-background-inverse: var(--hmf-gray900);
  --hmf-background-inverse-subtle: var(--hmf-gray800);
  --hmf-background-primary: var(--hmf-gray700);
  --hmf-fill-base: var(--hmf-gray50);
  --hmf-fill-base-subtle: var(--hmf-gray100);
  --hmf-fill-base-prominent: var(--hmf-gray200);
  --hmf-fill-inverse: var(--hmf-gray900);
  --hmf-fill-inverse-subtle: var(--hmf-gray800);
  --hmf-fill-primary-static: var(--hmf-primary600);
  --hmf-fill-primary-hover: var(--hmf-primary700);
  --hmf-fill-primary-active: var(--hmf-primary500);
  --hmf-fill-secondary-static: var(--hmf-gray50);
  --hmf-fill-secondary-hover: var(--hmf-gray100);
  --hmf-fill-secondary-active: var(--hmf-gray200);
  --hmf-fill-tertiary-static: var(--hmf-gray900);
  --hmf-fill-tertiary-hover: var(--hmf-gray700);
  --hmf-fill-tertiary-active: var(--hmf-gray800);
  --hmf-fill-disabled: var(--hmf-gray500);
  --hmf-fill-disabled-subtle: var(--hmf-gray200);
  --hmf-fill-negative: var(--hmf-red600);
  --hmf-fill-negative-subtle: var(--hmf-red100);
  --hmf-fill-negative-static: var(--hmf-red600);
  --hmf-fill-negative-hover: var(--hmf-red800);
  --hmf-fill-negative-active: var(--hmf-red700);
  --hmf-fill-sale: var(--hmf-red600);
  --hmf-fill-warning: var(--hmf-yellow300);
  --hmf-fill-warning-subtle: var(--hmf-yellow50);
  --hmf-fill-positive: var(--hmf-secondary400);
  --hmf-fill-positive-subtle: var(--hmf-secondary100);
  --hmf-fill-marketing-static: var(--hmf-gray800);
  --hmf-fill-marketing-hover: var(--hmf-gray900);
  --hmf-fill-marketing-active: var(--hmf-gray700);
  --hmf-label-base: var(--hmf-gray900);
  --hmf-label-base-subtle: var(--hmf-gray800);
  --hmf-label-inverse-base: var(--hmf-gray50);
  --hmf-label-inverse-subtle: var(--hmf-gray100);
  --hmf-label-primary-static: var(--hmf-primary600);
  --hmf-label-primary-hover: var(--hmf-primary700);
  --hmf-label-primary-active: var(--hmf-primary500);
  --hmf-label-secondary-static: var(--hmf-gray900);
  --hmf-label-secondary-hover: var(--hmf-gray700);
  --hmf-label-secondary-active: var(--hmf-gray800);
  --hmf-label-secondary-subtle-static: var(--hmf-gray700);
  --hmf-label-secondary-subtle-hover: var(--hmf-gray900);
  --hmf-label-secondary-subtle-active: var(--hmf-gray800);
  --hmf-label-tertiary-static: var(--hmf-gray900);
  --hmf-label-tertiary-hover: var(--hmf-primary700);
  --hmf-label-tertiary-active: var(--hmf-primary500);
  --hmf-label-sale: var(--hmf-primary600);
  --hmf-label-disabled: var(--hmf-gray500);
  --hmf-label-disabled-subtle: var(--hmf-gray200);
  --hmf-label-negative: var(--hmf-red600);
  --hmf-label-positive: var(--hmf-secondary600);
  --hmf-label-warning: var(--hmf-yellow600);
  --hmf-label-marketing-static: var(--hmf-gray500);
  --hmf-label-marketing-hover: var(--hmf-gray100);
  --hmf-label-marketing-active: var(--hmf-gray200);
  --hmf-border-base: var(--hmf-gray300);
  --hmf-border-base-subtle: var(--hmf-gray200);
  --hmf-border-base-prominent: var(--hmf-gray400);
  --hmf-border-inverse: var(--hmf-gray900);
  --hmf-border-inverse-subtle: var(--hmf-gray700);
  --hmf-border-primary-static: var(--hmf-primary600);
  --hmf-border-primary-hover: var(--hmf-primary700);
  --hmf-border-primary-active: var(--hmf-primary500);
  --hmf-border-secondary-static: var(--hmf-gray900);
  --hmf-border-secondary-hover: var(--hmf-gray700);
  --hmf-border-secondary-active: var(--hmf-gray800);
  --hmf-border-secondary-subtle-static: var(--hmf-gray600);
  --hmf-border-secondary-subtle-hover: var(--hmf-gray400);
  --hmf-border-secondary-subtle-active: var(--hmf-gray500);
  --hmf-border-tertiary-static: var(--hmf-gray900);
  --hmf-border-tertiary-hover: var(--hmf-primary700);
  --hmf-border-tertiary-active: var(--hmf-primary500);
  --hmf-border-focused: var(--hmf-gray600);
  --hmf-border-inverse-focused: var(--hmf-gray50);
  --hmf-border-disabled: var(--hmf-gray500);
  --hmf-border-disabled-subtle: var(--hmf-gray200);
  --hmf-border-negative: var(--hmf-red600);
  --hmf-border-warning: var(--hmf-yellow500);
  --hmf-border-positive: var(--hmf-secondary600);
}

/*********** TYPOGRAPHY ***********/
:root.hmf-mj-theme,
:root .hmf-mj-theme {
  --font-display: "Nunito Sans", sans-serif;
  --font-primary: "Nunito Sans", sans-serif;
  --font-label: "Nunito Sans", sans-serif;
  --font-primary-regular-weight: 400;
  --font-primary-bold-weight: 700;
  --font-display-weight: 900;
}

/*********** TYPOGRAPHY TYPES ***********/
:root.hmf-mj-theme,
:root .hmf-mj-theme {
  /* DISPLAY TEXT */
  --display-font-size-m: 4.2rem;
  --display-line-height-m: 4.2rem;
  --display-font-size-xl: 8rem;
  --display-line-height-xl: 8rem;
  --display-font-size-xxl: 10rem;
  --display-line-height-xxl: 10rem;
}

:root.hmf-mj-theme,
:root .hmf-mj-theme {
  /* HEADERS */
  --header-text-transform: none;
  --header-letter-spacing: 0.1rem;
  --header-line-height-s: 2rem;
}

:root.hmf-mj-theme,
:root .hmf-mj-theme {
  --hmf-primary50: #fdf8f8;
  --hmf-primary100: #f6e2e4;
  --hmf-primary200: #f9c9cd;
  --hmf-primary300: #edb0b5;
  --hmf-primary400: #d97e86;
  --hmf-primary500: #ca5a64;
  --hmf-primary600: #a93338;
  --hmf-primary700: #90252e;
  --hmf-primary800: #4a1318;
  --hmf-primary900: #180708;
  --hmf-secondary50: #effff3;
  --hmf-secondary100: #c5f9d1;
  --hmf-secondary200: #8bf0a3;
  --hmf-secondary300: #70e28b;
  --hmf-secondary400: #46c864;
  --hmf-secondary500: #29873f;
  --hmf-secondary600: #196d2d;
  --hmf-secondary700: #195928;
  --hmf-secondary800: #133d1d;
  --hmf-secondary900: #0c2c14;
  --hmf-tertiary50: #fffdfc;
  --hmf-tertiary100: #ffeddd;
  --hmf-tertiary200: #ffcda0;
  --hmf-tertiary300: #ffa75a;
  --hmf-tertiary400: #fd7c0b;
  --hmf-tertiary500: #c65b0d;
  --hmf-tertiary600: #aa4d0a;
  --hmf-tertiary700: #823c09;
  --hmf-tertiary800: #6a3006;
  --hmf-tertiary900: #482104;
  --hmf-accent50: #fffdfc;
  --hmf-accent100: #ffeddd;
  --hmf-accent200: #ffcda0;
  --hmf-accent300: #ffa75a;
  --hmf-accent400: #fd7c0b;
  --hmf-accent500: #c65b0d;
  --hmf-accent600: #aa4d0a;
  --hmf-accent700: #823c09;
  --hmf-accent800: #6a3006;
  --hmf-accent900: #482104;
}

:root.hmf-mj-theme,
:root .hmf-mj-theme {
  /*********** GENERIC STYLING ***********/
  --hmf-button-border-radius: var(--hmf-sharp-radius);
  /*********** PRIMARY BUTTONS ***********/
  --hmf-button-primary-text-color: var(--hmf-gray50);
  --hmf-button-primary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-primary-background-color: var(--hmf-fill-primary-static);
  --hmf-button-primary-active-background-color: var(--hmf-fill-primary-active);
  --hmf-button-primary-hover-background-color: var(--hmf-fill-primary-hover);
  --hmf-button-primary-inactive-background-color: var(--hmf-gray300);
  --hmf-button-primary-border-color: var(--hmf-border-primary-static);
  --hmf-button-primary-active-border-color: var(--hmf-border-primary-active);
  --hmf-button-primary-hover-border-color: var(--hmf-border-primary-hover);
  --hmf-button-primary-inactive-border-color: var(--hmf-gray300);
  /*********** SECONDARY BUTTONS ***********/
  --hmf-button-secondary-text-color: var(--hmf-gray900);
  --hmf-button-secondary-active-text-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-text-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-secondary-background-color: var(--hmf-fill-secondary-static);
  --hmf-button-secondary-active-background-color: var(--hmf-fill-secondary-active);
  --hmf-button-secondary-hover-background-color: var(--hmf-fill-secondary-hover);
  --hmf-button-secondary-inactive-background-color: var(--hmf-gray50);
  --hmf-button-secondary-border-color: var(--hmf-border-secondary-static);
  --hmf-button-secondary-active-border-color: var(--hmf-border-secondary-active);
  --hmf-button-secondary-hover-border-color: var(--hmf-border-secondary-hover);
  --hmf-button-secondary-inactive-border-color: var(--hmf-gray400);
  /*********** TERTIARY BUTTONS ***********/
  --hmf-button-tertiary-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-hover-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-active-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-inactive-text-color: var(--hmf-gray500);
  --hmf-button-tertiary-background-color: var(--hmf-fill-secondary-static);
  --hmf-button-tertiary-active-background-color: var(--hmf-fill-secondary-active);
  --hmf-button-tertiary-hover-background-color: var(--hmf-fill-secondary-hover);
  --hmf-button-tertiary-inactive-background-color: var(--hmf-gray100);
  --hmf-button-tertiary-border-color: var(--hmf-fill-secondary-static);
  --hmf-button-tertiary-active-border-color: var(--hmf-fill-secondary-active);
  --hmf-button-tertiary-hover-border-color: var(--hmf-fill-secondary-hover);
  --hmf-button-tertiary-inactive-border-color: var(--hmf-gray100);
  /*********** MARKETING BUTTONS ***********/
  --hmf-button-marketing-text-color: var(--hmf-label-inverse-base);
  --hmf-button-marketing-inactive-text-color: var(--hmf-label-inverse-base);
  --hmf-button-marketing-hover-text-color: var(--hmf-label-inverse-base);
  --hmf-button-marketing-active-text-color: var(--hmf-label-inverse-base);
  --hmf-button-marketing-background-color: var(--hmf-fill-marketing-static);
  --hmf-button-marketing-active-background-color: var(--hmf-fill-marketing-active);
  --hmf-button-marketing-hover-background-color: var(--hmf-fill-marketing-hover);
  --hmf-button-marketing-inactive-background-color: var(--hmf-gray300);
  --hmf-button-marketing-border-color: var(--hmf-fill-marketing-static);
  --hmf-button-marketing-active-border-color: var(--hmf-fill-marketing-active);
  --hmf-button-marketing-hover-border-color: var(--hmf-fill-marketing-hover);
  --hmf-button-marketing-inactive-border-color: var(--hmf-gray300);
  /*********** DESTRUCTIVE BUTTONS ***********/
  --hmf-button-destructive-text-color: var(--hmf-label-inverse-base);
  --hmf-button-destructive-inactive-text-color: var(--hmf-label-disabled);
  --hmf-button-destructive-hover-text-color: var( --hmf-label-inverse-base);
  --hmf-button-destructive-active-text-color: var(--hmf-label-inverse-base);
  --hmf-button-destructive-background-color: var(--hmf-fill-negative-static);
  --hmf-button-destructive-active-background-color: var(--hmf-fill-negative-active);
  --hmf-button-destructive-hover-background-color: var(--hmf-fill-negative-hover);
  --hmf-button-destructive-inactive-background-color: var(--hmf-fill-disabled-subtle);
  --hmf-button-destructive-border-color: var(--hmf-fill-negative-static);
  --hmf-button-destructive-active-border-color: var(--hmf-fill-negative-active);
  --hmf-button-destructive-hover-border-color: var(--hmf-fill-negative-hover);
  --hmf-button-destructive-inactive-border-color: var(--hmf-fill-disabled-subtle);
}

:root, :root.hmf-mj-theme,
:root .hmf-mj-theme {
  --hmf-checkbox-active-background: var(--hmf-gray200);
  --hmf-checkbox-active-border-color: var(--hmf-gray500);
  --hmf-checkbox-active-checked-background: var(--hmf-gray800);
  --hmf-checkbox-active-checked-border-color: var(--hmf-gray800);
  --hmf-checkbox-base-checked-color: var(--hmf-gray800);
  --hmf-checkbox-base-color: var(--hmf-gray700);
  --hmf-checkbox-check-icon-dark: var(--hmf-gray500);
  --hmf-checkbox-check-icon-light: var(--hmf-gray50);
  --hmf-checkbox-checked-background: var(--hmf-gray900);
  --hmf-checkbox-checked-border-color: var(--hmf-gray900);
  --hmf-checkbox-disabled-color: var(--hmf-gray500);
  --hmf-checkbox-disabled-span-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-disabled-span-checked-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-checked-border-color: var(--hmf-gray200);
  --hmf-checkbox-error-color: var(--hmf-red600);
  --hmf-checkbox-error-span-background: var(--hmf-red100);
  --hmf-checkbox-error-span-border-color: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-background: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-border-color: var(--hmf-red600);
  --hmf-checkbox-focus-outline: 1px dashed var(--hmf-gray600);
  --hmf-checkbox-hover-span-background: var(--hmf-gray100);
  --hmf-checkbox-hover-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-hover-span-border: var(--hmf-gray900);
  --hmf-checkbox-hover-span-checked-background: var(--hmf-gray700);
  --hmf-checkbox-hover-span-checked-border-color: var(--hmf-gray700);
  --hmf-checkbox-span-background: var(--hmf-gray50);
  --hmf-checkbox-span-border: var(--hmf-gray600);
}

:root, :root.hmf-mj-theme,
:root .hmf-mj-theme {
  --hmf-chip-font-size: var(--body-font-size-m);
  --hmf-chip-line-height: var(--body-line-height-m);
  --hmf-chip-font-weight: var(--font-primary-bold-weight);
  --hmf-chip-font-family: var(--font-primary);
  --hmf-chip-letter-spacing: var(--body-letter-spacing);
  --hmf-chip-background-color: var(--hmf-gray200);
  --hmf-chip-color: var(--hmf-gray900);
  --hmf-chip-hover-background-color: var(--hmf-gray400);
  --hmf-chip-focus-background-color: var(--hmf-gray400);
  --hmf-chip-focus-outline: 1px dashed var(--hmf-primary500);
}

:root.hmf-mj-theme,
:root .hmf-mj-theme {
  --hmf-product-availability-cancel-icon-color: var(--hmf-red500);
  --hmf-product-availability-warning-icon-color: var(--hmf-tertiary900);
  --hmf-product-availability-success-icon-color: var(--hmf-secondary500);
}

:root.hmf-mj-theme,
:root .hmf-mj-theme {
  --hmf-product-title-text-color: var(--hmf-gray900);
  --hmf-product-title-font-size: var(--label-font-size-l);
  --hmf-product-title-line-height: var(--label-line-height-l);
  --hmf-product-title-font-weight: 500;
  --hmf-product-title-font-family: var(--font-primary);
  --hmf-product-title-letter-spacing: var(--label-letter-spacing);
}

:root.hmf-mj-theme,
:root .hmf-mj-theme {
  --hmf-promotion-text-color: var(--hmf-gray500);
  --hmf-promotion-font-weight: var(--font-primary-regular-weight);
  --hmf-promotion-font-family: var(--font-primary);
  --hmf-promotion-letter-spacing: var(--body-letter-spacing);
}

:root.hmf-mj-theme,
:root .hmf-mj-theme {
  --hmf-recommendation-card-hover-color: var(--hmf-gray400);
  --hmf-recommendation-card-background-color: var(--hmf-gray50);
  --hmf-recommendation-card-text-color: var(--hmf-gray900);
  --hmf-recommendation-card-price-color: var(--hmf-gray500);
}

:root, :root.hmf-mj-theme,
:root .hmf-mj-theme {
  --hmf-panel-font-size: var(--body-font-size-s);
  --hmf-panel-line-height: var(--body-line-height-s);
  --hmf-panel-font-weight: normal;
  --hmf-panel-font-family: var(--font-primary);
  --hmf-panel-letter-spacing: normal;
  --hmf-panel-content-background-color: var(--hmf-gray50);
  --hmf-panel-header-background-color: var(--hmf-gray100);
  --hmf-panel-overlay-background-color: var(--hmf-gray900);
  --hmf-panel-close-button-hover-background-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-background-color: var(--hmf-gray200);
  --hmf-panel-header-border-color: var(--hmf-gray100);
  --hmf-panel-close-button-hover-border-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-border-color: var(--hmf-gray200);
}

:root.hmf-mj-theme,
:root .hmf-mj-theme {
  --hmf-sticky-banner-font-size: var(--body-font-size-s);
  --hmf-sticky-banner-line-height: var(--body-line-height-s);
  --hmf-sticky-banner-font-weight: normal;
  --hmf-sticky-banner-font-family: var(--font-primary);
  --hmf-sticky-banner-letter-spacing: normal;
  --hmf-sticky-banner-content-background-color: var(--hmf-gray50);
  --hmf-sticky-banner-content-border-color: var(--hmf-gray200);
}

:root.hmf-mj-theme,
:root .hmf-mj-theme {
  --hmf-text-link-color: var(--hmf-gray900);
  --hmf-text-link-active-color: var(--hmf-gray600);
  --hmf-text-link-font-size: var(--body-font-size-m);
  --hmf-text-link-line-height: var(--body-line-height-m);
  --hmf-text-link-font-weight: var(--font-primary-regular-weight);
  --hmf-text-link-font-family: var(--font-primary);
  --hmf-text-link-letter-spacing: var(--body-letter-spacing);
}

:root, :root.hmf-mj-theme,
:root .hmf-mj-theme {
  --hmf-text-input-font-size: var(--body-font-size-m);
  --hmf-text-input-line-height: var(--body-line-height-m);
  --hmf-text-input-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-font-family: var(--font-primary);
  --hmf-text-input-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-text-area-font-size: var(--body-font-size-m);
  --hmf-text-input-text-area-line-height: var(--body-line-height-m);
  --hmf-text-input-text-area-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-text-area-font-family: var(--font-primary);
  --hmf-text-input-text-area-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-border: 1px solid var(--hmf-gray700);
  --hmf-text-input-background-color: var(--hmf-gray50);
  --hmf-text-input-input-color: var(--hmf-gray900);
  --hmf-text-input-input-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-focused-border: 1px solid var(--hmf-primary300);
  --hmf-text-input-disabled-background-color: var(--hmf-gray200);
  --hmf-text-input-disabled-color: var(--hmf-gray700);
  --hmf-text-input-disabled-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-label-color: var(--hmf-gray900);
  --hmf-text-input-color: var(--hmf-gray700);
  --hmf-text-input-error-label-color: var(--hmf-red700);
  --hmf-text-input-error-color: var(--hmf-red700);
  --hmf-text-input-error-border: 1px solid var(--hmf-red700);
  --hmf-text-input-error-background-color: rgb(230 108 70 / 0.2);
  --hmf-text-input-error-placeholder-color: var(--hmf-gray900);
  --hmf-text-input-error-svg-fill: var(--hmf-red700);
}

:root.hmf-mj-theme,
:root .hmf-mj-theme {
  --hmf-text-input-focused-border: 1px solid var(--hmf-border-secondary-active);
}

/*********** GENERAL STYLES ***********/
:root.hmf-pl-theme,
:root .hmf-pl-theme {
  --hmf-focus-outline: 1px dashed var(--hmf-secondary500);
}

:root.hmf-pl-theme,
:root .hmf-pl-theme {
  --hmf-background-base: var(--hmf-tertiary50);
  --hmf-background-base-subtle: var(--hmf-tertiary100);
  --hmf-background-inverse: var(--hmf-primary900);
  --hmf-background-inverse-subtle: var(--hmf-primary800);
  --hmf-background-primary: var(--hmf-primary700);
  --hmf-fill-base: var(--hmf-tertiary50);
  --hmf-fill-base-subtle: var(--hmf-tertiary100);
  --hmf-fill-base-prominent: var(--hmf-tertiary200);
  --hmf-fill-creative-primary: var(--hmf-primary800);
  --hmf-fill-inverse: var(--hmf-primary900);
  --hmf-fill-inverse-subtle: var(--hmf-primary800);
  --hmf-fill-primary-static: var(--hmf-primary800);
  --hmf-fill-primary-hover: var(--hmf-primary900);
  --hmf-fill-primary-active: var(--hmf-primary700);
  --hmf-fill-secondary-static: var(--hmf-tertiary50);
  --hmf-fill-secondary-static-subtle: var(--hmf-tertiary100);
  --hmf-fill-secondary-hover: var(--hmf-tertiary100);
  --hmf-fill-secondary-hover-subtle: var(--hmf-tertiary200);
  --hmf-fill-secondary-active: var(--hmf-tertiary200);
  --hmf-fill-secondary-active-subtle: var(--hmf-tertiary100);
  --hmf-fill-tertiary-static: var(--hmf-primary900);
  --hmf-fill-tertiary-hover: var(--hmf-primary700);
  --hmf-fill-tertiary-active: var(--hmf-primary800);
  --hmf-fill-disabled: var(--hmf-primary500);
  --hmf-fill-disabled-subtle: var(--hmf-primary200);
  --hmf-fill-negative: var(--hmf-red600);
  --hmf-fill-negative-subtle: var(--hmf-red100);
  --hmf-fill-negative-static: var(--hmf-red600);
  --hmf-fill-negative-hover: var(--hmf-red800);
  --hmf-fill-negative-active: var(--hmf-red700);
  --hmf-fill-sale: var(--hmf-red600);
  --hmf-fill-warning: var(--hmf-yellow300);
  --hmf-fill-warning-subtle: var(--hmf-yellow50);
  --hmf-fill-positive: var(--hmf-primary800);
  --hmf-fill-positive-subtle: var(--hmf-primary600);
  --hmf-fill-marketing-static: var(--hmf-accent100);
  --hmf-fill-marketing-hover: var(--hmf-accent50);
  --hmf-fill-marketing-active: var(--hmf-accent200);
  --hmf-fill-scorecard: var(--hmf-primary400);
  --hmf-fill-scorecard-subtle: var(--hmf-primary200);
  --hmf-fill-scorecard-gold: var(--hmf-gold300);
  --hmf-fill-scorecard-gold-subtle: var(--hmf-gold200);
  --hmf-fill-calia: var(--hmf-calia600);
  --hmf-fill-calia-subtle: var(--hmf-calia200);
  --hmf-fill-vrst: var(--hmf-vrst600);
  --hmf-fill-vrst-subtle: var(--hmf-vrst200);
  --hmf-label-base: var(--hmf-primary900);
  --hmf-label-base-subtle: var(--hmf-primary600);
  --hmf-label-inverse-base: var(--hmf-tertiary50);
  --hmf-label-inverse-subtle: var(--hmf-tertiary100);
  --hmf-label-primary-static: var(--hmf-primary600);
  --hmf-label-primary-hover: var(--hmf-primary700);
  --hmf-label-primary-active: var(--hmf-primary500);
  --hmf-label-secondary-static: var(--hmf-primary900);
  --hmf-label-secondary-hover: var(--hmf-primary700);
  --hmf-label-secondary-active: var(--hmf-primary800);
  --hmf-label-secondary-subtle-static: var(--hmf-primary600);
  --hmf-label-secondary-subtle-hover: var(--hmf-primary900);
  --hmf-label-secondary-subtle-active: var(--hmf-primary800);
  --hmf-label-tertiary-static: var(--hmf-primary900);
  --hmf-label-tertiary-hover: var(--hmf-primary600);
  --hmf-label-tertiary-active: var(--hmf-primary500);
  --hmf-label-sale: var(--hmf-red800);
  --hmf-label-disabled: var(--hmf-primary500);
  --hmf-label-disabled-subtle: var(--hmf-primary200);
  --hmf-label-negative: var(--hmf-red600);
  --hmf-label-positive: var(--hmf-accent600);
  --hmf-label-warning: var(--hmf-yellow600);
  --hmf-label-marketing-static: var(--hmf-primary800);
  --hmf-label-marketing-hover: var(--hmf-primary900);
  --hmf-label-marketing-active: var(--hmf-primary800);
  --hmf-label-scorecard: var(--hmf-primary600);
  --hmf-border-base: var(--hmf-primary100);
  --hmf-border-base-subtle: var(--hmf-primary50);
  --hmf-border-base-prominent: var(--hmf-primary300);
  --hmf-border-inverse: var(--hmf-gray900);
  --hmf-border-inverse-subtle: var(--hmf-gray700);
  --hmf-border-primary-static: var(--hmf-primary800);
  --hmf-border-primary-hover: var(--hmf-primary900);
  --hmf-border-primary-active: var(--hmf-primary700);
  --hmf-border-secondary-static: var(--hmf-primary900);
  --hmf-border-secondary-hover: var(--hmf-primary700);
  --hmf-border-secondary-active: var(--hmf-primary800);
  --hmf-border-secondary-subtle-static: var(--hmf-primary600);
  --hmf-border-secondary-subtle-hover: var(--hmf-primary400);
  --hmf-border-secondary-subtle-active: var(--hmf-primary500);
  --hmf-border-tertiary-static: var(--hmf-primary900);
  --hmf-border-tertiary-hover: var(--hmf-primary600);
  --hmf-border-tertiary-active: var(--hmf-primary500);
  --hmf-border-focused: var(--hmf-primary700);
  --hmf-border-inverse-focused: var(--hmf-tertiary50);
  --hmf-border-disabled: var(--hmf-primary500);
  --hmf-border-disabled-subtle: var(--hmf-primary200);
  --hmf-border-negative: var(--hmf-red600);
  --hmf-border-warning: var(--hmf-yellow500);
  --hmf-border-positive: var(--hmf-primary600);
  --hmf-border-scorecard-subtle: var(--hmf-primary100);
  --hmf-border-scorecard-gold: var(--hmf-gold400);
  --hmf-border-scorecard-gold-subtle: var(--hmf-gold100);
}

/*********** TYPOGRAPHY ***********/
:root.hmf-pl-theme,
:root .hmf-pl-theme {
  --font-display: "Graphik Wide", sans-serif;
  --font-primary: "Graphik", sans-serif;
  --font-label: "Graphik Wide", sans-serif;
  --font-primary-regular-weight: 400;
  --font-primary-bold-weight: 700;
  --font-display-weight: 900;
}

/*********** TYPOGRAPHY TYPES ***********/
:root.hmf-pl-theme,
:root .hmf-pl-theme {
  /* DISPLAY TEXT */
  --display-font-size-m: 4.2rem;
  --display-line-height-m: 4.2rem;
  --display-font-size-xl: 8rem;
  --display-line-height-xl: 8rem;
  --display-font-size-xxl: 10rem;
  --display-line-height-xxl: 10rem;
}

:root.hmf-pl-theme,
:root .hmf-pl-theme {
  /* HEADERS */
  --header-text-transform: none;
  --header-letter-spacing: 0.1rem;
  --header-line-height-s: 2rem;
}

:root.hmf-pl-theme,
:root .hmf-pl-theme {
  --hmf-primary50: #f8f9f5;
  --hmf-primary100: #e4e8d8;
  --hmf-primary200: #ced7cb;
  --hmf-primary300: #b6c3b1;
  --hmf-primary400: #889e8b;
  --hmf-primary500: #6c846f;
  --hmf-primary600: #4c6655;
  --hmf-primary700: #2d523f;
  --hmf-primary800: #002a19;
  --hmf-primary900: #000f08;
  --hmf-secondary50: #f8fbfc;
  --hmf-secondary100: #e0edf0;
  --hmf-secondary200: #bfd9de;
  --hmf-secondary300: #b3d2d8;
  --hmf-secondary400: #80b4bf;
  --hmf-secondary500: #4d95a5;
  --hmf-secondary600: #00687e;
  --hmf-secondary700: #00556b;
  --hmf-secondary800: #003a4e;
  --hmf-secondary900: #002a38;
  --hmf-tertiary50: #fff;
  --hmf-tertiary100: #f8f6f4;
  --hmf-tertiary200: #e2d6b9;
  --hmf-tertiary300: #cdb897;
  --hmf-tertiary400: #ba9979;
  --hmf-tertiary500: #a37859;
  --hmf-tertiary600: #8f674c;
  --hmf-tertiary700: #674a37;
  --hmf-tertiary800: #533c2c;
  --hmf-tertiary900: #2f2219;
  --hmf-accent50: #f5ffb8;
  --hmf-accent100: #e3ff36;
  --hmf-accent200: #c4f500;
  --hmf-accent300: #ace000;
  --hmf-accent400: #8bc700;
  --hmf-accent500: #6da300;
  --hmf-accent600: #527a00;
  --hmf-accent700: #3a5700;
  --hmf-accent800: #304700;
  --hmf-accent900: #1c2900;
}

:root, :root.hmf-pl-theme,
:root .hmf-pl-theme {
  /*********** GENERIC STYLING ***********/
  --hmf-button-border-radius: var(--hmf-sharp-radius);
  /*********** PRIMARY BUTTONS ***********/
  --hmf-button-primary-text-color: var(--hmf-gray50);
  --hmf-button-primary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-primary-background-color: var(--hmf-secondary500);
  --hmf-button-primary-active-background-color: var(--hmf-secondary700);
  --hmf-button-primary-hover-background-color: var(--hmf-secondary300);
  --hmf-button-primary-inactive-background-color: var(--hmf-gray300);
  --hmf-button-primary-border-color: var(--hmf-secondary500);
  --hmf-button-primary-hover-border-color: var(--hmf-secondary300);
  --hmf-button-primary-active-border-color: var(--hmf-secondary700);
  --hmf-button-primary-inactive-border-color: var(--hmf-gray300);
  /*********** SECONDARY BUTTONS ***********/
  --hmf-button-secondary-text-color: var(--hmf-gray900);
  --hmf-button-secondary-active-text-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-text-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-secondary-background-color: var(--hmf-gray50);
  --hmf-button-secondary-active-background-color: var(--hmf-gray400);
  --hmf-button-secondary-hover-background-color: var(--hmf-gray200);
  --hmf-button-secondary-inactive-background-color: var(--hmf-gray50);
  --hmf-button-secondary-border-color: var(--hmf-gray900);
  --hmf-button-secondary-active-border-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-border-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-border-color: var(--hmf-gray400);
  /*********** TERTIARY BUTTONS ***********/
  --hmf-button-tertiary-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-hover-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-active-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-inactive-text-color: var(--hmf-gray500);
  --hmf-button-tertiary-background-color: var(--hmf-fill-secondary-static);
  --hmf-button-tertiary-active-background-color: var(--hmf-fill-secondary-active);
  --hmf-button-tertiary-hover-background-color: var(--hmf-fill-secondary-hover);
  --hmf-button-tertiary-inactive-background-color: var(--hmf-gray100);
  --hmf-button-tertiary-border-color: var(--hmf-fill-secondary-static);
  --hmf-button-tertiary-active-border-color: var(--hmf-fill-secondary-active);
  --hmf-button-tertiary-hover-border-color: var(--hmf-fill-secondary-hover);
  --hmf-button-tertiary-inactive-border-color: var(--hmf-gray100);
  /*********** MARKETING BUTTONS ***********/
  --hmf-button-marketing-text-color: var(--hmf-gray50);
  --hmf-button-marketing-inactive-text-color: var(--hmf-gray600);
  --hmf-button-marketing-hover-text-color: var(--hmf-gray50);
  --hmf-button-marketing-active-text-color: var(--hmf-gray50);
  --hmf-button-marketing-background-color: var(--hmf-primary600);
  --hmf-button-marketing-active-background-color: var(--hmf-primary500);
  --hmf-button-marketing-hover-background-color: var(--hmf-primary300);
  --hmf-button-marketing-inactive-background-color: var(--hmf-gray300);
  --hmf-button-marketing-border-color: var(--hmf-primary600);
  --hmf-button-marketing-active-border-color: var(--hmf-primary500);
  --hmf-button-marketing-hover-border-color: var(--hmf-primary300);
  --hmf-button-marketing-inactive-border-color: var(--hmf-gray300);
  /*********** DESTRUCTIVE BUTTONS ***********/
  --hmf-button-destructive-text-color: var(--hmf-label-inverse-base);
  --hmf-button-destructive-inactive-text-color: var(--hmf-label-disabled);
  --hmf-button-destructive-hover-text-color: var( --hmf-label-inverse-base);
  --hmf-button-destructive-active-text-color: var(--hmf-label-inverse-base);
  --hmf-button-destructive-background-color: var(--hmf-fill-negative-static);
  --hmf-button-destructive-active-background-color: var(--hmf-fill-negative-active);
  --hmf-button-destructive-hover-background-color: var(--hmf-fill-negative-hover);
  --hmf-button-destructive-inactive-background-color: var(--hmf-fill-disabled-subtle);
  --hmf-button-destructive-border-color: var(--hmf-fill-negative-static);
  --hmf-button-destructive-active-border-color: var(--hmf-fill-negative-active);
  --hmf-button-destructive-hover-border-color: var(--hmf-fill-negative-hover);
  --hmf-button-destructive-inactive-border-color: var(--hmf-fill-disabled-subtle);
}

:root.hmf-pl-theme,
:root .hmf-pl-theme {
  /*********** PRIMARY BUTTONS ***********/
  --hmf-button-primary-background-color: var(--hmf-primary800);
  --hmf-button-primary-active-background-color: var(--hmf-primary900);
  --hmf-button-primary-hover-background-color: var(--hmf-primary700);
  --hmf-button-primary-border-color: var(--hmf-primary800);
  --hmf-button-primary-active-border-color: var(--hmf-primary900);
  /*********** MARKETING BUTTONS ***********/
  --hmf-button-marketing-text-color: var(--hmf-gray900);
  --hmf-button-marketing-inactive-text-color: var(--hmf-gray900);
  --hmf-button-marketing-hover-text-color: var(--hmf-gray900);
  --hmf-button-marketing-active-text-color: var(--hmf-gray900);
  --hmf-button-marketing-background-color: var(--hmf-accent100);
  --hmf-button-marketing-active-background-color: var(--hmf-accent200);
  --hmf-button-marketing-hover-background-color: var(--hmf-accent50);
  --hmf-button-marketing-border-color: var(--hmf-accent100);
  --hmf-button-marketing-active-border-color: var(--hmf-accent200);
  --hmf-button-marketing-hover-border-color: var(--hmf-accent50);
}

:root.hmf-pl-theme,
:root .hmf-pl-theme {
  --hmf-checkbox-active-background: var(--hmf-gray200);
  --hmf-checkbox-active-border-color: var(--hmf-gray500);
  --hmf-checkbox-active-checked-background: var(--hmf-gray800);
  --hmf-checkbox-active-checked-border-color: var(--hmf-gray800);
  --hmf-checkbox-base-checked-color: var(--hmf-gray800);
  --hmf-checkbox-base-color: var(--hmf-gray700);
  --hmf-checkbox-check-icon-dark: var(--hmf-gray500);
  --hmf-checkbox-check-icon-light: var(--hmf-gray50);
  --hmf-checkbox-checked-background: var(--hmf-gray900);
  --hmf-checkbox-checked-border-color: var(--hmf-gray900);
  --hmf-checkbox-disabled-color: var(--hmf-gray500);
  --hmf-checkbox-disabled-span-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-disabled-span-checked-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-checked-border-color: var(--hmf-gray200);
  --hmf-checkbox-error-color: var(--hmf-red600);
  --hmf-checkbox-error-span-background: var(--hmf-red100);
  --hmf-checkbox-error-span-border-color: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-background: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-border-color: var(--hmf-red600);
  --hmf-checkbox-focus-outline: 1px dashed var(--hmf-gray600);
  --hmf-checkbox-hover-span-background: var(--hmf-gray100);
  --hmf-checkbox-hover-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-hover-span-border: var(--hmf-gray900);
  --hmf-checkbox-hover-span-checked-background: var(--hmf-gray700);
  --hmf-checkbox-hover-span-checked-border-color: var(--hmf-gray700);
  --hmf-checkbox-span-background: var(--hmf-gray50);
  --hmf-checkbox-span-border: var(--hmf-gray600);
}

:root.hmf-pl-theme,
:root .hmf-pl-theme {
  --hmf-chip-font-size: var(--body-font-size-m);
  --hmf-chip-line-height: var(--body-line-height-m);
  --hmf-chip-font-weight: var(--font-primary-bold-weight);
  --hmf-chip-font-family: var(--font-primary);
  --hmf-chip-letter-spacing: var(--body-letter-spacing);
  --hmf-chip-background-color: var(--hmf-gray200);
  --hmf-chip-color: var(--hmf-gray900);
  --hmf-chip-hover-background-color: var(--hmf-gray400);
  --hmf-chip-focus-background-color: var(--hmf-gray400);
  --hmf-chip-focus-outline: 1px dashed var(--hmf-primary500);
}

:root, :root.hmf-pl-theme,
:root .hmf-pl-theme {
  --hmf-product-availability-cancel-icon-color: var(--hmf-red500);
  --hmf-product-availability-warning-icon-color: var(--hmf-yellow500);
  --hmf-product-availability-success-icon-color: var(--hmf-primary500);
}

:root.hmf-pl-theme,
:root .hmf-pl-theme {
  --hmf-product-availability-success-icon-color: var(--hmf-secondary500);
}

:root, :root.hmf-pl-theme,
:root .hmf-pl-theme {
  --hmf-product-title-text-color: var(--hmf-gray900);
  --hmf-product-title-font-size: var(--label-font-size-l);
  --hmf-product-title-line-height: var(--label-line-height-l);
  --hmf-product-title-font-weight: 500;
  --hmf-product-title-font-family: var(--font-primary);
  --hmf-product-title-letter-spacing: var(--label-letter-spacing);
}

:root, :root.hmf-pl-theme,
:root .hmf-pl-theme {
  --hmf-promotion-text-color: var(--hmf-gray500);
  --hmf-promotion-font-weight: var(--font-primary-regular-weight);
  --hmf-promotion-font-family: var(--font-primary);
  --hmf-promotion-letter-spacing: var(--body-letter-spacing);
}

:root, :root.hmf-pl-theme,
:root .hmf-pl-theme {
  --hmf-recommendation-card-hover-color: var(--hmf-gray400);
  --hmf-recommendation-card-background-color: var(--hmf-gray50);
  --hmf-recommendation-card-text-color: var(--hmf-gray900);
  --hmf-recommendation-card-price-color: var(--hmf-gray500);
}

:root.hmf-pl-theme,
:root .hmf-pl-theme {
  --hmf-panel-font-size: var(--body-font-size-s);
  --hmf-panel-line-height: var(--body-line-height-s);
  --hmf-panel-font-weight: normal;
  --hmf-panel-font-family: var(--font-primary);
  --hmf-panel-letter-spacing: normal;
  --hmf-panel-content-background-color: var(--hmf-gray50);
  --hmf-panel-header-background-color: var(--hmf-gray100);
  --hmf-panel-overlay-background-color: var(--hmf-gray900);
  --hmf-panel-close-button-hover-background-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-background-color: var(--hmf-gray200);
  --hmf-panel-header-border-color: var(--hmf-gray100);
  --hmf-panel-close-button-hover-border-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-border-color: var(--hmf-gray200);
}

:root, :root.hmf-pl-theme,
:root .hmf-pl-theme {
  --hmf-text-link-color: var(--hmf-gray900);
  --hmf-text-link-active-color: var(--hmf-gray600);
  --hmf-text-link-font-size: var(--body-font-size-m);
  --hmf-text-link-line-height: var(--body-line-height-m);
  --hmf-text-link-font-weight: var(--font-primary-regular-weight);
  --hmf-text-link-font-family: var(--font-primary);
  --hmf-text-link-letter-spacing: var(--body-letter-spacing);
}

:root, :root.hmf-pl-theme,
:root .hmf-pl-theme {
  --hmf-text-input-font-size: var(--body-font-size-m);
  --hmf-text-input-line-height: var(--body-line-height-m);
  --hmf-text-input-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-font-family: var(--font-primary);
  --hmf-text-input-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-text-area-font-size: var(--body-font-size-m);
  --hmf-text-input-text-area-line-height: var(--body-line-height-m);
  --hmf-text-input-text-area-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-text-area-font-family: var(--font-primary);
  --hmf-text-input-text-area-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-border: 1px solid var(--hmf-gray700);
  --hmf-text-input-background-color: var(--hmf-gray50);
  --hmf-text-input-input-color: var(--hmf-gray900);
  --hmf-text-input-input-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-focused-border: 1px solid var(--hmf-primary300);
  --hmf-text-input-disabled-background-color: var(--hmf-gray200);
  --hmf-text-input-disabled-color: var(--hmf-gray700);
  --hmf-text-input-disabled-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-label-color: var(--hmf-gray900);
  --hmf-text-input-color: var(--hmf-gray700);
  --hmf-text-input-error-label-color: var(--hmf-red700);
  --hmf-text-input-error-color: var(--hmf-red700);
  --hmf-text-input-error-border: 1px solid var(--hmf-red700);
  --hmf-text-input-error-background-color: rgb(230 108 70 / 0.2);
  --hmf-text-input-error-placeholder-color: var(--hmf-gray900);
  --hmf-text-input-error-svg-fill: var(--hmf-red700);
}

/*********** GENERAL STYLES ***********/
:root.hmf-vrst-theme,
:root .hmf-vrst-theme {
  --hmf-focus-outline: 1px dashed var(--hmf-gray400);
}

:root.hmf-vrst-theme,
:root .hmf-vrst-theme {
  --hmf-background-base: var(--hmf-gray50);
  --hmf-background-base-subtle: var(--hmf-gray100);
  --hmf-background-inverse: var(--hmf-gray900);
  --hmf-background-inverse-subtle: var(--hmf-gray800);
  --hmf-background-primary: var(--hmf-primary600);
  --hmf-fill-base: var(--hmf-gray50);
  --hmf-fill-base-subtle: var(--hmf-gray100);
  --hmf-fill-base-prominent: var(--hmf-gray200);
  --hmf-fill-inverse: var(--hmf-gray900);
  --hmf-fill-inverse-subtle: var(--hmf-gray700);
  --hmf-fill-primary-static: var(--hmf-secondary500);
  --hmf-fill-primary-hover: var(--hmf-secondary700);
  --hmf-fill-primary-active: var(--hmf-secondary600);
  --hmf-fill-secondary-static: var(--hmf-gray50);
  --hmf-fill-secondary-hover: var(--hmf-gray100);
  --hmf-fill-secondary-active: var(--hmf-gray200);
  --hmf-fill-tertiary-static: var(--hmf-gray900);
  --hmf-fill-tertiary-hover: var(--hmf-gray700);
  --hmf-fill-tertiary-active: var(--hmf-gray800);
  --hmf-fill-disabled: var(--hmf-gray500);
  --hmf-fill-disabled-subtle: var(--hmf-gray200);
  --hmf-fill-negative: var(--hmf-red600);
  --hmf-fill-negative-subtle: var(--hmf-red100);
  --hmf-fill-sale: var(--hmf-red600);
  --hmf-fill-warning: var(--hmf-yellow300);
  --hmf-fill-warning-subtle: var(--hmf-yellow50);
  --hmf-fill-positive: var(--hmf-primary500);
  --hmf-fill-positive-subtle: var(--hmf-primary100);
  --hmf-label-base: var(--hmf-gray900);
  --hmf-label-base-subtle: var(--hmf-gray600);
  --hmf-label-inverse-base: var(--hmf-gray50);
  --hmf-label-inverse-subtle: var(--hmf-gray100);
  --hmf-label-primary-static: var(--hmf-secondary500);
  --hmf-label-primary-hover: var(--hmf-secondary600);
  --hmf-label-primary-active: var(--hmf-secondary400);
  --hmf-label-secondary-static: var(--hmf-gray900);
  --hmf-label-secondary-hover: var(--hmf-gray700);
  --hmf-label-secondary-active: var(--hmf-gray800);
  --hmf-label-secondary-subtle-static: var(--hmf-gray600);
  --hmf-label-secondary-subtle-hover: var(--hmf-gray900);
  --hmf-label-secondary-subtle-active: var(--hmf-gray800);
  --hmf-label-tertiary-static: var(--hmf-gray900);
  --hmf-label-tertiary-hover: var(--hmf-secondary500);
  --hmf-label-tertiary-active: var(--hmf-secondary400);
  --hmf-label-sale: var(--hmf-red800);
  --hmf-label-disabled: var(--hmf-gray500);
  --hmf-label-disabled-subtle: var(--hmf-gray200);
  --hmf-label-negative: var(--hmf-red600);
  --hmf-label-warning: var(--hmf-yellow600);
  --hmf-border-base: var(--hmf-gray300);
  --hmf-border-base-subtle: var(--hmf-gray200);
  --hmf-border-inverse: var(--hmf-gray900);
  --hmf-border-inverse-subtle: var(--hmf-gray700);
  --hmf-border-primary-static: var(--hmf-secondary500);
  --hmf-border-primary-hover: var(--hmf-secondary600);
  --hmf-border-primary-active: var(--hmf-secondary400);
  --hmf-border-secondary-static: var(--hmf-gray900);
  --hmf-border-secondary-hover: var(--hmf-gray700);
  --hmf-border-secondary-active: var(--hmf-gray800);
  --hmf-border-secondary-subtle-static: var(--hmf-gray600);
  --hmf-border-secondary-subtle-hover: var(--hmf-gray400);
  --hmf-border-secondary-subtle-active: var(--hmf-gray500);
  --hmf-border-tertiary-static: var(--hmf-gray900);
  --hmf-border-tertiary-hover: var(--hmf-secondary500);
  --hmf-border-tertiary-active: var(--hmf-secondary400);
  --hmf-border-focused: var(--hmf-gray600);
  --hmf-border-inverse-focused: var(--hmf-gray50);
  --hmf-border-disabled: var(--hmf-gray500);
  --hmf-border-disabled-subtle: var(--hmf-gray200);
  --hmf-border-negative: var(--hmf-red600);
  --hmf-border-warning: var(--hmf-yellow500);
  --hmf-border-positive: var(--hmf-primary600);
}

/*********** TYPOGRAPHY ***********/
:root.hmf-vrst-theme,
:root .hmf-vrst-theme {
  --font-display: "Tilde", sans-serif;
  --font-primary: "Tilde", sans-serif;
  --font-label: "Tilde", sans-serif;
  --font-primary-regular-weight: 400;
  --font-primary-bold-weight: 700;
  --font-display-weight: 900;
}

/*********** TYPOGRAPHY TYPES ***********/
:root.hmf-vrst-theme,
:root .hmf-vrst-theme {
  /* BODY */
  --body-letter-spacing: 0.03rem;
}

:root.hmf-vrst-theme,
:root .hmf-vrst-theme {
  /* DISPLAY TEXT */
  --display-letter-spacing-xs: 0.05rem;
  --display-letter-spacing-s: 0.05rem;
  --display-letter-spacing-m: 0.05rem;
  --display-letter-spacing-l: 0.05rem;
  --display-font-size-xl: 10rem;
  --display-letter-spacing-xl: 0.05rem;
  --display-line-height-xl: 10rem;
  --display-font-size-xxl: 12rem;
  --display-letter-spacing-xxl: 0rem;
  --display-line-height-xxl: 12rem;
}

:root.hmf-vrst-theme,
:root .hmf-vrst-theme {
  /* HEADERS */
  --header-letter-spacing: 0rem;
}

:root.hmf-vrst-theme,
:root .hmf-vrst-theme {
  /* LABELS */
  --label-letter-spacing: 0.05rem;
}

:root.hmf-vrst-theme,
:root .hmf-vrst-theme {
  /* LEGAL */
  --legal-letter-spacing: 0.03rem;
}

:root.hmf-vrst-theme,
:root .hmf-vrst-theme {
  /* SUBHEADERS */
  --subhead-letter-spacing: 0rem;
}

:root.hmf-vrst-theme,
:root .hmf-vrst-theme {
  --hmf-primary50: #c4cad0;
  --hmf-primary100: #9aa3ac;
  --hmf-primary200: #7c878e;
  --hmf-primary300: #5b6770;
  --hmf-primary400: #404c53;
  --hmf-primary500: #333f48;
  --hmf-primary600: #2b3b46;
  --hmf-primary700: #1f2e38;
  --hmf-primary800: #162630;
  --hmf-primary900: #1d252d;
  --hmf-secondary50: #e6ecf0;
  --hmf-secondary100: #c2cfda;
  --hmf-secondary200: #99b0c2;
  --hmf-secondary300: #7090aa;
  --hmf-secondary400: #517897;
  --hmf-secondary500: #325f84;
  --hmf-secondary600: #2d587d;
  --hmf-secondary700: #264e72;
  --hmf-secondary800: #1f4468;
  --hmf-secondary900: #133355;
  --hmf-tertiary50: #f9efe9;
  --hmf-tertiary100: #f1d7c8;
  --hmf-tertiary200: #e8bda4;
  --hmf-tertiary300: #dea27f;
  --hmf-tertiary400: #d78e63;
  --hmf-tertiary500: #d07a48;
  --hmf-tertiary600: #cb7241;
  --hmf-tertiary700: #c46738;
  --hmf-tertiary800: #be5d30;
  --hmf-tertiary900: #b34a21;
  --hmf-accent50: #f9efe9;
  --hmf-accent100: #f1d7c8;
  --hmf-accent200: #e8bda4;
  --hmf-accent300: #dea27f;
  --hmf-accent400: #d78e63;
  --hmf-accent500: #d07a48;
  --hmf-accent600: #cb7241;
  --hmf-accent700: #c46738;
  --hmf-accent800: #be5d30;
  --hmf-accent900: #b34a21;
}

:root.hmf-vrst-theme,
:root .hmf-vrst-theme {
  /*********** GENERIC STYLING ***********/
  --hmf-button-border-radius: var(--hmf-sharp-radius);
  /*********** PRIMARY BUTTONS ***********/
  --hmf-button-primary-text-color: var(--hmf-gray50);
  --hmf-button-primary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-primary-background-color: var(--hmf-primary500);
  --hmf-button-primary-active-background-color: var(--hmf-primary600);
  --hmf-button-primary-hover-background-color: var(--hmf-primary400);
  --hmf-button-primary-inactive-background-color: var(--hmf-gray300);
  --hmf-button-primary-border-color: var(--hmf-primary500);
  --hmf-button-primary-hover-border-color: var(--hmf-primary400);
  --hmf-button-primary-active-border-color: var(--hmf-primary600);
  --hmf-button-primary-inactive-border-color: var(--hmf-gray300);
  /*********** SECONDARY BUTTONS ***********/
  --hmf-button-secondary-text-color: var(--hmf-gray900);
  --hmf-button-secondary-active-text-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-text-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-secondary-background-color: var(--hmf-gray50);
  --hmf-button-secondary-active-background-color: var(--hmf-gray400);
  --hmf-button-secondary-hover-background-color: var(--hmf-gray200);
  --hmf-button-secondary-inactive-background-color: var(--hmf-gray50);
  --hmf-button-secondary-border-color: var(--hmf-gray900);
  --hmf-button-secondary-active-border-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-border-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-border-color: var(--hmf-gray400);
  /*********** TERTIARY BUTTONS ***********/
  --hmf-button-tertiary-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-hover-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-active-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-inactive-text-color: var(--hmf-gray500);
  --hmf-button-tertiary-background-color: var(--hmf-gray50);
  --hmf-button-tertiary-hover-background-color: var(--hmf-gray50);
  --hmf-button-tertiary-active-background-color: var(--hmf-gray50);
  --hmf-button-tertiary-inactive-background-color: var(--hmf-gray100);
  --hmf-button-tertiary-border-color: var(--hmf-gray50);
  --hmf-button-tertiary-active-border-color: var(--hmf-gray50);
  --hmf-button-tertiary-hover-border-color: var(--hmf-gray50);
  --hmf-button-tertiary-inactive-border-color: var(--hmf-gray100);
  /*********** MARKETING BUTTONS ***********/
  --hmf-button-marketing-text-color: var(--hmf-gray50);
  --hmf-button-marketing-inactive-text-color: var(--hmf-gray50);
  --hmf-button-marketing-hover-text-color: var(--hmf-gray50);
  --hmf-button-marketing-active-text-color: var(--hmf-gray900);
  --hmf-button-marketing-background-color: var(--hmf-secondary500);
  --hmf-button-marketing-active-background-color: var(--hmf-secondary600);
  --hmf-button-marketing-hover-background-color: var(--hmf-secondary300);
  --hmf-button-marketing-inactive-background-color: var(--hmf-gray300);
  --hmf-button-marketing-border-color: var(--hmf-secondary500);
  --hmf-button-marketing-active-border-color: var(--hmf-secondary600);
  --hmf-button-marketing-hover-border-color: var(--hmf-secondary300);
  --hmf-button-marketing-inactive-border-color: var(--hmf-gray300);
}

:root, :root.hmf-vrst-theme,
:root .hmf-vrst-theme {
  --hmf-checkbox-active-background: var(--hmf-gray200);
  --hmf-checkbox-active-border-color: var(--hmf-gray500);
  --hmf-checkbox-active-checked-background: var(--hmf-gray800);
  --hmf-checkbox-active-checked-border-color: var(--hmf-gray800);
  --hmf-checkbox-base-checked-color: var(--hmf-gray800);
  --hmf-checkbox-base-color: var(--hmf-gray700);
  --hmf-checkbox-check-icon-dark: var(--hmf-gray500);
  --hmf-checkbox-check-icon-light: var(--hmf-gray50);
  --hmf-checkbox-checked-background: var(--hmf-gray900);
  --hmf-checkbox-checked-border-color: var(--hmf-gray900);
  --hmf-checkbox-disabled-color: var(--hmf-gray500);
  --hmf-checkbox-disabled-span-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-disabled-span-checked-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-checked-border-color: var(--hmf-gray200);
  --hmf-checkbox-error-color: var(--hmf-red600);
  --hmf-checkbox-error-span-background: var(--hmf-red100);
  --hmf-checkbox-error-span-border-color: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-background: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-border-color: var(--hmf-red600);
  --hmf-checkbox-focus-outline: 1px dashed var(--hmf-gray600);
  --hmf-checkbox-hover-span-background: var(--hmf-gray100);
  --hmf-checkbox-hover-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-hover-span-border: var(--hmf-gray900);
  --hmf-checkbox-hover-span-checked-background: var(--hmf-gray700);
  --hmf-checkbox-hover-span-checked-border-color: var(--hmf-gray700);
  --hmf-checkbox-span-background: var(--hmf-gray50);
  --hmf-checkbox-span-border: var(--hmf-gray600);
}

:root, :root.hmf-vrst-theme,
:root .hmf-vrst-theme {
  --hmf-chip-font-size: var(--body-font-size-m);
  --hmf-chip-line-height: var(--body-line-height-m);
  --hmf-chip-font-weight: var(--font-primary-bold-weight);
  --hmf-chip-font-family: var(--font-primary);
  --hmf-chip-letter-spacing: var(--body-letter-spacing);
  --hmf-chip-background-color: var(--hmf-gray200);
  --hmf-chip-color: var(--hmf-gray900);
  --hmf-chip-hover-background-color: var(--hmf-gray400);
  --hmf-chip-focus-background-color: var(--hmf-gray400);
  --hmf-chip-focus-outline: 1px dashed var(--hmf-primary500);
}

:root.hmf-vrst-theme,
:root .hmf-vrst-theme {
  --hmf-product-availability-cancel-icon-color: var(--hmf-red500);
  --hmf-product-availability-warning-icon-color: var(--hmf-yellow500);
  --hmf-product-availability-success-icon-color: var(--hmf-secondary500);
}

:root.hmf-vrst-theme,
:root .hmf-vrst-theme {
  --hmf-product-title-text-color: var(--hmf-gray900);
  --hmf-product-title-font-size: var(--label-font-size-l);
  --hmf-product-title-line-height: var(--label-line-height-l);
  --hmf-product-title-font-weight: 500;
  --hmf-product-title-font-family: var(--font-primary);
  --hmf-product-title-letter-spacing: var(--label-letter-spacing);
}

:root.hmf-vrst-theme,
:root .hmf-vrst-theme {
  --hmf-promotion-text-color: var(--hmf-gray500);
  --hmf-promotion-font-weight: var(--font-primary-regular-weight);
  --hmf-promotion-font-family: var(--font-primary);
  --hmf-promotion-letter-spacing: var(--body-letter-spacing);
}

:root.hmf-vrst-theme,
:root .hmf-vrst-theme {
  --hmf-recommendation-card-hover-color: var(--hmf-gray400);
  --hmf-recommendation-card-background-color: var(--hmf-gray50);
  --hmf-recommendation-card-text-color: var(--hmf-gray900);
  --hmf-recommendation-card-price-color: var(--hmf-gray500);
}

:root, :root.hmf-vrst-theme,
:root .hmf-vrst-theme {
  --hmf-panel-font-size: var(--body-font-size-s);
  --hmf-panel-line-height: var(--body-line-height-s);
  --hmf-panel-font-weight: normal;
  --hmf-panel-font-family: var(--font-primary);
  --hmf-panel-letter-spacing: normal;
  --hmf-panel-content-background-color: var(--hmf-gray50);
  --hmf-panel-header-background-color: var(--hmf-gray100);
  --hmf-panel-overlay-background-color: var(--hmf-gray900);
  --hmf-panel-close-button-hover-background-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-background-color: var(--hmf-gray200);
  --hmf-panel-header-border-color: var(--hmf-gray100);
  --hmf-panel-close-button-hover-border-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-border-color: var(--hmf-gray200);
}

:root.hmf-vrst-theme,
:root .hmf-vrst-theme {
  --hmf-sticky-banner-font-size: var(--body-font-size-s);
  --hmf-sticky-banner-line-height: var(--body-line-height-s);
  --hmf-sticky-banner-font-weight: normal;
  --hmf-sticky-banner-font-family: var(--font-primary);
  --hmf-sticky-banner-letter-spacing: normal;
  --hmf-sticky-banner-content-background-color: var(--hmf-gray50);
  --hmf-sticky-banner-content-border-color: var(--hmf-gray200);
}

:root.hmf-vrst-theme,
:root .hmf-vrst-theme {
  --hmf-text-link-color: var(--hmf-gray900);
  --hmf-text-link-active-color: var(--hmf-gray600);
  --hmf-text-link-font-size: var(--body-font-size-m);
  --hmf-text-link-line-height: var(--body-line-height-m);
  --hmf-text-link-font-weight: var(--font-primary-regular-weight);
  --hmf-text-link-font-family: var(--font-primary);
  --hmf-text-link-letter-spacing: var(--body-letter-spacing);
}

:root, :root.hmf-vrst-theme,
:root .hmf-vrst-theme {
  --hmf-text-input-font-size: var(--body-font-size-m);
  --hmf-text-input-line-height: var(--body-line-height-m);
  --hmf-text-input-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-font-family: var(--font-primary);
  --hmf-text-input-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-text-area-font-size: var(--body-font-size-m);
  --hmf-text-input-text-area-line-height: var(--body-line-height-m);
  --hmf-text-input-text-area-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-text-area-font-family: var(--font-primary);
  --hmf-text-input-text-area-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-border: 1px solid var(--hmf-gray700);
  --hmf-text-input-background-color: var(--hmf-gray50);
  --hmf-text-input-input-color: var(--hmf-gray900);
  --hmf-text-input-input-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-focused-border: 1px solid var(--hmf-primary300);
  --hmf-text-input-disabled-background-color: var(--hmf-gray200);
  --hmf-text-input-disabled-color: var(--hmf-gray700);
  --hmf-text-input-disabled-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-label-color: var(--hmf-gray900);
  --hmf-text-input-color: var(--hmf-gray700);
  --hmf-text-input-error-label-color: var(--hmf-red700);
  --hmf-text-input-error-color: var(--hmf-red700);
  --hmf-text-input-error-border: 1px solid var(--hmf-red700);
  --hmf-text-input-error-background-color: rgb(230 108 70 / 0.2);
  --hmf-text-input-error-placeholder-color: var(--hmf-gray900);
  --hmf-text-input-error-svg-fill: var(--hmf-red700);
}

/*********** FOCUS ***********/
:root.hmf-enterprise-theme,
:root .hmf-enterprise-theme {
  --hmf-focus-outline-color: var(--hmf-primary500);
}

:root.hmf-enterprise-theme,
:root .hmf-enterprise-theme {
  --hmf-background-base: var(--hmf-gray100);
  --hmf-background-base-subtle: var(--hmf-gray50);
  --hmf-background-inverse: var(--hmf-gray900);
  --hmf-background-inverse-subtle: var(--hmf-gray800);
  --hmf-background-primary: var(--hmf-secondary500);
  --hmf-fill-base: var(--hmf-gray50);
  --hmf-fill-base-subtle: var(--hmf-gray100);
  --hmf-fill-base-prominent: var(--hmf-gray200);
  --hmf-fill-creative-primary: var(--hmf-primary600);
  --hmf-fill-inverse: var(--hmf-gray900);
  --hmf-fill-inverse-subtle: var(--hmf-gray800);
  --hmf-fill-primary-static: var(--hmf-primary500);
  --hmf-fill-primary-hover: var(--hmf-primary600);
  --hmf-fill-primary-active: var(--hmf-primary400);
  --hmf-fill-secondary-static: var(--hmf-gray50);
  --hmf-fill-secondary-static-subtle: var(--hmf-gray100);
  --hmf-fill-secondary-hover: var(--hmf-gray100);
  --hmf-fill-secondary-hover-subtle: var(--hmf-gray200);
  --hmf-fill-secondary-active: var(--hmf-gray200);
  --hmf-fill-secondary-active-subtle: var(--hmf-gray100);
  --hmf-fill-tertiary-static: var(--hmf-gray700);
  --hmf-fill-tertiary-hover: var(--hmf-gray900);
  --hmf-fill-tertiary-active: var(--hmf-gray800);
  --hmf-fill-disabled: var(--hmf-gray400);
  --hmf-fill-disabled-subtle: var(--hmf-gray200);
  --hmf-fill-negative: var(--hmf-accent600);
  --hmf-fill-negative-subtle: var(--hmf-accent200);
  --hmf-fill-negative-static: var(--hmf-accent600);
  --hmf-fill-negative-hover: var(--hmf-accent800);
  --hmf-fill-negative-active: var(--hmf-accent700);
  --hmf-fill-sale: var(--hmf-red600);
  --hmf-fill-warning: var(--hmf-tertiary400);
  --hmf-fill-warning-subtle: var(--hmf-tertiary100);
  --hmf-fill-positive: var(--hmf-primary400);
  --hmf-fill-positive-subtle: var(--hmf-primary100);
  --hmf-fill-marketing-static: var(--hmf-primary600);
  --hmf-fill-marketing-hover: var(--hmf-primary700);
  --hmf-fill-marketing-active: var(--hmf-primary500);
  --hmf-fill-scorecard: var(--hmf-primary400);
  --hmf-fill-scorecard-subtle: var(--hmf-primary200);
  --hmf-fill-scorecard-gold: var(--hmf-gold300);
  --hmf-fill-scorecard-gold-subtle: var(--hmf-gold200);
  --hmf-fill-calia: var(--hmf-calia600);
  --hmf-fill-calia-subtle: var(--hmf-calia200);
  --hmf-fill-vrst: var(--hmf-vrst600);
  --hmf-fill-vrst-subtle: var(--hmf-vrst200);
  --hmf-label-base: var(--hmf-gray900);
  --hmf-label-base-subtle: var(--hmf-gray600);
  --hmf-label-inverse-base: var(--hmf-gray50);
  --hmf-label-inverse-subtle: var(--hmf-gray100);
  --hmf-label-primary-static: var(--hmf-primary600);
  --hmf-label-primary-hover: var(--hmf-primary700);
  --hmf-label-primary-active: var(--hmf-primary500);
  --hmf-label-secondary-static: var(--hmf-gray900);
  --hmf-label-secondary-hover: var(--hmf-gray700);
  --hmf-label-secondary-active: var(--hmf-gray800);
  --hmf-label-secondary-subtle-static: var(--hmf-gray600);
  --hmf-label-secondary-subtle-hover: var(--hmf-gray900);
  --hmf-label-secondary-subtle-active: var(--hmf-gray800);
  --hmf-label-tertiary-static: var(--hmf-gray900);
  --hmf-label-tertiary-hover: var(--hmf-primary500);
  --hmf-label-tertiary-active: var(--hmf-primary600);
  --hmf-label-sale: var(--hmf-accent800);
  --hmf-label-disabled: var(--hmf-gray400);
  --hmf-label-disabled-subtle: var(--hmf-gray200);
  --hmf-label-negative: var(--hmf-accent600);
  --hmf-label-positive: var(--hmf-primary600);
  --hmf-label-warning: var(--hmf-tertiary600);
  --hmf-label-marketing-static: var(--hmf-gray50);
  --hmf-label-marketing-hover: var(--hmf-gray100);
  --hmf-label-marketing-active: var(--hmf-gray100);
  --hmf-label-scorecard: var(--hmf-primary600);
  --hmf-border-base: var(--hmf-gray300);
  --hmf-border-base-subtle: var(--hmf-gray200);
  --hmf-border-base-prominent: var(--hmf-gray400);
  --hmf-border-inverse: var(--hmf-gray900);
  --hmf-border-inverse-subtle: var(--hmf-gray800);
  --hmf-border-primary-static: var(--hmf-primary500);
  --hmf-border-primary-hover: var(--hmf-primary700);
  --hmf-border-primary-active: var(--hmf-primary500);
  --hmf-border-secondary-static: var(--hmf-gray900);
  --hmf-border-secondary-hover: var(--hmf-gray700);
  --hmf-border-secondary-active: var(--hmf-gray800);
  --hmf-border-secondary-subtle-static: var(--hmf-gray600);
  --hmf-border-secondary-subtle-hover: var(--hmf-gray400);
  --hmf-border-secondary-subtle-active: var(--hmf-gray500);
  --hmf-border-tertiary-static: var(--hmf-gray900);
  --hmf-border-tertiary-hover: var(--hmf-primary500);
  --hmf-border-tertiary-active: var(--hmf-primary600);
  --hmf-border-focused: var(--hmf-primary500);
  --hmf-border-inverse-focused: var(--hmf-gray50);
  --hmf-border-disabled: var(--hmf-gray400);
  --hmf-border-disabled-subtle: var(--hmf-gray200);
  --hmf-border-negative: var(--hmf-accent600);
  --hmf-border-warning: var(--hmf-tertiary600);
  --hmf-border-positive: var(--hmf-primary500);
  --hmf-border-scorecard-subtle: var(--hmf-primary100);
  --hmf-border-scorecard-gold: var(--hmf-gold400);
  --hmf-border-scorecard-gold-subtle: var(--hmf-gold100);
}

/*********** TYPOGRAPHY ***********/
:root.hmf-enterprise-theme,
:root .hmf-enterprise-theme {
  --font-display: "Archivo", sans-serif;
  --font-primary-regular-weight: 500;
  --font-display-weight: 900;
}

/*********** TYPOGRAPHY TYPES ***********/
:root.hmf-enterprise-theme,
:root .hmf-enterprise-theme {
  --hmf-primary50: #f3fbf6;
  --hmf-primary100: #d6f2de;
  --hmf-primary200: #afe8c9;
  --hmf-primary300: #6fcc9b;
  --hmf-primary400: #34ad6c;
  --hmf-primary500: #138058;
  --hmf-primary600: #006554;
  --hmf-primary700: #005343;
  --hmf-primary800: #00493a;
  --hmf-primary900: #00291e;
  --hmf-secondary50: #e5fff5;
  --hmf-secondary100: #b3ffe0;
  --hmf-secondary200: #1affa2;
  --hmf-secondary300: #00e688;
  --hmf-secondary400: #00b36a;
  --hmf-secondary500: #00804c;
  --hmf-secondary600: #00663d;
  --hmf-secondary700: #005733;
  --hmf-secondary800: #004d2d;
  --hmf-secondary900: #001a0f;
  --hmf-tertiary50: #fdf9f1;
  --hmf-tertiary100: #f8e6c7;
  --hmf-tertiary200: #f5d6a0;
  --hmf-tertiary300: #f0bd65;
  --hmf-tertiary400: #eba42b;
  --hmf-tertiary500: #c88513;
  --hmf-tertiary600: #976211;
  --hmf-tertiary700: #6e440c;
  --hmf-tertiary800: #5b380b;
  --hmf-tertiary900: #32210b;
  --hmf-accent50: #fff9f5;
  --hmf-accent100: #fff0e7;
  --hmf-accent200: #fad6c7;
  --hmf-accent300: #f5bba7;
  --hmf-accent400: #eb8666;
  --hmf-accent500: #e66c46;
  --hmf-accent600: #be4324;
  --hmf-accent700: #96240d;
  --hmf-accent800: #7f1e0b;
  --hmf-accent900: #4b1206;
}

:root.hmf-enterprise-theme,
:root .hmf-enterprise-theme {
  /* Base Styles */
  --ag-font-family: var(--font-primary);
  --ag-row-border-color: var(--hmf-border-base);
  --ag-odd-row-background-color: var(--hmf-fill-base-subtle);
  --ag-even-row-background-color: var(--hmf-fill-base);
  --ag-focus-shadow: none;
  /* Header Styles */
  --ag-header-background-color: var(--hmf-fill-base);
  --ag-header-font-size: var(--typography-body-links-medium-size, 14px);
  --ag-header-font-weight: var(--typography-body-links-weights-bold, 700);
  --ag-header-letter-spacing: var(--Typography-Letter-Spacing, 0px);
  --ag-header-line-height: var(--typography-body-links-medium-line-height, 19.6px);
  --ag-header-column-resize-handle-height: 60%;
  --ag-header-column-resize-handle-width: 1px;
  --ag-header-column-resize-handle-color: var(--hmf-border-base);
  /* Checkbox Styles */
  --ag-checkbox-border-radius: 0;
  --ag-checkbox-border-color: var(--hmf-border-secondary-subtle-static);
  --ag-checkbox-checked-background-color: var(--hmf-fill-secondary-static);
}

:root.hmf-enterprise-theme .ag-root-wrapper,
:root .hmf-enterprise-theme .ag-root-wrapper {
  border-bottom-left-radius: 0;
  border-left: none;
  border-top-left-radius: 0;
}

:root.hmf-enterprise-theme .error .ag-checkbox-input-wrapper,
:root .hmf-enterprise-theme .error .ag-checkbox-input-wrapper {
  background-color: var(--hmf-fill-negative-subtle);
  border-color: var(--hmf-label-negative) !important;
}

:root.hmf-enterprise-theme .error .ag-checkbox-input-wrapper.ag-checked, :root.hmf-enterprise-theme .error .ag-checkbox-input-wrapper.ag-indeterminate,
:root .hmf-enterprise-theme .error .ag-checkbox-input-wrapper.ag-checked,
:root .hmf-enterprise-theme .error .ag-checkbox-input-wrapper.ag-indeterminate {
  background-color: var(--hmf-label-negative) !important;
}

:root.hmf-enterprise-theme .ag-checkbox-input-wrapper.ag-checked, :root.hmf-enterprise-theme .ag-checkbox-input-wrapper.ag-indeterminate,
:root .hmf-enterprise-theme .ag-checkbox-input-wrapper.ag-checked,
:root .hmf-enterprise-theme .ag-checkbox-input-wrapper.ag-indeterminate {
  background-color: var(--hmf-fill-tertiary-static);
  border: 1px solid var(--hmf-fill-tertiary-static);
}

:root.hmf-enterprise-theme .ag-checkbox-input-wrapper.ag-checked:hover, :root.hmf-enterprise-theme .ag-checkbox-input-wrapper.ag-indeterminate:hover,
:root .hmf-enterprise-theme .ag-checkbox-input-wrapper.ag-checked:hover,
:root .hmf-enterprise-theme .ag-checkbox-input-wrapper.ag-indeterminate:hover {
  background-color: var(--hmf-fill-tertiary-static);
  border: 1px solid var(--hmf-fill-tertiary-static);
}

:root.hmf-enterprise-theme .ag-checkbox-input-wrapper:hover,
:root .hmf-enterprise-theme .ag-checkbox-input-wrapper:hover {
  border: 2px solid var(--hmf-label-secondary-active);
}

:root.hmf-enterprise-theme .ag-checkbox-input-wrapper:disabled,
:root .hmf-enterprise-theme .ag-checkbox-input-wrapper:disabled {
  background: var(--hmf-fill-disabled-subtle);
  border: 1px solid var(--hmf-border-disabled);
}

:root.hmf-enterprise-theme .ag-checkbox-input-wrapper:disabled.ag-checked, :root.hmf-enterprise-theme .ag-checkbox-input-wrapper:disabled.ag-indeterminate,
:root .hmf-enterprise-theme .ag-checkbox-input-wrapper:disabled.ag-checked,
:root .hmf-enterprise-theme .ag-checkbox-input-wrapper:disabled.ag-indeterminate {
  border: 1px solid var(--hmf-border-disabled);
}

:root.hmf-enterprise-theme .ag-checkbox-input-wrapper:hover:disabled, :root.hmf-enterprise-theme .ag-checkbox-input:hover:disabled,
:root .hmf-enterprise-theme .ag-checkbox-input-wrapper:hover:disabled,
:root .hmf-enterprise-theme .ag-checkbox-input:hover:disabled {
  cursor: not-allowed !important;
}

:root.hmf-enterprise-theme,
:root .hmf-enterprise-theme {
  /*********** GENERIC STYLING ***********/
  --hmf-button-border-radius: var(--hmf-sharp-radius);
  /*********** PRIMARY BUTTONS ***********/
  --hmf-button-primary-text-color: var(--hmf-gray50);
  --hmf-button-primary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-primary-background-color: var(--hmf-primary500);
  --hmf-button-primary-active-background-color: var(--hmf-primary400);
  --hmf-button-primary-hover-background-color: var(--hmf-primary300);
  --hmf-button-primary-inactive-background-color: var(--hmf-gray300);
  --hmf-button-primary-border-color: var(--hmf-primary500);
  --hmf-button-primary-hover-border-color: var(--hmf-primary300);
  --hmf-button-primary-active-border-color: var(--hmf-primary400);
  --hmf-button-primary-inactive-border-color: var(--hmf-gray300);
  /*********** SECONDARY BUTTONS ***********/
  --hmf-button-secondary-text-color: var(--hmf-gray900);
  --hmf-button-secondary-active-text-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-text-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-text-color: var(--hmf-gray600);
  --hmf-button-secondary-background-color: var(--hmf-gray50);
  --hmf-button-secondary-active-background-color: var(--hmf-gray400);
  --hmf-button-secondary-hover-background-color: var(--hmf-gray200);
  --hmf-button-secondary-inactive-background-color: var(--hmf-gray50);
  --hmf-button-secondary-border-color: var(--hmf-gray900);
  --hmf-button-secondary-active-border-color: var(--hmf-gray900);
  --hmf-button-secondary-hover-border-color: var(--hmf-gray900);
  --hmf-button-secondary-inactive-border-color: var(--hmf-gray400);
  /*********** TERTIARY BUTTONS ***********/
  --hmf-button-tertiary-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-hover-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-active-text-color: var(--hmf-gray900);
  --hmf-button-tertiary-inactive-text-color: var(--hmf-gray500);
  --hmf-button-tertiary-background-color: var(--hmf-fill-secondary-static);
  --hmf-button-tertiary-active-background-color: var(--hmf-fill-secondary-active);
  --hmf-button-tertiary-hover-background-color: var(--hmf-fill-secondary-hover);
  --hmf-button-tertiary-inactive-background-color: var(--hmf-gray100);
  --hmf-button-tertiary-border-color: var(--hmf-fill-secondary-static);
  --hmf-button-tertiary-active-border-color: var(--hmf-fill-secondary-active);
  --hmf-button-tertiary-hover-border-color: var(--hmf-fill-secondary-hover);
  --hmf-button-tertiary-inactive-border-color: var(--hmf-gray100);
  /*********** MARKETING BUTTONS ***********/
  --hmf-button-marketing-text-color: var(--hmf-gray50);
  --hmf-button-marketing-inactive-text-color: var(--hmf-gray50);
  --hmf-button-marketing-hover-text-color: var(--hmf-gray50);
  --hmf-button-marketing-active-text-color: var(--hmf-gray900);
  --hmf-button-marketing-background-color: var(--hmf-gray900);
  --hmf-button-marketing-active-background-color: var(--hmf-gray800);
  --hmf-button-marketing-hover-background-color: var(--hmf-gray700);
  --hmf-button-marketing-inactive-background-color: var(--hmf-gray300);
  --hmf-button-marketing-border-color: var(--hmf-gray900);
  --hmf-button-marketing-active-border-color: var(--hmf-gray800);
  --hmf-button-marketing-hover-border-color: var(--hmf-gray700);
  --hmf-button-marketing-inactive-border-color: var(--hmf-gray300);
  /*********** DESTRUCTIVE BUTTONS ***********/
  --hmf-button-destructive-text-color: var(--hmf-label-inverse-base);
  --hmf-button-destructive-inactive-text-color: var(--hmf-label-disabled);
  --hmf-button-destructive-hover-text-color: var( --hmf-label-inverse-base);
  --hmf-button-destructive-active-text-color: var(--hmf-label-inverse-base);
  --hmf-button-destructive-background-color: var(--hmf-fill-negative-static);
  --hmf-button-destructive-active-background-color: var(--hmf-fill-negative-active);
  --hmf-button-destructive-hover-background-color: var(--hmf-fill-negative-hover);
  --hmf-button-destructive-inactive-background-color: var(--hmf-fill-disabled-subtle);
  --hmf-button-destructive-border-color: var(--hmf-fill-negative-static);
  --hmf-button-destructive-active-border-color: var(--hmf-fill-negative-active);
  --hmf-button-destructive-hover-border-color: var(--hmf-fill-negative-hover);
  --hmf-button-destructive-inactive-border-color: var(--hmf-fill-disabled-subtle);
}

:root, :root.hmf-enterprise-theme,
:root .hmf-enterprise-theme {
  --hmf-checkbox-active-background: var(--hmf-gray200);
  --hmf-checkbox-active-border-color: var(--hmf-gray500);
  --hmf-checkbox-active-checked-background: var(--hmf-gray800);
  --hmf-checkbox-active-checked-border-color: var(--hmf-gray800);
  --hmf-checkbox-base-checked-color: var(--hmf-gray800);
  --hmf-checkbox-base-color: var(--hmf-gray700);
  --hmf-checkbox-check-icon-dark: var(--hmf-gray500);
  --hmf-checkbox-check-icon-light: var(--hmf-gray50);
  --hmf-checkbox-checked-background: var(--hmf-gray900);
  --hmf-checkbox-checked-border-color: var(--hmf-gray900);
  --hmf-checkbox-disabled-color: var(--hmf-gray500);
  --hmf-checkbox-disabled-span-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-disabled-span-checked-background: var(--hmf-gray200);
  --hmf-checkbox-disabled-span-checked-border-color: var(--hmf-gray200);
  --hmf-checkbox-error-color: var(--hmf-red600);
  --hmf-checkbox-error-span-background: var(--hmf-red100);
  --hmf-checkbox-error-span-border-color: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-background: var(--hmf-red600);
  --hmf-checkbox-error-span-checked-border-color: var(--hmf-red600);
  --hmf-checkbox-focus-outline: 1px dashed var(--hmf-gray600);
  --hmf-checkbox-hover-span-background: var(--hmf-gray100);
  --hmf-checkbox-hover-span-border-color: var(--hmf-gray400);
  --hmf-checkbox-hover-span-border: var(--hmf-gray900);
  --hmf-checkbox-hover-span-checked-background: var(--hmf-gray700);
  --hmf-checkbox-hover-span-checked-border-color: var(--hmf-gray700);
  --hmf-checkbox-span-background: var(--hmf-gray50);
  --hmf-checkbox-span-border: var(--hmf-gray600);
}

:root, :root.hmf-enterprise-theme,
:root .hmf-enterprise-theme {
  --hmf-chip-font-size: var(--body-font-size-m);
  --hmf-chip-line-height: var(--body-line-height-m);
  --hmf-chip-font-weight: var(--font-primary-bold-weight);
  --hmf-chip-font-family: var(--font-primary);
  --hmf-chip-letter-spacing: var(--body-letter-spacing);
  --hmf-chip-background-color: var(--hmf-gray200);
  --hmf-chip-color: var(--hmf-gray900);
  --hmf-chip-hover-background-color: var(--hmf-gray400);
  --hmf-chip-focus-background-color: var(--hmf-gray400);
  --hmf-chip-focus-outline: 1px dashed var(--hmf-primary500);
}

:root.hmf-enterprise-theme,
:root .hmf-enterprise-theme {
  --hmf-product-availability-cancel-icon-color: var(--hmf-red500);
  --hmf-product-availability-warning-icon-color: var(--hmf-yellow500);
  --hmf-product-availability-success-icon-color: var(--hmf-primary500);
}

:root.hmf-enterprise-theme,
:root .hmf-enterprise-theme {
  --hmf-product-title-text-color: var(--hmf-gray900);
  --hmf-product-title-font-size: var(--label-font-size-l);
  --hmf-product-title-line-height: var(--label-line-height-l);
  --hmf-product-title-font-weight: 500;
  --hmf-product-title-font-family: var(--font-primary);
  --hmf-product-title-letter-spacing: var(--label-letter-spacing);
}

:root.hmf-enterprise-theme,
:root .hmf-enterprise-theme {
  --hmf-promotion-text-color: var(--hmf-gray500);
  --hmf-promotion-font-weight: var(--font-primary-regular-weight);
  --hmf-promotion-font-family: var(--font-primary);
  --hmf-promotion-letter-spacing: var(--body-letter-spacing);
}

:root.hmf-enterprise-theme,
:root .hmf-enterprise-theme {
  --hmf-recommendation-card-hover-color: var(--hmf-gray400);
  --hmf-recommendation-card-background-color: var(--hmf-gray50);
  --hmf-recommendation-card-text-color: var(--hmf-gray900);
  --hmf-recommendation-card-price-color: var(--hmf-gray500);
}

:root, :root.hmf-enterprise-theme,
:root .hmf-enterprise-theme {
  --hmf-panel-font-size: var(--body-font-size-s);
  --hmf-panel-line-height: var(--body-line-height-s);
  --hmf-panel-font-weight: normal;
  --hmf-panel-font-family: var(--font-primary);
  --hmf-panel-letter-spacing: normal;
  --hmf-panel-content-background-color: var(--hmf-gray50);
  --hmf-panel-header-background-color: var(--hmf-gray100);
  --hmf-panel-overlay-background-color: var(--hmf-gray900);
  --hmf-panel-close-button-hover-background-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-background-color: var(--hmf-gray200);
  --hmf-panel-header-border-color: var(--hmf-gray100);
  --hmf-panel-close-button-hover-border-color: var(--hmf-gray400);
  --hmf-panel-close-button-active-border-color: var(--hmf-gray200);
}

:root.hmf-enterprise-theme,
:root .hmf-enterprise-theme {
  --hmf-sticky-banner-font-size: var(--body-font-size-s);
  --hmf-sticky-banner-line-height: var(--body-line-height-s);
  --hmf-sticky-banner-font-weight: normal;
  --hmf-sticky-banner-font-family: var(--font-primary);
  --hmf-sticky-banner-letter-spacing: normal;
  --hmf-sticky-banner-content-background-color: var(--hmf-gray50);
  --hmf-sticky-banner-content-border-color: var(--hmf-gray200);
}

:root.hmf-enterprise-theme,
:root .hmf-enterprise-theme {
  --hmf-text-link-color: var(--hmf-gray900);
  --hmf-text-link-active-color: var(--hmf-gray600);
  --hmf-text-link-font-size: var(--body-font-size-m);
  --hmf-text-link-line-height: var(--body-line-height-m);
  --hmf-text-link-font-weight: var(--font-primary-regular-weight);
  --hmf-text-link-font-family: var(--font-primary);
  --hmf-text-link-letter-spacing: var(--body-letter-spacing);
}

:root, :root.hmf-enterprise-theme,
:root .hmf-enterprise-theme {
  --hmf-text-input-font-size: var(--body-font-size-m);
  --hmf-text-input-line-height: var(--body-line-height-m);
  --hmf-text-input-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-font-family: var(--font-primary);
  --hmf-text-input-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-text-area-font-size: var(--body-font-size-m);
  --hmf-text-input-text-area-line-height: var(--body-line-height-m);
  --hmf-text-input-text-area-font-weight: var(--font-primary-regular-weight);
  --hmf-text-input-text-area-font-family: var(--font-primary);
  --hmf-text-input-text-area-letter-spacing: var(--body-letter-spacing);
  --hmf-text-input-border: 1px solid var(--hmf-gray700);
  --hmf-text-input-background-color: var(--hmf-gray50);
  --hmf-text-input-input-color: var(--hmf-gray900);
  --hmf-text-input-input-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-focused-border: 1px solid var(--hmf-primary300);
  --hmf-text-input-disabled-background-color: var(--hmf-gray200);
  --hmf-text-input-disabled-color: var(--hmf-gray700);
  --hmf-text-input-disabled-placeholder-color: var(--hmf-gray700);
  --hmf-text-input-label-color: var(--hmf-gray900);
  --hmf-text-input-color: var(--hmf-gray700);
  --hmf-text-input-error-label-color: var(--hmf-red700);
  --hmf-text-input-error-color: var(--hmf-red700);
  --hmf-text-input-error-border: 1px solid var(--hmf-red700);
  --hmf-text-input-error-background-color: rgb(230 108 70 / 0.2);
  --hmf-text-input-error-placeholder-color: var(--hmf-gray900);
  --hmf-text-input-error-svg-fill: var(--hmf-red700);
}

/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/** @format */
.calia-react-header-scope .quickview .hmf-modal-container,
.calia-react-header-scope .quickview-container .hmf-modal-container {
  background-color: var(--hmf-background-base);
  font-family: var(--font-family-primary);
  height: 100%;
  overflow: hidden;
}
.calia-react-header-scope .quickview .product-title,
.calia-react-header-scope .quickview-container .product-title {
  max-width: 90%;
}
.calia-react-header-scope .quickview .product-title p,
.calia-react-header-scope .quickview-container .product-title p {
  text-transform: capitalize !important;
}
.calia-react-header-scope .quickview .quickview-error,
.calia-react-header-scope .quickview-container .quickview-error {
  color: var(--hmf-label-negative);
  text-align: center;
}
.calia-react-header-scope .quickview .quickview-price .final-price,
.calia-react-header-scope .quickview-container .quickview-price .final-price {
  color: var(--quick-view-final-price-color) !important;
  font-family: var(--font-family-primary);
  letter-spacing: 0.5px;
  line-height: 24px;
  margin: 0;
  padding-right: 8px;
}
.calia-react-header-scope .quickview .quickview-price .unlisted-price,
.calia-react-header-scope .quickview-container .quickview-price .unlisted-price {
  margin: 0;
  padding-right: 8px;
  text-transform: var(--quick-view-unlisted-price-text-transform);
}
@media (max-width: 768px) {
  .calia-react-header-scope .quickview .quickview-price,
  .calia-react-header-scope .quickview-container .quickview-price {
    left: -31px;
  }
}
.calia-react-header-scope .quickview .quickview-price .priceInfo,
.calia-react-header-scope .quickview-container .quickview-price .priceInfo {
  margin-right: 13px;
}
.calia-react-header-scope .quickview .quickview-price.center-price,
.calia-react-header-scope .quickview-container .quickview-price.center-price {
  margin: 0 auto;
}
.calia-react-header-scope .quickview .placeholder,
.calia-react-header-scope .quickview-container .placeholder {
  background-color: var(--hmf-background-inverse);
  height: 20px;
}
.calia-react-header-scope .quickview .placeholder.medium,
.calia-react-header-scope .quickview-container .placeholder.medium {
  height: 24px;
  margin-bottom: 20px;
}
.calia-react-header-scope .quickview .placeholder.small,
.calia-react-header-scope .quickview-container .placeholder.small {
  height: 18px;
  margin-bottom: 10px;
}
.calia-react-header-scope .quickview .placeholder.large,
.calia-react-header-scope .quickview-container .placeholder.large {
  height: 234px;
}
.calia-react-header-scope .quickview .lowStock,
.calia-react-header-scope .quickview-container .lowStock {
  background-color: var(--hmf-fill-negative);
  height: 20px;
  width: 114px;
}
.calia-react-header-scope .quickview .lowStock p,
.calia-react-header-scope .quickview-container .lowStock p {
  color: var(--hmf-fill-base);
  margin: 0px;
  text-align: center;
}
.calia-react-header-scope .quickview .separator,
.calia-react-header-scope .quickview-container .separator {
  border-top: 1px solid var(--hmf-border-disabled-subtle);
}
.calia-react-header-scope .quickview .caption.attribute-error,
.calia-react-header-scope .quickview-container .caption.attribute-error {
  margin-bottom: 10px;
}
.calia-react-header-scope .quickview .attribute-error-message,
.calia-react-header-scope .quickview-container .attribute-error-message {
  color: var(--hmf-label-negative);
  letter-spacing: 1.5px !important;
  margin: 0;
  margin-bottom: 8px;
  margin-top: 8px;
}
.calia-react-header-scope .quickview .attribute-error-message svg,
.calia-react-header-scope .quickview-container .attribute-error-message svg {
  transform: translateY(3px);
}
.calia-react-header-scope .quickview .dsg-react-hyperlink.product-details,
.calia-react-header-scope .quickview-container .dsg-react-hyperlink.product-details {
  border-bottom: none;
  color: var(--quick-view-product-details-font-color);
  margin: 0 auto;
  padding-top: var(--hmf-s);
  text-decoration-line: underline;
  display: block;
  text-align: center;
}
.calia-react-header-scope .quickview .dsg-react-hyperlink.product-details:hover,
.calia-react-header-scope .quickview-container .dsg-react-hyperlink.product-details:hover {
  border-bottom: none;
  text-decoration-color: var(--secondary-color);
}
.calia-react-header-scope .quickview .alert-banner .title-text,
.calia-react-header-scope .quickview-container .alert-banner .title-text {
  line-height: var(--header-line-height-l);
}
.calia-react-header-scope .quickview .alert-banner .alert-icon,
.calia-react-header-scope .quickview-container .alert-banner .alert-icon {
  width: var(--hmf-m);
  height: var(--hmf-m);
}
.calia-react-header-scope .quickview .scroll-quickView-content,
.calia-react-header-scope .quickview-container .scroll-quickView-content {
  overflow: hidden;
  overflow-y: scroll;
}
.calia-react-header-scope .quickview .scroll-quickView-content .dsg-react-hyperlink.product-details,
.calia-react-header-scope .quickview-container .scroll-quickView-content .dsg-react-hyperlink.product-details {
  display: block;
  text-align: center;
}
.calia-react-header-scope .quickview .quickView-content-footer,
.calia-react-header-scope .quickview-container .quickView-content-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: var(--hmf-background-base);
}
.calia-react-header-scope .quickview .quickView-content-footer.separator,
.calia-react-header-scope .quickview-container .quickView-content-footer.separator {
  box-shadow: 0px -2px 8px -2px rgba(26, 26, 26, 0.2);
}
/*!************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/react-loading-skeleton/dist/skeleton.css ***!
  \************************************************************************************************************************************************/
@keyframes react-loading-skeleton {
  100% {
    transform: translateX(100%);
  }
}
.react-loading-skeleton {
  --base-color: #ebebeb;
  --highlight-color: #f5f5f5;
  --animation-duration: 1.5s;
  --animation-direction: normal;
  --pseudo-element-display: block; /* Enable animation */
  background-color: var(--base-color);
  width: 100%;
  border-radius: 0.25rem;
  display: inline-flex;
  line-height: 1;
  position: relative;
  user-select: none;
  overflow: hidden;
}

.react-loading-skeleton::after {
  content: " ";
  display: var(--pseudo-element-display);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-repeat: no-repeat;
  background-image: var(--custom-highlight-background, linear-gradient(90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100%));
  transform: translateX(-100%);
  animation-name: react-loading-skeleton;
  animation-direction: var(--animation-direction);
  animation-duration: var(--animation-duration);
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

@media (prefers-reduced-motion) {
  .react-loading-skeleton {
    --pseudo-element-display: none; /* Disable animation */
  }
}
/*!*****************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/templates/Header/TrendingSearches/TrendingSearches.scss ***!
  \*****************************************************************************************************************************************************************/
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/** @format */
.trending-searches-container {
  width: 100%;
  border-bottom: 1px solid var(--header-border-color);
}

.trending-searches {
  overflow-x: auto;
}
.trending-searches:empty {
  display: none;
}
.trending-searches .headline {
  color: var(--header-trending-search-heading);
  white-space: nowrap;
}
.trending-searches .chip-container {
  gap: var(--hmf-xxs);
  width: 100%;
  white-space: nowrap;
}
.trending-searches .chip-container::after {
  content: "";
  display: block;
  width: var(--hmf-xs);
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .trending-searches .chip-container {
    gap: var(--hmf-s);
  }
}
@media (min-width: 1280px) {
  .trending-searches .chip-container {
    gap: var(--hmf-m);
  }
}
@media (min-width: 1024px) {
  .trending-searches .chip-container::after {
    content: none;
    display: none;
  }
}
/*!**********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/templates/Header/TrendingSearches/Chip/Chip.scss ***!
  \**********************************************************************************************************************************************************/
.trending-search-chip {
  height: 32px;
  background-color: var(--trending-searches-chip-color);
  color: var(--trending-searches-chip-text-color);
  border: 1px solid var(--hmf-border-base-subtle);
  border-radius: var(--hmf-round-radius);
  cursor: pointer;
  box-shadow: none;
}
.trending-search-chip span {
  height: 100%;
}
/*!*******************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/templates/Header/AOS/AOSOffers/AOSOffers.scss ***!
  \*******************************************************************************************************************************************************/
.aos-header-container .current-offers {
  background-color: var(--aos-current-offers-bg-color);
  color: var(--color-white);
  height: 50px;
}
.aos-header-container .current-offers .current-offers-headline {
  height: 100%;
}
.aos-header-container .current-offers .current-offers-headline .action-text-content svg {
  height: 15px;
  margin-left: 6px;
  width: 15px;
  pointer-events: none;
}
.aos-header-container .current-offers .current-offers-list {
  background: var(--color-white);
  border: 1px solid var(--hmf-border-base);
  list-style: none;
  width: 300px;
  z-index: 10000;
}
.aos-header-container .current-offers .current-offers-list.hidden {
  display: none;
}
.aos-header-container .current-offers .current-offers-list li {
  border-bottom: 1px solid var(--hmf-border-base);
  color: var(--primary-color);
}
/*!***************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/templates/Header/AOS/AOS.scss ***!
  \***************************************************************************************************************************************/
.aos-header-container {
  color: var(--color-white);
}
.aos-header-container .aos-modal.hmf-modal .hmf-modal-container {
  min-height: unset;
  width: 400px;
}
.aos-header-container .aos-content {
  background-color: var(--hmf-gray800);
}
.aos-header-container .aos-content .aos-button {
  height: 44px;
}
/*!*******************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/templates/Header/Navigation/DesktopNav/FlexL1Columns.scss ***!
  \*******************************************************************************************************************************************************************/
.dynamic-category-list {
  list-style: none;
}
.dynamic-category-wrapper {
  max-height: 850px;
}
/*!****************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/templates/Header/Navigation/DesktopNav/DesktopNav.scss ***!
  \****************************************************************************************************************************************************************/
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/** @format */
.background-overlay {
  background-color: rgba(0, 0, 0, 0.6);
  bottom: 0;
  height: 100%;
  left: 0;
  margin-left: -100%;
  margin-right: -100%;
  overflow-y: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100;
}

.desktop-nav-container {
  display: none;
}
@media (min-width: 1280px) {
  .desktop-nav-container {
    background-color: var(--hmf-gray50);
    border-bottom: 1px solid var(--hmf-gray200);
    display: block;
    margin: 0 auto;
  }
  .desktop-nav-container__nav {
    background-color: var(--hmf-gray50);
    display: flex;
    justify-content: space-evenly;
    margin: 0 auto;
    max-width: 1600px;
    position: relative;
    z-index: 2;
  }
  .desktop-nav-container__nav a {
    color: var(--desktop-nav-link-color);
    margin-bottom: var(--hmf-xxs);
    text-decoration: none;
  }
  .desktop-nav-container__nav a:hover {
    border-bottom: 8px solid var(--desktop-nav-link-hover-border-color);
    color: var(--desktop-nav-link-hover-color);
    font-weight: var(--font-primary-bold-weight);
    margin-bottom: var(--hmf-0);
  }
  .desktop-nav-container__nav a.clearance, .desktop-nav-container__nav a.clearance:visited {
    color: var(--hmf-red900);
  }
  .desktop-nav-container__nav a.active {
    border-bottom: 8px solid var(--desktop-nav-title-border-color);
    font-weight: var(--font-primary-bold-weight);
    margin-bottom: var(--hmf-0);
  }
  .desktop-nav-container__nav a:focus-visible {
    box-sizing: border-box;
    outline: 1px dashed var(--focus-color);
  }
  .desktop-nav-container__nav a:visited {
    color: var(--desktop-nav-link-visited-color);
  }
  .desktop-nav-container__nav.active {
    padding-bottom: 0px !important;
  }
  .desktop-nav-container__nav .hidden-item {
    height: 0;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none;
    visibility: hidden;
  }
  .desktop-nav-container__menu {
    animation: slide-down 0.5s ease;
    -webkit-animation: slide-down 0.5s ease;
    background: var(--nav-menu-background-color);
    box-shadow: 0px 4px 8px rgba(140, 143, 142, 0.1);
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    left: 16px;
    margin: 0 auto;
    max-width: 1568px;
    position: absolute;
    right: 16px;
    z-index: 101;
  }
  @keyframes slide-down {
    from {
      transform: translateY(-100%);
    }
    to {
      transform: translateY(0%);
    }
  }
  .desktop-nav-container__menu__column {
    display: flex;
    flex-direction: column;
    width: 25%;
  }
  .desktop-nav-container__menu__column__category {
    display: flex;
    flex-direction: column;
  }
  .desktop-nav-container__menu__column__category--heading {
    color: var(--nav-menu-font-color);
    text-decoration: none;
    width: fit-content;
  }
  .desktop-nav-container__menu__column__category--heading:hover {
    border-bottom: var(--desktop-nav-column-category-hover-border);
    margin-bottom: 14px !important;
  }
  .desktop-nav-container__menu__column__category--heading:focus-visible {
    box-sizing: border-box;
    outline: 1px dashed var(--focus-color);
  }
  .desktop-nav-container__menu__column__category .sublinks {
    color: var(--nav-menu-font-color);
    text-decoration: none;
    width: fit-content;
  }
  .desktop-nav-container__menu__column__category .sublinks:hover {
    border-bottom: var(--desktop-nav-column-category-hover-border);
    margin-bottom: 10px !important;
  }
  .desktop-nav-container__menu__column__category .sublinks:focus-visible {
    box-sizing: border-box;
    outline: 1px dashed var(--focus-color);
  }
  .desktop-nav-container__menu__column .flyOutImage-container {
    margin-top: -var(--hmf-m);
    position: relative;
  }
  .desktop-nav-container__menu__column .flyOutImage-container img {
    max-width: 100%;
  }
  .desktop-nav-container__menu__column .flyOutImage-container .image-text {
    bottom: 0%;
    position: absolute;
    width: 90%;
  }
  .desktop-nav-container__menu__column .flyOutImage-container .image-text .image-text-link {
    border: 1px dashed transparent;
    display: block;
    text-decoration: none;
  }
  .desktop-nav-container__menu__column .flyOutImage-container .image-text .image-text-link .cta {
    border-bottom: 2px solid transparent;
    color: var(--color-white);
    padding-bottom: 2px;
    text-decoration: none;
    width: fit-content;
  }
  .desktop-nav-container__menu__column .flyOutImage-container .image-text .image-text-link .cta img {
    filter: invert(1);
  }
  .desktop-nav-container__menu__column .flyOutImage-container .image-text .image-text-link:hover .cta {
    border-color: var(--color-white);
  }
  .desktop-nav-container__menu__column .flyOutImage-container .image-text .image-text-link:focus {
    border-color: var(--color-white);
    outline: none;
  }
  .desktop-nav-container__menu__column .flyOutImage-container .image-text .title {
    color: var(--color-white);
    margin: var(--hmf-0) auto;
  }
  .desktop-nav-container__menu__column .below-image-cta-container {
    display: flex;
    flex-direction: column;
  }
  .desktop-nav-container__menu__column .below-image-cta-container .below-image-cta {
    color: var(--nav-menu-font-color);
    text-decoration: none;
    width: fit-content;
  }
  .desktop-nav-container__menu__column .below-image-cta-container .below-image-cta:hover {
    border-bottom: var(--desktop-nav-column-category-hover-border);
    margin-bottom: 10px !important;
  }
  .desktop-nav-container__menu__column .below-image-cta-container .below-image-cta:focus {
    box-sizing: border-box;
    outline: 1px dashed var(--focus-color);
  }
  .desktop-nav-container__menu .close-button {
    align-items: center;
    background-color: var(--close-icon-background-color);
    color: var(--color-white);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 56px;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 51px;
    z-index: 10;
    border: none;
  }
  .desktop-nav-container__menu .close-button__icon {
    margin: var(--hmf-xxs) -10px -4px -10px !important;
  }
  .desktop-nav-container__menu .close-button__icon path {
    fill: var(--hmf-gray50);
  }
  .desktop-nav-container__menu .close-button:focus-visible {
    border: 1px dashed var(--color-white);
    box-sizing: border-box;
    outline: none;
  }
  .desktop-nav-container__menu .close-button:hover {
    opacity: 0.75;
  }
  .desktop-nav-container .menu-container {
    margin: 0 auto;
    overflow: hidden;
    position: absolute;
    width: 100%;
  }
  .desktop-nav-container .skip-link {
    height: 1px;
    left: -1000px;
    position: absolute;
    width: 1px;
  }
  .desktop-nav-container .skip-link:focus {
    height: unset;
    left: unset;
    position: relative;
    width: fit-content;
  }
}
/*!*******************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/templates/Header/MenuPopover/MenuPopover.scss ***!
  \*******************************************************************************************************************************************************/
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/** @format */
.new-taxo-menu-dialog {
  cursor: default;
}
.new-taxo-menu-dialog .hmf-modal-container {
  display: none !important;
  height: 127px !important;
  width: 290px !important;
}
@media (min-width: 1024px) {
  .new-taxo-menu-dialog .hmf-modal-container {
    display: flex !important;
  }
}
.new-taxo-menu-dialog .hmf-modal-container::before, .new-taxo-menu-dialog .hmf-modal-container::after {
  border-bottom: 20px solid var(--hmf-gray50);
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  content: "";
  left: 10px;
  position: absolute;
  top: -20px;
}
.new-taxo-menu-dialog svg {
  cursor: pointer;
}
/*!***************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/templates/Header/ConsolidatedNav/ConsolidatedNav.scss ***!
  \***************************************************************************************************************************************************************/
/*! purgecss start ignore */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/** @format */
.consolidated-nav-container {
  border-bottom: 1px solid var(--hmf-border-base-subtle);
  border-top: 1px solid var(--hmf-border-base-subtle);
  max-width: 100vw;
}

.consolidated-nav {
  height: 48px;
  max-width: 1600px;
}
.consolidated-nav .consolidated-positioner-div-for-popover {
  left: 70px;
  top: 50px;
}
.consolidated-nav .left-gradient {
  background: linear-gradient(to left, var(--hmf-fill-secondary-static) 0%, rgba(255, 255, 255, 0) 100%);
}
.consolidated-nav .all-categories-button svg path {
  fill: var(--hmf-secondary900);
}
.consolidated-nav .consolidated-header-right-gradient {
  background: linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);
  height: 44px;
  left: 12px;
  white-space: nowrap;
  width: 12px;
}
@media (min-width: 1024px) {
  .consolidated-nav .consolidated-header-right-gradient {
    background: none;
    height: none;
    left: none;
    white-space: none;
    width: none;
  }
}
.consolidated-nav .consolidated-header-link.scrollable {
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
}
.consolidated-nav .consolidated-header-link .consolidated-header-link-title,
.consolidated-nav .consolidated-header-link .consolidated-header-button-title {
  color: var(--hmf-label-base);
  cursor: pointer;
  height: 48px;
  text-decoration: none;
  white-space: nowrap;
}
.consolidated-nav .consolidated-header-link .consolidated-header-button-title {
  background-color: transparent;
  border: none;
}
.consolidated-nav .consolidated-header-link .consolidated-header-empty-space {
  min-width: 20px;
  white-space: nowrap;
}
.consolidated-nav .header-same-day-delivery-button {
  padding-bottom: none;
}
.consolidated-nav .consolidated-header-arrow-icon {
  height: 100%;
}
.consolidated-nav .consolidated-header-link-label svg path {
  fill: var(--hmf-secondary500);
}
.consolidated-nav .all-categories-button {
  cursor: pointer;
  white-space: nowrap;
  background: transparent;
  border: none;
}
@media (min-width: 1024px) {
  .consolidated-nav .consolidated-trending-search > div:nth-last-child(-n+3) {
    display: none;
  }
}

/*! purgecss end ignore */
/*!***************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/common/MainLogo/MainLogo.scss ***!
  \***************************************************************************************************************************************/
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/** @format */
.main-logo {
  justify-content: flex-start;
}
@media (min-width: 768px) {
  .main-logo {
    flex-grow: 1;
  }
}
@media (min-width: 1280px) {
  .main-logo {
    flex-grow: 0;
    margin: 0;
  }
}
.main-logo img {
  width: 100%;
  height: 100%;
}
.main-logo .main-logo-link {
  min-width: 110px;
  min-height: 48px;
}
@media screen and (max-width: 992px) {
  .main-logo .main-logo-link {
    text-align: center;
  }
}
.main-logo .main-logo-link:focus-visible {
  box-sizing: border-box;
  outline: 1px dashed var(--focus-color);
  outline-offset: 5px;
}
/*!***********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/templates/Header/MyStore/MyStore.scss ***!
  \***********************************************************************************************************************************************/
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/** @format */
.my-store-button-new {
  color: var(--hmf-label-base);
  cursor: pointer;
  background-color: transparent;
  border: none;
}
@media (min-width: 768px) {
  .my-store-button-new {
    height: 56px;
  }
}
.my-store-button-new:active {
  background: var(--hmf-fill-secondary-active);
  border-radius: var(--hmf-soft-radius);
}
.my-store-button-new:hover {
  background-color: var(--hmf-fill-secondary-hover);
  border-radius: var(--hmf-soft-radius);
}
.my-store-button-new:focus-visible {
  background-color: var(--hmf-fill-secondary-static);
  border: 1px dashed var(--hmf-border-focused);
  border-radius: var(--hmf-soft-radius);
  outline: none;
}
.my-store-button-new.mobile-menu {
  width: 100%;
  height: auto;
  border-radius: 0;
  background-color: var(--hmf-fill-secondary-static-subtle);
  border-bottom: 1px solid var(--hmf-border-base);
  cursor: pointer;
}
.my-store-button-new.mobile-menu:hover {
  background-color: var(--hmf-fill-secondary-hover-subtle);
}
.my-store-button-new.mobile-menu:focus-visible {
  outline: 1px dashed var(--hmf-border-focused);
  outline-offset: -4px;
  border: none;
  border-bottom: 1px solid var(--hmf-border-base);
}
.my-store-button-new .store-name {
  text-transform: capitalize !important;
}
.my-store-button-new .store-hours {
  color: var(--hmf-primary600);
}
.my-store-button-new .store-hours.store-closed {
  color: var(--hmf-red500);
}

@media (min-width: 768px) {
  .calia-react-header-scope.hmf-pl-theme .my-store-button-new .store-hours {
    color: var(--hmf-gray50);
  }
}
/*!***************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/templates/Header/SameDayDelivery/SameDayDelivery.scss ***!
  \***************************************************************************************************************************************************************/
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/** @format */
.same-day-delivery-new {
  color: var(--hmf-label-base);
  cursor: pointer;
  background-color: transparent;
  border: none;
}
@media (min-width: 768px) {
  .same-day-delivery-new {
    height: 56px;
  }
}
.same-day-delivery-new:active {
  background: var(--hmf-fill-secondary-active);
  border-radius: var(--hmf-soft-radius);
}
.same-day-delivery-new:hover {
  background-color: var(--hmf-fill-secondary-hover);
  border-radius: var(--hmf-soft-radius);
}
.same-day-delivery-new:focus-visible {
  background-color: var(--hmf-fill-secondary-static);
  border: 1px dashed var(--hmf-border-focused);
  border-radius: var(--hmf-soft-radius);
  outline: none;
}
.same-day-delivery-new.mobile-menu {
  width: 100%;
  height: auto;
  background-color: var(--hmf-fill-secondary-static-subtle);
  border-bottom: 1px solid var(--hmf-border-base);
  border-radius: 0;
  cursor: pointer;
}
.same-day-delivery-new.mobile-menu:hover {
  background-color: var(--hmf-fill-secondary-hover-subtle);
}
.same-day-delivery-new.mobile-menu:focus-visible {
  outline: 1px dashed var(--hmf-border-focused);
  outline-offset: -4px;
  border: none;
  border-bottom: 1px solid var(--hmf-border-base);
}
/*!*****************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/templates/Header/Cart/Cart.scss ***!
  \*****************************************************************************************************************************************/
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/** @format */
.calia-react-header-scope .cart-container-header {
  padding: 10px;
}
@media (min-width: 768px) {
  .calia-react-header-scope .cart-container-header {
    height: 56px;
  }
}
.calia-react-header-scope .cart-container-header:focus-visible {
  background-color: var(--header-icon-focused-color);
  border: 1px dashed var(--header-icon-border-focused);
  border-radius: var(--hmf-soft-radius);
  outline: none;
}
.calia-react-header-scope .cart-container-header:hover {
  background-color: var(--header-icon-hover-color);
  border-radius: var(--hmf-soft-radius);
}
.calia-react-header-scope .cart-container-header:active {
  background-color: var(--header-icon-active-color);
  border-radius: var(--hmf-soft-radius);
}
.calia-react-header-scope .cart-container-header .cart-link-content {
  color: var(--primary-color);
}
.calia-react-header-scope .cart-container-header .cart-icon path {
  fill: var(--primary-color);
}
.calia-react-header-scope .cart-container-header .cart-item-count {
  padding: 0 2px;
  left: var(--hmf-s);
  top: -6px;
  background-color: var(--oval-count-background-color);
  height: var(--hmf-s);
  min-width: var(--hmf-s);
  color: var(--oval-count-font-color);
}
@media (min-width: 768px) {
  .calia-react-header-scope .cart-container-header .cart-item-count {
    top: 1px;
  }
}
.calia-react-header-scope .cart-container-header .cart-item-count--large {
  padding: 0 2px 0 3px;
  top: -7px;
  left: calc(var(--hmf-xs) - 1px);
  min-width: var(--hmf-s);
}
@media (min-width: 768px) {
  .calia-react-header-scope .cart-container-header .cart-item-count--large {
    top: 1px;
    left: var(--hmf-xxs);
  }
}
/*!***************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/templates/Header/MyAccount/MyAccount.scss ***!
  \***************************************************************************************************************************************************/
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/** @format */
.header-my-account-new {
  padding: 10px 10px 10px 10px;
  background-color: transparent;
  border: none;
  color: var(--primary-color);
  cursor: pointer;
}
@media (min-width: 768px) {
  .header-my-account-new {
    height: 56px;
  }
}
.header-my-account-new:active {
  background-color: var(--header-icon-active-color);
  border-radius: var(--hmf-soft-radius);
}
.header-my-account-new:hover {
  background-color: var(--header-icon-hover-color);
  border-radius: var(--hmf-soft-radius);
}
.header-my-account-new:focus-visible {
  background-color: var(--header-icon-focused-color);
  border: 1px dashed var(--header-icon-border-focused);
  border-radius: var(--hmf-soft-radius);
  outline: none;
}
.header-my-account-new svg.user-icon path {
  fill: var(--primary-color);
}
.header-my-account-new svg.pl-explorer-icon path,
.header-my-account-new svg.pl-explorer-icon circle {
  fill: var(--hmf-accent100);
  stroke: var(--hmf-accent100);
}
/*!***************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/templates/Header/SearchBar/SAYTModalWrapper/SayTModalWrapper.scss ***!
  \***************************************************************************************************************************************************************************/
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/** @format */
.sayt-modal-container-wrapper {
  height: 100%;
  position: absolute;
  right: 0;
  width: 100%;
  z-index: 107;
}
.sayt-modal-container-wrapper::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--hmf-background-inverse);
  opacity: 0.5;
  z-index: -1;
}
.sayt-modal-container-wrapper .sayt-modal-container {
  width: 100%;
  left: 0;
  border-radius: var(--hmf-sharp-radius) var(--hmf-sharp-radius) var(--hmf-soft-radius) var(--hmf-soft-radius);
  background: var(--hmf-background-base-subtle);
  box-shadow: 0px 2px 2px 0px rgba(26, 26, 26, 0.08);
  height: auto;
  overflow: hidden;
  position: absolute;
  top: -8px;
}
.sayt-modal-container-wrapper .sayt-modal-container.new-suggestions {
  background: var(--hmf-background-base);
}
@media (min-width: 768px) {
  .sayt-modal-container-wrapper .sayt-modal-container {
    width: unset;
    left: 0;
    border-radius: var(--hmf-soft-radius);
    border: 1px solid var(--hmf-border-base);
  }
}
/*!******************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/templates/Header/Search/SearchResults/SearchResults.scss ***!
  \******************************************************************************************************************************************************************/
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/** @format */
.dsg-search-results {
  border-bottom: 1px solid var(--hmf-gray200);
  border-top: 1px solid var(--hmf-gray200);
}
@media (min-width: 768px) {
  .dsg-search-results {
    background-color: var(--color-white);
    border: 1px solid var(--hmf-gray200);
    flex: 1 1 45%;
    min-width: 45%;
  }
}
.dsg-search-results a {
  align-items: center;
  display: -ms-flexbox;
  overflow: hidden;
  padding: 0;
}
@media (min-width: 768px) {
  .dsg-search-results a {
    flex: 0 0 50%;
    flex-direction: column;
  }
}
.dsg-search-results a:focus-visible {
  outline: 1px dashed var(--focus-color);
}
.dsg-search-results a .dsg-search-thumbnail {
  display: none !important;
}
@media (min-width: 768px) {
  .dsg-search-results a .dsg-search-thumbnail {
    display: block !important;
  }
}
.dsg-search-results a .dsg-search-thumbnail img {
  height: 110px;
  margin: auto;
  width: 110px;
}
.dsg-search-results a .product-information .product-name {
  border: none;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: var(--search-results-font-color);
  overflow: hidden;
  text-overflow: ellipsis;
  height: auto;
}
@media (min-width: 768px) {
  .dsg-search-results a .product-information .product-name {
    border: none;
  }
}
.dsg-search-results a .product-information .dsg-search-price {
  display: none !important;
  color: var(--nav-menu-font-color);
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .dsg-search-results a .product-information .dsg-search-price {
    display: block !important;
  }
}
.dsg-search-results a .product-information .dsg-search-price p {
  margin: 0;
  margin-bottom: 2px;
  margin-right: 8px;
}
.dsg-search-results a .product-information .dsg-search-price .offer-price {
  display: none !important;
  color: var(--hmf-red900);
}
@media (min-width: 768px) {
  .dsg-search-results a .product-information .dsg-search-price .offer-price {
    display: block !important;
    flex: 0 0 50%;
    flex-direction: column;
  }
}
.dsg-search-results a .product-information .product-with-discount {
  display: none !important;
}
@media (min-width: 768px) {
  .dsg-search-results a .product-information .product-with-discount {
    display: block !important;
    flex: 0 0 50%;
    flex-direction: column;
  }
}
.dsg-search-results a .product-information .product-with-discount .dsg-search-discounted-price {
  color: var(--hmf-red900);
}
.dsg-search-results a .product-information .product-with-discount .max-offer-sigle {
  padding-bottom: 4px;
  padding-right: 8px;
  width: 100%;
}
.dsg-search-results a .product-information .product-with-discount .min-offer-list {
  display: inline-flex;
  flex-direction: column;
  padding-bottom: 4px;
  padding-right: 8px;
}
.dsg-search-results a .product-information .product-with-discount .dsg-search-original-price {
  color: var(--color-black);
  display: inline-flex;
}
/*!*************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/templates/Header/SearchBar/SAYTSuggestions/SAYTSuggestions.scss ***!
  \*************************************************************************************************************************************************************************/
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/** @format */
.dsg-search-results-container {
  background-color: var(--search-results-box-background-color);
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .dsg-search-results-container {
    height: auto;
    width: 100%;
  }
}
.dsg-search-results-container .dsg-search-suggestion-result-container {
  align-items: center;
  background-color: var(--color-white);
  border-bottom: 1px solid var(--hmf-gray200);
  display: flex;
  height: 56px;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .dsg-search-results-container .dsg-search-suggestion-result-container:hover {
    background: var(--search-results-box-background-color);
  }
  .dsg-search-results-container .dsg-search-suggestion-result-container:hover:before {
    background-color: var(--secondary-color);
    content: "";
    height: 56px;
    left: 0;
    position: absolute;
    top: 0;
    width: 8px;
  }
}
.dsg-search-results-container .dsg-search-suggestion-result-container:hover .dsg-search-suggestion-result {
  color: var(--search-results-font-color);
}
.dsg-search-results-container .dsg-search-suggestion-result-container:hover .dsg-search-suggestion-result .dsg-search-suggestion-keyword {
  color: var(--search-results-font-color);
}
.dsg-search-results-container .dsg-search-suggestion-result-container:focus-within {
  outline: 1px dashed var(--focus-color);
  outline-offset: -5px;
}
.dsg-search-results-container .dsg-search-suggestion-result-container .dsg-search-suggestion-result {
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: block;
  outline: none;
  padding-left: var(--hmf-s);
  padding-right: var(--hmf-s);
  width: 100%;
}
.dsg-search-results-container .dsg-search-suggestion-result-container .dsg-search-suggestion-result .dsg-search-suggestion-keyword {
  font-weight: 400;
}
.dsg-search-results-container .dsg-search-suggestion-result-container .dsg-search-suggestion-arrow-button {
  background: none;
  border: none;
  cursor: pointer;
  float: right;
  padding: 16px 20px 12px 11.25px;
}
@media (min-width: 768px) {
  .dsg-search-results-container .dsg-search-suggestion-result-container .dsg-search-suggestion-arrow-button {
    padding: 12px 20px 12px 11.25px;
  }
}
.dsg-search-results-container .dsg-search-suggestion-result-container .dsg-search-suggestion-arrow-button:hover svg {
  fill: var(--secondary-color);
}
.dsg-search-results-container .dsg-search-suggestion-result-container .dsg-search-suggestion-arrow-button:hover svg.history-icon {
  fill: var(--color-black);
}
.dsg-search-results-container .dsg-search-suggestion-result-container svg {
  fill: var(--color-black);
  transform: rotate(45deg);
}
.dsg-search-results-container .dsg-search-suggestion-result-container svg.history-icon {
  height: auto;
  margin-right: 8px;
  width: auto;
}
.dsg-search-results-container .dsg-search-suggestion-result-container svg.history-icon:hover {
  fill: var(--color-black);
}
.dsg-search-results-container .dsg-search-suggestion-result-container svg:hover {
  fill: var(--secondary-color);
}
.dsg-search-results-container h1 {
  font-size: var(--label-font-size-s);
  line-height: var(--label-line-height-s);
  font-weight: var(--font-primary-bold-weight);
  letter-spacing: var(--label-letter-spacing);
  border-bottom: 1px solid var(--hmf-gray200);
  color: var(--search-results-header-color);
  margin: 0;
  padding: 30px 0 13px 12px;
  text-transform: uppercase;
}
.dsg-search-results-container h1.recent-search-heading {
  padding: 12px 0 13px 12px;
}
.dsg-search-results-container .dsg-search-result-products {
  margin-left: 0;
}
@media (min-width: 768px) {
  .dsg-search-results-container .dsg-search-result-products {
    display: flex;
  }
}
.dsg-search-results-container .dsg-search-result-products .dsg-search-suggested-container {
  align-items: flex-start;
  flex-direction: column;
  margin: 0 0 8px;
  width: -webkit-fill-available;
}
@media (min-width: 1280px) {
  .dsg-search-results-container .dsg-search-result-products .dsg-search-suggested-container {
    border-right: 1px solid var(--hmf-gray200);
    display: flex;
    flex: 1 0 50%;
    max-width: 50%;
  }
}
.dsg-search-results-container .dsg-search-result-products .dsg-search-suggested-container > div {
  width: 100%;
}
.dsg-search-results-container .dsg-search-result-products .dsg-search-suggested-container .dsg-search-suggested-categories .dsg-search-suggestion-result-container,
.dsg-search-results-container .dsg-search-result-products .dsg-search-suggested-container .dsg-search-suggested-brands .dsg-search-suggestion-result-container,
.dsg-search-results-container .dsg-search-result-products .dsg-search-suggested-container .dsg-search-suggested-products .dsg-search-suggestion-result-container {
  background: var(--search-results-box-background-color);
}
.dsg-search-results-container .dsg-search-result-products .dsg-search-suggested-container .dsg-search-suggested-keywords .dsg-search-suggestion-result {
  font-weight: bold;
  white-space: nowrap;
}
.dsg-search-results-container .dsg-search-result-products .dsg-search-suggested-container .dsg-search-suggested-keywords .top-suggestions {
  background-color: var(--color-white);
  border-bottom: 1px solid var(--hmf-gray200);
  color: var(--search-results-font-color);
  cursor: default;
  height: 56px;
}
.dsg-search-results-container .dsg-search-result-products .dsg-search-suggested-container .dsg-search-suggested-keywords .top-suggestions:hover {
  color: var(--search-results-font-color);
}
.dsg-search-results-container .dsg-search-result-products .dsg-search-products-container {
  border-left: 1px solid var(--hmf-gray300);
  width: 100%;
}
.dsg-search-results-container .dsg-search-result-products .dsg-search-products-container:focus-visible {
  outline: 1px dashed var(--focus-color);
  outline-offset: -10px;
}
.dsg-search-results-container .dsg-search-result-products .dsg-search-top-products {
  color: var(--search-results-header-color);
  margin: 0;
  text-align: left;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .dsg-search-results-container .dsg-search-products {
    display: flex;
    flex: 0 0 50%;
    flex-wrap: wrap;
    padding: 0 12px;
  }
}
.dsg-search-results-container .close-button-wrapper {
  position: sticky;
  top: 0;
  z-index: 110;
}
.dsg-search-results-container .close-button-wrapper .close-button {
  border: none;
  height: 56px;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 51px;
  background-color: var(--hmf-fill-tertiary-static);
  color: var(--hmf-label-inverse-base);
  cursor: pointer;
}
.dsg-search-results-container .close-button-wrapper .close-button svg path {
  fill: var(--hmf-label-inverse-base);
}
.dsg-search-results-container .close-button-wrapper .close-button:focus-visible {
  border: 1px dashed var(--color-white);
  box-sizing: border-box;
  outline: none;
}
.dsg-search-results-container .close-button-wrapper .close-button:hover {
  opacity: 0.75;
}
.dsg-search-results-container .dsg-search-link {
  color: black;
  display: flex;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 16px;
  text-decoration: none;
}
.dsg-search-results-container .dsg-search .search-result-row {
  margin: 0 0 8px;
  padding: 16px 0;
  display: flex;
}
@media (min-width: 768px) {
  .dsg-search-results-container .dsg-search .search-result-row {
    display: block;
  }
}
.dsg-search-results-container .dsg-search-price {
  color: var(--hmf-primary900);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 18px;
}
.dsg-search-results-container .dsg-search-suggestion-result {
  color: var(--search-results-font-color);
  text-decoration: none;
}
.dsg-search-results-container .dsg-search-view-all-results {
  text-align: center;
  padding: 48px 0 32px 0;
}
.dsg-search-results-container .dsg-search-view-all-results__link {
  color: var(--nav-menu-font-color);
  margin-left: auto;
  margin-right: auto;
  min-width: 50%;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: fit-content;
}
.dsg-search-results-container .dsg-search-view-all-results__link:hover {
  color: var(--nav-menu-font-color);
  text-decoration: solid var(--secondary-color) underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}
.dsg-search-results-container .dsg-search-view-all-results__link:active {
  text-decoration-thickness: 4px;
}
.dsg-search-results-container .dsg-search-view-all-results__link:focus-visible {
  outline: 1px dashed var(--focus-color);
  outline-offset: 5px;
}
/*!*****************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/templates/Header/SearchBar/SAYTSuggestionsV2/SAYTSuggestionsV2.scss ***!
  \*****************************************************************************************************************************************************************************/
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/** @format */
.dsg-search-suggestion-container-v2 .sayt-keyword-suggestions-container .suggested-keyword {
  border: none;
  background: none;
  width: 100%;
  padding: var(--hmf-xs) var(--hmf-s);
}
.dsg-search-suggestion-container-v2 .sayt-keyword-suggestions-container .suggested-keyword:hover {
  background: var(--hmf-fill-secondary-hover);
}
.dsg-search-suggestion-container-v2 .sayt-keyword-suggestions-container .suggested-keyword:focus, .dsg-search-suggestion-container-v2 .sayt-keyword-suggestions-container .suggested-keyword:focus-visible {
  border: none;
  outline: 1px dashed var(--hmf-border-focused);
  outline-offset: -2px;
}
@media (min-width: 1024px) {
  .dsg-search-suggestion-container-v2 .sayt-keyword-suggestions-container .suggested-keyword:focus, .dsg-search-suggestion-container-v2 .sayt-keyword-suggestions-container .suggested-keyword:focus-visible {
    border-left: 8px solid var(--hmf-border-positive);
    background: var(--hmf-fill-secondary-static-subtle);
    outline: none;
    padding-left: var(--hmf-xxs);
  }
}
.dsg-search-suggestion-container-v2 .sayt-keyword-suggestions-container .suggested-keyword:active {
  border-left: 8px solid var(--hmf-border-positive);
  background: var(--hmf-fill-secondary-active);
  outline: none;
  padding-left: var(--hmf-xxs);
}
.dsg-search-suggestion-container-v2 .sayt-keyword-suggestions-container .suggested-keyword.selected {
  background: var(--hmf-fill-secondary-static-subtle);
  border-left: 8px solid var(--hmf-border-positive);
  outline: none;
  padding-left: var(--hmf-xxs);
}
.dsg-search-suggestion-container-v2 .sayt-product-suggestions-container .hmf-carousel-body {
  padding: var(--hmf-0) !important;
}
.dsg-search-suggestion-container-v2 .sayt-product-suggestions-container .product-card-desktop {
  width: 144px;
  height: 190px;
}
.dsg-search-suggestion-container-v2 .sayt-product-suggestions-container .product-card-mobile {
  border-radius: var(--hmf-sharp-radius);
}
.dsg-search-suggestion-container-v2 .sayt-product-suggestions-container .product-card-mobile img {
  width: 44px;
  height: 44px;
}
.dsg-search-suggestion-container-v2 .sayt-product-suggestions-container .product-card-mobile:hover {
  background: var(--hmf-fill-secondary-hover);
}
.dsg-search-suggestion-container-v2 .sayt-product-suggestions-container .product-card-mobile:focus, .dsg-search-suggestion-container-v2 .sayt-product-suggestions-container .product-card-mobile:focus-visible {
  outline: none;
  border: 1px dashed var(--hmf-border-focused);
  background: var(--hmf-fill-secondary-static);
}
.dsg-search-suggestion-container-v2 .sayt-product-suggestions-container .product-card-mobile:active {
  background: var(--hmf-fill-secondary-active);
}
.dsg-search-suggestion-container-v2 .see-all-button {
  background: var(--hmf-fill-secondary-static);
}
.dsg-search-suggestion-container-v2 .see-all-button:hover {
  background: var(--hmf-fill-secondary-hover);
}
.dsg-search-suggestion-container-v2 .see-all-button:focus, .dsg-search-suggestion-container-v2 .see-all-button:focus-visible {
  outline: 1px dashed var(--hmf-border-focused);
  outline-offset: -2px;
  border: none;
}
.dsg-search-suggestion-container-v2 .see-all-button:active {
  background: var(--hmf-fill-secondary-active);
}
/*!*******************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/templates/Header/SearchBar/PreSAYTSuggestions/PreSAYTSuggestions.scss ***!
  \*******************************************************************************************************************************************************************************/
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/** @format */
.dsg-search-presayt-container .recently-searched-container .recent-search-item {
  padding: var(--hmf-xs) var(--hmf-s);
}
.dsg-search-presayt-container .recently-searched-container .recent-search-item:hover {
  background: var(--hmf-fill-secondary-hover);
}
.dsg-search-presayt-container .recently-searched-container .recent-search-item:focus-visible, .dsg-search-presayt-container .recently-searched-container .recent-search-item:focus, .dsg-search-presayt-container .recently-searched-container .recent-search-item:focus-within {
  border: none;
  outline: 1px dashed var(--hmf-border-focused);
  outline-offset: -2px;
}
@media (min-width: 1024px) {
  .dsg-search-presayt-container .recently-searched-container .recent-search-item:focus-visible, .dsg-search-presayt-container .recently-searched-container .recent-search-item:focus, .dsg-search-presayt-container .recently-searched-container .recent-search-item:focus-within {
    border-left: 8px solid var(--hmf-border-positive);
    background: var(--hmf-fill-secondary-static-subtle);
    outline: none;
    padding-left: var(--hmf-xxs);
  }
}
.dsg-search-presayt-container .recently-searched-container .recent-search-item:active {
  border-left: 8px solid var(--hmf-border-positive);
  background: var(--hmf-fill-secondary-active);
  outline: none;
  padding-left: var(--hmf-xxs);
}
.dsg-search-presayt-container .recently-searched-container .recent-search-item .recent-search-link {
  outline: none;
  text-decoration: none;
}
.dsg-search-presayt-container .recently-searched-container .recent-search-item .remove-button-recently-searched {
  background: transparent;
  border: none;
}
.dsg-search-presayt-container .recently-searched-container .recent-search-item .remove-button-recently-searched:hover {
  background: var(--hmf-fill-secondary-hover-subtle);
}
.dsg-search-presayt-container .recently-searched-container .recent-search-item .remove-button-recently-searched:focus, .dsg-search-presayt-container .recently-searched-container .recent-search-item .remove-button-recently-searched:focus-visible {
  outline: 1px dashed var(--hmf-border-focused);
}
.dsg-search-presayt-container .recently-searched-container .recent-search-item .remove-button-recently-searched:active {
  background: var(--hmf-fill-secondary-active-subtle);
}
/*!***************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/templates/Header/SearchBar/SearchBar.scss ***!
  \***************************************************************************************************************************************************/
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/** @format */
.search-bar-container-new {
  width: 100%;
  order: 1;
}
.search-bar-container-new.mobile-drawer {
  order: unset;
}
@media (min-width: 1280px) {
  .search-bar-container-new {
    width: unset;
    flex-grow: 1;
    order: unset;
  }
}
.search-bar-container-new .sticky {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20;
  width: 100%;
  padding: var(--hmf-xs) var(--hmf-s);
  background-color: var(--header-sticky-background-color);
  animation: slideInSearchBar var(--hmf-fast) ease-in;
}
.search-bar-container-new input[type=search]::-webkit-search-cancel-button,
.search-bar-container-new input[type=search]::-webkit-search-results-button,
.search-bar-container-new input[type=search]::-webkit-search-decoration,
.search-bar-container-new input[type=search]::-webkit-search-results-decoration {
  display: none;
}
.search-bar-container-new .search-container {
  border-radius: var(--hmf-soft-radius);
  border: 1px solid var(--hmf-border-secondary-subtle-static);
  background: var(--hmf-fill-secondary-static-subtle);
  height: 48px;
}
@media (hover: hover) {
  .search-bar-container-new .search-container:hover {
    border: 1px solid var(--hmf-border-secondary-subtle-hover);
    background: var(--hmf-fill-secondary-hover-subtle);
  }
  .search-bar-container-new .search-container:hover .search-bar-input::placeholder {
    color: var(--hmf-label-secondary-hover-subtle);
  }
  .search-bar-container-new .search-container:hover .search-icon-container-left path {
    fill: var(--hmf-label-secondary-subtle-hover);
  }
}
.search-bar-container-new .search-container:focus-within, .search-bar-container-new .search-container:focus, .search-bar-container-new .search-container:focus-visible {
  border: 1.5px solid var(--hmf-border-focused);
  background: var(--hmf-fill-secondary-static-subtle);
}
.search-bar-container-new .search-container:focus-within .search-bar-input::placeholder, .search-bar-container-new .search-container:focus .search-bar-input::placeholder, .search-bar-container-new .search-container:focus-visible .search-bar-input::placeholder {
  color: var(--hmf-label-secondary-subtle-static);
}
.search-bar-container-new .search-container:focus-within .search-icon-container-left path, .search-bar-container-new .search-container:focus .search-icon-container-left path, .search-bar-container-new .search-container:focus-visible .search-icon-container-left path {
  fill: var(--hmf-label-secondary-subtle-active);
}
.search-bar-container-new .search-container:active {
  border: 1.5px solid var(--hmf-border-secondary-subtle-active);
  background: var(--hmf-fill-secondary-active-subtle);
}
.search-bar-container-new .search-container:active .search-bar-input::placeholder {
  color: var(--hmf-label-secondary-subtle-static);
}
.search-bar-container-new .search-container:active .search-icon-container-left path {
  fill: var(--hmf-label-secondary-subtle-active);
}
.search-bar-container-new .search-bar-input {
  width: 100%;
  height: 100%;
  border: none;
  background: none;
  color: var(--hmf-label-base);
  margin-left: var(--hmf-0);
  padding-left: var(--hmf-xxxs);
  transition: margin-left 0.1s ease;
}
.search-bar-container-new .search-bar-input::placeholder {
  color: var(--hmf-label-secondary-subtle-static);
}
.search-bar-container-new .search-bar-input:focus {
  outline: none;
  background: none;
}
.search-bar-container-new .back-button {
  border: none;
  background: none;
  height: auto;
}
.search-bar-container-new .back-button:focus-visible {
  outline: 1px dashed var(--hmf-border-focused);
  outline-offset: -2px;
}
.search-bar-container-new .search-icon-container-left {
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.1s ease, transform 0.1s ease;
}
.search-bar-container-new .search-icon-container-left path {
  fill: var(--hmf-label-secondary-subtle-static);
}
.search-bar-container-new .search-icon-container-left.header-search-icon-hidden {
  opacity: 0;
  transform: scale(0);
}
.search-bar-container-new .search-icon-container-left.header-search-icon-hidden + .search-bar-input {
  margin-left: -16px; /* Shift input field to the left when icon is hidden */
  padding-left: var(--hmf-0);
}
.search-bar-container-new .clear-search-icon-container-right .clear-button,
.search-bar-container-new .clear-search-icon-container-right .search-button {
  border: none;
  background: none;
  height: auto;
  opacity: 1;
  transition: opacity 0.1s ease;
}
.search-bar-container-new .clear-search-icon-container-right .clear-button.hidden,
.search-bar-container-new .clear-search-icon-container-right .search-button.hidden {
  display: none;
  opacity: 0;
}
.search-bar-container-new .clear-search-icon-container-right .clear-button svg path,
.search-bar-container-new .clear-search-icon-container-right .search-button svg path {
  fill: var(--hmf-label-base-subtle);
}
.search-bar-container-new .clear-search-icon-container-right .clear-button:focus-visible,
.search-bar-container-new .clear-search-icon-container-right .search-button:focus-visible {
  outline: 1px dashed var(--hmf-border-focused);
  outline-offset: -2px;
}
.search-bar-container-new .clear-search-icon-container-right .hmf-divider-vertical {
  background-color: var(--hmf-border-base-prominent);
  height: 20px;
}
.search-bar-container-new .clear-search-icon-container-right .popover-container {
  z-index: 110;
  display: none;
}
@media (min-width: 1024px) {
  .search-bar-container-new .clear-search-icon-container-right .popover-container {
    display: flex;
  }
}
.search-bar-container-new .clear-search-icon-container-right .popover-container .hmf-modal-container {
  border-radius: var(--hmf-soft-radius);
  background: var(--hmf-fill-inverse);
}
@keyframes overlayFade {
  0% {
    background-color: transparent;
  }
  100% {
    background-color: transparent;
  }
}
@keyframes slideInSearchBar {
  from {
    transform: translateY(-100%); /* Start off-screen */
  }
  to {
    transform: translateY(0); /* Fully visible */
  }
}
/*!*************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/templates/Header/NavBar/TopMessage.scss ***!
  \*************************************************************************************************************************************************/
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/** @format */
.topMessage-container {
  align-items: center;
  display: flex;
  text-decoration: none;
}
@media (min-width: 768px) {
  .topMessage-container {
    display: none;
  }
}
.topMessage-container--arrow path {
  fill: var(--primary-color);
}
.topMessage-container--icon path {
  fill: var(--tertiary-color);
}
@media (max-width: 767px) {
  .topMessage-container {
    background-color: var(--desktop-nav-background-color);
    justify-content: center;
  }
}
.topMessage-container--links {
  color: var(--primary-color);
  text-decoration: none;
}
.topMessage-container--links:hover {
  color: var(--primary-color);
  font-weight: normal;
  text-decoration: underline;
  text-decoration-color: var(--header-navbar-links-text-decoration-color);
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}
.topMessage-container--links:visited {
  color: var(--primary-color);
}
.topMessage-container--links:focus-visible {
  box-sizing: border-box;
  outline: 1px dashed var(--focus-color);
}
@media screen and (max-width: 1176px) {
  .topMessage-container--links {
    width: max-content;
  }
}
/*!*************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/templates/Header/SearchBar/SAYTModalMobile/SAYTModalMobile.scss ***!
  \*************************************************************************************************************************************************************************/
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/** @format */
.sayt-modal-mobile .hmf-modal-container {
  width: 100% !important;
  animation: none !important;
  transition: none !important;
  overflow-y: hidden;
}
/*!*****************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/templates/Header/MainHeader/MainHeader.scss ***!
  \*****************************************************************************************************************************************************/
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/** @format */
.main-header {
  background-color: var(--header-background-color);
  box-sizing: border-box;
  font-family: var(--primary-font-family);
  margin: 0 auto;
  width: auto;
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .main-header {
    justify-content: space-around;
  }
}
.main-header .logo-menu-container {
  flex-grow: 0.5;
}
@media (min-width: 1024px) {
  .main-header .logo-menu-container {
    justify-content: var(--header-logo-container-justify-content);
  }
}
@media (min-width: 768px) {
  .main-header .logo-menu-container {
    flex-grow: 1;
  }
}
@media (min-width: 1280px) {
  .main-header .logo-menu-container {
    flex-grow: 0;
  }
}
.main-header .logo-menu-container .logo-placeholder {
  width: 40px;
}
.main-header.header-border {
  border-bottom: 1px solid var(--header-border-color);
}
.main-header.hide-header {
  animation: hide-header 0.3s ease-out;
  width: 100%;
}
.main-header.sticky {
  animation: show-header 0.3s ease-out;
  max-height: 93px;
  overflow-y: hidden;
  top: 0;
  width: 100%;
  z-index: 105;
}
@media (min-width: 768px) {
  .main-header.sticky {
    max-height: 83px;
  }
}
@media (min-width: 1280px) {
  .main-header.sticky {
    max-height: 93px;
  }
}
.main-header .header-container {
  max-width: 1600px;
}
.main-header .header__menu-container {
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  text-align: center;
}
@media (min-width: 768px) {
  .main-header .header__menu-container {
    width: 56px;
    height: 56px;
  }
}
@media (min-width: 1280px) {
  .main-header .header__menu-container {
    display: none;
  }
}
.main-header .header__menu-container:focus-visible {
  background-color: var(--header-icon-focused-color);
  border: 1px dashed var(--header-icon-border-focused);
  border-radius: var(--hmf-soft-radius);
  outline: none;
}
.main-header .header__menu-container:hover {
  background-color: var(--header-icon-hover-color);
  border-radius: var(--hmf-soft-radius);
}
.main-header .header__menu-container:active {
  background-color: var(--header-icon-active-color);
  border-radius: var(--hmf-soft-radius);
}
.main-header .header__menu-container p {
  color: var(--primary-color);
}
.main-header .header__menu-container svg path {
  fill: var(--primary-color);
}
.main-header .header__menu-container--menu-sub-container {
  padding: 10px;
}
@media screen and (max-width: 992px) {
  .main-header .Header_Logo {
    text-align: center;
  }
}
.main-header .Header_Logo:focus-visible {
  box-sizing: border-box;
  outline: 1px dashed var(--focus-color);
  outline-offset: 5px;
}
.main-header .Header_Logo.header-logo-mobile {
  align-self: flex-start;
}
@media (min-width: 1024px) {
  .main-header .Header_Logo {
    padding-left: 0;
  }
}
.main-header .Header_Logo .dsg-logo {
  height: 42px;
  width: 96px;
}
@media (min-width: 768px) {
  .main-header .Header_Logo .dsg-logo {
    height: 48px;
    width: 108px;
  }
}
.main-header .hamburger-menu {
  outline: none;
}
.main-header .hamburger-menu:focus-visible {
  box-sizing: border-box;
  outline: 1px dashed var(--hmf-fill-secondary-active);
}
@media (min-width: 1280px) {
  .main-header .hamburger-menu {
    order: 2;
  }
}
.main-header .hamburger-menu .hamburger-icon {
  cursor: pointer;
  background-color: transparent;
  border: none;
}
.main-header .hamburger-menu .hamburger-icon:active {
  background: var(--hmf-fill-secondary-active);
  border-radius: var(--hmf-soft-radius);
}
.main-header .hamburger-menu .hamburger-icon:hover {
  background-color: var(--hmf-fill-secondary-hover);
  border-radius: var(--hmf-soft-radius);
}
.main-header .hamburger-menu .hamburger-icon svg {
  height: 24px;
  width: 24px;
}
@media (min-width: 1024px) {
  .main-header .hamburger-menu .hamburger-icon svg {
    height: 40px;
    width: 40px;
  }
}
.main-header .hamburger-menu .hamburger-icon .hamburger-text {
  color: var(--hmf-gray900);
}
@media (min-width: 1024px) {
  .main-header .saytV2Enabled {
    z-index: 101;
  }
}
.main-header .sayt-no-border-bottom {
  border-bottom: none;
}
.main-header .dsg-search-wrapper-new-header {
  border-top: 1px solid var(--header-border-color);
}
@media (min-width: 768px) {
  .main-header .dsg-search-wrapper-new-header {
    border-top: none;
    flex-grow: 1;
  }
}
.main-header .hamburger-menu-new {
  color: var(--hmf-label-base);
  cursor: pointer;
}
.main-header .hamburger-menu-new:active {
  background: var(--hmf-fill-secondary-active);
  border-radius: var(--hmf-softer-radius);
}
.main-header .hamburger-menu-new:hover {
  background-color: var(--hmf-fill-secondary-hover);
  border-radius: var(--hmf-softer-radius);
}
.main-header .hamburger-menu-new:focus-visible {
  background-color: var(--hmf-fill-secondary-static);
  border: 1px dashed var(--hmf-border-focused);
  border-radius: var(--hmf-softer-radius);
  outline: none;
}
@keyframes show-header {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes hide-header {
  from {
    max-height: 93px;
    position: fixed;
    top: 0;
    transform: translateY(0);
  }
  to {
    position: relative;
    transform: translateY(-100%);
  }
}
/*!*********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/templates/Header/NavImageCTAs/NavImageCTAs.scss ***!
  \*********************************************************************************************************************************************************/
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/** @format */
.flyOutImage-container {
  box-shadow: none;
  position: relative;
}
.flyOutImage-container img {
  max-width: 100%;
  min-height: 150px;
}
.flyOutImage-container .image-text {
  bottom: 0;
  color: var(--color-white);
  left: 0;
  position: absolute;
  right: 0;
  width: 70%;
}
.flyOutImage-container .image-text:focus-within {
  box-sizing: border-box;
  outline: 1px dashed var(--color-white);
  outline-offset: -8px;
  z-index: 2;
}
.flyOutImage-container .image-text .title {
  margin: var(--hmf-0) auto;
}
.flyOutImage-container .image-text .cta {
  border-bottom: 2px solid transparent;
  color: var(--color-white);
  padding-bottom: 2px;
  text-decoration: none;
  text-decoration: none;
}
.flyOutImage-container .image-text .cta:hover {
  border-color: var(--color-white);
}
.flyOutImage-container .image-text .cta:focus-visible {
  outline: none;
  outline-offset: -8px;
}
.flyOutImage-container .image-text .cta img {
  filter: invert(1);
}

.below-image-cta-container {
  display: flex;
  flex-direction: column;
}
.below-image-cta-container .below-image-cta {
  color: var(--nav-menu-font-color);
  text-decoration: none;
  width: fit-content;
}
@media (min-width: 768px) {
  .below-image-cta-container .below-image-cta:first-of-type {
    font-size: var(--header-font-size-m);
    line-height: var(--header-line-height-m);
    font-weight: var(--font-primary-bold-weight);
    font-weight: var(--font-display-weight);
  }
}
.below-image-cta-container .below-image-cta:hover {
  border-bottom: 2px solid var(--secondary-color);
  margin-bottom: 22px !important;
}
.below-image-cta-container .below-image-cta:focus-visible {
  box-sizing: border-box;
  outline: 1px dashed var(--focus-color);
}
/*!***************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/templates/Header/Accordion/Accordion.scss ***!
  \***************************************************************************************************************************************************/
.accordion-container {
  display: block;
}
.accordion-container__accordion {
  display: block;
}
.accordion-container__accordion--category {
  align-items: center;
  background-color: var(--hmf-fill-secondary-static);
  border: 1px solid var(--hmf-gray200);
  border-left: none;
  border-right: none;
  border-top: none;
  box-sizing: border-box;
  color: var(--nav-menu-font-color);
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  position: relative;
  text-align: left;
  text-decoration: none;
  width: 100%;
}
.accordion-container__accordion--category:focus-visible {
  box-sizing: border-box;
  outline: 1px dashed var(--focus-color);
  outline-offset: -5px;
  z-index: 2;
}
.accordion-container__accordion--category:hover {
  background-color: var(--hmf-fill-secondary-hover);
}
.accordion-container__accordion--category:active {
  background-color: var(--hmf-fill-secondary-static);
}
.accordion-container__accordion--sublink-container {
  background-color: var(--hmf-fill-secondary-static);
  flex-direction: column;
}
.accordion-container__accordion--sublink-container.image-cta-accordion {
  position: relative;
}
.accordion-container__accordion--sublinks {
  color: var(--nav-menu-font-color);
  text-decoration: none;
}
.accordion-container__accordion--sublinks:hover {
  font-weight: bold;
  text-decoration: underline solid var(--nav-menu-hover-color);
  text-decoration-thickness: 2px;
  text-underline-offset: 2px;
}
.accordion-container__accordion--sublinks:focus-visible {
  outline: 1px dashed var(--focus-color);
  outline-offset: -10px;
}
.accordion-container .flag {
  background-color: var(--accordion-flag-background-color);
  box-shadow: 0 8px 8px var(--hmf-gray200);
  height: 100%;
  left: 0;
  padding-left: var(--hmf-xxxs);
  position: absolute;
  top: 0;
  width: 5px;
}
.accordion-container .ptitle {
  width: 100%;
}
.accordion-container .accordion-box-shadow {
  box-shadow: -2px 8px 8px var(--hmf-gray200);
}
/*!***************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/templates/Header/NavBar/MobileNavBar.scss ***!
  \***************************************************************************************************************************************************/
.MobileNavBar-container {
  background-color: var(--hmf-fill-secondary-static);
}
.MobileNavBar-container__text-container {
  align-items: center;
  border-bottom: 1px solid var(--hmf-gray200);
  display: flex;
  max-height: 56px;
  min-height: 56px;
}
.MobileNavBar-container__text-container:hover {
  background-color: var(--hmf-fill-secondary-hover);
}
.MobileNavBar-container__text-container:active {
  background-color: var(--hmf-fill-secondary-active);
}
.MobileNavBar-container__text-container:focus-visible {
  border: 1px dashed var(--hmf-border-focused);
  outline: none;
}
.MobileNavBar-container__text-container--links {
  color: var(--nav-menu-font-color);
  text-decoration: none;
  width: 100%;
}
.MobileNavBar-container__text-container--links:focus {
  box-sizing: border-box;
  outline: 1px dashed var(--focus-color);
}
.MobileNavBar-container__text-container--link-title {
  margin: 0;
}
.MobileNavBar-container__text-container--link-title:hover {
  text-decoration: underline;
  text-decoration-color: var(--secondary-color);
  text-decoration-thickness: 2px;
}
.MobileNavBar-container__text-container--description {
  color: var(--hmf-gray700);
  margin: 0;
}
.MobileNavBar-container__text-container--description:hover {
  text-decoration: none !important;
}
.MobileNavBar-container__text-container--icon {
  height: 24px;
  width: 24px;
}
/*!*************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/templates/Header/NavBoxes/NavBoxes.scss ***!
  \*************************************************************************************************************************************************/
.calia-react-header-scope.hmf-pl-theme .nav-boxes-container,
.calia-react-header-scope.hmf-mj-theme .nav-boxes-container {
  background-color: var(--mobile-nav-accent-background-color);
  flex-wrap: wrap;
}
.calia-react-header-scope.hmf-pl-theme .nav-boxes-container__box,
.calia-react-header-scope.hmf-mj-theme .nav-boxes-container__box {
  align-items: center;
  background-color: var(--color-white);
  box-shadow: 0px 2px 8px var(--nav-box-shadow-color);
  cursor: pointer;
  flex: 0 1 30%;
  flex-direction: column;
  height: auto;
  min-height: 95px;
  text-align: center;
  text-decoration: none;
  width: 95px;
}
.calia-react-header-scope.hmf-pl-theme .nav-boxes-container__box:hover,
.calia-react-header-scope.hmf-mj-theme .nav-boxes-container__box:hover {
  box-shadow: 0px 2px 8px var(--nav-box-shadow-color-hover);
}
.calia-react-header-scope.hmf-pl-theme .nav-boxes-container__box--icon,
.calia-react-header-scope.hmf-mj-theme .nav-boxes-container__box--icon {
  background: var(--hmf-accent100);
  height: 37px;
  width: 37px;
}
.calia-react-header-scope.hmf-pl-theme .nav-boxes-container__box--icon svg,
.calia-react-header-scope.hmf-mj-theme .nav-boxes-container__box--icon svg {
  height: 22px;
  width: 22px;
}
.calia-react-header-scope.hmf-pl-theme .nav-boxes-container__box--link-title,
.calia-react-header-scope.hmf-mj-theme .nav-boxes-container__box--link-title {
  color: var(--nav-menu-font-color);
  margin: 0;
  text-decoration: none;
}
.calia-react-header-scope.hmf-pl-theme .nav-boxes-container__box:focus-visible,
.calia-react-header-scope.hmf-mj-theme .nav-boxes-container__box:focus-visible {
  outline: 1px dashed var(--focus-color);
  outline-offset: 5px;
}
/*!**************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/templates/Header/Navigation/MobileNav/MobileNav.scss ***!
  \**************************************************************************************************************************************************************/
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/** @format */
.mobile-nav-container {
  display: flex;
  min-height: 100vh;
  padding-bottom: 150px;
  position: absolute;
  width: 100%;
  z-index: 100;
}
@keyframes slide-in {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0%);
  }
}
.mobile-nav-container__spacer {
  background-color: var(--mobile-nav-accent-background-color);
  border-bottom: var(--mobile-nav-border-spacer-styling);
  margin: 0;
}
.mobile-nav-container__my-account {
  border: none;
  width: 100%;
  background-color: var(--mobile-nav-accent-background-color);
  border-bottom: var(--mobile-nav-border-styling);
  color: var(--hmf-label-base);
  cursor: pointer;
}
.mobile-nav-container__my-account:hover {
  background-color: var(--hmf-fill-secondary-active);
}
.mobile-nav-container__my-account:focus-visible {
  outline: 1px dashed var(--hmf-border-focused);
  outline-offset: -4px;
  border: none;
  border-bottom: 1px solid var(--hmf-border-base);
}
.mobile-nav-container__my-account:active {
  background-color: var(--hmf-gray200);
}
.mobile-nav-container__nav-container {
  animation: slide-in 0.5s ease;
  -webkit-animation: slide-in 0.5s ease;
  background-color: var(--color-white);
  border-right: var(--mobile-nav-border-styling);
  border-top: var(--mobile-nav-border-styling);
  max-width: 500px;
  overflow-y: scroll;
  padding-bottom: 150px;
  width: 90%;
  z-index: 101;
  height: calc(100vh - 149px);
}
@media (min-width: 768px) {
  .mobile-nav-container__nav-container {
    height: calc(100vh - 202px);
  }
}
.mobile-nav-container__sub-menu-container {
  background-color: var(--color-white);
  border-right: var(--mobile-nav-border-styling);
  border-top: var(--mobile-nav-border-styling);
  max-width: 500px;
  overflow-y: scroll;
  width: 90%;
  z-index: 101;
  height: calc(100vh - 149px);
}
@media (min-width: 768px) {
  .mobile-nav-container__sub-menu-container {
    height: calc(100vh - 202px);
  }
}
.mobile-nav-container .sub-menu-body {
  flex-grow: 1;
}
.mobile-nav-container .sub-menu-body > .accordion-container {
  padding-bottom: 150px;
}
.mobile-nav-container__nav {
  background-color: var(--color-white);
}
.mobile-nav-container__nav--list-item {
  border: none;
  background-color: var(--hmf-fill-secondary-static);
  border-bottom: var(--mobile-nav-border-styling);
  color: var(--nav-menu-font-color);
  cursor: pointer;
}
.mobile-nav-container__nav--list-item:focus-visible {
  outline: 1px dashed var(--hmf-border-focused);
  outline-offset: -4px;
}
.mobile-nav-container__nav--list-item:hover {
  background-color: var(--hmf-fill-secondary-hover);
}
.mobile-nav-container__nav--list-item:active {
  background-color: var(--hmf-fill-secondary-active);
}
.mobile-nav-container__shop-all {
  background-color: var(--hmf-fill-secondary-static);
  border-bottom: var(--mobile-nav-border-styling);
}
.mobile-nav-container__shop-all.sticky {
  position: sticky;
  top: 0;
  z-index: 10;
}
.mobile-nav-container__shop-all--icon-wrapper {
  background-color: var(--hmf-fill-secondary-static-subtle);
  border: none;
  border-right: 1px solid var(--hmf-gray200);
  cursor: pointer;
}
.mobile-nav-container__shop-all--icon-wrapper:hover {
  background-color: var(--hmf-fill-secondary-hover-subtle);
}
.mobile-nav-container__shop-all--icon-wrapper:focus-visible {
  outline: 1px dashed var(--hmf-border-focused);
  outline-offset: -4px;
}
.mobile-nav-container__shop-all--icon-wrapper:active {
  background-color: var(--hmf-fill-secondary-active-subtle);
}
.mobile-nav-container__shop-all--shop-all-title {
  color: var(--nav-menu-font-color);
}
.mobile-nav-container__shop-all--shop-all-title:hover .mobile-nav-container__shop-all--shop-all-text {
  color: var(--hmf-label-secondary-hover);
  text-decoration: underline;
  text-decoration-color: var(--hmf-label-secondary-hover);
  text-underline-offset: 3px;
}
.mobile-nav-container__shop-all--shop-all-title:focus-visible {
  outline: 1px dashed var(--hmf-border-focused);
  outline-offset: -4px;
}
.mobile-nav-container__shop-all--shop-all-title:focus-visible .mobile-nav-container__shop-all--shop-all-text {
  color: var(--hmf-label-secondary-static);
  text-decoration: none;
}
.mobile-nav-container__shop-all--shop-all-title:active {
  border-bottom: 2px solid var(--secondary-color);
  margin-bottom: -2px !important;
}
.mobile-nav-container__shop-all--shop-all-title:active .mobile-nav-container__shop-all--shop-all-text {
  color: var(--hmf-label-secondary-active);
}
.mobile-nav-container .close-button {
  background-color: var(--hmf-fill-inverse);
  color: var(--color-white);
  border: none;
  cursor: pointer;
  height: 56px;
  width: 51px;
  z-index: 101;
}
.mobile-nav-container .close-button:focus {
  border: 1px dashed var(--color-white);
  box-sizing: border-box;
  outline: none;
}
.mobile-nav-container .close-button:hover {
  opacity: 0.75;
}
.mobile-nav-container .clearance,
.mobile-nav-container .clearance:visited {
  color: var(--hmf-red900);
}
/*!*********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/common/Modal/CountdownTimer/CountdownTimer.scss ***!
  \*********************************************************************************************************************************************************/
.display-timer-wrapper {
  display: flex;
}
.display-timer-wrapper .time-component {
  text-align: center;
}
.display-timer-wrapper .countdown-ada {
  clip: rect(0, 0, 0, 0);
  height: 0;
  position: absolute;
  width: 0;
}
/*!*********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/common/Modal/Modal.scss ***!
  \*********************************************************************************************************************************/
/*! purgecss start ignore */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/** @format */
.modal-wrapper .modal-content-wrapper {
  background-repeat: no-repeat;
  background-size: cover;
  box-sizing: border-box;
  color: var(--color-white);
  height: auto;
  max-height: 80vh;
  width: 600px;
}
.modal-wrapper .modal-link {
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  flex: 1;
  width: 100%;
  z-index: 1001;
}
.modal-wrapper .modal-link a {
  color: inherit;
}
.modal-wrapper .modal-link:focus-visible, .modal-wrapper .modal-link:focus {
  outline-offset: -8px;
  outline: 1px dashed var(--hmf-border-inverse-focused);
}
.modal-wrapper .disclaimer {
  box-sizing: border-box;
  width: 100%;
}
.modal-wrapper .disclaimer .details-link {
  color: inherit;
}
.modal-wrapper .disclaimer .details-link:focus-visible, .modal-wrapper .disclaimer .details-link:focus {
  outline: 1px dashed var(--hmf-border-inverse-focused);
}
.modal-wrapper .close-button {
  cursor: pointer;
  position: absolute;
  border: none;
  right: 0;
  top: 0;
}
.modal-wrapper .close-button:hover {
  opacity: 0.75;
}
.modal-wrapper .close-button:focus-visible, .modal-wrapper .close-button:focus {
  outline: 1px dashed var(--hmf-border-inverse-focused);
}

/*! purgecss end ignore */
/*!***************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/templates/Header/MyAccountDrawer/MyAccountDrawer.scss ***!
  \***************************************************************************************************************************************************************/
/*! purgecss start ignore */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/** @format */
.myaccount-drawer-container .hmf-modal-container {
  width: 100% !important;
}
@media (min-width: 1024px) {
  .myaccount-drawer-container .hmf-modal-container {
    width: 40% !important;
  }
}
.myaccount-drawer-container .my-account-drawer-content-container {
  background-color: var(--hmf-background-base);
}
.myaccount-drawer-container .my-account-drawer-header .close-icon-container {
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.myaccount-drawer-container .my-account-drawer-header .close-icon-container:hover {
  background-color: var(--hmf-gray100);
}
.myaccount-drawer-container .my-account-drawer-header .close-icon-container:focus-visible {
  background-color: var(--hmf-gray100);
  box-sizing: border-box;
  outline: 1px dashed var(--hmf-gray600);
}
.myaccount-drawer-container .my-account-drawer-body {
  max-height: calc(100vh - 140px);
  overflow-y: auto;
}
.myaccount-drawer-container .my-account-drawer-body .my-account-signed-in .my-account-menu-item {
  color: var(--hmf-label-base);
  cursor: pointer;
  text-decoration: none;
}
.myaccount-drawer-container .my-account-drawer-body .my-account-signed-in .my-account-menu-item:active {
  background: var(--hmf-fill-secondary-active);
  border-radius: var(--hmf-softer-radius);
}
.myaccount-drawer-container .my-account-drawer-body .my-account-signed-in .my-account-menu-item:hover {
  background-color: var(--hmf-fill-secondary-hover);
  border-radius: var(--hmf-softer-radius);
}
.myaccount-drawer-container .my-account-drawer-body .my-account-signed-in .my-account-menu-item:focus-visible {
  background-color: var(--hmf-fill-secondary-hover);
  border: 1px dashed var(--hmf-border-focused);
  border-radius: var(--hmf-softer-radius);
  outline: none;
}
.myaccount-drawer-container .my-account-drawer-body .my-account-signed-out .divider-container .hmf-divider-horizontal {
  display: flex;
  flex-grow: 1;
}
.myaccount-drawer-container .my-account-drawer-body .my-account-signed-out .policy-container a {
  color: var(--hmf-label-base-subtle);
  text-decoration-color: var(--hmf-label-base-subtle);
}
.myaccount-drawer-container .my-account-drawer-body .my-account-signed-out .information-container svg path {
  fill: var(--hmf-primary600);
}
.myaccount-drawer-container .sign-in-button-container .sign-in-button {
  width: 100%;
}
.myaccount-drawer-container .sign-in-button-container .sign-in-button-common {
  background: var(--hmf-fill-secondary-static);
  border: 2px solid var(--hmf-border-inverse);
  cursor: pointer;
  height: 44px;
  width: 100%;
}
.myaccount-drawer-container .sign-in-button-container .sign-in-button-common:hover {
  background-color: var(--hmf-button-secondary-hover-background-color);
  border: 2px solid var(--hmf-button-secondary-hover-border-color);
}
.myaccount-drawer-container .sign-in-button-container .sign-in-button-common:focus {
  outline: 1px dashed var(--hmf-gray600);
  outline-offset: 4px;
}

/*! purgecss end ignore */
/*!***************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/templates/Header/ProgressiveHeader/UtilityLinks/UtilityLinks.scss ***!
  \***************************************************************************************************************************************************************************/
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/** @format */
.utility-links-button {
  background: var(--hmf-gray100);
  border: var(--hmf-gray100);
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.2s ease-in-out;
  width: 100%;
}
@media (min-width: 1024px) {
  .utility-links-button {
    background: none;
  }
}
.utility-links-button:hover {
  background: var(--hmf-gray100);
}
.utility-links-button:focus {
  outline: 1px dashed var(--hmf-gray600);
  outline-offset: 4px;
}

.utility-links-container {
  background: var(--hmf-gray100);
  width: 100%;
}
@media (min-width: 1024px) {
  .utility-links-container {
    background: none;
    min-width: 297px;
    width: 297px;
  }
}
@media only screen and (min-width: 1024px) and (min-height: 1050px) {
  .utility-links-container {
    bottom: 0;
    left: 20px;
    padding-bottom: var(--hmf-m);
    position: absolute;
  }
}
@media (min-width: 1280px) {
  .utility-links-container {
    min-width: 360px;
    width: 360px;
  }
}
.utility-links-container .utility-link-text {
  color: var(--hmf-gray900);
}
/*!************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/templates/Header/ProgressiveHeader/StoreLocatorAndSDD/StoreLocatorSDD.scss ***!
  \************************************************************************************************************************************************************************************/
.store-locator-sdd-container {
  background-color: var(--hmf-gray100);
  border: var(--hmf-gray100);
  border-radius: var(--hmf-soft-radius);
  height: 72px;
  width: 100%;
}
.store-locator-sdd-container:hover {
  background: var(--hmf-gray200);
}
.store-locator-sdd-container:focus-visible {
  background-color: var(--hmf-gray100);
  box-sizing: border-box;
}
/*!*******************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/templates/Header/ProgressiveHeader/ProgressiveHeader.scss ***!
  \*******************************************************************************************************************************************************************/
/*! purgecss start ignore */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/** @format */
:root {
  --vh: 100%;
}

.progressive-drawer-container .hmf-modal-container {
  width: 100% !important;
}
@media (min-width: 1024px) {
  .progressive-drawer-container .hmf-modal-container {
    width: 40% !important;
  }
}
@media (min-width: 1280px) {
  .progressive-drawer-container .hmf-modal-container {
    max-width: 400px !important;
    transition: max-width 0.2s ease-in-out !important;
    width: auto !important;
  }
}
.progressive-drawer-container .progressive-drawer-content-container {
  width: 100%;
}
.progressive-drawer-container .progressive-drawer-content-container .header-container .header-logo-container {
  background: transparent;
  border: none;
}
.progressive-drawer-container .progressive-drawer-content-container .header-container .header-logo-container:focus-visible {
  box-sizing: border-box;
  outline: 1px dashed var(--hmf-gray600);
}
.progressive-drawer-container .progressive-drawer-content-container .header-container .header-logo-container .dsg-logo {
  height: 42px;
  width: 96px;
}
@media (min-width: 768px) {
  .progressive-drawer-container .progressive-drawer-content-container .header-container .header-logo-container .dsg-logo {
    height: 48px;
    width: 108px;
  }
}
.progressive-drawer-container .progressive-drawer-content-container .header-container .search-icon-container,
.progressive-drawer-container .progressive-drawer-content-container .header-container .close-icon-container,
.progressive-drawer-container .progressive-drawer-content-container .header-container .back-button {
  background: transparent;
  border: none;
  cursor: pointer;
}
.progressive-drawer-container .progressive-drawer-content-container .header-container .search-icon-container:hover,
.progressive-drawer-container .progressive-drawer-content-container .header-container .close-icon-container:hover,
.progressive-drawer-container .progressive-drawer-content-container .header-container .back-button:hover {
  background-color: var(--hmf-gray100);
  border-radius: var(--hmf-soft-radius);
}
.progressive-drawer-container .progressive-drawer-content-container .header-container .search-icon-container:focus-visible, .progressive-drawer-container .progressive-drawer-content-container .header-container .search-icon-container:focus,
.progressive-drawer-container .progressive-drawer-content-container .header-container .close-icon-container:focus-visible,
.progressive-drawer-container .progressive-drawer-content-container .header-container .close-icon-container:focus,
.progressive-drawer-container .progressive-drawer-content-container .header-container .back-button:focus-visible,
.progressive-drawer-container .progressive-drawer-content-container .header-container .back-button:focus {
  background-color: var(--hmf-gray100);
  border-radius: var(--hmf-soft-radius);
  box-sizing: border-box;
  outline: 1px dashed var(--hmf-gray600);
}
.progressive-drawer-container .progressive-drawer-content-container .header-container .sayt-button {
  border-radius: var(--hmf-soft-radius);
  border: 1px solid var(--hmf-border-secondary-subtle-static);
  background: var(--hmf-fill-secondary-static);
  height: 44px;
  width: 100%;
}
.progressive-drawer-container .progressive-drawer-content-container .header-container .sayt-button svg path {
  fill: var(--hmf-label-secondary-subtle-static);
}
.progressive-drawer-container .progressive-drawer-content-container .header-container .sayt-button:hover {
  background-color: var(--hmf-gray100);
}
.progressive-drawer-container .progressive-drawer-content-container .header-container .sayt-button:focus-visible, .progressive-drawer-container .progressive-drawer-content-container .header-container .sayt-button:focus {
  outline: 1px dashed var(--hmf-gray600);
  outline-offset: 4px;
}
.progressive-drawer-container .progressive-drawer-content-container .body-container {
  overflow-x: hidden;
}
.progressive-drawer-container .progressive-drawer-content-container .nav-body-container {
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(var(--vh, 1vh) * 100 - 72px);
}
@media (min-width: 1280px) {
  .progressive-drawer-container .progressive-drawer-content-container .nav-body-container {
    min-width: 400px;
    width: 400px;
  }
}
.progressive-drawer-container .progressive-drawer-content-container .l0-links-container,
.progressive-drawer-container .progressive-drawer-content-container .l1-links-container,
.progressive-drawer-container .progressive-drawer-content-container .l2-links-container {
  width: 100%;
}
@media (min-width: 1280px) {
  .progressive-drawer-container .progressive-drawer-content-container .l0-links-container,
  .progressive-drawer-container .progressive-drawer-content-container .l1-links-container,
  .progressive-drawer-container .progressive-drawer-content-container .l2-links-container {
    min-width: 400px;
    width: 400px;
  }
}
.progressive-drawer-container .progressive-drawer-content-container .l0-links-container .links-body,
.progressive-drawer-container .progressive-drawer-content-container .l1-links-container .links-body,
.progressive-drawer-container .progressive-drawer-content-container .l2-links-container .links-body {
  width: 100%;
}
.progressive-drawer-container .progressive-drawer-content-container .l0-links-container .links-title,
.progressive-drawer-container .progressive-drawer-content-container .l1-links-container .links-title,
.progressive-drawer-container .progressive-drawer-content-container .l2-links-container .links-title {
  max-width: 200px;
}
@media (min-width: 1280px) {
  .progressive-drawer-container .progressive-drawer-content-container .l0-links-container .links-title,
  .progressive-drawer-container .progressive-drawer-content-container .l1-links-container .links-title,
  .progressive-drawer-container .progressive-drawer-content-container .l2-links-container .links-title {
    max-width: 400px;
    text-overflow: ellipsis;
  }
}
.progressive-drawer-container .progressive-drawer-content-container .l0-links-container .shop-all,
.progressive-drawer-container .progressive-drawer-content-container .l1-links-container .shop-all,
.progressive-drawer-container .progressive-drawer-content-container .l2-links-container .shop-all {
  border: 1px solid var(--hmf-border-secondary-static);
}
.progressive-drawer-container .progressive-drawer-content-container .l0-links-container .shop-all:hover,
.progressive-drawer-container .progressive-drawer-content-container .l1-links-container .shop-all:hover,
.progressive-drawer-container .progressive-drawer-content-container .l2-links-container .shop-all:hover {
  background: var(--hmf-fill-secondary-hover-subtle);
}
.progressive-drawer-container .progressive-drawer-content-container .l0-links-container .shop-all.focus, .progressive-drawer-container .progressive-drawer-content-container .l0-links-container .shop-all:focus-visible,
.progressive-drawer-container .progressive-drawer-content-container .l1-links-container .shop-all.focus,
.progressive-drawer-container .progressive-drawer-content-container .l1-links-container .shop-all:focus-visible,
.progressive-drawer-container .progressive-drawer-content-container .l2-links-container .shop-all.focus,
.progressive-drawer-container .progressive-drawer-content-container .l2-links-container .shop-all:focus-visible {
  outline: 1px dashed var(--hmf-gray600);
  outline-offset: 4px;
}
.progressive-drawer-container .progressive-drawer-content-container .l0-links-container a,
.progressive-drawer-container .progressive-drawer-content-container .l1-links-container a,
.progressive-drawer-container .progressive-drawer-content-container .l2-links-container a {
  color: var(--hmf-gray900);
  text-decoration: none;
}
.progressive-drawer-container .progressive-drawer-content-container .l0-links-container .l0-link-content,
.progressive-drawer-container .progressive-drawer-content-container .l1-links-container .l0-link-content,
.progressive-drawer-container .progressive-drawer-content-container .l2-links-container .l0-link-content {
  background-color: transparent;
  border: none;
  border-radius: var(--hmf-soft-radius);
  cursor: pointer;
  min-height: 44px;
}
@media (min-width: 1280px) {
  .progressive-drawer-container .progressive-drawer-content-container .l0-links-container .l0-link-content,
  .progressive-drawer-container .progressive-drawer-content-container .l1-links-container .l0-link-content,
  .progressive-drawer-container .progressive-drawer-content-container .l2-links-container .l0-link-content {
    width: 350px;
  }
}
.progressive-drawer-container .progressive-drawer-content-container .l0-links-container .l0-link-content:hover:not(.l0-link-content-selected),
.progressive-drawer-container .progressive-drawer-content-container .l1-links-container .l0-link-content:hover:not(.l0-link-content-selected),
.progressive-drawer-container .progressive-drawer-content-container .l2-links-container .l0-link-content:hover:not(.l0-link-content-selected) {
  background-color: var(--hmf-gray100);
}
.progressive-drawer-container .progressive-drawer-content-container .l0-links-container .l0-link-content:focus-visible,
.progressive-drawer-container .progressive-drawer-content-container .l1-links-container .l0-link-content:focus-visible,
.progressive-drawer-container .progressive-drawer-content-container .l2-links-container .l0-link-content:focus-visible {
  background-color: var(--hmf-gray100);
  box-sizing: border-box;
  outline: 1px dashed var(--hmf-gray600);
}
@media (min-width: 1280px) {
  .progressive-drawer-container .progressive-drawer-content-container .l0-links-container .l0-link-content-selected,
  .progressive-drawer-container .progressive-drawer-content-container .l1-links-container .l0-link-content-selected,
  .progressive-drawer-container .progressive-drawer-content-container .l2-links-container .l0-link-content-selected {
    background-color: var(--hmf-gray200);
  }
}
.progressive-drawer-container .progressive-drawer-content-container .l0-links-container .l0-link-content-selected:focus-visible,
.progressive-drawer-container .progressive-drawer-content-container .l1-links-container .l0-link-content-selected:focus-visible,
.progressive-drawer-container .progressive-drawer-content-container .l2-links-container .l0-link-content-selected:focus-visible {
  background-color: var(--hmf-gray200);
  box-sizing: border-box;
  outline: 1px dashed var(--hmf-gray600);
}
.progressive-drawer-container .progressive-drawer-content-container .l0-links-container .l1-link-content,
.progressive-drawer-container .progressive-drawer-content-container .l1-links-container .l1-link-content,
.progressive-drawer-container .progressive-drawer-content-container .l2-links-container .l1-link-content {
  background-color: transparent;
  border: none;
}
.progressive-drawer-container .progressive-drawer-content-container .l0-links-container .title-color,
.progressive-drawer-container .progressive-drawer-content-container .l1-links-container .title-color,
.progressive-drawer-container .progressive-drawer-content-container .l2-links-container .title-color {
  color: var(--hmf-gray900);
}
.progressive-drawer-container .progressive-drawer-content-container .l0-links-container .sale-color,
.progressive-drawer-container .progressive-drawer-content-container .l1-links-container .sale-color,
.progressive-drawer-container .progressive-drawer-content-container .l2-links-container .sale-color {
  color: var(--hmf-red600);
}
.progressive-drawer-container .progressive-drawer-content-container .l1-links-body-container,
.progressive-drawer-container .progressive-drawer-content-container .l2-links-body-container {
  overflow-y: auto;
  height: calc(var(--vh, 1vh) * 100 - 146px);
}
@media (min-width: 1280px) {
  .progressive-drawer-container .progressive-drawer-content-container .l1-links-body-container,
  .progressive-drawer-container .progressive-drawer-content-container .l2-links-body-container {
    height: calc(var(--vh, 1vh) * 100 - 197px);
  }
}
.progressive-drawer-container .progressive-drawer-content-container .l1-links-container,
.progressive-drawer-container .progressive-drawer-content-container .l2-links-container {
  animation: slide-in-L1-container-mobile 0.3s ease-out;
}
@media (min-width: 1280px) {
  .progressive-drawer-container .progressive-drawer-content-container .l1-links-container,
  .progressive-drawer-container .progressive-drawer-content-container .l2-links-container {
    animation: none;
  }
}
@keyframes slide-in-L1-container-mobile {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0%);
  }
}

/*! purgecss end ignore */
/*!***********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/templates/Header/ProgressiveHeader/FeaturedElements/FeaturedElements.scss ***!
  \***********************************************************************************************************************************************************************************/
.featured-products-accordion {
  background-color: var(--hmf-gray100);
  color: var(--hmf-accent500);
}
/*!************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/templates/Header/NavBar/TopNavBar.scss ***!
  \************************************************************************************************************************************************/
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/** @format */
.topNavBar-container {
  background-color: var(--desktop-nav-background-color) !important;
}
.topNavBar-container__content-wrapper {
  display: none;
  margin: 0 auto;
  max-width: 1600px;
}
@media (min-width: 1024px) {
  .topNavBar-container__content-wrapper {
    display: flex;
  }
}
.topNavBar-container__text-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin-left: auto;
}
.topNavBar-container__text-container--links {
  color: var(--primary-color);
  text-decoration: none;
}
.topNavBar-container__text-container--links:hover {
  color: var(--primary-color);
  font-weight: bold !important;
  text-decoration: underline;
  text-decoration-color: var(--top-navbar-links-hover-text-decoration-color);
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}
.topNavBar-container__text-container--links:visited {
  color: var(--primary-color);
}
.topNavBar-container__text-container--links .hidden-item {
  height: 0;
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none;
  visibility: hidden;
}
.topNavBar-container__text-container--links:focus-visible {
  box-sizing: border-box;
  outline: 1px dashed var(--focus-color);
}
.topNavBar-container .border-left {
  border-left: 1px solid var(--hmf-gray400);
}
.topNavBar-container .bold-text:hover {
  font-weight: normal !important;
  letter-spacing: 0.8px;
}
.topNavBar-container .topNavBar-container__text-container {
  min-width: 620px;
}

.enterprise-brand-links {
  cursor: pointer;
  gap: 15px;
}
.enterprise-brand-links .header2-pl-other-brands-logo {
  width: 115px;
  height: 13px;
}
.enterprise-brand-links .header2-pl-other-brands-logo.golf_galaxy {
  height: 19px;
  width: 41px;
}
/*!********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/slick-carousel/slick/slick-theme.css ***!
  \********************************************************************************************************************************************/
@charset "UTF-8";
/* Slider */
.slick-loading .slick-list {
  background: #fff url(https://static-search.dickssportinggoods.com/calia-navigation/perf/client/fb6f3c230cb846e25247.gif) center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  font-weight: normal;
  font-style: normal;
  src: url(https://static-search.dickssportinggoods.com/calia-navigation/perf/client/a4e97f5a2a64f0ab1323.eot);
  src: url(https://static-search.dickssportinggoods.com/calia-navigation/perf/client/a4e97f5a2a64f0ab1323.eot?#iefix) format("embedded-opentype"), url(https://static-search.dickssportinggoods.com/calia-navigation/perf/client/295183786cd8a1389865.woff) format("woff"), url(https://static-search.dickssportinggoods.com/calia-navigation/perf/client/c94f7671dcc99dce43e2.ttf) format("truetype"), url(https://static-search.dickssportinggoods.com/calia-navigation/perf/client/79bda221e28109f24b91.svg#slick) format("svg");
}
/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  opacity: 0.75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

[dir=rtl] .slick-prev {
  right: -25px;
  left: auto;
}

.slick-prev:before {
  content: "←";
}

[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}

[dir=rtl] .slick-next {
  right: auto;
  left: -25px;
}

.slick-next:before {
  content: "→";
}

[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "•";
  text-align: center;
  opacity: 0.25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: black;
}
/*!**************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/common/Ticker/ExpandableTicker/ExpandableTicker.scss ***!
  \**************************************************************************************************************************************************************/
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/** @format */
.calia-react-header-scope .expandable-ticker-wrapper {
  min-height: 48px;
  width: 100%;
}
.calia-react-header-scope .expandable-ticker-wrapper.header-ticker-minimum {
  min-height: 48px;
}
.calia-react-header-scope .expandable-ticker-wrapper button {
  width: 100%;
  -webkit-appearance: none;
  background: none;
  border: none;
  border-radius: var(--hmf-0);
  cursor: pointer;
}
.calia-react-header-scope .expandable-ticker-wrapper button:focus-visible {
  outline: 1px dashed var(--hmf-gray50);
  outline-offset: 5px;
}
.calia-react-header-scope .expandable-ticker-wrapper button svg path {
  fill: white;
}
.calia-react-header-scope .expandable-ticker-wrapper .expandable-ticker-expand {
  height: 32px;
  width: 32px;
  box-sizing: border-box;
}
@media (min-width: 480px) {
  .calia-react-header-scope .expandable-ticker-wrapper {
    height: 48px;
  }
}
.calia-react-header-scope .expandable-ticker-wrapper .expandable-ticker {
  width: calc(100% - 64px);
  max-width: 640px;
}
.calia-react-header-scope .expandable-ticker-wrapper .expandable-ticker .expandable-ticker-track {
  overflow: hidden;
}
.calia-react-header-scope .expandable-ticker-wrapper .expandable-ticker .expandable-ticker-track .slick-list {
  padding: 0;
}
.calia-react-header-scope .expandable-ticker-wrapper .expandable-ticker .expandable-ticker-track .slick-track {
  display: flex;
  align-items: center;
}
.calia-react-header-scope .expandable-ticker-wrapper .expandable-ticker .expandable-ticker-track .slick-slide {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: var(--hmf-0);
  padding: var(--hmf-0);
}
.calia-react-header-scope .expandable-ticker-wrapper .expandable-ticker .expandable-ticker-track .slick-slide > div:first-child {
  max-width: 100%;
  max-height: 100%;
}
.calia-react-header-scope .expandable-ticker-wrapper .expandable-ticker .expandable-ticker-track .slick-slide .expandable-ticker-item .expandable-ticker-content-section {
  max-width: 100%;
}
.calia-react-header-scope .expandable-ticker-wrapper .expandable-ticker .expandable-ticker-track .slick-slide .expandable-ticker-item .expandable-ticker-content-section .expandable-ticker-top-section {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.calia-react-header-scope .expandable-ticker-wrapper .expandable-ticker .expandable-ticker-track .slick-slide .expandable-ticker-item .expandable-ticker-content-section .expandable-ticker-bottom-section {
  overflow: hidden;
}
.calia-react-header-scope .expandable-ticker-wrapper .expandable-ticker .expandable-ticker-track .slick-slide .expandable-ticker-item .expandable-ticker-content-section .expandable-ticker-bottom-text {
  max-width: calc(100% - 32px);
}
@media (min-width: 480px) {
  .calia-react-header-scope .expandable-ticker-wrapper .expandable-ticker .expandable-ticker-track .slick-slide .expandable-ticker-item .expandable-ticker-content-section .expandable-ticker-bottom-text {
    max-width: 100%;
  }
}
.calia-react-header-scope .expandable-ticker-wrapper .expandable-ticker .expandable-ticker-track .slick-slide .expandable-ticker-item .expandable-ticker-content-section .expandable-ticker-bottom-text-content {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.calia-react-header-scope .expandable-ticker-wrapper .expandable-ticker .expandable-ticker-track .slick-slide .expandable-ticker-item .expandable-ticker-content-section .expandable-ticker-link {
  white-space: nowrap;
  overflow: visible;
  color: var(--hmf-white);
}
.calia-react-header-scope .expandable-ticker-wrapper .expandable-ticker .expandable-ticker-track .slick-slide .expandable-ticker-item .expandable-ticker-content-section .expandable-ticker-link:focus-visible {
  outline: 1px dashed var(--hmf-gray50);
}
/*!***********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/common/Ticker/ExpandableTicker/TickerDrawer/TickerDrawer.scss ***!
  \***********************************************************************************************************************************************************************/
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/** @format */
.calia-react-header-scope .ticker-drawer-container .hmf-modal-container {
  max-height: none !important;
  width: 100% !important;
}
.calia-react-header-scope .ticker-drawer-container .ticker-drawer {
  max-height: 100dvh;
  overflow-y: auto;
}
.calia-react-header-scope .ticker-drawer-container .ticker-drawer-header {
  position: sticky;
  top: 0;
  background-color: var(--hmf-gray50);
  height: 64px;
  flex-shrink: 0;
}
.calia-react-header-scope .ticker-drawer-container .ticker-drawer-header .close-icon-container {
  background-color: var(--hmf-gray50);
  border: none;
  width: 50px;
  cursor: pointer;
}
.calia-react-header-scope .ticker-drawer-container .ticker-drawer-header .close-icon-container:hover {
  background-color: var(--hmf-gray100);
}
.calia-react-header-scope .ticker-drawer-container .ticker-drawer-header .close-icon-container:focus-visible {
  background-color: var(--hmf-gray100);
  box-sizing: border-box;
  outline: 1px dashed var(--hmf-gray600);
}
.calia-react-header-scope .ticker-drawer-container .ticker-drawer-header .close-icon-container svg path {
  fill: black;
}
@media (min-width: 1024px) {
  .calia-react-header-scope .ticker-drawer-container .ticker-drawer-header {
    height: 108px;
  }
}
.calia-react-header-scope .ticker-drawer-container .ticker-drawer-body .ticker-drawer-item-container {
  max-width: 1600px !important;
  gap: 48px;
}
.calia-react-header-scope .ticker-drawer-container .ticker-drawer-body .ticker-drawer-item-container .ticker-drawer-item {
  flex: 1 1 100%;
}
@media (min-width: 768px) {
  .calia-react-header-scope .ticker-drawer-container .ticker-drawer-body .ticker-drawer-item-container .ticker-drawer-item {
    max-width: 480px;
    flex: 1 1 calc((100% - 144px) / 4);
  }
}
.calia-react-header-scope .ticker-drawer-container .ticker-drawer-item-link {
  color: var(--hmf-gray900);
}
.calia-react-header-scope .ticker-drawer-container .ticker-drawer-item-link.focus-visible {
  outline: 1px dashed var(--hmf-gray600);
  outline-offset: 4px;
}
/*!**********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/common/Ticker/CarouselTicker/CarouselTicker.scss ***!
  \**********************************************************************************************************************************************************/
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/** @format */
.calia-react-header-scope .header-ticker-minimum {
  min-height: 64px;
}
@media (min-width: 1024px) {
  .calia-react-header-scope .header-ticker-minimum {
    min-height: 48px;
  }
}

.rh-ticker-carousel-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: relative;
}
.rh-ticker-carousel-wrapper .rh-ticker-carousel {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  text-align: center;
  width: 60vw;
}
@media screen and (max-width: 767px) {
  .rh-ticker-carousel-wrapper .rh-ticker-carousel {
    align-self: center;
    width: 95vw;
  }
}
.rh-ticker-carousel-wrapper .rh-ticker-carousel svg path {
  fill: white;
}
.rh-ticker-carousel-wrapper .rh-ticker-carousel button {
  -webkit-appearance: none;
  background: none;
  border: none;
  border-radius: 0;
  cursor: pointer;
  height: 29px;
  padding: 0;
  width: 24px;
}
.rh-ticker-carousel-wrapper .rh-ticker-carousel button:focus-visible {
  outline: 1px dashed var(--hmf-gray50);
  outline-offset: 5px;
}
.rh-ticker-carousel-wrapper .rh-ticker-carousel .rh-ticker-carousel-control--spacer {
  height: 1px;
  width: 24px;
}
.rh-ticker-carousel-wrapper .rh-ticker-carousel .rh-ticker-carousel-track {
  display: block;
  overflow: hidden;
}
.rh-ticker-carousel-wrapper .rh-ticker-carousel .rh-ticker-carousel-track .rh-ticker-carousel-inner {
  align-self: center;
  display: flex;
  flex-direction: row;
  margin: 0;
  padding: 0;
  width: 6000px;
}
.rh-ticker-carousel-wrapper .rh-ticker-carousel .rh-ticker-carousel-track .rh-ticker-carousel-inner .rh-ticker-carousel-item {
  display: flex;
  width: 40vw;
}
@media screen and (max-width: 767px) {
  .rh-ticker-carousel-wrapper .rh-ticker-carousel .rh-ticker-carousel-track .rh-ticker-carousel-inner .rh-ticker-carousel-item {
    width: 70vw;
  }
}
.rh-ticker-carousel-wrapper .rh-ticker-carousel .rh-ticker-carousel-track .rh-ticker-carousel-inner .rh-ticker-carousel-item .rh-ticker-carousel-content-section {
  margin: auto;
  padding: 8px;
  width: 100%;
}
.rh-ticker-carousel-wrapper .rh-ticker-carousel .rh-ticker-carousel-track .rh-ticker-carousel-inner .rh-ticker-carousel-item .rh-ticker-carousel-content-section a {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  padding-left: 1vw;
  text-decoration: none;
}
.rh-ticker-carousel-wrapper .rh-ticker-carousel .rh-ticker-carousel-track .rh-ticker-carousel-inner .rh-ticker-carousel-item .rh-ticker-carousel-content-section a:focus-visible {
  outline: 1px dashed var(--hmf-gray50);
}
.rh-ticker-carousel-wrapper .rh-ticker-carousel .rh-ticker-carousel-track .rh-ticker-carousel-inner .rh-ticker-carousel-item .rh-ticker-carousel-content-section a .rh-ticker-carousel-top-section {
  font-family: var(--ticker-font-family);
  font-size: var(--ticker-font-size);
  font-style: var(--ticker-font-style);
  font-weight: var(--ticker-font-weight);
  letter-spacing: var(--ticker-letter-spacing);
  line-height: var(--ticker-line-height);
}
.rh-ticker-carousel-wrapper .rh-ticker-carousel .rh-ticker-carousel-track .rh-ticker-carousel-inner .rh-ticker-carousel-item .rh-ticker-carousel-content-section a .rh-ticker-carousel-bottom-section {
  font-family: var(--ticker-link-font-family);
  font-size: var(--ticker-link-font-size);
  font-style: var(--ticker-link-font-style);
  font-weight: var(--ticker-link-font-weight);
  letter-spacing: var(--ticker-link-letter-spacing);
  line-height: var(--ticker-link-line-height);
}
.rh-ticker-carousel-wrapper .rh-ticker-carousel .rh-ticker-carousel-track .rh-ticker-carousel-inner .rh-ticker-carousel-item .rh-ticker-carousel-content-section a .rh-ticker-carousel-bottom-section .rh-ticker-carousel-link {
  text-decoration: underline;
}
/*!***********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/common/Ticker/Ticker.scss ***!
  \***********************************************************************************************************************************/
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/** @format */
.calia-react-header-scope .header-ticker-minimum {
  min-height: 64px;
}
@media (min-width: 1024px) {
  .calia-react-header-scope .header-ticker-minimum {
    min-height: 48px;
  }
}

.rh-ticker-container {
  background-color: var(--ticker-background-color);
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  min-height: 48px;
  padding: 0 15px 0;
  width: 100%;
}
@media (max-width: 767px) {
  .rh-ticker-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.rh-ticker-container .app-ticker-message:first-child .ticker__section::before {
  border-left: 0;
}
@media (max-width: 767px) {
  .rh-ticker-container .app-ticker-message:first-child .ticker__section::before {
    border-top: 0;
  }
}
.rh-ticker-container .app-ticker-message a {
  box-sizing: border-box;
  overflow: hidden;
  width: 100%;
}
@media (max-width: 767px) {
  .rh-ticker-container .app-ticker-message a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.rh-ticker-container .app-ticker-message a .ticker__message {
  align-self: baseline;
  display: inline-block;
  margin-bottom: 0;
}
.rh-ticker-container .app-ticker-message a .ticker__message--main {
  padding-right: 1vw;
}
@media (max-width: 767px) {
  .rh-ticker-container .app-ticker-message a .ticker__message--main {
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .rh-ticker-container .app-ticker-message a .ticker__message {
    align-self: center;
  }
}
.rh-ticker-container .app-ticker-message .ticker__section::before {
  border-left: 1px solid var(--ticker-color);
  bottom: 0;
  content: "";
  height: 90%;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
}
@media (max-width: 767px) {
  .rh-ticker-container .app-ticker-message .ticker__section::before {
    border-top: 1px solid var(--ticker-color);
    bottom: auto;
    height: 1px;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 80%;
  }
}
.rh-ticker-container .app-ticker-message .ticker__message {
  color: var(--ticker-color);
  font-family: var(--ticker-font-family);
  font-size: var(--ticker-font-size);
  font-style: var(--ticker-font-style);
  font-weight: var(--ticker-font-weight);
  letter-spacing: var(--ticker-letter-spacing);
  line-height: var(--ticker-line-height);
  text-align: center;
  text-transform: var(--ticker-text-transform);
}
.rh-ticker-container .app-ticker-message .ticker__message--disclaimer {
  font-family: var(--ticker-link-font-family);
  font-size: var(--ticker-link-font-size);
  font-style: var(--ticker-link-font-style);
  font-weight: var(--ticker-link-font-weight);
  letter-spacing: var(--ticker-link-letter-spacing);
  line-height: var(--ticker-link-line-height);
  text-transform: var(--ticker-link-text-transform);
}
.rh-ticker-container.ticker-dsg--multi .ticker__section a {
  flex-direction: column;
  padding-left: 1vw;
}
@media (max-width: 767px) {
  .rh-ticker-container.ticker-dsg--multi .ticker__section a {
    padding-left: 0;
  }
}
.rh-ticker-container.ticker-dsg {
  padding: 0;
}
.rh-ticker-container.ticker-dsg .ticker__section {
  padding: 8px;
}
@media (max-width: 767px) {
  .rh-ticker-container.ticker-dsg .ticker__section {
    padding: 8px 31px;
  }
}
.rh-ticker-container.ticker-dsg .ticker__message--hide {
  display: none;
}
.rh-ticker-container.ticker-dsg .ticker__message--disclaimer {
  font-size: var(--ticker-link-font-size);
}
.rh-ticker-container.ticker-dsg .ticker__message--underline {
  text-decoration: underline;
}
.rh-ticker-container.ticker-gg .ticker__section {
  padding: 8px;
}
.rh-ticker-container.ticker-gg .ticker__message--hide {
  display: none;
}
.rh-ticker-container.ticker-gg .ticker__message--bold {
  font-weight: bold;
}
.rh-ticker-container.ticker-gg .ticker__message--disclaimer {
  font-size: var(--ticker-link-font-size);
  font-weight: 300;
}
.rh-ticker-container.ticker-gg .ticker__message--underline {
  text-decoration: underline;
}
/*!**************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/templates/Header/Header.scss ***!
  \**************************************************************************************************************************************/
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/** @format */
.dsg-header-2021 {
  background-color: var(--header-background-color);
}
.dsg-header-2021 *,
.dsg-header-2021 :after,
.dsg-header-2021 :before {
  box-sizing: border-box;
}
.dsg-header-2021 .mobile-nav-display {
  position: relative;
}
.dsg-header-2021 .mobile-nav-backdrop {
  background-color: rgba(0, 0, 0, 0.6);
  height: 100%;
  left: 0;
  overflow-y: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 100;
}
.dsg-header-2021 .dsg-search-wrapper {
  border-top: none;
  flex-grow: 1;
}
@media (min-width: 768px) {
  .dsg-header-2021 .dsg-search-wrapper {
    border-top: 1px solid var(--header-border-color);
  }
}
@media (min-width: 1280px) {
  .dsg-header-2021 .dsg-search-wrapper {
    border-top: none;
    flex-grow: 1;
  }
}
.dsg-header-2021 .skip-link {
  background-color: var(--color-white);
  color: var(--color-black);
  height: 1px;
  left: -1000px;
  position: absolute;
  text-decoration: none;
  width: 1px;
}
.dsg-header-2021 .skip-link:focus {
  display: block;
  height: unset;
  left: unset;
  width: fit-content;
  z-index: 200;
}
.dsg-header-2021 .skip-link:focus-visible {
  box-sizing: border-box;
  outline: 1px dashed var(--focus-color);
}
.dsg-header-2021 .header2-pl-logo {
  width: 236px;
}
.dsg-header-2021 .header2-pl-full-logo {
  min-height: 32px;
  min-width: 280px;
}
.dsg-header-2021 .header2-pl-full-logo svg path {
  fill: var(--color-white);
}
.dsg-header-2021 .header2-pl-icon {
  width: 50px;
}
@media (max-width: 576px) {
  .dsg-header-2021 .header2-pl-icon {
    width: 30px;
  }
}
.dsg-header-2021 .header2-pl-mobile-logo {
  height: 40px;
  width: 120px;
}
@media (max-width: 349px) {
  .dsg-header-2021 .header2-pl-mobile-logo {
    width: 86px;
  }
}
.dsg-header-2021 .header-gg-logo {
  min-width: 103px;
  min-height: 48px;
}
.dsg-header-2021 .dsg-search-wrapper-new-header {
  border-top: 1px solid var(--header-border-color);
}
@media (min-width: 768px) {
  .dsg-header-2021 .dsg-search-wrapper-new-header {
    border-top: none;
    flex-grow: 1;
  }
}
.dsg-header-2021 .hamburger-menu-new {
  color: var(--hmf-gray900);
  cursor: pointer;
}
.dsg-header-2021 .hamburger-menu-new .hamburger-text {
  color: var(--hmf-gray900);
}
.dsg-header-2021 .hamburger-menu-new.desktop {
  margin-left: var(--hmf-xxs);
  order: 2;
}
.dsg-header-2021 .hamburger-menu-new:active {
  background: var(--hmf-fill-secondary-active);
  border-radius: var(--hmf-softer-radius);
}
.dsg-header-2021 .hamburger-menu-new:hover {
  background-color: var(--hmf-fill-secondary-hover);
  border-radius: var(--hmf-softer-radius);
}
.dsg-header-2021 .hamburger-menu-new:focus-visible {
  background-color: var(--hmf-fill-secondary-static);
  border: 1px dashed var(--hmf-border-focused);
  border-radius: var(--hmf-softer-radius);
  outline: none;
}
/*!****************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/templates/MicrositeHeader/DropdownNav/DropdownNav.scss ***!
  \****************************************************************************************************************************************************************/
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/** @format */
.calia-react-header-scope.hmf-g3-theme .rc-dropdown-menu {
  list-style: none;
  overflow: hidden;
  -webkit-box-align: center;
  -ms-flex-align: center;
  text-align: center;
  width: 100%;
}
.calia-react-header-scope.hmf-g3-theme .category-list {
  list-style: none;
}
.calia-react-header-scope.hmf-g3-theme .category .category-title-block {
  border-bottom: 1px solid var(--hmf-border-base);
  overflow: auto;
}
.calia-react-header-scope.hmf-g3-theme .category .category-title-block .category-title-link .category-title {
  color: var(--font-color-primary);
}
.calia-react-header-scope.hmf-g3-theme .rc-dropdown-links {
  max-width: 1600px;
  background-color: var(--hmf-background-color-base);
  left: 0;
  right: 0;
  text-align: left;
  width: 100%;
  z-index: 10;
}
.calia-react-header-scope.hmf-g3-theme .rc-dropdown-title > a {
  border-bottom: 3px solid transparent;
}
.calia-react-header-scope.hmf-g3-theme .rc-dropdown-title:hover > a {
  border-bottom: 3px solid var(--text-onhover-color);
  color: var(--text-onhover-color);
  text-decoration: none;
}
.calia-react-header-scope.hmf-g3-theme .rc-dropdown-title:focus > a {
  border-bottom: 3px solid var(--text-onhover-color);
  color: var(--text-onhover-color);
  text-decoration: none;
}
.calia-react-header-scope.hmf-g3-theme .link-columns {
  width: 100%;
}
.calia-react-header-scope.hmf-g3-theme .subcategory > a {
  outline: none;
  outline-style: none;
}
.calia-react-header-scope.hmf-g3-theme .subcategory > a:hover, .calia-react-header-scope.hmf-g3-theme .subcategory > a:focus {
  color: var(--text-onhover-color);
}
.calia-react-header-scope.hmf-g3-theme .subcategory-container {
  list-style: none;
  min-width: 200px;
  max-width: 240px;
}
/*!******************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/templates/MicrositeHeader/NavBar/NavBar.scss ***!
  \******************************************************************************************************************************************************/
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/** @format */
.calia-react-header-scope.hmf-g3-theme .navbar-wrapper {
  max-width: 1600px;
}
.calia-react-header-scope.hmf-g3-theme .navbar-buttons > * {
  border-left: 1px solid var(--hmf-border-base);
}
.calia-react-header-scope.hmf-g3-theme .cart-item-count {
  background-color: var(--hmf-fill-primary-static);
  color: var(--hmf-label-inverse-base);
  top: -6px;
  left: var(--hmf-s);
  height: var(--hmf-s);
  width: var(--hmf-s);
}
/*!**************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/templates/MicrositeHeader/SearchResultsRow/SearchResultsRow.scss ***!
  \**************************************************************************************************************************************************************************/
.calia-react-header-scope.hmf-g3-theme .search-result-row:hover {
  color: var(--hmf-label-secondary-hover);
}
.calia-react-header-scope.hmf-g3-theme .search-result-row .calia-search-original-price {
  text-decoration: line-through;
}
.calia-react-header-scope.hmf-g3-theme .search-result-row .calia-search-thumbnail {
  max-height: 80px;
  max-width: 80px;
}
.calia-react-header-scope.hmf-g3-theme .search-result-row a {
  overflow: hidden;
}
.calia-react-header-scope.hmf-g3-theme .search-result-row a div {
  float: left;
  text-align: left;
}
.calia-react-header-scope.hmf-g3-theme .search-result-row a .calia-search-thumbnail img {
  height: 80px;
}
.calia-react-header-scope.hmf-g3-theme .search-result-row a .product-information h2 {
  color: var(--hmf-label-secondary-static);
}
.calia-react-header-scope.hmf-g3-theme .search-result-row a .product-information .calia-search-price {
  color: var(--hmf-label-base);
}
/*!******************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/templates/MicrositeHeader/Search/Search.scss ***!
  \******************************************************************************************************************************************************/
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/** @format */
.calia-react-header-scope.hmf-g3-theme .rc-search {
  min-height: 56px;
}
@media (min-width: 768px) {
  .calia-react-header-scope.hmf-g3-theme .rc-search {
    max-width: 320px;
  }
}
@media (min-width: 1280px) {
  .calia-react-header-scope.hmf-g3-theme .rc-search {
    max-width: 360px;
  }
}
@media (min-width: 768px) {
  .calia-react-header-scope.hmf-g3-theme .calia-search {
    border-left: 1px solid var(--hmf-border-base);
  }
}
.calia-react-header-scope.hmf-g3-theme .calia-search .search-forward-action path {
  fill: var(--hmf-label-base);
}
.calia-react-header-scope.hmf-g3-theme .calia-search .forward-logo {
  -webkit-appearance: none;
  background-color: transparent;
  border: 0;
  border-radius: 0;
  cursor: pointer;
}
.calia-react-header-scope.hmf-g3-theme .calia-search-results-box {
  background-color: var(--hmf-background-base-subtle);
  position: absolute;
  left: 0;
  right: 0;
  top: 60px;
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  z-index: 30;
}
@media (min-width: 768px) {
  .calia-react-header-scope.hmf-g3-theme .calia-search-results-box {
    margin-left: 0;
    top: 75px;
    width: 100%;
    border: 1px solid var(--search-results-box-border-color);
    border-top: 0;
  }
}
.calia-react-header-scope.hmf-g3-theme .calia-search-price {
  color: var(--hmf-primary900);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 18px;
}
.calia-react-header-scope.hmf-g3-theme .calia-search-suggestion-result {
  color: var(--hmf-label-secondary-static);
}
.calia-react-header-scope.hmf-g3-theme .calia-search-suggestion-result:hover {
  color: var(--hmf-label-secondary-hover);
}
.calia-react-header-scope.hmf-g3-theme .calia-search-view-all-results {
  color: var(--font-color-primary);
}
.calia-react-header-scope.hmf-g3-theme .clear-search-input {
  height: 56px;
}
.calia-react-header-scope.hmf-g3-theme .clear-search-input svg {
  min-height: 24px;
  min-width: 24px;
}
.calia-react-header-scope.hmf-g3-theme .clear-search-input input[type=search] {
  -webkit-appearance: none;
  appearance: none;
  background: var(--hmf-gray50);
  border: none;
  height: 100%;
}
.calia-react-header-scope.hmf-g3-theme .clear-search-input input[type=search]::placeholder {
  color: var(--hmf-label-secondary-subtle-static);
}
.calia-react-header-scope.hmf-g3-theme .clear-search-input input[type=search]:hover {
  color: var(--hmf-label-secondary-subtle-hover);
}
.calia-react-header-scope.hmf-g3-theme .clear-search-input input[type=search]:hover::placeholder {
  color: var(--hmf-label-secondary-subtle-hover);
}
.calia-react-header-scope.hmf-g3-theme .clear-search-input input[type=search]:focus {
  border-bottom: 2px solid var(--hmf-border-primary-hover);
  outline: none;
}
.calia-react-header-scope.hmf-g3-theme .clear-search-input input[type=search]::-webkit-search-decoration, .calia-react-header-scope.hmf-g3-theme .clear-search-input input[type=search]::-webkit-search-cancel-button, .calia-react-header-scope.hmf-g3-theme .clear-search-input input[type=search]::-webkit-search-results-button, .calia-react-header-scope.hmf-g3-theme .clear-search-input input[type=search]::-webkit-search-results-decoration {
  display: none;
}
.calia-react-header-scope.hmf-g3-theme .clear-search-input input::-ms-clear {
  display: none;
}
.calia-react-header-scope.hmf-g3-theme .clear-search-input .clear-search-btn {
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.calia-react-header-scope.hmf-g3-theme .clear-search-input .clear-search-btn span {
  border-bottom: 1px solid var(--hmf-label-secondary-subtle-static);
}
.calia-react-header-scope.hmf-g3-theme .clear-search-input .clear-input {
  visibility: hidden;
}
/*!********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/templates/MicrositeHeader/MicrositeHeader.scss ***!
  \********************************************************************************************************************************************************/
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/** @format */
.calia-react-header-scope.hmf-g3-theme .dsg-header {
  background-color: #eaebeb;
  color: var(--font-color-primary);
  font-family: var(--mobile-story-find-store-font-family);
  font-size: 1.3rem;
}
.calia-react-header-scope.hmf-g3-theme .dsg-header *,
.calia-react-header-scope.hmf-g3-theme .dsg-header :after,
.calia-react-header-scope.hmf-g3-theme .dsg-header :before {
  box-sizing: border-box;
}
.calia-react-header-scope.hmf-g3-theme .subheader-wrapper {
  min-height: 72px;
  border-bottom: 1px solid var(--hmf-border-base);
}
.calia-react-header-scope.hmf-g3-theme .subheader-inner {
  border-bottom: 1px solid var(--hmf-border-base);
}
.calia-react-header-scope.hmf-g3-theme .subheader-inner .mobile-menu-container {
  height: 100%;
}
.calia-react-header-scope.hmf-g3-theme .subheader-inner .mobile-menu-container .menu-items-container {
  background-color: var(--hmf-fill-secondary-static);
}
.calia-react-header-scope.hmf-g3-theme .subheader-inner .mobile-menu-container .utility-menu-container {
  background-color: var(--hmf-fill-secondary-static-subtle);
  height: 100%;
}
.calia-react-header-scope.hmf-g3-theme .subheader-inner .mobile-menu-container .utility-menu-container .utility-menu-item {
  color: var(--hmf-fill-inverse);
}
@media (min-width: 768px) {
  .calia-react-header-scope.hmf-g3-theme .subheader-inner {
    border: none;
  }
}
.calia-react-header-scope.hmf-g3-theme .subheader-buttons {
  min-width: 0px;
}
.calia-react-header-scope.hmf-g3-theme .subheader-buttons > button > span {
  padding: 0 8px;
}
.calia-react-header-scope.hmf-g3-theme .subheader-buttons > button > span > span {
  display: none;
}
@media (min-width: 768px) {
  .calia-react-header-scope.hmf-g3-theme .subheader-buttons > button > span > span {
    display: inline;
  }
}
@media (min-width: 1024px) {
  .calia-react-header-scope.hmf-g3-theme .subheader-buttons {
    display: none;
  }
}
.calia-react-header-scope.hmf-g3-theme .header-menu-container {
  gap: var(--hmf-m);
  width: 100%;
}
@media (min-width: 1024px) {
  .calia-react-header-scope.hmf-g3-theme .header-menu-container {
    width: auto;
  }
}
.calia-react-header-scope.hmf-g3-theme .header-shopping-bag-mobile {
  height: 48px;
  width: 48px;
}
.calia-react-header-scope.hmf-g3-theme .header-cart-count-mobile {
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  left: 7px;
  text-align: center;
  top: 3px;
  width: 14px;
  z-index: 1111;
}
/*!*************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/templates/HeaderSM/DropdownNavSM/DropdownNavSM.scss ***!
  \*************************************************************************************************************************************************************/
.calia-react-header-scope.hmf-sm-theme {
  z-index: 4;
}
.calia-react-header-scope.hmf-sm-theme .rc-subheader-dropdown {
  background-color: var(--color-green-base-600);
  left: 0;
  letter-spacing: 0.5px;
  padding: 66px 50px;
  right: 0;
  top: 86px;
  z-index: 10;
}
.calia-react-header-scope.hmf-sm-theme .category-title-link {
  border: solid 1px transparent;
  color: var(--hmf-gray50);
  text-decoration: none;
}
.calia-react-header-scope.hmf-sm-theme .category-title-link:hover {
  text-decoration: underline;
  text-decoration-color: var(--hmf-gray50);
}
.calia-react-header-scope.hmf-sm-theme .rc-dropdown-menu {
  -webkit-box-align: center;
  -ms-flex-align: center;
}
.calia-react-header-scope.hmf-sm-theme .rc-dropdown-links {
  color: var(--hmf-primary900);
  font-size: 12px;
  text-align: left;
}
.calia-react-header-scope.hmf-sm-theme .rc-dropdown-title {
  -webkit-box-flex: 1;
  -ms-flex: auto;
  display: inline-block;
  flex: auto;
  outline: none;
  outline-style: none;
}
.calia-react-header-scope.hmf-sm-theme .rc-dropdown-title:focus {
  border: 1px dashed var(--hmf-primary600);
  box-sizing: border-box;
}
.calia-react-header-scope.hmf-sm-theme .rc-dropdown-title:hover {
  background-color: var(--color-green-base-600);
  color: var(--hmf-gray50);
}
.calia-react-header-scope.hmf-sm-theme .rc-dropdown-title:hover span {
  background-color: var(--color-green-base-600);
  cursor: default;
  text-decoration: underline;
  text-decoration-color: var(--hmf-primary300);
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}
.calia-react-header-scope.hmf-sm-theme .rc-dropdown-title > span {
  cursor: pointer;
  display: inline-block;
  font-size: 24px;
  padding: 28.5px 25px;
  text-decoration: none;
  text-transform: var(--header-navbar-title-text-transform);
}
@media screen and (max-width: 1440px) and (min-width: 1280px) {
  .calia-react-header-scope.hmf-sm-theme .rc-dropdown-title > span {
    padding: 28.5px 35px;
  }
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .calia-react-header-scope.hmf-sm-theme .rc-dropdown-title > span {
    padding: 28.5px 8px;
  }
}
.calia-react-header-scope.hmf-sm-theme .rc-dropdown-title:hover + .rc-dropdown-links {
  display: block;
}
/*!***********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/templates/HeaderSM/SlideinNavSM/SlideinNavSM.scss ***!
  \***********************************************************************************************************************************************************/
.calia-react-header-scope.hmf-sm-theme .slidein-nav-sm .hmf-modal-container {
  width: 100% !important;
  background-color: var(--hmf-background-base-subtle);
}
.calia-react-header-scope.hmf-sm-theme .slidein-nav-sm .hmf-modal-container .hmf-modal-container-close {
  margin: var(--hmf-s) !important;
}
.calia-react-header-scope.hmf-sm-theme .slidein-nav-header {
  background-color: var(--hmf-gray50);
  height: 56px;
  border-bottom: 1px solid var(--hmf-gray200);
}
.calia-react-header-scope.hmf-sm-theme .slidein-nav-header-back-btn {
  border: none;
  cursor: pointer;
  left: 20px;
  min-width: var(--hmf-xl) !important;
  padding-left: var(--hmf-s) !important;
}
.calia-react-header-scope.hmf-sm-theme .slidein-nav-header-back-btn svg {
  width: var(--hmf-m);
  height: var(--hmf-m);
}
.calia-react-header-scope.hmf-sm-theme .slidein-nav-header-back-btn:hover {
  border: none !important;
}
.calia-react-header-scope.hmf-sm-theme .slidein-nav-header-close-btn {
  border: none;
  cursor: pointer;
}
.calia-react-header-scope.hmf-sm-theme .slidein-nav-header-close-btn:hover {
  border: none !important;
}
.calia-react-header-scope.hmf-sm-theme .slidein-nav-options .option {
  background: var(--hmf-gray50);
  border: none;
  border-bottom: 1px solid var(--hmf-gray200);
  cursor: pointer;
  height: 56px;
  width: 100%;
  color: var(--hmf-gray900);
}
.calia-react-header-scope.hmf-sm-theme .slidein-nav-options .option:hover {
  background-color: var(--hmf-gray100);
}
.calia-react-header-scope.hmf-sm-theme .slidein-nav-options .option:focus {
  outline: 1px dashed var(--hmf-gray500);
  outline-offset: -3px;
}
.calia-react-header-scope.hmf-sm-theme .slidein-nav-options .option:active {
  background-color: var(--hmf-gray200);
}
/*!******************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/templates/HeaderSM/HeaderSM.scss ***!
  \******************************************************************************************************************************************/
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/** @format */
.calia-react-header-scope.hmf-sm-theme .sm-header .nav-bar-container {
  background-color: var(--header-navbar-background-color);
}
.calia-react-header-scope.hmf-sm-theme .sm-header .nav-bar-container .nav-bar {
  max-width: 1600px;
  z-index: 3;
}
@media (min-width: 768px) {
  .calia-react-header-scope.hmf-sm-theme .sm-header .nav-bar-container .nav-bar {
    z-index: 11;
  }
}
.calia-react-header-scope.hmf-sm-theme .sm-header .nav-bar-container .nav-bar .donate-button {
  background-color: var(--color-green-base-600);
  text-decoration: none;
  color: var(--color-white);
  border: none;
}
.calia-react-header-scope.hmf-sm-theme .sm-header .rc-sm-header {
  border: none;
  max-width: 1600px;
}
.calia-react-header-scope.hmf-sm-theme .sm-header .rc-sm-header .rc-subheader {
  border-top: none;
}
.calia-react-header-scope.hmf-sm-theme .sm-header .rc-sm-header .rc-subheader .main-logo {
  flex-grow: 0;
}
.calia-react-header-scope.hmf-sm-theme .sm-header .rc-sm-header .rc-subheader .rc-sm-logo-link:focus {
  border: 1px dashed var(--color-green-base-600);
}
.calia-react-header-scope.hmf-sm-theme .sm-header .rc-sm-header .rc-subheader .rc-sm-logo-link img {
  width: 225px;
  height: 66px;
}
@media (min-width: 768px) {
  .calia-react-header-scope.hmf-sm-theme .sm-header .rc-sm-header .rc-subheader .rc-sm-logo-link img {
    height: 85px;
    width: 290px;
  }
}
.calia-react-header-scope.hmf-sm-theme .sm-header .header-menu-hamburger {
  box-sizing: content-box;
}
.calia-react-header-scope.hmf-sm-theme .sm-header .header-menu-hamburger-btn {
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.calia-react-header-scope.hmf-sm-theme .sm-header .header-menu-hamburger-btn svg {
  width: 30px;
  height: 30px;
}
.calia-react-header-scope.hmf-sm-theme .sm-header .header-menu-hamburger-btn:hover {
  background-color: transparent !important;
  border: none !important;
}
.calia-react-header-scope.hmf-sm-theme .responsive-header-mobile-nav-open {
  overflow: auto !important;
}
@media (min-width: 768px) {
  .calia-react-header-scope.hmf-sm-theme .responsive-header-mobile-nav-open {
    overflow: hidden !important;
  }
}
/*!********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/templates/HeaderPLF/HeaderPLF.scss ***!
  \********************************************************************************************************************************************/
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/* stylelint-disable length-zero-no-unit */
/** @format */
.calia-react-header-scope.hmf-pl-theme .plf-header-container .plf-donate-button-wrapper {
  width: 100%;
}
.calia-react-header-scope.hmf-pl-theme .plf-header-container .plf-donate-button-wrapper a {
  color: var(--color-white);
}
.calia-react-header-scope.hmf-pl-theme .plf-header-container .plf-donate-button-wrapper a:hover {
  background-color: var(--color-green-base-700);
  box-shadow: 0 4px 5px -2px grey;
  transition: 0.3s;
}
.calia-react-header-scope.hmf-pl-theme .plf-header-container .plf-header {
  background-color: var(--hmf-primary500);
  color: var(--hmf-gray50);
}
.calia-react-header-scope.hmf-pl-theme .plf-header-container .plf-header .hmf-modal-container {
  width: 100%;
  background-color: var(--hmf-background-base-subtle);
}
.calia-react-header-scope.hmf-pl-theme .plf-header-container .plf-header a {
  color: var(--hmf-gray50);
}
.calia-react-header-scope.hmf-pl-theme .plf-header-container .plf-header a:focus-visible {
  box-sizing: border-box;
  outline: 2px dashed var(--hmf-secondary500);
  outline-offset: 5px;
}
.calia-react-header-scope.hmf-pl-theme .plf-header-container .plf-header svg.plf-logo path {
  fill: var(--hmf-accent100);
}
@media (min-width: 768px) {
  .calia-react-header-scope.hmf-pl-theme .plf-header-container .plf-header .logo-button {
    align-items: baseline;
  }
}
.calia-react-header-scope.hmf-pl-theme .plf-header-container .plf-header .L0-links :hover {
  text-decoration: underline;
  text-decoration-color: var(--hmf-label-inverse-base);
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}
.calia-react-header-scope.hmf-pl-theme .plf-header-container .plf-header .mobile-menu-bar {
  height: 60px;
}
.calia-react-header-scope.hmf-pl-theme .plf-header-container .plf-header .mobile-menu-btn-open {
  border: none;
  cursor: pointer;
  background-color: var(--hmf-gray50);
  width: 63px;
}
.calia-react-header-scope.hmf-pl-theme .plf-header-container .plf-header .mobile-menu-btn-open:active {
  background-color: var(--hmf-tertiary200);
}
.calia-react-header-scope.hmf-pl-theme .plf-header-container .plf-header .mobile-menu-btn-open:hover {
  background-color: var(--hmf-tertiary100);
}
.calia-react-header-scope.hmf-pl-theme .plf-header-container .plf-header .mobile-menu-btn-open:focus-visible {
  box-sizing: border-box;
  outline: 2px dashed var(--hmf-secondary500);
  outline-offset: -5px;
}
.calia-react-header-scope.hmf-pl-theme .plf-header-container .plf-header .mobile-l0-links a {
  color: var(--hmf-label-base);
  width: 100%;
}
.calia-react-header-scope.hmf-pl-theme .plf-header-container .plf-header .mobile-l0-links a:focus-visible {
  outline-offset: -5px;
  outline: 1px dashed var(--hmf-border-focused);
}
.calia-react-header-scope.hmf-pl-theme .plf-header-container .plf-header .mobile-link {
  height: 56px;
  border-bottom: 1px solid var(--hmf-border-base);
}
.calia-react-header-scope.hmf-pl-theme .plf-header-container .plf-header .mobile-link:hover {
  background-color: var(--hmf-fill-secondary-hover);
}
.calia-react-header-scope.hmf-pl-theme .plf-header-container .plf-header .mobile-link:active {
  background-color: var(--hmf-fill-secondary-active);
}
/*!************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/ListsPanel/ListsPanel.scss ***!
  \************************************************************************************************************************************/
.lists-panel-content {
  height: 100vh !important;
  width: 100%;
}
.lists-panel-wrapper {
  height: 100vh !important;
}
.lists-panel-header {
  background-color: var(--hmf-gray100);
  color: var(--hmf-gray900);
}
.lists-panel-header a {
  margin: -2px;
}
.lists-panel.hmf-modal .hmf-modal-container .hmf-modal-container-wrapper .hmf-modal-container-close.hmf-close-primary {
  background: var(--hmf-gray900);
  height: var(--hmf-xl);
  margin: 0 !important;
}
.lists-panel.hmf-modal .hmf-modal-container .hmf-modal-container-wrapper .hmf-modal-container-close.hmf-close-primary svg {
  margin-top: var(--hmf-xs);
}
.lists-panel.hmf-modal .hmf-modal-container .hmf-modal-container-wrapper .hmf-modal-container-close.hmf-close-primary svg path {
  fill: var(--hmf-gray50);
}
.lists-panel-button {
  width: 100%;
}
.lists-panel-create-button {
  border: 1px solid var(--hmf-border-inverse) !important;
  width: 100%;
}
.lists-panel-create-button:hover {
  border: 1px solid var(--hmf-border-inverse) !important;
}
.lists-panel-body .lists-panel-link {
  text-decoration: underline;
}
.lists-panel .delete-list-form {
  width: 100%;
}
.lists-panel .lists-container {
  height: calc(100vh - var(--hmf-m) * 2);
  position: relative;
  width: 100%;
}
.lists-panel .lists-content {
  width: calc(100% - var(--hmf-m) * 2);
  height: calc(100vh - 280px);
  overflow-y: auto;
}
.lists-panel .lists-content-limit {
  height: calc(100vh - 380px);
}
.lists-panel .list-line {
  cursor: pointer;
}
.lists-panel .list-input {
  background-color: transparent;
  border: none;
  margin: 0;
  color: var(--hmf-label-base);
}
.lists-panel .list-input.disabled-text {
  color: var(--hmf-gray300);
  cursor: no-drop;
}
.lists-panel .list-input .list-items-limit {
  color: var(--hmf-red600);
}
.lists-panel .list-input:active,
.lists-panel .list-input:focus {
  border: none;
}
.lists-panel hr {
  border: 0;
  border-bottom: 1px solid var(--hmf-border-base);
}
.lists-panel .list-header {
  box-shadow: 0px 2px 2px -2px rgba(26, 26, 26, 0.2);
}
.lists-panel .list-footer {
  background: var(--hmf-gray50);
  bottom: 0;
  box-shadow: 0px -2px 8px -2px rgba(26, 26, 26, 0.2);
  left: 0;
  right: 0;
  z-index: 2;
}
.lists-panel .form-row-title {
  color: var(--hmf-label-base);
}
.lists-panel .form-row-subtitle {
  color: var(--hmf-label-base-subtle);
}
.lists-panel .list-form-row {
  width: 100%;
}
.lists-panel .limit-alert-banner-icon svg {
  width: 28px;
  height: 28px;
}
/*!*******************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/ListsPanel/components/Switch.scss ***!
  \*******************************************************************************************************************************************/
.visibilty-switch {
  /* Rounded sliders */
}
.visibilty-switch .switch {
  position: relative;
  display: inline-block;
  width: 51px;
  height: var(--hmf-l);
}
.visibilty-switch .switch input {
  position: absolute;
  opacity: 0;
  width: 51px;
  height: var(--hmf-l);
  z-index: 2;
  cursor: pointer;
}
.visibilty-switch .slider {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--hmf-border-base-prominent);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border: 1px solid var(--hmf-border-base-prominent);
}
.visibilty-switch .slider:before {
  position: absolute;
  content: "";
  width: 26px;
  height: 26px;
  background-color: var(--hmf-fill-base);
  border-radius: 50%;
  left: 1px;
  top: 1px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border: 1px solid var(--hmf-border-base-prominent);
}
.visibilty-switch .active {
  background-color: var(--hmf-fill-primary-static);
  border: 1px solid var(--hmf-fill-primary-static);
}
.visibilty-switch .slider.active {
  box-shadow: 0 0 1px var(--hmf-fill-primary-static);
}
.visibilty-switch .active.slider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
  border: 1px solid var(--hmf-fill-primary-static);
}
.visibilty-switch .slider.round {
  border-radius: var(--hmf-l);
}
.visibilty-switch .slider.round:before {
  border-radius: 50%;
}

/*# sourceMappingURL=navigationStyles.0abc6d07059eb145fc0d.css.map*/