@charset "UTF-8";
.Dhswh {
  display: flex;
  grid-area: orderButton;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  min-width: 15rem;
  height: 4rem;
}
[dir] .Dhswh {
  padding: 1.3rem min(1.5vw, 1.3rem);
}
.Dhswh[data-css-button-variant=primary] {
  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: #FFF;
  fill: #FFF;
  stroke: #FFF;
}
[dir] .Dhswh[data-css-button-variant=primary] {
  text-align: center;
  cursor: pointer;
  margin: 1rem 0;
  padding: 1.2rem;
  border-radius: 0.5rem;
  border: 0.1rem solid #183884;
  background-color: #183884;
}
.Dhswh[data-css-button-variant=primary]:focus {
  outline: none;
}
[dir] .Dhswh[data-css-button-variant=primary]:focus {
  box-shadow: 0 0 0 0.3rem rgba(24, 56, 132, 0.4);
}
[dir] .Dhswh[data-css-button-variant=primary]:active {
  background-color: #061945;
}
@media (hover: hover) and (pointer: fine) {
  [dir] .Dhswh[data-css-button-variant=primary]:hover {
    background-color: #061945;
  }
}
.Dhswh[data-css-button-variant=primary]:disabled {
  color: #FFF;
}
[dir] .Dhswh[data-css-button-variant=primary]:disabled {
  background-color: #B5B5B5;
  border: 0.1rem solid #B5B5B5;
  cursor: not-allowed;
}
[dir] .Dhswh[data-css-button-variant=primary] {
  margin: 0;
}
.Dhswh[data-css-button-variant=secondary] {
  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: #183884;
  fill: #183884;
  stroke: #183884;
}
[dir] .Dhswh[data-css-button-variant=secondary] {
  text-align: center;
  cursor: pointer;
  margin: 1rem 0;
  padding: 1.2rem;
  border-radius: 0.5rem;
  border: 1px solid #183884;
  background-color: transparent;
}
.Dhswh[data-css-button-variant=secondary]:focus {
  outline: none;
}
[dir] .Dhswh[data-css-button-variant=secondary]:focus {
  box-shadow: 0 0 0 0.3rem rgba(24, 56, 132, 0.4);
}
.Dhswh[data-css-button-variant=secondary]:active {
  color: #FFF;
}
[dir] .Dhswh[data-css-button-variant=secondary]:active {
  background-color: #183884;
}
.Dhswh[data-css-button-variant=secondary]:active:has(svg):not(:disabled) svg {
  fill: #FFF;
  stroke: #FFF;
}
@media (hover: hover) and (pointer: fine) {
  .Dhswh[data-css-button-variant=secondary]:hover {
    color: #FFF;
  }
  [dir] .Dhswh[data-css-button-variant=secondary]:hover {
    background-color: #183884;
  }
  .Dhswh[data-css-button-variant=secondary]:hover:has(svg):not(:disabled) svg {
    fill: #FFF;
    stroke: #FFF;
  }
}
.Dhswh[data-css-button-variant=secondary]:disabled {
  color: #6F7E8B;
}
[dir] .Dhswh[data-css-button-variant=secondary]:disabled {
  background-color: #F5F5F5;
  border: 0.1rem solid #B5B5B5;
  cursor: not-allowed;
}
[dir] .Dhswh[data-css-button-variant=secondary] {
  margin: 0;
  background-color: #FFF;
}
.Dhswh[data-css-button-variant=secondary] .O9-IR {
  fill: #183884;
  stroke-width: 0;
}
.Dhswh[data-css-scope=mobile-box] {
  width: 100%;
  min-width: 0;
}
[dir] .Dhswh[data-css-scope=mobile-box] {
  padding-top: unset;
  padding-bottom: unset;
}
.Dhswh[data-css-show-button-label=false] {
  justify-content: center;
  min-width: unset;
}
.Dhswh[data-order-being-created=true] {
  pointer-events: none;
}
.Dhswh[data-css-width="15"] {
  width: 15rem;
}
.Dhswh[data-css-scope=basketDrawer] {
  width: 4rem;
  height: 4rem;
}
[dir] .Dhswh[data-css-scope=basketDrawer] {
  margin: auto;
  padding: 0;
}
@media (min-width: 768px) {
  [dir] .Dhswh {
    padding: 1.3rem min(0.75vw, 1.3rem);
  }
}
@media (min-width: 1280px) {
  .Dhswh[data-css-scope=box] {
    min-width: auto;
  }
  [dir] .Dhswh[data-css-scope=box] {
    padding: 1.3rem 0.3rem;
  }
  [dir] .Dhswh[data-css-scope=line] {
    padding: 1.3rem 0.5rem;
  }
}

