#SECTION-m38yi8nb {
  height: auto;
  grid-template-columns: 50px 1fr 50px;
  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-bp2 {
  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: 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-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;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: 0%;margin-right: 0%;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: 0%;margin-right: 0%;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: 0%;margin-right: 0%;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;display: none;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: center;margin-left: calc(% * 2);margin-top: px;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: %;margin-right: %;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: 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-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: start;
margin-left: %;
margin-top: px;
max-width: 64px;
min-width: 0;
width: 100%;
  
  
}
[id^="IMAGE-4qqqbq3u"] picture {
  --width: 100%;
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: %;margin-right: %;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-gmpkzqxq {
  height: auto;
  grid-template-columns: 50px 1fr 50px;
  grid-template-rows: minmax(80px, max-content) minmax(0px, max-content) minmax(20px, max-content) minmax(0px, max-content) minmax(20px, max-content) minmax(0px, max-content) minmax(80px, max-content);
  column-gap: 0px;
  row-gap: 0px;
  
  
  
  
  
  
  transition: opacity 0.3s ease, visibility 0.3s ease;
  
}

#SECTION-gmpkzqxq .x-section-background {
  background: var(--color_01);
  
  
  
  
  
  
  --height: 200;
  --bg: var(--color_01);
}

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



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


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



[id^="TEXT-e787fv1v"], .--clone-TEXT-e787fv1v {
  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: end;
margin-right: 0%;
margin-top: calc(0px * 2);
min-width: 0;
width: 150px;
  
}
[id^="TEXT-e787fv1v"] .x-text,
[id^="TEXT-e787fv1v"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-e787fv1v .x-text,
.--clone-TEXT-e787fv1v .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 150px;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, var(--font_color_7));
font: var(--font_7);
font-size: 17.0px;
height: 100%;
text-align: right;
text-decoration: underline;
width: 100%;
  
}
[id^="TEXT-e787fv1v"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-e787fv1v .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, var(--font_color_7));
}
[id^="TEXT-e787fv1v"] .x-text:hover,
.--clone-TEXT-e787fv1v .x-text:hover,
[id^="TEXT-e787fv1v"] a:hover,
.--clone-TEXT-e787fv1v a:hover {
  
}



#CONTAINER-cpk6cztd {
  --bg: #ffffff00;
  background: #ffffff00;
border-color: #0e1b4d1a;
border-style: solid;
border-width: 1.0px;
  --width: 100%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 5;grid-row-start: 4;grid-template-columns: 1fr 333px 120px;grid-template-rows: minmax(0px, max-content) minmax(20px, max-content) minmax(100px, max-content) minmax(30px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: 0px;min-width: 0;width: 100%;
  
  
  
  
  
  border: 1px solid #0e1b4d1a;
border-top-style: unset;border-right-style: unset;border-left-style: unset;

  
}

[id^="TEXT-hxwqzgwi"], .--clone-TEXT-hxwqzgwi {
  font-size: 0px;
  align-self: center;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 2;
grid-row-start: 1;
height: auto;
justify-self: center;
margin-left: calc(0% * 2);
margin-top: calc(0px * 2);
min-width: 0;
width: 100%;
  
}
[id^="TEXT-hxwqzgwi"] .x-text,
[id^="TEXT-hxwqzgwi"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-hxwqzgwi .x-text,
.--clone-TEXT-hxwqzgwi .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-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-hxwqzgwi"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-hxwqzgwi .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #0e1b4dbf);
}
[id^="TEXT-hxwqzgwi"] .x-text:hover,
.--clone-TEXT-hxwqzgwi .x-text:hover,
[id^="TEXT-hxwqzgwi"] a:hover,
.--clone-TEXT-hxwqzgwi a:hover {
  
}



[id^="TEXT-z7cqttzk"], .--clone-TEXT-z7cqttzk {
  font-size: 0px;
  align-self: center;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 2;
grid-row-start: 1;
height: auto;
justify-self: center;
margin-left: calc(0% * 2);
margin-top: calc(0px * 2);
min-width: 0;
width: 100%;
  
}
[id^="TEXT-z7cqttzk"] .x-text,
[id^="TEXT-z7cqttzk"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-z7cqttzk .x-text,
.--clone-TEXT-z7cqttzk .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-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-z7cqttzk"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-z7cqttzk .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #0e1b4dbf);
}
[id^="TEXT-z7cqttzk"] .x-text:hover,
.--clone-TEXT-z7cqttzk .x-text:hover,
[id^="TEXT-z7cqttzk"] a:hover,
.--clone-TEXT-z7cqttzk a:hover {
  
}



