#SECTION-dw8y73hd {
  height: auto;
  grid-template-columns: 1fr 690px 24px 485px 1fr;
  grid-template-rows: minmax(13.656900079000984px, max-content) minmax(196.38744706148975px, max-content) minmax(664.5347661552728px, max-content) minmax(21.610886704236517px, max-content);
  column-gap: 0px;
  row-gap: 25px;
  
  
  
  
  
  
  transition: opacity 0.3s ease, visibility 0.3s ease;
  
}

#SECTION-dw8y73hd .x-section-background {
  background: url(https://content.pancake.vn/web-media/47/0f/47/c2/d63a1c0ea631451a2c5c979d7eb381e68e7f9b79e87c7cdf141b6d05-w:1440-h:1608-l:1314-t:image/svg+xml.svg);
  background-size: cover;
  background-attachment: local; -webkit-transform: none;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center;
  
  --height: 971;
  --bg: url(https://content.pancake.vn/web-media/47/0f/47/c2/d63a1c0ea631451a2c5c979d7eb381e68e7f9b79e87c7cdf141b6d05-w:1440-h:1608-l:1314-t:image/svg+xml.svg);
}

#SECTION-dw8y73hd .x-section-video-background {
  
  
}



#SECTION-dw8y73hd .video {
  display: none;
}
#SECTION-dw8y73hd .video-bp1 {
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: block;
}


#CONTAINER-vxijuh8y {
  --bg: #FFFFFF99;
  background: #FFFFFF99;
border-color: var(--color_00);
border-radius: 8px 8px 8px 8px;
border-style: solid;
border-width: 1.0px;
  --width: 100%;align-self: start;grid-column-end: 5;grid-column-start: 4;grid-row-end: 3;grid-row-start: 2;grid-template-columns: 24px 1fr 24px;grid-template-rows: minmax(24px, max-content) minmax(40px, max-content) minmax(100px, max-content) minmax(3px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: 0.203125px;width: 100%;
  
  
  
  
  
  border: 1px solid var(--color_00);


  
}
[id^="TEXT-6wo1yc2y"], .--clone-TEXT-6wo1yc2y {
  align-self: end;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 3;
grid-row-start: 2;
height: auto;
justify-self: center;
margin-bottom: 15px;
margin-left: calc(0% * 2);
width: 100%;
  
}
[id^="TEXT-6wo1yc2y"] .x-text,
[id^="TEXT-6wo1yc2y"] .x-text a,
.--clone-TEXT-6wo1yc2y .x-text,
.--clone-TEXT-6wo1yc2y .x-text a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--font_color_4);
font: var(--font_4);
font-family: 'Roboto', sans-serif;
height: 100%;
line-height: 1.5;
width: 100%;
  color: var(--active-color, var(--font_color_4));
}
[id^="TEXT-6wo1yc2y"] .x-text:hover,
.--clone-TEXT-6wo1yc2y .x-text:hover,
[id^="TEXT-6wo1yc2y"] a:hover,
.--clone-TEXT-6wo1yc2y a:hover {
  
}

#CART-ITEMS-by7e6gmu {
  --width: 100%;align-self: center;grid-column-end: 3;grid-column-start: 2;grid-row-end: 4;grid-row-start: 3;grid-template-columns: 100px 1fr 6px 130px;grid-template-rows: minmax(25px, max-content) minmax(10px, max-content) minmax(0px, max-content) minmax(40px, max-content) minmax(22px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 100%;
  
}
#CART-ITEMS-by7e6gmu cart-item, #CART-ITEMS-by7e6gmu .cart-loading {
  grid-template-columns: 100px 1fr 6px 130px;
  grid-template-rows: minmax(25px, max-content) minmax(10px, max-content) minmax(0px, max-content) minmax(40px, max-content) minmax(22px, max-content);
}

#IMAGE-DATASET-woc2hzmv {
  --width: 90px;align-self: center;grid-column-end: 2;grid-column-start: 1;grid-row-end: 5;grid-row-start: 1;height: 96px;justify-self: start;margin-bottom: calc(0.5px * 2);margin-left: 0%;width: 90px;
  
}
#IMAGE-DATASET-woc2hzmv picture, #IMAGE-DATASET-woc2hzmv img {
  border-color: #e3e3e3;
border-radius: 8px 8px 8px 8px;
border-style: solid;
border-width: 1.0px;
}
#IMAGE-DATASET-woc2hzmv img {
  object-fit: contain;
}

[id^="TEXT-DATASET-9exucyrt"], .--clone-TEXT-DATASET-9exucyrt {
  align-self: center;
grid-column-end: 5;
grid-column-start: 2;
grid-row-end: 2;
grid-row-start: 1;
height: auto;
justify-self: center;
margin-left: calc(0% * 2);
margin-top: calc(0px * 2);
width: 100%;
  
}
[id^="TEXT-DATASET-9exucyrt"] .x-text,
[id^="TEXT-DATASET-9exucyrt"] .x-text a,
.--clone-TEXT-DATASET-9exucyrt .x-text,
.--clone-TEXT-DATASET-9exucyrt .x-text a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
border-color: #000000ff;
color: #37393B;
font-family: 'Roboto', sans-serif;
font-size: 16.0px;
font-weight: 700;
height: 100%;
line-height: 1.3;
width: 100%;
  color: var(--active-color, #37393B);
}
[id^="TEXT-DATASET-9exucyrt"] .x-text:hover,
.--clone-TEXT-DATASET-9exucyrt .x-text:hover,
[id^="TEXT-DATASET-9exucyrt"] a:hover,
.--clone-TEXT-DATASET-9exucyrt a:hover {
  
}

[id^="TEXT-DATASET-6esfojve"], .--clone-TEXT-DATASET-6esfojve {
  align-self: center;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 5;
grid-row-start: 4;
height: auto;
justify-self: end;
margin-right: -0.5208333333333333%;
margin-top: calc(0px * 2);
width: 100.52083333333331%;
  
}
[id^="TEXT-DATASET-6esfojve"] .x-text,
[id^="TEXT-DATASET-6esfojve"] .x-text a,
.--clone-TEXT-DATASET-6esfojve .x-text,
.--clone-TEXT-DATASET-6esfojve .x-text a {
  --width: 100.52083333333331%;
-webkit-text-stroke: 0px #000000ff;
border-color: #000000ff;
color: #000000ff;
font-size: 16.0px;
font-weight: 700;
height: 100%;
text-align: left;
width: 100%;
  color: var(--active-color, #000000ff);
}
[id^="TEXT-DATASET-6esfojve"] .x-text:hover,
.--clone-TEXT-DATASET-6esfojve .x-text:hover,
[id^="TEXT-DATASET-6esfojve"] a:hover,
.--clone-TEXT-DATASET-6esfojve a:hover {
  
}

[id^="TEXT-DATASET-wdyx4spq"], .--clone-TEXT-DATASET-wdyx4spq {
  align-self: start;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 4;
grid-row-start: 3;
height: auto;
justify-self: end;
margin-right: %;
margin-top: 0px;
width: 100.15010917030568%;
  
}
[id^="TEXT-DATASET-wdyx4spq"] .x-text,
[id^="TEXT-DATASET-wdyx4spq"] .x-text a,
.--clone-TEXT-DATASET-wdyx4spq .x-text,
.--clone-TEXT-DATASET-wdyx4spq .x-text a {
  --width: 100.15010917030568%;
border-color: #000000ff;
color: #37393B;
font-size: 14.0px;
height: 100%;
width: 100%;
  color: var(--active-color, #37393B);
}
[id^="TEXT-DATASET-wdyx4spq"] .x-text:hover,
.--clone-TEXT-DATASET-wdyx4spq .x-text:hover,
[id^="TEXT-DATASET-wdyx4spq"] a:hover,
.--clone-TEXT-DATASET-wdyx4spq a:hover {
  
}

[id^="TEXT-DATASET-oijcxif3"], .--clone-TEXT-DATASET-oijcxif3 {
  align-self: center;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 5;
grid-row-start: 4;
height: auto;
justify-self: stretch;
margin-left: 90px;
margin-right: 0%;
margin-top: calc(0px * 2);
width: auto;
  
}
[id^="TEXT-DATASET-oijcxif3"] .x-text,
[id^="TEXT-DATASET-oijcxif3"] .x-text a,
.--clone-TEXT-DATASET-oijcxif3 .x-text,
.--clone-TEXT-DATASET-oijcxif3 .x-text a {
  --width: 54.77386934673368%;
-webkit-text-stroke: 0px #000000ff;
border-color: #000000ff;
color: #000000ff;
font-size: 15.0px;
font-weight: 400;
height: 100%;
line-height: 1.2;
text-align: left;
text-decoration: line-through;
width: 100%;
  color: var(--active-color, #000000ff);
}
[id^="TEXT-DATASET-oijcxif3"] .x-text:hover,
.--clone-TEXT-DATASET-oijcxif3 .x-text:hover,
[id^="TEXT-DATASET-oijcxif3"] a:hover,
.--clone-TEXT-DATASET-oijcxif3 a:hover {
  
}

#QUANTITY-INPUT-qhwtn4g8 {
  --width: 100px;align-self: center;grid-column-end: 5;grid-column-start: 4;grid-row-end: 5;grid-row-start: 4;height: 38px;justify-self: end;margin-right: 0%;margin-top: calc(0px * 2);width: 100px;
  -webkit-text-stroke: 0px #000000ff;
background: #ffffff;
border-color: #EDEEEE;
border-radius: 8px 8px 8px 8px;
border-style: solid;
border-width: 1.0px;
color: #000000d9;
  
  overflow: hidden;
  
}
#QUANTITY-INPUT-qhwtn4g8 .quantity__input {
  background: #ffffff;
  
  padding-left: 32px;
  padding-right: 32px;
  
}
#QUANTITY-INPUT-qhwtn4g8 .quantity__button{
  border-style: solid;
}
#QUANTITY-INPUT-qhwtn4g8 .quantity__button[name="minus"] {
  border-color: #EDEEEE;
border-width: 0.0px;
  border-top-style: unset;border-bottom-style: unset;border-left-style: unset;
  width:32px;
}
#QUANTITY-INPUT-qhwtn4g8 .quantity__button[name="minus"] svg {
  width: 12px;
}
#QUANTITY-INPUT-qhwtn4g8 .quantity__button[name="plus"] {
  border-color: #EDEEEE;
border-radius: 2px;
border-width: 0.0px;
  border-top-style: unset;border-bottom-style: unset;
  width:32px;
}
#QUANTITY-INPUT-qhwtn4g8 .quantity__button[name="plus"] svg {
  width: 12px;
}

#CONTAINER-a2g87m16 {
  --bg: #FFFFFF00;
  background: #FFFFFF00;
border-color: #ffffff;
border-radius: 8px 8px 8px 8px;
border-style: none;
border-width: 1.0px;
  --width: 100%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 4;grid-row-start: 2;grid-template-columns: 24px 1fr 24px;grid-template-rows: minmax(24px, max-content) minmax(400px, max-content) minmax(24px, max-content) minmax(25px, max-content) minmax(24px, max-content) minmax(30px, max-content) minmax(100px, max-content) minmax(24px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: -0.21875px;row-gap: 0px;width: 100%;
  
  
  
  
  
  border: 1px none #ffffff;


  
}