.d1LzU {
  position: relative;
  flex-shrink: 0;
}
.d1LzU:after {
  content: "✓";
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 1.4rem;
  height: 1.4rem;
  font-size: 0.9rem;
  color: #183884;
  opacity: 0;
  transition: opacity 0.3s;
}
[dir] .d1LzU:after {
  padding-top: 0.2rem;
  border: 2px solid #183884;
  border-radius: 50%;
  background-color: #FFF;
  -webkit-transition: opacity 0.3s;
}
[dir=ltr] .d1LzU:after {
  right: -0.5rem;
  padding-right: 0.1rem;
}
[dir=rtl] .d1LzU:after {
  left: -0.5rem;
  padding-left: 0.1rem;
}

.N6Z6L {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 2rem;
}

.O9-IR {
  display: inline-block;
  fill: #FFF;
  position: relative;
  display: flex;
  width: 3rem;
  height: 2rem;
}

.QGmwg {
  flex-grow: 1;
  font-weight: 700;
}

[dir] .QGmwg {
  text-align: center;
}.l9T5Z {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}[dir] .l9T5Z {
  margin: 0 0 1rem;
  padding: 0;
}

[dir] .oh-yd {
  margin: 0;
}

.VM0TJ {
  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: #FFF;
  fill: #FFF;
  stroke: #FFF;
}

[dir] .VM0TJ {
  text-align: center;
  cursor: pointer;
  margin: 1rem 0;
  padding: 1.2rem;
  border-radius: 0.5rem;
  border: 0.1rem solid #183884;
  background-color: #183884;
}
.VM0TJ:focus {
  outline: none;
}
[dir] .VM0TJ:focus {
  box-shadow: 0 0 0 0.3rem rgba(24, 56, 132, 0.4);
}
[dir] .VM0TJ:active {
  background-color: #061945;
}
@media (hover: hover) and (pointer: fine) {
  [dir] .VM0TJ:hover {
    background-color: #061945;
  }
}
.VM0TJ:disabled {
  color: #FFF;
}
[dir] .VM0TJ:disabled {
  background-color: #B5B5B5;
  border: 0.1rem solid #B5B5B5;
  cursor: not-allowed;
}
.VM0TJ {
  justify-self: end;
  min-width: 15rem;
  max-width: -webkit-max-content;
  max-width: max-content;
  text-transform: uppercase;
}
[dir] .VM0TJ {
  padding: 1rem;
}.EX9Ct {
  display: grid;
  grid-area: orderButton;
  grid-template-columns: 2rem auto;
  grid-gap: 1rem;
  gap: 1rem;
}[dir] .EX9Ct {
  border: none;
  background-color: transparent;
}[dir=ltr] .EX9Ct {
  text-align: left;
}[dir=rtl] .EX9Ct {
  text-align: right;
}
.EX9Ct:focus {
  outline: none;
}
[dir] .EX9Ct:focus {
  box-shadow: 0 0 0 0.2rem rgba(46, 53, 59, 0.6);
}

.rEFd2 {
  display: inline-block;
  fill: #2E353B;
  height: 100%;
  width: 100%;
  width: 2rem;
  height: 2rem;
}

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

[dir] .PnEJs {
  cursor: pointer;
}

._3oRBK {
  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: #183884;
  fill: #183884;
  stroke: #183884;
}

