/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/main/resources/static/sass/product-thumbnail.src.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************/
/**
 * Do not edit directly, this file was auto-generated.
 */
.mozaic-v2 {
  /**
   * Do not edit directly, this file was auto-generated.
   */
}
.mozaic-v2 .mc-star-rating {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.mozaic-v2 .mc-star-rating--standard .mc-star-rating__icon {
  fill: #000000;
}
.mozaic-v2 .mc-star-rating--accent .mc-star-rating__icon {
  fill: #ea7315;
}
.mozaic-v2 .mc-star-rating--slider {
  cursor: pointer;
}
.mozaic-v2 .mc-star-rating--link {
  text-decoration: none;
  cursor: pointer;
}
.mozaic-v2 .mc-star-rating--link:not(:hover) .mc-star-rating__info {
  text-decoration: underline;
}
.mozaic-v2 .mc-star-rating--s .mc-star-rating__icon {
  width: 1.25rem;
  height: 1.25rem;
}
.mozaic-v2 .mc-star-rating--s .mc-star-rating__info {
  font-size: 0.875rem;
}
.mozaic-v2 .mc-star-rating--m .mc-star-rating__icon {
  width: 1.5rem;
  height: 1.5rem;
}
.mozaic-v2 .mc-star-rating--m .mc-star-rating__info {
  font-size: 1rem;
}
.mozaic-v2 .mc-star-rating--l .mc-star-rating__icon {
  width: 2rem;
  height: 2rem;
}
.mozaic-v2 .mc-star-rating--l .mc-star-rating__info {
  font-size: 1.125rem;
}
.mozaic-v2 .mc-star-rating__wrapper {
  display: flex;
  align-items: center;
}
.mozaic-v2 .mc-star-rating__info {
  font-weight: 600;
  line-height: 1.3;
  color: #000000;
}
.mozaic-v2 {
  /**
   * Do not edit directly, this file was auto-generated.
   */
}
.mozaic-v2 .mc-status-dot {
  background-color: #0b96cc;
  height: 0.5rem;
  width: 0.5rem;
  border-radius: 100%;
  display: inline-block;
}
.mozaic-v2 .mc-status-dot--s {
  height: 0.25rem;
  width: 0.25rem;
}
.mozaic-v2 .mc-status-dot--l {
  height: 1rem;
  width: 1rem;
}
.mozaic-v2 .mc-status-dot--success {
  background-color: #3f9e10;
}
.mozaic-v2 .mc-status-dot--error {
  background-color: #ea302d;
}
.mozaic-v2 .mc-status-dot--warning {
  background-color: #ea7315;
}
.mozaic-v2 .mc-status-dot--neutral {
  background-color: #808080;
}
.mozaic-v2 {
  /**
   * Do not edit directly, this file was auto-generated.
   */
}
.mozaic-v2 .mc-toaster {
  border-radius: 0.5rem;
  background: #002a41;
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  min-height: 3.5rem;
  min-width: 18rem;
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  margin-left: 1.5rem;
  box-sizing: border-box;
  color: #ffffff;
  z-index: var(--toaster-z-index, 6);
  opacity: 0;
  visibility: hidden;
  transform: translateX(25%);
  transition: visibility 0s linear 0.4s, transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
}
.mozaic-v2 .mc-toaster.is-open {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}
.mozaic-v2 .mc-toaster__icon {
  width: 2rem;
  height: 2rem;
  margin: 0.75rem;
  fill: #3facd7;
  color: #3facd7;
}
.mozaic-v2 .mc-toaster__content {
  flex: 1 1 0;
  flex-direction: column;
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 0.75rem 1rem 0.75rem 0;
}
@media (width >= 680px) {
  .mozaic-v2 .mc-toaster__content {
    flex-direction: row;
    align-items: center;
  }
}
.mozaic-v2 .mc-toaster__message {
  flex: 1 1 0;
  margin: 0;
  font-size: 1rem;
  line-height: 1.3;
}
.mozaic-v2 .mc-toaster--information {
  background: #002a41;
}
.mozaic-v2 .mc-toaster--information .mc-toaster__icon {
  fill: #3facd7;
  color: #3facd7;
}
.mozaic-v2 .mc-toaster--information .mc-toaster__indicator {
  --progressbar-color-indicator: #3facd7;
}
.mozaic-v2 .mc-toaster--success {
  background: #023618;
}
.mozaic-v2 .mc-toaster--success .mc-toaster__icon {
  fill: #78be20;
  color: #78be20;
}
.mozaic-v2 .mc-toaster--success .mc-toaster__indicator {
  --progressbar-color-indicator: #78be20;
}
.mozaic-v2 .mc-toaster--warning {
  background: #360e00;
}
.mozaic-v2 .mc-toaster--warning .mc-toaster__icon {
  fill: #ef934a;
  color: #ef934a;
}
.mozaic-v2 .mc-toaster--warning .mc-toaster__indicator {
  --progressbar-color-indicator: #ef934a;
}
.mozaic-v2 .mc-toaster--error {
  background: #2d0000;
}
.mozaic-v2 .mc-toaster--error .mc-toaster__icon {
  fill: #ef5f5c;
  color: #ef5f5c;
}
.mozaic-v2 .mc-toaster--error .mc-toaster__indicator {
  --progressbar-color-indicator: #ef5f5c;
}
.mozaic-v2 .mc-toaster--bottom {
  top: inherit;
  bottom: 1.5rem;
  right: 1.5rem;
}
.mozaic-v2 .mc-toaster--top-center {
  top: 1.5rem;
  right: 50%;
  transform: translateX(50%) !important;
}
.mozaic-v2 .mc-toaster--bottom-center {
  top: inherit;
  bottom: 1.5rem;
  right: 50%;
  transform: translateX(50%) !important;
}
.mozaic-v2 .mc-toaster__indicator {
  width: 100%;
  margin: 0.5rem;
  --progressbar-color-indicator: #3facd7;
  --progressbar-color-background: #ffffff;
}
.mozaic-v2 .mc-toaster__close {
  margin: 0.25rem;
}
.mozaic-v2 {
  /**
   * Do not edit directly, this file was auto-generated.
   */
}
.mozaic-v2 .mt-title {
  font-weight: 600;
}
.mozaic-v2 .mt-title--l {
  font-size: 1.75rem;
  line-height: 2.275rem;
}
.mozaic-v2 .mt-title--m {
  font-size: 1.5rem;
  line-height: 1.95rem;
}
.mozaic-v2 .mt-title--s {
  font-size: 1.125rem;
  line-height: 1.4625rem;
}

/**
 * Do not edit directly, this file was auto-generated.
 */
.o-thumbnailPrice {
  /**
   * Do not edit directly, this file was auto-generated.
   */
}
.o-thumbnailPrice .a-flag {
  display: flex;
  margin-bottom: 0.25rem;
}
.o-thumbnailPrice .a-flag__item {
  font-weight: 400;
  font-size: 0.875rem;
  border-radius: 0.125rem 0 0 0.125rem;
  display: inline-block;
  margin: 0;
  vertical-align: middle;
  border: 1px solid transparent;
  color: var(--color-grey-999);
  background-color: transparent;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
.o-thumbnailPrice .a-flag__item.-red {
  color: var(--color-grey-000);
  border-color: var(--color-danger-600);
  background-color: var(--color-danger-600);
}
.o-thumbnailPrice .a-flag__item.-redBordered {
  border-color: var(--color-danger-600);
  background-color: var(--color-grey-000);
}
.o-thumbnailPrice .a-flag__item.-redText {
  font-weight: 600;
  color: var(--color-danger-600);
}
.o-thumbnailPrice .a-flag__item.-darkBordered {
  color: var(--color-grey-999);
  border-color: var(--color-grey-999);
  background-color: var(--color-grey-000);
}
.o-thumbnailPrice .a-flag__item.-clearance {
  color: var(--color-secondary-yellow-300);
}
.o-thumbnailPrice .a-flag__item.-firstPrice {
  border-color: var(--color-secondary-yellow-300);
  background-color: var(--color-secondary-yellow-300);
}
.o-thumbnailPrice .a-flag__item.-highQuality {
  border-color: var(--color-secondary-blue-500);
  background-color: var(--color-secondary-blue-500);
}
.o-thumbnailPrice .a-flag__item.-starProduct {
  color: var(--color-grey-000);
  border-color: var(--color-secondary-red-600);
  background-color: var(--color-secondary-red-600);
}
.o-thumbnailPrice .a-flag__item.-refurbished {
  color: var(--color-grey-000);
  border-color: #437f71;
  background-color: #437f71;
}
.o-thumbnailPrice .a-flag__item.-refurbishedLevel {
  color: var(--color-grey-999);
  border-color: #437f71;
}
.o-thumbnailPrice .a-flag__item.-thirdParty {
  color: var(--color-grey-000);
  border-color: var(--color-grey-999);
  background-color: var(--color-grey-999);
}
.o-thumbnailPrice .a-flag__item.-soldWithInstallation, .o-thumbnailPrice .a-flag__item.-simpleProjectCompo {
  color: var(--color-grey-999);
  border-color: var(--color-grey-200);
  background-color: var(--color-grey-000);
}
.o-thumbnailPrice .a-flag__item.-new {
  color: var(--color-grey-000);
  border-color: #643485;
  background-color: #643485;
}
.o-thumbnailPrice .a-flag__item.-responsible {
  color: var(--color-secondary-green-600);
  border-color: var(--color-secondary-green-600);
  background-color: var(--color-grey-000);
}
.o-thumbnailPrice .a-flag__item.-goodPurchase {
  border-color: var(--color-primary-01-600);
  background-color: var(--color-primary-01-600);
}
.o-thumbnailPrice .a-flag__label {
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  padding: 0.25rem 0.5rem;
  display: flex;
  align-items: center;
}
.o-thumbnailPrice .a-flag__discount {
  font-weight: 600;
  white-space: nowrap;
  align-content: center;
}
.o-thumbnailPrice .a-flag .a-flag__item:only-child {
  border-radius: 0.125rem;
}
.o-thumbnailPrice .a-flag .a-flag__item + .a-flag__item {
  border-radius: 0 0.125rem 0.125rem 0;
}
.o-thumbnailPrice .m-price {
  display: table;
}
.o-thumbnailPrice .m-price.-main {
  font-size: 2rem;
  line-height: 1.3;
  font-weight: 600;
}
.o-thumbnailPrice .m-price.-secondary {
  font-size: 0.875rem;
  line-height: 1.3;
  color: var(--color-grey-999);
  margin-bottom: 0.75rem;
}
.o-thumbnailPrice .m-price.-mainSub {
  font-size: 1rem;
  line-height: 1.3;
  font-weight: 600;
  color: var(--color-grey-600);
}
.o-thumbnailPrice .m-price.-secondarySub {
  font-size: 0.875rem;
  line-height: 1.3;
  color: var(--color-grey-600);
}
.o-thumbnailPrice .m-price.-light {
  font-size: 1.75rem;
  line-height: 1.3;
}
.o-thumbnailPrice .m-price.-mainSub.-light, .o-thumbnailPrice .m-price.-secondary.-light, .o-thumbnailPrice .m-price.-secondarySub.-light {
  font-size: 0.875rem;
  line-height: 1.3;
}
.o-thumbnailPrice .m-price.-mainSub.-light {
  font-size: 1rem;
  line-height: 1.3;
}
.o-thumbnailPrice .m-price.-discount {
  color: var(--color-secondary-red-600);
}
.o-thumbnailPrice .m-price.-crossed {
  font-size: 0.875rem;
  line-height: 1.3;
  display: inline-block;
  vertical-align: middle;
  color: var(--color-grey-600);
  text-decoration: line-through;
}
.o-thumbnailPrice .m-price__legals {
  font-weight: 400;
  font-size: 0.75rem;
  color: var(--color-grey-600);
  margin-top: 0.25rem;
}
.o-thumbnailPrice .m-price.-main .m-price__line {
  display: flex;
  margin-right: 0.25rem;
}
.o-thumbnailPrice .m-price.-main .m-price__decimal {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.25rem;
}
.o-thumbnailPrice .m-price.-main .m-price__unit {
  display: table-cell;
  vertical-align: bottom;
  padding-left: 0.25rem;
}
.o-thumbnailPrice .m-price.-main .m-price__decimal,
.o-thumbnailPrice .m-price.-main .m-price__unit {
  font-size: 1.125rem;
  line-height: 1.3;
}
.o-thumbnailPrice .m-price.-light .m-price__decimal,
.o-thumbnailPrice .m-price.-light .m-price__unit {
  font-size: 1rem;
  line-height: 1.3;
}
.o-thumbnailPrice .m-price.-secondary .m-price__decimal,
.o-thumbnailPrice .m-price.-secondary .m-price__unit,
.o-thumbnailPrice .m-price.-crossed .m-price__decimal,
.o-thumbnailPrice .m-price.-crossed .m-price__unit,
.o-thumbnailPrice .m-price.-crossed.-light .m-price__decimal,
.o-thumbnailPrice .m-price-crossed.-light .m-price__unit {
  font-size: 0.875rem;
  line-height: 1.3;
}

/**
 * Do not edit directly, this file was auto-generated.
 */
.stock-status_text {
  line-height: 1;
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}
.stock-status_text .mc-status-dot {
  flex-shrink: 0;
  line-height: 0.5;
  margin: 0 0.5rem 0 0;
}

.js-th-display-availabilities .stock-status_label {
  position: relative;
  cursor: pointer;
  text-decoration: underline;
}

/**
 * Do not edit directly, this file was auto-generated.
 */
@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
.product-thumbnail-placeholder .product-thumbnail-shimmer-photo {
  min-height: 10rem;
  background: linear-gradient(120deg, #e0e0e0 25%, var(--color-grey-100) 37%, var(--color-grey-100) 63%);
  background-size: 400% 100%;
  animation: shimmer 3s ease-in-out infinite;
  border-radius: 8px;
}
.product-thumbnail-placeholder .o-thumbnail--h .product-thumbnail-shimmer-photo {
  width: 10rem;
}
.product-thumbnail-placeholder .product-thumbnail-shimmer-line {
  min-height: 1rem;
  width: 100%;
  margin-top: 0.25rem;
  background: linear-gradient(120deg, #e0e0e0 25%, var(--color-grey-100) 37%, var(--color-grey-100) 63%);
  background-size: 400% 100%;
  animation: shimmer 3s ease-in-out infinite;
  border-radius: 8px;
}
.product-thumbnail-placeholder .product-thumbnail-shimmer-small-line {
  min-height: 1rem;
  width: 8rem;
  margin-top: 0.25rem;
  background: linear-gradient(120deg, #e0e0e0 25%, var(--color-grey-100) 37%, var(--color-grey-100) 63%);
  background-size: 400% 100%;
  animation: shimmer 3s ease-in-out infinite;
  border-radius: 8px;
}
.product-thumbnail-placeholder .product-thumbnail-shimmer-button {
  min-height: 1.75rem;
  width: 100%;
  margin-top: 1rem;
  background: linear-gradient(120deg, #e0e0e0 25%, var(--color-grey-100) 37%, var(--color-grey-100) 63%);
  background-size: 400% 100%;
  animation: shimmer 3s ease-in-out infinite;
  border-radius: 8px;
}
.product-thumbnail-placeholder .o-thumbnail__infos {
  width: 100%;
}

/* ########################################
            MIXINS
   ######################################## */
/* ########################################
            // MARK: DEFAULT
   ######################################## */
.product-thumbnail__heading {
  text-align: center;
}

.o-thumbnail {
  /**
   * Do not edit directly, this file was auto-generated.
   */
}
.o-thumbnail .a-flag {
  display: flex;
  margin-bottom: 0.25rem;
}
.o-thumbnail .a-flag__item {
  font-weight: 400;
  font-size: 0.875rem;
  border-radius: 0.125rem 0 0 0.125rem;
  display: inline-block;
  margin: 0;
  vertical-align: middle;
  border: 1px solid transparent;
  color: var(--color-grey-999);
  background-color: transparent;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
.o-thumbnail .a-flag__item.-red {
  color: var(--color-grey-000);
  border-color: var(--color-danger-600);
  background-color: var(--color-danger-600);
}
.o-thumbnail .a-flag__item.-redBordered {
  border-color: var(--color-danger-600);
  background-color: var(--color-grey-000);
}
.o-thumbnail .a-flag__item.-redText {
  font-weight: 600;
  color: var(--color-danger-600);
}
.o-thumbnail .a-flag__item.-darkBordered {
  color: var(--color-grey-999);
  border-color: var(--color-grey-999);
  background-color: var(--color-grey-000);
}
.o-thumbnail .a-flag__item.-clearance {
  color: var(--color-secondary-yellow-300);
}
.o-thumbnail .a-flag__item.-firstPrice {
  border-color: var(--color-secondary-yellow-300);
  background-color: var(--color-secondary-yellow-300);
}
.o-thumbnail .a-flag__item.-highQuality {
  border-color: var(--color-secondary-blue-500);
  background-color: var(--color-secondary-blue-500);
}
.o-thumbnail .a-flag__item.-starProduct {
  color: var(--color-grey-000);
  border-color: var(--color-secondary-red-600);
  background-color: var(--color-secondary-red-600);
}
.o-thumbnail .a-flag__item.-refurbished {
  color: var(--color-grey-000);
  border-color: #437f71;
  background-color: #437f71;
}
.o-thumbnail .a-flag__item.-refurbishedLevel {
  color: var(--color-grey-999);
  border-color: #437f71;
}
.o-thumbnail .a-flag__item.-thirdParty {
  color: var(--color-grey-000);
  border-color: var(--color-grey-999);
  background-color: var(--color-grey-999);
}
.o-thumbnail .a-flag__item.-soldWithInstallation, .o-thumbnail .a-flag__item.-simpleProjectCompo {
  color: var(--color-grey-999);
  border-color: var(--color-grey-200);
  background-color: var(--color-grey-000);
}
.o-thumbnail .a-flag__item.-new {
  color: var(--color-grey-000);
  border-color: #643485;
  background-color: #643485;
}
.o-thumbnail .a-flag__item.-responsible {
  color: var(--color-secondary-green-600);
  border-color: var(--color-secondary-green-600);
  background-color: var(--color-grey-000);
}
.o-thumbnail .a-flag__item.-goodPurchase {
  border-color: var(--color-primary-01-600);
  background-color: var(--color-primary-01-600);
}
.o-thumbnail .a-flag__label {
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  padding: 0.25rem 0.5rem;
  display: flex;
  align-items: center;
}
.o-thumbnail .a-flag__discount {
  font-weight: 600;
  white-space: nowrap;
  align-content: center;
}
.o-thumbnail .a-flag .a-flag__item:only-child {
  border-radius: 0.125rem;
}
.o-thumbnail .a-flag .a-flag__item + .a-flag__item {
  border-radius: 0 0.125rem 0.125rem 0;
}
.o-thumbnail {
  position: relative;
}
.o-thumbnail .mc-button--full {
  width: stretch;
}
.o-thumbnail__details {
  display: flex;
  flex-direction: row;
}
.o-thumbnail__carrouselWrapper {
  aspect-ratio: 1/1;
  overflow: hidden;
  position: relative;
}
.o-thumbnail__carrouselButton {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.o-thumbnail__carrouselButton.-left {
  left: 0.25rem;
}
.o-thumbnail__carrouselButton.-right {
  right: 0.25rem;
}
.o-thumbnail__carrousel {
  display: flex;
  left: 0;
  width: calc(100% * attr(data-number-images));
  height: 100%;
  transition: transform 0.7s;
}
.o-thumbnail__flag {
  margin-bottom: 0.5rem;
}
.o-thumbnail__brand .lazy {
  height: 1.25rem;
  margin-bottom: 0.25rem;
}
.o-thumbnail__brand .lazy-loaded {
  max-width: 5rem;
  margin-bottom: 0.25rem;
}
.o-thumbnail__infos {
  display: flex;
  flex-direction: column;
  margin-left: 1rem;
}
.o-thumbnail__reviews {
  display: flex;
  flex-direction: row;
}
.o-thumbnail__designation + .o-thumbnail__reviews {
  margin-top: 0.25rem;
}
.o-thumbnail__designation + .o-thumbnail__vendor {
  margin-top: 0.75rem;
}
.o-thumbnail__price-infos {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (width >= 680px) {
  .o-thumbnail__price .o-price {
    font-size: 1.75rem;
  }
}
.o-thumbnail__add-to-cart {
  z-index: 1;
  margin-left: 1rem;
}
@media (width >= 680px) {
  .o-thumbnail__quantityOverlay {
    border-radius: 0.25rem;
    position: absolute !important;
  }
}
.o-thumbnail__quantitySelector {
  border-radius: 0.25rem;
  background-color: var(--color-grey-000);
  padding: 0.75rem;
  position: fixed;
  z-index: 1999999999;
  bottom: 0;
  left: 0;
  right: 0;
}
@media (width >= 680px) {
  .o-thumbnail__quantitySelector {
    position: absolute;
  }
}
.o-thumbnail__offers {
  margin-top: 0.25rem;
}
.o-thumbnail__reviews, .o-thumbnail__vendor, .o-thumbnail__variants, .o-thumbnail__legals, .o-thumbnail__delivery {
  margin-top: 0.75rem;
}
.o-thumbnail__fulfiller {
  margin-top: 0.25rem;
}
.o-thumbnail__priceAddToCart {
  margin-top: 0.5rem;
  display: flex;
  align-items: end;
}
.o-thumbnail__priceAddToCartButton {
  margin-left: auto;
}
.o-thumbnail .o-quantitySelector {
  display: flex;
}
.o-thumbnail .o-quantitySelector__inputs {
  display: flex;
  align-items: flex-end;
}
.o-thumbnail .o-quantitySelector__input {
  min-width: 160px;
}
.o-thumbnail .o-quantitySelector__unit {
  font-size: 0.875rem;
  color: var(--color-grey-800);
  padding-bottom: 0.75rem;
  padding-left: 0.5rem;
}
.o-thumbnail .o-quantitySelector__extras {
  display: flex;
  justify-content: flex-end;
}
.o-thumbnail .o-quantitySelector.-flooring, .o-thumbnail .o-quantitySelector.-double {
  flex-wrap: wrap;
}
.o-thumbnail .o-quantitySelector.-flooring .o-quantitySelector__inputs, .o-thumbnail .o-quantitySelector.-double .o-quantitySelector__inputs {
  flex-basis: 100%;
  margin-bottom: 0.75rem;
}
.o-thumbnail .o-quantitySelector.-flooring .o-quantitySelector__extras {
  flex-direction: column;
}
.o-thumbnail .o-quantitySelector.-double .o-quantitySelector__extras {
  align-items: flex-end;
  flex-basis: min-content;
}
.o-thumbnail .o-quantitySelector.-double .o-quantitySelector__extras input {
  width: 80px;
}

/* ########################################
            // MARK:HORIZONTAL
   ######################################## */
.o-thumbnail--h {
  border-radius: 0.25rem;
  border: 1px solid var(--color-grey-200);
  padding: 0.75rem;
}
.o-thumbnail--h .o-thumbnail__price-infos {
  margin-top: 0.75rem;
  align-items: flex-end;
}
.o-thumbnail--h .o-thumbnail__add-to-cart {
  position: relative;
}
.o-thumbnail--h .o-thumbnail__add-to-cart .product-thumbnails-add-to-cart-msg {
  position: absolute;
  top: 50%;
  right: 3.5rem;
  transform: translateY(-50%);
}
.o-thumbnail--h .o-thumbnail__add-to-cart:has(.o-thumbnail__quantityOverlay.is-visible) {
  position: initial;
}

/* ########################################
            // MARK:VERTICAL
   ######################################## */
.o-thumbnail--v {
  border-radius: 0.25rem;
  border: 1px solid var(--color-grey-200);
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 1rem;
}
.o-thumbnail--v .o-thumbnail__details {
  flex-direction: column;
  margin-bottom: 0.75rem;
}
.o-thumbnail--v .o-thumbnail__flag {
  position: absolute;
  left: -0.5rem;
  top: 1rem;
  z-index: 1;
}
.o-thumbnail--v .o-thumbnail__brand {
  height: 1.25rem;
}
.o-thumbnail--v .o-thumbnail__infos {
  margin-left: 0;
}
.o-thumbnail--v .o-thumbnail__infos-with-illustration {
  margin-top: 2rem;
}
.o-thumbnail--v .o-thumbnail__price-infos {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  margin-top: auto;
}
.o-thumbnail--v .o-thumbnail__add-to-cart {
  margin-top: 1rem;
  margin-left: 0;
}

/* ########################################
            // MARK:HORIZONTAL TO VERTICAL
   ######################################## */
.o-thumbnail--h-to-v {
  height: 100%;
  display: flex;
  flex-direction: column;
}
@media (width >= 680px) {
  .o-thumbnail--h-to-v {
    border-radius: 0.25rem;
    border: 1px solid var(--color-grey-200);
    padding: 1rem;
  }
}
.o-thumbnail--h-to-v .o-thumbnail__details {
  margin-bottom: 0.75rem;
}
@media (width >= 680px) {
  .o-thumbnail--h-to-v .o-thumbnail__details {
    flex-direction: column;
  }
}
@media (width >= 680px) {
  .o-thumbnail--h-to-v .o-thumbnail__flag {
    position: absolute;
    left: -0.5rem;
    top: 1rem;
    z-index: 1;
  }
}
.o-thumbnail--h-to-v .o-thumbnail__brand {
  height: 1.25rem;
}
@media (width >= 680px) {
  .o-thumbnail--h-to-v .o-thumbnail__infos {
    margin-left: 0;
  }
}
@media (width >= 680px) {
  .o-thumbnail--h-to-v .o-thumbnail__infos-with-illustration {
    margin-top: 2rem;
  }
}
.o-thumbnail--h-to-v .o-thumbnail__price-infos {
  border-radius: 0.25rem;
  background-color: var(--color-primary-02-100);
  display: flex;
  flex-direction: column;
  align-items: stretch;
  margin-top: auto;
  padding: 1rem;
}
@media (width >= 680px) {
  .o-thumbnail--h-to-v .o-thumbnail__price-infos {
    background-color: inherit;
    padding: 0;
  }
}
@media (width >= 680px) {
  .o-thumbnail--h-to-v .o-thumbnail__add-to-cart {
    margin-top: 1rem;
    margin-left: 0;
  }
}

.o-thumbnail--h-to-v.-mobile .o-thumbnail__price-infos {
  flex-direction: row;
}
@media (width >= 680px) {
  .o-thumbnail--h-to-v.-mobile .o-thumbnail__price-infos {
    flex-direction: column;
  }
}
.o-thumbnail--h-to-v.-mobile .o-thumbnail__price {
  display: flex;
}
.o-thumbnail--h-to-v.-mobile .o-thumbnail__price .kl-price {
  margin: auto 0;
}

.is-scroll-locked .o-thumbnail__add-to-cart {
  z-index: inherit;
}

.o-thumbnail__add-to-cart.-hideLabel .mc-field__label {
  display: none;
}

/* ########################################
            // MARK:ATOMS
   ######################################## */
.o-thumbnail .o-thumbnail__carrouselWrapper {
  width: 8rem;
  height: 8rem;
}
.o-thumbnail .a-buttonLink .mc-link__label {
  font-weight: 400;
  border-bottom: unset;
}
.o-thumbnail .a-illustration {
  border-radius: 0.25rem;
  aspect-ratio: 1/1;
  position: relative;
  display: block;
  width: 8.25rem;
  height: 8.25rem;
}
.o-thumbnail .a-illustration.-xs {
  width: 4.875rem;
  height: 4.875rem;
}
.o-thumbnail .a-illustration.-s {
  width: 6.25rem;
  height: 6.25rem;
}
.o-thumbnail .a-illustration.-m {
  width: 8.25rem;
  height: 8.25rem;
}
.o-thumbnail .a-illustration.-l {
  width: 12rem;
  height: 12rem;
}
.o-thumbnail .a-illustration--no-img {
  border-radius: 0.25rem 0.25rem 0 0;
  background-color: var(--color-grey-100);
}
.o-thumbnail .a-illustration__img {
  position: absolute;
  max-width: 100%;
  max-height: 100%;
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.o-thumbnail .a-illustration svg {
  fill: var(--color-grey-300);
  width: 3rem;
  height: 3rem;
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.o-thumbnail--v .o-thumbnail__carrouselWrapper {
  width: calc(100% + 2rem);
  height: auto;
  margin: -1rem;
}
.o-thumbnail--v .o-thumbnail__carrouselWrapper .a-illustration {
  margin: 0 !important;
}
.o-thumbnail--v .a-illustration {
  border-radius: 0.25rem 0.25rem 0 0;
  width: calc(100% + 2rem);
  height: auto;
  margin: -1rem;
}
.o-thumbnail--v .a-illustration__img {
  border-radius: 0.25rem 0.25rem 0 0;
}

.o-thumbnail--h-to-v .o-thumbnail__carrouselWrapper {
  width: 8rem;
  height: 8rem;
}
@media (width >= 680px) {
  .o-thumbnail--h-to-v .o-thumbnail__carrouselWrapper {
    width: calc(100% + 2rem);
    height: auto;
    margin: -1rem;
  }
  .o-thumbnail--h-to-v .o-thumbnail__carrouselWrapper .a-illustration {
    margin: 0 !important;
  }
}
@media (width >= 680px) {
  .o-thumbnail--h-to-v .a-illustration {
    width: calc(100% + 2rem);
    height: auto;
    margin: -1rem;
  }
}
@media (width >= 680px) {
  .o-thumbnail--h-to-v .a-illustration__img {
    border-radius: 0.25rem 0.25rem 0 0;
  }
}

@supports (-webkit-line-clamp: 2) {
  .o-thumbnail--h .a-designation__label {
    /* stylelint-disable */
    -webkit-line-clamp: 2;
    /* stylelint-enable */
  }
}
.o-thumbnail--h .o-thumbnailPrice__mainPrice, .o-thumbnail--h .o-thumbnailPrice__subPrice {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.25rem 1rem;
}

.o-thumbnail .a-vendor img {
  vertical-align: middle;
}
.o-thumbnail .a-vendor,
.o-thumbnail .a-fulfiller {
  font-size: 0.75rem;
}
.o-thumbnail .a-delivery {
  font-size: 0.875rem;
  margin: 0;
}
.o-thumbnail .a-delivery + .a-delivery {
  margin-top: 0.25rem;
}
.o-thumbnail .a-designation {
  text-decoration: none;
  position: initial;
}
.o-thumbnail .a-designation:hover {
  text-decoration: underline;
  color: var(--color-grey-999);
}
.o-thumbnail .a-designation::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: initial;
}
.o-thumbnail .a-designation__label {
  font-size: 1rem;
  line-height: 1.3;
  font-weight: 600;
  display: block;
  height: 3.9rem;
  overflow: hidden;
}
@supports (-webkit-line-clamp: 3) {
  .o-thumbnail .a-designation__label {
    overflow: hidden;
    flex-direction: column;
    height: auto;
    /* stylelint-disable */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    /* stylelint-enable */
  }
}
.o-thumbnail .a-reviews {
  font-size: 0.875rem;
  line-height: 1.3;
}
.o-thumbnail .a-offers {
  font-size: 0.75rem;
  line-height: 1.3;
  color: var(--color-font-light);
}
.o-thumbnail .a-repairability-index,
.o-thumbnail .a-durability-index,
.o-thumbnail .a-energy-label {
  height: 2rem;
  width: auto;
}
.o-thumbnail {
  /* ########################################
           // MARK:MOLECULES
  ######################################## */
}
.o-thumbnail .m-variant {
  display: flex;
  flex-wrap: wrap;
  gap: 0 0.25rem;
}
.o-thumbnail .m-variant:not(:last-child) {
  margin-bottom: 0.5rem;
}
.o-thumbnail .m-variant__label {
  width: 100%;
  color: var(--color-font-dark);
  word-break: break-word;
  font-size: 0.875rem;
  line-height: 1.3;
}
.o-thumbnail .m-variant__choices {
  font-size: 0.875rem;
  line-height: 1.3;
  color: var(--color-font-dark);
}
.o-thumbnail .m-variant__plus {
  font-size: 0.875rem;
  line-height: 1.3;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--color-grey-800);
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.25rem;
  border: 0.0625rem solid var(--color-grey-100);
  line-height: 2.5rem;
  margin-top: 0.25rem;
  background-color: var(--color-grey-100);
}
.o-thumbnail .m-variant__thumbnail {
  display: block;
  margin-top: 0.25rem;
  width: 2.5rem;
  height: 2.5rem;
  padding: 1px;
  border-radius: 0.25rem;
  border: 0.0625rem solid var(--color-grey-100);
  cursor: pointer;
  position: relative;
  font-size: 0;
}
.o-thumbnail .m-variant__thumbnail:is(span) {
  z-index: -1;
}
.o-thumbnail .m-variant__thumbnail:is(button):hover {
  border: 0.0625rem solid var(--color-primary-01-700);
}
.o-thumbnail .m-variant__thumbnail:is(button):focus {
  border: 0.0625rem solid var(--color-focus-border);
}
.o-thumbnail .m-variant__thumbnail img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 0.125rem;
}
.o-thumbnail .m-variant__thumbnail svg:not(.kl-hidden) {
  width: 100%;
  height: 100%;
  background-color: var(--color-grey-100);
  fill: var(--color-grey-300);
  border-radius: 0.125rem;
}
.o-thumbnail .m-variant__thumbnail svg:not(.kl-hidden) use {
  transform: scale(0.75);
  transform-origin: center;
}

.product-thumbnail {
  list-style-type: none;
}
.product-thumbnail .th-relative {
  position: relative;
}
.product-thumbnail .th-relative .mc-flag__label {
  border-radius: 0.125rem;
  font-weight: 400;
  position: absolute;
  left: -0.5rem;
  top: 1.5rem;
  z-index: 1;
}
.product-thumbnail .product-thumbnails-add-to-cart-msg {
  font-size: 14px;
  text-align: start;
  min-height: 1.25rem;
  max-width: 18rem;
}
@media (width >= 680px) {
  .product-thumbnail .product-thumbnails-add-to-cart-msg {
    text-align: end;
    width: 10rem;
  }
}
@media (width >= 1024px) {
  .product-thumbnail .product-thumbnails-add-to-cart-msg {
    width: 20rem;
  }
}
.product-thumbnail .product-thumbnails-add-to-cart-msg__success {
  color: var(--color-font-success);
}
.product-thumbnail .js-thumbnail-add-to-cart-light-form {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.product-thumbnails-atc-notification-fail {
  position: fixed;
  width: 100%;
  top: 0;
  right: 0;
  z-index: 999;
  height: 100%;
}

.arm-thumbnail-open-modal {
  position: relative;
  z-index: 1;
  text-decoration: none;
}
.arm-thumbnail-open-modal:hover {
  text-decoration: underline;
}

/*# sourceMappingURL=product-thumbnail.css.map*/