#SECTION-5wf6fmbc {
  height: auto;
  grid-template-columns: 10px 3fr 24px 2fr 10px;
  grid-template-rows: minmax(13.656900079000984px, max-content) minmax(196.38744706148975px, max-content) minmax(820px, max-content) minmax(100px, max-content) minmax(21.610886704236517px, max-content);
  column-gap: 0px;
  row-gap: 25px;
  
  
  
  
  
  
  transition: opacity 0.3s ease, visibility 0.3s ease;
  
}

#SECTION-5wf6fmbc .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: 1252;
  --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-5wf6fmbc .x-section-video-background {
  
  
}



#SECTION-5wf6fmbc .video {
  display: none;
}
#SECTION-5wf6fmbc .video-bp3 {
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: block;
}


#CONTAINER-vsfyvleq {
  --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: 2;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-64kxm5zh"], .--clone-TEXT-64kxm5zh {
  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-64kxm5zh"] .x-text,
[id^="TEXT-64kxm5zh"] .x-text a,
.--clone-TEXT-64kxm5zh .x-text,
.--clone-TEXT-64kxm5zh .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-64kxm5zh"] .x-text:hover,
.--clone-TEXT-64kxm5zh .x-text:hover,
[id^="TEXT-64kxm5zh"] a:hover,
.--clone-TEXT-64kxm5zh a:hover {
  
}

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

[id^="TEXT-DATASET-cr4g99kg"], .--clone-TEXT-DATASET-cr4g99kg {
  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-cr4g99kg"] .x-text,
[id^="TEXT-DATASET-cr4g99kg"] .x-text a,
.--clone-TEXT-DATASET-cr4g99kg .x-text,
.--clone-TEXT-DATASET-cr4g99kg .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-cr4g99kg"] .x-text:hover,
.--clone-TEXT-DATASET-cr4g99kg .x-text:hover,
[id^="TEXT-DATASET-cr4g99kg"] a:hover,
.--clone-TEXT-DATASET-cr4g99kg a:hover {
  
}

[id^="TEXT-DATASET-2e3a218r"], .--clone-TEXT-DATASET-2e3a218r {
  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-2e3a218r"] .x-text,
[id^="TEXT-DATASET-2e3a218r"] .x-text a,
.--clone-TEXT-DATASET-2e3a218r .x-text,
.--clone-TEXT-DATASET-2e3a218r .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-2e3a218r"] .x-text:hover,
.--clone-TEXT-DATASET-2e3a218r .x-text:hover,
[id^="TEXT-DATASET-2e3a218r"] a:hover,
.--clone-TEXT-DATASET-2e3a218r a:hover {
  
}

[id^="TEXT-DATASET-6dv1k5k7"], .--clone-TEXT-DATASET-6dv1k5k7 {
  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-6dv1k5k7"] .x-text,
[id^="TEXT-DATASET-6dv1k5k7"] .x-text a,
.--clone-TEXT-DATASET-6dv1k5k7 .x-text,
.--clone-TEXT-DATASET-6dv1k5k7 .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-6dv1k5k7"] .x-text:hover,
.--clone-TEXT-DATASET-6dv1k5k7 .x-text:hover,
[id^="TEXT-DATASET-6dv1k5k7"] a:hover,
.--clone-TEXT-DATASET-6dv1k5k7 a:hover {
  
}

[id^="TEXT-DATASET-fg44yhwn"], .--clone-TEXT-DATASET-fg44yhwn {
  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: 94px;
margin-right: 0%;
margin-top: calc(0px * 2);
width: auto;
  
}
[id^="TEXT-DATASET-fg44yhwn"] .x-text,
[id^="TEXT-DATASET-fg44yhwn"] .x-text a,
.--clone-TEXT-DATASET-fg44yhwn .x-text,
.--clone-TEXT-DATASET-fg44yhwn .x-text a {
  --width: 79.74137931034483%;
-webkit-text-stroke: 0px #000000ff;
border-color: #000000ff;
color: #000000ff;
font-size: 14.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-fg44yhwn"] .x-text:hover,
.--clone-TEXT-DATASET-fg44yhwn .x-text:hover,
[id^="TEXT-DATASET-fg44yhwn"] a:hover,
.--clone-TEXT-DATASET-fg44yhwn a:hover {
  
}

#QUANTITY-INPUT-bug717fn {
  --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-bug717fn .quantity__input {
  background: #ffffff;
  
  padding-left: 32px;
  padding-right: 32px;
  
}
#QUANTITY-INPUT-bug717fn .quantity__button{
  border-style: solid;
}
#QUANTITY-INPUT-bug717fn .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-bug717fn .quantity__button[name="minus"] svg {
  width: 12px;
}
#QUANTITY-INPUT-bug717fn .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-bug717fn .quantity__button[name="plus"] svg {
  width: 12px;
}

#CONTAINER-0ia64pfk {
  --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: 5;grid-column-start: 2;grid-row-end: 4;grid-row-start: 3;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: 0px;row-gap: 0px;width: 100%;
  
  
  
  
  
  border: 1px none #ffffff;


  
}

#RECT-vi7f271y {
  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-vi7f271y .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-vi7f271y::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-r5efbmwh {
  --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-4rso6r0z"], .--clone-TEXT-4rso6r0z {
  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-4rso6r0z"] .x-text,
[id^="TEXT-4rso6r0z"] .x-text a,
.--clone-TEXT-4rso6r0z .x-text,
.--clone-TEXT-4rso6r0z .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-4rso6r0z"] .x-text:hover,
.--clone-TEXT-4rso6r0z .x-text:hover,
[id^="TEXT-4rso6r0z"] a:hover,
.--clone-TEXT-4rso6r0z a:hover {
  
}

#INPUT-wqdi55cu {
  --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-wqdi55cu .input-label {
  margin-bottom: 8px;
  padding: 0 20px 0 1px;
  font-size: 14.1px;
  color: #000000;
  
}
#INPUT-wqdi55cu 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-wqdi55cu input[type="date"] {
  -webkit-text-fill-color: #000000ff;
}
#INPUT-wqdi55cu input::placeholder {
  color: #979797;
  -webkit-text-fill-color: #979797 !important;
}
#PHONE-NUMBER-yl0qltuk {
  --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-yl0qltuk .input-label {
  margin-bottom: 8px;
  padding: 0 20px 0 1px;
  font-size: 14.1px;
  color: #000000;
  
}
#PHONE-NUMBER-yl0qltuk 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-yl0qltuk input[type="date"] {
  -webkit-text-fill-color: #000000ff;
}
#PHONE-NUMBER-yl0qltuk input::placeholder {
  color: #979797;
  -webkit-text-fill-color: #979797 !important;
}
#EMAIL-x3oh5719 {
  --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-x3oh5719 .input-label {
  margin-bottom: 8px;
  padding: 0 20px 0 1px;
  font-size: 14.1px;
  color: #000000;
  
}
#EMAIL-x3oh5719 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-x3oh5719 input[type="date"] {
  -webkit-text-fill-color: #000000ff;
}
#EMAIL-x3oh5719 input::placeholder {
  color: #979797;
  -webkit-text-fill-color: #979797 !important;
}
#DETECT-ADDRESS-z8d6s7x4 {
  --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-z8d6s7x4 .input-label {
  margin-bottom: 8px;
  padding: 0 20px 0 1px;
  font-size: 14.1px;
  color: #000000;
  
}
#DETECT-ADDRESS-z8d6s7x4 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-z8d6s7x4 input[type="date"] {
  -webkit-text-fill-color: #000000ff;
}
#DETECT-ADDRESS-z8d6s7x4 input::placeholder {
  color: #979797;
  -webkit-text-fill-color: #979797 !important;
}
#ADDRESS-8b0lenjp {
  --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-8b0lenjp .input-label {
  margin-bottom: 8px;
  padding: 0 20px 0 1px;
  font-size: 14.1px;
  color: #000000;
  
}
#ADDRESS-8b0lenjp .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-s8s6z2d0 {
  --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-s8s6z2d0 .input-label {
  margin-bottom: 8px;
  padding: 0 20px 0 1px;
  font-size: 14.1px;
  color: #000000;
  
}
#ADDRESS-s8s6z2d0 .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-6prure36 {
  --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-6prure36 .input-label {
  margin-bottom: 8px;
  padding: 0 20px 0 1px;
  font-size: 14.1px;
  color: #000000;
  
}
#ADDRESS-6prure36 .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-exwdeklq {
  --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-exwdeklq .input-label {
  margin-bottom: 8px;
  padding: 0 20px 0 1px;
  font-size: 14.1px;
  color: #000000;
  
}
#TEXT-AREA-exwdeklq 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-exwdeklq textarea::placeholder {
  color: #979797;
  -webkit-text-fill-color: #979797 !important;
}

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