#RECT-i2h4s90p {
  align-self: center;
grid-column-end: 4;
grid-column-start: 1;
grid-row-end: 4;
grid-row-start: 1;
height: 100%;
justify-self: center;
margin-left: calc(0% * 2);
margin-top: calc(0px * 2);
width: 100%;
  
  
  border-radius: 8px 8px 8px 8px;
  
}
#RECT-i2h4s90p .x-rect {
  --width: 100%;
background: #FFFFFF99;
border-color: #000000ff;
border-radius: 8px 8px 8px 8px;
height: 100%;
width: 100%;
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9ImN1cnJlbnRDb2xvciIvPjwvc3ZnPg==);
-webkit-mask-position: 0% 0%;
-webkit-mask-size: 100% 100%;

  border:   ;


  background: var(--active-color, #FFFFFF99);
}
#RECT-i2h4s90p::before {
  content: "";
  border-color: #000000ff;
  border-style: ;
  border-width: ;
  border-radius: inherit;
  border:   ;


  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  
}
#FORM-n18ojmkp {
  --width: 100%;align-self: start;column-gap: 20px;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;grid-template-columns: 1fr 1fr 1fr;grid-template-rows: minmax(25px, max-content) minmax(64px, max-content) minmax(64px, max-content) minmax(64px, max-content) minmax(64px, max-content) minmax(172px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: 0px;row-gap: 20px;width: 100%;
  font-family: 'Roboto', sans-serif;
  --icon-color: inherit;
  
}
[id^="TEXT-w07d82jk"], .--clone-TEXT-w07d82jk {
  align-self: center;
grid-column-end: 4;
grid-column-start: 1;
grid-row-end: 2;
grid-row-start: 1;
height: auto;
justify-self: start;
margin-left: -0.041852678571436146%;
margin-top: calc(0px * 2);
width: 100.08370535714286%;
  
}
[id^="TEXT-w07d82jk"] .x-text,
[id^="TEXT-w07d82jk"] .x-text a,
.--clone-TEXT-w07d82jk .x-text,
.--clone-TEXT-w07d82jk .x-text a {
  --width: 100.08370535714286%;
-webkit-text-stroke: 0px #000000ff;
color: #000000;
font-size: 20.0px;
font-weight: 700;
height: 100%;
width: 100%;
  color: var(--active-color, #000000);
}
[id^="TEXT-w07d82jk"] .x-text:hover,
.--clone-TEXT-w07d82jk .x-text:hover,
[id^="TEXT-w07d82jk"] a:hover,
.--clone-TEXT-w07d82jk a:hover {
  
}

#INPUT-p4ajc1ur {
  --width: 49%;align-self: center;grid-column-end: 4;grid-column-start: 1;grid-row-end: 3;grid-row-start: 2;height: 100%;justify-self: start;margin-left: 0%;margin-top: calc(0px * 2);width: 49%;
  
}
#INPUT-p4ajc1ur .input-label {
  margin-bottom: 8px;
  padding: 0 20px 0 1px;
  font-size: 14.1px;
  color: #000000;
  
}
#INPUT-p4ajc1ur input {
  -webkit-text-stroke: 0px #000000ff;
border-color: #DBDDDE;
border-radius: 8px 8px 8px 8px;
border-style: solid;
border-width: 1.0px;
color: #000000ff;
font-family: 'Roboto', sans-serif;
font-size: 14.1px;
font-weight: 400;
  background: #ffffff;
  padding: 3px 10px 3px 15px;
}
#INPUT-p4ajc1ur input[type="date"] {
  -webkit-text-fill-color: #000000ff;
}
#INPUT-p4ajc1ur input::placeholder {
  color: #979797;
  -webkit-text-fill-color: #979797 !important;
}
#PHONE-NUMBER-80a3k7zb {
  --width: 49.00000000000001%;align-self: center;grid-column-end: 4;grid-column-start: 1;grid-row-end: 3;grid-row-start: 2;height: 100%;justify-self: end;margin-right: 0%;margin-top: calc(0px * 2);width: 49.00000000000001%;
  
}
#PHONE-NUMBER-80a3k7zb .input-label {
  margin-bottom: 8px;
  padding: 0 20px 0 1px;
  font-size: 14.1px;
  color: #000000;
  
}
#PHONE-NUMBER-80a3k7zb input {
  -webkit-text-stroke: 0px #000000ff;
border-color: #DBDDDE;
border-radius: 8px 8px 8px 8px;
border-style: solid;
border-width: 1.0px;
color: #000000ff;
font-family: 'Roboto', sans-serif;
font-size: 14.1px;
font-weight: 400;
  background: #ffffff;
  padding: 3px 10px 3px 15px;
}
#PHONE-NUMBER-80a3k7zb input[type="date"] {
  -webkit-text-fill-color: #000000ff;
}
#PHONE-NUMBER-80a3k7zb input::placeholder {
  color: #979797;
  -webkit-text-fill-color: #979797 !important;
}
#ADDRESS-epvubaeq {
  --width: 100%;align-self: center;grid-column-end: 2;grid-column-start: 1;grid-row-end: 6;grid-row-start: 5;height: 100%;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 100%;
  
}
#ADDRESS-epvubaeq .input-label {
  margin-bottom: 8px;
  padding: 0 20px 0 1px;
  font-size: 14.1px;
  color: #000000;
  
}
#ADDRESS-epvubaeq .x-address {
  -webkit-text-stroke: 0px #000000ff;
border-color: #DBDDDE;
border-radius: 8px 8px 8px 8px;
border-style: solid;
border-width: 1.0px;
color: #000000ff;
font-family: 'Roboto', sans-serif;
font-size: 14.1px;
font-weight: 400;
  padding: 3px 3px 3px 15px;
  
  background: #ffffff
}

#ADDRESS-a9i612sx {
  --width: 100%;align-self: center;grid-column-end: 3;grid-column-start: 2;grid-row-end: 6;grid-row-start: 5;height: 100%;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 100%;
  
}
#ADDRESS-a9i612sx .input-label {
  margin-bottom: 8px;
  padding: 0 20px 0 1px;
  font-size: 14.1px;
  color: #000000;
  
}
#ADDRESS-a9i612sx .x-address {
  -webkit-text-stroke: 0px #000000ff;
border-color: #DBDDDE;
border-radius: 8px 8px 8px 8px;
border-style: solid;
border-width: 1.0px;
color: #000000ff;
font-family: 'Roboto', sans-serif;
font-size: 14.1px;
font-weight: 400;
  padding: 3px 3px 3px 15px;
  
  background: #ffffff
}

#ADDRESS-bjshbw4j {
  --width: 100%;align-self: center;grid-column-end: 4;grid-column-start: 3;grid-row-end: 6;grid-row-start: 5;height: 100%;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 100%;
  
}
#ADDRESS-bjshbw4j .input-label {
  margin-bottom: 8px;
  padding: 0 20px 0 1px;
  font-size: 14.1px;
  color: #000000;
  
}
#ADDRESS-bjshbw4j .x-address {
  -webkit-text-stroke: 0px #000000ff;
border-color: #DBDDDE;
border-radius: 8px 8px 8px 8px;
border-style: solid;
border-width: 1.0px;
color: #000000ff;
font-family: 'Roboto', sans-serif;
font-size: 14.1px;
font-weight: 400;
  padding: 3px 3px 3px 15px;
  
  background: #ffffff
}

#TEXT-AREA-ndlw1nn0 {
  --width: 100%;align-self: center;grid-column-end: 4;grid-column-start: 1;grid-row-end: 7;grid-row-start: 6;height: 100%;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 100%;
  
}
#TEXT-AREA-ndlw1nn0 .input-label {
  margin-bottom: 8px;
  padding: 0 20px 0 1px;
  font-size: 14.1px;
  color: #000000;
  
}
#TEXT-AREA-ndlw1nn0 textarea {
  -webkit-text-stroke: 0px #000000ff;
border-color: #DBDDDE;
border-radius: 8px 8px 8px 8px;
border-style: solid;
border-width: 1.0px;
color: #000000ff;
font-family: 'Roboto', sans-serif;
font-size: 14.1px;
font-weight: 400;
  background: #ffffff;
  padding: 3px 10px 3px 15px;
}
#TEXT-AREA-ndlw1nn0 textarea::placeholder {
  color: #979797;
  -webkit-text-fill-color: #979797 !important;
}
#DETECT-ADDRESS-o00t1x2q {
  --width: 100%;align-self: center;grid-column-end: 4;grid-column-start: 1;grid-row-end: 5;grid-row-start: 4;height: 100%;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 100%;
  
}
#DETECT-ADDRESS-o00t1x2q .input-label {
  margin-bottom: 8px;
  padding: 0 20px 0 1px;
  font-size: 14.1px;
  color: #000000;
  
}
#DETECT-ADDRESS-o00t1x2q input {
  -webkit-text-stroke: 0px #000000ff;
border-color: #DBDDDE;
border-radius: 8px 8px 8px 8px;
border-style: solid;
border-width: 1.0px;
color: #000000ff;
font-family: 'Roboto', sans-serif;
font-size: 14.1px;
font-weight: 400;
  background: #ffffff;
  padding: 3px 10px 3px 15px;
}
#DETECT-ADDRESS-o00t1x2q input[type="date"] {
  -webkit-text-fill-color: #000000ff;
}
#DETECT-ADDRESS-o00t1x2q input::placeholder {
  color: #979797;
  -webkit-text-fill-color: #979797 !important;
}

#RECT-2zjxv5hh {
  align-self: center;
grid-column-end: 4;
grid-column-start: 1;
grid-row-end: 9;
grid-row-start: 5;
height: 100%;
justify-self: end;
margin-right: -0.002016813858695652%;
margin-top: calc(0px * 2);
width: 100%;
  
  
  border-radius: 8px 8px 8px 8px;
  
}
#RECT-2zjxv5hh .x-rect {
  --width: 100%;
background: #FFFFFF99;
border-color: #000000ff;
border-radius: 8px 8px 8px 8px;
height: 100%;
width: 100%;
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9ImN1cnJlbnRDb2xvciIvPjwvc3ZnPg==);
-webkit-mask-position: 0% 0%;
-webkit-mask-size: 100% 100%;

  border:   ;


  background: var(--active-color, #FFFFFF99);
}
#RECT-2zjxv5hh::before {
  content: "";
  border-color: #000000ff;
  border-style: ;
  border-width: ;
  border-radius: inherit;
  border:   ;


  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  
}
#PAYMENT-lafysbsb {
  --width: 100%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 8;grid-row-start: 7;height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: -0.1953125px;width: 100%;
  --icon-color: inherit;
  
}
#PAYMENT-lafysbsb label {
  -webkit-text-stroke: 0px #000000ff;
