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

#SECTION-yuxmzcgw .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: 1127;
  --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-yuxmzcgw .x-section-video-background {
  
  
}



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


#CONTAINER-hrg2c7m6 {
  --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);


  
}
#TEXT-jrd4tb5b, .--clone-TEXT-jrd4tb5b {
  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%;
  
}
#TEXT-jrd4tb5b .x-text,
#TEXT-jrd4tb5b .x-text a,
.--clone-TEXT-jrd4tb5b .x-text,
.--clone-TEXT-jrd4tb5b .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));
}
#TEXT-jrd4tb5b .x-text:hover,
.--clone-TEXT-jrd4tb5b .x-text:hover,
#TEXT-jrd4tb5b a:hover,
.--clone-TEXT-jrd4tb5b a:hover {
  
}

#CART-ITEMS-8okq96fb {
  --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-8okq96fb cart-item, #CART-ITEMS-8okq96fb .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-88jzf91b {
  --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-88jzf91b picture {
  border-color: #e3e3e3;
border-radius: 8px 8px 8px 8px;
border-style: solid;
border-width: 1.0px;
}
#IMAGE-DATASET-88jzf91b img {
  object-fit: contain;
}

#TEXT-DATASET-znphei26, .--clone-TEXT-DATASET-znphei26 {
  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%;
  
}
#TEXT-DATASET-znphei26 .x-text,
#TEXT-DATASET-znphei26 .x-text a,
.--clone-TEXT-DATASET-znphei26 .x-text,
.--clone-TEXT-DATASET-znphei26 .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);
}
#TEXT-DATASET-znphei26 .x-text:hover,
.--clone-TEXT-DATASET-znphei26 .x-text:hover,
#TEXT-DATASET-znphei26 a:hover,
.--clone-TEXT-DATASET-znphei26 a:hover {
  
}

#TEXT-DATASET-uxeviuz0, .--clone-TEXT-DATASET-uxeviuz0 {
  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%;
  
}
#TEXT-DATASET-uxeviuz0 .x-text,
#TEXT-DATASET-uxeviuz0 .x-text a,
.--clone-TEXT-DATASET-uxeviuz0 .x-text,
.--clone-TEXT-DATASET-uxeviuz0 .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);
}
#TEXT-DATASET-uxeviuz0 .x-text:hover,
.--clone-TEXT-DATASET-uxeviuz0 .x-text:hover,
#TEXT-DATASET-uxeviuz0 a:hover,
.--clone-TEXT-DATASET-uxeviuz0 a:hover {
  
}

#TEXT-DATASET-z7p5vjve, .--clone-TEXT-DATASET-z7p5vjve {
  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%;
  
}
#TEXT-DATASET-z7p5vjve .x-text,
#TEXT-DATASET-z7p5vjve .x-text a,
.--clone-TEXT-DATASET-z7p5vjve .x-text,
.--clone-TEXT-DATASET-z7p5vjve .x-text a {
  --width: 100.15010917030568%;
border-color: #000000ff;
color: #37393B;
font-size: 14.0px;
height: 100%;
width: 100%;
  color: var(--active-color, #37393B);
}
#TEXT-DATASET-z7p5vjve .x-text:hover,
.--clone-TEXT-DATASET-z7p5vjve .x-text:hover,
#TEXT-DATASET-z7p5vjve a:hover,
.--clone-TEXT-DATASET-z7p5vjve a:hover {
  
}

#TEXT-DATASET-ejyr1g0q, .--clone-TEXT-DATASET-ejyr1g0q {
  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: 100px;
margin-right: 25.159235668789808%;
margin-top: calc(0px * 2);
width: auto;
  
}
#TEXT-DATASET-ejyr1g0q .x-text,
#TEXT-DATASET-ejyr1g0q .x-text a,
.--clone-TEXT-DATASET-ejyr1g0q .x-text,
.--clone-TEXT-DATASET-ejyr1g0q .x-text a {
  --width: 42.99363057324841%;
-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);
}
#TEXT-DATASET-ejyr1g0q .x-text:hover,
.--clone-TEXT-DATASET-ejyr1g0q .x-text:hover,
#TEXT-DATASET-ejyr1g0q a:hover,
.--clone-TEXT-DATASET-ejyr1g0q a:hover {
  
}

#QUANTITY-INPUT-hwwpsvev {
  --width: 100px;align-self: end;grid-column-end: 5;grid-column-start: 4;grid-row-end: 5;grid-row-start: 3;height: 38px;justify-self: end;margin-bottom: 0px;margin-right: 0%;width: 100px;
  -webkit-text-stroke: 0px #000000ff;
background: #ffffff;
border-color: #EDEEEE;
border-radius: 8px 8px 8px 8px;
border-style: solid;
border-width: 0.0px;
color: #000000d9;
  
  overflow: hidden;
  
}
#QUANTITY-INPUT-hwwpsvev .quantity__input {
  background: #ffffff;
  
  padding-left: 32px;
  padding-right: 32px;
  
}
#QUANTITY-INPUT-hwwpsvev .quantity__button{
  border-style: solid;
}
#QUANTITY-INPUT-hwwpsvev .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-hwwpsvev .quantity__button[name="minus"] svg {
  width: 12px;
}
#QUANTITY-INPUT-hwwpsvev .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-hwwpsvev .quantity__button[name="plus"] svg {
  width: 12px;
}