[id^="TEXT-07z3axxm"], .--clone-TEXT-07z3axxm {
  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-07z3axxm"] .x-text,
[id^="TEXT-07z3axxm"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-07z3axxm .x-text,
.--clone-TEXT-07z3axxm .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-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-07z3axxm"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-07z3axxm .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #0e1b4dbf);
}
[id^="TEXT-07z3axxm"] .x-text:hover,
.--clone-TEXT-07z3axxm .x-text:hover,
[id^="TEXT-07z3axxm"] a:hover,
.--clone-TEXT-07z3axxm a:hover {
  
}


#CART-ITEMS-03ufl5ez {
  --width: 100%;align-self: start;grid-column-end: 4;grid-column-start: 1;grid-row-end: 4;grid-row-start: 3;grid-template-columns: 120px 1fr 333px 120px;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-03ufl5ez cart-item, #CART-ITEMS-03ufl5ez .cart-loading {
  grid-template-columns: 120px 1fr 333px 120px;
  grid-template-rows: minmax(0px, max-content) minmax(0px, max-content) minmax(0px, max-content);
}

[id^="IMAGE-DATASET-r24z9afl"] {
  --width: 75%;align-self: center;grid-column-end: 2;grid-column-start: 1;grid-row-end: 4;grid-row-start: 1;height: auto;justify-self: start;margin-left: 0px;margin-top: calc(0px * 2);min-width: 0;width: 75%;
  
}
[id^="IMAGE-DATASET-r24z9afl"] picture, [id^="IMAGE-DATASET-r24z9afl"] img {
  border-color: #000000ff;
border-radius: 20px 20px 20px 20px;
}
[id^="IMAGE-DATASET-r24z9afl"] img {
  object-fit: cover;
}


[id^="TEXT-DATASET-49n7x1qg"], .--clone-TEXT-DATASET-49n7x1qg {
  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-49n7x1qg"] .x-text,
[id^="TEXT-DATASET-49n7x1qg"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-DATASET-49n7x1qg .x-text,
.--clone-TEXT-DATASET-49n7x1qg .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-49n7x1qg"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-DATASET-49n7x1qg .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, var(--color_14));
}
[id^="TEXT-DATASET-49n7x1qg"] .x-text:hover,
.--clone-TEXT-DATASET-49n7x1qg .x-text:hover,
[id^="TEXT-DATASET-49n7x1qg"] a:hover,
.--clone-TEXT-DATASET-49n7x1qg a:hover {
  
}



[id^="TEXT-DATASET-4yfgx2za"], .--clone-TEXT-DATASET-4yfgx2za {
  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: 15px;
min-width: 0;
width: 100%;
  
}
[id^="TEXT-DATASET-4yfgx2za"] .x-text,
[id^="TEXT-DATASET-4yfgx2za"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-DATASET-4yfgx2za .x-text,
.--clone-TEXT-DATASET-4yfgx2za .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-4yfgx2za"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-DATASET-4yfgx2za .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #0e1b4dbf);
}
[id^="TEXT-DATASET-4yfgx2za"] .x-text:hover,
.--clone-TEXT-DATASET-4yfgx2za .x-text:hover,
[id^="TEXT-DATASET-4yfgx2za"] a:hover,
.--clone-TEXT-DATASET-4yfgx2za a:hover {
  
}


#QUANTITY-INPUT-a9z1akfw {
  --width: 120px;align-self: center;grid-column-end: 4;grid-column-start: 3;grid-row-end: 4;grid-row-start: 1;height: 45px;justify-self: start;margin-left: 0%;margin-top: calc(0px * 2);min-width: 0;width: 120px;
  background: #ffffff00;
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-a9z1akfw .quantity__input {
  background: #ffffff00;
  
  padding-left: 45px;
  padding-right: 45px;
  
}
#QUANTITY-INPUT-a9z1akfw .quantity__button{
  border-style: solid;
}
#QUANTITY-INPUT-a9z1akfw .quantity__button[name="minus"] {
  
  
  width:45px;
}
#QUANTITY-INPUT-a9z1akfw .quantity__button[name="minus"] svg {
  width: 9.3px;
}
#QUANTITY-INPUT-a9z1akfw .quantity__button[name="plus"] {
  
  
  width:45px;
}
#QUANTITY-INPUT-a9z1akfw .quantity__button[name="plus"] svg {
  width: 9.3px;
}

[id^="TEXT-DATASET-c4kooz4o"], .--clone-TEXT-DATASET-c4kooz4o {
  font-size: 0px;
  align-self: center;
grid-column-end: 5;
grid-column-start: 4;
grid-row-end: 4;
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-c4kooz4o"] .x-text,
[id^="TEXT-DATASET-c4kooz4o"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-DATASET-c4kooz4o .x-text,
.--clone-TEXT-DATASET-c4kooz4o .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-c4kooz4o"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-DATASET-c4kooz4o .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #0e1b4dcc);
}
[id^="TEXT-DATASET-c4kooz4o"] .x-text:hover,
.--clone-TEXT-DATASET-c4kooz4o .x-text:hover,
[id^="TEXT-DATASET-c4kooz4o"] a:hover,
.--clone-TEXT-DATASET-c4kooz4o a:hover {
  
}



#RECT-o031iofy {
  align-self: center;
grid-column-end: 4;
grid-column-start: 3;
grid-row-end: 4;
grid-row-start: 1;
height: 20px;
justify-self: start;
margin-left: 140px;
margin-top: calc(0px * 2);
min-width: 0;
width: 14px;
  
  
  
}

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


  
  
  position: relative;
  overflow: hidden;
}

