#SECTION-f6fs5xyq {
  height: auto;
  grid-template-columns: 1fr 614px 1fr;
  grid-template-rows: minmax(30px, max-content) minmax(600px, max-content) minmax(30px, max-content);
  column-gap: 0px;
  row-gap: 0px;
  
  
  
  
  
  
  transition: opacity 0.3s ease, visibility 0.3s ease;
  
}

#SECTION-f6fs5xyq .x-section-background {
  background: url(https://content.pancake.vn/web-media/a6/63/3d/2b/2bb6093d55b7f7f7701ef14c605eec2fba94bd6ccb64d6d17feda9e6-w:1440-h:1608-l:48844-t:image/png.png);
  background-size: cover;
  background-attachment: local; -webkit-transform: none;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center;
  
  --height: 660;
  --bg: url(https://content.pancake.vn/web-media/a6/63/3d/2b/2bb6093d55b7f7f7701ef14c605eec2fba94bd6ccb64d6d17feda9e6-w:1440-h:1608-l:48844-t:image/png.png);
}

#SECTION-f6fs5xyq .x-section-video-background {
  
  
}



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


#CONTAINER-1gg8272i {
  --bg: #FFFFFF99;
  background: #FFFFFF99;
border-color: #000000ff;
border-radius: 8px 8px 8px 8px;
  --width: 100%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;grid-template-columns: 60px 1fr 10px 1fr 60px;grid-template-rows: minmax(20px, max-content) minmax(100px, max-content) minmax(15px, max-content) minmax(30px, max-content) minmax(20px, max-content) minmax(50px, max-content) minmax(20px, max-content) minmax(50px, max-content) minmax(24px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: 0px;width: 100%;
  
  
  
  
  
  border:   #000000ff;


  
}
#BUTTON-d9l712g1 {
  align-self: center;
grid-column-end: 5;
grid-column-start: 2;
grid-row-end: 9;
grid-row-start: 8;
height: 44px;
justify-self: center;
margin-left: calc(0% * 2);
margin-top: calc(0px * 2);
width: 180px;
  
}
#BUTTON-d9l712g1 .x-button-wrapper {
  --width: 180px;
-webkit-text-stroke: 0px #000000ff;
background: #00C1A2;
border-color: #DBDDDE;
border-radius: 8px 8px 8px 8px;
border-style: solid;
border-width: 1.0px;
color: #ffffff;
font-size: 14.0px;
font-weight: 700;
height: 100%;
text-align: center;
width: 100%;
  border:   ;


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

[id^="TEXT-9ksvzs2s"], .--clone-TEXT-9ksvzs2s {
  font-size: 0px;
  align-self: start;
grid-column-end: 5;
grid-column-start: 2;
grid-row-end: 7;
grid-row-start: 6;
height: auto;
justify-self: center;
margin-left: calc(0% * 2);
margin-top: 0px;
width: 100%;
  
}
[id^="TEXT-9ksvzs2s"] .x-text,
[id^="TEXT-9ksvzs2s"] .x-text a,
.--clone-TEXT-9ksvzs2s .x-text,
.--clone-TEXT-9ksvzs2s .x-text a {
  min-height: 12px;
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: #37393B;
font: var(--font_7);
font-size: 14.0px;
height: 100%;
line-height: 1.3;
text-align: center;
width: 100%;
  color: var(--active-color, #37393B);
}
[id^="TEXT-9ksvzs2s"] .x-text:hover,
.--clone-TEXT-9ksvzs2s .x-text:hover,
[id^="TEXT-9ksvzs2s"] a:hover,
.--clone-TEXT-9ksvzs2s a:hover {
  
}

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


#IMAGE-vickq03y {
  align-self: center;
grid-column-end: 5;
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: 240px;
  
}
#IMAGE-vickq03y picture {
  --width: 240px;
height: 100%;
width: 100%;
}
#POPUP-m5vttozx {
  --top: 50%; top: var(--top);
  --left: 50%; left: var(--left);
  transform: translate(-50%, -50%);
  background: #ffffff;
overflow-x: hidden;
overflow-y: scroll;
  width: 100%;
  height: auto;
  grid-template-columns: 10px 1fr 1fr 10px;
  grid-template-rows: minmax(10.980169971671383px, max-content) minmax(16px, max-content) minmax(365.63966005665714px, max-content) minmax(10.980169971671383px, 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-m5vttozx.anim {
  --width: 100%;
  
}
#PRODUCT-GALLERY-ytdro8lo {
  --width: 95%;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: 95%;
  
  
}
#PRODUCT-GALLERY-ytdro8lo .product-gallery-wrapper {
  transition: height 0.3s ease;
  flex-direction: column;
  
  
}

#PRODUCT-GALLERY-ytdro8lo .product-gallery-wrapper .product-gallery--nav-item[data-video-pin="true"]{
  
}

