#POPUP-7iepkbz9 {
  
  --left: 50%; left: var(--left);
  transform: translateX(-50%);
  background: #ffffff;
  width: 650px;
  height: auto;
  grid-template-columns: 1fr;
  grid-template-rows: minmax(250px, max-content);
  column-gap: 0px;
  row-gap: 0px;
  --top: 200px; top: var(--top);
  
  
  
  max-height: var(--viewport-height, 100vh);
  border-width: 0px;
  border-color: #000000;
  border-radius: 0px;
  border-style: solid;
  
}
#POPUP-7iepkbz9.anim {
  --width: 650px;
  
}

#IMAGE-9ot3u2zs {
  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-left: calc(0% * 2);
margin-top: calc(0px * 2);
width: 100%;
  
}
#IMAGE-9ot3u2zs picture {
  --width: 100%;
border-color: #000000ff;
height: 100%;
width: 100%;
}

#RECT-wzvqgj7e {
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 2;
grid-row-start: 1;
height: 26.78125px;
justify-self: end;
margin-right: 0%;
margin-top: px;
width: 26.703125px;
  
  
  
  
}
#RECT-wzvqgj7e .x-rect {
  --width: 26.703125px;
background: #444444;
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, #444444);
}
#RECT-wzvqgj7e::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;
  
}
#POPUP-alabtm42 {
  --top: 50%; top: var(--top);
  --left: 50%; left: var(--left);
  transform: translate(-50%, -50%);
  background: #ffffff;
border-radius: 8px 8px 8px 8px;
  width: 400px;
  height: auto;
  grid-template-columns: 1fr;
  grid-template-rows: minmax(250px, max-content);
  column-gap: 0px;
  row-gap: 0px;
  
  
  
  
  max-height: var(--viewport-height, 100vh);
  border-width: 0px;
  border-color: #000000;
  border-radius: 8px 8px 8px 8pxpx;
  border-style: solid;
  
}
#POPUP-alabtm42.anim {
  --width: 400px;
  
}

#RECT-c8d4fthz {
  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: 3.027317892947096%;
margin-top: 10px;
width: 4.1094858238846665%;
  
  
  
  
}
#RECT-c8d4fthz .x-rect {
  --width: 4.1094858238846665%;
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-c8d4fthz::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;
  
}
[id^="TEXT-1bw0wr4l"], .--clone-TEXT-1bw0wr4l {
  font-size: 0px;
  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-left: calc(0% * 2);
margin-top: calc(0px * 2);
width: 57.49999999999999%;
  
}
[id^="TEXT-1bw0wr4l"] .x-text,
[id^="TEXT-1bw0wr4l"] .x-text a,
.--clone-TEXT-1bw0wr4l .x-text,
.--clone-TEXT-1bw0wr4l .x-text a {
  min-height: 12px;
  --width: 57.49999999999999%;
-webkit-text-stroke: 0px #000000ff;
color: var(--font_color_6);
font: var(--font_6);
height: 100%;
text-align: center;
width: 100%;
  color: var(--active-color, var(--font_color_6));
}
[id^="TEXT-1bw0wr4l"] .x-text:hover,
.--clone-TEXT-1bw0wr4l .x-text:hover,
[id^="TEXT-1bw0wr4l"] a:hover,
.--clone-TEXT-1bw0wr4l a:hover {
  
}

#CART-DROPPABLE-xl64t1nn {
  
  
  background: #ffffff;
  top: 0;
  right: 0;
  width: 320px;
  height: var(--viewport-height, 100vh);
  grid-template-columns: 5px 1fr 5px;
  grid-template-rows: minmax(50px, max-content) minmax(10px, max-content) minmax(0%, calc(100% - 170px)) minmax(10px, max-content) minmax(30px, max-content) minmax(70px, max-content);
  column-gap: 0px;
  row-gap: 0px;
  overflow-x: auto;
  
}

