#POPUP-30167vp6 {
  --top: 50%; top: var(--top);
  --left: 50%; left: var(--left);
  transform: translate(-50%, -50%);
  background: #ffffff;
  width: 800px;
  height: auto;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: minmax(100px, max-content) minmax(333px, max-content) minmax(100px, 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-30167vp6.anim {
  --width: 800px;
  
}

#IMAGE-DATASET-y1kb9haf {
  --width: 100%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 4;grid-row-start: 1;height: 533px;justify-self: center;margin-left: calc(0% * 2);margin-top: 0px;width: 100%;
  
}
#IMAGE-DATASET-y1kb9haf picture, #IMAGE-DATASET-y1kb9haf img {
  
}
#IMAGE-DATASET-y1kb9haf img {
  object-fit: cover;
}

[id^="TEXT-DATASET-0dksbtil"], .--clone-TEXT-DATASET-0dksbtil {
  font-size: 0px;
  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: 24px;
margin-top: 16px;
width: 80%;
  
}
[id^="TEXT-DATASET-0dksbtil"] .x-text,
[id^="TEXT-DATASET-0dksbtil"] .x-text a,
.--clone-TEXT-DATASET-0dksbtil .x-text,
.--clone-TEXT-DATASET-0dksbtil .x-text a {
  --width: 80%;
color: rgba(0, 0, 0, 1);
font-size: 25.0px;
height: 100%;
width: 100%;
  color: var(--active-color, rgba(0, 0, 0, 1));
}
[id^="TEXT-DATASET-0dksbtil"] .x-text:hover,
.--clone-TEXT-DATASET-0dksbtil .x-text:hover,
[id^="TEXT-DATASET-0dksbtil"] a:hover,
.--clone-TEXT-DATASET-0dksbtil a:hover {
  
}

[id^="TEXT-DATASET-uq1q8vw3"], .--clone-TEXT-DATASET-uq1q8vw3 {
  font-size: 0px;
  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: 24px;
margin-top: 60px;
width: 25%;
  
}
[id^="TEXT-DATASET-uq1q8vw3"] .x-text,
[id^="TEXT-DATASET-uq1q8vw3"] .x-text a,
.--clone-TEXT-DATASET-uq1q8vw3 .x-text,
.--clone-TEXT-DATASET-uq1q8vw3 .x-text a {
  --width: 25%;
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-uq1q8vw3"] .x-text:hover,
.--clone-TEXT-DATASET-uq1q8vw3 .x-text:hover,
[id^="TEXT-DATASET-uq1q8vw3"] a:hover,
.--clone-TEXT-DATASET-uq1q8vw3 a:hover {
  
}

#QUANTITY-INPUT-f8ot7t4v {
  --width: 30%;align-self: center;grid-column-end: 3;grid-column-start: 2;grid-row-end: 4;grid-row-start: 3;height: 40px;justify-self: start;margin-bottom: calc(0.328125px * 2);margin-left: 13.28125%;width: 30%;
  -webkit-text-stroke: 0px #000000ff;
border-color: #000000ff;
border-style: solid;
border-width: 1.0px;
color: #000000d9;
  
  overflow: hidden;
  
}
#QUANTITY-INPUT-f8ot7t4v .quantity__input {
  
  
  padding-left: 40px;
  padding-right: 40px;
  
}
#QUANTITY-INPUT-f8ot7t4v .quantity__button{
  border-style: solid;
}
#QUANTITY-INPUT-f8ot7t4v .quantity__button[name="minus"] {
  
  
  
}
#QUANTITY-INPUT-f8ot7t4v .quantity__button[name="minus"] svg {
  width: 9.3px;
}
#QUANTITY-INPUT-f8ot7t4v .quantity__button[name="plus"] {
  
  
  
}
#QUANTITY-INPUT-f8ot7t4v .quantity__button[name="plus"] svg {
  width: 9.3px;
}
#BUTTON-zzctdf3e {
  align-self: center;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 4;
grid-row-start: 3;
height: 46px;
justify-self: end;
margin-bottom: calc(0px * 2);
margin-right: 13.22265625%;
width: 30%;
  
}
#BUTTON-zzctdf3e .x-button-wrapper {
  --width: 30%;