border-color: #00C1A2;
border-style: solid;
border-width: 1.0px;
color: #000000d9;
text-align: left;
}
#PAYMENT-lafysbsb .payment--method {
  padding: 8px 10px;
}
#PAYMENT-lafysbsb .payment-wrapper {
  grid-template-columns: repeat(1, 1fr);
  gap: 12px;
}
#PAYMENT-lafysbsb .payment-wrapper label.selected, #PAYMENT-lafysbsb .payment-wrapper label:hover {
  border-color: #2f5acf;
}
[id^="TEXT-ibk94paj"], .--clone-TEXT-ibk94paj {
  align-self: end;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 7;
grid-row-start: 6;
height: auto;
justify-self: center;
margin-bottom: 15px;
margin-left: calc(0% * 2);
width: 100%;
  
}
[id^="TEXT-ibk94paj"] .x-text,
[id^="TEXT-ibk94paj"] .x-text a,
.--clone-TEXT-ibk94paj .x-text,
.--clone-TEXT-ibk94paj .x-text a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--font_color_4);
font: var(--font_4);
font-family: 'Roboto', sans-serif;
height: 100%;
line-height: 1.5;
width: 100%;
  color: var(--active-color, var(--font_color_4));
}
[id^="TEXT-ibk94paj"] .x-text:hover,
.--clone-TEXT-ibk94paj .x-text:hover,
[id^="TEXT-ibk94paj"] a:hover,
.--clone-TEXT-ibk94paj a:hover {
  
}


#CONTAINER-elu50r9o {
  --bg: #FFFFFF99;
  background: #FFFFFF99;
border-color: #ffffff;
border-radius: 8px 8px 8px 8px;
border-style: solid;
border-width: 1.0px;
  --width: 100%;align-self: start;grid-column-end: 5;grid-column-start: 4;grid-row-end: 4;grid-row-start: 3;grid-template-columns: 24px 1fr 24px;grid-template-rows: minmax(24px, max-content) minmax(30px, max-content) minmax(35px, max-content) minmax(35px, max-content) minmax(60px, max-content) minmax(0px, max-content) minmax(0px, max-content) minmax(40px, max-content) minmax(35px, max-content) minmax(25px, max-content) minmax(56px, max-content) minmax(54px, max-content) minmax(24px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: -0.015625px;width: 100%;
  
  
  
  
  
  border: 1px solid #ffffff;


  
}
[id^="TEXT-yyprbron"], .--clone-TEXT-yyprbron {
  align-self: end;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 3;
grid-row-start: 2;
height: auto;
justify-self: center;
margin-bottom: 5px;
margin-left: calc(0% * 2);
width: 100%;
  
}
[id^="TEXT-yyprbron"] .x-text,
[id^="TEXT-yyprbron"] .x-text a,
.--clone-TEXT-yyprbron .x-text,
.--clone-TEXT-yyprbron .x-text a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--font_color_4);
font: var(--font_4);
font-family: 'Roboto', sans-serif;
height: 100%;
line-height: 1.5;
width: 100%;
  color: var(--active-color, var(--font_color_4));
}
[id^="TEXT-yyprbron"] .x-text:hover,
.--clone-TEXT-yyprbron .x-text:hover,
[id^="TEXT-yyprbron"] a:hover,
.--clone-TEXT-yyprbron a:hover {
  
}

[id^="TEXT-1uemciti"], .--clone-TEXT-1uemciti {
  align-self: center;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 4;
grid-row-start: 3;
height: auto;
justify-self: start;
margin-left: 0%;
margin-top: calc(0px * 2);
width: 50%;
  
}
[id^="TEXT-1uemciti"] .x-text,
[id^="TEXT-1uemciti"] .x-text a,
.--clone-TEXT-1uemciti .x-text,
.--clone-TEXT-1uemciti .x-text a {
  --width: 50%;
-webkit-text-stroke: 0px #000000ff;
color: #37393B;
font: var(--font_5);
font-family: 'Roboto', sans-serif;
font-size: 14.0px;
font-weight: 700;
height: 100%;
width: 100%;
  color: var(--active-color, #37393B);
}
[id^="TEXT-1uemciti"] .x-text:hover,
.--clone-TEXT-1uemciti .x-text:hover,
[id^="TEXT-1uemciti"] a:hover,
.--clone-TEXT-1uemciti a:hover {
  
}

[id^="TEXT-DATASET-41twq9mt"], .--clone-TEXT-DATASET-41twq9mt {
  align-self: center;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 4;
grid-row-start: 3;
height: auto;
justify-self: end;
margin-right: 0%;
margin-top: calc(0px * 2);
width: 50%;
  
}
[id^="TEXT-DATASET-41twq9mt"] .x-text,
[id^="TEXT-DATASET-41twq9mt"] .x-text a,
.--clone-TEXT-DATASET-41twq9mt .x-text,
.--clone-TEXT-DATASET-41twq9mt .x-text a {
  --width: 50%;
-webkit-text-stroke: 0px #000000ff;
border-color: #000000ff;
color: #494C4E;
font-family: 'Roboto', sans-serif;
font-size: 14.0px;
height: 100%;
text-align: right;
width: 100%;
  color: var(--active-color, #494C4E);
}
[id^="TEXT-DATASET-41twq9mt"] .x-text:hover,
.--clone-TEXT-DATASET-41twq9mt .x-text:hover,
[id^="TEXT-DATASET-41twq9mt"] a:hover,
.--clone-TEXT-DATASET-41twq9mt a:hover {
  
}

[id^="TEXT-9rpue0ch"], .--clone-TEXT-9rpue0ch {
  align-self: center;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 5;
grid-row-start: 4;
height: auto;
justify-self: start;
margin-left: 0%;
margin-top: calc(0px * 2);
width: 50%;
  
}
[id^="TEXT-9rpue0ch"] .x-text,
[id^="TEXT-9rpue0ch"] .x-text a,
.--clone-TEXT-9rpue0ch .x-text,
.--clone-TEXT-9rpue0ch .x-text a {
  --width: 50%;
-webkit-text-stroke: 0px #000000ff;
color: #37393B;
font: var(--font_5);
font-family: 'Roboto', sans-serif;
font-size: 14.0px;
font-weight: 700;
height: 100%;
width: 100%;
  color: var(--active-color, #37393B);
}
[id^="TEXT-9rpue0ch"] .x-text:hover,
.--clone-TEXT-9rpue0ch .x-text:hover,
[id^="TEXT-9rpue0ch"] a:hover,
.--clone-TEXT-9rpue0ch a:hover {
  
}

[id^="TEXT-DATASET-of5gknb0"], .--clone-TEXT-DATASET-of5gknb0 {
  align-self: center;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 5;
grid-row-start: 4;
height: auto;
justify-self: end;
margin-right: 0%;
margin-top: calc(0px * 2);
width: 50%;
  
}
[id^="TEXT-DATASET-of5gknb0"] .x-text,
[id^="TEXT-DATASET-of5gknb0"] .x-text a,
.--clone-TEXT-DATASET-of5gknb0 .x-text,
.--clone-TEXT-DATASET-of5gknb0 .x-text a {
  --width: 50%;
-webkit-text-stroke: 0px #000000ff;
border-color: #000000ff;
color: #494C4E;
font-family: 'Roboto', sans-serif;
font-size: 14.0px;
height: 100%;
text-align: right;
width: 100%;
  color: var(--active-color, #494C4E);
}
[id^="TEXT-DATASET-of5gknb0"] .x-text:hover,
.--clone-TEXT-DATASET-of5gknb0 .x-text:hover,
[id^="TEXT-DATASET-of5gknb0"] a:hover,
.--clone-TEXT-DATASET-of5gknb0 a:hover {
  
}

#FORM-wb9q209s {
  --width: 100%;align-self: center;grid-column-end: 3;grid-column-start: 2;grid-row-end: 6;grid-row-start: 5;grid-template-columns: 1fr 10px 115px;grid-template-rows: minmax(38px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);row-gap: 10px;width: 100%;
  
  --icon-color: inherit;
  
}
#COUPON-yqd6weh1 {
  --width: 100%;align-self: center;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;height: 100%;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 100%;
  
}
#COUPON-yqd6weh1 .input-label {
  margin-bottom: 8px;
  padding: 0 20px 0 1px;
  font-size: 14px;
  
  
}
#COUPON-yqd6weh1 input {
  -webkit-text-stroke: 0px #000000ff;
border-color: #DBDDDE;
border-radius: 8px 8px 8px 8px;
border-style: solid;
border-width: 1.0px;
color: #000000;
font-size: 14.0px;
  background: var(--color_00);
  padding: 3px 10px 3px 15px;
}
#COUPON-yqd6weh1 input[type="date"] {
  -webkit-text-fill-color: #000000;
}
#COUPON-yqd6weh1 input::placeholder {
  color: #757575ff;
  -webkit-text-fill-color: #757575ff !important;
}
#SUBMIT-BUTTON-nw3f74aj {
  align-self: center;
grid-column-end: 4;
grid-column-start: 3;
grid-row-end: 2;
grid-row-start: 1;
height: 100%;
justify-self: center;
margin-left: calc(0% * 2);
margin-top: calc(0px * 2);
width: 100%;
  
}
#SUBMIT-BUTTON-nw3f74aj .x-button-wrapper {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
background: #E7F7F3;
border-color: #00C1A2;
border-radius: 8px 8px 8px 8px;
border-style: solid;
border-width: 1.0px;
color: #00C1A2;
font-size: 14.0px;
font-weight: 400;
height: 100%;
text-align: center;
width: 100%;
  border:   ;


  color: var(--active-color, #00C1A2);
}
#SUBMIT-BUTTON-nw3f74aj[disabled=true] {
  display: none;
}

[id^="TEXT-DATASET-ztzljvg1"], .--clone-TEXT-DATASET-ztzljvg1 {
  align-self: center;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 7;
grid-row-start: 6;
height: auto;
justify-self: center;
margin-left: calc(0% * 2);
margin-top: calc(0px * 2);
width: 100%;
  
}
[id^="TEXT-DATASET-ztzljvg1"] .x-text,
[id^="TEXT-DATASET-ztzljvg1"] .x-text a,
.--clone-TEXT-DATASET-ztzljvg1 .x-text,
.--clone-TEXT-DATASET-ztzljvg1 .x-text a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
border-color: #000000ff;
color: #ed1b2e;
font-size: 14.0px;
font-weight: 700;
height: 100%;
text-align: left;
width: 100%;
  color: var(--active-color, #ed1b2e);
}
[id^="TEXT-DATASET-ztzljvg1"] .x-text:hover,
.--clone-TEXT-DATASET-ztzljvg1 .x-text:hover,
[id^="TEXT-DATASET-ztzljvg1"] a:hover,
.--clone-TEXT-DATASET-ztzljvg1 a:hover {
  
}

