#CART-DROPPABLE-9wi0zlos {
  
  
  background: #ffffff;
  top: 0;
  right: 0;
  width: 300px;
  height: var(--viewport-height, 100vh);
  grid-template-columns: 1fr;
  grid-template-rows: minmax(0%, 100%);
  column-gap: 0px;
  row-gap: 0px;
  overflow-x: auto;
  
}

#CART-DROPPABLE-9wi0zlos.anim {
  --width: 300px;
  
}

#CONTAINER-o72wqj98 {
  --bg: var(--color_00);
  background: var(--color_00);
border-color: #000000ff;
  --width: 100%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;grid-template-columns: 10px 1fr 10px;grid-template-rows: minmax(10px, max-content) minmax(30px, max-content) minmax(10px, max-content) minmax(200px, max-content) minmax(60px, max-content) minmax(60px, max-content) minmax(60px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: 0px;width: 100%;
  
  
  
  
  
  border:   #000000ff;


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


#RECT-uhqerlx6 {
  align-self: start;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 3;
grid-row-start: 2;
height: 30px;
justify-self: end;
margin-right: 0%;
margin-top: 0px;
width: 30px;
  
  
  
  
}
#RECT-uhqerlx6 .x-rect {
  --width: 30px;
background: var(--color_04);
height: 100%;
width: 100%;
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnIHZpZXdCb3g9JzAgMCAyNCAyNCc+IDxwYXRoIGQ9J00xMiwyMEM3LjU5LDIwIDQsMTYuNDEgNCwxMkM0LDcuNTkgNy41OSw0IDEyLDRDMTYuNDEsNCAyMCw3LjU5IDIwLDEyQzIwLDE2LjQxIDE2LjQxLDIwIDEyLDIwTTEyLDJDNi40NywyIDIsNi40NyAyLDEyQzIsMTcuNTMgNi40NywyMiAxMiwyMkMxNy41MywyMiAyMiwxNy41MyAyMiwxMkMyMiw2LjQ3IDE3LjUzLDIgMTIsMk0xNC41OSw4TDEyLDEwLjU5TDkuNDEsOEw4LDkuNDFMMTAuNTksMTJMOCwxNC41OUw5LjQxLDE2TDEyLDEzLjQxTDE0LjU5LDE2TDE2LDE0LjU5TDEzLjQxLDEyTDE2LDkuNDFMMTQuNTksOFonPjwvcGF0aD4gPC9zdmc+);
-webkit-mask-position: 0% 0%;
-webkit-mask-size: 100% 100%;

  border:   ;


  background: var(--active-color, var(--color_04));
}
#RECT-uhqerlx6::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;
  
}
#CART-ITEMS-4scc3xrz {
  --width: 100%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 5;grid-row-start: 4;grid-template-columns: 70px 1fr 30px;grid-template-rows: minmax(30px, max-content) minmax(30px, max-content) minmax(30px, max-content) minmax(40px, max-content) minmax(10px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: 0px;width: 100%;
  
}
#CART-ITEMS-4scc3xrz cart-item, #CART-ITEMS-4scc3xrz .cart-loading {
  grid-template-columns: 70px 1fr 30px;
  grid-template-rows: minmax(30px, max-content) minmax(30px, max-content) minmax(30px, max-content) minmax(40px, max-content) minmax(10px, max-content);
}

#IMAGE-DATASET-5e68zlu4 {
  --width: 60px;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 5;grid-row-start: 1;height: 99.984375px;justify-self: center;margin-left: calc(0.022321428571428572% * 2);margin-top: 0px;width: 60px;
  
}
#IMAGE-DATASET-5e68zlu4 picture, #IMAGE-DATASET-5e68zlu4 img {
  border-color: #000000ff;
}
#IMAGE-DATASET-5e68zlu4 img {
  object-fit: cover;
}

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

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

#QUANTITY-INPUT-f2bwffpf {
  --width: 100px;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 5;grid-row-start: 4;height: 39.984375px;justify-self: start;margin-left: 0.703125%;margin-top: 0px;width: 100px;
  border-color: #000000ff;
border-style: solid;
border-width: 1.0px;
color: #000000d9;
  
  overflow: hidden;
  
}
#QUANTITY-INPUT-f2bwffpf .quantity__input {
  
  
  padding-left: 30px;
  padding-right: 30px;
  
}
#QUANTITY-INPUT-f2bwffpf .quantity__button{
  border-style: solid;
}
#QUANTITY-INPUT-f2bwffpf .quantity__button[name="minus"] {
  
  
  width:30px;
}
#QUANTITY-INPUT-f2bwffpf .quantity__button[name="minus"] svg {
  width: 9.3px;
}
#QUANTITY-INPUT-f2bwffpf .quantity__button[name="plus"] {
  
  
  width:30px;
}
#QUANTITY-INPUT-f2bwffpf .quantity__button[name="plus"] svg {
  width: 9.3px;
}