-webkit-text-stroke: 0px #000000ff;
background: #ffffffff;
border-color: #000000ff;
border-radius: 100px;
box-shadow: 1px 2px 11px 2px rgba(207, 207, 207, 0.6);
color: #181818ff;
font-size: 16.0px;
height: 100%;
text-align: center;
width: 100%;
  border:   ;


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

#LINE-121jn0e3 {
  --width: 22.710937499999996%;align-self: end;grid-column-end: 3;grid-column-start: 2;grid-row-end: 2;grid-row-start: 1;height: 17px;justify-self: start;margin-bottom: 6.5px;margin-left: 24px;width: 22.710937499999996%;
  height: auto;
  
}
#LINE-121jn0e3 .line-container {
  border-color: #181818ff;
border-style: solid;
border-width: 1.0px;
}

#ATTR-2gcux024 {
  --width: 56.99999999999999%;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: 24px;margin-top: 24px;width: 56.99999999999999%;
  
}
#ATTR-2gcux024 .attr--item, #ATTR-2gcux024 select {
  -webkit-text-stroke: 0px #000000ff;
border-color: #c4c4c4ff;
border-radius: 30px;
border-style: solid;
border-width: 1.0px;
color: #000000d9;
font-size: 13.0px;
line-height: 20.8px;
  
}
#ATTR-2gcux024 .chevron {
  width: 16px;
  right: 13px;
}
#ATTR-2gcux024 .chevron svg{
  height: 16px;
}
#ATTR-2gcux024 .attr--item {
  margin-right: 12px;
  margin-bottom: 10px;
}
#ATTR-2gcux024 .attr--item:hover {
  border-color: #c4c4c4ff;
  border-width: 1px;
}
#ATTR-2gcux024 .attr--item.selected {
  border-color: #c4c4c4ff;
  border-width: 1px;
  background-color: #000;
color: #fff;

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

#ATTR-2gcux024 .select-wrapper {
  opacity: 0;
}

#ATTR-2gcux024 .select-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  pointer-events: none;
  -webkit-text-stroke: 0px #000000ff;
border-color: #c4c4c4ff;
border-radius: 30px;
border-style: solid;
border-width: 1.0px;
color: #000000d9;
font-size: 13.0px;
line-height: 20.8px;
  gap: 0px;
  padding-left: 12px !important;
  padding-right: 12px !important;
}

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

#ATTR-2gcux024 .select-overlay .select--icon {
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
}
#ATTR-rjqtnzu3 {
  --width: 56.99999999999999%;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: 24px;margin-top: 92px;width: 56.99999999999999%;
  
}
#ATTR-rjqtnzu3 .attr--item, #ATTR-rjqtnzu3 select {
  -webkit-text-stroke: 0px #000000ff;
border-color: #c4c4c4ff;
border-radius: 30px;
border-style: solid;
border-width: 1.0px;
color: #000000d9;
font-size: 13.0px;
line-height: 20.8px;
  
}
#ATTR-rjqtnzu3 .chevron {
  width: 16px;
  right: 13px;
}
#ATTR-rjqtnzu3 .chevron svg{
  height: 16px;
}
#ATTR-rjqtnzu3 .attr--item {
  margin-right: 12px;
  margin-bottom: 10px;
}
#ATTR-rjqtnzu3 .attr--item:hover {
  border-color: #c4c4c4ff;
  border-width: 1px;
}
#ATTR-rjqtnzu3 .attr--item.selected {
  border-color: #c4c4c4ff;
  border-width: 1px;
  background-color: #000;
color: #fff;

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

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

#ATTR-rjqtnzu3 .select-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  pointer-events: none;
  -webkit-text-stroke: 0px #000000ff;
border-color: #c4c4c4ff;
border-radius: 30px;
border-style: solid;
border-width: 1.0px;
color: #000000d9;
font-size: 13.0px;
line-height: 20.8px;
  gap: 0px;
  padding-left: 12px !important;
  padding-right: 12px !important;
}

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