#PRODUCT-GALLERY-ytdro8lo .x-pagination-wrapper[data-type="bar"] {
  
}
#PRODUCT-GALLERY-ytdro8lo .x-pagination-wrapper[data-type="bar-dot"] {
  
  gap: 10px;
}
#PRODUCT-GALLERY-ytdro8lo .x-pagination-bar-backdrop {
  height: 2px;
  width: 90%;
  gap: 10px;
  
}
#PRODUCT-GALLERY-ytdro8lo .x-pagination-bar-backdrop .x-pagination-bar {
  border-radius: 1000px;
  flex: 1;
}
#PRODUCT-GALLERY-ytdro8lo .x-pagination-bar-backdrop .x-pagination-bar:nth-child(n+6) {
  
}
#PRODUCT-GALLERY-ytdro8lo .x-pagination-bar, #PRODUCT-GALLERY-ytdro8lo .x-pagination-bar-dot {
  background: rgba(238, 238, 238, 1);
}
#PRODUCT-GALLERY-ytdro8lo .x-bar-active {
  left: -100%;
  background: rgba(77, 125, 236, 1);
}
#PRODUCT-GALLERY-ytdro8lo .x-pagination-bar-dot.active {
  background: rgba(77, 125, 236, 1);
}
#PRODUCT-GALLERY-ytdro8lo .x-pagination-bar-dot {
  height: 7px;
  width: 7px;
  border-radius: 1000px;
}


#PRODUCT-GALLERY-ytdro8lo .product-gallery-mini {
  min-height: 70px;
  min-width: 70px;
}
#PRODUCT-GALLERY-ytdro8lo .product-gallery-mini-show {
  
}
#PRODUCT-GALLERY-ytdro8lo .product-gallery-mini .product-gallery-mini-wrapper {
  
}
#PRODUCT-GALLERY-ytdro8lo .product-gallery--nav-item img {
  object-fit: cover;
  aspect-ratio: 1/1;
  
}
#PRODUCT-GALLERY-ytdro8lo .product-gallery--nav-item img:hover {
  
}
modal-product-gallery[data-id="PRODUCT-GALLERY-ytdro8lo"] .modal-product-slider__item img {
  object-fit: contain;
}
#PRODUCT-GALLERY-ytdro8lo .product-gallery--controls > * {
  width: 100%;
  height: calc(100% - 40px);
  color: #FFFFFF;
}
#PRODUCT-GALLERY-ytdro8lo .product-view {
  height: calc(100% - 70px);
  width: 100%;
}
#PRODUCT-GALLERY-ytdro8lo .thumbnail-icon {
  margin: 10px 10px 0 0;
  width: 60px;
  height: 60px;
}
#PRODUCT-GALLERY-ytdro8lo .product-gallery--controls {
  width: 40px;
  height: 80px;
  
  
}
#PRODUCT-GALLERY-ytdro8lo .product-gallery--controls.left {
  left: 5px;
  transform: scaleX(-1) scale(1) translate(0,-50%);
}
#PRODUCT-GALLERY-ytdro8lo .product-gallery--controls.right {
  right: 5px;
}

#PRODUCT-GALLERY-ytdro8lo .product--ribbons-wrapper {
  font-family: Roboto;
  font-weight: ;
  font-size: 12px;
  font-style: ;
  text-decoration: ;
  color: rgba(255, 255, 255, 1);
  flex-direction: row;
  padding: 0px 0px 0px 0px;
  display: ;
}
#PRODUCT-GALLERY-ytdro8lo .product--ribbon {
  border-radius: 0px;
  background: rgba(0, 0, 0, 1);
  border-color: rgba(0, 0, 0, 1);
  border-width: 0px;
  background-size: cover;
  background-attachment: scroll;
  background-position-x: center;
  background-position-y: center;
  background-repeat: no-repeat;
  filter: ;
}


#PRODUCT-GALLERY-ytdro8lo .product-gallery-thumbnails {
  display: none;
  height: fit-content;
  width: fit-content;
  max-height: 500px;
  max-width: 500px;
  overflow: hidden;
  position: sticky;
  top: 0;
}

#PRODUCT-GALLERY-ytdro8lo .product-gallery-thumbnails .product-gallery-thumbnails-tap {
  background: #ffffff80;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  height: 100%; width: 40px;
  z-index: 100;
}

#PRODUCT-GALLERY-ytdro8lo .product-gallery-thumbnails .product-gallery-thumbnails-tap-left{
  
  top: 0;
  left: 0;
}

#PRODUCT-GALLERY-ytdro8lo .product-gallery-thumbnails .product-gallery-thumbnails-tap-right{
  
  top: 0;
  right: 0;
}

#PRODUCT-GALLERY-ytdro8lo .product-gallery-thumbnails .product-gallery-thumbnails-tap-top{
  display: none;
  top: 0;
  left: 0;
}

#PRODUCT-GALLERY-ytdro8lo .product-gallery-thumbnails .product-gallery-thumbnails-tap-bottom{
  display: none;
  bottom: 0;
  left: 0;
}



#PRODUCT-GALLERY-ytdro8lo .product-gallery-thumbnails .product-gallery-thumbnails-tap-icon svg {
  width: 20px;
  height: 20px;
}