#CONTAINER-hdrqtny5 {
  --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;


  
}
#TEXT-n2pootjz, .--clone-TEXT-n2pootjz {
  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%;
  
}
#TEXT-n2pootjz .x-text,
#TEXT-n2pootjz .x-text a,
.--clone-TEXT-n2pootjz .x-text,
.--clone-TEXT-n2pootjz .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));
}
#TEXT-n2pootjz .x-text:hover,
.--clone-TEXT-n2pootjz .x-text:hover,
#TEXT-n2pootjz a:hover,
.--clone-TEXT-n2pootjz a:hover {
  
}

#TEXT-yp6hxb84, .--clone-TEXT-yp6hxb84 {
  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%;
  
}
#TEXT-yp6hxb84 .x-text,
#TEXT-yp6hxb84 .x-text a,
.--clone-TEXT-yp6hxb84 .x-text,
.--clone-TEXT-yp6hxb84 .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);
}
#TEXT-yp6hxb84 .x-text:hover,
.--clone-TEXT-yp6hxb84 .x-text:hover,
#TEXT-yp6hxb84 a:hover,
.--clone-TEXT-yp6hxb84 a:hover {
  
}

#TEXT-DATASET-6s998wrd, .--clone-TEXT-DATASET-6s998wrd {
  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%;
  
}
#TEXT-DATASET-6s998wrd .x-text,
#TEXT-DATASET-6s998wrd .x-text a,
.--clone-TEXT-DATASET-6s998wrd .x-text,
.--clone-TEXT-DATASET-6s998wrd .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);
}
#TEXT-DATASET-6s998wrd .x-text:hover,
.--clone-TEXT-DATASET-6s998wrd .x-text:hover,
#TEXT-DATASET-6s998wrd a:hover,
.--clone-TEXT-DATASET-6s998wrd a:hover {
  
}

#TEXT-lm9htjyz, .--clone-TEXT-lm9htjyz {
  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%;
  
}
#TEXT-lm9htjyz .x-text,
#TEXT-lm9htjyz .x-text a,
.--clone-TEXT-lm9htjyz .x-text,
.--clone-TEXT-lm9htjyz .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);
}
#TEXT-lm9htjyz .x-text:hover,
.--clone-TEXT-lm9htjyz .x-text:hover,
#TEXT-lm9htjyz a:hover,
.--clone-TEXT-lm9htjyz a:hover {
  
}

#TEXT-DATASET-2zpspqby, .--clone-TEXT-DATASET-2zpspqby {
  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%;
  
}
#TEXT-DATASET-2zpspqby .x-text,
#TEXT-DATASET-2zpspqby .x-text a,
.--clone-TEXT-DATASET-2zpspqby .x-text,
.--clone-TEXT-DATASET-2zpspqby .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);
}
#TEXT-DATASET-2zpspqby .x-text:hover,
.--clone-TEXT-DATASET-2zpspqby .x-text:hover,
#TEXT-DATASET-2zpspqby a:hover,
.--clone-TEXT-DATASET-2zpspqby a:hover {
  
}

#FORM-lzl1ah77 {
  --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-uc3gz1gg {
  --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-uc3gz1gg .input-label {
  margin-bottom: 8px;
  padding: 0 20px 0 1px;
  font-size: 14px;
  
  
}
#COUPON-uc3gz1gg 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-uc3gz1gg input[type="date"] {
  -webkit-text-fill-color: #000000;
}
#COUPON-uc3gz1gg input::placeholder {
  color: #757575ff;
  -webkit-text-fill-color: #757575ff !important;
}
#SUBMIT-BUTTON-un6q0wyl {
  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-un6q0wyl .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-un6q0wyl[disabled=true] {
  display: none;
}

#TEXT-DATASET-qhb9xdg2, .--clone-TEXT-DATASET-qhb9xdg2 {
  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%;
  
}
#TEXT-DATASET-qhb9xdg2 .x-text,
#TEXT-DATASET-qhb9xdg2 .x-text a,
.--clone-TEXT-DATASET-qhb9xdg2 .x-text,
.--clone-TEXT-DATASET-qhb9xdg2 .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);
}
#TEXT-DATASET-qhb9xdg2 .x-text:hover,
.--clone-TEXT-DATASET-qhb9xdg2 .x-text:hover,
#TEXT-DATASET-qhb9xdg2 a:hover,
.--clone-TEXT-DATASET-qhb9xdg2 a:hover {
  
}

#TEXT-a95xurff, .--clone-TEXT-a95xurff {
  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%;
  
}
#TEXT-a95xurff .x-text,
#TEXT-a95xurff .x-text a,
.--clone-TEXT-a95xurff .x-text,
.--clone-TEXT-a95xurff .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);
}
#TEXT-a95xurff .x-text:hover,
.--clone-TEXT-a95xurff .x-text:hover,
#TEXT-a95xurff a:hover,
.--clone-TEXT-a95xurff a:hover {
  
}

#TEXT-DATASET-wa0zb3fr, .--clone-TEXT-DATASET-wa0zb3fr {
  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%;
  
}
#TEXT-DATASET-wa0zb3fr .x-text,
#TEXT-DATASET-wa0zb3fr .x-text a,
.--clone-TEXT-DATASET-wa0zb3fr .x-text,
.--clone-TEXT-DATASET-wa0zb3fr .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);
}
#TEXT-DATASET-wa0zb3fr .x-text:hover,
.--clone-TEXT-DATASET-wa0zb3fr .x-text:hover,
#TEXT-DATASET-wa0zb3fr a:hover,
.--clone-TEXT-DATASET-wa0zb3fr a:hover {
  
}

#TEXT-nlgk9x49, .--clone-TEXT-nlgk9x49 {
  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%;
  
}
#TEXT-nlgk9x49 .x-text,
#TEXT-nlgk9x49 .x-text a,
.--clone-TEXT-nlgk9x49 .x-text,
.--clone-TEXT-nlgk9x49 .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);
}
#TEXT-nlgk9x49 .x-text:hover,
.--clone-TEXT-nlgk9x49 .x-text:hover,
#TEXT-nlgk9x49 a:hover,
.--clone-TEXT-nlgk9x49 a:hover {
  
}

