#SECTION-m38yi8nb {
  height: auto;
  grid-template-columns: 30px 1fr 30px;
  grid-template-rows: minmax(64px, max-content) minmax(50px, max-content) minmax(50px, max-content) minmax(50px, max-content) minmax(64px, max-content);
  column-gap: 0px;
  row-gap: 0px;
  
  
  
  
  --box-shadow: none;
  
  transition: opacity 0.3s ease, visibility 0.3s ease;
  
}

#SECTION-m38yi8nb .x-section-background {
  background: #FFFFFF;
  
  
  
  
  
  
  --height: 0;
  --bg: #FFFFFF;
}

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



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


#CONTAINER-kt4gv5h7 {
  --bg: #10243E;
  background: #10243E;
border-color: #000000ff;
border-style: solid;
border-width: 0.0px;
padding-bottom: 8px;
padding-top: 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: 1fr;grid-template-rows: minmax(44px, max-content);height: auto;justify-self: center;margin-left: calc(% * 2);margin-top: px;max-width: 1200px;min-width: 0;row-gap: 16px;width: 100%;
  
  
  
  
  
  border: 0px solid #000000ff;


  
}

[id^="TEXT-t2uim286"], .--clone-TEXT-t2uim286 {
  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: stretch;
margin-bottom: calc(2px * 2);
margin-left: 0%;
margin-right: 0%;
min-width: 0;
width: auto;
  
}
[id^="TEXT-t2uim286"] .x-text,
[id^="TEXT-t2uim286"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-t2uim286 .x-text,
.--clone-TEXT-t2uim286 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #FFFFFF);
font: Questrial;
font-family: 'Anuphan', sans-serif;
font-size: 14.0px;
font-weight: 500;
height: 100%;
letter-spacing: 0.02em;
line-height: 1.5;
text-align: center;
width: 100%;
  
}
[id^="TEXT-t2uim286"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-t2uim286 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #FFFFFF);
}
[id^="TEXT-t2uim286"] .x-text:hover,
.--clone-TEXT-t2uim286 .x-text:hover,
[id^="TEXT-t2uim286"] a:hover,
.--clone-TEXT-t2uim286 a:hover {
  
}



#CONTAINER-a92496kv {
  --bg: #FFFFFF;
  background: #FFFFFF;
border-color: #000000ff;
border-style: solid;
border-width: 0.0px;
padding-bottom: 12px;
padding-top: 12px;
  --width: 100%;align-self: start;column-gap: 32px;display: none;grid-column-end: 3;grid-column-start: 2;grid-row-end: 4;grid-row-start: 3;grid-template-columns: 120px 1fr 44px;grid-template-rows: minmax(50px, max-content);height: auto;justify-self: center;margin-left: calc(% * 2);margin-top: px;max-width: 1200px;min-width: 0;row-gap: 24px;width: 100%;
  
  
  
  
  
  border: 0px solid #000000ff;


  
}

[id^="IMAGE-3yxjdaae"] {
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 2;
grid-row-start: 1;
height: auto;
justify-self: start;
margin-left: %;
margin-top: px;
max-width: 80px;
min-width: 0;
width: 100%;
  
  
}
[id^="IMAGE-3yxjdaae"] picture {
  --width: 100%;
height: 100%;
width: 100%;
}
[id^="IMAGE-3yxjdaae"] .overlay-image {
  background: ;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
#MENU-y906l7mg {
  --width: 100%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 2;grid-row-start: 1;height: auto;justify-self: stretch;margin-left: %;margin-right: %;margin-top: px;min-width: 0;width: auto;
  --active-link-color: #17212B;
  
  
  
  
  
}


#MENU-y906l7mg .x-rect {
  --gap: 28px;
--pad-x: 8px;
--pad-y: 12px;
-webkit-text-stroke: 0px #000000ff;
background: #FFFFFF;
color: #17212B;
font: Questrial;
font-family: 'Anuphan', sans-serif;
font-size: 15.0px;
font-weight: 500;
justify-content: center;
  
}
#MENU-y906l7mg > ul {
  background: #FFFFFF;
  justify-content: center;
  align-items: center;
  gap: 28px;
  
  border-radius: inherit;
}
#MENU-y906l7mg > ul > .menu-item .tag-link {
  --gap: 28px;
--pad-x: 8px;
--pad-y: 12px;
-webkit-text-stroke: 0px #000000ff;
background: #FFFFFF;
color: #17212B;
font: Questrial;
font-family: 'Anuphan', sans-serif;
font-size: 15.0px;
font-weight: 500;
justify-content: center;
}
#MENU-y906l7mg > ul > .menu-item.menu-item-active-link > .tag-link,
#MENU-y906l7mg > ul > .menu-item.menu-item-active-link > * > .tag-link {
  color: var(--active-link-color);
  
  
  
  
}
#MENU-y906l7mg > ul > .menu-item:not(:first-child) {
  
}
#MENU-y906l7mg ul li .tag-link {
  border-style: none none none none;

}
#MENU-y906l7mg ul li .tag-link:hover {
  color: #1B4F7A !important;
background: #FFFFFF;






border-style: none none none none;

}

#MENU-y906l7mg > ul > .menu-item svg {
  width: 12px;
  height: 12px;
}

#MENU-y906l7mg .arrow { color: #10243E; }
#MENU-y906l7mg.horizontal-menu > ul > .menu-item > .x-submenu {
  top: 100%;
}


#MENU-ITEM-fhwqxrvk > a, #MENU-ITEM-fhwqxrvk > div {
  color: #17212B !important;
  font-weight: 500 !important;
  
  
  
  
  font-size: 15px !important;
  
  -webkit-text-stroke: 0px #000000ff !important;
}

#SUBMENU-0hv9lj2f {
  
  
  width: 100%;
  height: auto;
  grid-template-columns: 1fr;
  grid-template-rows: minmax(50px, max-content);
  column-gap: 0px;
  row-gap: 16px;
  background: #FFFFFF;
border-radius: 8px;
box-shadow: 0 8px 24px rgba(16,36,62,0.08);
  
  
  
}
.vertical-menu #MENU-ITEM-fhwqxrvk.menu-item:hover > .x-submenu {
  display: grid;
}

#MENU-pbzu7hxi {
  --width: 100%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;height: auto;justify-self: stretch;margin-left: %;margin-right: %;margin-top: px;min-width: 0;width: auto;
  --active-link-color: #17212B;
  
  
  
  
  
}


#MENU-pbzu7hxi .x-rect {
  --pad-x: 18px;
--pad-y: 12px;
background: #FFFFFF;
color: #17212B;
font: Questrial;
font-size: 15.0px;
  
}
#MENU-pbzu7hxi > ul {
  background: #FFFFFF;
  
  
  
  height: auto;
  border-radius: inherit;
}
#MENU-pbzu7hxi > ul > .menu-item .tag-link {
  --pad-x: 18px;
--pad-y: 12px;
background: #FFFFFF;
color: #17212B;
font: Questrial;
font-size: 15.0px;
}
#MENU-pbzu7hxi > ul > .menu-item.menu-item-active-link > .tag-link,
#MENU-pbzu7hxi > ul > .menu-item.menu-item-active-link > * > .tag-link {
  color: var(--active-link-color);
  
  
  
  
}
#MENU-pbzu7hxi > ul > .menu-item:not(:first-child) {
  
}
#MENU-pbzu7hxi ul li .tag-link {
  border-style: none none none none;

}
#MENU-pbzu7hxi ul li .tag-link:hover,
#MENU-pbzu7hxi ul li > a:hover {
  







border-style: none none none none;

}





#MENU-ITEM-cvtxzvmk > a, #MENU-ITEM-cvtxzvmk > div {
  
  
  
  
  
  
  
  
  
}

#MENU-ITEM-4ixseb9f > a, #MENU-ITEM-4ixseb9f > div {
  
  
  
  
  
  
  
  
  
}

#MENU-ITEM-5g720bqy > a, #MENU-ITEM-5g720bqy > div {
  
  
  
  
  
  
  
  
  
}

#MENU-ITEM-ns5phl3m > a, #MENU-ITEM-ns5phl3m > div {
  color: #17212B !important;
  font-weight: 500 !important;
  
  
  
  
  font-size: 15px !important;
  
  
}

#MENU-ITEM-pdacdhmb > a, #MENU-ITEM-pdacdhmb > div {
  color: #17212B !important;
  font-weight: 500 !important;
  
  
  
  
  font-size: 15px !important;
  
  
}


#CONTAINER-8t2ubxav {
  --bg: ;
  border-color: #000000ff;
border-style: solid;
border-width: 0.0px;
  --width: 100%;align-self: start;column-gap: 0px;grid-column-end: 4;grid-column-start: 3;grid-row-end: 2;grid-row-start: 1;grid-template-columns: 44px;grid-template-rows: minmax(50px, max-content);height: auto;justify-self: stretch;margin-left: %;margin-right: %;margin-top: px;max-width: 44px;min-width: 0;row-gap: 24px;width: auto;
  
  
  
  
  
  border: 0px solid #000000ff;


  
}
#CART-ICON-8rqder95 {
  --width: 100%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;height: 44px;justify-self: stretch;margin-left: %;margin-right: %;margin-top: px;min-width: 0;width: auto;
  
}
#CART-ICON-8rqder95 .x-cart-icon {
  background: #FFFFFF;
border-color: #000000ff;
border-radius: 8px;
border-style: solid;
border-width: 0.0px;
color: #10243E;
}
#CART-ICON-8rqder95 .x-cart-item-count {
  position: absolute;
  top: -11.0px;
  right: -11.0px;
  width: 22.0px;
  height: 22.0px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #10243E;
border-radius: 50%;
color: #FFFFFF;
font-family: Questrial;
font-size: 10.0px;
}
#CART-ICON-8rqder95 .x-image-cart-icon {
  border-radius: 8px;
}

#CONTAINER-ndygqs0b {
  --bg: #FFFFFF;
  background: #FFFFFF;
border-color: #000000ff;
border-style: solid;
border-width: 0.0px;
padding-bottom: 10px;
padding-top: 10px;
  --width: 100%;align-self: start;column-gap: 16px;grid-column-end: 3;grid-column-start: 2;grid-row-end: 5;grid-row-start: 4;grid-template-columns: 44px 1fr 44px;grid-template-rows: minmax(50px, max-content);height: auto;justify-self: start;margin-left: %;margin-top: 0px;max-width: 1200px;min-width: 0;row-gap: 24px;width: 100%;
  
  
  
  
  
  border: 0px solid #000000ff;


  
}
#MENU-9wwhchrx {
  --width: 100%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;height: auto;justify-self: stretch;margin-left: 0%;margin-right: 0%;margin-top: px;min-width: 0;width: auto;
  --active-link-color: #10243E;
  
  
  
  
  
}


#MENU-9wwhchrx .x-rect {
  -webkit-text-stroke: 0px #000000ff;
background: var(--color_00);
border-radius: 8px;
color: #10243E;
font-family: 'Anuphan', sans-serif;
  
}
#MENU-9wwhchrx > ul {
  background: var(--color_00);
  
  
  
  
  border-radius: inherit;
}
#MENU-9wwhchrx > ul > .menu-item .tag-link {
  -webkit-text-stroke: 0px #000000ff;
background: var(--color_00);
border-radius: 8px;
color: #10243E;
font-family: 'Anuphan', sans-serif;
}
#MENU-9wwhchrx > ul > .menu-item.menu-item-active-link > .tag-link,
#MENU-9wwhchrx > ul > .menu-item.menu-item-active-link > * > .tag-link {
  color: var(--active-link-color);
  
  
  
  
}
#MENU-9wwhchrx > ul > .menu-item:not(:first-child) {
  
}
#MENU-9wwhchrx ul li .tag-link {
  border-style: none none none none;

}
#MENU-9wwhchrx ul li .tag-link:hover,
#MENU-9wwhchrx ul li > a:hover {
  







border-style: none none none none;

}


#MENU-9wwhchrx .arrow { color: #10243E; }


#MENU-DROPPABLE-f834uexb {
  background: #FFFFFF;
overflow-y: auto;
  top: 0;
  right: 0;
  width: 100%;
  height: var(--viewport-height, 100vh);
  grid-template-columns: 1fr;
  grid-template-rows: minmax(50px, max-content);
  column-gap: 0px;
  row-gap: 16px;
  --width: 100%;
  
  overflow_x: visible;
  overflow_y: auto;
  
}
#MENU-pcaaas6o {
  --width: %;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;height: auto;justify-self: stretch;margin-left: %;margin-right: %;margin-top: px;min-width: 0;width: auto;
  --active-link-color: #17212B;
  
  
  
  
  
}


#MENU-pcaaas6o .x-rect {
  --pad-x: 20px;