#CART-DROPPABLE-xl64t1nn.anim {
  --width: 320px;
  animation: light-speed-right 0.2s ease;
}
[id^="TEXT-lrokpnsv"], .--clone-TEXT-lrokpnsv {
  font-size: 0px;
  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: 0px;
margin-top: calc(0px * 2);
width: 200px;
  
}
[id^="TEXT-lrokpnsv"] .x-text,
[id^="TEXT-lrokpnsv"] .x-text a,
.--clone-TEXT-lrokpnsv .x-text,
.--clone-TEXT-lrokpnsv .x-text a {
  min-height: 12px;
  --width: 200px;
-webkit-text-stroke: 0px #000000ff;
color: var(--font_color_4);
font: var(--font_4);
height: 100%;
width: 100%;
  color: var(--active-color, var(--font_color_4));
}
[id^="TEXT-lrokpnsv"] .x-text:hover,
.--clone-TEXT-lrokpnsv .x-text:hover,
[id^="TEXT-lrokpnsv"] a:hover,
.--clone-TEXT-lrokpnsv a:hover {
  
}


#IMAGE-zet8l8d0 {
  align-self: center;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 2;
grid-row-start: 1;
height: 30px;
justify-self: end;
margin-right: 0px;
margin-top: calc(0px * 2);
width: 30px;
  
}
#IMAGE-zet8l8d0 picture {
  --width: 30px;
border-color: #000000ff;
height: 100%;
width: 100%;
}

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


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

#IMAGE-DATASET-xm7l71mz {
  --width: 65px;align-self: center;grid-column-end: 2;grid-column-start: 1;grid-row-end: 5;grid-row-start: 2;height: auto;justify-self: start;margin-left: 0%;margin-top: calc(0px * 2);width: 65px;
  
}
#IMAGE-DATASET-xm7l71mz picture, #IMAGE-DATASET-xm7l71mz img {
  border-color: #e3e3e3;
border-style: solid;
border-width: 1.0px;
}
#IMAGE-DATASET-xm7l71mz img {
  object-fit: contain;
}

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

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

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

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

#IMAGE-9z4nk7go {
  align-self: start;
grid-column-end: 5;
grid-column-start: 4;
grid-row-end: 3;
grid-row-start: 2;
height: 28px;
justify-self: center;
margin-left: calc(0% * 2);
margin-top: 0px;
width: 28px;
  
}
#IMAGE-9z4nk7go picture {
  --width: 28px;
border-color: #000000ff;
height: 100%;
width: 100%;
}
#LINE-71bs12n8 {
  --width: 100%;align-self: center;grid-column-end: 5;grid-column-start: 1;grid-row-end: 6;grid-row-start: 5;height: 17px;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 100%;
  height: auto;
  
}
#LINE-71bs12n8 .line-container {
  border-color: #181818ff;
border-style: dashed;
border-width: 1.0px;
}

[id^="TEXT-jgtlowzl"], .--clone-TEXT-jgtlowzl {
  font-size: 0px;
  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: 0px;
margin-top: calc(0px * 2);
width: 100px;
  
}
[id^="TEXT-jgtlowzl"] .x-text,
[id^="TEXT-jgtlowzl"] .x-text a,
.--clone-TEXT-jgtlowzl .x-text,
.--clone-TEXT-jgtlowzl .x-text a {
  min-height: 12px;
  --width: 100px;
-webkit-text-stroke: 0px #000000ff;
color: var(--font_color_5);
font: var(--font_5);
font-size: 15.0px;
font-weight: 400;
height: 100%;
width: 100%;
  color: var(--active-color, var(--font_color_5));
}
[id^="TEXT-jgtlowzl"] .x-text:hover,
.--clone-TEXT-jgtlowzl .x-text:hover,
[id^="TEXT-jgtlowzl"] a:hover,
.--clone-TEXT-jgtlowzl a:hover {
  
}