#PRODUCT-GALLERY-ytdro8lo .product-gallery-thumbnails .product-gallery-thumbnails-items {
  display: flex;
  width: fit-content;
  height: fit-content;
  flex-direction: row; gap: 10px;
}

#PRODUCT-GALLERY-ytdro8lo .product-gallery-thumbnails .product-gallery-thumbnails-items.transition{
  transition: all 0.3s ease-in-out;
}

#PRODUCT-GALLERY-ytdro8lo .product-gallery-thumbnails .product-gallery-thumbnails-item {
  width: 60px;
  height: 60px;
  opacity: 0.5;
  border-radius: 5px;
  border: 1px solid transparent;
}

#PRODUCT-GALLERY-ytdro8lo .product-gallery-thumbnails .product-gallery-thumbnails-item img,
#PRODUCT-GALLERY-ytdro8lo .product-gallery-thumbnails .product-gallery-thumbnails-item video {
  width: 60px;
  height: 60px;
}

#PRODUCT-GALLERY-ytdro8lo .product-gallery-thumbnails .product-gallery-thumbnails-item:hover,
#PRODUCT-GALLERY-ytdro8lo .product-gallery-thumbnails .product-gallery-thumbnails-item.active {
  opacity: 1;
  border-color: #000000;
}
.PRODUCT-GALLERY-ytdro8lo .x-pin-video {
  display: none;
}

#CONTAINER-fmtxv5vn {
  --bg: var(--color_00);
  background: var(--color_00);
border-color: #000000ff;
  --width: 99.55128205128206%;align-self: start;grid-column-end: 4;grid-column-start: 3;grid-row-end: 4;grid-row-start: 3;grid-template-columns: 1fr;grid-template-rows: minmax(35px, max-content) minmax(38px, max-content) minmax(29px, max-content) minmax(49px, max-content) minmax(29px, max-content) minmax(49px, max-content) minmax(41px, max-content);height: auto;justify-self: center;margin-left: calc(0.03206693209134615% * 2);margin-top: 0px;width: 99.55128205128206%;
  
  
  
  
  
  border:   #000000ff;


  
}
[id^="TEXT-DATASET-057w74yp"], .--clone-TEXT-DATASET-057w74yp {
  font-size: 0px;
  align-self: start;
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: 0px;
width: 100%;
  
}
[id^="TEXT-DATASET-057w74yp"] .x-text,
[id^="TEXT-DATASET-057w74yp"] .x-text a,
.--clone-TEXT-DATASET-057w74yp .x-text,
.--clone-TEXT-DATASET-057w74yp .x-text a {
  min-height: 12px;
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
border-color: #000000ff;
color: #000000ff;
font-size: 20.0px;
font-weight: 700;
height: 100%;
width: 100%;
  color: var(--active-color, #000000ff);
}
[id^="TEXT-DATASET-057w74yp"] .x-text:hover,
.--clone-TEXT-DATASET-057w74yp .x-text:hover,
[id^="TEXT-DATASET-057w74yp"] a:hover,
.--clone-TEXT-DATASET-057w74yp a:hover {
  
}

[id^="TEXT-DATASET-1nku55pq"], .--clone-TEXT-DATASET-1nku55pq {
  font-size: 0px;
  align-self: center;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 3;
grid-row-start: 2;
height: auto;
justify-self: start;
margin-left: 0px;
margin-top: calc(0px * 2);
width: 25.159864100092815%;
  
}
[id^="TEXT-DATASET-1nku55pq"] .x-text,
[id^="TEXT-DATASET-1nku55pq"] .x-text a,
.--clone-TEXT-DATASET-1nku55pq .x-text,
.--clone-TEXT-DATASET-1nku55pq .x-text a {
  min-height: 12px;
  --width: 25.159864100092815%;
-webkit-text-stroke: 0px #000000ff;
border-color: #000000ff;
color: var(--color_24);
font-size: 18.0px;
font-weight: 700;
height: 100%;
width: 100%;
  color: var(--active-color, var(--color_24));
}
[id^="TEXT-DATASET-1nku55pq"] .x-text:hover,
.--clone-TEXT-DATASET-1nku55pq .x-text:hover,
[id^="TEXT-DATASET-1nku55pq"] a:hover,
.--clone-TEXT-DATASET-1nku55pq a:hover {
  
}

[id^="TEXT-DATASET-54adr297"], .--clone-TEXT-DATASET-54adr297 {
  font-size: 0px;
  align-self: center;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 3;
grid-row-start: 2;
height: auto;
justify-self: start;
margin-bottom: calc(0.024993896484375px * 2);
margin-left: 96.7px;
width: 20.730334874332243%;
  
}
[id^="TEXT-DATASET-54adr297"] .x-text,
[id^="TEXT-DATASET-54adr297"] .x-text a,
.--clone-TEXT-DATASET-54adr297 .x-text,
.--clone-TEXT-DATASET-54adr297 .x-text a {
  min-height: 12px;
  --width: 20.730334874332243%;
-webkit-text-stroke: 0px #000000ff;
border-color: #000000ff;
color: var(--color_04);
font-size: 17.0px;
font-weight: 400;
height: 100%;
text-decoration: line-through;
width: 100%;
  color: var(--active-color, var(--color_04));
}
[id^="TEXT-DATASET-54adr297"] .x-text:hover,
.--clone-TEXT-DATASET-54adr297 .x-text:hover,
[id^="TEXT-DATASET-54adr297"] a:hover,
.--clone-TEXT-DATASET-54adr297 a:hover {
  
}

[id^="TEXT-DATASET-1b83i4bg"], .--clone-TEXT-DATASET-1b83i4bg {
  font-size: 0px;
  align-self: center;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 6;
grid-row-start: 5;
height: auto;
justify-self: start;
margin-left: 0%;
margin-top: calc(0px * 2);
width: 49.458644489129895%;
  
}
[id^="TEXT-DATASET-1b83i4bg"] .x-text,
[id^="TEXT-DATASET-1b83i4bg"] .x-text a,
.--clone-TEXT-DATASET-1b83i4bg .x-text,
.--clone-TEXT-DATASET-1b83i4bg .x-text a {
  min-height: 12px;
  --width: 49.458644489129895%;
-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-1b83i4bg"] .x-text:hover,
.--clone-TEXT-DATASET-1b83i4bg .x-text:hover,
[id^="TEXT-DATASET-1b83i4bg"] a:hover,
.--clone-TEXT-DATASET-1b83i4bg a:hover {
  
}

#ATTR-klkt2tkz {
  --width: 99.99881986404834%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 5;grid-row-start: 4;height: auto;justify-self: start;margin-left: 0%;margin-top: -0.08333206176757812px;width: 99.99881986404834%;
  
}
#ATTR-klkt2tkz .attr--item, #ATTR-klkt2tkz select {
  -webkit-text-stroke: 0px #000000ff;
border-color: #c4c4c4ff;
border-radius: 5px 5px 5px 5px;
border-style: solid;
border-width: 1.0px;
color: #000000d9;
font-size: 13.0px;
line-height: 20.8px;
text-align: center;
  
}
#ATTR-klkt2tkz .chevron {
  width: 16px;
  right: 13px;
}
#ATTR-klkt2tkz .chevron svg{
  height: 16px;
}
#ATTR-klkt2tkz .attr--item {
  margin-right: 12px;
  margin-bottom: 6px;
}
#ATTR-klkt2tkz .attr--item:hover {
  border-color: #c4c4c4ff;
  border-width: 1px;
}
#ATTR-klkt2tkz .attr--item.selected {
  border-color: #c4c4c4ff;
  border-width: 1px;
  background-color: #000;