[id^="TEXT-5qo459wa"], .--clone-TEXT-5qo459wa {
  align-self: center;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 9;
grid-row-start: 8;
height: auto;
justify-self: start;
margin-left: 0%;
margin-top: calc(0px * 2);
width: 50%;
  
}
[id^="TEXT-5qo459wa"] .x-text,
[id^="TEXT-5qo459wa"] .x-text a,
.--clone-TEXT-5qo459wa .x-text,
.--clone-TEXT-5qo459wa .x-text a {
  --width: 50%;
-webkit-text-stroke: 0px #000000ff;
color: #37393B;
font: var(--font_5);
font-family: 'Roboto', sans-serif;
font-size: 14.0px;
font-weight: 700;
height: 100%;
width: 100%;
  color: var(--active-color, #37393B);
}
[id^="TEXT-5qo459wa"] .x-text:hover,
.--clone-TEXT-5qo459wa .x-text:hover,
[id^="TEXT-5qo459wa"] a:hover,
.--clone-TEXT-5qo459wa a:hover {
  
}

[id^="TEXT-DATASET-p9ahgr8m"], .--clone-TEXT-DATASET-p9ahgr8m {
  align-self: center;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 9;
grid-row-start: 8;
height: auto;
justify-self: end;
margin-right: 0%;
margin-top: calc(0px * 2);
width: 50%;
  
}
[id^="TEXT-DATASET-p9ahgr8m"] .x-text,
[id^="TEXT-DATASET-p9ahgr8m"] .x-text a,
.--clone-TEXT-DATASET-p9ahgr8m .x-text,
.--clone-TEXT-DATASET-p9ahgr8m .x-text a {
  --width: 50%;
-webkit-text-stroke: 0px #000000ff;
border-color: #000000ff;
color: #494C4E;
font-family: 'Roboto', sans-serif;
font-size: 14.0px;
height: 100%;
text-align: right;
width: 100%;
  color: var(--active-color, #494C4E);
}
[id^="TEXT-DATASET-p9ahgr8m"] .x-text:hover,
.--clone-TEXT-DATASET-p9ahgr8m .x-text:hover,
[id^="TEXT-DATASET-p9ahgr8m"] a:hover,
.--clone-TEXT-DATASET-p9ahgr8m a:hover {
  
}

[id^="TEXT-phcldiv5"], .--clone-TEXT-phcldiv5 {
  align-self: center;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 10;
grid-row-start: 9;
height: auto;
justify-self: start;
margin-left: 0%;
margin-top: calc(0px * 2);
width: 50%;
  
}
[id^="TEXT-phcldiv5"] .x-text,
[id^="TEXT-phcldiv5"] .x-text a,
.--clone-TEXT-phcldiv5 .x-text,
.--clone-TEXT-phcldiv5 .x-text a {
  --width: 50%;
-webkit-text-stroke: 0px #000000ff;
color: #37393B;
font: var(--font_5);
font-family: 'Roboto', sans-serif;
font-size: 16.0px;
font-weight: 700;
height: 100%;
width: 100%;
  color: var(--active-color, #37393B);
}
[id^="TEXT-phcldiv5"] .x-text:hover,
.--clone-TEXT-phcldiv5 .x-text:hover,
[id^="TEXT-phcldiv5"] a:hover,
.--clone-TEXT-phcldiv5 a:hover {
  
}

[id^="TEXT-DATASET-lf2r5awk"], .--clone-TEXT-DATASET-lf2r5awk {
  align-self: center;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 10;
grid-row-start: 9;
height: auto;
justify-self: end;
margin-right: 0%;
margin-top: calc(0px * 2);
width: 50%;
  
}
[id^="TEXT-DATASET-lf2r5awk"] .x-text,
[id^="TEXT-DATASET-lf2r5awk"] .x-text a,
.--clone-TEXT-DATASET-lf2r5awk .x-text,
.--clone-TEXT-DATASET-lf2r5awk .x-text a {
  --width: 50%;
-webkit-text-stroke: 0px #000000ff;
border-color: #000000ff;
color: #00C1A2;
font-family: 'Roboto', sans-serif;
font-size: 20.0px;
font-weight: 700;
height: 100%;
text-align: right;
width: 100%;
  color: var(--active-color, #00C1A2);
}
[id^="TEXT-DATASET-lf2r5awk"] .x-text:hover,
.--clone-TEXT-DATASET-lf2r5awk .x-text:hover,
[id^="TEXT-DATASET-lf2r5awk"] a:hover,
.--clone-TEXT-DATASET-lf2r5awk a:hover {
  
}

#LINE-4pdee01s {
  --width: 100%;align-self: center;grid-column-end: 3;grid-column-start: 2;grid-row-end: 11;grid-row-start: 10;height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 100%;
  height: auto;
  
}
#LINE-4pdee01s .line-container {
  border-color: #DEF2EE;
border-style: solid;
border-width: 1.0px;
}

#FORM-oc1xrvp0 {
  --width: 100%;align-self: center;column-gap: 15px;grid-column-end: 3;grid-column-start: 2;grid-row-end: 12;grid-row-start: 11;grid-template-columns: 1fr;grid-template-rows: minmax(46px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);row-gap: 15px;width: 100%;
  font-family: 'Roboto', sans-serif;
  --icon-color: #0075ff;
  
}
#SUBMIT-BUTTON-fqs2d3dl {
  align-self: center;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 2;
grid-row-start: 1;
height: 100%;
justify-self: center;
margin-left: calc(0% * 2);
margin-top: calc(0px * 2);
width: 100%;
  
}
#SUBMIT-BUTTON-fqs2d3dl .x-button-wrapper {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
background: #00C1A2;
border-color: #000000ff;
border-radius: 8px 8px 8px 8px;
color: #ffffffff;
font-size: 14.0px;
font-weight: 700;
height: 100%;
text-align: center;
width: 100%;
  border:   ;


  color: var(--active-color, #ffffffff);
}
#SUBMIT-BUTTON-fqs2d3dl[disabled=true] {
  display: none;
}

#BUTTON-t007pa8u {
  align-self: end;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 13;
grid-row-start: 12;
height: 46px;
justify-self: center;
margin-bottom: 0px;
margin-left: calc(0% * 2);
width: 100%;
  
}
#BUTTON-t007pa8u .x-button-wrapper {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
background: var(--color_00);
border-color: #DBDDDE;
border-radius: 8px 8px 8px 8px;
border-style: solid;
border-width: 1.0px;
color: #181818ff;
font-family: 'Roboto', sans-serif;
font-size: 14.0px;
height: 100%;
text-align: center;
width: 100%;
  border:   ;


  color: var(--active-color, #181818ff);
}
#BUTTON-t007pa8u[disabled=true] {
  display: none;
}

#PROMOTIONS-SHORT-emufxep5 {
  --width: auto;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 8;grid-row-start: 7;height: auto;justify-self: start;margin-left: 0%;margin-top: 1.826388359069824px;width: auto;
  flex-direction: row; width: auto;
  display: flex;
  gap: 8px;
  align-items: center;
  
}
#PROMOTIONS-SHORT-emufxep5 .x-promotion-content {
  flex-direction: row;
}
#PROMOTIONS-SHORT-emufxep5 .x-promotion-content .x-promotion-item {
  --height: auto;
  --dot-color: #FFF;
  --border-color: #00C1A2;
  --color: #00C1A2;
  --background: #ffffff;
  --padding-x: 15px;
  --padding-y: 3px;
  --border-width: 1px;
  --border-radius: 5px;
  height: auto;
  -webkit-text-stroke: 0px #000000ff;
background: #ffffff;
color: #00C1A2;
font-size: 15.0px;
}
#PROMOTIONS-SHORT-emufxep5 .x-promotion-arrow {
  width: calc(auto / 2);
  height: calc(auto / 2);
  min-width: calc(auto / 2);
  min-height: calc(auto / 2);
  display: none;
}

#PROMOTIONS-SHORT-emufxep5 .x-promotion-content .x-promotion-item .x-text-overlay {
  top: calc(50% + 0px);
}
#POPUP-kih9mnvo {
  --top: 50%; top: var(--top);
  --left: 50%; left: var(--left);
  transform: translate(-50%, -50%);
  background: #ffffff;
  width: 50%;
  height: auto;
  grid-template-columns: 1fr;
  grid-template-rows: minmax(250px, max-content);
  column-gap: 0px;
  row-gap: 0px;
  
  
  
  
  max-height: var(--viewport-height, 100vh);
  border-width: 0px;
  border-color: #000000;
  border-radius: 0px;
  border-style: solid;
  
}
#POPUP-kih9mnvo.anim {
  --width: 50%;
  
}

#RECT-9w0xtn1b {
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 2;
grid-row-start: 1;
height: 16px;
justify-self: end;
margin-right: 2.5704421176399617%;
margin-top: 10px;
width: 20.1226064376388px;
  
  
  
  
}
#RECT-9w0xtn1b .x-rect {
  --width: 20.1226064376388px;
background: #E5E7EB;
border-color: #E5E7EB;
height: 100%;
width: 100%;
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiAgd2lkdGg9JzE0JyBoZWlnaHQ9JzE0JyB2aWV3Qm94PScwIDAgMTQgMTQnIGZpbGw9J25vbmUnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTEyLjU5IDBMNyA1LjU5TDEuNDEgMEwwIDEuNDFMNS41OSA3TDAgMTIuNTlMMS40MSAxNEw3IDguNDFMMTIuNTkgMTRMMTQgMTIuNTlMOC40MSA3TDE0IDEuNDFMMTIuNTkgMFonIGZpbGw9JyMyRTNBNTknLz48L3N2Zz4=);
-webkit-mask-position: 0% 0%;
-webkit-mask-size: 100% 100%;

  border:   ;


  background: var(--active-color, #E5E7EB);
}
#RECT-9w0xtn1b::before {
  content: "";
  border-color: #E5E7EB;
  border-style: ;
  border-width: ;
  border-radius: inherit;
  border:   ;


  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  
}

#IMAGE-i9gukwvl {
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 2;
grid-row-start: 1;
height: auto;
justify-self: center;
margin-left: calc(0% * 2);
margin-top: -0.07929817275748974px;
width: 77%;
  
}
#IMAGE-i9gukwvl picture {
  --width: 77%;
border-color: #000000ff;
height: 100%;
width: 100%;
}
#IMAGE-i9gukwvl img {
  object-fit: cover;
}

#POPUP-33a2luwv {
  --top: 50%; top: var(--top);
  --left: 50%; left: var(--left);
  transform: translate(-50%, -50%);
  background: #ffffff;
overflow-x: hidden;
overflow-y: scroll;
  width: 806px;
  height: auto;
  grid-template-columns: 1fr;
  grid-template-rows: minmax(239px, max-content) minmax(101px, max-content);
  column-gap: 0px;
  row-gap: 0px;
  
  
  
  
  max-height: var(--viewport-height, 100vh);
  border-width: 0px;
  border-color: #000000;
  border-radius: 0px;
  border-style: solid;
  
}
#POPUP-33a2luwv.anim {
  --width: 806px;
  
}
#CART-ITEMS-podx5ga0 {
  --width: 97.29683925732785%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;grid-template-columns: 89px 1.572fr 0.573fr 103px 150px;grid-template-rows: minmax(40px, max-content) minmax(49px, max-content);height: auto;justify-self: center;margin-right: calc(0.10622843323511166% * 2);margin-top: 145.8px;width: 97.29683925732785%;
  
}
#CART-ITEMS-podx5ga0 cart-item, #CART-ITEMS-podx5ga0 .cart-loading {
  grid-template-columns: 89px 1.572fr 0.573fr 103px 150px;
  grid-template-rows: minmax(40px, max-content) minmax(49px, max-content);
}