#TEXT-DATASET-6rnh7ghx, .--clone-TEXT-DATASET-6rnh7ghx {
  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%;
  
}
#TEXT-DATASET-6rnh7ghx .x-text,
#TEXT-DATASET-6rnh7ghx .x-text a,
.--clone-TEXT-DATASET-6rnh7ghx .x-text,
.--clone-TEXT-DATASET-6rnh7ghx .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);
}
#TEXT-DATASET-6rnh7ghx .x-text:hover,
.--clone-TEXT-DATASET-6rnh7ghx .x-text:hover,
#TEXT-DATASET-6rnh7ghx a:hover,
.--clone-TEXT-DATASET-6rnh7ghx a:hover {
  
}

#LINE-cxupd9bp {
  --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-cxupd9bp .line-container {
  border-color: #DEF2EE;
border-style: solid;
border-width: 1.0px;
}

#FORM-uxfzmwa1 {
  --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-ibmax24q {
  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-ibmax24q .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-ibmax24q[disabled=true] {
  display: none;
}

#BUTTON-nhq3vrcd {
  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-nhq3vrcd .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-nhq3vrcd[disabled=true] {
  display: none;
}

#PROMOTIONS-SHORT-ktwupzrx {
  --width: auto;align-self: center;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: calc(0px * 2);width: auto;
  flex-direction: row; width: auto;
  display: flex;
  gap: 8px;
  align-items: center;
  
}
#PROMOTIONS-SHORT-ktwupzrx .x-promotion-content {
  flex-direction: row;
}
#PROMOTIONS-SHORT-ktwupzrx .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-ktwupzrx .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-ktwupzrx .x-promotion-content .x-promotion-item .x-text-overlay {
  top: calc(50% + 0px);
}

#CONTAINER-19mepz81 {
  --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(10px, max-content) minmax(24px, max-content);height: auto;justify-self: start;margin-left: -0.07246376811594203%;margin-top: 0px;row-gap: 0px;width: 100%;
  
  
  
  
  
  border: 1px none #ffffff;


  
}

#RECT-iavk9z03 {
  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-iavk9z03 .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-iavk9z03::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-7ldoirqo {
  --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(135px, max-content) minmax(46px, max-content) minmax(10px, 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;
  
}
#TEXT-5deqg4z7, .--clone-TEXT-5deqg4z7 {
  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%;
  
}
#TEXT-5deqg4z7 .x-text,
#TEXT-5deqg4z7 .x-text a,
.--clone-TEXT-5deqg4z7 .x-text,
.--clone-TEXT-5deqg4z7 .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);
}
#TEXT-5deqg4z7 .x-text:hover,
.--clone-TEXT-5deqg4z7 .x-text:hover,
#TEXT-5deqg4z7 a:hover,
.--clone-TEXT-5deqg4z7 a:hover {
  
}

#INPUT-fv58w8wu {
  --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-fv58w8wu .input-label {
  margin-bottom: 8px;
  padding: 0 20px 0 1px;
  font-size: 14.1px;
  color: #000000;
  
}
#INPUT-fv58w8wu 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-fv58w8wu input[type="date"] {
  -webkit-text-fill-color: #000000ff;
}
#INPUT-fv58w8wu input::placeholder {
  color: #979797;
  -webkit-text-fill-color: #979797 !important;
}
#PHONE-NUMBER-jecwnloe {
  --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-jecwnloe .input-label {
  margin-bottom: 8px;
  padding: 0 20px 0 1px;
  font-size: 14.1px;
  color: #000000;
  
}
#PHONE-NUMBER-jecwnloe 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-jecwnloe input[type="date"] {
  -webkit-text-fill-color: #000000ff;
}
#PHONE-NUMBER-jecwnloe input::placeholder {
  color: #979797;
  -webkit-text-fill-color: #979797 !important;
}
#EMAIL-vu96o1ax {
  --width: 100%;align-self: center;grid-column-end: 4;grid-column-start: 1;grid-row-end: 4;grid-row-start: 3;height: 100%;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 100%;
  
}
#EMAIL-vu96o1ax .input-label {
  margin-bottom: 8px;
  padding: 0 20px 0 1px;
  font-size: 14.1px;
  color: #000000;
  
}
#EMAIL-vu96o1ax 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;
}
#EMAIL-vu96o1ax input[type="date"] {
  -webkit-text-fill-color: #000000ff;
}
#EMAIL-vu96o1ax input::placeholder {
  color: #979797;
  -webkit-text-fill-color: #979797 !important;
}
#DETECT-ADDRESS-60j1bylr {
  --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-60j1bylr .input-label {
  margin-bottom: 8px;
  padding: 0 20px 0 1px;
  font-size: 14.1px;
  color: #000000;
  
}
#DETECT-ADDRESS-60j1bylr 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-60j1bylr input[type="date"] {
  -webkit-text-fill-color: #000000ff;
}
#DETECT-ADDRESS-60j1bylr input::placeholder {
  color: #979797;
  -webkit-text-fill-color: #979797 !important;
}
#ADDRESS-gkosqm3z {
  --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-gkosqm3z .input-label {
  margin-bottom: 8px;
  padding: 0 20px 0 1px;
  font-size: 14.1px;
  color: #000000;
  
}
#ADDRESS-gkosqm3z .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-bh4jklzi {
  --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-bh4jklzi .input-label {
  margin-bottom: 8px;
  padding: 0 20px 0 1px;
  font-size: 14.1px;
  color: #000000;
  
}
#ADDRESS-bh4jklzi .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-7uygwap5 {
  --width: 100%;align-self: end;grid-column-end: 4;grid-column-start: 1;grid-row-end: 7;grid-row-start: 6;height: 100%;justify-self: center;margin-bottom: -0.78125px;margin-left: calc(0% * 2);width: 100%;
  
}
#TEXT-AREA-7uygwap5 .input-label {
  margin-bottom: 8px;
  padding: 0 20px 0 1px;
  font-size: 14.1px;
  color: #000000;
  
}
#TEXT-AREA-7uygwap5 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-7uygwap5 textarea::placeholder {
  color: #979797;
  -webkit-text-fill-color: #979797 !important;
}
#ADDRESS-yotabgqa {
  --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-yotabgqa .input-label {
  margin-bottom: 8px;
  padding: 0 20px 0 1px;
  font-size: 14.1px;
  color: #000000;
  
}
#ADDRESS-yotabgqa .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
}