--pad-y: 14px;
-webkit-text-stroke: 0px #000000ff;
background: #FFFFFF;
color: #17212B;
font: Questrial;
font-size: 16.0px;
font-weight: 500;
justify-content: flex-start;
  
}
#MENU-pcaaas6o > ul {
  background: #FFFFFF;
  justify-content: flex-start;
  align-items: flex-start;
  
  height: auto;
  border-radius: inherit;
}
#MENU-pcaaas6o > ul > .menu-item .tag-link {
  --pad-x: 20px;
--pad-y: 14px;
-webkit-text-stroke: 0px #000000ff;
background: #FFFFFF;
color: #17212B;
font: Questrial;
font-size: 16.0px;
font-weight: 500;
justify-content: flex-start;
}
#MENU-pcaaas6o > ul > .menu-item.menu-item-active-link > .tag-link,
#MENU-pcaaas6o > ul > .menu-item.menu-item-active-link > * > .tag-link {
  color: var(--active-link-color);
  
  
  
  
}
#MENU-pcaaas6o > ul > .menu-item:not(:first-child) {
  
}
#MENU-pcaaas6o ul li .tag-link {
  border-style: none none none none;

}
#MENU-pcaaas6o ul li .tag-link:hover,
#MENU-pcaaas6o ul li > a:hover {
  color: #1B4F7A !important;
background: #F6F8FA;






border-style: none none none none;

}


#MENU-pcaaas6o .arrow { color: #10243E; }


#MENU-ITEM-py8wk7ur > a, #MENU-ITEM-py8wk7ur > div {
  color: #17212B !important;
  font-weight: 500 !important;
  
  
  
  
  font-size: 15px !important;
  
  
}

#SUBMENU-xxkzlofq {
  
  
  width: 100%;
  height: auto;
  grid-template-columns: 1fr;
  grid-template-rows: minmax(50px, max-content);
  column-gap: 0px;
  row-gap: 16px;
  background: #FFFFFF;
border-radius: 8px;
box-shadow: 0 8px 24px rgba(16,36,62,0.08);
  
  
  
}
.vertical-menu #MENU-ITEM-py8wk7ur.menu-item:hover > .x-submenu {
  display: grid;
}

#MENU-dwn7ux5h {
  --width: 100%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;height: auto;justify-self: stretch;margin-left: %;margin-right: %;margin-top: px;min-width: 0;width: auto;
  --active-link-color: #17212B;
  
  
  
  
  
}


#MENU-dwn7ux5h .x-rect {
  --pad-x: 18px;
--pad-y: 12px;
background: #FFFFFF;
color: #17212B;
font: Questrial;
font-size: 15.0px;
  
}
#MENU-dwn7ux5h > ul {
  background: #FFFFFF;
  
  
  
  height: auto;
  border-radius: inherit;
}
#MENU-dwn7ux5h > ul > .menu-item .tag-link {
  --pad-x: 18px;
--pad-y: 12px;
background: #FFFFFF;
color: #17212B;
font: Questrial;
font-size: 15.0px;
}
#MENU-dwn7ux5h > ul > .menu-item.menu-item-active-link > .tag-link,
#MENU-dwn7ux5h > ul > .menu-item.menu-item-active-link > * > .tag-link {
  color: var(--active-link-color);
  
  
  
  
}
#MENU-dwn7ux5h > ul > .menu-item:not(:first-child) {
  
}
#MENU-dwn7ux5h ul li .tag-link {
  border-style: none none none none;

}
#MENU-dwn7ux5h ul li .tag-link:hover,
#MENU-dwn7ux5h ul li > a:hover {
  







border-style: none none none none;

}





#MENU-ITEM-gva91ydl > a, #MENU-ITEM-gva91ydl > div {
  
  
  
  
  
  
  
  
  
}

#MENU-ITEM-5bw9z79l > a, #MENU-ITEM-5bw9z79l > div {
  
  
  
  
  
  
  
  
  
}

#MENU-ITEM-7o07m1fb > a, #MENU-ITEM-7o07m1fb > div {
  
  
  
  
  
  
  
  
  
}

#MENU-ITEM-o1ct0t9p > a, #MENU-ITEM-o1ct0t9p > div {
  color: #17212B !important;
  font-weight: 500 !important;
  
  
  
  
  font-size: 15px !important;
  
  
}

#MENU-ITEM-85x83ytr > a, #MENU-ITEM-85x83ytr > div {
  color: #17212B !important;
  font-weight: 500 !important;
  
  
  
  
  font-size: 15px !important;
  
  
}


[id^="IMAGE-4qqqbq3u"] {
  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-right: calc(4.236713665943601e-4% * 2);
margin-top: 0px;
max-width: 64px;
min-width: 0;
width: 13.879473969631237%;
  
  
}
[id^="IMAGE-4qqqbq3u"] picture {
  --width: 13.879473969631237%;
height: 100%;
width: 100%;
}
[id^="IMAGE-4qqqbq3u"] .overlay-image {
  background: ;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
#CART-ICON-1rfivdew {
  --width: 100%;align-self: start;grid-column-end: 4;grid-column-start: 3;grid-row-end: 2;grid-row-start: 1;height: 44px;justify-self: stretch;margin-left: 0%;margin-right: 0%;margin-top: px;min-width: 0;width: auto;
  
}
#CART-ICON-1rfivdew .x-cart-icon {
  background: #FFFFFF;
border-radius: 8px;
color: #10243E;
}
#CART-ICON-1rfivdew .x-cart-item-count {
  position: absolute;
  top: -11.0px;
  right: -11.0px;
  width: 22.0px;
  height: 22.0px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #10243E;
border-radius: 50%;
color: #FFFFFF;
font-family: Questrial;
font-size: 10.0px;
}
#CART-ICON-1rfivdew .x-image-cart-icon {
  border-radius: 8px;
}
#SECTION-hbcat-title {
  height: auto;
  grid-template-columns: 24px 1fr 24px;
  grid-template-rows: minmax(48px, max-content) minmax(0px, max-content) minmax(12px, max-content) minmax(0px, max-content) minmax(12px, max-content) minmax(0px, max-content) minmax(12px, max-content) minmax(0px, max-content) minmax(20px, max-content);
  column-gap: 0px;
  row-gap: 0px;
  
  
  
  
  
  
  transition: opacity 0.3s ease, visibility 0.3s ease;
  
}

#SECTION-hbcat-title .x-section-background {
  background: #F6F8FA;
  
  
  
  
  
  
  --height: 0;
  --bg: #F6F8FA;
}

#SECTION-hbcat-title .x-section-video-background {
  
  
}



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


[id^="TEXT-hbcat-001"], .--clone-TEXT-hbcat-001 {
  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: stretch;
margin-left: %;
margin-right: %;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-hbcat-001"] .x-text,
[id^="TEXT-hbcat-001"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-hbcat-001 .x-text,
.--clone-TEXT-hbcat-001 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: %;
color: var(--active-color, #1B4F7A);
font-size: 13.0px;
font-weight: 600;
height: 100%;
letter-spacing: 0.2em;
line-height: 1.5;
text-align: center;
width: 100%;
  
}
[id^="TEXT-hbcat-001"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-hbcat-001 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #1B4F7A);
}
[id^="TEXT-hbcat-001"] .x-text:hover,
.--clone-TEXT-hbcat-001 .x-text:hover,
[id^="TEXT-hbcat-001"] a:hover,
.--clone-TEXT-hbcat-001 a:hover {
  
}



[id^="TEXT-DATASET-hbcat-name"], .--clone-TEXT-DATASET-hbcat-name {
  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: stretch;
margin-left: %;
margin-right: %;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-DATASET-hbcat-name"] .x-text,
[id^="TEXT-DATASET-hbcat-name"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-DATASET-hbcat-name .x-text,
.--clone-TEXT-DATASET-hbcat-name .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: %;
-webkit-text-stroke: 0px #000000ff;
border-color: #000000ff;
color: var(--active-color, #17212B);
font: var(--font_1);
font-size: 34.0px;
font-weight: 400;
height: 100%;
line-height: 1.35;
text-align: center;
width: 100%;
  
}
[id^="TEXT-DATASET-hbcat-name"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-DATASET-hbcat-name .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #17212B);
}
[id^="TEXT-DATASET-hbcat-name"] .x-text:hover,
.--clone-TEXT-DATASET-hbcat-name .x-text:hover,
[id^="TEXT-DATASET-hbcat-name"] a:hover,
.--clone-TEXT-DATASET-hbcat-name a:hover {
  
}



[id^="TEXT-DATASET-hbcat-desc"], .--clone-TEXT-DATASET-hbcat-desc {
  font-size: 0px;
  align-self: start;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 7;
grid-row-start: 6;
height: auto;
justify-self: stretch;
margin-left: %;
margin-right: %;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-DATASET-hbcat-desc"] .x-text,
[id^="TEXT-DATASET-hbcat-desc"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-DATASET-hbcat-desc .x-text,
.--clone-TEXT-DATASET-hbcat-desc .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: %;
-webkit-text-stroke: 0px #000000ff;
border-color: #000000ff;
color: var(--active-color, #65717C);
font: var(--font_7);
font-size: 16.0px;
font-weight: 400;
height: 100%;
line-height: 1.8;
text-align: center;
width: 100%;
  
}
[id^="TEXT-DATASET-hbcat-desc"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-DATASET-hbcat-desc .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #65717C);
}
[id^="TEXT-DATASET-hbcat-desc"] .x-text:hover,
.--clone-TEXT-DATASET-hbcat-desc .x-text:hover,
[id^="TEXT-DATASET-hbcat-desc"] a:hover,
.--clone-TEXT-DATASET-hbcat-desc a:hover {
  
}



[id^="TEXT-hbcat-002"], .--clone-TEXT-hbcat-002 {
  font-size: 0px;
  align-self: start;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 9;
grid-row-start: 8;
height: auto;
justify-self: stretch;
margin-left: %;
margin-right: %;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-hbcat-002"] .x-text,
[id^="TEXT-hbcat-002"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-hbcat-002 .x-text,
.--clone-TEXT-hbcat-002 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: %;
color: var(--active-color, #65717C);
font-size: 16.0px;
font-weight: 400;
height: 100%;
line-height: 1.8;
text-align: center;
width: 100%;
  
}
[id^="TEXT-hbcat-002"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-hbcat-002 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #65717C);
}
[id^="TEXT-hbcat-002"] .x-text:hover,
.--clone-TEXT-hbcat-002 .x-text:hover,
[id^="TEXT-hbcat-002"] a:hover,
.--clone-TEXT-hbcat-002 a:hover {
  
}


#SECTION-hbcat-grid {
  height: auto;
  grid-template-columns: 24px 1fr 24px;
  grid-template-rows: minmax(20px, max-content) minmax(0px, max-content) minmax(22px, max-content) minmax(0px, max-content) minmax(64px, max-content);
  column-gap: 0px;
  row-gap: 0px;
  
  
  
  
  
  
  transition: opacity 0.3s ease, visibility 0.3s ease;
  
}

#SECTION-hbcat-grid .x-section-background {
  background: #FFFFFF;
  
  
  
  
  
  
  --height: 0;
  --bg: #FFFFFF;
}

#SECTION-hbcat-grid .x-section-video-background {
  
  
}



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

#GRID-PRODUCT-hbcat-main {
  --width: 100%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;height: auto;justify-self: stretch;margin-left: 0%;margin-right: 0%;margin-top: px;min-width: 0;width: auto;
  
}

#GRID-PRODUCT-hbcat-main .grid-product--inner img,
#GRID-PRODUCT-hbcat-main .grid-product--inner video {
  object-fit: contain;
}
#GRID-PRODUCT-hbcat-main .grid-product--title {
  line-clamp: 1;
  -webkit-line-clamp: 1;
}

#GRID-PRODUCT-hbcat-main .grid-product--wrapper {
  margin-bottom: 12px;
}
#GRID-PRODUCT-hbcat-main .empty-product {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#GRID-PRODUCT-hbcat-main .empty-product .empty-product-image {
  width: 160px;
  height: 160px;
}
#GRID-PRODUCT-hbcat-main .empty-product .empty-product-text {
  color: #25282A;
  text-align: center;
  max-width: 357px;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
#GRID-PRODUCT-hbcat-main .empty-product .empty-product-description {
  color: #43484C;
  text-align: center;
  max-width: 425px;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
#GRID-PRODUCT-hbcat-main .grid-product--wrapper {
  display: grid;
  column-gap: 28px;
  row-gap: 44px;
  
  grid-template-columns: repeat(2, 1fr);

  
  
  
}
#GRID-PRODUCT-hbcat-main .slider-product--item:hover {
  
}



#GRID-PRODUCT-hbcat-main .slider-product--item:hover .product-overlay[data-type="quick-view"] {
  display: grid;
}


#GRID-PRODUCT-hbcat-main .slider-product--item {
  display: flex;
  flex-direction: column;
  
  
  
  
border-color: #000;


}





#GRID-PRODUCT-hbcat-main .grid-product--inner img,
#GRID-PRODUCT-hbcat-main .grid-product--inner video
{
  border-radius: 16px;
}