color: #fff;

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

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

#ATTR-klkt2tkz .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: 5px 5px 5px 5px;
border-style: solid;
border-width: 1.0px;
color: #000000d9;
font-size: 13.0px;
line-height: 20.8px;
text-align: center;
  gap: 0px;
  padding-left: 12px !important;
  padding-right: 12px !important;
}

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

#ATTR-klkt2tkz .select-overlay .select--icon {
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
}
#QUANTITY-INPUT-x8wggmjl {
  --width: 24.05796033837698%;align-self: center;grid-column-end: 2;grid-column-start: 1;grid-row-end: 8;grid-row-start: 7;height: 36px;justify-self: start;margin-bottom: calc(0.09722900390625px * 2);margin-left: 0%;width: 24.05796033837698%;
  -webkit-text-stroke: 0px #000000ff;
border-color: var(--color_01);
border-radius: 3px 3px 3px 3px;
border-style: solid;
border-width: 1.0px;
color: #000000d9;
  
  overflow: hidden;
  
}
#QUANTITY-INPUT-x8wggmjl .quantity__input {
  
  
  padding-left: 28px;
  padding-right: 28px;
  
}
#QUANTITY-INPUT-x8wggmjl .quantity__button{
  border-style: solid;
}
#QUANTITY-INPUT-x8wggmjl .quantity__button[name="minus"] {
  background: var(--color_33);
  
  width:28px;
}
#QUANTITY-INPUT-x8wggmjl .quantity__button[name="minus"] svg {
  width: 9.3px;
}
#QUANTITY-INPUT-x8wggmjl .quantity__button[name="plus"] {
  background: var(--color_33);
  
  width:28px;
}
#QUANTITY-INPUT-x8wggmjl .quantity__button[name="plus"] svg {
  width: 9.3px;
}
#BUTTON-h8d3a040 {
  align-self: center;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 8;
grid-row-start: 7;
height: 44px;
justify-self: start;
margin-left: 107.48608398437506px;
margin-top: calc(0px * 2);
width: 69.06858621184358%;
  
}
#BUTTON-h8d3a040 .x-button-wrapper {
  --width: 69.06858621184358%;