#CONTAINER-lv22axqz {
  --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: 2;grid-row-end: 5;grid-row-start: 4;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-75w0e52j"], .--clone-TEXT-75w0e52j {
  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-75w0e52j"] .x-text,
[id^="TEXT-75w0e52j"] .x-text a,
.--clone-TEXT-75w0e52j .x-text,
.--clone-TEXT-75w0e52j .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-75w0e52j"] .x-text:hover,
.--clone-TEXT-75w0e52j .x-text:hover,
[id^="TEXT-75w0e52j"] a:hover,
.--clone-TEXT-75w0e52j a:hover {
  
}

[id^="TEXT-i5ex2vn5"], .--clone-TEXT-i5ex2vn5 {
  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-i5ex2vn5"] .x-text,
[id^="TEXT-i5ex2vn5"] .x-text a,
.--clone-TEXT-i5ex2vn5 .x-text,
.--clone-TEXT-i5ex2vn5 .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-i5ex2vn5"] .x-text:hover,
.--clone-TEXT-i5ex2vn5 .x-text:hover,
[id^="TEXT-i5ex2vn5"] a:hover,
.--clone-TEXT-i5ex2vn5 a:hover {
  
}

[id^="TEXT-DATASET-m163qfq6"], .--clone-TEXT-DATASET-m163qfq6 {
  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-m163qfq6"] .x-text,
[id^="TEXT-DATASET-m163qfq6"] .x-text a,
.--clone-TEXT-DATASET-m163qfq6 .x-text,
.--clone-TEXT-DATASET-m163qfq6 .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-m163qfq6"] .x-text:hover,
.--clone-TEXT-DATASET-m163qfq6 .x-text:hover,
[id^="TEXT-DATASET-m163qfq6"] a:hover,
.--clone-TEXT-DATASET-m163qfq6 a:hover {
  
}

[id^="TEXT-yrene6be"], .--clone-TEXT-yrene6be {
  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-yrene6be"] .x-text,
[id^="TEXT-yrene6be"] .x-text a,
.--clone-TEXT-yrene6be .x-text,
.--clone-TEXT-yrene6be .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-yrene6be"] .x-text:hover,
.--clone-TEXT-yrene6be .x-text:hover,
[id^="TEXT-yrene6be"] a:hover,
.--clone-TEXT-yrene6be a:hover {
  
}

[id^="TEXT-DATASET-ved7s1o1"], .--clone-TEXT-DATASET-ved7s1o1 {
  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-ved7s1o1"] .x-text,
[id^="TEXT-DATASET-ved7s1o1"] .x-text a,
.--clone-TEXT-DATASET-ved7s1o1 .x-text,
.--clone-TEXT-DATASET-ved7s1o1 .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-ved7s1o1"] .x-text:hover,
.--clone-TEXT-DATASET-ved7s1o1 .x-text:hover,
[id^="TEXT-DATASET-ved7s1o1"] a:hover,
.--clone-TEXT-DATASET-ved7s1o1 a:hover {
  
}

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

[id^="TEXT-DATASET-mriy36t7"], .--clone-TEXT-DATASET-mriy36t7 {
  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-mriy36t7"] .x-text,
[id^="TEXT-DATASET-mriy36t7"] .x-text a,
.--clone-TEXT-DATASET-mriy36t7 .x-text,
.--clone-TEXT-DATASET-mriy36t7 .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-mriy36t7"] .x-text:hover,
.--clone-TEXT-DATASET-mriy36t7 .x-text:hover,
[id^="TEXT-DATASET-mriy36t7"] a:hover,
.--clone-TEXT-DATASET-mriy36t7 a:hover {
  
}

[id^="TEXT-eom6p9pb"], .--clone-TEXT-eom6p9pb {
  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-eom6p9pb"] .x-text,
[id^="TEXT-eom6p9pb"] .x-text a,
.--clone-TEXT-eom6p9pb .x-text,
.--clone-TEXT-eom6p9pb .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-eom6p9pb"] .x-text:hover,
.--clone-TEXT-eom6p9pb .x-text:hover,
[id^="TEXT-eom6p9pb"] a:hover,
.--clone-TEXT-eom6p9pb a:hover {
  
}

[id^="TEXT-DATASET-a8uqdct9"], .--clone-TEXT-DATASET-a8uqdct9 {
  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-a8uqdct9"] .x-text,
[id^="TEXT-DATASET-a8uqdct9"] .x-text a,
.--clone-TEXT-DATASET-a8uqdct9 .x-text,
.--clone-TEXT-DATASET-a8uqdct9 .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-a8uqdct9"] .x-text:hover,
.--clone-TEXT-DATASET-a8uqdct9 .x-text:hover,
[id^="TEXT-DATASET-a8uqdct9"] a:hover,
.--clone-TEXT-DATASET-a8uqdct9 a:hover {
  
}

[id^="TEXT-sp46ivb2"], .--clone-TEXT-sp46ivb2 {
  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-sp46ivb2"] .x-text,
[id^="TEXT-sp46ivb2"] .x-text a,
.--clone-TEXT-sp46ivb2 .x-text,
.--clone-TEXT-sp46ivb2 .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-sp46ivb2"] .x-text:hover,
.--clone-TEXT-sp46ivb2 .x-text:hover,
[id^="TEXT-sp46ivb2"] a:hover,
.--clone-TEXT-sp46ivb2 a:hover {
  
}

[id^="TEXT-DATASET-ov0b3r7c"], .--clone-TEXT-DATASET-ov0b3r7c {
  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-ov0b3r7c"] .x-text,
[id^="TEXT-DATASET-ov0b3r7c"] .x-text a,
.--clone-TEXT-DATASET-ov0b3r7c .x-text,
.--clone-TEXT-DATASET-ov0b3r7c .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-ov0b3r7c"] .x-text:hover,
.--clone-TEXT-DATASET-ov0b3r7c .x-text:hover,
[id^="TEXT-DATASET-ov0b3r7c"] a:hover,
.--clone-TEXT-DATASET-ov0b3r7c a:hover {
  
}

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

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

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

#PROMOTIONS-SHORT-o32ekkxh {
  --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-o32ekkxh .x-promotion-content {
  flex-direction: row;
}
#PROMOTIONS-SHORT-o32ekkxh .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-o32ekkxh .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-o32ekkxh .x-promotion-content .x-promotion-item .x-text-overlay {
  top: calc(50% + 0px);
}
#POPUP-1aymec8v {
  --top: 0px; top: var(--top);
  --left: 0; left: var(--left);
  
  background: #ffffff;
  width: 100%;
  height: auto;
  grid-template-columns: 1fr;
  grid-template-rows: minmax(80px, 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-1aymec8v.anim {
  --width: 100%;
  animation: slide-top 0.2s ease;
}
#INPUT-SEARCH-fnlljn4s {
  --width: 80%;align-self: center;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;height: 50px;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 80%;
  
}
#INPUT-SEARCH-fnlljn4s > .input-search--wrapper {
  font-size: 16.0px;
  
  border-color: rgba(0, 0, 0, 1);
  
  border-radius: 30px;
  background-color: var(--color_01);
  flex-direction: row-reverse;
}
#INPUT-SEARCH-fnlljn4s > .input-search--wrapper .btn-close {
  color: #00000073;
  fill: #00000073;
  width: 15px;
  margin: 0 5px;
}
#INPUT-SEARCH-fnlljn4s > .input-search--wrapper .input-search--input {
  padding-left: 15px;
  text-align: left;
}
#INPUT-SEARCH-fnlljn4s > .input-search--wrapper .input-search--input::placeholder {
  
}
#INPUT-SEARCH-fnlljn4s > .input-search--wrapper:hover {
  
  border-color: rgba(0, 0, 0, 1) !important;
  
  background-color: var(--color_01) !important;
}
#INPUT-SEARCH-fnlljn4s > .input-search--wrapper:focus-within {
  border-style: none;
  border-color: rgba(0, 0, 0, 1) !important;
  border-width: 1px !important;
  : solid;
  background-color: var(--color_01) !important;
}
#INPUT-SEARCH-fnlljn4s .input-search--icon {
  margin-left: 15px;
  margin-right: 15px;
  color: rgba(0, 0, 0, 1);
  height: 16px;
  width: 16px;
}
#INPUT-SEARCH-fnlljn4s .input-search--wrapper:hover .input-search--icon {
  color: rgb(0, 0, 0);
}
#INPUT-SEARCH-fnlljn4s .input-search--wrapper:focus-within .input-search--icon {
  color: rgb(0, 0, 0);
}
#INPUT-SEARCH-fnlljn4s .input-search--icon path {
  fill: rgba(0, 0, 0, 1);
}
#INPUT-SEARCH-fnlljn4s .input-search--wrapper:hover .input-search--icon path {
  fill: rgb(0, 0, 0);
}
#INPUT-SEARCH-fnlljn4s .input-search--wrapper:focus-within .input-search--icon path {
  fill: rgb(0, 0, 0);
}


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

  border:   ;


  background: var(--active-color, var(--color_04));
}
#RECT-k7yowlpe::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;
  
}
#POPUP-tayw1fa5 {
  --top: 50%; top: var(--top);
  --left: 50%; left: var(--left);
  transform: translate(-50%, -50%);
  background: #ffffff;
  width: 739.9000244140625px;
  height: auto;
  grid-template-columns: 1fr;
  grid-template-rows: minmax(237px, max-content) minmax(105px, 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-tayw1fa5.anim {
  --width: 739.9000244140625px;
  
}

#RECT-fn34aaqt {
  align-self: start;
display: none;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 2;
grid-row-start: 1;
height: 55.4px;
justify-self: center;
margin-left: calc(0% * 2);
margin-top: px;
width: 100%;
  
  
  
  
}
#RECT-fn34aaqt .x-rect {
  --width: 100%;
