.o-select {
  height: 4rem;
  width: 100%;
  box-sizing: border-box;
  color: #2E353B;
  font-size: 1.4rem;
  -webkit-appearance: none;
          appearance: none;
}[dir] .o-select {
  background-color: #FFF;
  border: 0.1rem solid #B5B5B5;
  border-radius: 0.5rem;
  background-image: url("data:image/svg+xml,%3csvg%20id='arrow_down_gray-svg'%20viewBox='0%200%2012%2010'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill='%232e353b'%20d='M6.051%208.23A3207.1%203207.1%200%2000.403%202.558a.491.491%200%2001-.07-.602c.14-.185.464-.231.649-.07.324.278%205.046%204.144%205.07%204.167.092-.069%204.375-3.588%205.07-4.166a.487.487%200%2001.601%200c.162.162.185.44.023.602-.023.046-5.671%205.717-5.695%205.74z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 1.5rem;
}[dir=ltr] .o-select {
  padding: 0.1rem 4rem 0.1rem 0.6rem;
  background-position: 95% 54%;
}[dir=rtl] .o-select {
  padding: 0.1rem 0.6rem 0.1rem 4rem;
  background-position: 5% 54%;
}

.o-input {
  height: 4rem;
  width: 100%;
  box-sizing: border-box;
}

[dir] .o-input {
  border-radius: 0.5rem;
  border: 0.1rem solid #B5B5B5;
}

[dir=ltr] .o-input {
  padding: 0.1rem 0 0.1rem 0.6rem;
}

[dir=rtl] .o-input {
  padding: 0.1rem 0.6rem 0.1rem 0;
}

.o-label {
  font-size: 1.4rem;
  font-weight: 700;
}

[dir=ltr] .o-label {
  text-align: right;
}

[dir=rtl] .o-label {
  text-align: left;
}

/* example of use

  // position of each element is defined relative to parent container (from 0 0 to 100% 100%)
  $someElements: (
    (width: 50%, height: 3rem, position: 0 0),
    (width: 4rem, height: 4rem, position: 0 12rem),
    (width: calc(100% - 6rem), height: 4rem, position: 100% 12rem)
  );

  .container {
    @include skeletonPlaceholder.placeholder($someElements);
  }
*/
@keyframes skeleton-opacity {
  to {
    opacity: 0.5;
  }
}
.cartSkeleton {
  height: 161rem;
  opacity: 1;
}
[dir] .cartSkeleton {
  background-image: linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB);
  background-size: 50% 2rem, 100% 3rem, 100% 12rem, 100% 12rem, 100% 12rem, 100% 12rem, 100% 18rem, 100% 5rem, 100% 5rem, 100% 5rem, 100% 5rem, 85% 5rem, 85% 5rem, 100% 21rem, 50% 2rem, 100% 4rem, 100% 4rem, 100% 4rem;
  background-repeat: no-repeat;
}
[dir=ltr] .cartSkeleton {
  background-position: 0 1rem, 0 5rem, 0% 10rem, 0% 23rem, 0% 36rem, 0% 49rem, 0% 62rem, 0 81rem, 0 87rem, 0 93rem, 0 99rem, 0 106rem, 0 112rem, 0 119rem, 50% 143rem, 0 147rem, 0 152rem, 0 157rem;
  animation-name: skeleton-opacity;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
}
[dir=rtl] .cartSkeleton {
  background-position: 100% 1rem, 100% 5rem, 100% 10rem, 100% 23rem, 100% 36rem, 100% 49rem, 100% 62rem, 100% 81rem, 100% 87rem, 100% 93rem, 100% 99rem, 100% 106rem, 100% 112rem, 100% 119rem, 50% 143rem, 100% 147rem, 100% 152rem, 100% 157rem;
  animation-name: skeleton-opacity;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
}
@media (min-width: 1280px) {
  .cartSkeleton {
    height: 100rem;
    opacity: 1;
  }
  [dir] .cartSkeleton {
    background-image: linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB);
    background-size: 30rem 2rem, calc(33.3333333333% - 1rem) 3rem, calc(33.3333333333% - 1rem) 3rem, calc(33.3333333333% - 1rem) 3rem, calc(25% - 2rem) 18rem, calc(25% - 2rem) 18rem, calc(25% - 2rem) 18rem, calc(25% - 2rem) 18rem, 100% 9rem, 100% 5rem, 100% 5rem, 100% 5rem, 100% 5rem, calc(50% - 2rem) 22rem, calc(50% - 2rem) 22rem, 15rem 4rem, 15rem 4rem, 15rem 4rem;
    background-repeat: no-repeat;
  }
  [dir=ltr] .cartSkeleton {
    background-position: 0 1rem, 0 5rem, 50% 5rem, 100% 5rem, 0% 10rem, calc(25% + 8rem) 10rem, calc(50% + 16rem) 10rem, calc(75% + 24rem) 10rem, 0 30rem, 0 41rem, 0 47rem, 0 53rem, 0 59rem, 0 70rem, calc(50% + 32rem) 70rem, 0 95rem, calc(80% + 5rem) 95rem, 100% 95rem;
    animation-name: skeleton-opacity;
    animation-duration: 1.2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-direction: alternate;
  }
  [dir=rtl] .cartSkeleton {
    background-position: 100% 1rem, 100% 5rem, 50% 5rem, 0% 5rem, 100% 10rem, calc(100% - (25% + 8rem)) 10rem, calc(100% - (50% + 16rem)) 10rem, calc(100% - (75% + 24rem)) 10rem, 100% 30rem, 100% 41rem, 100% 47rem, 100% 53rem, 100% 59rem, 100% 70rem, calc(100% - (50% + 32rem)) 70rem, 100% 95rem, calc(100% - (80% + 5rem)) 95rem, 0% 95rem;
    animation-name: skeleton-opacity;
    animation-duration: 1.2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-direction: alternate;
  }
}