-webkit-text-stroke: 0px #000000ff;
background: var(--color_32);
border-color: var(--color_32);
border-radius: 0px 0px 0px 0px;
border-style: solid;
border-width: 1.0px;
color: #ffffffff;
font-size: 16.0px;
font-weight: 700;
height: 100%;
text-align: center;
width: 100%;
  border:   ;


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

  #BUTTON-h8d3a040{
    transition-duration: 0.1s;
    transition-delay: 0s;
    transition-property: transform;
    transition-timing-function: ease-out;
    will-change: transform;
  }
  #BUTTON-h8d3a040:hover > * {
    background: #ffffff00 !important;
  }
  #BUTTON-h8d3a040{
    transition-duration: 0.1s;
    transition-delay: 0s;
    transition-property: transform;
    transition-timing-function: ease-out;
    will-change: transform;
  }
  #BUTTON-h8d3a040:hover, #BUTTON-h8d3a040:hover > * {
    color: var(--color_04) !important;
  }
[id^="TEXT-DATASET-u0ilj5ce"], .--clone-TEXT-DATASET-u0ilj5ce {
  font-size: 0px;
  align-self: center;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 4;
grid-row-start: 3;
height: auto;
justify-self: start;
margin-left: 0%;
margin-top: calc(0px * 2);
width: 25.734195378029597%;
  
}
[id^="TEXT-DATASET-u0ilj5ce"] .x-text,
[id^="TEXT-DATASET-u0ilj5ce"] .x-text a,
.--clone-TEXT-DATASET-u0ilj5ce .x-text,
.--clone-TEXT-DATASET-u0ilj5ce .x-text a {
  min-height: 12px;
  --width: 25.734195378029597%;
-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-u0ilj5ce"] .x-text:hover,
.--clone-TEXT-DATASET-u0ilj5ce .x-text:hover,
[id^="TEXT-DATASET-u0ilj5ce"] a:hover,
.--clone-TEXT-DATASET-u0ilj5ce a:hover {
  
}

#ATTR-xfc4p384 {
  --width: 48.924896148036254%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 8;grid-row-start: 6;height: auto;justify-self: start;margin-left: 0%;margin-top: 2.46875px;width: 48.924896148036254%;
  
}
#ATTR-xfc4p384 .attr--item, #ATTR-xfc4p384 select {
  -webkit-text-stroke: 0px #000000ff;
border-color: var(--color_01);
border-radius: 0px 0px 0px 0px;
border-style: solid;
border-width: 1.0px;
color: #000000d9;
font-size: 13.0px;
line-height: 20.8px;
text-align: center;
  
}
#ATTR-xfc4p384 .chevron {
  width: 16px;
  right: 13px;
}
#ATTR-xfc4p384 .chevron svg{
  height: 16px;
}
#ATTR-xfc4p384 .attr--item {
  margin-right: 12px;
  margin-bottom: 5px;
}
#ATTR-xfc4p384 .attr--item:hover {
  border-color: var(--color_02);
  border-width: 1px;
}
#ATTR-xfc4p384 .attr--item.selected {
  border-color: var(--color_13);
  border-width: 1px;
  
}
#ATTR-xfc4p384 img {
  width: 40px;
  height: 40px;
  padding: 0px;
  border-radius: 0px 0px 0px 0px;
}
#ATTR-xfc4p384 .attr--item:hover .tooltip {
  background: #000;
  color: #fff;
}
#ATTR-xfc4p384 .attr--item:hover .tooltip:after {
  background: #000;
  border-top-color: #000;
}

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

#ATTR-xfc4p384 .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: var(--color_01);
border-radius: 0px 0px 0px 0px;
border-style: solid;
border-width: 1.0px;
color: #000000d9;
font-size: 13.0px;
line-height: 20.8px;
text-align: center;
  gap: 0px;
  padding-left: 12px !important;
  padding-right: 12px !important;
}

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

#ATTR-xfc4p384 .select-overlay .select--icon {
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
}

#RECT-g3kkixp2 {
  align-self: start;
grid-column-end: 4;
grid-column-start: 3;
grid-row-end: 3;
grid-row-start: 2;
height: 30.000001907348633px;
justify-self: end;
margin-right: 0%;
margin-top: 0px;
width: 30.000001907348633px;
  
  
  
  
}
#RECT-g3kkixp2 .x-rect {
  --width: 30.000001907348633px;
background: rgba(0, 0, 0, 1);
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, rgba(0, 0, 0, 1));
}
#RECT-g3kkixp2::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-3tklnexl {
  
  
  background: #ffffff;
  top: 0;
  right: 0;
  width: 450px;
  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% - 180px)) minmax(15px, max-content) minmax(45px, max-content) minmax(50px, max-content);
  column-gap: 0px;
  row-gap: 0px;
  overflow-x: auto;
  
}

#CART-DROPPABLE-3tklnexl.anim {
  --width: 450px;
  animation: slide-right 0.2s ease;
}