#GRID-PRODUCT-hbcat-main .grid-product--info {
  text-align: center;
  padding: 24px 0px;
  justify-content: unset;
  align-items: center
}
#GRID-PRODUCT-hbcat-main .grid-product--category {
  
  
  
  
  
  
  
  padding: 0px 0px;
}
#GRID-PRODUCT-hbcat-main .grid-product--title {
  
  font-family: 'Anuphan', sans-serif;
  font-weight: 500;
  font-size: 19px;
  
  color: #17212B;
  
  
  line-height: 1.5715;
  min-height: 29.8585px;
}

#GRID-PRODUCT-hbcat-main .grid-product--title-wrapper {
  margin: 0px 0px;
}

#GRID-PRODUCT-hbcat-main .grid-product--price {
  margin-top: 5px;
  margin-bottom: 5px;
}
#GRID-PRODUCT-hbcat-main .grid-product--retail-price, #GRID-PRODUCT-hbcat-main .grid-product--selling-price {
  
  font-family: 'Anuphan', sans-serif;
  font-weight: 600;
  font-size: 17px;
  
  color: #10243E;
  
  margin: 0 0px;
}
#GRID-PRODUCT-hbcat-main .grid-product--origin-price {
  
  font-family: 'Anuphan', sans-serif;
  
  font-size: 15px;
  
  color: #65717C;
  
  margin: 0 5px;
}
#GRID-PRODUCT-hbcat-main .grid-product--discount {
  padding: 0px 0px;
  background: rgba(0, 0, 0, 0);
  border-radius: 0px;
  font: ;
  color: ;
  font-family: ;
  font-size: px;
  font-weight: ;
  font-style: ;
  text-decoration: ;
}
#GRID-PRODUCT-hbcat-main .grid-product--wholesale-price {
  
  
  
  
  
  
}




#GRID-PRODUCT-hbcat-main .grid-product--btn-add-cart {
  background-color: #10243E;
  
  
  border-radius: 8px;
  
  font-family: 'Anuphan', sans-serif;
  font-weight: 500;
  
  
  color: #FFFFFF;
  font-size: 16px;
  margin: auto 0px 0px 0px;
  padding: 8px 16px;
  letter-spacing: 0px;
  line-height: 1.5;
}
#GRID-PRODUCT-hbcat-main .grid-product--btn-add-cart:hover {
  
  
}





#GRID-PRODUCT-hbcat-main .product--ribbons-wrapper {
  font-family: 'Roboto', sans-serif;
  font-weight: ;
  font-size: 12px;
  font-style: ;
  text-decoration: ;
  color: rgba(255, 255, 255, 1);
  flex-direction: row;
  padding: 0px 0px 0px 0px;
  display: none;
}
#GRID-PRODUCT-hbcat-main .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: ;
}




#GRID-PRODUCT-hbcat-main div[is_course_purchased_filter_color='true'] .grid-product--inner img {
  filter: grayscale(100%);
}


[id^="TEXT-hbcat-003"], .--clone-TEXT-hbcat-003 {
  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: stretch;
margin-left: %;
margin-right: %;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-hbcat-003"] .x-text,
[id^="TEXT-hbcat-003"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-hbcat-003 .x-text,
.--clone-TEXT-hbcat-003 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: %;
color: var(--active-color, #65717C);
font-size: 13.0px;
font-weight: 400;
height: 100%;
line-height: 1.7;
text-align: center;
width: 100%;
  
}
[id^="TEXT-hbcat-003"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-hbcat-003 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #65717C);
}
[id^="TEXT-hbcat-003"] .x-text:hover,
.--clone-TEXT-hbcat-003 .x-text:hover,
[id^="TEXT-hbcat-003"] a:hover,
.--clone-TEXT-hbcat-003 a:hover {
  
}


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

#SECTION-pp2-trust .x-section-background {
  background: #FFFFFF;
  
  
  
  
  
  
  --height: 0;
  --bg: #FFFFFF;
}

#SECTION-pp2-trust .x-section-video-background {
  
  
}



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


#CONTAINER-pp2r-084 {
  --bg: rgba(0,0,0,0);
  background: rgba(0,0,0,0);
border-radius: 0px;
  --width: 100%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;grid-template-columns: 1fr;grid-template-rows: minmax(0px, max-content) minmax(24px, max-content) minmax(0px, max-content) minmax(24px, max-content) minmax(0px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: px;min-width: 0;width: 100%;
  
  
  
  
  
  border:   ;


  
}

#CONTAINER-pp2c-076 {
  --bg: rgba(0,0,0,0);
  background: rgba(0,0,0,0);
border-radius: 0px;
  --width: 100%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;grid-template-columns: 1fr;grid-template-rows: minmax(0px, max-content) minmax(8px, max-content) minmax(0px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: px;min-width: 0;width: 100%;
  
  
  
  
  
  border:   ;


  
}

[id^="TEXT-pp2-074"], .--clone-TEXT-pp2-074 {
  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: stretch;
margin-left: %;
margin-right: %;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-pp2-074"] .x-text,
[id^="TEXT-pp2-074"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-pp2-074 .x-text,
.--clone-TEXT-pp2-074 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: %;
color: var(--active-color, #10243E);
font-size: 16.0px;
font-weight: 600;
height: 100%;
line-height: 1.5;
width: 100%;
  
}
[id^="TEXT-pp2-074"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-pp2-074 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #10243E);
}
[id^="TEXT-pp2-074"] .x-text:hover,
.--clone-TEXT-pp2-074 .x-text:hover,
[id^="TEXT-pp2-074"] a:hover,
.--clone-TEXT-pp2-074 a:hover {
  
}



[id^="TEXT-pp2-075"], .--clone-TEXT-pp2-075 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 4;
grid-row-start: 3;
height: auto;
justify-self: stretch;
margin-left: %;
margin-right: %;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-pp2-075"] .x-text,
[id^="TEXT-pp2-075"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-pp2-075 .x-text,
.--clone-TEXT-pp2-075 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: %;
color: var(--active-color, #65717C);
font-size: 14.0px;
font-weight: 400;
height: 100%;
line-height: 1.75;
width: 100%;
  
}
[id^="TEXT-pp2-075"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-pp2-075 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #65717C);
}
[id^="TEXT-pp2-075"] .x-text:hover,
.--clone-TEXT-pp2-075 .x-text:hover,
[id^="TEXT-pp2-075"] a:hover,
.--clone-TEXT-pp2-075 a:hover {
  
}



#CONTAINER-pp2c-079 {
  --bg: rgba(0,0,0,0);
  background: rgba(0,0,0,0);
border-radius: 0px;
  --width: 100%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 4;grid-row-start: 3;grid-template-columns: 1fr;grid-template-rows: minmax(0px, max-content) minmax(8px, max-content) minmax(0px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: px;min-width: 0;width: 100%;
  
  
  
  
  
  border:   ;


  
}

[id^="TEXT-pp2-077"], .--clone-TEXT-pp2-077 {
  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: stretch;
margin-left: %;
margin-right: %;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-pp2-077"] .x-text,
[id^="TEXT-pp2-077"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-pp2-077 .x-text,
.--clone-TEXT-pp2-077 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: %;
color: var(--active-color, #10243E);
font-size: 16.0px;
font-weight: 600;
height: 100%;
line-height: 1.5;
width: 100%;
  
}
[id^="TEXT-pp2-077"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-pp2-077 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #10243E);
}
[id^="TEXT-pp2-077"] .x-text:hover,
.--clone-TEXT-pp2-077 .x-text:hover,
[id^="TEXT-pp2-077"] a:hover,
.--clone-TEXT-pp2-077 a:hover {
  
}



[id^="TEXT-pp2-078"], .--clone-TEXT-pp2-078 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 4;
grid-row-start: 3;
height: auto;
justify-self: stretch;
margin-left: %;
margin-right: %;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-pp2-078"] .x-text,
[id^="TEXT-pp2-078"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-pp2-078 .x-text,
.--clone-TEXT-pp2-078 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: %;
color: var(--active-color, #65717C);
font-size: 14.0px;
font-weight: 400;
height: 100%;
line-height: 1.75;
width: 100%;
  
}
[id^="TEXT-pp2-078"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-pp2-078 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #65717C);
}
[id^="TEXT-pp2-078"] .x-text:hover,
.--clone-TEXT-pp2-078 .x-text:hover,
[id^="TEXT-pp2-078"] a:hover,
.--clone-TEXT-pp2-078 a:hover {
  
}



#CONTAINER-pp2c-083 {
  --bg: rgba(0,0,0,0);
  background: rgba(0,0,0,0);
border-radius: 0px;
  --width: 100%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 6;grid-row-start: 5;grid-template-columns: 1fr;grid-template-rows: minmax(0px, max-content) minmax(8px, max-content) minmax(0px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: px;min-width: 0;width: 100%;
  
  
  
  
  
  border:   ;


  
}

[id^="TEXT-pp2-080"], .--clone-TEXT-pp2-080 {
  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: stretch;
margin-left: %;
margin-right: %;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-pp2-080"] .x-text,
[id^="TEXT-pp2-080"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-pp2-080 .x-text,
.--clone-TEXT-pp2-080 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: %;
color: var(--active-color, #10243E);
font-size: 16.0px;
font-weight: 600;
height: 100%;
line-height: 1.5;
width: 100%;
  
}
[id^="TEXT-pp2-080"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-pp2-080 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #10243E);
}
[id^="TEXT-pp2-080"] .x-text:hover,
.--clone-TEXT-pp2-080 .x-text:hover,
[id^="TEXT-pp2-080"] a:hover,
.--clone-TEXT-pp2-080 a:hover {
  
}



[id^="TEXT-pp2-081"], .--clone-TEXT-pp2-081 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 4;
grid-row-start: 3;
height: auto;
justify-self: stretch;
margin-left: %;
margin-right: %;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-pp2-081"] .x-text,
[id^="TEXT-pp2-081"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-pp2-081 .x-text,
.--clone-TEXT-pp2-081 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: %;
color: var(--active-color, #65717C);
font-size: 14.0px;
font-weight: 400;
height: 100%;
line-height: 1.75;
width: 100%;
  
}
[id^="TEXT-pp2-081"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-pp2-081 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #65717C);
}
[id^="TEXT-pp2-081"] .x-text:hover,
.--clone-TEXT-pp2-081 .x-text:hover,
[id^="TEXT-pp2-081"] a:hover,
.--clone-TEXT-pp2-081 a:hover {
  
}


#SECTION-dl17y9ar {
  height: auto;
  grid-template-columns: 5px 1fr 5px;
  grid-template-rows: minmax(64px, max-content) minmax(50px, max-content) minmax(64px, max-content);
  column-gap: 0px;
  row-gap: 16px;
  
  
  
  
  
  
  transition: opacity 0.3s ease, visibility 0.3s ease;
  
}

#SECTION-dl17y9ar .x-section-background {
  background: var(--color_11);
  
  
  
  
  
  
  --height: 0;
  --bg: var(--color_11);
}

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



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


#CONTAINER-18at7b57 {
  --bg: rgba(0,0,0,0);
  background: rgba(0,0,0,0);
border: none;
border-color: #000000ff;
border-radius: 0px;
border-style: solid;
border-width: 0.0px;
box-shadow: none;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 0;
  --width: %;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;grid-template-columns: 1fr;grid-template-rows: minmax(44px, max-content) minmax(44px, max-content) minmax(44px, max-content) minmax(50px, max-content) minmax(44px, max-content);height: auto;justify-self: stretch;margin-left: %;margin-right: %;margin-top: px;min-width: 0;row-gap: 16px;width: auto;
  
  
  
  
  
  border: 0px solid #000000ff;


  
}

[id^="TEXT-iic7n1vk"], .--clone-TEXT-iic7n1vk {
  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: stretch;
margin-left: %;
margin-right: %;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-iic7n1vk"] .x-text,
[id^="TEXT-iic7n1vk"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-iic7n1vk .x-text,
.--clone-TEXT-iic7n1vk .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: %;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #C7D1DA);
font: Anuphan;
font-family: 'Anuphan', sans-serif;
font-size: 15.0px;
font-weight: 500;
height: 100%;
letter-spacing: 0.18em;
line-height: 1.5;
text-align: center;
width: 100%;
  
}
[id^="TEXT-iic7n1vk"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-iic7n1vk .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #C7D1DA);
}
[id^="TEXT-iic7n1vk"] .x-text:hover,
.--clone-TEXT-iic7n1vk .x-text:hover,
[id^="TEXT-iic7n1vk"] a:hover,
.--clone-TEXT-iic7n1vk a:hover {
  
}



[id^="TEXT-u4aul19f"], .--clone-TEXT-u4aul19f {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 3;
grid-row-start: 2;
height: auto;
justify-self: stretch;
margin-left: %;
margin-right: %;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-u4aul19f"] .x-text,
[id^="TEXT-u4aul19f"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-u4aul19f .x-text,
.--clone-TEXT-u4aul19f .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: %;
-webkit-text-stroke: 0px rgba(0, 0, 0, 1);
color: var(--active-color, #FFFFFF);
font: Anuphan;
font-family: 'Anuphan', sans-serif;
font-size: 34.0px;
font-weight: 400;
height: 100%;
line-height: 1.25;
text-align: center;
width: 100%;
  
}
[id^="TEXT-u4aul19f"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-u4aul19f .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #FFFFFF);
}
[id^="TEXT-u4aul19f"] .x-text:hover,
.--clone-TEXT-u4aul19f .x-text:hover,
[id^="TEXT-u4aul19f"] a:hover,
.--clone-TEXT-u4aul19f a:hover {
  
}



[id^="TEXT-woivlhx4"], .--clone-TEXT-woivlhx4 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 4;
grid-row-start: 3;
height: auto;
justify-self: stretch;
margin-left: %;
margin-right: %;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-woivlhx4"] .x-text,
[id^="TEXT-woivlhx4"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-woivlhx4 .x-text,
.--clone-TEXT-woivlhx4 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: %;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #C7D1DA);
font: Anuphan;
font-family: 'Anuphan', sans-serif;
font-size: 17.0px;
font-weight: 400;
height: 100%;
line-height: 1.8;
text-align: center;
width: 100%;
  
}
[id^="TEXT-woivlhx4"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-woivlhx4 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #C7D1DA);
}
[id^="TEXT-woivlhx4"] .x-text:hover,
.--clone-TEXT-woivlhx4 .x-text:hover,
[id^="TEXT-woivlhx4"] a:hover,
.--clone-TEXT-woivlhx4 a:hover {
  
}


#FORM-yvkje0ns {
  --width: %;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 5;grid-row-start: 4;grid-template-columns: 1fr;grid-template-rows: minmax(54px, max-content) minmax(54px, max-content);height: auto;justify-self: stretch;margin-left: %;margin-right: %;margin-top: px;min-width: 0;row-gap: 16px;width: auto;
  
  --icon-color: inherit;
  
}
#EMAIL-yhlj7jbo {
  --width: 520px;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;height: 54px;justify-self: center;margin-left: calc(% * 2);margin-top: px;min-width: 0;width: 520px;
  
}
#EMAIL-yhlj7jbo .input-label {
  margin-bottom: 8px;
  padding: 0 20px 0 1px;
  font-size: 16px;
  
  
}
#EMAIL-yhlj7jbo input {
  -webkit-text-stroke: 0px #000000ff;
  background: #ffffff00;
  padding: 3px 10px 3px 15px;
}
#EMAIL-yhlj7jbo input[type="date"] {
  -webkit-text-fill-color: initial;
}
#EMAIL-yhlj7jbo input::placeholder {
  color: #757575ff;
  -webkit-text-fill-color: #757575ff !important;
}

[id^="TEXT-wqlkumac"], .--clone-TEXT-wqlkumac {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 6;
grid-row-start: 5;
height: auto;
justify-self: stretch;
margin-left: %;
margin-right: %;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-wqlkumac"] .x-text,
[id^="TEXT-wqlkumac"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-wqlkumac .x-text,
.--clone-TEXT-wqlkumac .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: %;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #A7B6C2);
font: Anuphan;
font-family: 'Anuphan', sans-serif;
font-size: 14.0px;
font-weight: 400;
height: 100%;
line-height: 1.6;
text-align: center;
width: 100%;
  
}
[id^="TEXT-wqlkumac"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-wqlkumac .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #A7B6C2);
}
[id^="TEXT-wqlkumac"] .x-text:hover,
.--clone-TEXT-wqlkumac .x-text:hover,
[id^="TEXT-wqlkumac"] a:hover,
.--clone-TEXT-wqlkumac a:hover {
  
}


#BUTTON-e6oyob7o {
  align-self: end;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 3;
grid-row-start: 2;
height: 51.99609375px;
justify-self: center;
margin-bottom: 70.65625px;
margin-right: calc(0.03126238114104596% * 2);
min-width: 0;
width: 82.35625495245642%;
  
}
#BUTTON-e6oyob7o .x-button-wrapper {
  --width: 82.35625495245642%;
-webkit-text-stroke: 0px #000000ff;
background: #ffffff;
border-color: #B0B0B0;
border-radius: 8px 8px 8px 8px;
border-style: solid;
border-width: 1.0px;
box-shadow: 0px 1px 2px 0px rgba(14, 24, 41, 0.05);
color: #474747;
font-size: 13.0px;
font-weight: 500;
height: 100%;
text-align: center;
width: 100%;
  border:   ;


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

#SECTION-hbf01 {
  height: auto;
  grid-template-columns: 5px 1fr 5px;
  grid-template-rows: minmax(64px, max-content) minmax(50px, max-content) minmax(64px, max-content);
  column-gap: 0px;
  row-gap: 16px;
  
  
  
  
  
  
  transition: opacity 0.3s ease, visibility 0.3s ease;
  
}

#SECTION-hbf01 .x-section-background {
  background: #14181D;
  
  
  
  
  
  
  --height: 0;
  --bg: #14181D;
}

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



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


#CONTAINER-hbf-main {
  --bg: #14181D;
  background: #14181D;
border: none;
border-color: #000000ff;
border-radius: 28px;
border-style: solid;
border-width: 0.0px;
box-shadow: none;
padding-bottom: 0px;
padding-left: 28px;
padding-right: 28px;
padding-top: 0px;
  --width: 100%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;grid-template-columns: 1fr;grid-template-rows: minmax(50px, max-content) minmax(50px, max-content) minmax(50px, max-content);height: auto;justify-self: stretch;margin-left: 0%;margin-right: 0%;margin-top: px;min-width: 0;row-gap: 16px;width: auto;
  
  
  
  
  
  border: 0px solid #000000ff;


  
}