#CHECKBOX-vhc9i5go {
  --width: 100%;align-self: start;grid-column-end: 4;grid-column-start: 1;grid-row-end: 8;grid-row-start: 7;height: 100%;justify-self: start;margin-left: 0%;margin-top: 0px;width: 100%;
  --icon-color: inherit;
  
}
#CHECKBOX-vhc9i5go .x-checkbox {
  -webkit-text-stroke: 0px #000000ff;
background: #f4f7f8;
border: none;
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: 0px 15px;
  gap: 0px;
}
#CHECKBOX-vhc9i5go .x-checkbox-option {
  flex: 0 0 100.0%;
}
#CHECKBOX-vhc9i5go .checkbox-wrapper .checkbox{
  border-radius: 0px;
}
#CHECKBOX-vhc9i5go .x-checkbox-option .checkbox:before{
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  height: 40%;
  width: 65%;
  margin-top: -1px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: translate(-50%,-50%) rotate(135deg);
  opacity: 0;
  visibility: hidden;
  box-sizing: border-box;
}
#CHECKBOX-vhc9i5go .x-checkbox-option .checkbox-wrapper input[type="checkbox"]:checked + .checkbox {
  background: var(--icon-color, #0075ff);
  border-color: var(--icon-color, #0075ff);
}
#CHECKBOX-vhc9i5go .x-checkbox-option .checkbox-wrapper input[type="checkbox"]:checked + .checkbox:before {
  opacity: 1;
  visibility: visible;
}
#TEXT-tp4mkfe3, .--clone-TEXT-tp4mkfe3 {
  align-self: center;
grid-column-end: 4;
grid-column-start: 1;
grid-row-end: 9;
grid-row-start: 8;
height: auto;
justify-self: end;
margin-right: %;
margin-top: calc(0px * 2);
width: 100%;
  
}
#TEXT-tp4mkfe3 .x-text,
#TEXT-tp4mkfe3 .x-text a,
.--clone-TEXT-tp4mkfe3 .x-text,
.--clone-TEXT-tp4mkfe3 .x-text a {
  --width: 100%;
-webkit-text-stroke: 0px rgba(0, 0, 0, 1);
color: #000000;
font-size: 15.0px;
font-weight: 400;
height: 100%;
text-align: left;
text-decoration: underline;
text-transform: initial;
width: 100%;
  color: var(--active-color, #000000);
}
#TEXT-tp4mkfe3 .x-text:hover,
.--clone-TEXT-tp4mkfe3 .x-text:hover,
#TEXT-tp4mkfe3 a:hover,
.--clone-TEXT-tp4mkfe3 a:hover {
  
}

  #TEXT-tp4mkfe3{
    transition-duration: 0.1s;
    transition-delay: 0s;
    transition-property: transform;
    transition-timing-function: ease-out;
    will-change: transform;
  }
  #TEXT-tp4mkfe3:hover, #TEXT-tp4mkfe3:hover > * {
    color: #d16082 !important;
  }

#RECT-6hrg4ysl {
  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-6hrg4ysl .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-6hrg4ysl::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-gf9ay4q7 {
  --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-gf9ay4q7 label {
  -webkit-text-stroke: 0px #000000ff;
border-color: #00C1A2;
border-style: solid;
border-width: 1.0px;
color: #000000d9;
text-align: left;
}
#PAYMENT-gf9ay4q7 .payment--method {
  padding: 8px 10px;
}
#PAYMENT-gf9ay4q7 .payment-wrapper {
  grid-template-columns: repeat(1, 1fr);
  gap: 12px;
}
#PAYMENT-gf9ay4q7 .payment-wrapper label.selected, #PAYMENT-gf9ay4q7 .payment-wrapper label:hover {
  border-color: #2f5acf;
}
#TEXT-7pkxx3s6, .--clone-TEXT-7pkxx3s6 {
  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%;
  
}
#TEXT-7pkxx3s6 .x-text,
#TEXT-7pkxx3s6 .x-text a,
.--clone-TEXT-7pkxx3s6 .x-text,
.--clone-TEXT-7pkxx3s6 .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));
}
#TEXT-7pkxx3s6 .x-text:hover,
.--clone-TEXT-7pkxx3s6 .x-text:hover,
#TEXT-7pkxx3s6 a:hover,
.--clone-TEXT-7pkxx3s6 a:hover {
  
}