background: var(--color_04);
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, var(--color_04));
}
#RECT-fn34aaqt::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;
  display: none;
}

#RECT-wuk0qwzm {
  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.9462368118660216%;
margin-top: 10px;
width: 16.437943295538666px;
  
  
  
  
}
#RECT-wuk0qwzm .x-rect {
  --width: 16.437943295538666px;
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-wuk0qwzm::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-2w1dazfj {
  --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: 46.5px;width: 100%;
  height: auto;
  
}
#LINE-2w1dazfj .line-container {
  border-color: var(--color_01);
border-style: solid;
border-width: 1.0px;
}

[id^="TEXT-0bq25vh2"], .--clone-TEXT-0bq25vh2 {
  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.6216216216216215%;
margin-top: 64.10000610351562px;
width: 63.55067072687922%;
  
}
[id^="TEXT-0bq25vh2"] .x-text,
[id^="TEXT-0bq25vh2"] .x-text a,
.--clone-TEXT-0bq25vh2 .x-text,
.--clone-TEXT-0bq25vh2 .x-text a {
  --width: 63.55067072687922%;
-webkit-text-stroke: 0px #000000ff;
color: var(--font_color_4);
font: var(--font_4);
font-size: 17.0px;
font-weight: 400;
height: 100%;
width: 100%;
  color: var(--active-color, var(--font_color_4));
}
[id^="TEXT-0bq25vh2"] .x-text:hover,
.--clone-TEXT-0bq25vh2 .x-text:hover,
[id^="TEXT-0bq25vh2"] a:hover,
.--clone-TEXT-0bq25vh2 a:hover {
  
}


#RECT-4qpo8szi {
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 2;
grid-row-start: 1;
height: 49.7px;
justify-self: center;
margin-left: calc(0.1224620922191723% * 2);
margin-top: 94.03750610351562px;
width: 97.01182597392314%;
  
  
  
  
}
#RECT-4qpo8szi .x-rect {
  --width: 97.01182597392314%;
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-4qpo8szi::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-rf6kkt30"], .--clone-TEXT-rf6kkt30 {
  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: 2.856412320523649%;
margin-top: calc(0.3874998092651367px * 2);
width: 15.131759643554688%;
  
}
[id^="TEXT-rf6kkt30"] .x-text,
[id^="TEXT-rf6kkt30"] .x-text a,
.--clone-TEXT-rf6kkt30 .x-text,
.--clone-TEXT-rf6kkt30 .x-text a {
  --width: 15.131759643554688%;
-webkit-text-stroke: 0px #000000ff;
color: var(--font_color_5);
font: var(--font_5);
height: 100%;
width: 100%;
  color: var(--active-color, var(--font_color_5));
}
[id^="TEXT-rf6kkt30"] .x-text:hover,
.--clone-TEXT-rf6kkt30 .x-text:hover,
[id^="TEXT-rf6kkt30"] a:hover,
.--clone-TEXT-rf6kkt30 a:hover {
  
}