#IMAGE-DATASET-pdntlri0 {
  --width: 81px;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 3;grid-row-start: 1;height: 81.5px;justify-self: start;margin-left: 0%;margin-top: 0px;width: 81px;
  
}
#IMAGE-DATASET-pdntlri0 picture, #IMAGE-DATASET-pdntlri0 img {
  border-color: #000000ff;
}
#IMAGE-DATASET-pdntlri0 img {
  object-fit: cover;
}

[id^="TEXT-DATASET-vdyemrg7"], .--clone-TEXT-DATASET-vdyemrg7 {
  align-self: start;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 2;
grid-row-start: 1;
height: auto;
justify-self: start;
margin-left: 0%;
margin-top: 0px;
width: 99.99289772727272%;
  
}
[id^="TEXT-DATASET-vdyemrg7"] .x-text,
[id^="TEXT-DATASET-vdyemrg7"] .x-text a,
.--clone-TEXT-DATASET-vdyemrg7 .x-text,
.--clone-TEXT-DATASET-vdyemrg7 .x-text a {
  --width: 99.99289772727272%;
color: #000000ff;
font-size: 16.0px;
height: 100%;
width: 100%;
  color: var(--active-color, #000000ff);
}
[id^="TEXT-DATASET-vdyemrg7"] .x-text:hover,
.--clone-TEXT-DATASET-vdyemrg7 .x-text:hover,
[id^="TEXT-DATASET-vdyemrg7"] a:hover,
.--clone-TEXT-DATASET-vdyemrg7 a:hover {
  
}

[id^="TEXT-DATASET-p9rt6fuo"], .--clone-TEXT-DATASET-p9rt6fuo {
  align-self: start;
grid-column-end: 4;
grid-column-start: 3;
grid-row-end: 2;
grid-row-start: 1;
height: auto;
justify-self: start;
margin-left: 2.8171645668040943%;
margin-top: 0px;
width: 85.1270546347408%;
  
}
[id^="TEXT-DATASET-p9rt6fuo"] .x-text,
[id^="TEXT-DATASET-p9rt6fuo"] .x-text a,
.--clone-TEXT-DATASET-p9rt6fuo .x-text,
.--clone-TEXT-DATASET-p9rt6fuo .x-text a {
  --width: 85.1270546347408%;
color: #000000ff;
font-size: 14.0px;
height: 100%;
text-align: center;
width: 100%;
  color: var(--active-color, #000000ff);
}
[id^="TEXT-DATASET-p9rt6fuo"] .x-text:hover,
.--clone-TEXT-DATASET-p9rt6fuo .x-text:hover,
[id^="TEXT-DATASET-p9rt6fuo"] a:hover,
.--clone-TEXT-DATASET-p9rt6fuo a:hover {
  
}

#QUANTITY-INPUT-smmtz1or {
  --width: 90px;align-self: start;grid-column-end: 5;grid-column-start: 4;grid-row-end: 2;grid-row-start: 1;height: 31.7px;justify-self: center;margin-left: calc(0% * 2);margin-top: 0px;width: 90px;
  border-color: var(--color_01);
border-radius: 3px 3px 3px 3px;
border-style: solid;
border-width: 1.0px;
color: #000000d9;
  
  overflow: hidden;
  
}
#QUANTITY-INPUT-smmtz1or .quantity__input {
  
  
  padding-left: 23px;
  padding-right: 23px;
  
}
#QUANTITY-INPUT-smmtz1or .quantity__button{
  border-style: solid;
}
#QUANTITY-INPUT-smmtz1or .quantity__button[name="minus"] {
  border-color: var(--color_01);
border-width: 1.0px;
  
  width:23px;
}
#QUANTITY-INPUT-smmtz1or .quantity__button[name="minus"] svg {
  width: 9.3px;
}
#QUANTITY-INPUT-smmtz1or .quantity__button[name="plus"] {
  border-color: var(--color_01);
border-width: 1.0px;
  
  width:23px;
}
#QUANTITY-INPUT-smmtz1or .quantity__button[name="plus"] svg {
  width: 9.3px;
}
[id^="TEXT-DATASET-sl9fu3ml"], .--clone-TEXT-DATASET-sl9fu3ml {
  align-self: start;
grid-column-end: 6;
grid-column-start: 5;
grid-row-end: 2;
grid-row-start: 1;
height: auto;
justify-self: center;
margin-right: calc(4.858357747395833% * 2);
margin-top: 0px;
width: 75%;
  
}
[id^="TEXT-DATASET-sl9fu3ml"] .x-text,
[id^="TEXT-DATASET-sl9fu3ml"] .x-text a,
.--clone-TEXT-DATASET-sl9fu3ml .x-text,
.--clone-TEXT-DATASET-sl9fu3ml .x-text a {
  --width: 75%;
color: var(--color_34);
font-size: 16.0px;
font-weight: 400;
height: 100%;
width: 100%;
  color: var(--active-color, var(--color_34));
}
[id^="TEXT-DATASET-sl9fu3ml"] .x-text:hover,
.--clone-TEXT-DATASET-sl9fu3ml .x-text:hover,
[id^="TEXT-DATASET-sl9fu3ml"] a:hover,
.--clone-TEXT-DATASET-sl9fu3ml a:hover {
  
}


#RECT-6173ktup {
  align-self: start;
grid-column-end: 6;
grid-column-start: 5;
grid-row-end: 2;
grid-row-start: 1;
height: 20px;
justify-self: end;
margin-right: 0%;
margin-top: 0px;
width: 20px;
  
  
  
  
}
#RECT-6173ktup .x-rect {
  --width: 20px;
background: #000000ff;
border-color: #000000ff;
height: 100%;
width: 100%;
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnIHZpZXdCb3g9JzAgMCAyNCAyNCc+IDxwYXRoIGQ9J00xOSw2LjQxTDE3LjU5LDVMMTIsMTAuNTlMNi40MSw1TDUsNi40MUwxMC41OSwxMkw1LDE3LjU5TDYuNDEsMTlMMTIsMTMuNDFMMTcuNTksMTlMMTksMTcuNTlMMTMuNDEsMTJMMTksNi40MVonPjwvcGF0aD4gPC9zdmc+);
-webkit-mask-position: 0% 0%;
-webkit-mask-size: 100% 100%;

  border:   ;


  background: var(--active-color, #000000ff);
}
#RECT-6173ktup::before {
  content: "";
  border-color: #000000ff;
  border-style: ;
  border-width: ;
  border-radius: inherit;
  border:   ;


  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  
}

#CONTAINER-464n2snx {
  --bg: var(--color_00);
  background: var(--color_00);
border-color: #000000ff;
  --width: 93.56434469068164%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;grid-template-columns: 147px 1.316fr 151px;grid-template-rows: minmax(36.8125px, max-content);height: 37px;justify-self: start;margin-left: 1.2453007518796992%;margin-top: 7.1875px;width: 93.56434469068164%;
  
  
  
  
  
  border:   #000000ff;


  
}
[id^="TEXT-rvwuh949"], .--clone-TEXT-rvwuh949 {
  align-self: center;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 2;
grid-row-start: 1;
height: auto;
justify-self: start;
margin-left: 0.9693794509991496%;
margin-top: calc(0px * 2);
width: 91.09382198722469%;
  
}
[id^="TEXT-rvwuh949"] .x-text,
[id^="TEXT-rvwuh949"] .x-text a,
.--clone-TEXT-rvwuh949 .x-text,
.--clone-TEXT-rvwuh949 .x-text a {
  --width: 91.09382198722469%;
-webkit-text-stroke: 0px #000000ff;
color: var(--font_color_6);
font: var(--font_6);
font-size: 17.0px;
font-weight: 400;
height: 100%;
width: 100%;
  color: var(--active-color, var(--font_color_6));
}
[id^="TEXT-rvwuh949"] .x-text:hover,
.--clone-TEXT-rvwuh949 .x-text:hover,
[id^="TEXT-rvwuh949"] a:hover,
.--clone-TEXT-rvwuh949 a:hover {
  
}

[id^="TEXT-DATASET-vfs5m4wz"], .--clone-TEXT-DATASET-vfs5m4wz {
  align-self: center;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 2;
grid-row-start: 1;
height: auto;
justify-self: start;
margin-left: 0%;
margin-top: calc(0px * 2);
width: 99.2010865712021%;
  
}
[id^="TEXT-DATASET-vfs5m4wz"] .x-text,
[id^="TEXT-DATASET-vfs5m4wz"] .x-text a,
.--clone-TEXT-DATASET-vfs5m4wz .x-text,
.--clone-TEXT-DATASET-vfs5m4wz .x-text a {
  --width: 99.2010865712021%;
-webkit-text-stroke: 0px #000000ff;
color: var(--color_34);
font-size: 16.0px;
font-weight: 400;
height: 100%;
text-transform: uppercase;
width: 100%;
  color: var(--active-color, var(--color_34));
}
[id^="TEXT-DATASET-vfs5m4wz"] .x-text:hover,
.--clone-TEXT-DATASET-vfs5m4wz .x-text:hover,
[id^="TEXT-DATASET-vfs5m4wz"] a:hover,
.--clone-TEXT-DATASET-vfs5m4wz a:hover {
  
}

[id^="TEXT-d3duc3dc"], .--clone-TEXT-d3duc3dc {
  align-self: center;
grid-column-end: 4;
grid-column-start: 3;
grid-row-end: 2;
grid-row-start: 1;
height: auto;
justify-self: start;
margin-left: 0.5763253765905689%;
margin-top: calc(0px * 2);
width: 94.02665241591288%;
  
}
[id^="TEXT-d3duc3dc"] .x-text,
[id^="TEXT-d3duc3dc"] .x-text a,
.--clone-TEXT-d3duc3dc .x-text,
.--clone-TEXT-d3duc3dc .x-text a {
  --width: 94.02665241591288%;
-webkit-text-stroke: 0px #000000ff;
color: var(--font_color_6);
font: var(--font_6);
font-size: 17.0px;
font-weight: 400;
height: 100%;
width: 100%;
  color: var(--active-color, var(--font_color_6));
}
[id^="TEXT-d3duc3dc"] .x-text:hover,
.--clone-TEXT-d3duc3dc .x-text:hover,
[id^="TEXT-d3duc3dc"] a:hover,
.--clone-TEXT-d3duc3dc a:hover {
  
}


#RECT-vf2k2i5z {
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 2;
grid-row-start: 1;
height: 16.293800073382133px;
justify-self: end;
margin-right: 1.414414667140638%;
margin-top: 10px;
width: 19.068014222824853px;
  
  
  
  
}
#RECT-vf2k2i5z .x-rect {
  --width: 19.068014222824853px;