#BONUS-ITEMS-aflbfw5b {
  --width: 332px;align-self: end;grid-column-end: 5;grid-column-start: 3;grid-row-end: 4;grid-row-start: 3;grid-template-columns: 8px 100px 8px 1fr 8px;grid-template-rows: minmax(8px, max-content) minmax(30px, max-content) minmax(30px, max-content) minmax(40px, max-content) minmax(8px, max-content) minmax(32px, max-content);height: auto;justify-self: start;margin-bottom: 166.890625px;margin-left: 21.5px;width: 332px;
  
  
}
#BONUS-ITEMS-aflbfw5b bonus-item, #BONUS-ITEMS-aflbfw5b .bonus-item--loading {
  grid-template-columns: 8px 100px 8px 1fr 8px;
  grid-template-rows: minmax(8px, max-content) minmax(30px, max-content) minmax(30px, max-content) minmax(40px, max-content) minmax(8px, max-content) minmax(32px, max-content);
}

#RECT-7i4cg95m {
  align-self: center;
grid-column-end: 6;
grid-column-start: 1;
grid-row-end: 6;
grid-row-start: 1;
height: 100%;
justify-self: center;
margin-left: calc(0% * 2);
margin-top: calc(0px * 2);
width: 100%;
  
  box-shadow: 0px 4px 11px 1px rgba(0,0,0,0.251);
  
  
}
#RECT-7i4cg95m .x-rect {
  --width: 100%;
background: #ffffff;
border-color: #000000ff;
box-shadow: 0px 4px 11px 1px rgba(0,0,0,0.251);
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, #ffffff);
}
#RECT-7i4cg95m::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;
}

#IMAGE-DATASET-zn6qxoo1 {
  --width: 100%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 5;grid-row-start: 2;height: 100px;justify-self: center;margin-left: calc(0% * 2);margin-top: 0.2265625px;width: 100%;
  
}
#IMAGE-DATASET-zn6qxoo1 picture {
  border-color: #e5e5e5;
border-style: solid;
border-width: 0.0px;
}
#IMAGE-DATASET-zn6qxoo1 img {
  object-fit: cover;
}

#TEXT-DATASET-sglbf4hk, .--clone-TEXT-DATASET-sglbf4hk {
  align-self: center;
grid-column-end: 5;
grid-column-start: 4;
grid-row-end: 3;
grid-row-start: 2;
height: auto;
justify-self: center;
margin-left: calc(0% * 2);
margin-top: calc(0px * 2);
width: 100%;
  
}
#TEXT-DATASET-sglbf4hk .x-text,
#TEXT-DATASET-sglbf4hk .x-text a,
.--clone-TEXT-DATASET-sglbf4hk .x-text,
.--clone-TEXT-DATASET-sglbf4hk .x-text a {
  --width: 100%;
border-color: #000000ff;
color: #4f4f4f;
font-size: 14.0px;
font-weight: 700;
height: 100%;
text-transform: initial;
width: 100%;
  color: var(--active-color, #4f4f4f);
}
#TEXT-DATASET-sglbf4hk .x-text:hover,
.--clone-TEXT-DATASET-sglbf4hk .x-text:hover,
#TEXT-DATASET-sglbf4hk a:hover,
.--clone-TEXT-DATASET-sglbf4hk a:hover {
  
}

#TEXT-DATASET-s61dmc6x, .--clone-TEXT-DATASET-s61dmc6x {
  align-self: center;
grid-column-end: 5;
grid-column-start: 4;
grid-row-end: 4;
grid-row-start: 3;
height: auto;
justify-self: end;
margin-right: 0%;
margin-top: calc(0px * 2);
width: 60%;
  
}
#TEXT-DATASET-s61dmc6x .x-text,
#TEXT-DATASET-s61dmc6x .x-text a,
.--clone-TEXT-DATASET-s61dmc6x .x-text,
.--clone-TEXT-DATASET-s61dmc6x .x-text a {
  --width: 60%;
border-color: #000000ff;
color: #707070;
font-size: 14.0px;
font-weight: 400;
height: 100%;
text-decoration: line-through;
width: 100%;
  color: var(--active-color, #707070);
}
#TEXT-DATASET-s61dmc6x .x-text:hover,
.--clone-TEXT-DATASET-s61dmc6x .x-text:hover,
#TEXT-DATASET-s61dmc6x a:hover,
.--clone-TEXT-DATASET-s61dmc6x a:hover {
  
}

#CHECKBOX-ITEM-h8mfjifx {
  --width: 16px;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;height: 16px;justify-self: start;margin-left: 0%;margin-top: 0%;width: 16px;
  background: #ffffff;
border-color: #000000ff;
border-style: solid;
border-width: 1.0px;
  
}
#CHECKBOX-ITEM-h8mfjifx input[type="checkbox"]:checked + .checked{
  
}

#RECT-b1amke74 {
  align-self: start;
grid-column-end: 5;
grid-column-start: 4;
grid-row-end: 7;
grid-row-start: 6;
height: 24px;
justify-self: start;
margin-left: 38px;
margin-top: 4.21875px;
width: 24px;
  
  
  
  
}
#RECT-b1amke74 .x-rect {
  --width: 24px;
background: #000000ff;
border-color: #000000ff;
height: 100%;
width: 100%;
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgY2xhc3M9InBsdXMiPjxwYXRoIGQ9Ik0xOSwxM0gxM1YxOUgxMVYxM0g1VjExSDExVjVIMTNWMTFIMTlWMTNaIj48L3BhdGg+PC9zdmc+);
-webkit-mask-position: 0% 0%;
-webkit-mask-size: 100% 100%;

  border:   ;


  background: var(--active-color, #000000ff);
}
#RECT-b1amke74::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;
}
#ATTR-8vhaytzk {
  --width: 48.00000000000001%;align-self: center;grid-column-end: 5;grid-column-start: 4;grid-row-end: 5;grid-row-start: 4;height: 30px;justify-self: start;margin-left: 0%;margin-top: calc(0px * 2);width: 48.00000000000001%;
  
}
#ATTR-8vhaytzk .attr--item, #ATTR-8vhaytzk select {
  -webkit-texts-troke: 0px #000000ff;