[id^="TEXT-ji1urkyy"], .--clone-TEXT-ji1urkyy {
  align-self: center;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 2;
grid-row-start: 1;
height: auto;
justify-self: end;
margin-bottom: calc(0.42498779296875px * 2);
margin-right: 37.310815759607266%;
width: 11.749996494602511%;
  
}
[id^="TEXT-ji1urkyy"] .x-text,
[id^="TEXT-ji1urkyy"] .x-text a,
.--clone-TEXT-ji1urkyy .x-text,
.--clone-TEXT-ji1urkyy .x-text a {
  --width: 11.749996494602511%;
-webkit-text-stroke: 0px #000000ff;
color: var(--font_color_5);
font: var(--font_5);
height: 100%;
width: 100%;
  color: var(--active-color, var(--font_color_5));
}
[id^="TEXT-ji1urkyy"] .x-text:hover,
.--clone-TEXT-ji1urkyy .x-text:hover,
[id^="TEXT-ji1urkyy"] a:hover,
.--clone-TEXT-ji1urkyy a:hover {
  
}

[id^="TEXT-9xs84iig"], .--clone-TEXT-9xs84iig {
  align-self: center;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 2;
grid-row-start: 1;
height: auto;
justify-self: end;
margin-right: 22.951021452207826%;
margin-top: calc(0.175018310546875px * 2);
width: 12.429054363353831%;
  
}
[id^="TEXT-9xs84iig"] .x-text,
[id^="TEXT-9xs84iig"] .x-text a,
.--clone-TEXT-9xs84iig .x-text,
.--clone-TEXT-9xs84iig .x-text a {
  --width: 12.429054363353831%;
-webkit-text-stroke: 0px #000000ff;
color: var(--font_color_5);
font: var(--font_5);
height: 100%;
width: 100%;
  color: var(--active-color, var(--font_color_5));
}
[id^="TEXT-9xs84iig"] .x-text:hover,
.--clone-TEXT-9xs84iig .x-text:hover,
[id^="TEXT-9xs84iig"] a:hover,
.--clone-TEXT-9xs84iig a:hover {
  
}

[id^="TEXT-2rl29sfo"], .--clone-TEXT-2rl29sfo {
  align-self: center;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 2;
grid-row-start: 1;
height: auto;
justify-self: end;
margin-right: 7.138515163112332%;
margin-top: calc(0.3874998092651367px * 2);
width: 13.952702702702702%;
  
}
[id^="TEXT-2rl29sfo"] .x-text,
[id^="TEXT-2rl29sfo"] .x-text a,
.--clone-TEXT-2rl29sfo .x-text,
.--clone-TEXT-2rl29sfo .x-text a {
  --width: 13.952702702702702%;
-webkit-text-stroke: 0px #000000ff;
color: var(--font_color_5);
font: var(--font_5);
height: 100%;
width: 100%;
  color: var(--active-color, var(--font_color_5));
}
[id^="TEXT-2rl29sfo"] .x-text:hover,
.--clone-TEXT-2rl29sfo .x-text:hover,
[id^="TEXT-2rl29sfo"] a:hover,
.--clone-TEXT-2rl29sfo a:hover {
  
}

#CART-ITEMS-i3qdmmoe {
  --width: 96.98480142129434%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;grid-template-columns: 70px 1.621fr 101px 108px 150px;grid-template-rows: minmax(33px, max-content) minmax(39px, max-content);height: auto;justify-self: center;margin-left: calc(0.11064065469277871% * 2);margin-top: 154.4px;width: 96.98480142129434%;
  
}
#CART-ITEMS-i3qdmmoe cart-item, #CART-ITEMS-i3qdmmoe .cart-loading {
  grid-template-columns: 70px 1.621fr 101px 108px 150px;
  grid-template-rows: minmax(33px, max-content) minmax(39px, max-content);
}

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

[id^="TEXT-DATASET-pi93aoqd"], .--clone-TEXT-DATASET-pi93aoqd {
  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: px;
width: 99.99289772727272%;
  
}
[id^="TEXT-DATASET-pi93aoqd"] .x-text,
[id^="TEXT-DATASET-pi93aoqd"] .x-text a,
.--clone-TEXT-DATASET-pi93aoqd .x-text,
.--clone-TEXT-DATASET-pi93aoqd .x-text a {
  --width: 99.99289772727272%;
color: #000000ff;
font-size: 16.0px;
height: 100%;
text-transform: uppercase;
width: 100%;
  color: var(--active-color, #000000ff);
}
[id^="TEXT-DATASET-pi93aoqd"] .x-text:hover,
.--clone-TEXT-DATASET-pi93aoqd .x-text:hover,
[id^="TEXT-DATASET-pi93aoqd"] a:hover,
.--clone-TEXT-DATASET-pi93aoqd a:hover {
  
}

[id^="TEXT-DATASET-nxxd1p2l"], .--clone-TEXT-DATASET-nxxd1p2l {
  align-self: start;
grid-column-end: 4;
grid-column-start: 3;
grid-row-end: 2;
grid-row-start: 1;
height: auto;
justify-self: center;
margin-right: calc(0.2346843855706435% * 2);
margin-top: px;
width: 85.05038788592091%;
  
}
[id^="TEXT-DATASET-nxxd1p2l"] .x-text,
[id^="TEXT-DATASET-nxxd1p2l"] .x-text a,
.--clone-TEXT-DATASET-nxxd1p2l .x-text,
.--clone-TEXT-DATASET-nxxd1p2l .x-text a {
  --width: 85.05038788592091%;
color: var(--color_22);
font-size: 14.0px;
height: 100%;
width: 100%;
  color: var(--active-color, var(--color_22));
}
[id^="TEXT-DATASET-nxxd1p2l"] .x-text:hover,
.--clone-TEXT-DATASET-nxxd1p2l .x-text:hover,
[id^="TEXT-DATASET-nxxd1p2l"] a:hover,
.--clone-TEXT-DATASET-nxxd1p2l a:hover {
  
}

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


#RECT-lqjs15a2 {
  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: px;
width: 20px;
  
  
  
  
}
#RECT-lqjs15a2 .x-rect {
  --width: 20px;
background: rgba(0, 0, 0, 1);
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, rgba(0, 0, 0, 1));
}
#RECT-lqjs15a2::before {
  content: "";
  border-color: ;
  border-style: ;
  border-width: ;
  border-radius: inherit;
  border:   ;


  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  
}
[id^="TEXT-8w53ul5y"], .--clone-TEXT-8w53ul5y {
  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.5405355917440875%;
margin-top: 11.3px;
width: 29.859798534496413%;
  
}
[id^="TEXT-8w53ul5y"] .x-text,
[id^="TEXT-8w53ul5y"] .x-text a,
.--clone-TEXT-8w53ul5y .x-text,
.--clone-TEXT-8w53ul5y .x-text a {
  --width: 29.859798534496413%;
-webkit-text-stroke: 0px #000000ff;
color: var(--color_13);
font: var(--font_6);
font-size: 16.0px;
height: 100%;
width: 100%;
  color: var(--active-color, var(--color_13));
}
[id^="TEXT-8w53ul5y"] .x-text:hover,
.--clone-TEXT-8w53ul5y .x-text:hover,
[id^="TEXT-8w53ul5y"] a:hover,
.--clone-TEXT-8w53ul5y a:hover {
  
}