background: #E5E7EB;
border-color: #E5E7EB;
height: 100%;
width: 100%;
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiAgd2lkdGg9JzE0JyBoZWlnaHQ9JzE0JyB2aWV3Qm94PScwIDAgMTQgMTQnIGZpbGw9J25vbmUnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTEyLjU5IDBMNyA1LjU5TDEuNDEgMEwwIDEuNDFMNS41OSA3TDAgMTIuNTlMMS40MSAxNEw3IDguNDFMMTIuNTkgMTRMMTQgMTIuNTlMOC40MSA3TDE0IDEuNDFMMTIuNTkgMFonIGZpbGw9JyMyRTNBNTknLz48L3N2Zz4=);
-webkit-mask-position: 0% 0%;
-webkit-mask-size: 100% 100%;

  border:   ;


  background: var(--active-color, #E5E7EB);
}
#RECT-vf2k2i5z::before {
  content: "";
  border-color: #E5E7EB;
  border-style: ;
  border-width: ;
  border-radius: inherit;
  border:   ;


  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  
}
#LINE-g1394ngz {
  --width: 100%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;height: 17px;justify-self: center;margin-left: calc(0% * 2);margin-top: 45.5px;width: 100%;
  height: auto;
  
}
#LINE-g1394ngz .line-container {
  border-color: var(--color_01);
border-style: solid;
border-width: 1.0px;
}

[id^="TEXT-3o71ro0q"], .--clone-TEXT-3o71ro0q {
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 2;
grid-row-start: 1;
height: auto;
justify-self: start;
margin-left: 1.2841236502597706%;
margin-top: 65.30001831054688px;
width: 35.359801488833746%;
  
}
[id^="TEXT-3o71ro0q"] .x-text,
[id^="TEXT-3o71ro0q"] .x-text a,
.--clone-TEXT-3o71ro0q .x-text,
.--clone-TEXT-3o71ro0q .x-text a {
  --width: 35.359801488833746%;
-webkit-text-stroke: 0px #000000ff;
color: var(--font_color_4);
font: var(--font_4);
font-size: 16.0px;
font-weight: 400;
height: 100%;
text-transform: uppercase;
width: 100%;
  color: var(--active-color, var(--font_color_4));
}
[id^="TEXT-3o71ro0q"] .x-text:hover,
.--clone-TEXT-3o71ro0q .x-text:hover,
[id^="TEXT-3o71ro0q"] a:hover,
.--clone-TEXT-3o71ro0q a:hover {
  
}


#RECT-lh4s514x {
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 2;
grid-row-start: 1;
height: 43.199988174438474px;
justify-self: center;
margin-right: calc(0.018605878276209676% * 2);
margin-top: 94.30001831054688px;
width: 97.39454094292805%;
  
  
  
  
}
#RECT-lh4s514x .x-rect {
  --width: 97.39454094292805%;
background: #f7f7f7;
border-color: #000000ff;
height: 100%;
width: 100%;
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9ImN1cnJlbnRDb2xvciIvPjwvc3ZnPg==);
-webkit-mask-position: 0% 0%;
-webkit-mask-size: 100% 100%;

  border:   ;


  background: var(--active-color, #f7f7f7);
}
#RECT-lh4s514x::before {
  content: "";
  border-color: #000000ff;
  border-style: ;
  border-width: ;
  border-radius: inherit;
  border:   ;


  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  
}
[id^="TEXT-yvipq8by"], .--clone-TEXT-yvipq8by {
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 2;
grid-row-start: 1;
height: auto;
justify-self: start;
margin-left: 2.859799974313741%;
margin-top: 105.10000610351562px;
width: 15.787841191066995%;
  
}
[id^="TEXT-yvipq8by"] .x-text,
[id^="TEXT-yvipq8by"] .x-text a,
.--clone-TEXT-yvipq8by .x-text,
.--clone-TEXT-yvipq8by .x-text a {
  --width: 15.787841191066995%;
-webkit-text-stroke: 0px #000000ff;
color: var(--font_color_6);
font: var(--font_6);
font-size: 13.9px;
font-weight: 700;
height: 100%;
width: 100%;
  color: var(--active-color, var(--font_color_6));
}
[id^="TEXT-yvipq8by"] .x-text:hover,
.--clone-TEXT-yvipq8by .x-text:hover,
[id^="TEXT-yvipq8by"] a:hover,
.--clone-TEXT-yvipq8by a:hover {
  
}

[id^="TEXT-cu74h2up"], .--clone-TEXT-cu74h2up {
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 2;
grid-row-start: 1;
height: auto;
justify-self: end;
margin-right: 34.50217803122092%;
margin-top: 105.10000610351562px;
width: 12.593048322881126%;
  
}
[id^="TEXT-cu74h2up"] .x-text,
[id^="TEXT-cu74h2up"] .x-text a,
.--clone-TEXT-cu74h2up .x-text,
.--clone-TEXT-cu74h2up .x-text a {
  --width: 12.593048322881126%;
-webkit-text-stroke: 0px #000000ff;
color: var(--font_color_6);
font: var(--font_6);
font-size: 13.9px;
font-weight: 700;
height: 100%;
width: 100%;
  color: var(--active-color, var(--font_color_6));
}
[id^="TEXT-cu74h2up"] .x-text:hover,
.--clone-TEXT-cu74h2up .x-text:hover,
[id^="TEXT-cu74h2up"] a:hover,
.--clone-TEXT-cu74h2up a:hover {
  
}

[id^="TEXT-z0fd2qs1"], .--clone-TEXT-z0fd2qs1 {
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 2;
grid-row-start: 1;
height: auto;
justify-self: end;
margin-right: 20.8731450158964%;
margin-top: 105.10000610351562px;
width: 11.1677979121433%;
  
}
[id^="TEXT-z0fd2qs1"] .x-text,
[id^="TEXT-z0fd2qs1"] .x-text a,
.--clone-TEXT-z0fd2qs1 .x-text,
.--clone-TEXT-z0fd2qs1 .x-text a {
  --width: 11.1677979121433%;
-webkit-text-stroke: 0px #000000ff;
color: var(--font_color_6);
font: var(--font_6);
font-size: 13.9px;
font-weight: 700;
height: 100%;
width: 100%;
  color: var(--active-color, var(--font_color_6));
}
[id^="TEXT-z0fd2qs1"] .x-text:hover,
.--clone-TEXT-z0fd2qs1 .x-text:hover,
[id^="TEXT-z0fd2qs1"] a:hover,
.--clone-TEXT-z0fd2qs1 a:hover {
  
}

[id^="TEXT-l3omfxlh"], .--clone-TEXT-l3omfxlh {
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 2;
grid-row-start: 1;
height: auto;
justify-self: end;
margin-right: 5.7971367469200725%;
margin-top: 105.10000610351562px;
width: 12.84740722504798%;
  
}
[id^="TEXT-l3omfxlh"] .x-text,
[id^="TEXT-l3omfxlh"] .x-text a,
.--clone-TEXT-l3omfxlh .x-text,
.--clone-TEXT-l3omfxlh .x-text a {
  --width: 12.84740722504798%;
-webkit-text-stroke: 0px #000000ff;
color: var(--font_color_6);
font: var(--font_6);
font-size: 13.9px;
font-weight: 700;
height: 100%;
width: 100%;
  color: var(--active-color, var(--font_color_6));
}
[id^="TEXT-l3omfxlh"] .x-text:hover,
.--clone-TEXT-l3omfxlh .x-text:hover,
[id^="TEXT-l3omfxlh"] a:hover,
.--clone-TEXT-l3omfxlh a:hover {
  
}

[id^="TEXT-66cinx9z"], .--clone-TEXT-66cinx9z {
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 3;
grid-row-start: 2;
height: auto;
justify-self: start;
margin-left: 1.4205970480187655%;
margin-top: 7px;
width: 31.141439205955336%;
  
}
[id^="TEXT-66cinx9z"] .x-text,
[id^="TEXT-66cinx9z"] .x-text a,
.--clone-TEXT-66cinx9z .x-text,
.--clone-TEXT-66cinx9z .x-text a {
  --width: 31.141439205955336%;
-webkit-text-stroke: 0px #000000ff;
color: #0657a3;
font: var(--font_6);
font-size: 16.0px;
height: 100%;
width: 100%;
  color: var(--active-color, #0657a3);
}
[id^="TEXT-66cinx9z"] .x-text:hover,
.--clone-TEXT-66cinx9z .x-text:hover,
[id^="TEXT-66cinx9z"] a:hover,
.--clone-TEXT-66cinx9z a:hover {
  
}

[id^="TEXT-4rq2sc1g"], .--clone-TEXT-4rq2sc1g {
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 3;
grid-row-start: 2;
height: auto;
justify-self: end;
margin-right: 19.12065700029321%;
margin-top: 8px;
width: 13.287832955864465%;
  
}
[id^="TEXT-4rq2sc1g"] .x-text,
[id^="TEXT-4rq2sc1g"] .x-text a,
.--clone-TEXT-4rq2sc1g .x-text,
.--clone-TEXT-4rq2sc1g .x-text a {
  --width: 13.287832955864465%;
-webkit-text-stroke: 0px #000000ff;
color: var(--color_04);
font: var(--font_6);
font-size: 16.0px;
height: 100%;
width: 100%;
  color: var(--active-color, var(--color_04));
}
[id^="TEXT-4rq2sc1g"] .x-text:hover,
.--clone-TEXT-4rq2sc1g .x-text:hover,
[id^="TEXT-4rq2sc1g"] a:hover,
.--clone-TEXT-4rq2sc1g a:hover {
  
}

[id^="TEXT-DATASET-o57tls34"], .--clone-TEXT-DATASET-o57tls34 {
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 3;
grid-row-start: 2;
height: auto;
justify-self: end;
margin-right: 1.6408177226707894%;
margin-top: 6px;
width: 17.00216629369087%;
  
}
[id^="TEXT-DATASET-o57tls34"] .x-text,
[id^="TEXT-DATASET-o57tls34"] .x-text a,
.--clone-TEXT-DATASET-o57tls34 .x-text,
.--clone-TEXT-DATASET-o57tls34 .x-text a {
  --width: 17.00216629369087%;
-webkit-text-stroke: 0px #000000ff;
color: var(--color_34);
font-size: 16.0px;
font-weight: 700;
height: 100%;
text-align: right;
width: 100%;
  color: var(--active-color, var(--color_34));
}
[id^="TEXT-DATASET-o57tls34"] .x-text:hover,
.--clone-TEXT-DATASET-o57tls34 .x-text:hover,
[id^="TEXT-DATASET-o57tls34"] a:hover,
.--clone-TEXT-DATASET-o57tls34 a:hover {
  
}

#BUTTON-79s0ttoj {
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 3;
grid-row-start: 2;
height: 46px;
justify-self: center;
margin-right: calc(0.06823669887949751% * 2);
margin-top: 47px;
width: 97.02233250620348%;
  
}
#BUTTON-79s0ttoj .x-button-wrapper {
  --width: 97.02233250620348%;