background: #e8eaed;
border-color: #000000ff;
border-radius: 6px 6px 6px 6px;
color: #000000d9;
font-size: 14.0px;
line-height: 20.8px;
text-align: left;
    padding-left: 10px !important;
  padding-right: 10px !important;
  text-align: left;

}
#ATTR-8vhaytzk .chevron {
  width: 16px;
  right: 10px;
}
#ATTR-8vhaytzk .chevron svg{
  height: 16px;
}
#ATTR-8vhaytzk .attr--item {
  margin-right: 10px;
  margin-bottom: 10px;
}
#ATTR-8vhaytzk .attr--item:hover {
  border-color: #000000ff;
  border-width: 0px;
}
#ATTR-8vhaytzk .attr--item.selected {
  background-color: #000;
color: #fff;

  
}
#ATTR-8vhaytzk img {
  width: 40px;
  height: 40px;
  padding: 0px;
  border-radius: 6px 6px 6px 6px;
}
#ATTR-8vhaytzk .attr--item:hover .tooltip {
  background: #000;
  color: #fff;
}
#ATTR-8vhaytzk .attr--item:hover .tooltip:after {
  background: #000;
  border-top-color: #000;
}

#ATTR-8vhaytzk .select-wrapper {
  opacity: 0;
}

#ATTR-8vhaytzk .select-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  pointer-events: none;
  -webkit-texts-troke: 0px #000000ff;
background: #e8eaed;
border-color: #000000ff;
border-radius: 6px 6px 6px 6px;
color: #000000d9;
font-size: 14.0px;
line-height: 20.8px;
text-align: left;
  gap: 0px;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

#ATTR-8vhaytzk .select-overlay .select--text {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

#ATTR-8vhaytzk .select-overlay .select--icon {
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
}
#ATTR-6x2tlci3 {
  --width: 48.00000000000001%;align-self: center;grid-column-end: 5;grid-column-start: 4;grid-row-end: 5;grid-row-start: 4;height: 30px;justify-self: end;margin-right: 0%;margin-top: calc(0px * 2);width: 48.00000000000001%;
  
}
#ATTR-6x2tlci3 .attr--item, #ATTR-6x2tlci3 select {
  -webkit-texts-troke: 0px #000000ff;
background: #e8eaed;
border-color: #000000ff;
border-radius: 6px 6px 6px 6px;
color: #000000d9;
font-size: 14.0px;
line-height: 20.8px;
text-align: left;
    padding-left: 10px !important;
  padding-right: 10px !important;
  text-align: left;

}
#ATTR-6x2tlci3 .chevron {
  width: 16px;
  right: 10px;
}
#ATTR-6x2tlci3 .chevron svg{
  height: 16px;
}
#ATTR-6x2tlci3 .attr--item {
  margin-right: 10px;
  margin-bottom: 10px;
}
#ATTR-6x2tlci3 .attr--item:hover {
  border-color: #000000ff;
  border-width: 0px;
}
#ATTR-6x2tlci3 .attr--item.selected {
  background-color: #000;
color: #fff;

  
}
#ATTR-6x2tlci3 img {
  width: 40px;
  height: 40px;
  padding: 0px;
  border-radius: 6px 6px 6px 6px;
}
#ATTR-6x2tlci3 .attr--item:hover .tooltip {
  background: #000;
  color: #fff;
}
#ATTR-6x2tlci3 .attr--item:hover .tooltip:after {
  background: #000;
  border-top-color: #000;
}

#ATTR-6x2tlci3 .select-wrapper {
  opacity: 0;
}

#ATTR-6x2tlci3 .select-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  pointer-events: none;
  -webkit-texts-troke: 0px #000000ff;
background: #e8eaed;
border-color: #000000ff;
border-radius: 6px 6px 6px 6px;
color: #000000d9;
font-size: 14.0px;
line-height: 20.8px;
text-align: left;
  gap: 0px;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

#ATTR-6x2tlci3 .select-overlay .select--text {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

#ATTR-6x2tlci3 .select-overlay .select--icon {
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
}
#TEXT-DATASET-abt6mbu6, .--clone-TEXT-DATASET-abt6mbu6 {
  align-self: center;
grid-column-end: 5;
grid-column-start: 4;
grid-row-end: 4;
grid-row-start: 3;
height: auto;
justify-self: start;
margin-left: 0%;
margin-top: calc(0px * 2);
width: 62.65060240963856%;
  
}
#TEXT-DATASET-abt6mbu6 .x-text,
#TEXT-DATASET-abt6mbu6 .x-text a,
.--clone-TEXT-DATASET-abt6mbu6 .x-text,
.--clone-TEXT-DATASET-abt6mbu6 .x-text a {
  --width: 62.65060240963856%;
border-color: #000000ff;
color: #4f4f4f;
font-size: 14.0px;
font-weight: 700;
height: 100%;
width: 100%;
  color: var(--active-color, #4f4f4f);
}
#TEXT-DATASET-abt6mbu6 .x-text:hover,
.--clone-TEXT-DATASET-abt6mbu6 .x-text:hover,
#TEXT-DATASET-abt6mbu6 a:hover,
.--clone-TEXT-DATASET-abt6mbu6 a:hover {
  
}

#CART-DROPPABLE-rtucs6zm {
  
  
  background: #ffffff;
  top: 0;
  right: 0;
  width: 400px;
  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-rtucs6zm.anim {
  --width: 400px;
  animation: slide-right 0.2s ease;
}
#TEXT-4wvcauwy, .--clone-TEXT-4wvcauwy {
  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%;
  
}
#TEXT-4wvcauwy .x-text,
#TEXT-4wvcauwy .x-text a,
.--clone-TEXT-4wvcauwy .x-text,
.--clone-TEXT-4wvcauwy .x-text a {
  --width: 50%;
-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));
}
#TEXT-4wvcauwy .x-text:hover,
.--clone-TEXT-4wvcauwy .x-text:hover,
#TEXT-4wvcauwy a:hover,
.--clone-TEXT-4wvcauwy a:hover {
  
}