#CONTAINER-4ix0lwqb {
  --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-0z5y40k7 {
  --width: 100%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;grid-template-columns: 73px 1fr 0px 95px;grid-template-rows: minmax(30px, max-content) minmax(0px, max-content) minmax(30px, max-content) minmax(21px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: 0px;width: 100%;
  
}
#CART-ITEMS-0z5y40k7 cart-item, #CART-ITEMS-0z5y40k7 .cart-loading {
  grid-template-columns: 73px 1fr 0px 95px;
  grid-template-rows: minmax(30px, max-content) minmax(0px, max-content) minmax(30px, max-content) minmax(21px, max-content);
}

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

[id^="TEXT-DATASET-1259watw"], .--clone-TEXT-DATASET-1259watw {
  font-size: 0px;
  align-self: start;
grid-column-end: 4;
grid-column-start: 2;
grid-row-end: 2;
grid-row-start: 1;
height: auto;
justify-self: end;
margin-right: 0%;
margin-top: 0px;
width: 100%;
  
}
[id^="TEXT-DATASET-1259watw"] .x-text,
[id^="TEXT-DATASET-1259watw"] .x-text a,
.--clone-TEXT-DATASET-1259watw .x-text,
.--clone-TEXT-DATASET-1259watw .x-text a {
  min-height: 12px;
  --width: 100%;
color: #000000ff;
font-size: 16.0px;
height: 100%;
width: 100%;
  color: var(--active-color, #000000ff);
}
[id^="TEXT-DATASET-1259watw"] .x-text:hover,
.--clone-TEXT-DATASET-1259watw .x-text:hover,
[id^="TEXT-DATASET-1259watw"] a:hover,
.--clone-TEXT-DATASET-1259watw a:hover {
  
}

[id^="TEXT-DATASET-1isvx0tv"], .--clone-TEXT-DATASET-1isvx0tv {
  font-size: 0px;
  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: 0px;
width: 94.80099502487562%;
  
}
[id^="TEXT-DATASET-1isvx0tv"] .x-text,
[id^="TEXT-DATASET-1isvx0tv"] .x-text a,
.--clone-TEXT-DATASET-1isvx0tv .x-text,
.--clone-TEXT-DATASET-1isvx0tv .x-text a {
  min-height: 12px;
  --width: 94.80099502487562%;
color: var(--color_02);
font-size: 14.0px;
height: 100%;
width: 100%;
  color: var(--active-color, var(--color_02));
}
[id^="TEXT-DATASET-1isvx0tv"] .x-text:hover,
.--clone-TEXT-DATASET-1isvx0tv .x-text:hover,
[id^="TEXT-DATASET-1isvx0tv"] a:hover,
.--clone-TEXT-DATASET-1isvx0tv a:hover {
  
}

#QUANTITY-INPUT-vt6vlclg {
  --width: 83.37501525878906px;align-self: center;grid-column-end: 3;grid-column-start: 2;grid-row-end: 4;grid-row-start: 3;height: 31.5px;justify-self: start;margin-bottom: calc(1.75px * 2);margin-left: 0%;width: 83.37501525878906px;
  border-color: var(--color_01);
border-radius: 4px 4px 4px 4px;
border-style: solid;
border-width: 1.0px;
color: #000000d9;
  
  overflow: hidden;
  
}
#QUANTITY-INPUT-vt6vlclg .quantity__input {
  
  
  padding-left: 26px;
  padding-right: 26px;
  
}
#QUANTITY-INPUT-vt6vlclg .quantity__button{
  border-style: solid;
}
#QUANTITY-INPUT-vt6vlclg .quantity__button[name="minus"] {
  background: #f3f5f6;
  
  width:26px;
}
#QUANTITY-INPUT-vt6vlclg .quantity__button[name="minus"] svg {
  width: 9.3px;
}
#QUANTITY-INPUT-vt6vlclg .quantity__button[name="plus"] {
  background: #f3f5f6;
  
  width:26px;
}
#QUANTITY-INPUT-vt6vlclg .quantity__button[name="plus"] svg {
  width: 9.3px;
}
[id^="TEXT-DATASET-tafqpdzm"], .--clone-TEXT-DATASET-tafqpdzm {
  font-size: 0px;
  align-self: center;
grid-column-end: 5;
grid-column-start: 4;
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-tafqpdzm"] .x-text,
[id^="TEXT-DATASET-tafqpdzm"] .x-text a,
.--clone-TEXT-DATASET-tafqpdzm .x-text,
.--clone-TEXT-DATASET-tafqpdzm .x-text a {
  min-height: 12px;
  --width: 100%;
border-color: #000000ff;
color: #000000ff;
font-size: 16.0px;
font-weight: 700;
height: 100%;
text-align: right;
width: 100%;
  color: var(--active-color, #000000ff);
}
[id^="TEXT-DATASET-tafqpdzm"] .x-text:hover,
.--clone-TEXT-DATASET-tafqpdzm .x-text:hover,
[id^="TEXT-DATASET-tafqpdzm"] a:hover,
.--clone-TEXT-DATASET-tafqpdzm a:hover {
  
}


#RECTANGLE-npbaj725 {
  align-self: start;
grid-column-end: 5;
grid-column-start: 4;
grid-row-end: 2;
grid-row-start: 1;
height: 25px;
justify-self: end;
margin-right: 0%;
margin-top: 0px;
width: 25px;
  
  
  
  
}
#RECTANGLE-npbaj725 .x-rect {
  --width: 25px;
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);
}
#RECTANGLE-npbaj725::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;
  
}
#LINE-ae2uk196 {
  --width: 100%;align-self: center;grid-column-end: 5;grid-column-start: 1;grid-row-end: 5;grid-row-start: 4;height: 17px;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 100%;
  height: auto;
  
}
#LINE-ae2uk196 .line-container {
  border-color: var(--color_01);
