/* LX — SVG equivalents for Classic's native front-office components. */
.lx-native-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  flex: 0 0 auto;
  font-size: 1.5rem;
  line-height: 1;
  vertical-align: middle;
  overflow: visible;
}
.btn-primary .lx-native-icon,
.btn-secondary .lx-native-icon,
.btn-tertiary .lx-native-icon { margin-right: .625rem; }
.btn-tertiary .lx-native-icon,
.page-addresses .address-footer .lx-native-icon,
.page-addresses .addresses-footer .lx-native-icon,
.page-footer .account-link .lx-native-icon { font-size: 1rem; }
.page-my-account #content .links a .lx-native-icon {
  display: block;
  width: 2.6rem;
  height: 2.6rem;
  margin: 0 auto .8rem;
  color: inherit;
}
.contact-rich .block .icon .lx-native-icon { font-size: 2rem; }
.facet-dropdown .select-title > .lx-native-icon { margin-left: auto; }
.custom-checkbox input[type=checkbox] + span .lx-native-icon.checkbox-checked { width: 1em; height: 1em; }
.alert-warning .lx-native-icon { margin-right: .625rem; font-size: 2rem; }
#product-modal .modal-content .modal-body .arrows .lx-native-icon { font-size: 4rem; }
.scroll-box-arrows .lx-native-icon { position: absolute; bottom: 1.625rem; height: 100px; cursor: pointer; }
.carousel .carousel-control .icon-next .lx-native-icon,
.carousel .carousel-control .icon-prev .lx-native-icon { font-size: 2rem; color: #fff; }
.carousel .direction .carousel-control .lx-native-icon { background: rgba(122,122,122,.5); }
#products .up .btn-secondary .lx-native-icon,
#products .up .btn-tertiary .lx-native-icon { margin-right: 0; }
#blockcart-modal .modal-title .lx-native-icon { margin-right: 1.875rem; color: #34794a; }
#blockcart-modal .modal-header .close .lx-native-icon { color: #363a42; }
.block-promo .promo-name .lx-native-icon { margin-left: .4rem; font-size: 1.2rem; }
#stores .page-stores .store-item-footer .lx-native-icon { margin-right: .625rem; font-size: 1rem; }
body#checkout section.checkout-step .add-address a .lx-native-icon { font-size: .9375rem; }
body#checkout section.checkout-step .step-edit .lx-native-icon.edit { font-size: 1rem; }
.cart-summary-products .js-show-details[aria-expanded="true"] .lx-native-icon { transform: rotate(180deg); }
#header .header-nav .lx-native-icon.expand-more { margin-left: -.375rem; }
#header .header-nav .cart-preview.active .lx-native-icon { color: #fff; }
.bootstrap-touchspin .input-group-btn-vertical .lx-native-icon { position: absolute; top: .0625rem; left: .1875rem; font-size: .9375rem; }
.product-quantity .input-group-btn-vertical .btn .lx-native-icon { top: .125rem; left: .1875rem; font-size: 1rem; }
.btn-comment .lx-native-icon,
.btn-comment-inverse .lx-native-icon { font-size: 1.25rem; margin-right: 7px; }
.product-comment-modal .modal-header .lx-native-icon { color: #34794a; font-size: 1.875rem; }
.product-comment-modal .modal-header .lx-native-icon.error { color: #a94442; }
.product-comment-modal .modal-header .lx-native-icon.feedback { color: #96512c; }
#product-comments-list-header .comments-nb .lx-native-icon { margin-right: 3px; }
.product-comment-list-item .comment-content .comment-buttons a .lx-native-icon { font-size: 1.125rem; cursor: pointer; }
.lang-rtl .lx-native-icon[data-lx-native-icon="chevron-left"],
.lang-rtl .lx-native-icon[data-lx-native-icon="chevron-right"] { transform: rotate(180deg); }
/* Preserve Vue and module DOM references without displaying their text glyphs. */
[data-lx-native-host] {
  --lx-dynamic-icon-size: 1.5rem;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: var(--lx-dynamic-icon-size) !important;
  height: var(--lx-dynamic-icon-size) !important;
  font-family: inherit !important;
  font-size: 0 !important;
  line-height: 0 !important;
  vertical-align: middle;
}
[data-lx-native-host]::before,
[data-lx-native-host]::after { content: none !important; }
[data-lx-native-host] > .lx-native-icon {
  position: static !important;
  width: var(--lx-dynamic-icon-size) !important;
  height: var(--lx-dynamic-icon-size) !important;
  margin: 0 !important;
  font-size: var(--lx-dynamic-icon-size) !important;
}
.bootstrap-touchspin [data-lx-native-host] { --lx-dynamic-icon-size: .9375rem; }
.product-quantity .bootstrap-touchspin [data-lx-native-host] { --lx-dynamic-icon-size: 1rem; }
/* Stop the legacy icon-font request before JavaScript normalizes dynamic nodes. */
.material-icons,
.material-icons::before,
.material-icons::after { font-family: inherit !important; font-size: 0 !important; }