[id^="TEXT-xaj05ydt"], .--clone-TEXT-xaj05ydt {
  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: 14.084460284258869%;
margin-top: 11.53753662109375px;
width: 15.368244068042651%;
  
}
[id^="TEXT-xaj05ydt"] .x-text,
[id^="TEXT-xaj05ydt"] .x-text a,
.--clone-TEXT-xaj05ydt .x-text,
.--clone-TEXT-xaj05ydt .x-text a {
  --width: 15.368244068042651%;
-webkit-text-stroke: 0px #000000ff;
color: var(--font_color_6);
font: var(--font_6);
font-size: 16.0px;
height: 100%;
width: 100%;
  color: var(--active-color, var(--font_color_6));
}
[id^="TEXT-xaj05ydt"] .x-text:hover,
.--clone-TEXT-xaj05ydt .x-text:hover,
[id^="TEXT-xaj05ydt"] a:hover,
.--clone-TEXT-xaj05ydt a:hover {
  
}

[id^="TEXT-DATASET-rt374db8"], .--clone-TEXT-DATASET-rt374db8 {
  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.4645241402290965%;
margin-top: 11.53753662109375px;
width: 14.91893046611064%;
  
}
[id^="TEXT-DATASET-rt374db8"] .x-text,
[id^="TEXT-DATASET-rt374db8"] .x-text a,
.--clone-TEXT-DATASET-rt374db8 .x-text,
.--clone-TEXT-DATASET-rt374db8 .x-text a {
  --width: 14.91893046611064%;
-webkit-text-stroke: 0px #000000ff;
color: var(--color_34);
font-size: 16.0px;
font-weight: 700;
height: 100%;
text-align: left;
width: 100%;
  color: var(--active-color, var(--color_34));
}
[id^="TEXT-DATASET-rt374db8"] .x-text:hover,
.--clone-TEXT-DATASET-rt374db8 .x-text:hover,
[id^="TEXT-DATASET-rt374db8"] a:hover,
.--clone-TEXT-DATASET-rt374db8 a:hover {
  
}

#BUTTON-ip2vpx67 {
  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-left: calc(0.1173957618507179% * 2);
margin-top: 51.13751220703125px;
width: 97.16046719937712%;
  
}
#BUTTON-ip2vpx67 .x-button-wrapper {
  --width: 97.16046719937712%;
-webkit-text-stroke: 0px #000000ff;
background: #181818ff;
border-color: #000000ff;
border-radius: 0px 0px 0px 0px;
color: #ffffffff;
font-size: 14.0px;
font-weight: 700;
height: 100%;
text-align: center;
width: 100%;
  border:   ;


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

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

#RECT-w3wwcnn3 {
  align-self: start;
display: none;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 2;
grid-row-start: 1;
height: 39.20000076293945px;
justify-self: start;
margin-left: 2.5%;
margin-top: 8px;
width: 12.25000023841858%;
  
  
  
  
}
#RECT-w3wwcnn3 .x-rect {
  --width: 12.25000023841858%;
background: var(--color_00);
border-color: #000000ff;
height: 100%;
width: 100%;
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgY2xhc3M9ImNoZWNrYm94LW1hcmtlZC1jaXJjbGUiPjxwYXRoIGQ9Ik0xMCwxN0w1LDEyTDYuNDEsMTAuNThMMTAsMTQuMTdMMTcuNTksNi41OEwxOSw4TTEyLDJBMTAsMTAgMCAwLDAgMiwxMkExMCwxMCAwIDAsMCAxMiwyMkExMCwxMCAwIDAsMCAyMiwxMkExMCwxMCAwIDAsMCAxMiwyWiI+PC9wYXRoPjwvc3ZnPg==);
-webkit-mask-position: 0% 0%;
-webkit-mask-size: 100% 100%;

  border:   ;


  background: var(--active-color, var(--color_00));
}
#RECT-w3wwcnn3::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;
  display: none;
}
[id^="TEXT-8bqx6ifz"], .--clone-TEXT-8bqx6ifz {
  align-self: start;
display: none;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 2;
grid-row-start: 1;
height: auto;
justify-self: center;
margin-left: calc(3.9667952060699463% * 2);
margin-top: 17px;
width: 75.00390291213989%;
  
}
[id^="TEXT-8bqx6ifz"] .x-text,
[id^="TEXT-8bqx6ifz"] .x-text a,
.--clone-TEXT-8bqx6ifz .x-text,
.--clone-TEXT-8bqx6ifz .x-text a {
  --width: 75.00390291213989%;
-webkit-text-stroke: 0px #000000ff;
color: var(--color_00);
font: var(--font_6);
font-size: 15.0px;
height: 100%;
width: 100%;
  color: var(--active-color, var(--color_00));
}
[id^="TEXT-8bqx6ifz"] .x-text:hover,
.--clone-TEXT-8bqx6ifz .x-text:hover,
[id^="TEXT-8bqx6ifz"] a:hover,
.--clone-TEXT-8bqx6ifz a:hover {
  
}

#BUTTON-k5gv0riy {
  align-self: start;
display: none;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 3;
grid-row-start: 2;
height: 45.6px;
justify-self: center;
margin-left: calc(0% * 2);
margin-top: 51.55000019073486px;
width: 95%;
  
}
#BUTTON-k5gv0riy .x-button-wrapper {
  --width: 95%;
-webkit-text-stroke: 0px #000000ff;
background: var(--color_00);
border-color: #000000ff;
border-radius: 0px 0px 0px 0px;
border-style: solid;
border-width: 1.0px;
color: var(--color_04);
font-size: 14.0px;
font-weight: 400;
height: 100%;
text-align: center;
width: 100%;
  border:   ;


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


#CONTAINER-2qi6zajz {
  --bg: var(--color_00);
  background: var(--color_00);
border-color: #000000ff;
  --width: 76.26687848890151%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;grid-template-columns: 144px 1fr 165px;grid-template-rows: minmax(39.19999408721924px, max-content);height: 39px;justify-self: start;margin-left: 0.9831031593116556%;margin-top: 8.300018310546875px;width: 76.26687848890151%;
  
  
  
  
  
  border:   #000000ff;


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

[id^="TEXT-DATASET-b0mo1sv7"], .--clone-TEXT-DATASET-b0mo1sv7 {
  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.6475609469126506%;
margin-top: calc(0px * 2);
width: 94.52009195167264%;
  
}
[id^="TEXT-DATASET-b0mo1sv7"] .x-text,
[id^="TEXT-DATASET-b0mo1sv7"] .x-text a,
.--clone-TEXT-DATASET-b0mo1sv7 .x-text,
.--clone-TEXT-DATASET-b0mo1sv7 .x-text a {
  --width: 94.52009195167264%;
-webkit-text-stroke: 0px #000000ff;
color: var(--color_34);
font-size: 17.0px;
height: 100%;
text-transform: uppercase;
width: 100%;
  color: var(--active-color, var(--color_34));
}
[id^="TEXT-DATASET-b0mo1sv7"] .x-text:hover,
.--clone-TEXT-DATASET-b0mo1sv7 .x-text:hover,
[id^="TEXT-DATASET-b0mo1sv7"] a:hover,
.--clone-TEXT-DATASET-b0mo1sv7 a:hover {
  
}