.detailsSkeleton {
  height: 205.5rem;
  opacity: 1;
}

[dir] .detailsSkeleton {
  background-image: linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB);
  background-size: 80% 2.5rem, 100% 16rem, 100% 16rem, 100% 16rem, 100% 16rem, 100% 14rem, 100% 13.5rem, 100% 7rem, 100% 7rem, 100% 7rem, 100% 7rem, 100% 7rem, 30% 2rem, 100% 3.5rem, 30% 2rem, 100% 2rem, 100% 3.5rem, 30% 2rem, 30% 2rem, 100% 10rem, 100% 14rem, 20% 2rem, 100% 3.5rem;
  background-repeat: no-repeat;
}

[dir=ltr] .detailsSkeleton {
  background-position: 0 1.5rem, 0 5.5rem, 0 22.5rem, 0 39.5rem, 0 56.5rem, 0 74.5rem, 0 90.5rem, 0 106rem, 0 113.5rem, 0 121rem, 0 128.5rem, 0 136rem, 0 145rem, 0 147.5rem, 0 153rem, 0 155.5rem, 0 159.5rem, 0 163.5rem, 0 167.5rem, 0 170.5rem, 0 182.5rem, 0 198.5rem, 0 201rem;
  animation-name: skeleton-opacity;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
}