-webkit-text-stroke: 0px #000000ff;
background: #33b864;
border-color: #000000ff;
border-radius: 0px 0px 0px 0px;
color: #ffffffff;
font-size: 14.0px;
font-weight: 400;
height: 100%;
text-align: center;
width: 100%;
  border:   ;


  color: var(--active-color, #ffffffff);
}
#BUTTON-79s0ttoj[disabled=true] {
  display: none;
}

  #BUTTON-79s0ttoj{
    transition-duration: 0.1s;
    transition-delay: 0s;
    transition-property: transform;
    transition-timing-function: ease-out;
    will-change: transform;
  }
  #BUTTON-79s0ttoj:hover > * {
    background: var(--color_34) !important;
  }
#CART-DROPPABLE-vb0wvyk0 {
  
  
  background: #ffffff;
overflow-x: hidden;
overflow-y: scroll;
  top: 0;
  right: 0;
  width: 450px;
  height: var(--viewport-height, 100vh);
  grid-template-columns: 12px 1fr 12px;
  grid-template-rows: minmax(60px, max-content) minmax(10px, max-content) minmax(0%, calc(100% - 170px)) minmax(40px, max-content) minmax(60px, max-content);
  column-gap: 0px;
  row-gap: 0px;
  overflow-x: auto;
  
}

#CART-DROPPABLE-vb0wvyk0.anim {
  --width: 450px;
  animation: slide-right 0.2s ease;
}
[id^="TEXT-myxd7ltp"], .--clone-TEXT-myxd7ltp {
  align-self: center;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 2;
grid-row-start: 1;
height: auto;
justify-self: start;
margin-left: 0%;
margin-top: calc(0px * 2);
width: 51.11021636634745%;
  
}
[id^="TEXT-myxd7ltp"] .x-text,
[id^="TEXT-myxd7ltp"] .x-text a,
.--clone-TEXT-myxd7ltp .x-text,
.--clone-TEXT-myxd7ltp .x-text a {
  --width: 51.11021636634745%;
-webkit-text-stroke: 0px #000000ff;
color: var(--font_color_3);
font: var(--font_3);
font-size: 20.0px;
font-weight: 700;
height: 100%;
width: 100%;
  color: var(--active-color, var(--font_color_3));
}
[id^="TEXT-myxd7ltp"] .x-text:hover,
.--clone-TEXT-myxd7ltp .x-text:hover,
[id^="TEXT-myxd7ltp"] a:hover,
.--clone-TEXT-myxd7ltp a:hover {
  
}

#LINE-dsjya193 {
  --width: 100%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;height: 16.80000114440918px;justify-self: center;margin-left: calc(0% * 2);margin-top: 0px;width: 100%;
  height: auto;
  
}
#LINE-dsjya193 .line-container {
  border-color: #000000;
border-style: solid;
border-width: 1.0px;
}

#BUTTON-czinevss {
  align-self: start;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 6;
grid-row-start: 5;
height: 46px;
justify-self: start;
margin-left: 0%;
margin-top: 0px;
width: 49.00000000000001%;
  
}
#BUTTON-czinevss .x-button-wrapper {
  --width: 49.00000000000001%;
-webkit-text-stroke: 0px #000000ff;
background: #181818ff;
border-color: #000000ff;
border-radius: 4px;
color: #ffffffff;
font-size: 15.0px;
height: 100%;
text-align: center;
width: 100%;
  border:   ;


  color: var(--active-color, #ffffffff);
}
#BUTTON-czinevss[disabled=true] {
  display: none;
}

  #BUTTON-czinevss{
    transition-duration: 0.1s;
    transition-delay: 0s;
    transition-property: transform;
    transition-timing-function: ease-out;
    will-change: transform;
  }
  #BUTTON-czinevss:hover > * {
    background: var(--color_34) !important;
  }
#BUTTON-q5p1ub5p {
  align-self: start;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 6;
grid-row-start: 5;
height: 46px;
justify-self: end;
margin-right: 0%;
margin-top: 0px;
width: 49.00000000000001%;
  
}
#BUTTON-q5p1ub5p .x-button-wrapper {
  --width: 49.00000000000001%;
-webkit-text-stroke: 0px #000000ff;
background: #181818ff;
border-color: #000000ff;
border-radius: 4px;
color: #ffffffff;
font-size: 16.0px;
height: 100%;
text-align: center;
width: 100%;
  border:   ;


  color: var(--active-color, #ffffffff);
}
#BUTTON-q5p1ub5p[disabled=true] {
  display: none;
}

  #BUTTON-q5p1ub5p{
    transition-duration: 0.1s;
    transition-delay: 0s;
    transition-property: transform;
    transition-timing-function: ease-out;
    will-change: transform;
  }
  #BUTTON-q5p1ub5p:hover > * {
    background: var(--color_34) !important;
  }

#CONTAINER-408i7t25 {
  --bg: #e8eaed00;
  background: #e8eaed00;
border-color: #000000ff;
overflow-x: hidden;
overflow-y: auto;
  --width: 100%;align-self: center;grid-column-end: 3;grid-column-start: 2;grid-row-end: 4;grid-row-start: 3;grid-template-columns: 1fr;grid-template-rows: minmax(100%, max-content);height: 100%;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 100%;
  
  
  overflow-x: hidden;
  overflow-y: auto;
  
  border:   #000000ff;


  
}
#CART-ITEMS-yrjkw7e5 {
  --width: 100%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;grid-template-columns: 85px 1fr 85px 35px;grid-template-rows: minmax(30px, max-content) minmax(0px, max-content) minmax(30px, max-content) minmax(20px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: 0px;width: 100%;
  
}
#CART-ITEMS-yrjkw7e5 cart-item, #CART-ITEMS-yrjkw7e5 .cart-loading {
  grid-template-columns: 85px 1fr 85px 35px;
  grid-template-rows: minmax(30px, max-content) minmax(0px, max-content) minmax(30px, max-content) minmax(20px, max-content);
}

#IMAGE-DATASET-2demjp8v {
  --width: 75px;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 4;grid-row-start: 1;height: auto;justify-self: start;margin-left: 0%;margin-top: 0px;width: 75px;
  
}
#IMAGE-DATASET-2demjp8v picture, #IMAGE-DATASET-2demjp8v img {
  border-color: #e3e3e3;
border-style: solid;
border-width: 1.0px;
}
#IMAGE-DATASET-2demjp8v img {
  object-fit: contain;
}

[id^="TEXT-DATASET-zo3wcag8"], .--clone-TEXT-DATASET-zo3wcag8 {
  align-self: start;
grid-column-end: 4;
grid-column-start: 2;
grid-row-end: 2;
grid-row-start: 1;
height: auto;
justify-self: center;
margin-left: calc(0% * 2);
margin-top: 0px;
width: 100%;
  
}
[id^="TEXT-DATASET-zo3wcag8"] .x-text,
[id^="TEXT-DATASET-zo3wcag8"] .x-text a,
.--clone-TEXT-DATASET-zo3wcag8 .x-text,
.--clone-TEXT-DATASET-zo3wcag8 .x-text a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
border-color: #000000ff;
color: #000000ff;
font-family: 'Roboto', sans-serif;
font-size: 14.0px;
font-weight: 700;
height: 100%;
width: 100%;
  color: var(--active-color, #000000ff);
}
[id^="TEXT-DATASET-zo3wcag8"] .x-text:hover,
.--clone-TEXT-DATASET-zo3wcag8 .x-text:hover,
[id^="TEXT-DATASET-zo3wcag8"] a:hover,
.--clone-TEXT-DATASET-zo3wcag8 a:hover {
  
}

[id^="TEXT-DATASET-mmt2anyf"], .--clone-TEXT-DATASET-mmt2anyf {
  align-self: center;
grid-column-end: 5;
grid-column-start: 3;
grid-row-end: 4;
grid-row-start: 3;
height: auto;
justify-self: center;
margin-left: calc(0% * 2);
margin-top: calc(0px * 2);
width: 100%;
  
}
[id^="TEXT-DATASET-mmt2anyf"] .x-text,
[id^="TEXT-DATASET-mmt2anyf"] .x-text a,
.--clone-TEXT-DATASET-mmt2anyf .x-text,
.--clone-TEXT-DATASET-mmt2anyf .x-text a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
border-color: #000000ff;
color: #ffb108;
font-size: 14.0px;
font-weight: 700;
height: 100%;
text-align: right;
width: 100%;
  color: var(--active-color, #ffb108);
}
[id^="TEXT-DATASET-mmt2anyf"] .x-text:hover,
.--clone-TEXT-DATASET-mmt2anyf .x-text:hover,
[id^="TEXT-DATASET-mmt2anyf"] a:hover,
.--clone-TEXT-DATASET-mmt2anyf a:hover {
  
}

[id^="TEXT-DATASET-iyg0fsbz"], .--clone-TEXT-DATASET-iyg0fsbz {
  align-self: center;
grid-column-end: 4;
grid-column-start: 2;
grid-row-end: 3;
grid-row-start: 2;
height: auto;
justify-self: start;
margin-left: -0.08765243902439025%;
margin-top: calc(0px * 2);
width: 100%;
  
}
[id^="TEXT-DATASET-iyg0fsbz"] .x-text,
[id^="TEXT-DATASET-iyg0fsbz"] .x-text a,
.--clone-TEXT-DATASET-iyg0fsbz .x-text,
.--clone-TEXT-DATASET-iyg0fsbz .x-text a {
  --width: 100%;
border-color: #000000ff;
color: #000000ff;
font-size: 14.0px;
height: 100%;
width: 100%;
  color: var(--active-color, #000000ff);
}
[id^="TEXT-DATASET-iyg0fsbz"] .x-text:hover,
.--clone-TEXT-DATASET-iyg0fsbz .x-text:hover,
[id^="TEXT-DATASET-iyg0fsbz"] a:hover,
.--clone-TEXT-DATASET-iyg0fsbz a:hover {
  
}

#QUANTITY-INPUT-d9bsch6j {
  --width: 83.5px;align-self: center;grid-column-end: 3;grid-column-start: 2;grid-row-end: 4;grid-row-start: 3;height: 25.977777777777774px;justify-self: start;margin-left: 0%;margin-top: calc(0px * 2);width: 83.5px;
  -webkit-text-stroke: 0px #000000ff;
border-color: #ddd;
border-style: solid;
border-width: 1.0px;
color: #000000d9;
font-size: 14.0px;
  
  overflow: hidden;
  
}
#QUANTITY-INPUT-d9bsch6j .quantity__input {
  
  
  padding-left: 25px;
  padding-right: 25px;
  
}
#QUANTITY-INPUT-d9bsch6j .quantity__button{
  border-style: solid;
}
#QUANTITY-INPUT-d9bsch6j .quantity__button[name="minus"] {
  background: #F1F1F1;
  
  width:25px;
}
#QUANTITY-INPUT-d9bsch6j .quantity__button[name="minus"] svg {
  width: 9.3px;
}
#QUANTITY-INPUT-d9bsch6j .quantity__button[name="plus"] {
  background: #F1F1F1;
  
  width:25px;
}
#QUANTITY-INPUT-d9bsch6j .quantity__button[name="plus"] svg {
  width: 9.3px;
}
#LINE-c0yhu4zk {
  --width: 100%;align-self: center;grid-column-end: 5;grid-column-start: 1;grid-row-end: 5;grid-row-start: 4;height: 17px;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 100%;
  height: auto;
  
}
#LINE-c0yhu4zk .line-container {
  border-color: #dddddd;