#CONTAINER-hbf-cols {
  --bg: ;
  
  --width: 100%;align-self: start;column-gap: 56px;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;grid-template-columns: 1fr 1fr;grid-template-rows: minmax(50px, max-content) minmax(50px, max-content) minmax(50px, max-content);height: auto;justify-self: stretch;margin-left: 0%;margin-right: 0%;margin-top: px;min-width: 0;row-gap: 12px;width: auto;
  
  
  
  
  
  border:   ;


  
}

#CONTAINER-hbf-brand {
  --bg: ;
  border-color: #000000ff;
border-style: solid;
border-width: 0.0px;
  --width: 100%;align-self: start;grid-column-end: 3;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;grid-template-columns: 1fr;grid-template-rows: minmax(44px, max-content) minmax(44px, max-content) minmax(44px, max-content);height: auto;justify-self: stretch;margin-left: 0%;margin-right: 0%;margin-top: px;min-width: 0;row-gap: 16px;width: auto;
  
  
  
  
  
  border: 0px solid #000000ff;


  
}

[id^="TEXT-hbf-brand-logo"], .--clone-TEXT-hbf-brand-logo {
  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: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-hbf-brand-logo"] .x-text,
[id^="TEXT-hbf-brand-logo"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-hbf-brand-logo .x-text,
.--clone-TEXT-hbf-brand-logo .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #FFFFFF);
font: Anuphan;
font-size: 22.0px;
font-weight: 600;
height: 100%;
letter-spacing: 0.02em;
line-height: 1.25;
width: 100%;
  
}
[id^="TEXT-hbf-brand-logo"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-hbf-brand-logo .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #FFFFFF);
}
[id^="TEXT-hbf-brand-logo"] .x-text:hover,
.--clone-TEXT-hbf-brand-logo .x-text:hover,
[id^="TEXT-hbf-brand-logo"] a:hover,
.--clone-TEXT-hbf-brand-logo a:hover {
  
}



[id^="TEXT-hbf-brand-tag"], .--clone-TEXT-hbf-brand-tag {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 3;
grid-row-start: 2;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-hbf-brand-tag"] .x-text,
[id^="TEXT-hbf-brand-tag"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-hbf-brand-tag .x-text,
.--clone-TEXT-hbf-brand-tag .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #98A2AB);
font: Anuphan;
font-family: 'Anuphan', sans-serif;
font-size: 15.0px;
font-weight: 400;
height: 100%;
line-height: 1.8;
width: 100%;
  
}
[id^="TEXT-hbf-brand-tag"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-hbf-brand-tag .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #98A2AB);
}
[id^="TEXT-hbf-brand-tag"] .x-text:hover,
.--clone-TEXT-hbf-brand-tag .x-text:hover,
[id^="TEXT-hbf-brand-tag"] a:hover,
.--clone-TEXT-hbf-brand-tag a:hover {
  
}



[id^="TEXT-hbf-brand-addr"], .--clone-TEXT-hbf-brand-addr {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 4;
grid-row-start: 3;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-hbf-brand-addr"] .x-text,
[id^="TEXT-hbf-brand-addr"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-hbf-brand-addr .x-text,
.--clone-TEXT-hbf-brand-addr .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #98A2AB);
font: Anuphan;
font-family: 'Anuphan', sans-serif;
font-size: 14.0px;
font-weight: 400;
height: 100%;
line-height: 1.7;
text-align: left;
width: 100%;
  
}
[id^="TEXT-hbf-brand-addr"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-hbf-brand-addr .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #98A2AB);
}
[id^="TEXT-hbf-brand-addr"] .x-text:hover,
.--clone-TEXT-hbf-brand-addr .x-text:hover,
[id^="TEXT-hbf-brand-addr"] a:hover,
.--clone-TEXT-hbf-brand-addr a:hover {
  
}



#CONTAINER-hbf-collapse {
  --bg: ;
  border-color: #000000ff;
border-style: solid;
border-width: 0.0px;
  --width: 100%;align-self: start;grid-column-end: 3;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;grid-template-columns: 1fr;grid-template-rows: minmax(44px, max-content);height: auto;justify-self: stretch;margin-left: 0%;margin-right: 0%;margin-top: px;min-width: 0;row-gap: 16px;width: auto;
  
  
  
  
  
  border: 0px solid #000000ff;


  
}
#MENU-hbf-groups {
  --width: 100%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;height: auto;justify-self: stretch;margin-left: 0%;margin-right: 0%;margin-top: px;min-width: 0;width: auto;
  --active-link-color: #17212B;
  
  
  
  
  
}


#MENU-hbf-groups .x-rect {
  --pad-x: 20px;
--pad-y: 14px;
background: #FFFFFF;
color: #17212B;
font: Questrial;
font-size: 16.0px;
font-weight: 500;
justify-content: flex-start;
  
}
#MENU-hbf-groups > ul {
  background: #FFFFFF;
  justify-content: flex-start;
  align-items: flex-start;
  
  height: auto;
  border-radius: inherit;
}
#MENU-hbf-groups > ul > .menu-item .tag-link {
  --pad-x: 20px;
--pad-y: 14px;
background: #FFFFFF;
color: #17212B;
font: Questrial;
font-size: 16.0px;
font-weight: 500;
justify-content: flex-start;
}
#MENU-hbf-groups > ul > .menu-item.menu-item-active-link > .tag-link,
#MENU-hbf-groups > ul > .menu-item.menu-item-active-link > * > .tag-link {
  color: var(--active-link-color);
  
  
  
  
}
#MENU-hbf-groups > ul > .menu-item:not(:first-child) {
  
}
#MENU-hbf-groups ul li .tag-link {
  border-style: none none none none;

}
#MENU-hbf-groups ul li .tag-link:hover,
#MENU-hbf-groups ul li > a:hover {
  color: #1B4F7A !important;
background: #F6F8FA;






border-style: none none none none;

}


#MENU-hbf-groups .arrow { color: #10243E; }


#MENU-ITEM-hbf-products > a, #MENU-ITEM-hbf-products > div {
  color: #17212B !important;
  font-weight: 500 !important;
  
  
  
  
  font-size: 15px !important;
  
  
}

#SUBMENU-hbf-products {
  
  
  width: 100%;
  height: auto;
  grid-template-columns: 1fr;
  grid-template-rows: minmax(50px, max-content);
  column-gap: 0px;
  row-gap: 16px;
  background: #FFFFFF;
border-radius: 8px;
box-shadow: 0 8px 24px rgba(16,36,62,0.08);
  
  
  
}
.vertical-menu #MENU-ITEM-hbf-products.menu-item:hover > .x-submenu {
  display: grid;
}

#MENU-hbf-products {
  --width: 100%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;height: auto;justify-self: stretch;margin-left: %;margin-right: %;margin-top: px;min-width: 0;width: auto;
  --active-link-color: #17212B;
  
  
  
  
  
}


#MENU-hbf-products .x-rect {
  --pad-x: 18px;
--pad-y: 12px;
background: #FFFFFF;
color: #17212B;
font: Questrial;
font-size: 15.0px;
  
}
#MENU-hbf-products > ul {
  background: #FFFFFF;
  
  
  
  height: auto;
  border-radius: inherit;
}
#MENU-hbf-products > ul > .menu-item .tag-link {
  --pad-x: 18px;