[dir=rtl] .detailsSkeleton {
  background-position: 100% 1.5rem, 100% 5.5rem, 100% 22.5rem, 100% 39.5rem, 100% 56.5rem, 100% 74.5rem, 100% 90.5rem, 100% 106rem, 100% 113.5rem, 100% 121rem, 100% 128.5rem, 100% 136rem, 100% 145rem, 100% 147.5rem, 100% 153rem, 100% 155.5rem, 100% 159.5rem, 100% 163.5rem, 100% 167.5rem, 100% 170.5rem, 100% 182.5rem, 100% 198.5rem, 100% 201rem;
  animation-name: skeleton-opacity;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
}
@media (min-width: 1280px) {
  .detailsSkeleton {
    height: 120.5rem;
    opacity: 1;
  }
  [dir] .detailsSkeleton {
    background-image: linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB);
    background-size: 28rem 2.5rem, 30.5rem 16rem, 30.5rem 16rem, 30.5rem 16rem, 30.5rem 16rem, 100% 6.5rem, 100% 7.5rem, 100% 7rem, 100% 7rem, 100% 7rem, 100% 7rem, 100% 7rem, 14rem 2rem, 50% 9rem, 14rem 2rem, 50rem 2rem, 14rem 2rem, 50rem 2rem, 50rem 2rem, 14rem 2rem, 70% 6rem, 10rem 2rem, 40rem 2rem;
    background-repeat: no-repeat;
  }
  [dir=ltr] .detailsSkeleton {
    background-position: 0 1.5rem, 0 5.5rem, 32.5rem 5.5rem, 65rem 5.5rem, 97.5rem 5.5rem, 0 23.5rem, 0 32rem, 0 41.5rem, 0 49rem, 0 56.5rem, 0 64rem, 0 71.5rem, 64rem 82.5rem, 64rem 85.5rem, 0 85.5rem, 0 88rem, 0 92rem, 0 94.5rem, 0 98.5rem, 0 101rem, 0 105.5rem, 0 113.5rem, 0 116rem;
    animation-name: skeleton-opacity;
    animation-duration: 1.2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-direction: alternate;
  }
  [dir=rtl] .detailsSkeleton {
    background-position: 100% 1.5rem, 100% 5.5rem, right 32.5rem top 5.5rem, right 65rem top 5.5rem, right 97.5rem top 5.5rem, 100% 23.5rem, 100% 32rem, 100% 41.5rem, 100% 49rem, 100% 56.5rem, 100% 64rem, 100% 71.5rem, right 64rem top 82.5rem, right 64rem top 85.5rem, 100% 85.5rem, 100% 88rem, 100% 92rem, 100% 94.5rem, 100% 98.5rem, 100% 101rem, 100% 105.5rem, 100% 113.5rem, 100% 116rem;
    animation-name: skeleton-opacity;
    animation-duration: 1.2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-direction: alternate;
  }
}

body {
  width: initial !important;
}

.o-cart-root-container {
  box-sizing: border-box;
  width: 100%;
}

[dir] .o-cart-root-container {
  padding: 0 20px;
}
@media (min-width: 1280px) {
  .o-cart-root-container {
    max-width: 1285px;
  }
  [dir] .o-cart-root-container {
    margin: auto;
  }
}

.c-order-cart__container {
  display: grid;
  grid-gap: 1rem;
  gap: 1rem;
  box-sizing: border-box;
}

[dir] .c-order-cart__container {
  margin: 2rem 0;
}
.c-order-cart__container * {
  box-sizing: border-box;
}
@media (min-width: 1280px) {
  .c-order-cart__container {
    grid-template-rows: -webkit-min-content 3rem 1fr auto;
    grid-template-rows: min-content 3rem 1fr auto;
    gap: 2rem;
  }
}

[dir] .c-order-view__container {
  padding: 0;
}

.c-order-cart__tooltip-content p {
  line-height: 1.6em;
}

[dir] .c-order-cart__tooltip-content p {
  padding: 0;
  margin: 0;
}

.c-order-view__container-1 {
  overflow-y: visible;
  overflow-x: unset;
}

.c-order-cart__input {
  color: #2E353B;
}