[dir] ._3oRBK {
  text-align: center;
  cursor: pointer;
  margin: 1rem 0;
  padding: 1.2rem;
  border-radius: 0.5rem;
  border: 1px solid #183884;
  background-color: transparent;
}
._3oRBK:focus {
  outline: none;
}
[dir] ._3oRBK:focus {
  box-shadow: 0 0 0 0.3rem rgba(24, 56, 132, 0.4);
}
._3oRBK:active {
  color: #FFF;
}
[dir] ._3oRBK:active {
  background-color: #183884;
}
._3oRBK:active:has(svg):not(:disabled) svg {
  fill: #FFF;
  stroke: #FFF;
}
@media (hover: hover) and (pointer: fine) {
  ._3oRBK:hover {
    color: #FFF;
  }
  [dir] ._3oRBK:hover {
    background-color: #183884;
  }
  ._3oRBK:hover:has(svg):not(:disabled) svg {
    fill: #FFF;
    stroke: #FFF;
  }
}
._3oRBK:disabled {
  color: #6F7E8B;
}
[dir] ._3oRBK:disabled {
  background-color: #F5F5F5;
  border: 0.1rem solid #B5B5B5;
  cursor: not-allowed;
}
._3oRBK {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  min-width: 15rem;
  height: 4rem;
}
[dir] ._3oRBK {
  margin: 0;
  padding: 1.3rem min(1.5vw, 1.3rem);
}
._3oRBK[data-css-autominwidth=true] {
  min-width: auto;
}
._3oRBK[data-css-scope=mobile-box] {
  width: 100%;
  min-width: 0;
}
[dir] ._3oRBK[data-css-scope=mobile-box] {
  padding-top: unset;
  padding-bottom: unset;
}
._3oRBK[data-css-show-button-label=false] {
  justify-content: center;
  min-width: unset;
}
@media (min-width: 768px) {
  [dir] ._3oRBK {
    padding: 1.3rem min(0.75vw, 1.3rem);
  }
}
@media (min-width: 1280px) {
  ._3oRBK[data-css-scope=box] {
    min-width: auto;
  }
  [dir] ._3oRBK[data-css-scope=box] {
    padding: 1.3rem 0.3rem;
  }
  [dir] ._3oRBK[data-css-scope=line] {
    margin-bottom: 1rem;
    padding: 1.3rem 0.5rem;
  }
}

._4li-P {
  position: relative;
  flex-shrink: 0;
}

.mBcGu {
  display: inline-block;
  fill: #183884;
  position: relative;
  display: flex;
  width: 3rem;
  height: 2rem;
}

.GpCQl {
  flex-grow: 1;
  word-break: break-word;
}

[dir] .GpCQl {
  text-align: center;
}.-ziG4 {
  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: #FFF;
  fill: #FFF;
  stroke: #FFF;
}[dir] .-ziG4 {
  text-align: center;
  cursor: pointer;
  margin: 1rem 0;
  padding: 1.2rem;
  border-radius: 0.5rem;
  border: 0.1rem solid #183884;
  background-color: #183884;
}
.-ziG4:focus {
  outline: none;
}
[dir] .-ziG4:focus {
  box-shadow: 0 0 0 0.3rem rgba(24, 56, 132, 0.4);
}
[dir] .-ziG4:active {
  background-color: #061945;
}
@media (hover: hover) and (pointer: fine) {
  [dir] .-ziG4:hover {
    background-color: #061945;
  }
}
.-ziG4:disabled {
  color: #FFF;
}
[dir] .-ziG4:disabled {
  background-color: #B5B5B5;
  border: 0.1rem solid #B5B5B5;
  cursor: not-allowed;
}
.-ziG4 {
  display: flex;
  grid-area: orderButton;
  flex-direction: row;
  height: 100%;
  min-height: 4rem;
  overflow-wrap: anywhere;
}
[dir] .-ziG4 {
  margin: 0;
  padding: 0;
}
.-ziG4:disabled {
  color: #FFF;
  fill: #FFF;
  stroke: #FFF;
}
[dir] .-ziG4:disabled {
  border: 0.1rem solid #545F69;
  background-color: #545F69;
}
.-ziG4:disabled:focus {
  outline: none;
}
[dir] .-ziG4:disabled:focus {
  box-shadow: 0 0 0 0.3rem rgba(84, 95, 105, 0.4);
}
[dir] .-ziG4:disabled:active {
  background-color: #2E353B;
}
@media (hover: hover) and (pointer: fine) {
  [dir] .-ziG4:disabled:hover {
    background-color: #2E353B;
  }
}
.-ziG4:disabled:disabled {
  color: #FFF;
}
[dir] .-ziG4:disabled:disabled {
  background-color: #B5B5B5;
  border: 0.1rem solid #B5B5B5;
  cursor: not-allowed;
}