--pad-y: 12px;
background: #FFFFFF;
color: #17212B;
font: Questrial;
font-size: 15.0px;
}
#MENU-hbf-products > ul > .menu-item.menu-item-active-link > .tag-link,
#MENU-hbf-products > ul > .menu-item.menu-item-active-link > * > .tag-link {
  color: var(--active-link-color);
  
  
  
  
}
#MENU-hbf-products > ul > .menu-item:not(:first-child) {
  
}
#MENU-hbf-products ul li .tag-link {
  border-style: none none none none;

}
#MENU-hbf-products ul li .tag-link:hover,
#MENU-hbf-products ul li > a:hover {
  







border-style: none none none none;

}





#MENU-ITEM-hbf-products-CBF21978 > a, #MENU-ITEM-hbf-products-CBF21978 > div {
  
  
  
  
  
  
  
  
  
}

#MENU-ITEM-hbf-products-C369D362 > a, #MENU-ITEM-hbf-products-C369D362 > div {
  
  
  
  
  
  
  
  
  
}

#MENU-ITEM-hbf-products-429A8306 > a, #MENU-ITEM-hbf-products-429A8306 > div {
  
  
  
  
  
  
  
  
  
}

#MENU-ITEM-hbf-about > a, #MENU-ITEM-hbf-about > div {
  color: #17212B !important;
  font-weight: 500 !important;
  
  
  
  
  font-size: 15px !important;
  
  
}

#SUBMENU-hbf-about {
  
  
  width: 100%;
  height: auto;
  grid-template-columns: 1fr;
  grid-template-rows: minmax(50px, max-content);
  column-gap: 0px;
  row-gap: 16px;
  background: #FFFFFF;
border-radius: 8px;
box-shadow: 0 8px 24px rgba(16,36,62,0.08);
  
  
  
}
.vertical-menu #MENU-ITEM-hbf-about.menu-item:hover > .x-submenu {
  display: grid;
}

#MENU-hbf-about {
  --width: 100%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;height: auto;justify-self: stretch;margin-left: %;margin-right: %;margin-top: px;min-width: 0;width: auto;
  --active-link-color: #17212B;
  
  
  
  
  
}


#MENU-hbf-about .x-rect {
  --pad-x: 18px;
--pad-y: 12px;
background: #FFFFFF;
color: #17212B;
font: Questrial;
font-size: 15.0px;
  
}
#MENU-hbf-about > ul {
  background: #FFFFFF;
  
  
  
  height: auto;
  border-radius: inherit;
}
#MENU-hbf-about > ul > .menu-item .tag-link {
  --pad-x: 18px;
--pad-y: 12px;
background: #FFFFFF;
color: #17212B;
font: Questrial;
font-size: 15.0px;
}
#MENU-hbf-about > ul > .menu-item.menu-item-active-link > .tag-link,
#MENU-hbf-about > ul > .menu-item.menu-item-active-link > * > .tag-link {
  color: var(--active-link-color);
  
  
  
  
}
#MENU-hbf-about > ul > .menu-item:not(:first-child) {
  
}
#MENU-hbf-about ul li .tag-link {
  border-style: none none none none;

}
#MENU-hbf-about ul li .tag-link:hover,
#MENU-hbf-about ul li > a:hover {
  







border-style: none none none none;

}





#MENU-ITEM-hbf-about-113951F0 > a, #MENU-ITEM-hbf-about-113951F0 > div {
  
  
  
  
  
  
  
  
  
}

#MENU-ITEM-hbf-about-6E6F64B8 > a, #MENU-ITEM-hbf-about-6E6F64B8 > div {
  
  
  
  
  
  
  
  
  
}

#MENU-ITEM-hbf-about-8E9E84D1 > a, #MENU-ITEM-hbf-about-8E9E84D1 > div {
  
  
  
  
  
  
  
  
  
}

#MENU-ITEM-hbf-about-DAC01FC9 > a, #MENU-ITEM-hbf-about-DAC01FC9 > div {
  
  
  
  
  
  
  
  
  
}

#MENU-ITEM-hbf-help > a, #MENU-ITEM-hbf-help > div {
  color: #17212B !important;
  font-weight: 500 !important;
  
  
  
  
  font-size: 15px !important;
  
  
}

#SUBMENU-hbf-help {
  
  
  width: 100%;
  height: auto;
  grid-template-columns: 1fr;
  grid-template-rows: minmax(50px, max-content);
  column-gap: 0px;
  row-gap: 16px;
  background: #FFFFFF;
border-radius: 8px;
box-shadow: 0 8px 24px rgba(16,36,62,0.08);
  
  
  
}
.vertical-menu #MENU-ITEM-hbf-help.menu-item:hover > .x-submenu {
  display: grid;
}

#MENU-hbf-help {
  --width: 100%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;height: auto;justify-self: stretch;margin-left: %;margin-right: %;margin-top: px;min-width: 0;width: auto;
  --active-link-color: #17212B;
  
  
  
  
  
}


#MENU-hbf-help .x-rect {
  --pad-x: 18px;
--pad-y: 12px;
background: #FFFFFF;
color: #17212B;
font: Questrial;
font-size: 15.0px;
  
}
#MENU-hbf-help > ul {
  background: #FFFFFF;
  
  
  
  height: auto;
  border-radius: inherit;
}
#MENU-hbf-help > ul > .menu-item .tag-link {
  --pad-x: 18px;
--pad-y: 12px;
background: #FFFFFF;
color: #17212B;
font: Questrial;
font-size: 15.0px;
}
#MENU-hbf-help > ul > .menu-item.menu-item-active-link > .tag-link,
#MENU-hbf-help > ul > .menu-item.menu-item-active-link > * > .tag-link {
  color: var(--active-link-color);
  
  
  
  
}
#MENU-hbf-help > ul > .menu-item:not(:first-child) {
  
}
#MENU-hbf-help ul li .tag-link {
  border-style: none none none none;

}
#MENU-hbf-help ul li .tag-link:hover,
#MENU-hbf-help ul li > a:hover {
  







border-style: none none none none;

}





#MENU-ITEM-hbf-help-8CD5856E > a, #MENU-ITEM-hbf-help-8CD5856E > div {
  
  
  
  
  
  
  
  
  
}

#MENU-ITEM-hbf-help-59368DF7 > a, #MENU-ITEM-hbf-help-59368DF7 > div {
  
  
  
  
  
  
  
  
  
}

#MENU-ITEM-hbf-help-E31FA4F6 > a, #MENU-ITEM-hbf-help-E31FA4F6 > div {
  
  
  
  
  
  
  
  
  
}

#MENU-ITEM-hbf-help-35AE1582 > a, #MENU-ITEM-hbf-help-35AE1582 > div {
  
  
  
  
  
  
  
  
  
}


#CONTAINER-hbf-products {
  --bg: ;
  border-color: #000000ff;
border-style: solid;
border-width: 0.0px;
  --width: 100%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 3;grid-row-start: 2;grid-template-columns: 1fr;grid-template-rows: minmax(44px, max-content) minmax(44px, max-content) minmax(44px, max-content) minmax(44px, max-content);height: auto;justify-self: stretch;margin-left: 0%;margin-right: 0%;margin-top: px;min-width: 0;row-gap: 16px;width: auto;
  
  
  
  
  
  border: 0px solid #000000ff;


  
}

[id^="TEXT-CONTAINER-hbf-products-h0"], .--clone-TEXT-CONTAINER-hbf-products-h0 {
  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: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-CONTAINER-hbf-products-h0"] .x-text,
[id^="TEXT-CONTAINER-hbf-products-h0"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-products-h0 .x-text,
.--clone-TEXT-CONTAINER-hbf-products-h0 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #FFFFFF);
font: Anuphan;
font-family: 'Anuphan', sans-serif;
font-size: 17.0px;
font-weight: 600;
height: 100%;
letter-spacing: 0.08em;
line-height: 1.4;
width: 100%;
  
}
[id^="TEXT-CONTAINER-hbf-products-h0"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-products-h0 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #FFFFFF);
}
[id^="TEXT-CONTAINER-hbf-products-h0"] .x-text:hover,
.--clone-TEXT-CONTAINER-hbf-products-h0 .x-text:hover,
[id^="TEXT-CONTAINER-hbf-products-h0"] a:hover,
.--clone-TEXT-CONTAINER-hbf-products-h0 a:hover {
  
}



[id^="TEXT-CONTAINER-hbf-products-r1"], .--clone-TEXT-CONTAINER-hbf-products-r1 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 3;
grid-row-start: 2;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-CONTAINER-hbf-products-r1"] .x-text,
[id^="TEXT-CONTAINER-hbf-products-r1"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-products-r1 .x-text,
.--clone-TEXT-CONTAINER-hbf-products-r1 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #C7CDD4);
cursor: pointer;
font: Anuphan;
font-family: 'Anuphan', sans-serif;
font-size: 16.0px;
font-weight: 400;
height: 100%;
line-height: 2.2;
width: 100%;
  
}
[id^="TEXT-CONTAINER-hbf-products-r1"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-products-r1 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #C7CDD4);
}
[id^="TEXT-CONTAINER-hbf-products-r1"] .x-text:hover,
.--clone-TEXT-CONTAINER-hbf-products-r1 .x-text:hover,
[id^="TEXT-CONTAINER-hbf-products-r1"] a:hover,
.--clone-TEXT-CONTAINER-hbf-products-r1 a:hover {
  
}



[id^="TEXT-CONTAINER-hbf-products-r2"], .--clone-TEXT-CONTAINER-hbf-products-r2 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 4;
grid-row-start: 3;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-CONTAINER-hbf-products-r2"] .x-text,
[id^="TEXT-CONTAINER-hbf-products-r2"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-products-r2 .x-text,
.--clone-TEXT-CONTAINER-hbf-products-r2 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #C7CDD4);
cursor: pointer;
font: Anuphan;
font-family: 'Anuphan', sans-serif;
font-size: 16.0px;
font-weight: 400;
height: 100%;
line-height: 2.2;
width: 100%;
  
}
[id^="TEXT-CONTAINER-hbf-products-r2"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-products-r2 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #C7CDD4);
}
[id^="TEXT-CONTAINER-hbf-products-r2"] .x-text:hover,
.--clone-TEXT-CONTAINER-hbf-products-r2 .x-text:hover,
[id^="TEXT-CONTAINER-hbf-products-r2"] a:hover,
.--clone-TEXT-CONTAINER-hbf-products-r2 a:hover {
  
}



[id^="TEXT-CONTAINER-hbf-products-r3"], .--clone-TEXT-CONTAINER-hbf-products-r3 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 5;
grid-row-start: 4;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-CONTAINER-hbf-products-r3"] .x-text,
[id^="TEXT-CONTAINER-hbf-products-r3"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-products-r3 .x-text,
.--clone-TEXT-CONTAINER-hbf-products-r3 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #C7CDD4);
cursor: pointer;
font: Anuphan;
font-family: 'Anuphan', sans-serif;
font-size: 16.0px;
font-weight: 400;
height: 100%;
line-height: 2.2;
width: 100%;
  
}
[id^="TEXT-CONTAINER-hbf-products-r3"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-products-r3 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #C7CDD4);
}
[id^="TEXT-CONTAINER-hbf-products-r3"] .x-text:hover,
.--clone-TEXT-CONTAINER-hbf-products-r3 .x-text:hover,
[id^="TEXT-CONTAINER-hbf-products-r3"] a:hover,
.--clone-TEXT-CONTAINER-hbf-products-r3 a:hover {
  
}



#CONTAINER-hbf-about {
  --bg: ;
  border-color: #000000ff;
border-style: solid;
border-width: 0.0px;
  --width: 100%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;grid-template-columns: 1fr;grid-template-rows: minmax(44px, max-content) minmax(44px, max-content) minmax(44px, max-content) minmax(44px, max-content) minmax(44px, max-content);height: auto;justify-self: stretch;margin-left: 0%;margin-right: 0%;margin-top: px;min-width: 0;row-gap: 16px;width: auto;
  
  
  
  
  
  border: 0px solid #000000ff;


  
}

