.iSXfv:focus {
  outline: none;
}[dir] .iSXfv:focus {
  box-shadow: 0 0 0 0.2rem rgba(46, 53, 59, 0.6);
}
.iSXfv {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  box-sizing: border-box;
}
[dir] .iSXfv {
  padding: 0.3rem;
  margin: 0.5rem 0 0 0;
  background-color: transparent;
  border-radius: 0.5rem;
  cursor: pointer;
  border: 0.1rem solid transparent;
}
.iSXfv[data-css-has-text=true] {
  width: -webkit-min-content;
  width: min-content;
}
.iSXfv[data-css-has-text=true] .ET--1 {
  display: grid;
  grid-template-columns: 4rem 20rem;
  grid-column-gap: 1rem;
  column-gap: 1rem;
  align-items: center;
}
@media (min-width: 1280px) {
  .iSXfv[data-css-has-text=true] .ET--1[data-css-is-ab-test-18453=true] {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    grid-template-columns: 2rem minmax(auto, 20rem);
    column-gap: 0.5rem;
    color: #183884;
  }
}

.ET--1 {
  width: inherit;
  height: inherit;
}

.T8lvg {
  display: inline-block;
  fill: #183884;
  height: 100%;
  width: 100%;
  width: 100%;
  height: 100%;
  max-height: 2.8rem;
}

[dir=ltr] .nX51N {
  text-align: left;
}

[dir=rtl] .nX51N {
  text-align: right;
}.JEOFk {
  display: flex;
}