#RECT-o031iofy .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));
}
#CART-ITEMS-EMPTY-qklslv8x {
  background: #ffffff;
  width: 100%;
  height: auto;
  grid-template-columns: 1fr;
  grid-template-rows: minmax(15px, max-content) minmax(0px, max-content) minmax(15px, max-content);
  
  
  max-height: var(--viewport-height, 100vh);
  
}

[id^="TEXT-4qiamtnh"], .--clone-TEXT-4qiamtnh {
  font-size: 0px;
  align-self: center;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 3;
grid-row-start: 2;
height: auto;
justify-self: center;
margin-left: calc(0% * 2);
margin-top: calc(0px * 2);
min-width: 0;
width: 100%;
  
}
[id^="TEXT-4qiamtnh"] .x-text,
[id^="TEXT-4qiamtnh"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-4qiamtnh .x-text,
.--clone-TEXT-4qiamtnh .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #25282A;
color: var(--active-color, var(--color_14));
font: var(--font_6);
font-size: 16.0px;
height: 100%;
text-align: center;
width: 100%;
  
}
[id^="TEXT-4qiamtnh"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-4qiamtnh .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, var(--color_14));
}
[id^="TEXT-4qiamtnh"] .x-text:hover,
.--clone-TEXT-4qiamtnh .x-text:hover,
[id^="TEXT-4qiamtnh"] a:hover,
.--clone-TEXT-4qiamtnh a:hover {
  
}



#CONTAINER-x9d6j0lo {
  --bg: #ffffff00;
  background: #ffffff00;
border-color: #000000ff;
border-style: solid;
border-width: 0.0px;
  --width: 100%;align-self: end;grid-column-end: 3;grid-column-start: 2;grid-row-end: 7;grid-row-start: 6;grid-template-columns: 1fr;grid-template-rows: minmax(0px, max-content) minmax(20px, max-content) minmax(0px, max-content) minmax(20px, max-content) minmax(0px, max-content);height: auto;justify-self: center;margin-bottom: -0.333343505859375px;margin-left: calc(0% * 2);min-width: 0;width: 100%;
  
  
  
  
  
  border: 0px solid #000000ff;


  
}

[id^="TEXT-DATASET-ez5nn57m"], .--clone-TEXT-DATASET-ez5nn57m {
  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: end;
margin-right: 0%;
margin-top: calc(0px * 2);
min-width: 0;
width: 80px;
  
}
[id^="TEXT-DATASET-ez5nn57m"] .x-text,
[id^="TEXT-DATASET-ez5nn57m"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-DATASET-ez5nn57m .x-text,
.--clone-TEXT-DATASET-ez5nn57m .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 80px;
-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-ez5nn57m"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-DATASET-ez5nn57m .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #0e1b4dbf);
}
[id^="TEXT-DATASET-ez5nn57m"] .x-text:hover,
.--clone-TEXT-DATASET-ez5nn57m .x-text:hover,
[id^="TEXT-DATASET-ez5nn57m"] a:hover,
.--clone-TEXT-DATASET-ez5nn57m a:hover {
  
}



[id^="TEXT-96w9xfwb"], .--clone-TEXT-96w9xfwb {
  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-left: 0%;
margin-right: 80px;
margin-top: calc(0px * 2);
min-width: 0;
width: auto;
  
}
[id^="TEXT-96w9xfwb"] .x-text,
[id^="TEXT-96w9xfwb"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-96w9xfwb .x-text,
.--clone-TEXT-96w9xfwb .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 91.0414333706607%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, var(--color_14));
font: var(--font_4);
height: 100%;
text-align: right;
width: 100%;
  
}
[id^="TEXT-96w9xfwb"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-96w9xfwb .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, var(--color_14));
}
[id^="TEXT-96w9xfwb"] .x-text:hover,
.--clone-TEXT-96w9xfwb .x-text:hover,
[id^="TEXT-96w9xfwb"] a:hover,
.--clone-TEXT-96w9xfwb a:hover {
  
}



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


#BUTTON-k2cwt1bh {
  align-self: center;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 6;
grid-row-start: 5;
height: 46px;
justify-self: end;
margin-right: 0%;
margin-top: calc(0px * 2);
min-width: 0;
width: 356px;
  
}
#BUTTON-k2cwt1bh .x-button-wrapper {
  --width: 356px;
-webkit-text-stroke: 0px #000000ff;
background: var(--color_11);
border-color: #000000ff;
border-radius: 99px 99px 99px 99px;
border-style: solid;
border-width: 0.0px;
color: var(--color_01);
font: var(--font_7);
height: 100%;
text-align: center;
width: 100%;
  border:   ;


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

#SECTION-hbf01 {
  height: auto;
  grid-template-columns: 10px 1fr 10px;
  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-bp2 {
  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: 6fr 3fr 3fr 3fr 3fr;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: 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: 2;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: 26.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: 2;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: 3;grid-column-start: 2;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) 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: 4;grid-column-start: 3;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) 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: 5;grid-column-start: 4;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) 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: 6;grid-column-start: 5;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) 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;
}