[id^="TEXT-CONTAINER-hbf-about-h0"], .--clone-TEXT-CONTAINER-hbf-about-h0 {
  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: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-CONTAINER-hbf-about-h0"] .x-text,
[id^="TEXT-CONTAINER-hbf-about-h0"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-about-h0 .x-text,
.--clone-TEXT-CONTAINER-hbf-about-h0 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #FFFFFF);
font: Anuphan;
font-family: 'Anuphan', sans-serif;
font-size: 17.0px;
font-weight: 600;
height: 100%;
letter-spacing: 0.08em;
line-height: 1.4;
width: 100%;
  
}
[id^="TEXT-CONTAINER-hbf-about-h0"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-about-h0 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #FFFFFF);
}
[id^="TEXT-CONTAINER-hbf-about-h0"] .x-text:hover,
.--clone-TEXT-CONTAINER-hbf-about-h0 .x-text:hover,
[id^="TEXT-CONTAINER-hbf-about-h0"] a:hover,
.--clone-TEXT-CONTAINER-hbf-about-h0 a:hover {
  
}



[id^="TEXT-CONTAINER-hbf-about-r1"], .--clone-TEXT-CONTAINER-hbf-about-r1 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 3;
grid-row-start: 2;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-CONTAINER-hbf-about-r1"] .x-text,
[id^="TEXT-CONTAINER-hbf-about-r1"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-about-r1 .x-text,
.--clone-TEXT-CONTAINER-hbf-about-r1 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #C7CDD4);
cursor: pointer;
font: Anuphan;
font-family: 'Anuphan', sans-serif;
font-size: 16.0px;
font-weight: 400;
height: 100%;
line-height: 2.2;
width: 100%;
  
}
[id^="TEXT-CONTAINER-hbf-about-r1"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-about-r1 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #C7CDD4);
}
[id^="TEXT-CONTAINER-hbf-about-r1"] .x-text:hover,
.--clone-TEXT-CONTAINER-hbf-about-r1 .x-text:hover,
[id^="TEXT-CONTAINER-hbf-about-r1"] a:hover,
.--clone-TEXT-CONTAINER-hbf-about-r1 a:hover {
  
}



[id^="TEXT-CONTAINER-hbf-about-r2"], .--clone-TEXT-CONTAINER-hbf-about-r2 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 4;
grid-row-start: 3;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-CONTAINER-hbf-about-r2"] .x-text,
[id^="TEXT-CONTAINER-hbf-about-r2"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-about-r2 .x-text,
.--clone-TEXT-CONTAINER-hbf-about-r2 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #C7CDD4);
cursor: pointer;
font: Anuphan;
font-family: 'Anuphan', sans-serif;
font-size: 16.0px;
font-weight: 400;
height: 100%;
line-height: 2.2;
width: 100%;
  
}
[id^="TEXT-CONTAINER-hbf-about-r2"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-about-r2 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #C7CDD4);
}
[id^="TEXT-CONTAINER-hbf-about-r2"] .x-text:hover,
.--clone-TEXT-CONTAINER-hbf-about-r2 .x-text:hover,
[id^="TEXT-CONTAINER-hbf-about-r2"] a:hover,
.--clone-TEXT-CONTAINER-hbf-about-r2 a:hover {
  
}



[id^="TEXT-CONTAINER-hbf-about-r3"], .--clone-TEXT-CONTAINER-hbf-about-r3 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 5;
grid-row-start: 4;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-CONTAINER-hbf-about-r3"] .x-text,
[id^="TEXT-CONTAINER-hbf-about-r3"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-about-r3 .x-text,
.--clone-TEXT-CONTAINER-hbf-about-r3 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #C7CDD4);
cursor: pointer;
font: Anuphan;
font-family: 'Anuphan', sans-serif;
font-size: 16.0px;
font-weight: 400;
height: 100%;
line-height: 2.2;
width: 100%;
  
}
[id^="TEXT-CONTAINER-hbf-about-r3"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-about-r3 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #C7CDD4);
}
[id^="TEXT-CONTAINER-hbf-about-r3"] .x-text:hover,
.--clone-TEXT-CONTAINER-hbf-about-r3 .x-text:hover,
[id^="TEXT-CONTAINER-hbf-about-r3"] a:hover,
.--clone-TEXT-CONTAINER-hbf-about-r3 a:hover {
  
}



[id^="TEXT-CONTAINER-hbf-about-r4"], .--clone-TEXT-CONTAINER-hbf-about-r4 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 6;
grid-row-start: 5;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-CONTAINER-hbf-about-r4"] .x-text,
[id^="TEXT-CONTAINER-hbf-about-r4"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-about-r4 .x-text,
.--clone-TEXT-CONTAINER-hbf-about-r4 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #C7CDD4);
cursor: pointer;
font: Anuphan;
font-family: 'Anuphan', sans-serif;
font-size: 16.0px;
font-weight: 400;
height: 100%;
line-height: 2.2;
width: 100%;
  
}
[id^="TEXT-CONTAINER-hbf-about-r4"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-about-r4 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #C7CDD4);
}
[id^="TEXT-CONTAINER-hbf-about-r4"] .x-text:hover,
.--clone-TEXT-CONTAINER-hbf-about-r4 .x-text:hover,
[id^="TEXT-CONTAINER-hbf-about-r4"] a:hover,
.--clone-TEXT-CONTAINER-hbf-about-r4 a:hover {
  
}



#CONTAINER-hbf-help {
  --bg: ;
  
  --width: 100%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 4;grid-row-start: 3;grid-template-columns: 1fr;grid-template-rows: minmax(44px, max-content) minmax(44px, max-content) minmax(44px, max-content) minmax(44px, max-content) minmax(44px, max-content);height: auto;justify-self: stretch;margin-left: 0%;margin-right: 0%;margin-top: px;min-width: 0;row-gap: 16px;width: auto;
  
  
  
  
  
  border:   ;


  
}

[id^="TEXT-CONTAINER-hbf-help-h0"], .--clone-TEXT-CONTAINER-hbf-help-h0 {
  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: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-CONTAINER-hbf-help-h0"] .x-text,
[id^="TEXT-CONTAINER-hbf-help-h0"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-help-h0 .x-text,
.--clone-TEXT-CONTAINER-hbf-help-h0 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #FFFFFF);
font: Anuphan;
font-family: 'Anuphan', sans-serif;
font-size: 17.0px;
font-weight: 600;
height: 100%;
letter-spacing: 0.08em;
line-height: 1.4;
width: 100%;
  
}
[id^="TEXT-CONTAINER-hbf-help-h0"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-help-h0 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #FFFFFF);
}
[id^="TEXT-CONTAINER-hbf-help-h0"] .x-text:hover,
.--clone-TEXT-CONTAINER-hbf-help-h0 .x-text:hover,
[id^="TEXT-CONTAINER-hbf-help-h0"] a:hover,
.--clone-TEXT-CONTAINER-hbf-help-h0 a:hover {
  
}



[id^="TEXT-CONTAINER-hbf-help-r1"], .--clone-TEXT-CONTAINER-hbf-help-r1 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 3;
grid-row-start: 2;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-CONTAINER-hbf-help-r1"] .x-text,
[id^="TEXT-CONTAINER-hbf-help-r1"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-help-r1 .x-text,
.--clone-TEXT-CONTAINER-hbf-help-r1 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #C7CDD4);
cursor: pointer;
font: Anuphan;
font-family: 'Anuphan', sans-serif;
font-size: 16.0px;
font-weight: 400;
height: 100%;
line-height: 2.2;
width: 100%;
  
}
[id^="TEXT-CONTAINER-hbf-help-r1"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-help-r1 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #C7CDD4);
}
[id^="TEXT-CONTAINER-hbf-help-r1"] .x-text:hover,
.--clone-TEXT-CONTAINER-hbf-help-r1 .x-text:hover,
[id^="TEXT-CONTAINER-hbf-help-r1"] a:hover,
.--clone-TEXT-CONTAINER-hbf-help-r1 a:hover {
  
}



[id^="TEXT-CONTAINER-hbf-help-r2"], .--clone-TEXT-CONTAINER-hbf-help-r2 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 4;
grid-row-start: 3;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-CONTAINER-hbf-help-r2"] .x-text,
[id^="TEXT-CONTAINER-hbf-help-r2"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-help-r2 .x-text,
.--clone-TEXT-CONTAINER-hbf-help-r2 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #C7CDD4);
cursor: pointer;
font: Anuphan;
font-family: 'Anuphan', sans-serif;
font-size: 16.0px;
font-weight: 400;
height: 100%;
line-height: 2.2;
width: 100%;
  
}
[id^="TEXT-CONTAINER-hbf-help-r2"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-help-r2 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #C7CDD4);
}
[id^="TEXT-CONTAINER-hbf-help-r2"] .x-text:hover,
.--clone-TEXT-CONTAINER-hbf-help-r2 .x-text:hover,
[id^="TEXT-CONTAINER-hbf-help-r2"] a:hover,
.--clone-TEXT-CONTAINER-hbf-help-r2 a:hover {
  
}



[id^="TEXT-CONTAINER-hbf-help-r3"], .--clone-TEXT-CONTAINER-hbf-help-r3 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 5;
grid-row-start: 4;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-CONTAINER-hbf-help-r3"] .x-text,
[id^="TEXT-CONTAINER-hbf-help-r3"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-help-r3 .x-text,
.--clone-TEXT-CONTAINER-hbf-help-r3 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #C7CDD4);
cursor: pointer;
font: Anuphan;
font-family: 'Anuphan', sans-serif;
font-size: 16.0px;
font-weight: 400;
height: 100%;
line-height: 2.2;
width: 100%;
  
}
[id^="TEXT-CONTAINER-hbf-help-r3"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-help-r3 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #C7CDD4);
}
[id^="TEXT-CONTAINER-hbf-help-r3"] .x-text:hover,
.--clone-TEXT-CONTAINER-hbf-help-r3 .x-text:hover,
[id^="TEXT-CONTAINER-hbf-help-r3"] a:hover,
.--clone-TEXT-CONTAINER-hbf-help-r3 a:hover {
  
}



[id^="TEXT-CONTAINER-hbf-help-r4"], .--clone-TEXT-CONTAINER-hbf-help-r4 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 6;
grid-row-start: 5;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-CONTAINER-hbf-help-r4"] .x-text,
[id^="TEXT-CONTAINER-hbf-help-r4"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-help-r4 .x-text,
.--clone-TEXT-CONTAINER-hbf-help-r4 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #C7CDD4);
cursor: pointer;
font: Anuphan;
font-family: 'Anuphan', sans-serif;
font-size: 16.0px;
font-weight: 400;
height: 100%;
line-height: 2.2;
width: 100%;
  
}
[id^="TEXT-CONTAINER-hbf-help-r4"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-help-r4 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #C7CDD4);
}
[id^="TEXT-CONTAINER-hbf-help-r4"] .x-text:hover,
.--clone-TEXT-CONTAINER-hbf-help-r4 .x-text:hover,
[id^="TEXT-CONTAINER-hbf-help-r4"] a:hover,
.--clone-TEXT-CONTAINER-hbf-help-r4 a:hover {
  
}



#CONTAINER-hbf-social {
  --bg: ;
  border-color: #000000ff;
border-style: solid;
border-width: 0.0px;
  --width: 100%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 4;grid-row-start: 3;grid-template-columns: 1fr;grid-template-rows: minmax(44px, max-content) minmax(44px, max-content) minmax(44px, max-content) minmax(44px, max-content) minmax(44px, max-content);height: auto;justify-self: stretch;margin-left: 0%;margin-right: 0%;margin-top: px;min-width: 0;row-gap: 16px;width: auto;
  
  
  
  
  
  border: 0px solid #000000ff;


  
}