[id^="TEXT-DATASET-8my5jh68"], .--clone-TEXT-DATASET-8my5jh68 {
  font-size: 0px;
  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: 0px;
margin-top: calc(0px * 2);
width: 150px;
  
}
[id^="TEXT-DATASET-8my5jh68"] .x-text,
[id^="TEXT-DATASET-8my5jh68"] .x-text a,
.--clone-TEXT-DATASET-8my5jh68 .x-text,
.--clone-TEXT-DATASET-8my5jh68 .x-text a {
  min-height: 12px;
  --width: 150px;
-webkit-text-stroke: 0px #000000ff;
color: #000000ff;
font-size: 15.0px;
font-weight: 700;
height: 100%;
letter-spacing: 0px;
text-align: right;
width: 100%;
  color: var(--active-color, #000000ff);
}
[id^="TEXT-DATASET-8my5jh68"] .x-text:hover,
.--clone-TEXT-DATASET-8my5jh68 .x-text:hover,
[id^="TEXT-DATASET-8my5jh68"] a:hover,
.--clone-TEXT-DATASET-8my5jh68 a:hover {
  
}

#BUTTON-4f8uh5dj {
  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-4f8uh5dj .x-button-wrapper {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
background: #dd9933;
border-color: #000000ff;
border-radius: 8px 8px 8px 8px;
color: #ffffffff;
font-size: 16.0px;
height: 100%;
text-align: center;
text-transform: uppercase;
width: 100%;
  border:   ;


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

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

#CART-DROPPABLE-3nr18ynh {
  
  
  background: #ffffff;
  top: 0;
  right: 0;
  width: 320px;
  height: var(--viewport-height, 100vh);
  grid-template-columns: 10px 1fr 10px;
  grid-template-rows: minmax(50px, max-content) minmax(100px, max-content) minmax(100px, max-content) minmax(100px, max-content);
  column-gap: 0px;
  row-gap: 0px;
  overflow-x: auto;
  
}

#CART-DROPPABLE-3nr18ynh.anim {
  --width: 320px;
  animation: light-speed-right 0.2s ease;
}
[id^="TEXT-656vl3ch"], .--clone-TEXT-656vl3ch {
  font-size: 0px;
  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: 0px;
margin-top: calc(0px * 2);
width: 200px;
  
}
[id^="TEXT-656vl3ch"] .x-text,
[id^="TEXT-656vl3ch"] .x-text a,
.--clone-TEXT-656vl3ch .x-text,
.--clone-TEXT-656vl3ch .x-text a {
  min-height: 12px;
  --width: 200px;
-webkit-text-stroke: 0px #000000ff;
color: var(--font_color_4);
font: var(--font_4);
height: 100%;
width: 100%;
  color: var(--active-color, var(--font_color_4));
}
[id^="TEXT-656vl3ch"] .x-text:hover,
.--clone-TEXT-656vl3ch .x-text:hover,
[id^="TEXT-656vl3ch"] a:hover,
.--clone-TEXT-656vl3ch a:hover {
  
}


#IMAGE-10x8lpni {
  align-self: center;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 2;
grid-row-start: 1;
height: 30px;
justify-self: end;
margin-right: 0px;
margin-top: calc(0px * 2);
width: 30px;
  
}
#IMAGE-10x8lpni picture {
  --width: 30px;
border-color: #000000ff;
height: 100%;
width: 100%;
}

#IMAGE-vv0ahuci {
  align-self: start;
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: 0px;
width: 100%;
  
}
#IMAGE-vv0ahuci picture {
  --width: 100%;
border-color: #000000ff;
height: 100%;
width: 100%;
}
[id^="TEXT-yhkv2ln7"], .--clone-TEXT-yhkv2ln7 {
  font-size: 0px;
  align-self: start;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 4;
grid-row-start: 3;
height: auto;
justify-self: center;
margin-left: calc(0% * 2);
margin-top: 0px;
width: 84.375%;
  
}
[id^="TEXT-yhkv2ln7"] .x-text,
[id^="TEXT-yhkv2ln7"] .x-text a,
.--clone-TEXT-yhkv2ln7 .x-text,
.--clone-TEXT-yhkv2ln7 .x-text a {
  min-height: 12px;
  --width: 84.375%;
-webkit-text-stroke: 0px #000000ff;
color: #5863f5;
font: var(--font_5);
font-weight: 400;
height: 100%;
text-align: center;
text-decoration: underline;
width: 100%;
  color: var(--active-color, #5863f5);
}
[id^="TEXT-yhkv2ln7"] .x-text:hover,
.--clone-TEXT-yhkv2ln7 .x-text:hover,
[id^="TEXT-yhkv2ln7"] a:hover,
.--clone-TEXT-yhkv2ln7 a:hover {
  
}