[dir] .dXQTW {
  margin: auto;
}

.qHv6S {
  display: inline-block;
  fill: #FFF;
  position: relative;
  display: flex;
  width: 3rem;
  height: 2rem;
}

._4-N3m {
  flex-grow: 1;
  font-weight: 700;
  color: #FFF;
}

[dir] ._4-N3m {
  margin: auto;
  text-align: center;
}@keyframes FYYcq {
  0% {
    opacity: 0.4;
  }
  50% {
    opacity: 0.6;
  }
  100% {
    opacity: 0.4;
  }
}
._3jDiQ {
  box-sizing: border-box;
  max-width: 80rem;
}
[dir] ._3jDiQ {
  padding: 3rem 4rem;
}
._3jDiQ[data-css-is-loading=true][data-css-is-loading=true] {
  pointer-events: none;
}
[dir] ._3jDiQ[data-css-is-loading=true][data-css-is-loading=true] {
  cursor: wait;
}
[dir=ltr] ._3jDiQ[data-css-is-loading=true][data-css-is-loading=true] {
  animation: FYYcq 1.1s infinite;
  animation-timing-function: ease-in-out;
}
[dir=rtl] ._3jDiQ[data-css-is-loading=true][data-css-is-loading=true] {
  animation: FYYcq 1.1s infinite;
  animation-timing-function: ease-in-out;
}
@media (min-width: 1280px) {
  ._3jDiQ {
    width: 80rem;
  }
}.ZQmzD {
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between;
}[dir] .ZQmzD {
  margin: 3rem 0;
}
@media (min-width: 1280px) {
  .ZQmzD {
    flex-direction: row;
  }
}

.JEpBR {
  width: 100%;
}
@media (min-width: 1280px) {
  .JEpBR {
    width: 45%;
  }
}

.fbS-- {
  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: #FFF;
  fill: #FFF;
  stroke: #FFF;
}

[dir] .fbS-- {
  text-align: center;
  cursor: pointer;
  margin: 1rem 0;
  padding: 1.2rem;
  border-radius: 0.5rem;
  border: 0.1rem solid #183884;
  background-color: #183884;
}
.fbS--:focus {
  outline: none;
}
[dir] .fbS--:focus {
  box-shadow: 0 0 0 0.3rem rgba(24, 56, 132, 0.4);
}
[dir] .fbS--:active {
  background-color: #061945;
}
@media (hover: hover) and (pointer: fine) {
  [dir] .fbS--:hover {
    background-color: #061945;
  }
}
.fbS--:disabled {
  color: #FFF;
}
[dir] .fbS--:disabled {
  background-color: #B5B5B5;
  border: 0.1rem solid #B5B5B5;
  cursor: not-allowed;
}
.fbS-- {
  width: 100%;
}

.QWrT6 {
  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: #183884;
  fill: #183884;
  stroke: #183884;
}

[dir] .QWrT6 {
  text-align: center;
  cursor: pointer;
  margin: 1rem 0;
  padding: 1.2rem;
  border-radius: 0.5rem;
  border: 1px solid #183884;
  background-color: transparent;
}
.QWrT6:focus {
  outline: none;
}
[dir] .QWrT6:focus {
  box-shadow: 0 0 0 0.3rem rgba(24, 56, 132, 0.4);
}
.QWrT6:active {
  color: #FFF;
}
[dir] .QWrT6:active {
  background-color: #183884;
}
.QWrT6:active:has(svg):not(:disabled) svg {
  fill: #FFF;
  stroke: #FFF;
}
@media (hover: hover) and (pointer: fine) {
  .QWrT6:hover {
    color: #FFF;
  }
  [dir] .QWrT6:hover {
    background-color: #183884;
  }
  .QWrT6:hover:has(svg):not(:disabled) svg {
    fill: #FFF;
    stroke: #FFF;
  }
}
.QWrT6:disabled {
  color: #6F7E8B;
}
[dir] .QWrT6:disabled {
  background-color: #F5F5F5;
  border: 0.1rem solid #B5B5B5;
  cursor: not-allowed;
}
.QWrT6 {
  width: 100%;
}.l02oW {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  align-items: end;
  justify-content: space-between;
  width: 100%;
  overflow-wrap: anywhere;
}
@media (min-width: 1280px) {
  .l02oW {
    flex-direction: row;
    align-items: center;
    width: 45%;
  }
}