[id^="TEXT-CONTAINER-hbf-social-h0"], .--clone-TEXT-CONTAINER-hbf-social-h0 {
  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: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-CONTAINER-hbf-social-h0"] .x-text,
[id^="TEXT-CONTAINER-hbf-social-h0"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-social-h0 .x-text,
.--clone-TEXT-CONTAINER-hbf-social-h0 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #FFFFFF);
font: Anuphan;
font-family: 'Anuphan', sans-serif;
font-size: 17.0px;
font-weight: 600;
height: 100%;
letter-spacing: 0.08em;
line-height: 1.4;
width: 100%;
  
}
[id^="TEXT-CONTAINER-hbf-social-h0"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-social-h0 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #FFFFFF);
}
[id^="TEXT-CONTAINER-hbf-social-h0"] .x-text:hover,
.--clone-TEXT-CONTAINER-hbf-social-h0 .x-text:hover,
[id^="TEXT-CONTAINER-hbf-social-h0"] a:hover,
.--clone-TEXT-CONTAINER-hbf-social-h0 a:hover {
  
}



[id^="TEXT-CONTAINER-hbf-social-r1"], .--clone-TEXT-CONTAINER-hbf-social-r1 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 3;
grid-row-start: 2;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-CONTAINER-hbf-social-r1"] .x-text,
[id^="TEXT-CONTAINER-hbf-social-r1"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-social-r1 .x-text,
.--clone-TEXT-CONTAINER-hbf-social-r1 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #C7CDD4);
cursor: pointer;
font: Anuphan;
font-family: 'Anuphan', sans-serif;
font-size: 16.0px;
font-weight: 400;
height: 100%;
line-height: 2.2;
width: 100%;
  
}
[id^="TEXT-CONTAINER-hbf-social-r1"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-social-r1 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #C7CDD4);
}
[id^="TEXT-CONTAINER-hbf-social-r1"] .x-text:hover,
.--clone-TEXT-CONTAINER-hbf-social-r1 .x-text:hover,
[id^="TEXT-CONTAINER-hbf-social-r1"] a:hover,
.--clone-TEXT-CONTAINER-hbf-social-r1 a:hover {
  
}



[id^="TEXT-CONTAINER-hbf-social-r2"], .--clone-TEXT-CONTAINER-hbf-social-r2 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 4;
grid-row-start: 3;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-CONTAINER-hbf-social-r2"] .x-text,
[id^="TEXT-CONTAINER-hbf-social-r2"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-social-r2 .x-text,
.--clone-TEXT-CONTAINER-hbf-social-r2 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #C7CDD4);
cursor: pointer;
font: Anuphan;
font-family: 'Anuphan', sans-serif;
font-size: 16.0px;
font-weight: 400;
height: 100%;
line-height: 2.2;
width: 100%;
  
}
[id^="TEXT-CONTAINER-hbf-social-r2"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-social-r2 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #C7CDD4);
}
[id^="TEXT-CONTAINER-hbf-social-r2"] .x-text:hover,
.--clone-TEXT-CONTAINER-hbf-social-r2 .x-text:hover,
[id^="TEXT-CONTAINER-hbf-social-r2"] a:hover,
.--clone-TEXT-CONTAINER-hbf-social-r2 a:hover {
  
}



[id^="TEXT-CONTAINER-hbf-social-r3"], .--clone-TEXT-CONTAINER-hbf-social-r3 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 5;
grid-row-start: 4;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-CONTAINER-hbf-social-r3"] .x-text,
[id^="TEXT-CONTAINER-hbf-social-r3"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-social-r3 .x-text,
.--clone-TEXT-CONTAINER-hbf-social-r3 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #C7CDD4);
cursor: pointer;
font: Anuphan;
font-family: 'Anuphan', sans-serif;
font-size: 16.0px;
font-weight: 400;
height: 100%;
line-height: 2.2;
width: 100%;
  
}
[id^="TEXT-CONTAINER-hbf-social-r3"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-social-r3 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #C7CDD4);
}
[id^="TEXT-CONTAINER-hbf-social-r3"] .x-text:hover,
.--clone-TEXT-CONTAINER-hbf-social-r3 .x-text:hover,
[id^="TEXT-CONTAINER-hbf-social-r3"] a:hover,
.--clone-TEXT-CONTAINER-hbf-social-r3 a:hover {
  
}



[id^="TEXT-CONTAINER-hbf-social-r4"], .--clone-TEXT-CONTAINER-hbf-social-r4 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 6;
grid-row-start: 5;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-CONTAINER-hbf-social-r4"] .x-text,
[id^="TEXT-CONTAINER-hbf-social-r4"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-social-r4 .x-text,
.--clone-TEXT-CONTAINER-hbf-social-r4 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #C7CDD4);
cursor: pointer;
font: Anuphan;
font-family: 'Anuphan', sans-serif;
font-size: 16.0px;
font-weight: 400;
height: 100%;
line-height: 2.2;
width: 100%;
  
}
[id^="TEXT-CONTAINER-hbf-social-r4"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-social-r4 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #C7CDD4);
}
[id^="TEXT-CONTAINER-hbf-social-r4"] .x-text:hover,
.--clone-TEXT-CONTAINER-hbf-social-r4 .x-text:hover,
[id^="TEXT-CONTAINER-hbf-social-r4"] a:hover,
.--clone-TEXT-CONTAINER-hbf-social-r4 a:hover {
  
}



#CONTAINER-hbf-line {
  --bg: ;
  padding-bottom: 18px;
padding-top: 18px;
  --width: 100%;align-self: start;column-gap: 24px;grid-column-end: 2;grid-column-start: 1;grid-row-end: 3;grid-row-start: 2;grid-template-columns: 1fr;grid-template-rows: minmax(50px, max-content) minmax(50px, max-content);height: auto;justify-self: stretch;margin-left: 0%;margin-right: 0%;margin-top: px;min-width: 0;row-gap: 16px;width: auto;
  
  
  
  
  
  border:   ;


  
}

[id^="TEXT-hbf-line-txt"], .--clone-TEXT-hbf-line-txt {
  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: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-hbf-line-txt"] .x-text,
[id^="TEXT-hbf-line-txt"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-hbf-line-txt .x-text,
.--clone-TEXT-hbf-line-txt .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #98A2AB);
font: Anuphan;
font-family: 'Anuphan', sans-serif;
font-size: 15.0px;
font-weight: 400;
height: 100%;
line-height: 1.6;
text-align: left;
width: 100%;
  
}
[id^="TEXT-hbf-line-txt"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-hbf-line-txt .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #98A2AB);
}
[id^="TEXT-hbf-line-txt"] .x-text:hover,
.--clone-TEXT-hbf-line-txt .x-text:hover,
[id^="TEXT-hbf-line-txt"] a:hover,
.--clone-TEXT-hbf-line-txt a:hover {
  
}



[id^="TEXT-hbf-line-cta"], .--clone-TEXT-hbf-line-cta {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 3;
grid-row-start: 2;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-hbf-line-cta"] .x-text,
[id^="TEXT-hbf-line-cta"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-hbf-line-cta .x-text,
.--clone-TEXT-hbf-line-cta .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #FFFFFF);
cursor: pointer;
font: Anuphan;
font-family: 'Anuphan', sans-serif;
font-size: 16.0px;
font-weight: 400;
height: 100%;
line-height: 2.2;
width: 100%;
  
}
[id^="TEXT-hbf-line-cta"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-hbf-line-cta .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #FFFFFF);
}
[id^="TEXT-hbf-line-cta"] .x-text:hover,
.--clone-TEXT-hbf-line-cta .x-text:hover,
[id^="TEXT-hbf-line-cta"] a:hover,
.--clone-TEXT-hbf-line-cta a:hover {
  
}



#CONTAINER-hbf-bottom {
  --bg: ;
  padding-top: 8px;
  --width: 100%;align-self: start;column-gap: 24px;grid-column-end: 2;grid-column-start: 1;grid-row-end: 4;grid-row-start: 3;grid-template-columns: 1fr;grid-template-rows: minmax(50px, max-content);height: auto;justify-self: stretch;margin-left: 0%;margin-right: 0%;margin-top: px;min-width: 0;row-gap: 16px;width: auto;
  
  
  
  
  
  border:   ;


  
}

[id^="TEXT-hbf-copyright"], .--clone-TEXT-hbf-copyright {
  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: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-hbf-copyright"] .x-text,
[id^="TEXT-hbf-copyright"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-hbf-copyright .x-text,
.--clone-TEXT-hbf-copyright .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #98A2AB);
font: Anuphan;
font-family: 'Anuphan', sans-serif;
font-size: 14.0px;
font-weight: 400;
height: 100%;
line-height: 1.6;
text-align: center;
width: 100%;
  
}
[id^="TEXT-hbf-copyright"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-hbf-copyright .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #98A2AB);
}
[id^="TEXT-hbf-copyright"] .x-text:hover,
.--clone-TEXT-hbf-copyright .x-text:hover,
[id^="TEXT-hbf-copyright"] a:hover,
.--clone-TEXT-hbf-copyright a:hover {
  
}


#POPUP-dqf5mddz {
  --top: 50%; top: var(--top);
  --left: 50%; left: var(--left);
  transform: translate(-50%, -50%);
  
  
  overflow: hidden auto;
  background: #ffffff;
  width: 400px;
  height: auto;
  grid-template-columns: ;
  grid-template-rows: ;
  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-dqf5mddz.anim {
  --width: 400px;
  
}

#RECT-sqrnkkb5 {
  align-self: start;
grid-column-end: ;
grid-column-start: ;
grid-row-end: ;
grid-row-start: ;
height: px;
justify-self: start;
margin-left: %;
margin-top: px;
min-width: 0;
width: %;
  
  
  
}

#RECT-sqrnkkb5 .x-rect {
  --width: %;
border-color: #E5E7EB;
height: 100%;
width: 100%;
  border:   ;


  
  
  position: relative;
  overflow: hidden;
}

#RECT-sqrnkkb5 .x-rect::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiAgd2lkdGg9JzE0JyBoZWlnaHQ9JzE0JyB2aWV3Qm94PScwIDAgMTQgMTQnIGZpbGw9J25vbmUnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTEyLjU5IDBMNyA1LjU5TDEuNDEgMEwwIDEuNDFMNS41OSA3TDAgMTIuNTlMMS40MSAxNEw3IDguNDFMMTIuNTkgMTRMMTQgMTIuNTlMOC40MSA3TDE0IDEuNDFMMTIuNTkgMFonIGZpbGw9JyMyRTNBNTknLz48L3N2Zz4=);
-webkit-mask-position: 0% 0%;
-webkit-mask-size: 100% 100%;

  background: var(--active-color, #E5E7EB);
}
#CART-DROPPABLE-yeb5cvli {
  
  
  background: var(--color_01);
  top: 0;
  right: 0;
  width: 400px;
  height: var(--viewport-height, 100vh);
  grid-template-columns: 15px 1fr 15px;
  grid-template-rows: minmax(20px, max-content) minmax(0px, max-content) minmax(15px, max-content) minmax(0px, max-content) minmax(18px, max-content) minmax(0px, max-content) minmax(18px, max-content) minmax(0%, 100%) minmax(30px, max-content) minmax(0px, max-content) minmax(10px, max-content) minmax(0px, max-content) minmax(10px, max-content) minmax(0px, max-content) minmax(15px, max-content);
  column-gap: 0px;
  row-gap: 0px;
  overflow-x: auto;
  
}

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

[id^="TEXT-2mg8opfl"], .--clone-TEXT-2mg8opfl {
  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);
min-width: 0;
width: 100%;
  
}
[id^="TEXT-2mg8opfl"] .x-text,
[id^="TEXT-2mg8opfl"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-2mg8opfl .x-text,
.--clone-TEXT-2mg8opfl .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, var(--color_14));
font: var(--font_1);
font-size: 26.0px;
height: 100%;
width: 100%;
  
}
[id^="TEXT-2mg8opfl"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-2mg8opfl .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, var(--color_14));
}
[id^="TEXT-2mg8opfl"] .x-text:hover,
.--clone-TEXT-2mg8opfl .x-text:hover,
[id^="TEXT-2mg8opfl"] a:hover,
.--clone-TEXT-2mg8opfl a:hover {
  
}



[id^="TEXT-m4c916qe"], .--clone-TEXT-m4c916qe {
  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);
min-width: 0;
width: 50%;
  
}
[id^="TEXT-m4c916qe"] .x-text,
[id^="TEXT-m4c916qe"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-m4c916qe .x-text,
.--clone-TEXT-m4c916qe .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 50%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #0e1b4dbf);
font: var(--font_8);
font-size: 11.0px;
height: 100%;
text-transform: uppercase;
width: 100%;
  
}
[id^="TEXT-m4c916qe"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-m4c916qe .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #0e1b4dbf);
}
[id^="TEXT-m4c916qe"] .x-text:hover,
.--clone-TEXT-m4c916qe .x-text:hover,
[id^="TEXT-m4c916qe"] a:hover,
.--clone-TEXT-m4c916qe a:hover {
  
}



[id^="TEXT-ouhowrho"], .--clone-TEXT-ouhowrho {
  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);
min-width: 0;
width: 50%;
  
}
[id^="TEXT-ouhowrho"] .x-text,
[id^="TEXT-ouhowrho"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-ouhowrho .x-text,
.--clone-TEXT-ouhowrho .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 50%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #0e1b4dbf);
font: var(--font_8);
font-size: 11.0px;
height: 100%;
text-align: right;
text-transform: uppercase;
width: 100%;
  
}
[id^="TEXT-ouhowrho"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-ouhowrho .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #0e1b4dbf);
}
[id^="TEXT-ouhowrho"] .x-text:hover,
.--clone-TEXT-ouhowrho .x-text:hover,
[id^="TEXT-ouhowrho"] a:hover,
.--clone-TEXT-ouhowrho a:hover {
  
}


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


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


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

[id^="IMAGE-DATASET-fe5c3wri"] {
  --width: 85%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 4;grid-row-start: 1;height: 100px;justify-self: start;margin-left: 0px;margin-top: 0px;min-width: 0;width: 85%;
  
}
[id^="IMAGE-DATASET-fe5c3wri"] picture, [id^="IMAGE-DATASET-fe5c3wri"] img {
  border-color: #000000ff;
}
[id^="IMAGE-DATASET-fe5c3wri"] img {
  object-fit: cover;
}


[id^="TEXT-DATASET-zpm39ome"], .--clone-TEXT-DATASET-zpm39ome {
  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;
min-width: 0;
width: 100%;
  
}
[id^="TEXT-DATASET-zpm39ome"] .x-text,
[id^="TEXT-DATASET-zpm39ome"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-DATASET-zpm39ome .x-text,
.--clone-TEXT-DATASET-zpm39ome .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
border-color: #000000ff;
color: var(--active-color, var(--color_14));
font: var(--font_4);
font-size: 16.0px;
height: 100%;
width: 100%;
  
}
[id^="TEXT-DATASET-zpm39ome"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-DATASET-zpm39ome .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, var(--color_14));
}
[id^="TEXT-DATASET-zpm39ome"] .x-text:hover,
.--clone-TEXT-DATASET-zpm39ome .x-text:hover,
[id^="TEXT-DATASET-zpm39ome"] a:hover,
.--clone-TEXT-DATASET-zpm39ome a:hover {
  
}