#LINE-8z1ennbq {
  --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-8z1ennbq .line-container {
  border-color: var(--color_01);
border-style: solid;
border-width: 1.0px;
}

#TEXT-88vxksjz, .--clone-TEXT-88vxksjz {
  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: 30.305555555555557%;
  
}
#TEXT-88vxksjz .x-text,
#TEXT-88vxksjz .x-text a,
.--clone-TEXT-88vxksjz .x-text,
.--clone-TEXT-88vxksjz .x-text a {
  --width: 30.305555555555557%;
-webkit-text-stroke: 0px #000000ff;
color: var(--font_color_3);
font: var(--font_3);
font-size: 18.0px;
font-weight: 400;
height: 100%;
width: 100%;
  color: var(--active-color, var(--font_color_3));
}
#TEXT-88vxksjz .x-text:hover,
.--clone-TEXT-88vxksjz .x-text:hover,
#TEXT-88vxksjz a:hover,
.--clone-TEXT-88vxksjz a:hover {
  
}

#TEXT-DATASET-630j0rk1, .--clone-TEXT-DATASET-630j0rk1 {
  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: 40%;
  
}
#TEXT-DATASET-630j0rk1 .x-text,
#TEXT-DATASET-630j0rk1 .x-text a,
.--clone-TEXT-DATASET-630j0rk1 .x-text,
.--clone-TEXT-DATASET-630j0rk1 .x-text a {
  --width: 40%;
-webkit-text-stroke: 0px #000000ff;
border-color: #000000ff;
color: var(--color_21);
font-size: 16.0px;
font-weight: 700;
height: 100%;
text-align: right;
width: 100%;
  color: var(--active-color, var(--color_21));
}
#TEXT-DATASET-630j0rk1 .x-text:hover,
.--clone-TEXT-DATASET-630j0rk1 .x-text:hover,
#TEXT-DATASET-630j0rk1 a:hover,
.--clone-TEXT-DATASET-630j0rk1 a:hover {
  
}

#BUTTON-v34llseo {
  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-v34llseo .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-v34llseo[disabled=true] {
  display: none;
}

  #BUTTON-v34llseo{
    transition-duration: 0.1s;
    transition-delay: 0s;
    transition-property: transform;
    transition-timing-function: ease-out;
    will-change: transform;
  }
  #BUTTON-v34llseo:hover > * {
    background: var(--color_22) !important;
  }
#BUTTON-p1zjg8sv {
  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-p1zjg8sv .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-p1zjg8sv[disabled=true] {
  display: none;
}

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

#RECT-88sz6zzt {
  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-88sz6zzt .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-88sz6zzt::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-h6ez37pz {
  --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-5rnemgha {
  --width: 100%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;grid-template-columns: 86px 1fr 45px;grid-template-rows: minmax(35px, max-content) minmax(0px, max-content) minmax(35px, max-content) minmax(5px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: 0px;width: 100%;
  
}
#CART-ITEMS-5rnemgha cart-item, #CART-ITEMS-5rnemgha .cart-loading {
  grid-template-columns: 86px 1fr 45px;
  grid-template-rows: minmax(35px, max-content) minmax(0px, max-content) minmax(35px, max-content) minmax(5px, max-content);
}

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

#TEXT-DATASET-k8quti35, .--clone-TEXT-DATASET-k8quti35 {
  align-self: start;
grid-column-end: 3;
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%;
  
}
#TEXT-DATASET-k8quti35 .x-text,
#TEXT-DATASET-k8quti35 .x-text a,
.--clone-TEXT-DATASET-k8quti35 .x-text,
.--clone-TEXT-DATASET-k8quti35 .x-text a {
  --width: 100%;
border-color: #000000ff;
color: #000000ff;
font-size: 16.0px;
height: 100%;
line-height: 1.2;
width: 100%;
  color: var(--active-color, #000000ff);
}
#TEXT-DATASET-k8quti35 .x-text:hover,
.--clone-TEXT-DATASET-k8quti35 .x-text:hover,
#TEXT-DATASET-k8quti35 a:hover,
.--clone-TEXT-DATASET-k8quti35 a:hover {
  
}

#TEXT-DATASET-i2ffakc0, .--clone-TEXT-DATASET-i2ffakc0 {
  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: 96.9607858096852%;
  
}
#TEXT-DATASET-i2ffakc0 .x-text,
#TEXT-DATASET-i2ffakc0 .x-text a,
.--clone-TEXT-DATASET-i2ffakc0 .x-text,
.--clone-TEXT-DATASET-i2ffakc0 .x-text a {
  --width: 96.9607858096852%;
border-color: #000000ff;
color: #e8434c;
font-size: 14.0px;
height: 100%;
width: 100%;
  color: var(--active-color, #e8434c);
}
#TEXT-DATASET-i2ffakc0 .x-text:hover,
.--clone-TEXT-DATASET-i2ffakc0 .x-text:hover,
#TEXT-DATASET-i2ffakc0 a:hover,
.--clone-TEXT-DATASET-i2ffakc0 a:hover {
  
}


#RECT-q539zn7e {
  align-self: start;
grid-column-end: 4;
grid-column-start: 3;
grid-row-end: 2;
grid-row-start: 1;
height: 23px;
justify-self: end;
margin-right: 0%;
margin-top: 0px;
width: 23px;
  
  
  
  
}
#RECT-q539zn7e .x-rect {
  --width: 23px;
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-q539zn7e::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;
}
#QUANTITY-INPUT-8cknbxo7 {
  --width: 88px;align-self: end;grid-column-end: 4;grid-column-start: 2;grid-row-end: 4;grid-row-start: 2;height: 32px;justify-self: end;margin-bottom: 0px;margin-right: 0%;width: 88px;
  border-color: #dddddd;