#RECT-nlfk0bue {
  align-self: start;
grid-column-end: 4;
grid-column-start: 3;
grid-row-end: 5;
grid-row-start: 4;
height: 24.984375px;
justify-self: end;
margin-right: 4.16015625%;
margin-top: 11.984375px;
width: 19.9921875px;
  
  
  
  
}
#RECT-nlfk0bue .x-rect {
  --width: 19.9921875px;
background: #000000ff;
border-color: #000000ff;
height: 100%;
width: 100%;
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxNDA4IDE4OTYuMDgzMyIgY2xhc3M9InRyYXNoLW8iPjxwYXRoIGQ9Ik01MTIgNzM2djU3NnEwIDE0LTkgMjN0LTIzIDloLTY0cS0xNCAwLTIzLTl0LTktMjNWNzM2cTAtMTQgOS0yM3QyMy05aDY0cTE0IDAgMjMgOXQ5IDIzem0yNTYgMHY1NzZxMCAxNC05IDIzdC0yMyA5aC02NHEtMTQgMC0yMy05dC05LTIzVjczNnEwLTE0IDktMjN0MjMtOWg2NHExNCAwIDIzIDl0OSAyM3ptMjU2IDB2NTc2cTAgMTQtOSAyM3QtMjMgOWgtNjRxLTE0IDAtMjMtOXQtOS0yM1Y3MzZxMC0xNCA5LTIzdDIzLTloNjRxMTQgMCAyMyA5dDkgMjN6bTEyOCA3MjRWNTEySDI1NnY5NDhxMCAyMiA3IDQwLjV0MTQuNSAyNyAxMC41IDguNWg4MzJxMyAwIDEwLjUtOC41dDE0LjUtMjcgNy00MC41ek00ODAgMzg0aDQ0OGwtNDgtMTE3cS03LTktMTctMTFINTQ2cS0xMCAyLTE3IDExem05MjggMzJ2NjRxMCAxNC05IDIzdC0yMyA5aC05NnY5NDhxMCA4My00NyAxNDMuNXQtMTEzIDYwLjVIMjg4cS02NiAwLTExMy01OC41VDEyOCAxNDY0VjUxMkgzMnEtMTQgMC0yMy05dC05LTIzdi02NHEwLTE0IDktMjN0MjMtOWgzMDlsNzAtMTY3cTE1LTM3IDU0LTYzdDc5LTI2aDMyMHE0MCAwIDc5IDI2dDU0IDYzbDcwIDE2N2gzMDlxMTQgMCAyMyA5dDkgMjN6Ij48L3BhdGg+PC9zdmc+);
-webkit-mask-position: 0% 0%;
-webkit-mask-size: 100% 100%;

  border:   ;


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

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

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

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


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

#BUTTON-8vl7p4mh {
  align-self: center;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 8;
grid-row-start: 7;
height: 46px;
justify-self: center;
margin-left: calc(0% * 2);
margin-top: calc(0px * 2);
width: 100%;
  
}
#BUTTON-8vl7p4mh .x-button-wrapper {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
background: #181818ff;
color: #ffffffff;
font-size: 16.0px;
height: 100%;
text-align: center;
width: 100%;
  border:   ;


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

#CART-DROPPABLE-bwdl0v62 {
  
  
  background: #ffffff;
  top: 0;
  right: 0;
  width: 300px;
  height: var(--viewport-height, 100vh);
  grid-template-columns: 1fr;
  grid-template-rows: minmax(0%, 100%);
  column-gap: 0px;
  row-gap: 0px;
  overflow-x: auto;
  
}

#CART-DROPPABLE-bwdl0v62.anim {
  --width: 300px;
  
}

#CONTAINER-92rl61xb {
  --bg: var(--color_00);
  background: var(--color_00);
border-color: #000000ff;
  --width: 100%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;grid-template-columns: 10px 1fr 10px;grid-template-rows: minmax(10px, max-content) minmax(30px, max-content) minmax(10px, max-content) minmax(100px, max-content) minmax(30px, max-content) minmax(100px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: 0px;width: 100%;
  
  
  
  
  
  border:   #000000ff;


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


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

  border:   ;


  background: var(--active-color, var(--color_04));
}
#RECT-vzftnf15::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-9pfrrpdl {
  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-bottom: calc(7.640625px * 2);
margin-left: calc(0% * 2);
width: 100px;
  
}
#IMAGE-9pfrrpdl picture {
  --width: 100px;
border-color: #000000ff;
height: 100%;
width: 100%;
}
#IMAGE-9pfrrpdl img {
  object-fit: cover;
}

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

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


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