[id^="TEXT-g1pzxo97"], .--clone-TEXT-g1pzxo97 {
  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: 1.2348336884469695%;
margin-top: calc(0.29998779296875px * 2);
width: 94.89314085610332%;
  
}
[id^="TEXT-g1pzxo97"] .x-text,
[id^="TEXT-g1pzxo97"] .x-text a,
.--clone-TEXT-g1pzxo97 .x-text,
.--clone-TEXT-g1pzxo97 .x-text a {
  --width: 94.89314085610332%;
-webkit-text-stroke: 0px #000000ff;
color: var(--font_color_6);
font: var(--font_6);
font-size: 17.0px;
height: 100%;
width: 100%;
  color: var(--active-color, var(--font_color_6));
}
[id^="TEXT-g1pzxo97"] .x-text:hover,
.--clone-TEXT-g1pzxo97 .x-text:hover,
[id^="TEXT-g1pzxo97"] a:hover,
.--clone-TEXT-g1pzxo97 a:hover {
  
}

#POPUP-ssk40s5y {
  --top: 50%; top: var(--top);
  --left: 0; left: var(--left);
  transform: translateY(-50%);
  background: #ffffff;
  width: 320px;
  height: 100%;
  grid-template-columns: 10px 1fr 10px;
  grid-template-rows: minmax(60px, max-content) minmax(0%, calc(100% - 60px));
  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-ssk40s5y.anim {
  --width: 320px;
  animation: slide-center_y-left 0.5s ease;
}
[id^="TEXT-hpco4tjw"], .--clone-TEXT-hpco4tjw {
  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: 76.66666666666667%;
  
}
[id^="TEXT-hpco4tjw"] .x-text,
[id^="TEXT-hpco4tjw"] .x-text a,
.--clone-TEXT-hpco4tjw .x-text,
.--clone-TEXT-hpco4tjw .x-text a {
  --width: 76.66666666666667%;
-webkit-text-stroke: 0px #000000ff;
color: var(--font_color_4);
font: var(--font_4);
font-size: 20.0px;
height: 100%;
width: 100%;
  color: var(--active-color, var(--font_color_4));
}
[id^="TEXT-hpco4tjw"] .x-text:hover,
.--clone-TEXT-hpco4tjw .x-text:hover,
[id^="TEXT-hpco4tjw"] a:hover,
.--clone-TEXT-hpco4tjw a:hover {
  
}


#RECT-t1z6a7kt {
  align-self: center;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 2;
grid-row-start: 1;
height: 27px;
justify-self: end;
margin-right: 0%;
margin-top: calc(0px * 2);
width: 27px;
  
  
  
  
}
#RECT-t1z6a7kt .x-rect {
  --width: 27px;
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-t1z6a7kt::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;
  
}
#CHECKBOX-GROUP-copat9mm {
  --width: 93%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;height: auto;justify-self: start;margin-left: 0%;margin-top: 125.99999237060548px;width: 93%;
  --icon-color: #0075fffe01;
  
}
#CHECKBOX-GROUP-copat9mm .checked {
  width: 16px;
  height: 16px;
  margin-right: 16px;
  border-radius: 0px;
  border: 1px solid #000;
}
#CHECKBOX-GROUP-copat9mm label {
  flex-basis: 50.0%;
}
#CHECKBOX-GROUP-copat9mm .checkbox-group--wrapper {
  -webkit-text-stroke: 0px #000000ff;
color: #000000d9;
font-size: 16.0px;
  row-gap: 17px;
}
[id^="TEXT-lg6kvnlz"], .--clone-TEXT-lg6kvnlz {
  align-self: start;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 3;
grid-row-start: 2;
height: auto;
justify-self: start;
margin-left: 0%;
margin-top: -7.62939453125e-6px;
width: 95.31773085578229%;
  
}
[id^="TEXT-lg6kvnlz"] .x-text,
[id^="TEXT-lg6kvnlz"] .x-text a,
.--clone-TEXT-lg6kvnlz .x-text,
.--clone-TEXT-lg6kvnlz .x-text a {
  --width: 95.31773085578229%;
-webkit-text-stroke: 0px #000000ff;
color: var(--font_color_5);
font: var(--font_5);
font-size: 16.0px;
font-weight: 700;
height: 100%;
width: 100%;
  color: var(--active-color, var(--font_color_5));
}
[id^="TEXT-lg6kvnlz"] .x-text:hover,
.--clone-TEXT-lg6kvnlz .x-text:hover,
[id^="TEXT-lg6kvnlz"] a:hover,
.--clone-TEXT-lg6kvnlz a:hover {
  
}

[id^="TEXT-5vjtx533"], .--clone-TEXT-5vjtx533 {
  align-self: start;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 3;
grid-row-start: 2;
height: auto;
justify-self: start;
margin-left: 0.14815266927083334%;
margin-top: 94.99999237060548px;
width: 95.2252587492939%;
  
}
[id^="TEXT-5vjtx533"] .x-text,
[id^="TEXT-5vjtx533"] .x-text a,
.--clone-TEXT-5vjtx533 .x-text,
.--clone-TEXT-5vjtx533 .x-text a {
  --width: 95.2252587492939%;
-webkit-text-stroke: 0px #000000ff;
color: var(--font_color_5);
font: var(--font_5);
font-size: 16.0px;
font-weight: 700;
height: 100%;
width: 100%;
  color: var(--active-color, var(--font_color_5));
}
[id^="TEXT-5vjtx533"] .x-text:hover,
.--clone-TEXT-5vjtx533 .x-text:hover,
[id^="TEXT-5vjtx533"] a:hover,
.--clone-TEXT-5vjtx533 a:hover {
  
}

#TWO-POINT-RANGE-esvay0dq {
  --width: 93%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;height: 45px;justify-self: start;margin-left: 0%;margin-top: 29.99999237060547px;width: 93%;
}
#TWO-POINT-RANGE-esvay0dq .two-point--slider-range {
  background-color: #dfdfdf;
}

#TWO-POINT-RANGE-esvay0dq .two-point--slider-range .cursor-pointer {
  width: 22px;
  height: 22px;
  top: -9.0px;
  left: -11.0px;
  cursor: ew-resize;
  background: transparent;
  border-radius: 0;
}

#TWO-POINT-RANGE-esvay0dq .two-point--slider-range .cursor-pointer .display {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 12px !important;
  height: 12px !important;
  border-radius: 50% !important;
  background-color: #000000;
}

#TWO-POINT-RANGE-esvay0dq .two-point--slider-range .two-point--slider-left,
#TWO-POINT-RANGE-esvay0dq .two-point--slider-range .two-point--slider-right {
  height: 4px;
}

#TWO-POINT-RANGE-esvay0dq .two-point--slider-range .two-point--slider-left {
  background-color: #000000;
}

#TWO-POINT-RANGE-esvay0dq .two-point--slider-min span,
#TWO-POINT-RANGE-esvay0dq .two-point--slider-max span{
  -webkit-text-stroke: 0px rgba(0, 0, 0, 1);
color: #000000d9;
font-size: 16.0px;
}
#CART-DROPPABLE-6mdfso6p {
  
  
  background: #ffffff;
  top: 0;
  right: 0;
  width: 450px;
  height: var(--viewport-height, 100vh);
  grid-template-columns: 12px 1fr 12px;
  grid-template-rows: minmax(50px, max-content) minmax(20px, max-content) minmax(0%, calc(100% - 200px)) minmax(40px, max-content) minmax(35px, max-content) minmax(55px, max-content);
  column-gap: 0px;
  row-gap: 0px;
  overflow-x: auto;
  
}

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