[dir] .c-order-cart__input {
  background-color: #FFF;
  border-radius: 0.5rem;
}
.c-order-cart__input:read-only, .c-order-cart__input:disabled {
  color: #5A5A5A;
}
[dir] .c-order-cart__input:read-only, [dir] .c-order-cart__input:disabled {
  background-color: #F5F5F5;
}
.c-order-cart__input {
  grid-column: 1/4;
  grid-row: 2;
  box-sizing: border-box;
  width: 100%;
  height: 4rem;
}
[dir=ltr] .c-order-cart__input {
  padding-left: 0.6rem;
}
[dir=rtl] .c-order-cart__input {
  padding-right: 0.6rem;
}
@media (min-width: 1280px) {
  .c-order-cart__input {
    grid-column: 2/2;
    grid-row: 1/2;
  }
}
[dir] .c-order-cart__input {
  border: 0.1rem solid #B5B5B5;
}
[dir] .c-order-cart__input--calendar {
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3csvg%20id='catalogue-calendar-icon-svg'%20viewBox='0%200%2050%2050'%20xmlns='http://www.w3.org/2000/svg'%3e%3cstyle%3e.catalogue-calendar-icon{fill:%234b5b69}%3c/style%3e%3cpath%20d='M89%2030.3h-3.8v-2.4c0-1.3-1-2.3-2.3-2.3-1.3%200-2.3%201-2.3%202.3v2.4h-9.2v-2.4c0-1.3-1-2.3-2.3-2.3-1.3%200-2.3%201-2.3%202.3v2.4h-9.2v-2.4c0-1.3-1-2.3-2.3-2.3-1.3%200-2.3%201-2.3%202.3v2.4h-3.8c-2.9%200-5.2%202.3-5.2%205.2v33.2c0%202.9%202.3%205.2%205.2%205.2H89c2.9%200%205.2-2.3%205.2-5.2V35.5c0-2.8-2.3-5.1-5.2-5.2zm2%2038.5c0%201.1-.9%202.1-2.1%202.1H49.5c-1.1%200-2.1-.9-2.1-2.1V35.5c0-1.1.9-2.1%202.1-2.1h3.8V36c0%201.3%201%202.3%202.3%202.3%201.3%200%202.3-1%202.3-2.3v-2.5H67v2.6c0%201.3%201%202.3%202.3%202.3%201.3%200%202.3-1%202.3-2.3v-2.6h9.2v2.6c0%201.3%201%202.3%202.3%202.3%201.3%200%202.3-1%202.3-2.3v-2.6H89c1.1%200%202.1.9%202.1%202.1L91%2068.8z'%20class='catalogue-calendar-icon'%20transform='translate(-44.233%20-24.8)'/%3e%3cg%20transform='translate(4.527%208.299)'%3e%3ccircle%20cx='8.3'%20cy='13.6'%20r='2.7'%20class='catalogue-calendar-icon'/%3e%3ccircle%20cx='20.6'%20cy='13.6'%20r='2.7'%20class='catalogue-calendar-icon'/%3e%3ccircle%20cx='32.9'%20cy='13.6'%20r='2.7'%20class='catalogue-calendar-icon'/%3e%3ccircle%20cx='8.2'%20cy='21.8'%20r='2.7'%20class='catalogue-calendar-icon'/%3e%3ccircle%20cx='20.5'%20cy='21.8'%20r='2.7'%20class='catalogue-calendar-icon'/%3e%3ccircle%20cx='32.8'%20cy='21.8'%20r='2.7'%20class='catalogue-calendar-icon'/%3e%3ccircle%20cx='8.2'%20cy='30'%20r='2.7'%20class='catalogue-calendar-icon'/%3e%3ccircle%20cx='20.5'%20cy='30'%20r='2.7'%20class='catalogue-calendar-icon'/%3e%3ccircle%20cx='32.8'%20cy='30'%20r='2.7'%20class='catalogue-calendar-icon'/%3e%3c/g%3e%3c/svg%3e");
  background-size: 2.5rem;
  background-repeat: no-repeat;
}
[dir=ltr] .c-order-cart__input--calendar {
  background-position: 98% 50%;
  padding: 0.1rem 4rem 0.1rem 0.6rem;
}
[dir=rtl] .c-order-cart__input--calendar {
  background-position: 2% 50%;
  padding: 0.1rem 0.6rem 0.1rem 4rem;
}
[dir=ltr] .c-order-cart__input--calendar-order-information {
  padding: 0 0 0 0.6rem;
}
[dir=rtl] .c-order-cart__input--calendar-order-information {
  padding: 0 0.6rem 0 0;
}
[dir] .c-order-cart__input--invalid {
  border-bottom: 0.2rem solid #CD0004;
}
[dir] .c-order-cart__input--invalid:focus {
  border-color: #CD0004;
}
.c-order-cart__input--invalid:focus-visible {
  outline: none;
}

.c-cart-header--container {
  display: grid;
  grid-template-rows: auto 1fr;
  grid-template-columns: 1fr;
}
@media (min-width: 1280px) {
  .c-cart-header--container {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
  }
}