border-style: dashed;
border-width: 1.0px;
}


#RECT-uj8faxzx {
  align-self: start;
grid-column-end: 5;
grid-column-start: 4;
grid-row-end: 3;
grid-row-start: 1;
height: 24px;
justify-self: end;
margin-right: 0%;
margin-top: 0px;
width: 24px;
  
  
  
  
}
#RECT-uj8faxzx .x-rect {
  --width: 24px;
background: #000000ff;
border-color: #000000ff;
height: 100%;
width: 100%;
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnIHZpZXdCb3g9JzAgMCAyNCAyNCc+IDxwYXRoIGQ9J00xMy40NiwxMkwxOSwxNy41NFYxOUgxNy41NEwxMiwxMy40Nkw2LjQ2LDE5SDVWMTcuNTRMMTAuNTQsMTJMNSw2LjQ2VjVINi40NkwxMiwxMC41NEwxNy41NCw1SDE5VjYuNDZMMTMuNDYsMTJaJz48L3BhdGg+IDwvc3ZnPg==);
-webkit-mask-position: 0% 0%;
-webkit-mask-size: 100% 100%;

  border:   ;


  background: var(--active-color, #000000ff);
}
#RECT-uj8faxzx::before {
  content: "";
  border-color: #000000ff;
  border-style: ;
  border-width: ;
  border-radius: inherit;
  border:   ;


  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  
}
[id^="TEXT-a9eo2ifm"], .--clone-TEXT-a9eo2ifm {
  align-self: center;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 5;
grid-row-start: 4;
height: auto;
justify-self: start;
margin-left: 0%;
margin-top: calc(0px * 2);
width: 53.990610328638496%;
  
}
[id^="TEXT-a9eo2ifm"] .x-text,
[id^="TEXT-a9eo2ifm"] .x-text a,
.--clone-TEXT-a9eo2ifm .x-text,
.--clone-TEXT-a9eo2ifm .x-text a {
  --width: 53.990610328638496%;
-webkit-text-stroke: 0px #000000ff;
color: var(--font_color_5);
font: var(--font_5);
font-size: 16.0px;
font-weight: 400;
height: 100%;
width: 100%;
  color: var(--active-color, var(--font_color_5));
}
[id^="TEXT-a9eo2ifm"] .x-text:hover,
.--clone-TEXT-a9eo2ifm .x-text:hover,
[id^="TEXT-a9eo2ifm"] a:hover,
.--clone-TEXT-a9eo2ifm a:hover {
  
}

[id^="TEXT-DATASET-tthuqk5t"], .--clone-TEXT-DATASET-tthuqk5t {
  align-self: center;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 5;
grid-row-start: 4;
height: auto;
justify-self: end;
margin-right: 0%;
margin-top: calc(0px * 2);
width: 46.948356807511736%;
  
}
[id^="TEXT-DATASET-tthuqk5t"] .x-text,
[id^="TEXT-DATASET-tthuqk5t"] .x-text a,
.--clone-TEXT-DATASET-tthuqk5t .x-text,
.--clone-TEXT-DATASET-tthuqk5t .x-text a {
  --width: 46.948356807511736%;
-webkit-text-stroke: 0px #000000ff;
border-color: #000000ff;
color: #000000ff;
font-size: 17.0px;
font-weight: 700;
height: 100%;
text-align: right;
width: 100%;
  color: var(--active-color, #000000ff);
}
[id^="TEXT-DATASET-tthuqk5t"] .x-text:hover,
.--clone-TEXT-DATASET-tthuqk5t .x-text:hover,
[id^="TEXT-DATASET-tthuqk5t"] a:hover,
.--clone-TEXT-DATASET-tthuqk5t a:hover {
  
}


#RECT-0r9t4rwh {
  align-self: center;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 2;
grid-row-start: 1;
height: 28px;
justify-self: end;
margin-right: 0%;
margin-top: calc(0px * 2);
width: 28px;
  
  
  
  
}
#RECT-0r9t4rwh .x-rect {
  --width: 28px;
background: #000000ff;
border-color: #000000ff;
height: 100%;
width: 100%;
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnIHZpZXdCb3g9JzAgMCAyNCAyNCc+IDxwYXRoIGQ9J00xMy40NiwxMkwxOSwxNy41NFYxOUgxNy41NEwxMiwxMy40Nkw2LjQ2LDE5SDVWMTcuNTRMMTAuNTQsMTJMNSw2LjQ2VjVINi40NkwxMiwxMC41NEwxNy41NCw1SDE5VjYuNDZMMTMuNDYsMTJaJz48L3BhdGg+IDwvc3ZnPg==);
-webkit-mask-position: 0% 0%;
-webkit-mask-size: 100% 100%;

  border:   ;


  background: var(--active-color, #000000ff);
}
#RECT-0r9t4rwh::before {
  content: "";
  border-color: #000000ff;
  border-style: ;
  border-width: ;
  border-radius: inherit;
  border:   ;


  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  
}
#CART-DROPPABLE-j4dl6nrm {
  
  
  background: #ffffff;
  top: 0;
  right: 0;
  width: 450px;
  height: var(--viewport-height, 100vh);
  grid-template-columns: 12px 1fr 12px;
  grid-template-rows: minmax(60px, max-content) minmax(10px, max-content) minmax(100px, max-content) minmax(30px, max-content) minmax(50px, max-content);
  column-gap: 0px;
  row-gap: 0px;
  overflow-x: auto;
  
}

#CART-DROPPABLE-j4dl6nrm.anim {
  --width: 450px;
  animation: slide-right 0.2s ease;
}
[id^="TEXT-qa8b1xyq"], .--clone-TEXT-qa8b1xyq {
  align-self: center;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 2;
grid-row-start: 1;
height: auto;
justify-self: start;
margin-left: 0%;
margin-top: calc(0px * 2);
width: 50%;
  
}
[id^="TEXT-qa8b1xyq"] .x-text,
[id^="TEXT-qa8b1xyq"] .x-text a,
.--clone-TEXT-qa8b1xyq .x-text,
.--clone-TEXT-qa8b1xyq .x-text a {
  --width: 50%;
-webkit-text-stroke: 0px #000000ff;
color: var(--font_color_5);
font: var(--font_5);
font-size: 20.0px;
font-weight: 700;
height: 100%;
width: 100%;
  color: var(--active-color, var(--font_color_5));
}
[id^="TEXT-qa8b1xyq"] .x-text:hover,
.--clone-TEXT-qa8b1xyq .x-text:hover,
[id^="TEXT-qa8b1xyq"] a:hover,
.--clone-TEXT-qa8b1xyq a:hover {
  
}

#LINE-hkbi08v1 {
  --width: 100%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;height: 17px;justify-self: center;margin-left: calc(0% * 2);margin-top: 0px;width: 100%;
  height: auto;
  
}
#LINE-hkbi08v1 .line-container {
  border-color: #444444;
border-style: solid;
border-width: 1.0px;
}


#IMAGE-jl35sjt2 {
  align-self: start;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 4;
grid-row-start: 3;
height: auto;
justify-self: center;
margin-left: calc(0% * 2);
margin-top: 0px;
width: 80%;
  
}
#IMAGE-jl35sjt2 picture {
  --width: 80%;
border-color: #000000ff;
height: 100%;
width: 100%;
}
#IMAGE-jl35sjt2 img {
  object-fit: cover;
}

[id^="TEXT-sk7gcg81"], .--clone-TEXT-sk7gcg81 {
  align-self: center;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 5;
grid-row-start: 4;
height: auto;
justify-self: center;
margin-left: calc(0% * 2);
margin-top: calc(0px * 2);
width: 100%;
  
}
[id^="TEXT-sk7gcg81"] .x-text,
[id^="TEXT-sk7gcg81"] .x-text a,
.--clone-TEXT-sk7gcg81 .x-text,
.--clone-TEXT-sk7gcg81 .x-text a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--font_color_4);
font: var(--font_4);
font-size: 16.0px;
font-weight: 400;
height: 100%;
text-align: center;
width: 100%;
  color: var(--active-color, var(--font_color_4));
}
[id^="TEXT-sk7gcg81"] .x-text:hover,
.--clone-TEXT-sk7gcg81 .x-text:hover,
[id^="TEXT-sk7gcg81"] a:hover,
.--clone-TEXT-sk7gcg81 a:hover {
  
}

#BUTTON-o8g9jy8x {
  align-self: end;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 6;
grid-row-start: 5;
height: 42px;
justify-self: center;
margin-bottom: 0px;
margin-left: calc(0% * 2);
width: 220px;
  
}
#BUTTON-o8g9jy8x .x-button-wrapper {
  --width: 220px;
-webkit-text-stroke: 0px #000000ff;
background: #181818ff;
border-color: #000000ff;
border-radius: 4px;
color: #ffffffff;
font-size: 16.0px;
height: 100%;
text-align: center;
width: 100%;
  border:   ;


  color: var(--active-color, #ffffffff);
}
#BUTTON-o8g9jy8x[disabled=true] {
  display: none;
}

  #BUTTON-o8g9jy8x{
    transition-duration: 0.1s;
    transition-delay: 0s;
    transition-property: transform;
    transition-timing-function: ease-out;
    will-change: transform;
  }
  #BUTTON-o8g9jy8x:hover > * {
    background: var(--color_34) !important;
  }

#RECT-txp5ckbn {
  align-self: center;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 2;
grid-row-start: 1;
height: 28px;
justify-self: end;
margin-right: 0%;
margin-top: calc(0px * 2);
width: 28px;
  
  
  
  
}
#RECT-txp5ckbn .x-rect {
  --width: 28px;
background: #000000ff;
border-color: #000000ff;
height: 100%;
width: 100%;
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnIHZpZXdCb3g9JzAgMCAyNCAyNCc+IDxwYXRoIGQ9J00xMy40NiwxMkwxOSwxNy41NFYxOUgxNy41NEwxMiwxMy40Nkw2LjQ2LDE5SDVWMTcuNTRMMTAuNTQsMTJMNSw2LjQ2VjVINi40NkwxMiwxMC41NEwxNy41NCw1SDE5VjYuNDZMMTMuNDYsMTJaJz48L3BhdGg+IDwvc3ZnPg==);
-webkit-mask-position: 0% 0%;
-webkit-mask-size: 100% 100%;

  border:   ;


  background: var(--active-color, #000000ff);
}
#RECT-txp5ckbn::before {
  content: "";
  border-color: #000000ff;
  border-style: ;
  border-width: ;
  border-radius: inherit;
  border:   ;


  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  
}