.-eTW- {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  color: #183884;
  width: -webkit-fit-content;
  width: fit-content;
}

[dir] .-eTW- {
  border: none;
  background-color: transparent;
  cursor: pointer;
  padding: 0;
  text-align: right;
}

.C3-2R {
  display: grid;
  grid-template-columns: 2rem 1fr;
  grid-column-gap: 1rem;
  column-gap: 1rem;
}

._4Yc7B {
  width: 2rem;
  height: 2rem;
  fill: #183884;
}

[dir=ltr] ._4Yc7B {
  margin-right: 1rem;
}

[dir=rtl] ._4Yc7B {
  margin-left: 1rem;
}

[dir] .DQdcv {
  text-align: right;
}.fc4VY {
  font-size: 1.8rem;
  color: #CD0004;
  text-transform: uppercase;
  font-weight: 700;
  word-wrap: anywhere;
}[dir] .fc4VY {
  margin: 1.25em 0 0.83em;
}

.E65Ai {
  line-height: 2.4rem;
}

[dir] .E65Ai {
  text-align: justify;
}.YE1GC {
  position: relative;
  grid-column: 1/span 2;
}/* 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 kX5pl {
  to {
    opacity: 0.5;
  }
}
.KlsB0 {
  display: block;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  -webkit-text-decoration: none;
  text-decoration: none;
}
[dir] .KlsB0 {
  border: 0.1rem solid #EBEBEB;
  border-radius: 0.5rem;
  background-color: #FFF;
}
[dir] .KlsB0:hover {
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15);
}
[dir] .KlsB0[data-css-has-background=true] {
  border: 0.1rem solid #B5B5B5;
}

.-W51u {
  display: grid;
  position: relative;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  grid-row-gap: 1rem;
  row-gap: 1rem;
}

[dir] .-W51u {
  padding: 1.5rem;
}
@media (min-width: 768px) {
  .-W51u {
    grid-template-rows: -webkit-max-content minmax(16rem, -webkit-max-content);
    grid-template-rows: max-content minmax(16rem, max-content);
  }
}

.bl2aY {
  display: grid;
  grid-template-rows: minmax(5.5rem, -webkit-max-content) 1fr minmax(3.2rem, -webkit-max-content);
  grid-template-rows: minmax(5.5rem, max-content) 1fr minmax(3.2rem, max-content);
  grid-row-gap: 1rem;
  row-gap: 1rem;
}

._6ljDH {
  display: grid;
  grid-row-gap: 0.5rem;
  row-gap: 0.5rem;
  align-self: start;
}

.oU68r {
  display: flex;
  align-items: end;
}.VDb6i {
  -webkit-text-decoration: none;
  text-decoration: none;
}.J72Ub {
  font-size: 1.4rem;
  line-height: 1.15em;
  color: #2E353B;
  overflow-wrap: anywhere;
}[dir] .J72Ub {
  margin: 0;
}

.ynJd6 {
  font-weight: 700;
}
@media (min-width: 1280px) {
  [dir] .ynJd6 {
    padding-bottom: 0.5rem;
  }
}.smHJb {
  position: relative;
  width: 100%;
  height: 14.5rem;
}

.zBRVv {
  width: 100%;
  height: 100%;
  overflow-wrap: anywhere;
  object-fit: contain;
}

.mRpJs {
  position: absolute;
  bottom: 0;
  max-width: 16rem;
  max-height: 3rem;
  overflow-wrap: anywhere;
}

[dir=ltr] .mRpJs {
  left: 0;
}

[dir=rtl] .mRpJs {
  right: 0;
}._5eB4M {
  position: absolute;
  top: 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 0.3rem;
}[dir=ltr] ._5eB4M {
  left: 1.5rem;
}[dir=rtl] ._5eB4M {
  right: 1.5rem;
}
._5eB4M[data-css-direction=left] {
  top: 0.3rem;
  align-items: flex-end;
}
[dir=ltr] ._5eB4M[data-css-direction=left] {
  right: initial;
  left: 0;
}
[dir=rtl] ._5eB4M[data-css-direction=left] {
  left: initial;
  right: 0;
}
._5eB4M[data-css-direction=right] {
  top: 0.3rem;
  align-items: flex-end;
}
[dir=ltr] ._5eB4M[data-css-direction=right] {
  right: 0;
  left: initial;
}
[dir=rtl] ._5eB4M[data-css-direction=right] {
  left: 0;
  right: initial;
}.t9zcE {
  display: flex;
  height: 2rem;
  width: -webkit-max-content;
  width: max-content;
  align-items: center;
  justify-content: center;
}[dir] .t9zcE {
  border-radius: 0.3rem;
}
[dir] .t9zcE[data-css-label-type=new] {
  background: #4065BC;
}
[dir] .t9zcE[data-css-label-type=sale] {
  background: #183884;
}
[dir] .t9zcE[data-css-label-type=promotion] {
  background: #40843F;
}
[dir] .t9zcE[data-css-label-type=product-of-the-week] {
  background: #CD0004;
}
[dir] .t9zcE[data-css-label-type=inventor] {
  background: #465020;
}

.Zb-mc {
  color: #FFF;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.15em;
}

[dir] .Zb-mc {
  padding: 0.7rem;
}.qo0gx {
  width: 100%;
  height: 100%;
  overflow-wrap: anywhere;
  object-fit: contain;
}

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

[dir] .Xl2W2 {
  background: white;
  padding: 0.5rem;
}.ZjgUu {
  overflow: hidden;
  color: #2E353B;
}

.oKo92 {
  height: 100%;
  line-height: 1.15em;
}

[dir] .oKo92 {
  margin-top: 0;
  margin-bottom: 0;
}
.oKo92:not(.vf1TY) {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}/* 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 NxGNz {
  to {
    opacity: 0.5;
  }
}
.Stw9M {
  display: grid;
  grid-template-areas: "amountInput orderButton" "amountError amountError";
  grid-template-columns: 1fr 5rem;
  grid-row-gap: 1rem;
  row-gap: 1rem;
  grid-column-gap: 1rem;
  column-gap: 1rem;
}
.Stw9M[data-css-narrow-box=true] {
  grid-template-columns: 1fr 4rem;
}

.xw-wp {
  display: grid;
  align-content: space-between;
}

.piRMf {
  opacity: 1;
  height: 2rem;
}

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

[dir=ltr] .piRMf {
  animation-name: NxGNz;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
}

[dir=rtl] .piRMf {
  animation-name: NxGNz;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
}

.FidkC {
  opacity: 1;
  height: 4.5rem;
}

[dir] .FidkC {
  background-image: linear-gradient(#EBEBEB, #EBEBEB), linear-gradient(#EBEBEB, #EBEBEB);
  background-size: 80% 1.5rem, 60% 1.5rem;
  background-repeat: no-repeat;
}

[dir=ltr] .FidkC {
  background-position: 0 0rem, 0 2.5rem;
  animation-name: NxGNz;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
}

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

.PSOcY {
  opacity: 1;
  height: 1.6rem;
}

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

[dir=ltr] .PSOcY {
  animation-name: NxGNz;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
}

[dir=rtl] .PSOcY {
  animation-name: NxGNz;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
}

.jaevt {
  grid-column: 1/3;
  min-height: 1.6rem;
}

.fDazh {
  display: grid;
  grid-row-gap: 1rem;
  row-gap: 1rem;
}._0NNmX {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.LOMVb {
  unicode-bidi: plaintext;
  font-size: 1.6rem;
  font-weight: 700;
  color: #183884;
}
.LOMVb[data-css-is-new=true], .LOMVb[data-css-is-special=true] {
  color: #40843F;
}

.BV-gZ {
  unicode-bidi: plaintext;
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
  -webkit-text-decoration-color: #183884;
          text-decoration-color: #183884;
}[dir] .QKyuf {
  padding: 1rem;
  border: 0.1rem solid #B5B5B5;
  border-radius: 0.5rem;
}

._80UAY {
  display: grid;
  grid-template-rows: 1fr auto;
  grid-gap: 1rem;
  gap: 1rem;
  height: 100%;
}

.ZtONE {
  display: grid;
  grid-template-rows: auto 1fr;
  grid-gap: 0.5rem;
  gap: 0.5rem;
}

.Rj81L {
  display: grid;
  grid-template-columns: 3fr 4fr;
  grid-column-gap: 1rem;
  column-gap: 1rem;
  height: 9.5rem;
}

.PeY4t.PeY4t {
  -webkit-line-clamp: 5;
  line-height: 1.4em;
  text-overflow: ellipsis;
}

.qbTNt {
  display: flex;
  justify-content: center;
}

.hVKw2 {
  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: #183884;
  fill: #183884;
  stroke: #183884;
}

[dir] .hVKw2 {
  text-align: center;
  cursor: pointer;
  margin: 1rem 0;
  padding: 1.2rem;
  border-radius: 0.5rem;
  border: 1px solid #183884;
  background-color: transparent;
}
.hVKw2:focus {
  outline: none;
}
[dir] .hVKw2:focus {
  box-shadow: 0 0 0 0.3rem rgba(24, 56, 132, 0.4);
}
.hVKw2:active {
  color: #FFF;
}
[dir] .hVKw2:active {
  background-color: #183884;
}
.hVKw2:active:has(svg):not(:disabled) svg {
  fill: #FFF;
  stroke: #FFF;
}
@media (hover: hover) and (pointer: fine) {
  .hVKw2:hover {
    color: #FFF;
  }
  [dir] .hVKw2:hover {
    background-color: #183884;
  }
  .hVKw2:hover:has(svg):not(:disabled) svg {
    fill: #FFF;
    stroke: #FFF;
  }
}
.hVKw2:disabled {
  color: #6F7E8B;
}
[dir] .hVKw2:disabled {
  background-color: #F5F5F5;
  border: 0.1rem solid #B5B5B5;
  cursor: not-allowed;
}
.hVKw2 {
  display: block;
  min-width: 18rem;
}

.cIHpO {
  width: 100%;
  height: 100%;
  overflow-wrap: anywhere;
  object-fit: contain;
}

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

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

.y6f8x {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
  line-height: 1.15em;
  text-overflow: ellipsis;
}

.DvWST {
  font-size: 1.4rem;
  line-height: 1.15em;
  color: #2E353B;
  overflow-wrap: anywhere;
}

[dir] .DvWST {
  margin: 0;
}

.Fbeak {
  color: #183884;
  -webkit-text-decoration: underline;
  text-decoration: underline;
  font-weight: 700;
}

[dir] .Fbeak {
  cursor: pointer;
  padding-bottom: 0.5rem;
}/* 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 v1yg8 {
  to {
    opacity: 0.5;
  }
}
.Cgt09 {
  display: grid;
  grid-template-columns: 1fr 10rem 4rem;
  grid-column-gap: 1rem;
  column-gap: 1rem;
  align-items: center;
}
.Cgt09[data-css-is-error=true] {
  align-items: start;
}

[dir] .-B1-C[data-css-is-error=true] {
  margin-top: 1.2rem;
}

.nu9Ce {
  opacity: 1;
  height: 4rem;
}

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

[dir=ltr] .nu9Ce {
  animation-name: v1yg8;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
}

[dir=rtl] .nu9Ce {
  animation-name: v1yg8;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
}.g5fmL {
  font-weight: 700;
}

[dir=ltr] ._--MXc {
  justify-self: right;
}

[dir=rtl] ._--MXc {
  justify-self: left;
}