.c-cart-header {
  font-size: 1.8rem;
  color: #CD0004;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}

[dir] .c-cart-header {
  margin: 1.25em 0 0.83em;
  margin: 0;
}

[dir] .c-order-cart__label-container {
  margin: 2rem 0;
}

.c-order-cart__loader-container {
  width: 100%;
  min-height: 50vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.c-order-cart__label-content {
  display: flex;
  align-items: center;
  min-height: 4rem;
  font-weight: 700;
}

.c-order-cart__placeholder {
  height: 161rem;
  opacity: 1;
}

[dir] .c-order-cart__placeholder {
  background-image: linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB);
  background-size: 50% 2rem, 100% 3rem, 100% 12rem, 100% 12rem, 100% 12rem, 100% 12rem, 100% 18rem, 100% 5rem, 100% 5rem, 100% 5rem, 100% 5rem, 85% 5rem, 85% 5rem, 100% 21rem, 50% 2rem, 100% 4rem, 100% 4rem, 100% 4rem;
  background-repeat: no-repeat;
}

[dir=ltr] .c-order-cart__placeholder {
  background-position: 0 1rem, 0 5rem, 0% 10rem, 0% 23rem, 0% 36rem, 0% 49rem, 0% 62rem, 0 81rem, 0 87rem, 0 93rem, 0 99rem, 0 106rem, 0 112rem, 0 119rem, 50% 143rem, 0 147rem, 0 152rem, 0 157rem;
  animation-name: skeleton-opacity;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
}

[dir=rtl] .c-order-cart__placeholder {
  background-position: 100% 1rem, 100% 5rem, 100% 10rem, 100% 23rem, 100% 36rem, 100% 49rem, 100% 62rem, 100% 81rem, 100% 87rem, 100% 93rem, 100% 99rem, 100% 106rem, 100% 112rem, 100% 119rem, 50% 143rem, 100% 147rem, 100% 152rem, 100% 157rem;
  animation-name: skeleton-opacity;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
}
@media (min-width: 1280px) {
  .c-order-cart__placeholder {
    height: 100rem;
    opacity: 1;
  }
  [dir] .c-order-cart__placeholder {
    background-image: linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB);
    background-size: 30rem 2rem, calc(33.3333333333% - 1rem) 3rem, calc(33.3333333333% - 1rem) 3rem, calc(33.3333333333% - 1rem) 3rem, calc(25% - 2rem) 18rem, calc(25% - 2rem) 18rem, calc(25% - 2rem) 18rem, calc(25% - 2rem) 18rem, 100% 9rem, 100% 5rem, 100% 5rem, 100% 5rem, 100% 5rem, calc(50% - 2rem) 22rem, calc(50% - 2rem) 22rem, 15rem 4rem, 15rem 4rem, 15rem 4rem;
    background-repeat: no-repeat;
  }
  [dir=ltr] .c-order-cart__placeholder {
    background-position: 0 1rem, 0 5rem, 50% 5rem, 100% 5rem, 0% 10rem, calc(25% + 8rem) 10rem, calc(50% + 16rem) 10rem, calc(75% + 24rem) 10rem, 0 30rem, 0 41rem, 0 47rem, 0 53rem, 0 59rem, 0 70rem, calc(50% + 32rem) 70rem, 0 95rem, calc(80% + 5rem) 95rem, 100% 95rem;
    animation-name: skeleton-opacity;
    animation-duration: 1.2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-direction: alternate;
  }
  [dir=rtl] .c-order-cart__placeholder {
    background-position: 100% 1rem, 100% 5rem, 50% 5rem, 0% 5rem, 100% 10rem, calc(100% - (25% + 8rem)) 10rem, calc(100% - (50% + 16rem)) 10rem, calc(100% - (75% + 24rem)) 10rem, 100% 30rem, 100% 41rem, 100% 47rem, 100% 53rem, 100% 59rem, 100% 70rem, calc(100% - (50% + 32rem)) 70rem, 100% 95rem, calc(100% - (80% + 5rem)) 95rem, 0% 95rem;
    animation-name: skeleton-opacity;
    animation-duration: 1.2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-direction: alternate;
  }
}._5aVQE {
  width: 90vw;
  height: 75vh;
}
@media (min-width: 1280px) {
  ._5aVQE {
    width: 65vw;
    max-width: 1280px;
    max-height: 76.8rem;
  }
}
@media (min-width: 1920px) {
  ._5aVQE {
    width: 50vw;
  }
}

.EejiD {
  font-size: 1.8rem;
  color: #CD0004;
  text-transform: uppercase;
  box-sizing: border-box;
  height: 4rem;
}

[dir] .EejiD {
  margin: 1.25em 0 0.83em;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

[dir=ltr] .EejiD {
  padding-left: 2rem;
}

[dir=rtl] .EejiD {
  padding-right: 2rem;
}

.kdfVj {
  height: calc(100% - (4rem + 1.25em + 0.83em));
}.Z-Grg {
  height: 100%;
}