.R-4uy {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

[dir] .R-4uy {
  margin: 2rem 0;
}
.R-4uy .o-button {
  min-width: 15rem;
}
[dir] .R-4uy .o-button {
  margin: 0;
}
@media (min-width: 768px) {
  .R-4uy {
    flex-direction: row;
    justify-content: center;
  }
}

.Pn7FT {
  display: block;
  box-sizing: border-box;
  width: 100%;
  font-size: 1.4rem;
  color: #2E353B;
}

[dir] .Pn7FT {
  padding: 1rem 1.5rem;
  border-radius: 0.5rem;
}
.Pn7FT:focus, .Pn7FT:focus-visible {
  outline: none;
}

.Rfwe0 {
  font-family: "Lato", "Lato-polyfill", "Constantia";
  font-weight: 700;
  transition: 0.1s background-color, 0.1s color;
  -webkit-text-decoration: none;
  text-decoration: none;
  font-size: 1.4rem;
  color: #545F69;
  fill: #545F69;
  stroke: #545F69;
}

[dir] .Rfwe0 {
  text-align: center;
  cursor: pointer;
  margin: 1rem 0;
  padding: 1.2rem;
  border-radius: 0.5rem;
  border: 1px solid #545F69;
  background-color: transparent;
}
.Rfwe0:focus {
  outline: none;
}
[dir] .Rfwe0:focus {
  box-shadow: 0 0 0 0.3rem rgba(84, 95, 105, 0.4);
}
.Rfwe0:active {
  color: #FFF;
}
[dir] .Rfwe0:active {
  background-color: #545F69;
}
.Rfwe0:active:has(svg):not(:disabled) svg {
  fill: #FFF;
  stroke: #FFF;
}
@media (hover: hover) and (pointer: fine) {
  .Rfwe0:hover {
    color: #FFF;
  }
  [dir] .Rfwe0:hover {
    background-color: #545F69;
  }
  .Rfwe0:hover:has(svg):not(:disabled) svg {
    fill: #FFF;
    stroke: #FFF;
  }
}
.Rfwe0:disabled {
  color: #6F7E8B;
}
[dir] .Rfwe0:disabled {
  background-color: #F5F5F5;
  border: 0.1rem solid #B5B5B5;
  cursor: not-allowed;
}
.Rfwe0 {
  min-width: 15rem;
  max-width: -webkit-fit-content;
  max-width: fit-content;
}

.apaKe {
  width: 100%;
}

[dir] .apaKe {
  margin-bottom: 1rem;
}._4MJE4[data-css-linear=true] {
  position: relative;
  min-width: 86rem;
  min-height: 20.5rem;
  box-sizing: border-box;
  overflow: hidden;
}[dir] ._4MJE4[data-css-linear=true] {
  margin-bottom: 0.5rem;
  background-color: #FFF;
  box-shadow: 0 0 1rem 0.2rem rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
._4MJE4[data-css-linear=true]:after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  opacity: 0;
  transition: 0.1s opacity;
  pointer-events: none;
}
[dir] ._4MJE4[data-css-linear=true]:after {
  background-color: #FFF;
}
[dir=ltr] ._4MJE4[data-css-linear=true]:after {
  left: 0;
}
[dir=rtl] ._4MJE4[data-css-linear=true]:after {
  right: 0;
}
._4MJE4[data-css-is-in-viewport=false]:after {
  opacity: 1;
}
[dir] ._4MJE4[data-css-is-replacement=true] {
  background-color: #EBEBEB;
}
._4MJE4[data-css-is-in-offer=false] {
  min-height: 17.3rem;
}
@media (min-width: 1920px) {
  ._4MJE4[data-css-is-category-tree-hidden=false] .wfeYy {
    grid-template-columns: 20rem minmax(22rem, 100%) minmax(21rem, 30rem) 45rem;
  }
}

.wfeYy {
  display: grid;
  height: 100%;
  grid-template-columns: minmax(15rem, 22rem) minmax(24rem, 100%) minmax(21rem, 27rem) 25rem;
  grid-template-areas: "image describe price orderWithStockAndDeliveries";
  grid-gap: 0.5rem 1rem;
  gap: 0.5rem 1rem;
}
@media (min-width: 1680px) {
  .wfeYy {
    column-gap: 2rem;
    grid-template-columns: 22rem minmax(24rem, 100%) minmax(21rem, 30rem) 45rem;
  }
  .wfeYy[data-css-is-pip=true] {
    grid-template-columns: minmax(15rem, 22rem) minmax(24rem, 100%) minmax(21rem, 27rem) 25rem;
  }
}
@media (min-width: 1680px) and (min-width: 1920px) {
  .wfeYy[data-css-is-pip=true] {
    grid-template-columns: 20rem minmax(22rem, 100%) minmax(21rem, 30rem) 45rem;
  }
}
@media (min-width: 1680px) {
  .wfeYy[data-css-is-category-tree-hidden=false][data-css-is-filters-vertical=true] {
    grid-template-columns: minmax(15rem, 22rem) minmax(24rem, 100%) minmax(21rem, 27rem) 25rem;
  }
}
[dir] .wfeYy[data-css-with-status=true] {
  padding-bottom: 0;
}
.wfeYy[data-css-force-bottom=true] {
  grid-row-start: 3;
}

.e76jC {
  grid-column: 3/span 2;
  align-self: end;
}
.e76jC[data-css-not-in-offer=true] {
  grid-row-start: -1;
}
[dir=ltr] .e76jC[data-css-has-replacement=true] {
  padding: 2rem 2rem 0.5rem 0;
}
[dir=rtl] .e76jC[data-css-has-replacement=true] {
  padding: 2rem 0 0.5rem 2rem;
}
.e76jC[data-css-force-bottom=true] {
  grid-row-start: 3;
}

.VyR8n {
  font-family: "Lato", "Lato-polyfill", "Constantia";
  font-weight: 700;
  transition: 0.1s background-color, 0.1s color;
  -webkit-text-decoration: none;
  text-decoration: none;
  font-size: 1.2rem;
  color: #545F69;
  fill: #545F69;
  stroke: #545F69;
}

[dir] .VyR8n {
  text-align: center;
  cursor: pointer;
  margin: 1rem 0;
  padding: 0.6rem;
  border-radius: 0.3rem;
  border: 1px solid #545F69;
  background-color: transparent;
}
.VyR8n:focus {
  outline: none;
}
[dir] .VyR8n:focus {
  box-shadow: 0 0 0 0.3rem rgba(84, 95, 105, 0.4);
}
.VyR8n:active {
  color: #FFF;
}
[dir] .VyR8n:active {
  background-color: #545F69;
}
.VyR8n:active:has(svg):not(:disabled) svg {
  fill: #FFF;
  stroke: #FFF;
}
@media (hover: hover) and (pointer: fine) {
  .VyR8n:hover {
    color: #FFF;
  }
  [dir] .VyR8n:hover {
    background-color: #545F69;
  }
  .VyR8n:hover:has(svg):not(:disabled) svg {
    fill: #FFF;
    stroke: #FFF;
  }
}
.VyR8n:disabled {
  color: #6F7E8B;
}
[dir] .VyR8n:disabled {
  background-color: #F5F5F5;
  border: 0.1rem solid #B5B5B5;
  cursor: not-allowed;
}
[dir] .VyR8n {
  margin: 0.5rem 0 0;
}

.njk8t {
  display: flex;
  grid-column: 4;
}
@media (max-width: 1919.98px) {
  .njk8t[data-css-is-pip=true] {
    flex-direction: column;
  }
}
.njk8t[data-css-is-category-tree-hidden=false][data-css-is-filters-vertical=true] {
  flex-direction: column;
}
@media (max-width: 1679.98px) {
  .njk8t {
    flex-direction: column;
  }
}

.zWhSQ {
  display: flex;
  flex-direction: column;
  row-gap: 0.4rem;
  align-items: flex-start;
  box-sizing: border-box;
  width: 100%;
}

[dir] .zWhSQ {
  padding: 1rem 1rem 0;
}

._6ea0w {
  grid-column: 1/span 2;
}.RPwMK {
  display: flex;
  flex-direction: column;
  height: 100%;
}[dir] .RPwMK {
  cursor: pointer;
}

._9s9Pp {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

[dir=ltr] ._9s9Pp {
  padding: 1rem 0 0 2rem;
}

[dir=rtl] ._9s9Pp {
  padding: 1rem 2rem 0 0;
}
._9s9Pp[data-css-scope=line] {
  grid-row: 1/span 2;
}
._9s9Pp[data-css-scope=box] {
  position: relative;
}
[dir] ._9s9Pp[data-css-scope=box] {
  padding: 0;
}
._5uKZW {
  position: absolute;
  z-index: 0;
  top: 2rem;
  left: 0;
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
}
._5uKZW[data-css-scope=box] {
  top: 0;
}.Niwvr {
  position: fixed;
  z-index: 200;
  top: -100vh;
  overflow: visible;
  width: -webkit-fit-content;
  width: fit-content;
  opacity: 1;
  transition: 0.2s opacity;
}[dir] .Niwvr {
  margin: 0;
  border: none;
}[dir=ltr] .Niwvr {
  left: -100vw;
}[dir=rtl] .Niwvr {
  right: -100vw;
}
.Niwvr[data-css-is-calculated=true] {
  transition: 0.3s opacity;
}
.Niwvr[data-css-is-calculated=false] {
  pointer-events: none;
  opacity: 0;
}
.Niwvr [data-tooltip-modal-content] {
  display: initial;
}
.Niwvr[data-css-is-hidden=true] {
  display: none;
}

._6T5JF {
  box-sizing: border-box;
  position: relative;
  width: 100%;
}

[dir] ._6T5JF {
  background-color: #FFF;
  border-radius: 0.5rem;
  box-shadow: 0 0 4rem 0 rgba(0, 0, 0, 0.2);
  cursor: default;
}
@media (min-width: 1280px) {
  ._6T5JF {
    width: auto;
  }
  ._6T5JF:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -2rem;
    display: block;
    width: calc(100% + 4rem);
    height: calc(100% + 4rem);
  }
  [dir=ltr] ._6T5JF:before {
    left: -2rem;
  }
  [dir=rtl] ._6T5JF:before {
    right: -2rem;
  }
}

._4ZVeC {
  display: block;
  position: absolute;
  width: 1rem;
  height: 1rem;
  top: 1rem;
}

[dir] ._4ZVeC {
  background-color: #FFF;
}

[dir=ltr] ._4ZVeC {
  transform: rotate(45deg);
  left: -0.5rem;
}

[dir=rtl] ._4ZVeC {
  transform: rotate(-45deg);
  right: -0.5rem;
}

.cFktV {
  display: grid;
  grid-template-columns: 1fr 3rem;
  grid-template-rows: auto 1fr;
  line-height: 1.15em;
}

[dir] .cFktV {
  padding: 1.2rem 2rem;
}
.cFktV img {
  max-width: 100%;
}
[dir] .cFktV[data-css-margin=small] .hZke4, [dir] .cFktV[data-css-margin=small] .cWGJW {
  margin-top: 1.35rem;
}
[dir] .cFktV[data-css-margin=medium] .hZke4, [dir] .cFktV[data-css-margin=medium] .cWGJW {
  margin-top: 1.8rem;
}
[dir] .cFktV[data-css-margin=large] .hZke4, [dir] .cFktV[data-css-margin=large] .cWGJW {
  margin-top: 2.2rem;
}

.U9otg {
  grid-column: 1;
  font-size: 1.4rem;
  color: #183884;
}

[dir] .U9otg {
  margin-bottom: 0.8rem;
}

[dir=ltr] .U9otg {
  margin-right: 1.45rem;
}

[dir=rtl] .U9otg {
  margin-left: 1.45rem;
}
.U9otg .o-product-badge {
  position: initial;
}
[dir] .U9otg .o-product-badge {
  margin-bottom: 0.5rem;
}

.hZke4 {
  grid-column: 1/3;
  max-width: 40rem;
  font-size: 1.2rem;
  line-height: inherit;
  color: #2E353B;
}

[dir] .hZke4 {
  margin: 0;
}

.cWGJW {
  overflow: auto;
  grid-column: 1/3;
  max-height: 80vh;
}

[dir] .qYqxx {
  border: none;
  background-color: transparent;
  cursor: pointer;
  padding: 0;
}
.qYqxx:focus {
  outline: none;
}
[dir] .qYqxx:focus {
  box-shadow: 0 0 0 0.2rem rgba(46, 53, 59, 0.6);
}
.qYqxx {
  position: absolute;
  z-index: 1;
  top: 0.5rem;
  display: flex;
  grid-column: 2;
  align-items: center;
  justify-content: center;
}
[dir] .qYqxx {
  padding: 0.1rem;
  border-radius: 50%;
}
[dir=ltr] .qYqxx {
  right: 0.5rem;
}
[dir=rtl] .qYqxx {
  left: 0.5rem;
}
.qYqxx:hover .jadnc {
  fill: #2E353B;
}

.jadnc {
  width: 1.5rem;
  height: 1.5rem;
  fill: #B5B5B5;
}
.jadnc[data-css-size=small] {
  width: 1.5rem;
  height: 1.5rem;
}
.jadnc[data-css-size=medium] {
  width: 2.4rem;
  height: 2.4rem;
}
.jadnc[data-css-size=large] {
  width: 3rem;
  height: 3rem;
}

.Niwvr[data-css-scope=catalogueDrawer] {
  min-width: 10rem;
}
[dir] .Niwvr[data-css-scope=catalogueDrawer] .cFktV {
  padding: 1rem;
}

.Niwvr[data-css-scope=header] .hZke4 {
  max-width: 90vw;
  font-size: 1.4rem;
}

[dir=ltr] .Niwvr[data-css-scope=header] .hZke4 {
  padding-right: 1.5rem;
}

[dir=rtl] .Niwvr[data-css-scope=header] .hZke4 {
  padding-left: 1.5rem;
}
@media (min-width: 768px) {
  .Niwvr[data-css-scope=header] .hZke4 {
    max-width: 50vw;
  }
}
@media (min-width: 1280px) {
  .Niwvr[data-css-scope=header] .hZke4 {
    max-width: 70rem;
  }
}
@media (max-width: 768px) {
  .Niwvr[data-css-scope=header] {
    max-width: 90%;
  }
}

.Niwvr[data-css-scope=parameterBox-horizontal] .cFktV,
.Niwvr[data-css-scope=parameterBox-horizontal_expanded] .cFktV {
  max-width: 60rem;
}
.Niwvr[data-css-scope=parameterBox-horizontal] .cFktV:has(img, table),
.Niwvr[data-css-scope=parameterBox-horizontal_expanded] .cFktV:has(img, table) {
  max-width: -webkit-max-content;
  max-width: max-content;
}

.ZSm8p [data-tooltip-base-content] {
  display: initial;
}
.ZSm8p svg {
  pointer-events: none;
}

.yxJe9 .ZFBdR {
  display: none;
}

.yxJe9[data-css-scope=header] {
  width: 10rem;
}

.yxJe9[data-css-scope=orderCart] {
  grid-column: 2;
  grid-row: 1;
}
.yxJe9[data-css-scope=orderCart] .ZSm8p {
  display: flex;
}
@media (min-width: 1280px) {
  .yxJe9[data-css-scope=orderCart] {
    grid-column: 3/3;
  }
}[data-tooltip-modal-content] {
  display: none;
}

.js-cs-tooltip-container {
  display: flex;
}

[dir=ltr] .js-cs-tooltip-container p:first-child {
  margin-right: 0.5rem;
}

[dir=rtl] .js-cs-tooltip-container p:first-child {
  margin-left: 0.5rem;
}

.js-cs-tooltip {
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
}

[dir] .js-cs-tooltip {
  margin: auto 0;
}

.js-cs-tooltip-icon {
  display: block;
  max-width: 2rem;
  min-width: 1.5rem;
  max-height: 2rem;
  min-height: 1.5rem;
}

[dir] .js-cs-tooltip-icon {
  background-image: url("data:image/svg+xml,%3csvg%20id='info-outline-gray-svg'%20viewBox='0%200%2029%2029'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill='%235A5A5A'%20d='M14.5%201.4a13.1%2013.1%200%2000-9.263%2022.363c5.123%205.076%2013.384%205.056%2018.483-.043s5.118-13.361.043-18.483A13.015%2013.015%200%200014.5%201.4m0-1.4C22.508%200%2029%206.492%2029%2014.5S22.508%2029%2014.5%2029%200%2022.508%200%2014.5%206.492%200%2014.5%200zm.827%2011.864v9.417h-1.655v-9.417zm.353-2.956c0%20.156-.034.31-.1.451a1.3%201.3%200%2001-.26.372%201.2%201.2%200%2001-.381.256%201.153%201.153%200%2001-.46.093%201.1%201.1%200%2001-.449-.09%201.17%201.17%200%2001-.367-.256%201.27%201.27%200%2001-.248-.375%201.1%201.1%200%2001-.1-.451c.002-.159.036-.315.1-.46.059-.141.144-.271.251-.381a1.17%201.17%200%2001.367-.256%201.1%201.1%200%2001.451-.093c.158-.001.315.031.46.093a1.2%201.2%200%2001.381.256%201.26%201.26%200%2001.26.381%201.12%201.12%200%2001.095.46z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
}

.js-cs-tooltip-header,
.js-cs-tooltip-html,
.js-cs-tooltip-text {
  display: none;
}.K2iaM {
  width: 2rem;
  height: 2rem;
}
.K2iaM[data-css-is-white=true] {
  fill: #5A5A5A;
}.o-product-gallery-options {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}.Ak4Qt {
  position: absolute;
  top: 1.3rem;
  width: 2rem;
  font-size: 0.9rem;
  color: #4B4B4B;
}[dir] .Ak4Qt {
  text-align: center;
}[dir=ltr] .Ak4Qt {
  left: 0;
}[dir=rtl] .Ak4Qt {
  right: 0;
}.iblrh {
  height: 14.5rem;
  max-height: 14.5rem;
  object-fit: contain;
}

.XuDJd {
  fill: #D6D6D6;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  pointer-events: initial;
}

[dir] .XuDJd {
  background: white;
  padding: 0.5rem;
}

._3r-G2[data-css-scope=line] .iblrh {
  width: 100%;
  object-position: top;
}
._3r-G2[data-css-scope=box] .iblrh {
  width: 100%;
  height: 23rem;
  max-height: 23rem;
}
[dir] ._3r-G2[data-css-scope=box] .iblrh {
  margin: 0;
}.o-modal-wrapper[modal-context=zoom-modal] .zoom-modal-overlay {
  z-index: -1;
}[dir] .o-modal-wrapper[modal-context=zoom-modal] .zoom-modal-overlay {
  background-color: #FFF;
}

.o-zoom-modal__container {
  box-sizing: border-box;
  -webkit-user-select: none;
          user-select: none;
}

[dir] .o-zoom-modal__container {
  border-radius: 0;
  padding: 0;
}

.o-modal-wrapper[modal-context=zoom-modal] .zoom-modal-overlay {
  z-index: -1;
}

[dir] .o-modal-wrapper[modal-context=zoom-modal] .zoom-modal-overlay {
  background-color: #FFF;
}.smqD- {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}.EZO44 {
  position: absolute;
  top: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  transition: transform ease-in 0.1s;
}[dir] .EZO44 {
  cursor: pointer;
  transform: translateY(-50%);
  border: none;
  border-radius: 50%;
  background: white;
}
[dir=ltr] .EZO44[data-css-direction=left] {
  left: -5rem;
}
[dir=rtl] .EZO44[data-css-direction=left] {
  right: -5rem;
}
[dir=ltr] .EZO44[data-css-direction=right] {
  right: -5rem;
}
[dir=rtl] .EZO44[data-css-direction=right] {
  left: -5rem;
}
[dir] .EZO44:disabled {
  cursor: default;
}
.EZO44:disabled .BtVaD {
  fill: #B5B5B5;
}

.BtVaD {
  display: inline-block;
  fill: #666666;
  height: 3rem;
  width: 3rem;
}
[dir] .BtVaD[data-css-is-left=false] {
  transition-duration: 0.5s;
}
[dir=ltr] .BtVaD[data-css-is-left=false] {
  transform: rotate(270deg);
}
[dir=rtl] .BtVaD[data-css-is-left=false] {
  transform: rotate(-270deg);
}
[dir] .BtVaD[data-css-is-left=true] {
  transition-duration: 0.5s;
}
[dir=ltr] .BtVaD[data-css-is-left=true] {
  transform: rotate(90deg);
}
[dir=rtl] .BtVaD[data-css-is-left=true] {
  transform: rotate(-90deg);
}.rkGRM {
  overflow-x: auto;
  display: flex;
  flex-wrap: nowrap;
  gap: 1rem;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 10rem;
}[dir] .DEptQ {
  cursor: zoom-in;
}.JSRqT {
  opacity: 0.6;
}[dir] .JSRqT {
  cursor: pointer;
  padding: 0;
  border: none;
}
.JSRqT[data-css-active=true] {
  opacity: 1;
  transition: opacity ease-in 0.1s;
}

[dir] .yZ06S {
  padding: 0;
  border: none;
  border-bottom: 0.2rem solid transparent;
  background: none;
}
[dir] .yZ06S[data-css-is-underlined=true] {
  border-bottom-color: #183884;
}.v0gng {
  display: flex;
  justify-content: center;
  height: 90%;
}

.r1AfD {
  width: 100%;
  max-width: 100%;
  height: 100%;
}
.r1AfD[data-css-is-hidden=true] {
  display: none;
}.rwO72 {
  position: relative;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  width: calc(100% - 5rem);
  height: 4.5rem;
}[dir] .rwO72 {
  margin: 0 auto;
  padding: 0.5rem 0;
  border-radius: 0.6rem;
}
[dir] .rwO72[data-css-is-dragging=true] {
  cursor: grabbing;
}
[dir] .rwO72[data-css-is-dragging=true] .LKZK8 {
  cursor: grabbing;
}

.iIh8T {
  position: absolute;
  width: 100%;
  height: 0.2rem;
}

[dir] .iIh8T {
  border-radius: 0.6rem;
  background-color: #B5B5B5;
}

.YPZKO {
  touch-action: pan-x;
  position: absolute;
  width: 1.8rem;
  height: 1.8rem;
}

[dir] .YPZKO {
  cursor: grab;
  border: 0.2rem solid #6F7E8B;
  border-radius: 50%;
  background-color: #6F7E8B;
}

[dir=ltr] .YPZKO {
  transform: translate(-50%, 0);
}

[dir=rtl] .YPZKO {
  transform: translate(50%, 0);
}

.vwLfU {
  position: absolute;
}

.LKZK8 {
  position: absolute;
  width: 100%;
  height: 0.4rem;
}

[dir] .LKZK8 {
  cursor: pointer;
  background: transparent;
}[dir] .xoBva {
  margin: 0 auto;
}._4fjgg {
  display: flex;
  align-items: center;
  justify-content: center;
}

[dir] ._2GG6r[data-css-is-in-tooltip=true] {
  padding: 0 5rem;
}

._2GG6r {
  max-width: calc(100vw - 2rem);
}
@media (min-width: 768px) and (max-width: 1279.98px) {
  [dir] ._2GG6r[data-css-full-mode=false] {
    padding: 0 5rem;
  }
}
._2GG6r[data-css-full-mode=true] {
  -webkit-user-select: none;
          user-select: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  height: 100%;
}
[dir] ._2GG6r[data-css-full-mode=true] {
  padding: 2rem 6rem;
}

.Vc46r {
  display: block;
  font-size: 1.8rem;
  font-weight: 700;
  color: #CD0004;
}

[dir] .Vc46r {
  margin-bottom: 1rem;
}
.Vc46r[data-css-full-mode=true] {
  align-self: normal;
}

.lM10p {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.lM10p[data-css-rtl=true] {
  flex-direction: row-reverse;
}
.lM10p[data-css-full-mode=true] {
  align-self: normal;
}

.a9fvR {
  position: relative;
}
.a9fvR[data-css-full-mode=true] {
  align-self: normal;
  height: 100%;
}
[dir] .a9fvR[data-css-full-mode=true] {
  margin: auto 0;
}

._1cGJG {
  overflow: hidden;
  width: 100%;
  height: auto;
  transition: opacity 0.2s;
}

[dir] ._1cGJG {
  margin: 0 auto;
}
._1cGJG .o-tme-loader {
  width: 5rem;
}

.T9zwr {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  aspect-ratio: 4/3;
}

.q17OV {
  font-size: 1.2rem;
  color: #545F69;
}

[dir] .q17OV {
  margin-top: 2rem;
}

[dir=ltr] .q17OV {
  text-align: left;
}

[dir=rtl] .q17OV {
  text-align: right;
}.x-F0Y {
  width: auto;
}

.kAlIP {
  width: 7.5rem;
  max-width: 7.5rem;
}.LGCuw, .xQbeH {
  width: 100%;
  height: 100%;
}

.Z2bPO {
  top: 1.5rem;
}

[dir=ltr] .Z2bPO {
  right: 1.5rem;
}

[dir=rtl] .Z2bPO {
  left: 1.5rem;
}

[dir] .c2rkD ._6-a4i .P7KJp {
  margin-top: 3rem;
}.XFMDH {
  grid-row: 1/span 2;
  justify-content: space-between;
  max-width: 50rem;
  word-break: break-word;
}[dir] .XFMDH {
  padding-top: 1rem;
}

.XFMDH, .fx4eH {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
}

.fx4eH {
  min-height: 14.5rem;
}
.fx4eH[data-css-is-in-offer=false] {
  min-height: 9.5rem;
}
[dir] .fx4eH[data-css-is-in-offer=false] {
  margin-bottom: 1rem;
}

.bEWiv {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.2rem;
  align-items: center;
  font-size: 1.4rem;
  line-height: 1.6em;
}

._9z-ag {
  font-weight: 700;
}

[dir=ltr] ._9z-ag {
  padding-right: 0.5rem;
}

[dir=rtl] ._9z-ag {
  padding-left: 0.5rem;
}

.TjX0g {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  align-items: center;
  width: auto;
}

[dir] .TjX0g {
  margin-bottom: 1rem;
}

[dir=ltr] .TjX0g {
  justify-items: left;
}

[dir=rtl] .TjX0g {
  justify-items: right;
}
@media (min-width: 1680px) {
  .TjX0g {
    column-gap: 5rem;
  }
}

.TjX0g[data-css-is-category-tree-hidden=false][data-css-is-filters-vertical=true] {
  column-gap: 3rem;
}.diOX9 {
  font-family: "Lato", "Lato-polyfill", "Constantia";
  font-weight: 700;
  transition: 0.1s background-color, 0.1s color;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #545F69;
  fill: #545F69;
  stroke: #545F69;
}[dir] .diOX9 {
  text-align: center;
  cursor: pointer;
  margin: 1rem 0;
  border: 1px solid #545F69;
  background-color: transparent;
}
.diOX9:focus {
  outline: none;
}
[dir] .diOX9:focus {
  box-shadow: 0 0 0 0.3rem rgba(84, 95, 105, 0.4);
}
.diOX9:active {
  color: #FFF;
}
[dir] .diOX9:active {
  background-color: #545F69;
}
.diOX9:active:has(svg):not(:disabled) svg {
  fill: #FFF;
  stroke: #FFF;
}
@media (hover: hover) and (pointer: fine) {
  .diOX9:hover {
    color: #FFF;
  }
  [dir] .diOX9:hover {
    background-color: #545F69;
  }
  .diOX9:hover:has(svg):not(:disabled) svg {
    fill: #FFF;
    stroke: #FFF;
  }
}
.diOX9:disabled {
  color: #6F7E8B;
}
[dir] .diOX9:disabled {
  background-color: #F5F5F5;
  border: 0.1rem solid #B5B5B5;
  cursor: not-allowed;
}
.diOX9 {
  font-weight: 700;
  color: #000;
  -webkit-text-decoration: none;
  text-decoration: none;
}
[dir] .diOX9 {
  cursor: pointer;
  margin: 0.5rem 0 0;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
}.XQS-9 {
  display: grid;
  grid-template-columns: 1fr;
}

.VbfZG {
  justify-self: center;
}

[dir] .VbfZG {
  margin-top: 2rem;
}

.pC7AR {
  display: grid;
  grid-template-columns: 5rem 1fr;
  grid-gap: 2rem;
  gap: 2rem;
  align-items: start;
}

[dir] .pC7AR {
  padding: 1.5rem;
  border-bottom: 1px solid #B5B5B5;
}

._2HeOe {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}

.nnqY9 {
  display: grid;
}

[dir] .nnqY9 {
  padding: 1.5rem;
}

.-B-A4 {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1rem;
  gap: 1rem;
}

[dir] .-B-A4 {
  margin-top: 0.3rem;
}@keyframes dCxgI {
  0% {
    opacity: 0.4;
  }
  50% {
    opacity: 0.6;
  }
  100% {
    opacity: 0.4;
  }
}
.fFYUP {
  display: grid;
  grid-template-columns: auto auto;
  grid-gap: 1rem;
  gap: 1rem;
  box-sizing: border-box;
}
.fFYUP[data-css-size=mobile] {
  gap: unset;
}
[dir] .fFYUP[data-css-size=tablet] {
  padding: 1rem;
}
.fFYUP[data-css-size=desktop] {
  width: 100%;
}
[dir] .fFYUP[data-css-size=desktop] {
  margin: 2.5rem 0 0.5rem;
}

.dOrru {
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-gap: 0.5rem;
  gap: 0.5rem;
  align-items: center;
  font-weight: 400;
}

.q0fan {
  display: flex;
  justify-content: end;
  white-space: nowrap;
}

[dir] .q0fan {
  margin: 0;
}

.BENJ9 {
  display: inline-block;
  fill: #183884;
  width: 2rem;
  height: 2.4rem;
}

.jrW-X {
  color: #183884;
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

[dir] .jrW-X {
  cursor: pointer;
  border: none;
  text-align: left;
  background-color: transparent;
}

.zlRA9 {
  display: inline-block;
  fill: #183884;
  height: 100%;
  width: 100%;
}
@media (min-width: 1280px) {
  .zlRA9 {
    height: 1.5rem;
    width: 1.5rem;
  }
}
.zlRA9 {
  max-height: 2.8rem;
}

.VtnRZ:focus {
  outline: none;
}

[dir] .VtnRZ:focus {
  box-shadow: 0 0 0 0.2rem rgba(46, 53, 59, 0.6);
}
.VtnRZ {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  box-sizing: border-box;
}
[dir] .VtnRZ {
  padding: 0.3rem;
  margin: 0.5rem 0 0 0;
  background-color: transparent;
  border-radius: 0.5rem;
  cursor: pointer;
  border: 0.1rem solid transparent;
}
@media (min-width: 1280px) {
  .VtnRZ:hover .zlRA9 {
    fill: #061945;
  }
}

._7cg1- {
  width: 100%;
  height: 2rem;
}

[dir] ._7cg1- {
  background-color: #EBEBEB;
}
._7cg1-[data-css-is-loading=true] {
  pointer-events: none;
}
[dir] ._7cg1-[data-css-is-loading=true] {
  cursor: wait;
}
[dir=ltr] ._7cg1-[data-css-is-loading=true] {
  animation: dCxgI 1.1s infinite;
  animation-timing-function: ease-in-out;
}
[dir=rtl] ._7cg1-[data-css-is-loading=true] {
  animation: dCxgI 1.1s infinite;
  animation-timing-function: ease-in-out;
}.hB1Cx:focus {
  outline: none;
}[dir] .hB1Cx:focus {
  box-shadow: 0 0 0 0.2rem rgba(46, 53, 59, 0.6);
}
.hB1Cx {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  box-sizing: border-box;
}
[dir] .hB1Cx {
  padding: 0.3rem;
  margin: 0.5rem 0 0 0;
  background-color: transparent;
  border-radius: 0.5rem;
  cursor: pointer;
  border: 0.1rem solid transparent;
}
.hB1Cx[data-css-is-in-action=true] {
  width: -webkit-min-content;
  width: min-content;
  color: #2E353B;
}
@media (min-width: 1280px) {
  .hB1Cx:hover .kMgby {
    fill: #061945;
  }
}

._9AiFt {
  position: relative;
  width: auto;
  min-height: -webkit-fit-content;
  min-height: fit-content;
  max-height: 5rem;
  display: grid;
  grid-template-columns: 4rem 20rem;
  grid-column-gap: 1rem;
  column-gap: 1rem;
  align-items: center;
}
@media (min-width: 1280px) {
  ._9AiFt[data-css-is-ab-test-18453=true] {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    grid-template-columns: 2rem minmax(auto, 20rem);
    column-gap: 0.5rem;
    color: #183884;
  }
}

.wNMlj {
  width: inherit;
  height: inherit;
}

.kMgby {
  display: inline-block;
  fill: #183884;
  height: 100%;
  width: 100%;
  width: 100%;
  height: 100%;
  max-height: 2.8rem;
}.Lw7fT:focus {
  outline: none;
}[dir] .Lw7fT:focus {
  box-shadow: 0 0 0 0.2rem rgba(46, 53, 59, 0.6);
}
.Lw7fT {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  box-sizing: border-box;
}
[dir] .Lw7fT {
  padding: 0.3rem;
  margin: 0.5rem 0 0 0;
  background-color: transparent;
  border-radius: 0.5rem;
  cursor: pointer;
  border: 0.1rem solid transparent;
}
.Lw7fT:hover ._8gNiU {
  fill: transparent;
  stroke: #061945;
}
.Lw7fT[data-css-is-favourite=true] ._8gNiU {
  fill: #183884;
  stroke: #183884;
  transition: fill 1.5s ease;
}
.Lw7fT[data-css-scope=line] {
  min-width: 3rem;
}
.Lw7fT[data-css-is-in-action=true] {
  width: -webkit-min-content;
  width: min-content;
  color: #2E353B;
}

._8gNiU {
  display: inline-block;
  fill: transparent;
  height: 100%;
  width: 100%;
  stroke: #183884;
  transition: fill 2s ease;
}

.wwlro {
  width: inherit;
  height: inherit;
}
.wwlro[data-css-is-children=true] {
  display: grid;
  grid-template-columns: 4rem 20rem;
  grid-column-gap: 1rem;
  column-gap: 1rem;
  align-items: center;
}
@media (min-width: 1280px) {
  .wwlro[data-css-is-children=true][data-css-is-ab-test-18453=true] {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    grid-template-columns: 2rem minmax(auto, 20rem);
    column-gap: 0.5rem;
    color: #183884;
  }
}.CP0Z- {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 2rem;
  gap: 2rem;
}
@media (min-width: 1280px) {
  .CP0Z- {
    grid-template-columns: 1fr 1fr;
  }
}

._1OURC {
  display: flex;
  flex-direction: column;
  row-gap: 0.6rem;
}
._1OURC .j9XhW {
  font-weight: 400;
}
[dir] ._1OURC .ZH-As {
  margin-bottom: 0.5rem;
}
._1OURC .o-amount-input {
  width: 20rem;
}

.laPtl {
  font-weight: 700;
}/* 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 yY8jJ {
  to {
    opacity: 0.5;
  }
}
.S8KBo {
  width: 100%;
}
[dir] .S8KBo .o-tme-loader-svg {
  margin: auto;
}
.S8KBo[data-css-origin=buyItemBox] {
  width: 100%;
}
.S8KBo[data-css-scope=box], .S8KBo[data-css-scope=mobile-box] {
  display: contents;
}
.S8KBo[data-css-scope=box] .eWU8R, .S8KBo[data-css-scope=mobile-box] .eWU8R {
  grid-area: 2/1/span 1/span 2;
}
[dir] .S8KBo[data-css-scope=line] {
  padding-top: 1rem;
}

.J2G1O {
  opacity: 1;
  height: 15rem;
}

[dir] .J2G1O {
  background-image: linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB);
  background-size: 4.5rem 3.5rem, 8.5rem 3.5rem, 100% 6.5rem, 14.5rem 2.2rem;
  background-repeat: no-repeat;
}

[dir=ltr] .J2G1O {
  background-position: 0 0, 100% 0, 0 4.5rem, 100% 11.5rem;
  animation-name: yY8jJ;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
}

[dir=rtl] .J2G1O {
  background-position: 100% 0, 0% 0, 100% 4.5rem, 0% 11.5rem;
  animation-name: yY8jJ;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
}

.eWU8R {
  display: flex;
  flex-direction: column;
}

[dir] .eWU8R {
  border-radius: 0.5rem;
  background-color: rgba(214, 225, 229, 0.4);
}
@media (min-width: 1280px) {
  [dir] .eWU8R {
    background-color: transparent;
  }
}

.QFTRA {
  height: auto;
  box-sizing: border-box;
  width: 100%;
  -webkit-user-select: text;
          user-select: text;
  color: #000;
}

[dir] .QFTRA {
  padding: 0.3rem 0.7rem;
  border-radius: 0.4rem;
  background-color: transparent;
  border: 0.1rem solid transparent;
  cursor: pointer;
}
@media (min-width: 1280px) {
  [dir] .QFTRA:hover {
    background-color: #F5F5F5;
  }
}
.QFTRA:focus {
  outline: none;
}
[dir] .QFTRA:focus {
  border: 0.1rem solid #183884;
  box-shadow: none;
}
[dir=ltr] .QFTRA {
  text-align: left;
}
[dir=rtl] .QFTRA {
  text-align: right;
}

.k9mT6 {
  display: flex;
  justify-content: flex-end;
  color: #183884;
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

[dir] .k9mT6 {
  cursor: pointer;
}

[dir=ltr] .k9mT6 {
  padding: 0.5rem 0.7rem 0 0;
}

[dir=rtl] .k9mT6 {
  padding: 0.5rem 0 0 0.7rem;
}
[dir] .k9mT6[data-css-scope=line] {
  margin-bottom: 0.5rem;
}.RNxCt {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1rem;
  gap: 1rem;
  align-items: center;
  word-break: break-word;
}[dir] .RNxCt {
  margin-bottom: 1rem;
}
.RNxCt[data-has-net-column=true] {
  grid-template-columns: 1fr 1fr 1fr;
}
.RNxCt[data-css-scope=box], .RNxCt[data-css-scope=mobile-box] {
  grid-area: 1/1;
}
.RNxCt[data-css-scope=line] .uEVze, .RNxCt[data-css-scope=box] .uEVze, .RNxCt[data-css-scope=mobile-box] .uEVze {
  display: flex;
  flex-direction: column;
}

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

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

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

[dir=ltr] .jD8un {
  text-align: left;
}

[dir=rtl] .jD8un {
  text-align: right;
}.RZzUT {
  display: flex;
  grid-area: order;
  flex-direction: column;
  row-gap: 1.25rem;
  justify-content: space-between;
  box-sizing: border-box;
  width: 100%;
  height: -webkit-max-content;
  height: max-content;
}[dir=ltr] .RZzUT {
  padding: 1rem 2rem 0 1rem;
}[dir=rtl] .RZzUT {
  padding: 1rem 1rem 0 2rem;
}
.RZzUT[data-css-is-category-tree-hidden=false][data-css-is-filters-vertical=true] .WJFaJ {
  display: grid;
  grid-template-columns: 1fr;
  grid-row-gap: 1rem;
  row-gap: 1rem;
}
.RZzUT[data-css-is-category-tree-hidden=false][data-css-is-filters-vertical=true] .WJFaJ[data-css-without-deliveries=true] {
  row-gap: 3rem;
}
.RZzUT[data-css-is-category-tree-hidden=false][data-css-is-filters-vertical=true] .ZfPBc {
  grid-column: auto;
  grid-row: auto;
}
.RZzUT[data-css-is-category-tree-hidden=false][data-css-is-filters-vertical=true] ._1Q5cN {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 1920px) {
  .RZzUT {
    justify-content: flex-start;
  }
  [dir] .RZzUT {
    padding-bottom: 0;
  }
  [dir=ltr] .RZzUT {
    margin-left: 0;
  }
  [dir=rtl] .RZzUT {
    margin-right: 0;
  }
}

.WJFaJ {
  display: flex;
  flex-wrap: wrap;
  row-gap: 1rem;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}
.WJFaJ[data-css-without-deliveries=true] {
  row-gap: 2rem;
}
@media (min-width: 1920px) {
  .WJFaJ {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-row-gap: 3rem;
    row-gap: 3rem;
    grid-column-gap: 3rem;
    column-gap: 3rem;
  }
}

@media (min-width: 1920px) {
  .ZfPBc {
    grid-column: 1/2;
    grid-row: 2/3;
  }
}

.y7sti {
  display: block;
  overflow-wrap: anywhere;
}
[dir=ltr] .y7sti b {
  margin-right: 0.3rem;
}
[dir=rtl] .y7sti b {
  margin-left: 0.3rem;
}

._1Q5cN {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  place-self: center;
  width: 100%;
  max-width: 35rem;
}

.P5bNR {
  display: grid;
  grid-template-areas: "amountInput" "amountError";
}

.mmIDR {
  display: grid;
  grid-template-areas: "orderButton" "total";
  grid-gap: 2rem;
  gap: 2rem;
}.cv7Cs {
  display: flex;
  grid-area: total;
  align-self: end;
  min-height: 2rem;
  font-weight: 700;
}
.cv7Cs[data-css-align-right=true] {
  width: -webkit-fit-content;
  width: fit-content;
}
[dir=ltr] .cv7Cs[data-css-align-right=true] {
  margin-left: auto;
}
[dir=rtl] .cv7Cs[data-css-align-right=true] {
  margin-right: auto;
}
[dir] .cv7Cs[data-css-has-margin-top=true] {
  margin-top: 1rem;
}

.K9HiB {
  display: flex;
  flex-direction: column;
}/* 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 jrfbL {
  to {
    opacity: 0.5;
  }
}
.WLinj {
  display: grid;
  grid-template-columns: minmax(15rem, 22rem) minmax(24rem, 100%) minmax(21rem, 27rem) 25rem;
  grid-column-gap: 1rem;
  column-gap: 1rem;
  min-height: 20.5rem;
}
[dir] .WLinj {
  margin-bottom: 0.5rem;
  border-radius: 0.4rem;
  background-color: #EBEBEB;
  box-shadow: 0 0 1rem 0.2rem rgba(0, 0, 0, 0.2);
}
@media (min-width: 1920px) {
  .WLinj {
    grid-template-columns: 20rem minmax(22rem, 100%) minmax(21rem, 30rem) 45rem;
    column-gap: 2rem;
  }
  .WLinj[data-css-is-category-tree-hidden=false][data-css-is-filters-vertical=true] {
    grid-template-columns: 22rem minmax(22rem, 100%) minmax(20rem, 26rem) 30rem;
  }
}

.OW1iC {
  opacity: 1;
  height: 14.5rem;
}

[dir] .OW1iC {
  background-image: linear-gradient(#F5F5F5, #F5F5F5);
  background-size: 100% 100%;
}

[dir=ltr] .OW1iC {
  animation-name: jrfbL;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
  margin: 1rem 0 0 2rem;
}

[dir=rtl] .OW1iC {
  animation-name: jrfbL;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
  margin: 1rem 2rem 0 0;
}

.PiU4c {
  opacity: 1;
}

[dir] .PiU4c {
  background-image: linear-gradient(#F5F5F5, #F5F5F5), linear-gradient(#F5F5F5, #F5F5F5), linear-gradient(#F5F5F5, #F5F5F5), linear-gradient(#F5F5F5, #F5F5F5);
  background-size: 11rem 3rem, 22rem 2rem, 17rem 2rem, 23rem 3rem;
  background-repeat: no-repeat;
}

[dir=ltr] .PiU4c {
  background-position: 1rem 1rem, 1rem 5rem, 1rem 8rem, 1rem calc(100% - 1rem);
  animation-name: jrfbL;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
}

[dir=rtl] .PiU4c {
  background-position: right 1rem top 1rem, right 1rem top 5rem, right 1rem top 8rem, right 1rem top calc(100% - 1rem);
  animation-name: jrfbL;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
}

.xDKOI {
  opacity: 1;
  height: 15rem;
}

[dir] .xDKOI {
  background-image: linear-gradient(#F5F5F5, #F5F5F5), linear-gradient(#F5F5F5, #F5F5F5), linear-gradient(#F5F5F5, #F5F5F5), linear-gradient(#F5F5F5, #F5F5F5);
  background-size: 4.5rem 3.5rem, 8.5rem 3.5rem, 100% 6.5rem, 14.5rem 2.2rem;
  background-repeat: no-repeat;
  margin-top: 1rem;
}

[dir=ltr] .xDKOI {
  background-position: 0 0, 100% 0, 0 4.5rem, 100% 11.5rem;
  animation-name: jrfbL;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
}

[dir=rtl] .xDKOI {
  background-position: 100% 0, 0% 0, 100% 4.5rem, 0% 11.5rem;
  animation-name: jrfbL;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
}

.lbNT8 {
  opacity: 1;
}

[dir] .lbNT8 {
  background-image: linear-gradient(#F5F5F5, #F5F5F5), linear-gradient(#F5F5F5, #F5F5F5), linear-gradient(#F5F5F5, #F5F5F5), linear-gradient(#F5F5F5, #F5F5F5), linear-gradient(#F5F5F5, #F5F5F5);
  background-size: 10rem 2rem, 7rem 1rem, 100% 2rem, 100% 4rem, 100% 4rem;
  background-repeat: no-repeat;
}

[dir=ltr] .lbNT8 {
  background-position: 0 0, 0 3rem, 0 5rem, 0 8rem, 0 13rem;
  animation-name: jrfbL;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
  margin: 1rem 2rem 1rem 3rem;
}

[dir=rtl] .lbNT8 {
  background-position: 100% 0, 100% 3rem, 100% 5rem, 100% 8rem, 100% 13rem;
  animation-name: jrfbL;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
  margin: 1rem 3rem 1rem 2rem;
}
@media (min-width: 1920px) {
  .lbNT8[data-css-wide=true] {
    opacity: 1;
  }
  [dir] .lbNT8[data-css-wide=true] {
    background-image: linear-gradient(#F5F5F5, #F5F5F5), linear-gradient(#F5F5F5, #F5F5F5), linear-gradient(#F5F5F5, #F5F5F5), linear-gradient(#F5F5F5, #F5F5F5), linear-gradient(#F5F5F5, #F5F5F5);
    background-size: 10rem 2rem, 10rem 2rem, 40% 2rem, calc(50% - 0.5rem) 4rem, calc(50% - 0.5rem) 4rem;
    background-repeat: no-repeat;
  }
  [dir=ltr] .lbNT8[data-css-wide=true] {
    background-position: 0 0, calc(50% + 5.5rem) 0, 0 6rem, 0 9rem, 100% 9rem;
    animation-name: jrfbL;
    animation-duration: 1.2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-direction: alternate;
  }
  [dir=rtl] .lbNT8[data-css-wide=true] {
    background-position: 100% 0, calc(100% - (50% + 5.5rem)) 0, 100% 6rem, 100% 9rem, 0% 9rem;
    animation-name: jrfbL;
    animation-duration: 1.2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-direction: alternate;
  }
}/* 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 OEEZT {
  to {
    opacity: 0.5;
  }
}
.dw9pm {
  opacity: 1;
  min-height: 67.5rem;
}
[dir] .dw9pm {
  background-image: linear-gradient(#F5F5F5, #F5F5F5), linear-gradient(#F5F5F5, #F5F5F5), linear-gradient(#F5F5F5, #F5F5F5), linear-gradient(#F5F5F5, #F5F5F5), linear-gradient(#F5F5F5, #F5F5F5), linear-gradient(#F5F5F5, #F5F5F5), linear-gradient(#F5F5F5, #F5F5F5), linear-gradient(#F5F5F5, #F5F5F5), linear-gradient(#F5F5F5, #F5F5F5), linear-gradient(#F5F5F5, #F5F5F5), linear-gradient(#F5F5F5, #F5F5F5);
  background-size: 13rem 2rem, calc(100% - 3rem) 23rem, 30rem 4rem, calc(100% - 3rem) 3rem, 50% 6rem, calc(100% - 3rem) 5rem, calc(50% - 2rem) 2.5rem, calc(50% - 2rem) 2.5rem, calc(50% - 2rem) 2.5rem, calc(50% - 2rem) 4rem, calc(50% - 2rem) 4rem;
  background-repeat: no-repeat;
  margin: 0.5rem;
  border: 0.1rem solid #e3e3e3;
  border-radius: 0.4rem;
  background-color: #EBEBEB;
}
[dir=ltr] .dw9pm {
  background-position: 1.5rem 1.5rem, 1.5rem 5rem, 1.5rem 31rem, 1.5rem 36rem, 1.5rem 42rem, 1.5rem 49rem, 1.5rem 55rem, calc(100% - 1.5rem) 55rem, 1.5rem 58.5rem, 1.5rem 62rem, calc(100% - 1.5rem) 62rem;
  animation-name: OEEZT;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
}
[dir=rtl] .dw9pm {
  background-position: right 1.5rem top 1.5rem, right 1.5rem top 5rem, right 1.5rem top 31rem, right 1.5rem top 36rem, right 1.5rem top 42rem, right 1.5rem top 49rem, right 1.5rem top 55rem, calc(100% - (100% - 1.5rem)) 55rem, right 1.5rem top 58.5rem, right 1.5rem top 62rem, calc(100% - (100% - 1.5rem)) 62rem;
  animation-name: OEEZT;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
}/* 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 adt8e {
  to {
    opacity: 0.5;
  }
}
[dir] .fWaP- {
  background-color: #EBEBEB;
  box-shadow: 0 0 1rem 0.2rem rgba(0, 0, 0, 0.2);
}
.fWaP-[data-css-is-small-image=true] {
  opacity: 1;
  min-height: 36.5rem;
}
[dir] .fWaP-[data-css-is-small-image=true] {
  background-image: linear-gradient(#F5F5F5, #F5F5F5), linear-gradient(#F5F5F5, #F5F5F5), linear-gradient(#F5F5F5, #F5F5F5), linear-gradient(#F5F5F5, #F5F5F5), linear-gradient(#F5F5F5, #F5F5F5), linear-gradient(#F5F5F5, #F5F5F5), linear-gradient(#F5F5F5, #F5F5F5), linear-gradient(#F5F5F5, #F5F5F5), linear-gradient(#F5F5F5, #F5F5F5), linear-gradient(#F5F5F5, #F5F5F5);
  background-size: 11rem 4rem, 3rem 4rem, 10rem 8rem, calc(100% - 15rem) 8rem, calc(100% - 3rem) 5rem, calc(50% - 2rem) 2.5rem, calc(50% - 2rem) 2.5rem, calc(50% - 2rem) 2.5rem, calc(50% - 2rem) 4rem, calc(50% - 2rem) 4rem;
  background-repeat: no-repeat;
}
[dir=ltr] .fWaP-[data-css-is-small-image=true] {
  background-position: 1.5rem 1.5rem, calc(100% - 1.5rem) 1.5rem, 1.5rem 7.5rem, calc(100% - 1.5rem) 7.5rem, 1.5rem 17.5rem, 1.5rem 24rem, calc(100% - 1.5rem) 24rem, 1.5rem 27.5rem, 1.5rem 31rem, calc(100% - 1.5rem) 31rem;
  animation-name: adt8e;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
}
[dir=rtl] .fWaP-[data-css-is-small-image=true] {
  background-position: right 1.5rem top 1.5rem, calc(100% - (100% - 1.5rem)) 1.5rem, right 1.5rem top 7.5rem, calc(100% - (100% - 1.5rem)) 7.5rem, right 1.5rem top 17.5rem, right 1.5rem top 24rem, calc(100% - (100% - 1.5rem)) 24rem, right 1.5rem top 27.5rem, right 1.5rem top 31rem, calc(100% - (100% - 1.5rem)) 31rem;
  animation-name: adt8e;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
}
.fWaP-[data-css-is-small-image=false] {
  opacity: 1;
  min-height: 53.5rem;
}
[dir] .fWaP-[data-css-is-small-image=false] {
  background-image: linear-gradient(#F5F5F5, #F5F5F5), linear-gradient(#F5F5F5, #F5F5F5), linear-gradient(#F5F5F5, #F5F5F5), linear-gradient(#F5F5F5, #F5F5F5), linear-gradient(#F5F5F5, #F5F5F5), linear-gradient(#F5F5F5, #F5F5F5), linear-gradient(#F5F5F5, #F5F5F5), linear-gradient(#F5F5F5, #F5F5F5), linear-gradient(#F5F5F5, #F5F5F5), linear-gradient(#F5F5F5, #F5F5F5);
  background-size: 11rem 4rem, 3rem 4rem, calc(100% - 3rem) 17rem, calc(100% - 3rem) 8rem, calc(100% - 3rem) 5rem, calc(50% - 2rem) 2.5rem, calc(50% - 2rem) 2.5rem, calc(50% - 2rem) 2.5rem, calc(50% - 2rem) 4rem, calc(50% - 2rem) 4rem;
  background-repeat: no-repeat;
}
[dir=ltr] .fWaP-[data-css-is-small-image=false] {
  background-position: 1.5rem 1.5rem, calc(100% - 1.5rem) 1.5rem, 1.5rem 6.5rem, calc(100% - 1.5rem) 24.5rem, 1.5rem 34rem, 1.5rem 40rem, calc(100% - 1.5rem) 40rem, 1.5rem 44rem, 1.5rem 48rem, calc(100% - 1.5rem) 48rem;
  animation-name: adt8e;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
}
[dir=rtl] .fWaP-[data-css-is-small-image=false] {
  background-position: right 1.5rem top 1.5rem, calc(100% - (100% - 1.5rem)) 1.5rem, right 1.5rem top 6.5rem, calc(100% - (100% - 1.5rem)) 24.5rem, right 1.5rem top 34rem, right 1.5rem top 40rem, calc(100% - (100% - 1.5rem)) 40rem, right 1.5rem top 44rem, right 1.5rem top 48rem, calc(100% - (100% - 1.5rem)) 48rem;
  animation-name: adt8e;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
}/* 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 gwk0T {
  to {
    opacity: 0.5;
  }
}
.ND7fV {
  width: 100%;
}
.ND7fV .dgu2Q {
  height: 6rem;
}
[dir] .ND7fV[data-css-is-replacement=true] {
  background-color: #FFF;
}
.ND7fV[data-css-is-replacement=true][data-css-dummy-scope=details] .dgu2Q {
  opacity: 1;
}
[dir] .ND7fV[data-css-is-replacement=true][data-css-dummy-scope=details] .dgu2Q {
  background-image: linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB);
  background-size: 12rem 1rem, 8rem 0.5rem;
  background-position: 50% 1.5rem, 50% 4rem;
  background-repeat: no-repeat;
}
[dir=ltr] .ND7fV[data-css-is-replacement=true][data-css-dummy-scope=details] .dgu2Q {
  animation-name: gwk0T;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
}
[dir=rtl] .ND7fV[data-css-is-replacement=true][data-css-dummy-scope=details] .dgu2Q {
  animation-name: gwk0T;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
}
.ND7fV[data-css-is-replacement=true][data-css-dummy-scope=product] .dgu2Q {
  opacity: 1;
}
[dir] .ND7fV[data-css-is-replacement=true][data-css-dummy-scope=product] .dgu2Q {
  background-image: linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB);
  background-size: 8rem 4rem, 10rem 1rem, 6rem 1rem, 3.5rem 3.5rem;
  background-repeat: no-repeat;
}
[dir=ltr] .ND7fV[data-css-is-replacement=true][data-css-dummy-scope=product] .dgu2Q {
  background-position: 4.5rem 1rem, 15rem 1.5rem, 15rem 3.5rem, calc(100% - 0.5rem) 1.5rem;
  animation-name: gwk0T;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
}
[dir=rtl] .ND7fV[data-css-is-replacement=true][data-css-dummy-scope=product] .dgu2Q {
  background-position: right 4.5rem top 1rem, right 15rem top 1.5rem, right 15rem top 3.5rem, calc(100% - (100% - 0.5rem)) 1.5rem;
  animation-name: gwk0T;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
}
[dir] .ND7fV[data-css-is-replacement=false][data-css-dummy-scope=details]:nth-of-type(even) {
  background-color: #FFF;
}
.ND7fV[data-css-is-replacement=false][data-css-dummy-scope=details]:nth-of-type(even) .dgu2Q {
  opacity: 1;
}
[dir] .ND7fV[data-css-is-replacement=false][data-css-dummy-scope=details]:nth-of-type(even) .dgu2Q {
  background-image: linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB);
  background-size: 12rem 1rem, 8rem 0.5rem;
  background-position: 50% 1.5rem, 50% 4rem;
  background-repeat: no-repeat;
}
[dir=ltr] .ND7fV[data-css-is-replacement=false][data-css-dummy-scope=details]:nth-of-type(even) .dgu2Q {
  animation-name: gwk0T;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
}
[dir=rtl] .ND7fV[data-css-is-replacement=false][data-css-dummy-scope=details]:nth-of-type(even) .dgu2Q {
  animation-name: gwk0T;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
}
[dir] .ND7fV[data-css-is-replacement=false][data-css-dummy-scope=details]:nth-of-type(odd) {
  background-color: #F5F5F5;
}
.ND7fV[data-css-is-replacement=false][data-css-dummy-scope=details]:nth-of-type(odd) .dgu2Q {
  opacity: 1;
}
[dir] .ND7fV[data-css-is-replacement=false][data-css-dummy-scope=details]:nth-of-type(odd) .dgu2Q {
  background-image: linear-gradient(#FFF, #FFF), linear-gradient(#FFF, #FFF);
  background-size: 12rem 1rem, 8rem 0.5rem;
  background-position: 50% 1.5rem, 50% 4rem;
  background-repeat: no-repeat;
}
[dir=ltr] .ND7fV[data-css-is-replacement=false][data-css-dummy-scope=details]:nth-of-type(odd) .dgu2Q {
  animation-name: gwk0T;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
}
[dir=rtl] .ND7fV[data-css-is-replacement=false][data-css-dummy-scope=details]:nth-of-type(odd) .dgu2Q {
  animation-name: gwk0T;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
}
[dir] .ND7fV[data-css-is-replacement=false][data-css-dummy-scope=product]:nth-of-type(even) {
  background-color: #F5F5F5;
}
.ND7fV[data-css-is-replacement=false][data-css-dummy-scope=product]:nth-of-type(even) .dgu2Q {
  opacity: 1;
}
[dir] .ND7fV[data-css-is-replacement=false][data-css-dummy-scope=product]:nth-of-type(even) .dgu2Q {
  background-image: linear-gradient(#FFF, #FFF), linear-gradient(#FFF, #FFF), linear-gradient(#FFF, #FFF), linear-gradient(#FFF, #FFF);
  background-size: 8rem 4rem, 10rem 1rem, 6rem 1rem, 3.5rem 3.5rem;
  background-repeat: no-repeat;
}
[dir=ltr] .ND7fV[data-css-is-replacement=false][data-css-dummy-scope=product]:nth-of-type(even) .dgu2Q {
  background-position: 4.5rem 1rem, 15rem 1.5rem, 15rem 3.5rem, calc(100% - 0.5rem) 1.5rem;
  animation-name: gwk0T;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
}
[dir=rtl] .ND7fV[data-css-is-replacement=false][data-css-dummy-scope=product]:nth-of-type(even) .dgu2Q {
  background-position: right 4.5rem top 1rem, right 15rem top 1.5rem, right 15rem top 3.5rem, calc(100% - (100% - 0.5rem)) 1.5rem;
  animation-name: gwk0T;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
}
[dir] .ND7fV[data-css-is-replacement=false][data-css-dummy-scope=product]:nth-of-type(odd) {
  background-color: #EBEBEB;
}
.ND7fV[data-css-is-replacement=false][data-css-dummy-scope=product]:nth-of-type(odd) .dgu2Q {
  opacity: 1;
}
[dir] .ND7fV[data-css-is-replacement=false][data-css-dummy-scope=product]:nth-of-type(odd) .dgu2Q {
  background-image: linear-gradient(#F5F5F5, #F5F5F5), linear-gradient(#F5F5F5, #F5F5F5), linear-gradient(#F5F5F5, #F5F5F5), linear-gradient(#F5F5F5, #F5F5F5);
  background-size: 8rem 4rem, 10rem 1rem, 6rem 1rem, 3.5rem 3.5rem;
  background-repeat: no-repeat;
}
[dir=ltr] .ND7fV[data-css-is-replacement=false][data-css-dummy-scope=product]:nth-of-type(odd) .dgu2Q {
  background-position: 4.5rem 1rem, 15rem 1.5rem, 15rem 3.5rem, calc(100% - 0.5rem) 1.5rem;
  animation-name: gwk0T;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
}
[dir=rtl] .ND7fV[data-css-is-replacement=false][data-css-dummy-scope=product]:nth-of-type(odd) .dgu2Q {
  background-position: right 4.5rem top 1rem, right 15rem top 1.5rem, right 15rem top 3.5rem, calc(100% - (100% - 0.5rem)) 1.5rem;
  animation-name: gwk0T;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
}.bETY2 {
  position: relative;
  display: grid;
  grid-column: 1/span 2;
  align-self: flex-end;
  min-height: 2.7rem;
}
.bETY2[data-css-with-others=true] {
  grid-row: 3/4;
}
.bETY2[data-css-higher=true] {
  height: 3rem;
}
.bETY2[data-css-full-width=true] {
  width: 100%;
}[dir] .-m-Cn {
  padding: 0.5rem 1rem;
}

.mRE-A {
  height: 3rem;
}

.v-0tI {
  font-size: 1.4rem;
}.wgQWJ {
  width: 100%;
}.KNQNJ {
  gap: 1rem;
}
@media (min-width: 768px) {
  .KNQNJ {
    width: 80vw;
  }
}
@media (min-width: 1280px) {
  .KNQNJ {
    max-width: 100rem;
  }
}

.VsV9X {
}

[dir] .VsV9X {
  margin-bottom: 1rem;
}

._1tFkw {
  overflow-x: auto;
}

[dir] ._1tFkw {
  border-radius: 0.5rem;
}
._1tFkw th, ._1tFkw td {
  min-width: 8rem;
  max-width: 15rem;
}

.qjIgC {
  color: #FFF;
}

[dir] .qjIgC {
  background-color: #4B5B69;
}

[dir] .whTZT {
  margin-top: 0;
}

.k-OW4 {
  font-weight: 700;
}

._8mamh {
  font-family: "Lato", "Lato-polyfill", "Constantia";
  font-weight: 700;
  transition: 0.1s background-color, 0.1s color;
  -webkit-text-decoration: none;
  text-decoration: none;
  font-size: 1.4rem;
  color: #545F69;
  fill: #545F69;
  stroke: #545F69;
}

[dir] ._8mamh {
  text-align: center;
  cursor: pointer;
  margin: 1rem 0;
  padding: 1.2rem;
  border-radius: 0.5rem;
  border: 1px solid #545F69;
  background-color: transparent;
}
._8mamh:focus {
  outline: none;
}
[dir] ._8mamh:focus {
  box-shadow: 0 0 0 0.3rem rgba(84, 95, 105, 0.4);
}
._8mamh:active {
  color: #FFF;
}
[dir] ._8mamh:active {
  background-color: #545F69;
}
._8mamh:active:has(svg):not(:disabled) svg {
  fill: #FFF;
  stroke: #FFF;
}
@media (hover: hover) and (pointer: fine) {
  ._8mamh:hover {
    color: #FFF;
  }
  [dir] ._8mamh:hover {
    background-color: #545F69;
  }
  ._8mamh:hover:has(svg):not(:disabled) svg {
    fill: #FFF;
    stroke: #FFF;
  }
}
._8mamh:disabled {
  color: #6F7E8B;
}
[dir] ._8mamh:disabled {
  background-color: #F5F5F5;
  border: 0.1rem solid #B5B5B5;
  cursor: not-allowed;
}
._8mamh {
  min-width: 15rem;
}/* 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 yDmc- {
  to {
    opacity: 0.5;
  }
}
.tGHIe {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: -webkit-fit-content;
  height: fit-content;
}@keyframes _1QE-D {
  0% {
    opacity: 0.4;
  }
  50% {
    opacity: 0.6;
  }
  100% {
    opacity: 0.4;
  }
}
.qHKX8[data-css-is-loading=true] {
  pointer-events: none;
}
[dir] .qHKX8[data-css-is-loading=true] {
  cursor: wait;
}
[dir=ltr] .qHKX8[data-css-is-loading=true] {
  animation: _1QE-D 1.1s infinite;
  animation-timing-function: ease-in-out;
}
[dir=rtl] .qHKX8[data-css-is-loading=true] {
  animation: _1QE-D 1.1s infinite;
  animation-timing-function: ease-in-out;
}
.qHKX8 {
  width: 100%;
  min-height: 5.5rem;
}
[dir] .qHKX8 {
  background-color: #EBEBEB;
}

.-hx2m {
  display: grid;
  grid-template-columns: 1fr 3rem;
  grid-template-rows: 1fr auto;
  height: -webkit-fit-content;
  height: fit-content;
  min-height: 4rem;
}

[dir] .-hx2m {
  margin-bottom: 1rem;
  background-color: #F5F5F5;
}

.KwRxG:focus {
  outline: none;
}

[dir] .KwRxG:focus {
  box-shadow: 0 0 0 0.2rem rgba(46, 53, 59, 0.6);
}
.KwRxG {
  position: relative;
  display: flex;
  grid-area: 1/1/span 1/span 2;
  align-items: center;
  justify-content: flex-end;
}
[dir] .KwRxG {
  cursor: pointer;
  padding: 0.5rem;
  border: none;
  background: transparent;
}
.KwRxG .o-icon {
  width: 2rem;
  height: 2rem;
  fill: #2E353B;
}

.JHBp2 {
  display: flex;
  grid-area: 1/1;
  column-gap: 1rem;
  align-items: flex-start;
  justify-content: space-between;
}

[dir] .JHBp2 {
  padding: 0.5rem;
}
.JHBp2[data-css-expanded=true] {
  align-items: flex-start;
  width: 2rem;
  height: 2rem;
}

.-KaG2 {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
  align-items: start;
  width: 100%;
}

.TbpHT {
  display: inline-block;
}

[dir=ltr] .TbpHT {
  margin-right: 0.5rem;
}

[dir=rtl] .TbpHT {
  margin-left: 0.5rem;
}
.TbpHT[data-css-bolded=true] {
  font-weight: 700;
}
.TbpHT[data-css-promoted=true] {
  font-weight: 700;
  color: #234D22;
}.MowgM {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
}[dir] .MowgM {
  margin-top: 1rem;
}

.B1MJ6 {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  font-size: 1.4rem;
  font-weight: 400;
  overflow-wrap: anywhere;
}

[dir] .B1MJ6 {
  margin: 0.5rem 0;
}
@media (min-width: 1280px) {
  [dir=ltr] .B1MJ6 {
    margin-right: 0.5rem;
  }
  [dir=rtl] .B1MJ6 {
    margin-left: 0.5rem;
  }
}._2Nvqn {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}[dir] ._2Nvqn {
  padding: 1.5rem;
  box-shadow: 0 0 1rem 0.2rem rgba(0, 0, 0, 0.2);
}
[dir] ._2Nvqn [data-css-is-replacement=true] {
  background-color: #EBEBEB;
}
[dir] ._2Nvqn {
  border: 1px solid #E3E3E3;
}

.Qh70q {
  display: grid;
  grid-gap: 1rem;
  gap: 1rem;
  align-items: center;
  height: -webkit-max-content;
  height: max-content;
  grid-template-columns: 1fr 4rem;
}

._4f9Qi {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1rem;
  gap: 1rem;
}
._4f9Qi[data-css-size=small] {
  grid-template-columns: 10rem 1fr;
  grid-template-rows: -webkit-max-content;
  grid-template-rows: max-content;
  max-width: 95vw;
  min-height: 10rem;
}

.akuXc {
  position: relative;
}
.Ppusf {
  position: absolute;
  z-index: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
}

._1LiEo {
  display: flex;
  height: -webkit-fit-content;
  height: fit-content;
}
._1LiEo[data-css-size=small] {
  grid-row: span 2;
}

.SiAud {
  width: 100%;
  max-width: 24rem;
  height: 100%;
}

[dir] .SiAud {
  margin: 0 auto;
}
.SiAud[data-css-size=small] {
  max-height: 10rem;
}

.TvI4Q {
  width: 100%;
  max-width: 24rem;
  height: 100%;
}

[dir] .TvI4Q {
  margin: 0 auto;
}
.TvI4Q[data-css-size=small] {
  grid-row: span 2;
  max-height: 10rem;
}

._6yKaN {
  fill: #D6D6D6;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  max-height: inherit;
}

[dir] ._6yKaN {
  background: white;
  padding: 0.5rem;
}

._9d1Lq[data-css-size=small] {
  grid-template-columns: 1fr;
}

[dir] ._9d1Lq[data-css-size=small] {
  margin-top: 1rem;
}

[dir] .r-htF + .r-htF {
  margin-top: 1rem;
}

.N7QGq {
  display: inline;
  font-size: 1.4rem;
  font-weight: 400;
}

[dir=ltr] .N7QGq {
  margin: 0.5rem 0.5rem 0.5rem 0;
  padding-right: 1rem;
}

[dir=rtl] .N7QGq {
  margin: 0.5rem 0 0.5rem 0.5rem;
  padding-left: 1rem;
}

[dir] .L5WWp > div:not(:last-child) {
  margin-bottom: 1rem;
}

.DnIx- {
  display: flex;
  flex-direction: column;
  row-gap: 0.4rem;
  align-items: flex-start;
  width: 100%;
}

[dir] .DnIx- {
  padding-top: 1rem;
}

.M7I7i {
  grid-column: 1/span 2;
  height: 2.2rem;
}

.Csrqb {
  display: flex;
  flex-direction: column;
}

[dir] .Csrqb {
  margin-top: 0.5rem;
}
.Csrqb .o-amount-input {
  width: 100%;
}

.ArhOj {
  display: grid;
  grid-template-areas: "amountInput orderButton" "amountError total";
  grid-template-columns: calc(50% - 1rem) calc(50% - 1rem);
  grid-column-gap: 2rem;
  column-gap: 2rem;
  align-items: center;
  width: 100%;
}

.OjbQY {
  display: inherit;
}
.OjbQY .o-button {
  overflow-wrap: anywhere;
}

.cjQiu {
  display: flex;
  align-items: flex-end;
}.wNKnU {
  line-height: 2.4rem;
}[dir=ltr] .wNKnU {
  text-align: left;
}[dir=rtl] .wNKnU {
  text-align: right;
}

[dir] .cROmc {
  margin: 1rem;
}