#ATTR-rjqtnzu3 .select-overlay .select--icon {
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
}
[id^="TEXT-DATASET-53gle37t"], .--clone-TEXT-DATASET-53gle37t {
  font-size: 0px;
  align-self: end;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 3;
grid-row-start: 2;
height: auto;
justify-self: start;
margin-bottom: 117.8px;
margin-left: 13.25%;
width: 50%;
  
}
[id^="TEXT-DATASET-53gle37t"] .x-text,
[id^="TEXT-DATASET-53gle37t"] .x-text a,
.--clone-TEXT-DATASET-53gle37t .x-text,
.--clone-TEXT-DATASET-53gle37t .x-text a {
  --width: 50%;
-webkit-text-stroke: 0px #000000ff;
border-color: #000000ff;
color: #000000ff;
font-size: 16.0px;
height: 100%;
width: 100%;
  color: var(--active-color, #000000ff);
}
[id^="TEXT-DATASET-53gle37t"] .x-text:hover,
.--clone-TEXT-DATASET-53gle37t .x-text:hover,
[id^="TEXT-DATASET-53gle37t"] a:hover,
.--clone-TEXT-DATASET-53gle37t a:hover {
  
}

[id^="TEXT-ikh0gfb6"], .--clone-TEXT-ikh0gfb6 {
  font-size: 0px;
  align-self: end;
grid-column-end: 3;
grid-column-start: 1;
grid-row-end: 3;
grid-row-start: 2;
height: auto;
justify-self: end;
margin-bottom: 40.5px;
margin-right: 21.75%;
width: 28.749999999999996%;
  
}
[id^="TEXT-ikh0gfb6"] .x-text,
[id^="TEXT-ikh0gfb6"] .x-text a,
.--clone-TEXT-ikh0gfb6 .x-text,
.--clone-TEXT-ikh0gfb6 .x-text a {
  --width: 28.749999999999996%;
-webkit-text-stroke: 0px #000000ff;
color: #000000;
font: var(--font_0);
height: 100%;
width: 100%;
  color: var(--active-color, #000000);
}
[id^="TEXT-ikh0gfb6"] .x-text:hover,
.--clone-TEXT-ikh0gfb6 .x-text:hover,
[id^="TEXT-ikh0gfb6"] a:hover,
.--clone-TEXT-ikh0gfb6 a:hover {
  
}


#IMAGE-DATASET-k3dqt29n {
  --width: 25%;align-self: start;grid-column-end: 3;grid-column-start: 1;grid-row-end: 3;grid-row-start: 2;height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: 66.5px;width: 25%;
  
}
#IMAGE-DATASET-k3dqt29n picture, #IMAGE-DATASET-k3dqt29n img {
  
}
#IMAGE-DATASET-k3dqt29n img {
  object-fit: cover;
}

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

#RECT-p7nzq9dy {
  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-p7nzq9dy .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-p7nzq9dy::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;
  
}
#BUTTON-xnbkysq3 {
  align-self: end;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 2;
grid-row-start: 1;
height: 46px;
justify-self: center;
margin-bottom: 21px;
margin-left: calc(0.5625% * 2);
width: 17.75%;
  
}
#BUTTON-xnbkysq3 .x-button-wrapper {
  --width: 17.75%;
-webkit-text-stroke: 0px #000000ff;
background: rgba(24, 24, 24, 1);
border-color: #000000ff;
color: #ffffffff;
font-size: 16.0px;
height: 100%;
text-align: center;
width: 100%;
  border:   ;


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

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

#RECT-tovvj7ok {
  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-tovvj7ok .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-tovvj7ok::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;
  
}
#BUTTON-jsocpwzx {
  align-self: end;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 2;
grid-row-start: 1;
height: 46px;
justify-self: center;
margin-bottom: 21px;
margin-left: calc(0.5625% * 2);
width: 17.75%;
  
}
#BUTTON-jsocpwzx .x-button-wrapper {
  --width: 17.75%;
-webkit-text-stroke: 0px #000000ff;
background: rgba(24, 24, 24, 1);
border-color: #000000ff;
color: #ffffffff;
font-size: 16.0px;
height: 100%;
text-align: center;
width: 100%;
  border:   ;


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