border-style: dashed;
border-width: 1.0px;
}


#RECT-82rnahmr {
  align-self: center;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 2;
grid-row-start: 1;
height: 46px;
justify-self: center;
margin-left: calc(0% * 2);
margin-top: calc(0px * 2);
width: 100%;
  
  
  border-radius: 4px 4px 4px 4px;
  
}
#RECT-82rnahmr .x-rect {
  --width: 100%;
background: #f3f5f6;
border-color: #000000ff;
border-radius: 4px 4px 4px 4px;
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, #f3f5f6);
}
#RECT-82rnahmr::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-dcvrx4p7"], .--clone-TEXT-dcvrx4p7 {
  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: center;
margin-left: calc(0% * 2);
margin-top: calc(0px * 2);
width: 46%;
  
}
[id^="TEXT-dcvrx4p7"] .x-text,
[id^="TEXT-dcvrx4p7"] .x-text a,
.--clone-TEXT-dcvrx4p7 .x-text,
.--clone-TEXT-dcvrx4p7 .x-text a {
  min-height: 12px;
  --width: 46%;
-webkit-text-stroke: 0px #000000ff;
color: var(--font_color_3);
font: var(--font_3);
font-size: 23.0px;
height: 100%;
line-height: 1.5;
text-align: center;
width: 100%;
  color: var(--active-color, var(--font_color_3));
}
[id^="TEXT-dcvrx4p7"] .x-text:hover,
.--clone-TEXT-dcvrx4p7 .x-text:hover,
[id^="TEXT-dcvrx4p7"] a:hover,
.--clone-TEXT-dcvrx4p7 a:hover {
  
}

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

[id^="TEXT-vukadi33"], .--clone-TEXT-vukadi33 {
  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: 0%;
margin-top: calc(0px * 2);
width: 46%;
  
}
[id^="TEXT-vukadi33"] .x-text,
[id^="TEXT-vukadi33"] .x-text a,
.--clone-TEXT-vukadi33 .x-text,
.--clone-TEXT-vukadi33 .x-text a {
  min-height: 12px;
  --width: 46%;
-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-vukadi33"] .x-text:hover,
.--clone-TEXT-vukadi33 .x-text:hover,
[id^="TEXT-vukadi33"] a:hover,
.--clone-TEXT-vukadi33 a:hover {
  
}

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

#BUTTON-k309d18x {
  align-self: start;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 7;
grid-row-start: 6;
height: 44px;
justify-self: start;
margin-left: 0%;
margin-top: 0px;
width: 49.00000000000001%;
  
}
#BUTTON-k309d18x .x-button-wrapper {
  --width: 49.00000000000001%;
-webkit-text-stroke: 0px #000000ff;
background: var(--color_32);
border-color: var(--color_32);
border-radius: 0px 0px 0px 0px;
border-style: solid;
border-width: 1.0px;
color: #ffffffff;
font-size: 16.0px;
height: 100%;
text-align: center;
width: 100%;
  border:   ;


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

  #BUTTON-k309d18x{
    transition-duration: 0.1s;
    transition-delay: 0s;
    transition-property: transform;
    transition-timing-function: ease-out;
    will-change: transform;
  }
  #BUTTON-k309d18x:hover > * {
    background: #ffffff00 !important;
  }
  #BUTTON-k309d18x{
    transition-duration: 0.1s;
    transition-delay: 0s;
    transition-property: transform;
    transition-timing-function: ease-out;
    will-change: transform;
  }
  #BUTTON-k309d18x:hover, #BUTTON-k309d18x:hover > * {
    color: var(--color_04) !important;
  }
#BUTTON-2io4k9xx {
  align-self: start;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 7;
grid-row-start: 6;
height: 44px;
justify-self: end;
margin-right: 0%;
margin-top: 0px;
width: 49.00000000000001%;
  
}
#BUTTON-2io4k9xx .x-button-wrapper {
  --width: 49.00000000000001%;
-webkit-text-stroke: 0px #000000ff;
background: var(--color_32);
border-color: var(--color_32);
border-radius: 0px 0px 0px 0px;
border-style: solid;
border-width: 1.0px;
color: #ffffffff;
font-size: 16.0px;
height: 100%;
text-align: center;
width: 100%;
  border:   ;


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

  #BUTTON-2io4k9xx{
    transition-duration: 0.1s;
    transition-delay: 0s;
    transition-property: transform;
    transition-timing-function: ease-out;
    will-change: transform;
  }
  #BUTTON-2io4k9xx:hover > * {
    background: #ffffff00 !important;
  }
  #BUTTON-2io4k9xx{
    transition-duration: 0.1s;
    transition-delay: 0s;
    transition-property: transform;
    transition-timing-function: ease-out;
    will-change: transform;
  }
  #BUTTON-2io4k9xx:hover, #BUTTON-2io4k9xx:hover > * {
    color: var(--color_04) !important;
  }