[id^="TEXT-DATASET-gykp8vtd"], .--clone-TEXT-DATASET-gykp8vtd {
  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: center;
margin-left: calc(0% * 2);
margin-top: 0px;
min-width: 0;
width: 100%;
  
}
[id^="TEXT-DATASET-gykp8vtd"] .x-text,
[id^="TEXT-DATASET-gykp8vtd"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-DATASET-gykp8vtd .x-text,
.--clone-TEXT-DATASET-gykp8vtd .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
border-color: #000000ff;
color: var(--active-color, #0e1b4dbf);
font: var(--font_7);
font-size: 15.0px;
height: 100%;
width: 100%;
  
}
[id^="TEXT-DATASET-gykp8vtd"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-DATASET-gykp8vtd .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #0e1b4dbf);
}
[id^="TEXT-DATASET-gykp8vtd"] .x-text:hover,
.--clone-TEXT-DATASET-gykp8vtd .x-text:hover,
[id^="TEXT-DATASET-gykp8vtd"] a:hover,
.--clone-TEXT-DATASET-gykp8vtd a:hover {
  
}


#QUANTITY-INPUT-wjr4ca7u {
  --width: 120px;align-self: center;grid-column-end: 3;grid-column-start: 2;grid-row-end: 4;grid-row-start: 3;height: 45px;justify-self: start;margin-left: 0%;margin-top: calc(0px * 2);min-width: 0;width: 120px;
  border-color: var(--color_14);
border-radius: 99px 99px 99px 99px;
border-style: solid;
border-width: 1.0px;
color: var(--font_color_7);
font: var(--font_7);
font-size: 15.0px;
  
  overflow: hidden;
  
}
#QUANTITY-INPUT-wjr4ca7u .quantity__input {
  
  
  padding-left: 45px;
  padding-right: 45px;
  
}
#QUANTITY-INPUT-wjr4ca7u .quantity__button{
  border-style: solid;
}
#QUANTITY-INPUT-wjr4ca7u .quantity__button[name="minus"] {
  
  
  width:45px;
}
#QUANTITY-INPUT-wjr4ca7u .quantity__button[name="minus"] svg {
  width: 9.3px;
}
#QUANTITY-INPUT-wjr4ca7u .quantity__button[name="plus"] {
  
  
  width:45px;
}
#QUANTITY-INPUT-wjr4ca7u .quantity__button[name="plus"] svg {
  width: 9.3px;
}

[id^="TEXT-DATASET-gto30146"], .--clone-TEXT-DATASET-gto30146 {
  font-size: 0px;
  align-self: center;
grid-column-end: 4;
grid-column-start: 3;
grid-row-end: 2;
grid-row-start: 1;
height: auto;
justify-self: center;
margin-left: calc(0% * 2);
margin-top: calc(0px * 2);
min-width: 0;
width: 100%;
  
}
[id^="TEXT-DATASET-gto30146"] .x-text,
[id^="TEXT-DATASET-gto30146"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-DATASET-gto30146 .x-text,
.--clone-TEXT-DATASET-gto30146 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
border-color: #000000ff;
color: var(--active-color, #0e1b4dcc);
font: var(--font_7);
height: 100%;
text-align: right;
width: 100%;
  
}
[id^="TEXT-DATASET-gto30146"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-DATASET-gto30146 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #0e1b4dcc);
}
[id^="TEXT-DATASET-gto30146"] .x-text:hover,
.--clone-TEXT-DATASET-gto30146 .x-text:hover,
[id^="TEXT-DATASET-gto30146"] a:hover,
.--clone-TEXT-DATASET-gto30146 a:hover {
  
}



#RECT-yavm4ktm {
  align-self: center;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 4;
grid-row-start: 3;
height: 18px;
justify-self: end;
margin-right: 0%;
margin-top: calc(0px * 2);
min-width: 0;
width: 14px;
  
  
  
}

#RECT-yavm4ktm .x-rect {
  --width: 14px;
border-color: #000000ff;
height: 100%;
width: 100%;
  border:   ;


  
  
  position: relative;
  overflow: hidden;
}

#RECT-yavm4ktm .x-rect::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxNDA4IDE4OTYuMDgzMyIgY2xhc3M9InRyYXNoLW8iPjxwYXRoIGQ9Ik01MTIgNzM2djU3NnEwIDE0LTkgMjN0LTIzIDloLTY0cS0xNCAwLTIzLTl0LTktMjNWNzM2cTAtMTQgOS0yM3QyMy05aDY0cTE0IDAgMjMgOXQ5IDIzem0yNTYgMHY1NzZxMCAxNC05IDIzdC0yMyA5aC02NHEtMTQgMC0yMy05dC05LTIzVjczNnEwLTE0IDktMjN0MjMtOWg2NHExNCAwIDIzIDl0OSAyM3ptMjU2IDB2NTc2cTAgMTQtOSAyM3QtMjMgOWgtNjRxLTE0IDAtMjMtOXQtOS0yM1Y3MzZxMC0xNCA5LTIzdDIzLTloNjRxMTQgMCAyMyA5dDkgMjN6bTEyOCA3MjRWNTEySDI1NnY5NDhxMCAyMiA3IDQwLjV0MTQuNSAyNyAxMC41IDguNWg4MzJxMyAwIDEwLjUtOC41dDE0LjUtMjcgNy00MC41ek00ODAgMzg0aDQ0OGwtNDgtMTE3cS03LTktMTctMTFINTQ2cS0xMCAyLTE3IDExem05MjggMzJ2NjRxMCAxNC05IDIzdC0yMyA5aC05NnY5NDhxMCA4My00NyAxNDMuNXQtMTEzIDYwLjVIMjg4cS02NiAwLTExMy01OC41VDEyOCAxNDY0VjUxMkgzMnEtMTQgMC0yMy05dC05LTIzdi02NHEwLTE0IDktMjN0MjMtOWgzMDlsNzAtMTY3cTE1LTM3IDU0LTYzdDc5LTI2aDMyMHE0MCAwIDc5IDI2dDU0IDYzbDcwIDE2N2gzMDlxMTQgMCAyMyA5dDkgMjN6Ij48L3BhdGg+PC9zdmc+);
-webkit-mask-position: 0% 0%;
-webkit-mask-size: 100% 100%;

  background: var(--active-color, rgba(0, 0, 0, 1));
}
#LINE-3trz0nke {
  --width: 100%;align-self: center;grid-column-end: 3;grid-column-start: 2;grid-row-end: 10;grid-row-start: 9;height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);min-width: 0;width: 100%;
  height: auto;
  
}
#LINE-3trz0nke .line-container {
  border-color: #0e1b4d14;
border-style: solid;
border-width: 2.0px;
}


[id^="TEXT-rheb9ayr"], .--clone-TEXT-rheb9ayr {
  font-size: 0px;
  align-self: center;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 11;
grid-row-start: 10;
height: auto;
justify-self: start;
margin-left: 0%;
margin-top: calc(0px * 2);
min-width: 0;
width: 50%;
  
}
[id^="TEXT-rheb9ayr"] .x-text,
[id^="TEXT-rheb9ayr"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-rheb9ayr .x-text,
.--clone-TEXT-rheb9ayr .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 50%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, var(--color_14));
font: var(--font_1);
font-size: 18.0px;
height: 100%;
width: 100%;
  
}
[id^="TEXT-rheb9ayr"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-rheb9ayr .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, var(--color_14));
}
[id^="TEXT-rheb9ayr"] .x-text:hover,
.--clone-TEXT-rheb9ayr .x-text:hover,
[id^="TEXT-rheb9ayr"] a:hover,
.--clone-TEXT-rheb9ayr a:hover {
  
}



[id^="TEXT-DATASET-vdhsv4gl"], .--clone-TEXT-DATASET-vdhsv4gl {
  font-size: 0px;
  align-self: center;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 11;
grid-row-start: 10;
height: auto;
justify-self: end;
margin-right: 0%;
margin-top: calc(0px * 2);
min-width: 0;
width: 90%;
  
}
[id^="TEXT-DATASET-vdhsv4gl"] .x-text,
[id^="TEXT-DATASET-vdhsv4gl"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-DATASET-vdhsv4gl .x-text,
.--clone-TEXT-DATASET-vdhsv4gl .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 90%;
-webkit-text-stroke: 0px #000000ff;
border-color: #000000ff;
color: var(--active-color, #0e1b4dbf);
font: var(--font_6);
height: 100%;
text-align: right;
width: 100%;
  
}
[id^="TEXT-DATASET-vdhsv4gl"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-DATASET-vdhsv4gl .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #0e1b4dbf);
}
[id^="TEXT-DATASET-vdhsv4gl"] .x-text:hover,
.--clone-TEXT-DATASET-vdhsv4gl .x-text:hover,
[id^="TEXT-DATASET-vdhsv4gl"] a:hover,
.--clone-TEXT-DATASET-vdhsv4gl a:hover {
  
}



[id^="TEXT-fcngfigt"], .--clone-TEXT-fcngfigt {
  font-size: 0px;
  align-self: center;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 13;
grid-row-start: 12;
height: auto;
justify-self: center;
margin-left: calc(0% * 2);
margin-top: calc(0px * 2);
min-width: 0;
width: 100%;
  
}
[id^="TEXT-fcngfigt"] .x-text,
[id^="TEXT-fcngfigt"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-fcngfigt .x-text,
.--clone-TEXT-fcngfigt .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #25318dbf);
font: var(--font_7);
font-size: 14.0px;
height: 100%;
width: 100%;
  
}
[id^="TEXT-fcngfigt"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-fcngfigt .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #25318dbf);
}
[id^="TEXT-fcngfigt"] .x-text:hover,
.--clone-TEXT-fcngfigt .x-text:hover,
[id^="TEXT-fcngfigt"] a:hover,
.--clone-TEXT-fcngfigt a:hover {
  
}


#BUTTON-ty338hjr {
  align-self: center;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 15;
grid-row-start: 14;
height: 45px;
justify-self: center;
margin-left: calc(0% * 2);
margin-top: calc(0px * 2);
min-width: 0;
width: 100%;
  
}
#BUTTON-ty338hjr .x-button-wrapper {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
background: var(--color_11);
border-color: #000000ff;
border-radius: 99px 99px 99px 99px;
color: var(--color_01);
font: var(--font_7);
height: 100%;
text-align: center;
width: 100%;
  border:   ;


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


[id^="IMAGE-efwg76qx"] {
  align-self: start;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 9;
grid-row-start: 2;
height: auto;
justify-self: end;
margin-right: 0%;
margin-top: 0px;
min-width: 0;
width: 30px;
  
  
}
[id^="IMAGE-efwg76qx"] picture {
  --width: 30px;
border-color: #000000ff;
height: 100%;
width: 100%;
}
[id^="IMAGE-efwg76qx"] .overlay-image {
  background: ;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
#CART-DROPPABLE-nga0mmqm {
  
  
  background: var(--color_01);
  top: 0;
  right: 0;
  width: 400px;
  height: var(--viewport-height, 100vh);
  grid-template-columns: 15px 1fr 15px;
  grid-template-rows: minmax(20px, max-content) minmax(0%, 100%) minmax(20px, max-content);
  column-gap: 0px;
  row-gap: 0px;
  overflow-x: auto;
  
}

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

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


  
}

[id^="TEXT-8nnihdnh"], .--clone-TEXT-8nnihdnh {
  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;
min-width: 0;
width: 100%;
  
}
[id^="TEXT-8nnihdnh"] .x-text,
[id^="TEXT-8nnihdnh"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-8nnihdnh .x-text,
.--clone-TEXT-8nnihdnh .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, var(--color_14));
font: var(--font_1);
font-size: 26.0px;
height: 100%;
text-align: center;
width: 100%;
  
}
[id^="TEXT-8nnihdnh"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-8nnihdnh .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, var(--color_14));
}
[id^="TEXT-8nnihdnh"] .x-text:hover,
.--clone-TEXT-8nnihdnh .x-text:hover,
[id^="TEXT-8nnihdnh"] a:hover,
.--clone-TEXT-8nnihdnh a:hover {
  
}


#BUTTON-d44ctxk8 {
  align-self: center;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 4;
grid-row-start: 3;
height: 47px;
justify-self: center;
margin-left: calc(0% * 2);
margin-top: calc(0px * 2);
min-width: 0;
width: 200px;
  
}
#BUTTON-d44ctxk8 .x-button-wrapper {
  --width: 200px;
-webkit-text-stroke: 0px #000000ff;
background: var(--color_11);
border-color: #000000ff;
border-radius: 99px 99px 99px 99px;
color: var(--color_01);
font: var(--font_7);
height: 100%;
text-align: center;
width: 100%;
  border:   ;


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