#LINE-kvfn53zh {
  --width: 100%;align-self: center;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: calc(0px * 2);width: 100%;
  height: auto;
  
}
#LINE-kvfn53zh .line-container {
  border-color: var(--color_01);
border-style: solid;
border-width: 1.0px;
}

[id^="TEXT-9u252p82"], .--clone-TEXT-9u252p82 {
  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: 42.572062084257205%;
  
}
[id^="TEXT-9u252p82"] .x-text,
[id^="TEXT-9u252p82"] .x-text a,
.--clone-TEXT-9u252p82 .x-text,
.--clone-TEXT-9u252p82 .x-text a {
  --width: 42.572062084257205%;
-webkit-text-stroke: 0px #000000ff;
color: var(--font_color_4);
font: var(--font_4);
font-family: 'Roboto', sans-serif;
font-size: 15.0px;
font-weight: 400;
height: 100%;
width: 100%;
  color: var(--active-color, var(--font_color_4));
}
[id^="TEXT-9u252p82"] .x-text:hover,
.--clone-TEXT-9u252p82 .x-text:hover,
[id^="TEXT-9u252p82"] a:hover,
.--clone-TEXT-9u252p82 a:hover {
  
}

[id^="TEXT-DATASET-uaqjo80b"], .--clone-TEXT-DATASET-uaqjo80b {
  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.882907383004834%;
  
}
[id^="TEXT-DATASET-uaqjo80b"] .x-text,
[id^="TEXT-DATASET-uaqjo80b"] .x-text a,
.--clone-TEXT-DATASET-uaqjo80b .x-text,
.--clone-TEXT-DATASET-uaqjo80b .x-text a {
  --width: 46.882907383004834%;
-webkit-text-stroke: 0px #000000ff;
border-color: #000000ff;
color: var(--color_04);
font-family: 'Roboto', sans-serif;
font-size: 23.0px;
height: 100%;
text-align: right;
width: 100%;
  color: var(--active-color, var(--color_04));
}
[id^="TEXT-DATASET-uaqjo80b"] .x-text:hover,
.--clone-TEXT-DATASET-uaqjo80b .x-text:hover,
[id^="TEXT-DATASET-uaqjo80b"] a:hover,
.--clone-TEXT-DATASET-uaqjo80b a:hover {
  
}

#BUTTON-5lf1fda3 {
  align-self: center;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 7;
grid-row-start: 6;
height: 38px;
justify-self: start;
margin-left: 0px;
margin-top: calc(0px * 2);
width: 49.00000000000001%;
  
}
#BUTTON-5lf1fda3 .x-button-wrapper {
  --width: 49.00000000000001%;
-webkit-text-stroke: 0px var(--color_04);
background: var(--color_00);
border-color: #dddddd;
border-radius: 4px;
border-style: solid;
border-width: 1.0px;
color: var(--color_04);
font-family: 'Roboto', sans-serif;
font-size: 15.0px;
font-weight: 400;
height: 100%;
line-height: 1.5;
text-align: center;
text-decoration: underline;
width: 100%;
  border:   ;
border-top-style: unset;border-right-style: unset;border-bottom-style: unset;border-left-style: unset;

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

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


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

  #BUTTON-t4yagnae{
    transition-duration: 0.1s;
    transition-delay: 0s;
    transition-property: transform;
    transition-timing-function: ease-out;
    will-change: transform;
  }
  #BUTTON-t4yagnae:hover > * {
    background: var(--color_34) !important;
  }
[id^="TEXT-5qdea9tf"], .--clone-TEXT-5qdea9tf {
  align-self: center;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 6;
grid-row-start: 5;
height: auto;
justify-self: center;
margin-left: calc(0% * 2);
margin-top: calc(0px * 2);
width: 100%;
  
}
[id^="TEXT-5qdea9tf"] .x-text,
[id^="TEXT-5qdea9tf"] .x-text a,
.--clone-TEXT-5qdea9tf .x-text,
.--clone-TEXT-5qdea9tf .x-text a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--font_color_6);
font: var(--font_6);
font-family: 'Roboto', sans-serif;
font-size: 14.0px;
font-style: italic;
height: 100%;
text-align: center;
text-decoration: initial;
width: 100%;
  color: var(--active-color, var(--font_color_6));
}
[id^="TEXT-5qdea9tf"] .x-text:hover,
.--clone-TEXT-5qdea9tf .x-text:hover,
[id^="TEXT-5qdea9tf"] a:hover,
.--clone-TEXT-5qdea9tf a:hover {
  
}


#CONTAINER-usvrauz5 {
  --bg: var(--color_00);
  background: var(--color_00);
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-85a2eujr {
  --width: 100%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;grid-template-columns: 110px 1fr 120px;grid-template-rows: minmax(40px, max-content) minmax(30px, max-content) minmax(50px, max-content) minmax(15px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: 0px;width: 100%;
  
}
#CART-ITEMS-85a2eujr cart-item, #CART-ITEMS-85a2eujr .cart-loading {
  grid-template-columns: 110px 1fr 120px;
  grid-template-rows: minmax(40px, max-content) minmax(30px, max-content) minmax(50px, max-content) minmax(15px, max-content);
}

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