#CART-DROPPABLE-8pk87r0w {
  
  
  background: #ffffff;
  top: 0;
  right: 0;
  width: 450px;
  height: var(--viewport-height, 100vh);
  grid-template-columns: 12px 1fr 12px;
  grid-template-rows: minmax(60px, max-content) minmax(15px, max-content) minmax(100px, max-content) minmax(20px, max-content) minmax(60px, max-content);
  column-gap: 0px;
  row-gap: 0px;
  overflow-x: auto;
  
}

#CART-DROPPABLE-8pk87r0w.anim {
  --width: 450px;
  animation: slide-right 0.2s ease;
}

#RECT-6g5mkos7 {
  align-self: center;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 2;
grid-row-start: 1;
height: 46px;
justify-self: center;
margin-left: calc(0% * 2);
margin-top: calc(0px * 2);
width: 100%;
  
  
  border-radius: 4px 4px 4px 4px;
  
}
#RECT-6g5mkos7 .x-rect {
  --width: 100%;
background: #f3f5f6;
border-color: #000000ff;
border-radius: 4px 4px 4px 4px;
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, #f3f5f6);
}
#RECT-6g5mkos7::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-pqplh510"], .--clone-TEXT-pqplh510 {
  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: center;
margin-left: calc(0% * 2);
margin-top: calc(0px * 2);
width: 49.8%;
  
}
[id^="TEXT-pqplh510"] .x-text,
[id^="TEXT-pqplh510"] .x-text a,
.--clone-TEXT-pqplh510 .x-text,
.--clone-TEXT-pqplh510 .x-text a {
  min-height: 12px;
  --width: 49.8%;
-webkit-text-stroke: 0px #000000ff;
color: var(--font_color_2);
font: var(--font_2);
font-size: 23.4px;
height: 100%;
line-height: 1.5;
text-align: center;
width: 100%;
  color: var(--active-color, var(--font_color_2));
}
[id^="TEXT-pqplh510"] .x-text:hover,
.--clone-TEXT-pqplh510 .x-text:hover,
[id^="TEXT-pqplh510"] a:hover,
.--clone-TEXT-pqplh510 a:hover {
  
}


#IMAGE-z1agagw8 {
  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: 50%;
  
}
#IMAGE-z1agagw8 picture {
  --width: 50%;
border-color: #000000ff;
height: 100%;
width: 100%;
}
[id^="TEXT-jipls7vd"], .--clone-TEXT-jipls7vd {
  font-size: 0px;
  align-self: start;
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: 0px;
width: 58.34498558044433%;
  
}
[id^="TEXT-jipls7vd"] .x-text,
[id^="TEXT-jipls7vd"] .x-text a,
.--clone-TEXT-jipls7vd .x-text,
.--clone-TEXT-jipls7vd .x-text a {
  min-height: 12px;
  --width: 58.34498558044433%;
-webkit-text-stroke: 0px #000000ff;
color: var(--font_color_5);
font: var(--font_5);
font-size: 18.0px;
font-weight: 400;
height: 100%;
text-align: center;
width: 100%;
  color: var(--active-color, var(--font_color_5));
}
[id^="TEXT-jipls7vd"] .x-text:hover,
.--clone-TEXT-jipls7vd .x-text:hover,
[id^="TEXT-jipls7vd"] a:hover,
.--clone-TEXT-jipls7vd a:hover {
  
}

#BUTTON-73w5nxq5 {
  align-self: end;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 6;
grid-row-start: 5;
height: 46px;
justify-self: center;
margin-bottom: 0px;
margin-left: calc(0% * 2);
width: 100%;
  
}
#BUTTON-73w5nxq5 .x-button-wrapper {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
background: var(--color_32);
border-color: var(--color_32);
border-radius: 0px 0px 0px 0px;
border-style: solid;
border-width: 1.0px;
color: #ffffffff;
font-size: 15.0px;
height: 100%;
text-align: center;
width: 100%;
  border:   ;


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

  #BUTTON-73w5nxq5{
    transition-duration: 0.1s;
    transition-delay: 0s;
    transition-property: transform;
    transition-timing-function: ease-out;
    will-change: transform;
  }
  #BUTTON-73w5nxq5:hover > * {
    background: #ffffff00 !important;
  }
  #BUTTON-73w5nxq5{
    transition-duration: 0.1s;
    transition-delay: 0s;
    transition-property: transform;
    transition-timing-function: ease-out;
    will-change: transform;
  }
  #BUTTON-73w5nxq5:hover, #BUTTON-73w5nxq5:hover > * {
    color: var(--color_04) !important;
  }