border-style: solid;
border-width: 1.0px;
color: #000000d9;
  
  overflow: hidden;
  
}
#QUANTITY-INPUT-8cknbxo7 .quantity__input {
  
  
  padding-left: 25px;
  padding-right: 25px;
  
}
#QUANTITY-INPUT-8cknbxo7 .quantity__button{
  border-style: solid;
}
#QUANTITY-INPUT-8cknbxo7 .quantity__button[name="minus"] {
  
  
  width:25px;
}
#QUANTITY-INPUT-8cknbxo7 .quantity__button[name="minus"] svg {
  width: 9.3px;
}
#QUANTITY-INPUT-8cknbxo7 .quantity__button[name="plus"] {
  
  
  width:25px;
}
#QUANTITY-INPUT-8cknbxo7 .quantity__button[name="plus"] svg {
  width: 9.3px;
}
#TEXT-DATASET-sy1xf97r, .--clone-TEXT-DATASET-sy1xf97r {
  align-self: center;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 3;
grid-row-start: 2;
height: auto;
justify-self: center;
margin-left: calc(0% * 2);
margin-top: calc(0px * 2);
width: 100%;
  
}
#TEXT-DATASET-sy1xf97r .x-text,
#TEXT-DATASET-sy1xf97r .x-text a,
.--clone-TEXT-DATASET-sy1xf97r .x-text,
.--clone-TEXT-DATASET-sy1xf97r .x-text a {
  --width: 100%;
border-color: #000000ff;
color: #242424;
font-size: 14.0px;
height: 100%;
width: 100%;
  color: var(--active-color, #242424);
}
#TEXT-DATASET-sy1xf97r .x-text:hover,
.--clone-TEXT-DATASET-sy1xf97r .x-text:hover,
#TEXT-DATASET-sy1xf97r a:hover,
.--clone-TEXT-DATASET-sy1xf97r a:hover {
  
}

#CART-DROPPABLE-q2vxuwcx {
  
  
  background: #ffffff;
  top: 0;
  right: 0;
  width: 400px;
  height: var(--viewport-height, 100vh);
  grid-template-columns: 12px 1fr 12px;
  grid-template-rows: minmax(60px, max-content) minmax(10px, max-content) minmax(200px, max-content) minmax(35px, max-content) minmax(55px, max-content);
  column-gap: 0px;
  row-gap: 0px;
  overflow-x: auto;
  
}

#CART-DROPPABLE-q2vxuwcx.anim {
  --width: 400px;
  animation: slide-right 0.2s ease;
}

#IMAGE-s263gpbx {
  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-s263gpbx picture {
  --width: 80%;
border-color: #000000ff;
height: 100%;
width: 100%;
}
#IMAGE-s263gpbx img {
  object-fit: cover;
}

#TEXT-qry2d8ss, .--clone-TEXT-qry2d8ss {
  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%;
  
}
#TEXT-qry2d8ss .x-text,
#TEXT-qry2d8ss .x-text a,
.--clone-TEXT-qry2d8ss .x-text,
.--clone-TEXT-qry2d8ss .x-text a {
  --width: 50%;
-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));
}
#TEXT-qry2d8ss .x-text:hover,
.--clone-TEXT-qry2d8ss .x-text:hover,
#TEXT-qry2d8ss a:hover,
.--clone-TEXT-qry2d8ss a:hover {
  
}

#LINE-vdsizk1p {
  --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-vdsizk1p .line-container {
  border-color: var(--color_01);
border-style: solid;
border-width: 1.0px;
}

#BUTTON-4a1otwyx {
  align-self: end;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 6;
grid-row-start: 5;
height: 44px;
justify-self: center;
margin-bottom: 0px;
margin-left: calc(0% * 2);
width: 220px;
  
}
#BUTTON-4a1otwyx .x-button-wrapper {
  --width: 220px;
-webkit-text-stroke: 0px #000000ff;
background: var(--color_21);
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-4a1otwyx[disabled=true] {
  display: none;
}


#RECT-xkxa1jxp {
  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-xkxa1jxp .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-xkxa1jxp::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;
}
#TEXT-wiy87q9h, .--clone-TEXT-wiy87q9h {
  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%;
  
}
#TEXT-wiy87q9h .x-text,
#TEXT-wiy87q9h .x-text a,
.--clone-TEXT-wiy87q9h .x-text,
.--clone-TEXT-wiy87q9h .x-text a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--font_color_5);
font: var(--font_5);
font-size: 16.0px;
font-style: italic;
font-weight: 400;
height: 100%;
text-align: center;
width: 100%;
  color: var(--active-color, var(--font_color_5));
}
#TEXT-wiy87q9h .x-text:hover,
.--clone-TEXT-wiy87q9h .x-text:hover,
#TEXT-wiy87q9h a:hover,
.--clone-TEXT-wiy87q9h a:hover {
  
}