[id^="TEXT-DATASET-b6kd7e84"], .--clone-TEXT-DATASET-b6kd7e84 {
  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.99289772727272%;
  
}
[id^="TEXT-DATASET-b6kd7e84"] .x-text,
[id^="TEXT-DATASET-b6kd7e84"] .x-text a,
.--clone-TEXT-DATASET-b6kd7e84 .x-text,
.--clone-TEXT-DATASET-b6kd7e84 .x-text a {
  --width: 99.99289772727272%;
border-color: #000000ff;
color: #000000ff;
font-size: 16.0px;
height: 100%;
line-height: 1.6;
width: 100%;
  color: var(--active-color, #000000ff);
}
[id^="TEXT-DATASET-b6kd7e84"] .x-text:hover,
.--clone-TEXT-DATASET-b6kd7e84 .x-text:hover,
[id^="TEXT-DATASET-b6kd7e84"] a:hover,
.--clone-TEXT-DATASET-b6kd7e84 a:hover {
  
}

#QUANTITY-INPUT-c0l7ltn3 {
  --width: 100px;align-self: center;grid-column-end: 3;grid-column-start: 2;grid-row-end: 4;grid-row-start: 3;height: 36px;justify-self: start;margin-left: 0%;margin-top: calc(0px * 2);width: 100px;
  border-color: #000000ff;
border-style: none;
border-width: 1.0px;
color: #000000d9;
  
  overflow: hidden;
  
}
#QUANTITY-INPUT-c0l7ltn3 .quantity__input {
  
  
  padding-left: 30px;
  padding-right: 30px;
  
}
#QUANTITY-INPUT-c0l7ltn3 .quantity__button{
  border-style: solid;
}
#QUANTITY-INPUT-c0l7ltn3 .quantity__button[name="minus"] {
  
  
  width:30px;
}
#QUANTITY-INPUT-c0l7ltn3 .quantity__button[name="minus"] svg {
  width: 9.3px;
}
#QUANTITY-INPUT-c0l7ltn3 .quantity__button[name="plus"] {
  
  
  width:30px;
}
#QUANTITY-INPUT-c0l7ltn3 .quantity__button[name="plus"] svg {
  width: 9.3px;
}
[id^="TEXT-DATASET-17dhxat7"], .--clone-TEXT-DATASET-17dhxat7 {
  align-self: center;
grid-column-end: 4;
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-17dhxat7"] .x-text,
[id^="TEXT-DATASET-17dhxat7"] .x-text a,
.--clone-TEXT-DATASET-17dhxat7 .x-text,
.--clone-TEXT-DATASET-17dhxat7 .x-text a {
  --width: 100%;
border-color: #000000ff;
color: #000000ff;
font-size: 16.0px;
height: 100%;
text-align: right;
width: 100%;
  color: var(--active-color, #000000ff);
}
[id^="TEXT-DATASET-17dhxat7"] .x-text:hover,
.--clone-TEXT-DATASET-17dhxat7 .x-text:hover,
[id^="TEXT-DATASET-17dhxat7"] a:hover,
.--clone-TEXT-DATASET-17dhxat7 a:hover {
  
}

[id^="TEXT-9i6grovc"], .--clone-TEXT-9i6grovc {
  align-self: center;
grid-column-end: 4;
grid-column-start: 3;
grid-row-end: 2;
grid-row-start: 1;
height: auto;
justify-self: end;
margin-right: 0%;
margin-top: calc(5.7220458984375e-6px * 2);
width: 50px;
  
}
[id^="TEXT-9i6grovc"] .x-text,
[id^="TEXT-9i6grovc"] .x-text a,
.--clone-TEXT-9i6grovc .x-text,
.--clone-TEXT-9i6grovc .x-text a {
  --width: 50px;
-webkit-text-stroke: 0px #000000ff;
color: var(--font_color_5);
font: var(--font_5);
font-family: 'Averta - Regular', sans-serif;
font-weight: 400;
height: 100%;
text-align: right;
text-decoration: underline;
width: 100%;
  color: var(--active-color, var(--font_color_5));
}
[id^="TEXT-9i6grovc"] .x-text:hover,
.--clone-TEXT-9i6grovc .x-text:hover,
[id^="TEXT-9i6grovc"] a:hover,
.--clone-TEXT-9i6grovc a:hover {
  
}

[id^="TEXT-DATASET-j802u56w"], .--clone-TEXT-DATASET-j802u56w {
  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%;
  
}
[id^="TEXT-DATASET-j802u56w"] .x-text,
[id^="TEXT-DATASET-j802u56w"] .x-text a,
.--clone-TEXT-DATASET-j802u56w .x-text,
.--clone-TEXT-DATASET-j802u56w .x-text a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
border-color: #000000ff;
color: #000000ff;
font-size: 14.0px;
height: 100%;
text-align: left;
width: 100%;
  color: var(--active-color, #000000ff);
}
[id^="TEXT-DATASET-j802u56w"] .x-text:hover,
.--clone-TEXT-DATASET-j802u56w .x-text:hover,
[id^="TEXT-DATASET-j802u56w"] a:hover,
.--clone-TEXT-DATASET-j802u56w a:hover {
  
}


#RECT-xcaijdej {
  align-self: center;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 3;
grid-row-start: 1;
height: 28px;
justify-self: end;
margin-bottom: calc(3px * 2);
margin-right: 0%;
width: 28px;
  
  
  
  
}
#RECT-xcaijdej .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-xcaijdej::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-2eioyxdv {
  
  
  background: #ffffff;
  top: 0;
  right: 0;
  width: 450px;
  height: var(--viewport-height, 100vh);
  grid-template-columns: 12px 1fr 12px;
  grid-template-rows: minmax(50px, max-content) minmax(20px, max-content) minmax(50px, max-content) minmax(45px, max-content);
  column-gap: 0px;
  row-gap: 0px;
  overflow-x: auto;
  
}

#CART-DROPPABLE-2eioyxdv.anim {
  --width: 450px;
  animation: slide-right 0.2s ease;
}
[id^="TEXT-jahbcx14"], .--clone-TEXT-jahbcx14 {
  align-self: center;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 3;
grid-row-start: 1;
height: auto;
justify-self: start;
margin-left: 0%;
margin-top: calc(0px * 2);
width: 31.11111111111111%;
  
}
[id^="TEXT-jahbcx14"] .x-text,
[id^="TEXT-jahbcx14"] .x-text a,
.--clone-TEXT-jahbcx14 .x-text,
.--clone-TEXT-jahbcx14 .x-text a {
  --width: 31.11111111111111%;
-webkit-text-stroke: 0px #000000ff;
color: var(--font_color_6);
font: var(--font_6);
font-family: 'Roboto', sans-serif;
font-size: 16.0px;
font-weight: 700;
height: 100%;
width: 100%;
  color: var(--active-color, var(--font_color_6));
}
[id^="TEXT-jahbcx14"] .x-text:hover,
.--clone-TEXT-jahbcx14 .x-text:hover,
[id^="TEXT-jahbcx14"] a:hover,
.--clone-TEXT-jahbcx14 a:hover {
  
}

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

#BUTTON-w18gv5qj {
  align-self: start;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 5;
grid-row-start: 4;
height: 45px;
justify-self: center;
margin-left: calc(0% * 2);
margin-top: 0px;
width: 230.0583346218533px;
  
}
#BUTTON-w18gv5qj .x-button-wrapper {
  --width: 230.0583346218533px;
-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-w18gv5qj[disabled=true] {
  display: none;
}

  #BUTTON-w18gv5qj{
    transition-duration: 0.1s;
    transition-delay: 0s;
    transition-property: transform;
    transition-timing-function: ease-out;
    will-change: transform;
  }
  #BUTTON-w18gv5qj:hover > * {
    background: var(--color_34) !important;
  }
[id^="TEXT-f29hu7zt"], .--clone-TEXT-f29hu7zt {
  align-self: center;
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: calc(0px * 2);
width: 100%;
  
}
[id^="TEXT-f29hu7zt"] .x-text,
[id^="TEXT-f29hu7zt"] .x-text a,
.--clone-TEXT-f29hu7zt .x-text,
.--clone-TEXT-f29hu7zt .x-text a {
  --width: 100%;
-webkit-text-stroke: 0px var(--color_00);
color: var(--font_color_5);
font: var(--font_5);
font-family: 'Averta - Regular', sans-serif;
font-size: 16.0px;
font-weight: 400;
height: 100%;
text-align: center;
width: 100%;
  color: var(--active-color, var(--font_color_5));
}
[id^="TEXT-f29hu7zt"] .x-text:hover,
.--clone-TEXT-f29hu7zt .x-text:hover,
[id^="TEXT-f29hu7zt"] a:hover,
.--clone-TEXT-f29hu7zt a:hover {
  
}


#RECT-giz53zo4 {
  align-self: center;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 3;
grid-row-start: 1;
height: 28px;
justify-self: end;
margin-right: 0%;
margin-top: calc(0px * 2);
width: 28px;
  
  
  
  
}
#RECT-giz53zo4 .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-giz53zo4::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;
  
}