#POPUP-nfrhzxbo {
  --top: 50%; top: var(--top);
  --left: 50%; left: var(--left);
  transform: translate(-50%, -50%);
  background: #ffffff;
  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: 0px;
  border-style: solid;
  
}
#POPUP-nfrhzxbo.anim {
  --width: 400px;
  
}

#RECT-w5xec6nl {
  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-w5xec6nl .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-w5xec6nl::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-qnpfjvpd {
  --top: 50%; top: var(--top);
  --left: 50%; left: var(--left);
  transform: translate(-50%, -50%);
  background: #ffffff;
  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: 0px;
  border-style: solid;
  
}
#POPUP-qnpfjvpd.anim {
  --width: 400px;
  
}

#RECT-m5fkeqtc {
  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-m5fkeqtc .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-m5fkeqtc::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;
  
}
#CART-DROPPABLE-rtucs6zm {
  
  
  background: #ffffff;
  top: 0;
  right: 0;
  width: 400px;
  height: var(--viewport-height, 100vh);
  grid-template-columns: 12px 1fr 12px;
  grid-template-rows: minmax(60px, max-content) minmax(10px, max-content) minmax(0%, calc(100% - 170px)) minmax(40px, max-content) minmax(60px, max-content);
  column-gap: 0px;
  row-gap: 0px;
  overflow-x: auto;
  
}

#CART-DROPPABLE-rtucs6zm.anim {
  --width: 400px;
  animation: slide-right 0.2s ease;
}
[id^="TEXT-4wvcauwy"], .--clone-TEXT-4wvcauwy {
  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: 0%;
margin-top: calc(0px * 2);
width: 50%;
  
}
[id^="TEXT-4wvcauwy"] .x-text,
[id^="TEXT-4wvcauwy"] .x-text a,
.--clone-TEXT-4wvcauwy .x-text,
.--clone-TEXT-4wvcauwy .x-text a {
  --width: 50%;
-webkit-text-stroke: 0px #000000ff;
color: var(--font_color_3);
font: var(--font_3);
font-size: 20.0px;
font-weight: 700;
height: 100%;
width: 100%;
  color: var(--active-color, var(--font_color_3));
}
[id^="TEXT-4wvcauwy"] .x-text:hover,
.--clone-TEXT-4wvcauwy .x-text:hover,
[id^="TEXT-4wvcauwy"] a:hover,
.--clone-TEXT-4wvcauwy a:hover {
  
}

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

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

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

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


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

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


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

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

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

  border:   ;


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


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

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


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

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

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

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


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

  border:   ;


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


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


#IMAGE-DATASET-iw6z1k38 {
  --width: 53.191489361702125%;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(15px * 2);width: 53.191489361702125%;
  
}
#IMAGE-DATASET-iw6z1k38 picture, #IMAGE-DATASET-iw6z1k38 img {
  
}
#IMAGE-DATASET-iw6z1k38 img {
  object-fit: cover;
}

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

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

#IMAGE-s263gpbx {
  align-self: start;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 4;
grid-row-start: 3;
height: auto;
justify-self: center;
margin-left: calc(0% * 2);
margin-top: 0px;
width: 80%;
  
}
#IMAGE-s263gpbx picture {
  --width: 80%;
border-color: #000000ff;
height: 100%;
width: 100%;
}
[id^="TEXT-qry2d8ss"], .--clone-TEXT-qry2d8ss {
  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: 0%;
margin-top: calc(0px * 2);
width: 50%;
  
}
[id^="TEXT-qry2d8ss"] .x-text,
[id^="TEXT-qry2d8ss"] .x-text a,
.--clone-TEXT-qry2d8ss .x-text,
.--clone-TEXT-qry2d8ss .x-text a {
  --width: 50%;
-webkit-text-stroke: 0px #000000ff;
color: var(--font_color_3);
font: var(--font_3);
font-size: 20.0px;
font-weight: 700;
height: 100%;
width: 100%;
  color: var(--active-color, var(--font_color_3));
}
[id^="TEXT-qry2d8ss"] .x-text:hover,
.--clone-TEXT-qry2d8ss .x-text:hover,
[id^="TEXT-qry2d8ss"] a:hover,
.--clone-TEXT-qry2d8ss a:hover {
  
}

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

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


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


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

  border:   ;


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


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