#SECTION-m38yi8nb { height: auto; grid-template-columns: 16px 1fr 16px; 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-bp4 { overflow: hidden; width: 100%; height: 100%; display: block; } #CONTAINER-kt4gv5h7 { --bg: #10243E; background: #10243E; border-color: #000000ff; border-style: solid; border-width: 0.0px; padding-bottom: 8px; padding-top: 8px; --width: 100%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;grid-template-columns: 1fr;grid-template-rows: minmax(44px, max-content);height: auto;justify-self: center;margin-left: calc(% * 2);margin-top: px;max-width: 1200px;min-width: 0;row-gap: 16px;width: 100%; border: 0px solid #000000ff; } [id^="TEXT-t2uim286"], .--clone-TEXT-t2uim286 { font-size: 0px; align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: stretch; margin-bottom: calc(2px * 2); margin-left: 0%; margin-right: 0%; min-width: 0; width: auto; } [id^="TEXT-t2uim286"] .x-text, [id^="TEXT-t2uim286"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-t2uim286 .x-text, .--clone-TEXT-t2uim286 .x-text:not(.post-content-bidding):not(.description-bidding) a { --width: 100%; -webkit-text-stroke: 0px #000000ff; color: var(--active-color, #FFFFFF); font: Questrial; font-family: 'Anuphan', sans-serif; font-size: 14.0px; font-weight: 500; height: 100%; letter-spacing: 0.02em; line-height: 1.5; text-align: center; width: 100%; } [id^="TEXT-t2uim286"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-t2uim286 .x-text:not(.post-content-bidding):not(.description-bidding) a { color: var(--active-color, #FFFFFF); } [id^="TEXT-t2uim286"] .x-text:hover, .--clone-TEXT-t2uim286 .x-text:hover, [id^="TEXT-t2uim286"] a:hover, .--clone-TEXT-t2uim286 a:hover { } #CONTAINER-a92496kv { --bg: #FFFFFF; background: #FFFFFF; border-color: #000000ff; border-style: solid; border-width: 0.0px; padding-bottom: 12px; padding-top: 12px; --width: 100%;align-self: start;column-gap: 32px;display: none;grid-column-end: 3;grid-column-start: 2;grid-row-end: 4;grid-row-start: 3;grid-template-columns: 120px 1fr 44px;grid-template-rows: minmax(50px, max-content);height: auto;justify-self: center;margin-left: calc(% * 2);margin-top: px;max-width: 1200px;min-width: 0;row-gap: 24px;width: 100%; border: 0px solid #000000ff; } [id^="IMAGE-3yxjdaae"] { align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: start; margin-left: %; margin-top: px; max-width: 80px; min-width: 0; width: 100%; } [id^="IMAGE-3yxjdaae"] picture { --width: 100%; height: 100%; width: 100%; } [id^="IMAGE-3yxjdaae"] .overlay-image { background: ; pointer-events: none; top: 0; left: 0; width: 100%; height: 100%; position: absolute; } #MENU-y906l7mg { --width: 100%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 2;grid-row-start: 1;height: auto;justify-self: stretch;margin-left: %;margin-right: %;margin-top: px;min-width: 0;width: auto; --active-link-color: #17212B; } #MENU-y906l7mg .x-rect { --gap: 28px; --pad-x: 8px; --pad-y: 12px; -webkit-text-stroke: 0px #000000ff; background: #FFFFFF; color: #17212B; font: Questrial; font-family: 'Anuphan', sans-serif; font-size: 15.0px; font-weight: 500; justify-content: center; } #MENU-y906l7mg > ul { background: #FFFFFF; justify-content: center; align-items: center; gap: 28px; border-radius: inherit; } #MENU-y906l7mg > ul > .menu-item .tag-link { --gap: 28px; --pad-x: 8px; --pad-y: 12px; -webkit-text-stroke: 0px #000000ff; background: #FFFFFF; color: #17212B; font: Questrial; font-family: 'Anuphan', sans-serif; font-size: 15.0px; font-weight: 500; justify-content: center; } #MENU-y906l7mg > ul > .menu-item.menu-item-active-link > .tag-link, #MENU-y906l7mg > ul > .menu-item.menu-item-active-link > * > .tag-link { color: var(--active-link-color); } #MENU-y906l7mg > ul > .menu-item:not(:first-child) { } #MENU-y906l7mg ul li .tag-link { border-style: none none none none; } #MENU-y906l7mg ul li .tag-link:hover { color: #1B4F7A !important; background: #FFFFFF; border-style: none none none none; } #MENU-y906l7mg > ul > .menu-item svg { width: 12px; height: 12px; } #MENU-y906l7mg .arrow { color: #10243E; } #MENU-y906l7mg.horizontal-menu > ul > .menu-item > .x-submenu { top: 100%; } #MENU-ITEM-fhwqxrvk > a, #MENU-ITEM-fhwqxrvk > div { color: #17212B !important; font-weight: 500 !important; font-size: 15px !important; -webkit-text-stroke: 0px #000000ff !important; } #SUBMENU-0hv9lj2f { width: 100%; height: auto; grid-template-columns: 1fr; grid-template-rows: minmax(50px, max-content); column-gap: 0px; row-gap: 16px; background: #FFFFFF; border-radius: 8px; box-shadow: 0 8px 24px rgba(16,36,62,0.08); } .vertical-menu #MENU-ITEM-fhwqxrvk.menu-item:hover > .x-submenu { display: grid; } #MENU-pbzu7hxi { --width: 100%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;height: auto;justify-self: stretch;margin-left: %;margin-right: %;margin-top: px;min-width: 0;width: auto; --active-link-color: #17212B; } #MENU-pbzu7hxi .x-rect { --pad-x: 18px; --pad-y: 12px; background: #FFFFFF; color: #17212B; font: Questrial; font-size: 15.0px; } #MENU-pbzu7hxi > ul { background: #FFFFFF; height: auto; border-radius: inherit; } #MENU-pbzu7hxi > ul > .menu-item .tag-link { --pad-x: 18px; --pad-y: 12px; background: #FFFFFF; color: #17212B; font: Questrial; font-size: 15.0px; } #MENU-pbzu7hxi > ul > .menu-item.menu-item-active-link > .tag-link, #MENU-pbzu7hxi > ul > .menu-item.menu-item-active-link > * > .tag-link { color: var(--active-link-color); } #MENU-pbzu7hxi > ul > .menu-item:not(:first-child) { } #MENU-pbzu7hxi ul li .tag-link { border-style: none none none none; } #MENU-pbzu7hxi ul li .tag-link:hover, #MENU-pbzu7hxi ul li > a:hover { border-style: none none none none; } #MENU-ITEM-cvtxzvmk > a, #MENU-ITEM-cvtxzvmk > div { } #MENU-ITEM-4ixseb9f > a, #MENU-ITEM-4ixseb9f > div { } #MENU-ITEM-5g720bqy > a, #MENU-ITEM-5g720bqy > div { } #MENU-ITEM-ns5phl3m > a, #MENU-ITEM-ns5phl3m > div { color: #17212B !important; font-weight: 500 !important; font-size: 15px !important; } #MENU-ITEM-pdacdhmb > a, #MENU-ITEM-pdacdhmb > div { color: #17212B !important; font-weight: 500 !important; font-size: 15px !important; } #CONTAINER-8t2ubxav { --bg: ; border-color: #000000ff; border-style: solid; border-width: 0.0px; --width: 100%;align-self: start;column-gap: 0px;grid-column-end: 4;grid-column-start: 3;grid-row-end: 2;grid-row-start: 1;grid-template-columns: 44px;grid-template-rows: minmax(50px, max-content);height: auto;justify-self: stretch;margin-left: %;margin-right: %;margin-top: px;max-width: 44px;min-width: 0;row-gap: 24px;width: auto; border: 0px solid #000000ff; } #CART-ICON-8rqder95 { --width: 100%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;height: 44px;justify-self: stretch;margin-left: %;margin-right: %;margin-top: px;min-width: 0;width: auto; } #CART-ICON-8rqder95 .x-cart-icon { background: #FFFFFF; border-color: #000000ff; border-radius: 8px; border-style: solid; border-width: 0.0px; color: #10243E; } #CART-ICON-8rqder95 .x-cart-item-count { position: absolute; top: -11.0px; right: -11.0px; width: 22.0px; height: 22.0px; display: flex; justify-content: center; align-items: center; background-color: #10243E; border-radius: 50%; color: #FFFFFF; font-family: Questrial; font-size: 10.0px; } #CART-ICON-8rqder95 .x-image-cart-icon { border-radius: 8px; } #CONTAINER-ndygqs0b { --bg: #FFFFFF; background: #FFFFFF; border-color: #000000ff; border-style: solid; border-width: 0.0px; padding-bottom: 10px; padding-top: 10px; --width: 94.73941200657896%;align-self: start;column-gap: 16px;grid-column-end: 3;grid-column-start: 2;grid-row-end: 5;grid-row-start: 4;grid-template-columns: 44px 1fr 44px;grid-template-rows: minmax(50px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: 0px;max-width: 1200px;min-width: 0;row-gap: 24px;width: 94.73941200657896%; border: 0px solid #000000ff; } #MENU-9wwhchrx { --width: 100%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;height: auto;justify-self: stretch;margin-left: 0%;margin-right: 0%;margin-top: px;min-width: 0;width: auto; --active-link-color: #10243E; } #MENU-9wwhchrx .x-rect { -webkit-text-stroke: 0px #000000ff; background: var(--color_00); border-radius: 8px; color: #10243E; font-family: 'Anuphan', sans-serif; } #MENU-9wwhchrx > ul { background: var(--color_00); border-radius: inherit; } #MENU-9wwhchrx > ul > .menu-item .tag-link { -webkit-text-stroke: 0px #000000ff; background: var(--color_00); border-radius: 8px; color: #10243E; font-family: 'Anuphan', sans-serif; } #MENU-9wwhchrx > ul > .menu-item.menu-item-active-link > .tag-link, #MENU-9wwhchrx > ul > .menu-item.menu-item-active-link > * > .tag-link { color: var(--active-link-color); } #MENU-9wwhchrx > ul > .menu-item:not(:first-child) { } #MENU-9wwhchrx ul li .tag-link { border-style: none none none none; } #MENU-9wwhchrx ul li .tag-link:hover, #MENU-9wwhchrx ul li > a:hover { border-style: none none none none; } #MENU-9wwhchrx .arrow { color: #10243E; } #MENU-DROPPABLE-f834uexb { background: #FFFFFF; overflow-y: auto; top: 0; right: 0; width: 100%; height: var(--viewport-height, 100vh); grid-template-columns: 1fr; grid-template-rows: minmax(50px, max-content); column-gap: 0px; row-gap: 16px; --width: 100%; overflow_x: visible; overflow_y: auto; } #MENU-pcaaas6o { --width: 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: center; margin-left: calc(0.0023251488095238095% * 2); margin-top: 0px; max-width: 64px; min-width: 0; width: 38.0859375%; } [id^="IMAGE-4qqqbq3u"] picture { --width: 38.0859375%; height: 100%; width: 100%; } [id^="IMAGE-4qqqbq3u"] .overlay-image { background: ; pointer-events: none; top: 0; left: 0; width: 100%; height: 100%; position: absolute; } #CART-ICON-1rfivdew { --width: 100%;align-self: start;grid-column-end: 4;grid-column-start: 3;grid-row-end: 2;grid-row-start: 1;height: 44px;justify-self: stretch;margin-left: 0%;margin-right: 0%;margin-top: px;min-width: 0;width: auto; } #CART-ICON-1rfivdew .x-cart-icon { background: #FFFFFF; border-radius: 8px; color: #10243E; } #CART-ICON-1rfivdew .x-cart-item-count { position: absolute; top: -11.0px; right: -11.0px; width: 22.0px; height: 22.0px; display: flex; justify-content: center; align-items: center; background-color: #10243E; border-radius: 50%; color: #FFFFFF; font-family: Questrial; font-size: 10.0px; } #CART-ICON-1rfivdew .x-image-cart-icon { border-radius: 8px; } #SECTION-kuhdznsn { height: auto; grid-template-columns: 16px 1fr 16px; grid-template-rows: minmax(32px, max-content) minmax(50px, max-content) minmax(32px, max-content); column-gap: 0px; row-gap: 0px; --box-shadow: none; transition: opacity 0.3s ease, visibility 0.3s ease; } #SECTION-kuhdznsn .x-section-background { background: #F6F8FA; --height: 0; --bg: #F6F8FA; } #SECTION-kuhdznsn .x-section-video-background { } #SECTION-kuhdznsn .video { display: none; } #SECTION-kuhdznsn .video-bp4 { overflow: hidden; width: 100%; height: 100%; display: block; } #CONTAINER-i2og2r97 { --bg: ; border-color: #000000ff; border-style: solid; border-width: 0.0px; --width: 100%;align-self: start;column-gap: 0px;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);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; } #CONTAINER-y596zi9c { --bg: ; --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;max-width: 520px;min-width: 0;row-gap: 16px;width: auto; border: ; } [id^="TEXT-ezpwy80s"], .--clone-TEXT-ezpwy80s { 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-ezpwy80s"] .x-text, [id^="TEXT-ezpwy80s"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-ezpwy80s .x-text, .--clone-TEXT-ezpwy80s .x-text:not(.post-content-bidding):not(.description-bidding) a { --width: 100%; -webkit-text-stroke: 0px #000000ff; color: var(--active-color, #1B4F7A); font: Anuphan; font-family: 'Anuphan', sans-serif; font-size: 15.0px; font-weight: 500; height: 100%; letter-spacing: 0.04em; line-height: 1.5; text-transform: uppercase; width: 100%; } [id^="TEXT-ezpwy80s"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-ezpwy80s .x-text:not(.post-content-bidding):not(.description-bidding) a { color: var(--active-color, #1B4F7A); } [id^="TEXT-ezpwy80s"] .x-text:hover, .--clone-TEXT-ezpwy80s .x-text:hover, [id^="TEXT-ezpwy80s"] a:hover, .--clone-TEXT-ezpwy80s a:hover { } [id^="TEXT-kpqz2fns"], .--clone-TEXT-kpqz2fns { 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-kpqz2fns"] .x-text, [id^="TEXT-kpqz2fns"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-kpqz2fns .x-text, .--clone-TEXT-kpqz2fns .x-text:not(.post-content-bidding):not(.description-bidding) a { --width: 100%; -webkit-text-stroke: 0px #000000ff; color: var(--active-color, #17212B); font: Anuphan; font-family: 'Anuphan', sans-serif; font-size: 34.0px; font-weight: 400; height: 100%; letter-spacing: -0.02em; line-height: 1.12; width: 100%; } [id^="TEXT-kpqz2fns"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-kpqz2fns .x-text:not(.post-content-bidding):not(.description-bidding) a { color: var(--active-color, #17212B); } [id^="TEXT-kpqz2fns"] .x-text:hover, .--clone-TEXT-kpqz2fns .x-text:hover, [id^="TEXT-kpqz2fns"] a:hover, .--clone-TEXT-kpqz2fns a:hover { } [id^="TEXT-eaib0fdm"], .--clone-TEXT-eaib0fdm { 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-eaib0fdm"] .x-text, [id^="TEXT-eaib0fdm"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-eaib0fdm .x-text, .--clone-TEXT-eaib0fdm .x-text:not(.post-content-bidding):not(.description-bidding) a { --width: 100%; -webkit-text-stroke: 0px rgba(0, 0, 0, 1); color: var(--active-color, #65717C); font: Anuphan; font-family: 'Anuphan', sans-serif; font-size: 17.0px; font-weight: 400; height: 100%; line-height: 1.65; width: 100%; } [id^="TEXT-eaib0fdm"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-eaib0fdm .x-text:not(.post-content-bidding):not(.description-bidding) a { color: var(--active-color, #65717C); } [id^="TEXT-eaib0fdm"] .x-text:hover, .--clone-TEXT-eaib0fdm .x-text:hover, [id^="TEXT-eaib0fdm"] a:hover, .--clone-TEXT-eaib0fdm a:hover { } [id^="IMAGE-9tm3o391"] { align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: center; margin-left: calc(% * 2); margin-top: px; max-width: 620px; min-width: 0; width: 100%; } [id^="IMAGE-9tm3o391"] picture { --width: 100%; border-radius: 16px; box-shadow: none; height: 100%; width: 100%; } [id^="IMAGE-9tm3o391"] .overlay-image { background: ; pointer-events: none; top: 0; left: 0; width: 100%; height: 100%; position: absolute; } #SECTION-20ih290w { height: auto; grid-template-columns: 5px 1fr 5px; grid-template-rows: minmax(64px, max-content) minmax(44px, max-content) minmax(44px, max-content) minmax(44px, max-content) minmax(354px, max-content) minmax(64px, max-content); column-gap: 0px; row-gap: 16px; --box-shadow: none; transition: opacity 0.3s ease, visibility 0.3s ease; } #SECTION-20ih290w .x-section-background { background: #FFFFFF; --height: 0; --bg: #FFFFFF; } #SECTION-20ih290w .x-section-video-background { } #SECTION-20ih290w .video { display: none; } #SECTION-20ih290w .video-bp4 { overflow: hidden; width: 100%; height: 100%; display: block; } [id^="TEXT-c5mm5ei7"], .--clone-TEXT-c5mm5ei7 { font-size: 0px; align-self: start; grid-column-end: 3; grid-column-start: 2; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: stretch; margin-left: 0%; margin-right: 0%; margin-top: px; min-width: 0; width: auto; } [id^="TEXT-c5mm5ei7"] .x-text, [id^="TEXT-c5mm5ei7"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-c5mm5ei7 .x-text, .--clone-TEXT-c5mm5ei7 .x-text:not(.post-content-bidding):not(.description-bidding) a { --width: 100%; -webkit-text-stroke: 0px #000000ff; color: var(--active-color, #1B4F7A); font: Anuphan; font-family: 'Anuphan', sans-serif; font-size: 15.0px; font-weight: 500; height: 100%; letter-spacing: 0.14em; line-height: 1.5; text-align: center; width: 100%; } [id^="TEXT-c5mm5ei7"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-c5mm5ei7 .x-text:not(.post-content-bidding):not(.description-bidding) a { color: var(--active-color, #1B4F7A); } [id^="TEXT-c5mm5ei7"] .x-text:hover, .--clone-TEXT-c5mm5ei7 .x-text:hover, [id^="TEXT-c5mm5ei7"] a:hover, .--clone-TEXT-c5mm5ei7 a:hover { } [id^="TEXT-p7kedxa0"], .--clone-TEXT-p7kedxa0 { font-size: 0px; align-self: start; grid-column-end: 3; grid-column-start: 2; grid-row-end: 4; grid-row-start: 3; height: auto; justify-self: stretch; margin-left: 0%; margin-right: 0%; margin-top: px; min-width: 0; width: auto; } [id^="TEXT-p7kedxa0"] .x-text, [id^="TEXT-p7kedxa0"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-p7kedxa0 .x-text, .--clone-TEXT-p7kedxa0 .x-text:not(.post-content-bidding):not(.description-bidding) a { --width: 100%; -webkit-text-stroke: 0px rgba(0, 0, 0, 1); color: var(--active-color, #17212B); font: Anuphan; font-family: 'Anuphan', sans-serif; font-size: 30.0px; font-weight: 400; height: 100%; letter-spacing: -0.01em; line-height: 1.15; text-align: center; width: 100%; } [id^="TEXT-p7kedxa0"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-p7kedxa0 .x-text:not(.post-content-bidding):not(.description-bidding) a { color: var(--active-color, #17212B); } [id^="TEXT-p7kedxa0"] .x-text:hover, .--clone-TEXT-p7kedxa0 .x-text:hover, [id^="TEXT-p7kedxa0"] a:hover, .--clone-TEXT-p7kedxa0 a:hover { } [id^="TEXT-0lyyodnd"], .--clone-TEXT-0lyyodnd { font-size: 0px; align-self: start; grid-column-end: 3; grid-column-start: 2; grid-row-end: 5; grid-row-start: 4; height: auto; justify-self: stretch; margin-left: 0%; margin-right: 0%; margin-top: px; min-width: 0; width: auto; } [id^="TEXT-0lyyodnd"] .x-text, [id^="TEXT-0lyyodnd"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-0lyyodnd .x-text, .--clone-TEXT-0lyyodnd .x-text:not(.post-content-bidding):not(.description-bidding) a { --width: 100%; -webkit-text-stroke: 0px #000000ff; color: var(--active-color, #65717C); font: Anuphan; font-family: 'Anuphan', sans-serif; font-size: 16.0px; font-weight: 400; height: 100%; line-height: 1.7; text-align: center; width: 100%; } [id^="TEXT-0lyyodnd"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-0lyyodnd .x-text:not(.post-content-bidding):not(.description-bidding) a { color: var(--active-color, #65717C); } [id^="TEXT-0lyyodnd"] .x-text:hover, .--clone-TEXT-0lyyodnd .x-text:hover, [id^="TEXT-0lyyodnd"] a:hover, .--clone-TEXT-0lyyodnd a:hover { } #GRID-PRODUCT-e6cd1j92 { --width: 100%;align-self: start;grid-column-end: 3;grid-column-start: 2;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; } #GRID-PRODUCT-e6cd1j92 .grid-product--inner img, #GRID-PRODUCT-e6cd1j92 .grid-product--inner video { object-fit: contain; } #GRID-PRODUCT-e6cd1j92 .grid-product--title { line-clamp: 1; -webkit-line-clamp: 1; } #GRID-PRODUCT-e6cd1j92 .grid-product--wrapper { margin-bottom: 12px; } #GRID-PRODUCT-e6cd1j92 .empty-product { display: flex; flex-direction: column; align-items: center; justify-content: center; } #GRID-PRODUCT-e6cd1j92 .empty-product .empty-product-image { width: 160px; height: 160px; } #GRID-PRODUCT-e6cd1j92 .empty-product .empty-product-text { color: #25282A; text-align: center; max-width: 357px; font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; } #GRID-PRODUCT-e6cd1j92 .empty-product .empty-product-description { color: #43484C; text-align: center; max-width: 425px; font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; } #GRID-PRODUCT-e6cd1j92 .grid-product--wrapper { display: grid; column-gap: 28px; row-gap: 44px; grid-template-columns: repeat(1, 1fr); } #GRID-PRODUCT-e6cd1j92 .slider-product--item:hover { } #GRID-PRODUCT-e6cd1j92 .slider-product--item:hover .product-overlay[data-type="quick-view"] { display: grid; } #GRID-PRODUCT-e6cd1j92 .slider-product--item { display: flex; flex-direction: column; border-color: #000; } #GRID-PRODUCT-e6cd1j92 .grid-product--inner img, #GRID-PRODUCT-e6cd1j92 .grid-product--inner video { border-radius: 16px; } #GRID-PRODUCT-e6cd1j92 .grid-product--info { text-align: center; padding: 24px 0px; justify-content: unset; align-items: center } #GRID-PRODUCT-e6cd1j92 .grid-product--category { padding: 0px 0px; } #GRID-PRODUCT-e6cd1j92 .grid-product--title { font-family: 'Anuphan', sans-serif; font-weight: 500; font-size: 19px; color: #17212B; line-height: 1.5715; min-height: 29.8585px; } #GRID-PRODUCT-e6cd1j92 .grid-product--title-wrapper { margin: 0px 0px; } #GRID-PRODUCT-e6cd1j92 .grid-product--price { margin-top: 5px; margin-bottom: 5px; } #GRID-PRODUCT-e6cd1j92 .grid-product--retail-price, #GRID-PRODUCT-e6cd1j92 .grid-product--selling-price { font-family: 'Anuphan', sans-serif; font-weight: 600; font-size: 17px; color: #10243E; margin: 0 0px; } #GRID-PRODUCT-e6cd1j92 .grid-product--origin-price { font-family: 'Anuphan', sans-serif; font-size: 15px; color: #65717C; margin: 0 5px; } #GRID-PRODUCT-e6cd1j92 .grid-product--discount { padding: 0px 0px; background: rgba(0, 0, 0, 0); border-radius: 0px; font: ; color: ; font-family: ; font-size: px; font-weight: ; font-style: ; text-decoration: ; } #GRID-PRODUCT-e6cd1j92 .grid-product--wholesale-price { } #GRID-PRODUCT-e6cd1j92 .grid-product--btn-add-cart { background-color: #10243E; border-radius: 8px; font-family: 'Anuphan', sans-serif; font-weight: 500; color: #FFFFFF; font-size: 16px; margin: auto 0px 0px 0px; padding: 8px 16px; letter-spacing: 0px; line-height: 1.5; } #GRID-PRODUCT-e6cd1j92 .grid-product--btn-add-cart:hover { } #GRID-PRODUCT-e6cd1j92 .product--ribbons-wrapper { font-family: 'Roboto', sans-serif; font-weight: ; font-size: 12px; font-style: ; text-decoration: ; color: rgba(255, 255, 255, 1); flex-direction: row; padding: 0px 0px 0px 0px; display: none; } #GRID-PRODUCT-e6cd1j92 .product--ribbon { border-radius: 0px; background: rgba(0, 0, 0, 1); border-color: rgba(0, 0, 0, 1); border-width: 0px; background-size: cover; background-attachment: scroll; background-position-x: center; background-position-y: center; background-repeat: no-repeat; filter: ; } #GRID-PRODUCT-e6cd1j92 div[is_course_purchased_filter_color='true'] .grid-product--inner img { filter: grayscale(100%); } #SECTION-8jh71mhh { height: auto; grid-template-columns: 5px 1fr 5px; grid-template-rows: minmax(64px, max-content) minmax(44px, max-content) minmax(44px, max-content) minmax(44px, max-content) minmax(50px, max-content) minmax(50px, max-content) minmax(50px, max-content) minmax(64px, max-content); column-gap: 0px; row-gap: 16px; --box-shadow: none; transition: opacity 0.3s ease, visibility 0.3s ease; } #SECTION-8jh71mhh .x-section-background { background: #F6F8FA; --height: 0; --bg: #F6F8FA; } #SECTION-8jh71mhh .x-section-video-background { } #SECTION-8jh71mhh .video { display: none; } #SECTION-8jh71mhh .video-bp4 { overflow: hidden; width: 100%; height: 100%; display: block; } [id^="TEXT-wix4k2w1"], .--clone-TEXT-wix4k2w1 { font-size: 0px; align-self: start; grid-column-end: 3; grid-column-start: 2; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: stretch; margin-left: 0%; margin-right: 0%; margin-top: px; min-width: 0; width: auto; } [id^="TEXT-wix4k2w1"] .x-text, [id^="TEXT-wix4k2w1"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-wix4k2w1 .x-text, .--clone-TEXT-wix4k2w1 .x-text:not(.post-content-bidding):not(.description-bidding) a { --width: 100%; color: var(--active-color, #1B4F7A); font: Anuphan; font-family: 'Anuphan', sans-serif; font-size: 15.0px; font-weight: 500; height: 100%; letter-spacing: 0.14em; line-height: 1.5; text-align: center; width: 100%; } [id^="TEXT-wix4k2w1"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-wix4k2w1 .x-text:not(.post-content-bidding):not(.description-bidding) a { color: var(--active-color, #1B4F7A); } [id^="TEXT-wix4k2w1"] .x-text:hover, .--clone-TEXT-wix4k2w1 .x-text:hover, [id^="TEXT-wix4k2w1"] a:hover, .--clone-TEXT-wix4k2w1 a:hover { } [id^="TEXT-u3dp56sl"], .--clone-TEXT-u3dp56sl { font-size: 0px; align-self: start; grid-column-end: 3; grid-column-start: 2; grid-row-end: 4; grid-row-start: 3; height: auto; justify-self: stretch; margin-left: 0%; margin-right: 0%; margin-top: px; min-width: 0; width: auto; } [id^="TEXT-u3dp56sl"] .x-text, [id^="TEXT-u3dp56sl"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-u3dp56sl .x-text, .--clone-TEXT-u3dp56sl .x-text:not(.post-content-bidding):not(.description-bidding) a { --width: 100%; color: var(--active-color, #17212B); font: Anuphan; font-family: 'Anuphan', sans-serif; font-size: 30.0px; font-weight: 400; height: 100%; letter-spacing: -0.01em; line-height: 1.2; text-align: center; width: 100%; } [id^="TEXT-u3dp56sl"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-u3dp56sl .x-text:not(.post-content-bidding):not(.description-bidding) a { color: var(--active-color, #17212B); } [id^="TEXT-u3dp56sl"] .x-text:hover, .--clone-TEXT-u3dp56sl .x-text:hover, [id^="TEXT-u3dp56sl"] a:hover, .--clone-TEXT-u3dp56sl a:hover { } [id^="TEXT-o1vwjez5"], .--clone-TEXT-o1vwjez5 { font-size: 0px; align-self: start; grid-column-end: 3; grid-column-start: 2; grid-row-end: 5; grid-row-start: 4; height: auto; justify-self: stretch; margin-left: 0%; margin-right: 0%; margin-top: px; min-width: 0; width: auto; } [id^="TEXT-o1vwjez5"] .x-text, [id^="TEXT-o1vwjez5"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-o1vwjez5 .x-text, .--clone-TEXT-o1vwjez5 .x-text:not(.post-content-bidding):not(.description-bidding) a { --width: 100%; color: var(--active-color, #65717C); font: Anuphan; font-family: 'Anuphan', sans-serif; font-size: 18.0px; font-weight: 400; height: 100%; line-height: 1.8; text-align: center; width: 100%; } [id^="TEXT-o1vwjez5"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-o1vwjez5 .x-text:not(.post-content-bidding):not(.description-bidding) a { color: var(--active-color, #65717C); } [id^="TEXT-o1vwjez5"] .x-text:hover, .--clone-TEXT-o1vwjez5 .x-text:hover, [id^="TEXT-o1vwjez5"] a:hover, .--clone-TEXT-o1vwjez5 a:hover { } #CONTAINER-8j1j2g8c { --bg: #FFFFFF; background: #FFFFFF; border: none; border-color: #000000ff; border-radius: 24px; border-style: solid; border-width: 0.0px; box-shadow: none; padding-bottom: 44; padding-left: 52; padding-right: 52; padding-top: 44; --width: 100%;align-self: start;column-gap: 56px;grid-column-end: 3;grid-column-start: 2;grid-row-end: 6;grid-row-start: 5;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: 24px;width: auto; border: 0px solid #000000ff; } #CONTAINER-51sw16rt { --bg: ; --width: %;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(200px, max-content);height: auto;justify-self: stretch;margin-left: %;margin-right: %;margin-top: px;min-width: 0;row-gap: 16px;width: auto; border: ; } [id^="IMAGE-nlzv4ibw"] { align-self: start; display: block; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: 240px; justify-self: center; margin-left: calc(% * 2); margin-top: px; min-width: 0; width: 240px; } [id^="IMAGE-nlzv4ibw"] picture { --width: 240px; border-radius: 16px; height: 100%; width: 100%; } [id^="IMAGE-nlzv4ibw"] .overlay-image { background: ; pointer-events: none; top: 0; left: 0; width: 100%; height: 100%; position: absolute; } #CONTAINER-7zay06cd { --bg: ; --width: %;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 3;grid-row-start: 2;grid-template-columns: 1fr;grid-template-rows: minmax(44px, max-content) minmax(44px, max-content) minmax(44px, max-content) minmax(44px, max-content) minmax(46px, max-content);height: auto;justify-self: stretch;margin-left: %;margin-right: %;margin-top: px;min-width: 0;row-gap: 16px;width: auto; border: ; } [id^="TEXT-xnnocdw8"], .--clone-TEXT-xnnocdw8 { font-size: 0px; align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: stretch; margin-left: %; margin-right: %; margin-top: px; min-width: 0; width: auto; } [id^="TEXT-xnnocdw8"] .x-text, [id^="TEXT-xnnocdw8"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-xnnocdw8 .x-text, .--clone-TEXT-xnnocdw8 .x-text:not(.post-content-bidding):not(.description-bidding) a { --width: %; -webkit-text-stroke: 0px #000000ff; color: var(--active-color, #1B4F7A); font: Anuphan; font-size: 22.0px; font-weight: 600; height: 100%; letter-spacing: 0.06em; line-height: 1; text-align: left; width: 100%; } [id^="TEXT-xnnocdw8"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-xnnocdw8 .x-text:not(.post-content-bidding):not(.description-bidding) a { color: var(--active-color, #1B4F7A); } [id^="TEXT-xnnocdw8"] .x-text:hover, .--clone-TEXT-xnnocdw8 .x-text:hover, [id^="TEXT-xnnocdw8"] a:hover, .--clone-TEXT-xnnocdw8 a:hover { } [id^="TEXT-a9rytb2u"], .--clone-TEXT-a9rytb2u { font-size: 0px; align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: stretch; margin-left: %; margin-right: %; margin-top: px; min-width: 0; width: auto; } [id^="TEXT-a9rytb2u"] .x-text, [id^="TEXT-a9rytb2u"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-a9rytb2u .x-text, .--clone-TEXT-a9rytb2u .x-text:not(.post-content-bidding):not(.description-bidding) a { --width: %; -webkit-text-stroke: 0px rgba(0, 0, 0, 1); color: var(--active-color, #1B4F7A); font: Anuphan; font-family: 'Anuphan', sans-serif; font-size: 15.0px; font-weight: 500; height: 100%; letter-spacing: 0.16em; line-height: 1.6; text-align: left; width: 100%; } [id^="TEXT-a9rytb2u"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-a9rytb2u .x-text:not(.post-content-bidding):not(.description-bidding) a { color: var(--active-color, #1B4F7A); } [id^="TEXT-a9rytb2u"] .x-text:hover, .--clone-TEXT-a9rytb2u .x-text:hover, [id^="TEXT-a9rytb2u"] a:hover, .--clone-TEXT-a9rytb2u a:hover { } [id^="TEXT-8ctmqg65"], .--clone-TEXT-8ctmqg65 { font-size: 0px; align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 4; grid-row-start: 3; height: auto; justify-self: stretch; margin-left: %; margin-right: %; margin-top: px; min-width: 0; width: auto; } [id^="TEXT-8ctmqg65"] .x-text, [id^="TEXT-8ctmqg65"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-8ctmqg65 .x-text, .--clone-TEXT-8ctmqg65 .x-text:not(.post-content-bidding):not(.description-bidding) a { --width: %; -webkit-text-stroke: 0px #000000ff; color: var(--active-color, #17212B); font: Anuphan; font-family: 'Anuphan', sans-serif; font-size: 17.0px; font-weight: 500; height: 100%; line-height: 1.35; text-align: left; width: 100%; } [id^="TEXT-8ctmqg65"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-8ctmqg65 .x-text:not(.post-content-bidding):not(.description-bidding) a { color: var(--active-color, #17212B); } [id^="TEXT-8ctmqg65"] .x-text:hover, .--clone-TEXT-8ctmqg65 .x-text:hover, [id^="TEXT-8ctmqg65"] a:hover, .--clone-TEXT-8ctmqg65 a:hover { } [id^="TEXT-gv0n4qqi"], .--clone-TEXT-gv0n4qqi { 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: %; margin-right: %; margin-top: px; min-width: 0; width: auto; } [id^="TEXT-gv0n4qqi"] .x-text, [id^="TEXT-gv0n4qqi"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-gv0n4qqi .x-text, .--clone-TEXT-gv0n4qqi .x-text:not(.post-content-bidding):not(.description-bidding) a { --width: %; -webkit-text-stroke: 0px #000000ff; color: var(--active-color, #65717C); font: Anuphan; font-family: 'Anuphan', sans-serif; font-size: 17.0px; font-weight: 400; height: 100%; line-height: 1.8; text-align: left; width: 100%; } [id^="TEXT-gv0n4qqi"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-gv0n4qqi .x-text:not(.post-content-bidding):not(.description-bidding) a { color: var(--active-color, #65717C); } [id^="TEXT-gv0n4qqi"] .x-text:hover, .--clone-TEXT-gv0n4qqi .x-text:hover, [id^="TEXT-gv0n4qqi"] a:hover, .--clone-TEXT-gv0n4qqi a:hover { } #BUTTON-qy4bxr09 { align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 6; grid-row-start: 5; height: 46px; justify-self: start; margin-left: %; margin-top: px; min-width: 0; width: auto; } #BUTTON-qy4bxr09 .x-button-wrapper { --width: auto; background: #10243E; border-color: #10243E; border-radius: 8px; border-style: solid; border-width: 1.0px; color: #FFFFFF; font: Anuphan; font-size: 15.0px; font-weight: 500; height: 100%; padding-bottom: 0px; padding-left: 28px; padding-right: 28px; padding-top: 0px; text-align: center; width: 100%; border: ; color: var(--active-color, #FFFFFF); } #BUTTON-qy4bxr09[disabled=true] { display: none; } #CONTAINER-n1mkrxfc { --bg: #FFFFFF; background: #FFFFFF; border: none; border-color: #000000ff; border-radius: 24px; border-style: solid; border-width: 0.0px; box-shadow: none; padding-bottom: 44; padding-left: 52; padding-right: 52; padding-top: 44; --width: 100%;align-self: start;column-gap: 56px;grid-column-end: 3;grid-column-start: 2;grid-row-end: 7;grid-row-start: 6;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: 24px;width: auto; border: 0px solid #000000ff; } #CONTAINER-w5rw6hxj { --bg: ; --width: %;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(200px, max-content);height: auto;justify-self: stretch;margin-left: %;margin-right: %;margin-top: px;min-width: 0;row-gap: 16px;width: auto; border: ; } [id^="IMAGE-t6t2nj74"] { align-self: start; display: block; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: 240px; justify-self: center; margin-left: calc(% * 2); margin-top: px; min-width: 0; width: 240px; } [id^="IMAGE-t6t2nj74"] picture { --width: 240px; border-radius: 16px; height: 100%; width: 100%; } [id^="IMAGE-t6t2nj74"] .overlay-image { background: ; pointer-events: none; top: 0; left: 0; width: 100%; height: 100%; position: absolute; } #CONTAINER-2d97mfw8 { --bg: ; --width: %;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 3;grid-row-start: 2;grid-template-columns: 1fr;grid-template-rows: minmax(44px, max-content) minmax(44px, max-content) minmax(44px, max-content) minmax(44px, max-content) minmax(46px, max-content);height: auto;justify-self: stretch;margin-left: %;margin-right: %;margin-top: px;min-width: 0;row-gap: 16px;width: auto; border: ; } [id^="TEXT-eoqqyge0"], .--clone-TEXT-eoqqyge0 { font-size: 0px; align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: stretch; margin-left: %; margin-right: %; margin-top: px; min-width: 0; width: auto; } [id^="TEXT-eoqqyge0"] .x-text, [id^="TEXT-eoqqyge0"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-eoqqyge0 .x-text, .--clone-TEXT-eoqqyge0 .x-text:not(.post-content-bidding):not(.description-bidding) a { --width: %; color: var(--active-color, #1B4F7A); font: Anuphan; font-size: 22.0px; font-weight: 600; height: 100%; letter-spacing: 0.06em; line-height: 1; text-align: left; width: 100%; } [id^="TEXT-eoqqyge0"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-eoqqyge0 .x-text:not(.post-content-bidding):not(.description-bidding) a { color: var(--active-color, #1B4F7A); } [id^="TEXT-eoqqyge0"] .x-text:hover, .--clone-TEXT-eoqqyge0 .x-text:hover, [id^="TEXT-eoqqyge0"] a:hover, .--clone-TEXT-eoqqyge0 a:hover { } [id^="TEXT-giofuztm"], .--clone-TEXT-giofuztm { font-size: 0px; align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: stretch; margin-left: %; margin-right: %; margin-top: px; min-width: 0; width: auto; } [id^="TEXT-giofuztm"] .x-text, [id^="TEXT-giofuztm"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-giofuztm .x-text, .--clone-TEXT-giofuztm .x-text:not(.post-content-bidding):not(.description-bidding) a { --width: %; -webkit-text-stroke: 0px #000000ff; color: var(--active-color, #1B4F7A); font: Anuphan; font-family: 'Anuphan', sans-serif; font-size: 15.0px; font-weight: 500; height: 100%; letter-spacing: 0.16em; line-height: 1.6; text-align: left; width: 100%; } [id^="TEXT-giofuztm"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-giofuztm .x-text:not(.post-content-bidding):not(.description-bidding) a { color: var(--active-color, #1B4F7A); } [id^="TEXT-giofuztm"] .x-text:hover, .--clone-TEXT-giofuztm .x-text:hover, [id^="TEXT-giofuztm"] a:hover, .--clone-TEXT-giofuztm a:hover { } [id^="TEXT-5bwir3i3"], .--clone-TEXT-5bwir3i3 { font-size: 0px; align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 4; grid-row-start: 3; height: auto; justify-self: stretch; margin-left: %; margin-right: %; margin-top: px; min-width: 0; width: auto; } [id^="TEXT-5bwir3i3"] .x-text, [id^="TEXT-5bwir3i3"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-5bwir3i3 .x-text, .--clone-TEXT-5bwir3i3 .x-text:not(.post-content-bidding):not(.description-bidding) a { --width: %; -webkit-text-stroke: 0px rgba(0, 0, 0, 1); color: var(--active-color, #17212B); font: Anuphan; font-family: 'Anuphan', sans-serif; font-size: 17.0px; font-weight: 500; height: 100%; line-height: 1.35; text-align: left; width: 100%; } [id^="TEXT-5bwir3i3"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-5bwir3i3 .x-text:not(.post-content-bidding):not(.description-bidding) a { color: var(--active-color, #17212B); } [id^="TEXT-5bwir3i3"] .x-text:hover, .--clone-TEXT-5bwir3i3 .x-text:hover, [id^="TEXT-5bwir3i3"] a:hover, .--clone-TEXT-5bwir3i3 a:hover { } [id^="TEXT-55dtn94z"], .--clone-TEXT-55dtn94z { 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: %; margin-right: %; margin-top: px; min-width: 0; width: auto; } [id^="TEXT-55dtn94z"] .x-text, [id^="TEXT-55dtn94z"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-55dtn94z .x-text, .--clone-TEXT-55dtn94z .x-text:not(.post-content-bidding):not(.description-bidding) a { --width: %; color: var(--active-color, #65717C); font: Anuphan; font-family: 'Anuphan', sans-serif; font-size: 17.0px; font-weight: 400; height: 100%; line-height: 1.8; text-align: left; width: 100%; } [id^="TEXT-55dtn94z"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-55dtn94z .x-text:not(.post-content-bidding):not(.description-bidding) a { color: var(--active-color, #65717C); } [id^="TEXT-55dtn94z"] .x-text:hover, .--clone-TEXT-55dtn94z .x-text:hover, [id^="TEXT-55dtn94z"] a:hover, .--clone-TEXT-55dtn94z a:hover { } #BUTTON-kv2pjga2 { align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 6; grid-row-start: 5; height: 46px; justify-self: start; margin-left: %; margin-top: px; min-width: 0; width: auto; } #BUTTON-kv2pjga2 .x-button-wrapper { --width: auto; -webkit-text-stroke: 0px #000000ff; background: #10243E; border-color: #10243E; border-radius: 8px; border-style: solid; border-width: 1.0px; color: #FFFFFF; font: Anuphan; font-family: 'Anuphan', sans-serif; font-size: 15.0px; font-weight: 500; height: 100%; padding-bottom: 0px; padding-left: 28px; padding-right: 28px; padding-top: 0px; text-align: center; width: 100%; border: ; color: var(--active-color, #FFFFFF); } #BUTTON-kv2pjga2[disabled=true] { display: none; } #CONTAINER-mq0l8xvi { --bg: #FFFFFF; background: #FFFFFF; border: none; border-color: #000000ff; border-radius: 24px; border-style: solid; border-width: 0.0px; box-shadow: none; padding-bottom: 44; padding-left: 52; padding-right: 52; padding-top: 44; --width: 100%;align-self: start;column-gap: 56px;grid-column-end: 3;grid-column-start: 2;grid-row-end: 8;grid-row-start: 7;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: 24px;width: auto; border: 0px solid #000000ff; } #CONTAINER-o03myynf { --bg: ; --width: %;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(200px, max-content);height: auto;justify-self: stretch;margin-left: %;margin-right: %;margin-top: px;min-width: 0;row-gap: 16px;width: auto; border: ; } [id^="IMAGE-eup62bq6"] { align-self: start; display: block; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: 240px; justify-self: center; margin-left: calc(% * 2); margin-top: px; min-width: 0; width: 240px; } [id^="IMAGE-eup62bq6"] picture { --width: 240px; border-radius: 16px; height: 100%; width: 100%; } [id^="IMAGE-eup62bq6"] .overlay-image { background: ; pointer-events: none; top: 0; left: 0; width: 100%; height: 100%; position: absolute; } #CONTAINER-2vyv53kx { --bg: ; --width: %;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 3;grid-row-start: 2;grid-template-columns: 1fr;grid-template-rows: minmax(44px, max-content) minmax(44px, max-content) minmax(44px, max-content) minmax(44px, max-content) minmax(46px, max-content);height: auto;justify-self: stretch;margin-left: %;margin-right: %;margin-top: px;min-width: 0;row-gap: 16px;width: auto; border: ; } [id^="TEXT-dcxvlkqi"], .--clone-TEXT-dcxvlkqi { font-size: 0px; align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: stretch; margin-left: %; margin-right: %; margin-top: px; min-width: 0; width: auto; } [id^="TEXT-dcxvlkqi"] .x-text, [id^="TEXT-dcxvlkqi"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-dcxvlkqi .x-text, .--clone-TEXT-dcxvlkqi .x-text:not(.post-content-bidding):not(.description-bidding) a { --width: %; color: var(--active-color, #1B4F7A); font: Anuphan; font-size: 22.0px; font-weight: 600; height: 100%; letter-spacing: 0.06em; line-height: 1; text-align: left; width: 100%; } [id^="TEXT-dcxvlkqi"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-dcxvlkqi .x-text:not(.post-content-bidding):not(.description-bidding) a { color: var(--active-color, #1B4F7A); } [id^="TEXT-dcxvlkqi"] .x-text:hover, .--clone-TEXT-dcxvlkqi .x-text:hover, [id^="TEXT-dcxvlkqi"] a:hover, .--clone-TEXT-dcxvlkqi a:hover { } [id^="TEXT-dipgxfdx"], .--clone-TEXT-dipgxfdx { font-size: 0px; align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: stretch; margin-left: %; margin-right: %; margin-top: px; min-width: 0; width: auto; } [id^="TEXT-dipgxfdx"] .x-text, [id^="TEXT-dipgxfdx"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-dipgxfdx .x-text, .--clone-TEXT-dipgxfdx .x-text:not(.post-content-bidding):not(.description-bidding) a { --width: %; -webkit-text-stroke: 0px #000000ff; color: var(--active-color, #1B4F7A); font: Anuphan; font-family: 'Anuphan', sans-serif; font-size: 15.0px; font-weight: 500; height: 100%; letter-spacing: 0.16em; line-height: 1.6; text-align: left; width: 100%; } [id^="TEXT-dipgxfdx"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-dipgxfdx .x-text:not(.post-content-bidding):not(.description-bidding) a { color: var(--active-color, #1B4F7A); } [id^="TEXT-dipgxfdx"] .x-text:hover, .--clone-TEXT-dipgxfdx .x-text:hover, [id^="TEXT-dipgxfdx"] a:hover, .--clone-TEXT-dipgxfdx a:hover { } [id^="TEXT-b56ie9pt"], .--clone-TEXT-b56ie9pt { font-size: 0px; align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 4; grid-row-start: 3; height: auto; justify-self: stretch; margin-left: %; margin-right: %; margin-top: px; min-width: 0; width: auto; } [id^="TEXT-b56ie9pt"] .x-text, [id^="TEXT-b56ie9pt"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-b56ie9pt .x-text, .--clone-TEXT-b56ie9pt .x-text:not(.post-content-bidding):not(.description-bidding) a { --width: %; -webkit-text-stroke: 0px rgba(0, 0, 0, 1); color: var(--active-color, #17212B); font: Anuphan; font-family: 'Anuphan', sans-serif; font-size: 17.0px; font-weight: 500; height: 100%; line-height: 1.35; text-align: left; width: 100%; } [id^="TEXT-b56ie9pt"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-b56ie9pt .x-text:not(.post-content-bidding):not(.description-bidding) a { color: var(--active-color, #17212B); } [id^="TEXT-b56ie9pt"] .x-text:hover, .--clone-TEXT-b56ie9pt .x-text:hover, [id^="TEXT-b56ie9pt"] a:hover, .--clone-TEXT-b56ie9pt a:hover { } [id^="TEXT-7hfqzpbz"], .--clone-TEXT-7hfqzpbz { 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: %; margin-right: %; margin-top: px; min-width: 0; width: auto; } [id^="TEXT-7hfqzpbz"] .x-text, [id^="TEXT-7hfqzpbz"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-7hfqzpbz .x-text, .--clone-TEXT-7hfqzpbz .x-text:not(.post-content-bidding):not(.description-bidding) a { --width: %; color: var(--active-color, #65717C); font: Anuphan; font-family: 'Anuphan', sans-serif; font-size: 17.0px; font-weight: 400; height: 100%; line-height: 1.8; text-align: left; width: 100%; } [id^="TEXT-7hfqzpbz"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-7hfqzpbz .x-text:not(.post-content-bidding):not(.description-bidding) a { color: var(--active-color, #65717C); } [id^="TEXT-7hfqzpbz"] .x-text:hover, .--clone-TEXT-7hfqzpbz .x-text:hover, [id^="TEXT-7hfqzpbz"] a:hover, .--clone-TEXT-7hfqzpbz a:hover { } #BUTTON-j5i10krf { align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 6; grid-row-start: 5; height: 46px; justify-self: start; margin-left: %; margin-top: px; min-width: 0; width: auto; } #BUTTON-j5i10krf .x-button-wrapper { --width: auto; -webkit-text-stroke: 0px #000000ff; background: #10243E; border-color: #10243E; border-radius: 8px; border-style: solid; border-width: 1.0px; color: #FFFFFF; font: Anuphan; font-family: 'Anuphan', sans-serif; font-size: 15.0px; font-weight: 500; height: 100%; padding-bottom: 0px; padding-left: 28px; padding-right: 28px; padding-top: 0px; text-align: center; width: 100%; border: ; color: var(--active-color, #FFFFFF); } #BUTTON-j5i10krf[disabled=true] { display: none; } #SECTION-n3ydathl { height: auto; grid-template-columns: 5px 1fr 5px; grid-template-rows: minmax(64px, max-content) minmax(50px, max-content) minmax(64px, max-content); column-gap: 0px; row-gap: 16px; --box-shadow: none; transition: opacity 0.3s ease, visibility 0.3s ease; } #SECTION-n3ydathl .x-section-background { background: #FFFFFF; --height: 0; --bg: #FFFFFF; } #SECTION-n3ydathl .x-section-video-background { } #SECTION-n3ydathl .video { display: none; } #SECTION-n3ydathl .video-bp4 { overflow: hidden; width: 100%; height: 100%; display: block; } #CONTAINER-ltzhmpkw { --bg: #F6F8FA; background: #F6F8FA; border: none; border-color: #000000ff; border-radius: 28px; border-style: solid; border-width: 0.0px; box-shadow: none; padding-bottom: 72; padding-left: 64; padding-right: 64; padding-top: 72; --width: 100%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;grid-template-columns: 1fr;grid-template-rows: minmax(44px, max-content) minmax(44px, max-content) minmax(44px, max-content) minmax(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; } [id^="TEXT-bmzyvzuf"], .--clone-TEXT-bmzyvzuf { font-size: 0px; align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: stretch; margin-left: %; margin-right: %; margin-top: px; min-width: 0; width: auto; } [id^="TEXT-bmzyvzuf"] .x-text, [id^="TEXT-bmzyvzuf"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-bmzyvzuf .x-text, .--clone-TEXT-bmzyvzuf .x-text:not(.post-content-bidding):not(.description-bidding) a { --width: %; -webkit-text-stroke: 0px #000000ff; color: var(--active-color, #1B4F7A); font: Anuphan; font-family: 'Anuphan', sans-serif; font-size: 15.0px; font-weight: 500; height: 100%; letter-spacing: 0.14em; line-height: 1.5; text-align: center; width: 100%; } [id^="TEXT-bmzyvzuf"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-bmzyvzuf .x-text:not(.post-content-bidding):not(.description-bidding) a { color: var(--active-color, #1B4F7A); } [id^="TEXT-bmzyvzuf"] .x-text:hover, .--clone-TEXT-bmzyvzuf .x-text:hover, [id^="TEXT-bmzyvzuf"] a:hover, .--clone-TEXT-bmzyvzuf a:hover { } [id^="TEXT-m4e2ndei"], .--clone-TEXT-m4e2ndei { font-size: 0px; align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: stretch; margin-left: %; margin-right: %; margin-top: px; min-width: 0; width: auto; } [id^="TEXT-m4e2ndei"] .x-text, [id^="TEXT-m4e2ndei"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-m4e2ndei .x-text, .--clone-TEXT-m4e2ndei .x-text:not(.post-content-bidding):not(.description-bidding) a { --width: %; -webkit-text-stroke: 0px #000000ff; color: var(--active-color, #17212B); font: Anuphan; font-family: 'Anuphan', sans-serif; font-size: 30.0px; font-weight: 400; height: 100%; letter-spacing: -0.01em; line-height: 1.2; text-align: center; width: 100%; } [id^="TEXT-m4e2ndei"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-m4e2ndei .x-text:not(.post-content-bidding):not(.description-bidding) a { color: var(--active-color, #17212B); } [id^="TEXT-m4e2ndei"] .x-text:hover, .--clone-TEXT-m4e2ndei .x-text:hover, [id^="TEXT-m4e2ndei"] a:hover, .--clone-TEXT-m4e2ndei a:hover { } [id^="TEXT-h8tysbc7"], .--clone-TEXT-h8tysbc7 { font-size: 0px; align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 4; grid-row-start: 3; height: auto; justify-self: stretch; margin-left: %; margin-right: %; margin-top: px; min-width: 0; width: auto; } [id^="TEXT-h8tysbc7"] .x-text, [id^="TEXT-h8tysbc7"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-h8tysbc7 .x-text, .--clone-TEXT-h8tysbc7 .x-text:not(.post-content-bidding):not(.description-bidding) a { --width: %; -webkit-text-stroke: 0px rgba(0, 0, 0, 1); color: var(--active-color, #65717C); font: Anuphan; font-family: 'Anuphan', sans-serif; font-size: 17.0px; font-weight: 400; height: 100%; line-height: 1.8; text-align: center; width: 100%; } [id^="TEXT-h8tysbc7"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-h8tysbc7 .x-text:not(.post-content-bidding):not(.description-bidding) a { color: var(--active-color, #65717C); } [id^="TEXT-h8tysbc7"] .x-text:hover, .--clone-TEXT-h8tysbc7 .x-text:hover, [id^="TEXT-h8tysbc7"] a:hover, .--clone-TEXT-h8tysbc7 a:hover { } #CONTAINER-axi5440a { --bg: ; --width: %;align-self: start;column-gap: 40px;grid-column-end: 2;grid-column-start: 1;grid-row-end: 5;grid-row-start: 4;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: %;margin-right: %;margin-top: px;min-width: 0;row-gap: 40px;width: auto; border: ; } #CONTAINER-37vz13kv { --bg: ; border-color: #000000ff; border-style: solid; border-width: 0.0px; --width: %;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: %;margin-right: %;margin-top: px;min-width: 0;row-gap: 16px;width: auto; border: 0px solid #000000ff; } [id^="TEXT-hodfh8id"], .--clone-TEXT-hodfh8id { font-size: 0px; align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: stretch; margin-left: %; margin-right: %; margin-top: px; min-width: 0; width: auto; } [id^="TEXT-hodfh8id"] .x-text, [id^="TEXT-hodfh8id"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-hodfh8id .x-text, .--clone-TEXT-hodfh8id .x-text:not(.post-content-bidding):not(.description-bidding) a { --width: %; color: var(--active-color, #1B4F7A); font: Anuphan; font-size: 22.0px; font-weight: 600; height: 100%; letter-spacing: 0.06em; line-height: 1.2; text-align: center; width: 100%; } [id^="TEXT-hodfh8id"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-hodfh8id .x-text:not(.post-content-bidding):not(.description-bidding) a { color: var(--active-color, #1B4F7A); } [id^="TEXT-hodfh8id"] .x-text:hover, .--clone-TEXT-hodfh8id .x-text:hover, [id^="TEXT-hodfh8id"] a:hover, .--clone-TEXT-hodfh8id a:hover { } [id^="TEXT-kpk872ud"], .--clone-TEXT-kpk872ud { font-size: 0px; align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: stretch; margin-left: %; margin-right: %; margin-top: px; min-width: 0; width: auto; } [id^="TEXT-kpk872ud"] .x-text, [id^="TEXT-kpk872ud"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-kpk872ud .x-text, .--clone-TEXT-kpk872ud .x-text:not(.post-content-bidding):not(.description-bidding) a { --width: %; -webkit-text-stroke: 0px #000000ff; color: var(--active-color, #17212B); font: Anuphan; font-family: 'Anuphan', sans-serif; font-size: 21.0px; font-weight: 500; height: 100%; line-height: 1.4; text-align: center; width: 100%; } [id^="TEXT-kpk872ud"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-kpk872ud .x-text:not(.post-content-bidding):not(.description-bidding) a { color: var(--active-color, #17212B); } [id^="TEXT-kpk872ud"] .x-text:hover, .--clone-TEXT-kpk872ud .x-text:hover, [id^="TEXT-kpk872ud"] a:hover, .--clone-TEXT-kpk872ud a:hover { } [id^="TEXT-87m0k95v"], .--clone-TEXT-87m0k95v { font-size: 0px; align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 4; grid-row-start: 3; height: auto; justify-self: stretch; margin-left: %; margin-right: %; margin-top: px; min-width: 0; width: auto; } [id^="TEXT-87m0k95v"] .x-text, [id^="TEXT-87m0k95v"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-87m0k95v .x-text, .--clone-TEXT-87m0k95v .x-text:not(.post-content-bidding):not(.description-bidding) a { --width: %; -webkit-text-stroke: 0px rgba(0, 0, 0, 1); color: var(--active-color, #65717C); font: Anuphan; font-family: 'Anuphan', sans-serif; font-size: 16.0px; font-weight: 400; height: 100%; line-height: 1.8; text-align: center; width: 100%; } [id^="TEXT-87m0k95v"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-87m0k95v .x-text:not(.post-content-bidding):not(.description-bidding) a { color: var(--active-color, #65717C); } [id^="TEXT-87m0k95v"] .x-text:hover, .--clone-TEXT-87m0k95v .x-text:hover, [id^="TEXT-87m0k95v"] a:hover, .--clone-TEXT-87m0k95v a:hover { } #CONTAINER-kz9rpn8j { --bg: ; border-color: #000000ff; border-style: solid; border-width: 0.0px; --width: %;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 3;grid-row-start: 2;grid-template-columns: 1fr;grid-template-rows: minmax(44px, max-content) minmax(44px, max-content) minmax(44px, max-content);height: auto;justify-self: stretch;margin-left: %;margin-right: %;margin-top: px;min-width: 0;row-gap: 16px;width: auto; border: 0px solid #000000ff; } [id^="TEXT-44tsjhd1"], .--clone-TEXT-44tsjhd1 { font-size: 0px; align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: stretch; margin-left: %; margin-right: %; margin-top: px; min-width: 0; width: auto; } [id^="TEXT-44tsjhd1"] .x-text, [id^="TEXT-44tsjhd1"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-44tsjhd1 .x-text, .--clone-TEXT-44tsjhd1 .x-text:not(.post-content-bidding):not(.description-bidding) a { --width: %; color: var(--active-color, #1B4F7A); font: Anuphan; font-size: 22.0px; font-weight: 600; height: 100%; letter-spacing: 0.06em; line-height: 1.2; text-align: center; width: 100%; } [id^="TEXT-44tsjhd1"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-44tsjhd1 .x-text:not(.post-content-bidding):not(.description-bidding) a { color: var(--active-color, #1B4F7A); } [id^="TEXT-44tsjhd1"] .x-text:hover, .--clone-TEXT-44tsjhd1 .x-text:hover, [id^="TEXT-44tsjhd1"] a:hover, .--clone-TEXT-44tsjhd1 a:hover { } [id^="TEXT-k1mmy83m"], .--clone-TEXT-k1mmy83m { font-size: 0px; align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: stretch; margin-left: %; margin-right: %; margin-top: px; min-width: 0; width: auto; } [id^="TEXT-k1mmy83m"] .x-text, [id^="TEXT-k1mmy83m"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-k1mmy83m .x-text, .--clone-TEXT-k1mmy83m .x-text:not(.post-content-bidding):not(.description-bidding) a { --width: %; -webkit-text-stroke: 0px #000000ff; color: var(--active-color, #17212B); font: Anuphan; font-family: 'Anuphan', sans-serif; font-size: 21.0px; font-weight: 500; height: 100%; line-height: 1.4; text-align: center; width: 100%; } [id^="TEXT-k1mmy83m"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-k1mmy83m .x-text:not(.post-content-bidding):not(.description-bidding) a { color: var(--active-color, #17212B); } [id^="TEXT-k1mmy83m"] .x-text:hover, .--clone-TEXT-k1mmy83m .x-text:hover, [id^="TEXT-k1mmy83m"] a:hover, .--clone-TEXT-k1mmy83m a:hover { } [id^="TEXT-zbxozu25"], .--clone-TEXT-zbxozu25 { font-size: 0px; align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 4; grid-row-start: 3; height: auto; justify-self: stretch; margin-left: %; margin-right: %; margin-top: px; min-width: 0; width: auto; } [id^="TEXT-zbxozu25"] .x-text, [id^="TEXT-zbxozu25"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-zbxozu25 .x-text, .--clone-TEXT-zbxozu25 .x-text:not(.post-content-bidding):not(.description-bidding) a { --width: %; -webkit-text-stroke: 0px rgba(0, 0, 0, 1); color: var(--active-color, #65717C); font: Anuphan; font-family: 'Anuphan', sans-serif; font-size: 16.0px; font-weight: 400; height: 100%; line-height: 1.8; text-align: center; width: 100%; } [id^="TEXT-zbxozu25"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-zbxozu25 .x-text:not(.post-content-bidding):not(.description-bidding) a { color: var(--active-color, #65717C); } [id^="TEXT-zbxozu25"] .x-text:hover, .--clone-TEXT-zbxozu25 .x-text:hover, [id^="TEXT-zbxozu25"] a:hover, .--clone-TEXT-zbxozu25 a:hover { } #CONTAINER-mg1x0gis { --bg: ; --width: %;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 4;grid-row-start: 3;grid-template-columns: 1fr;grid-template-rows: minmax(44px, max-content) minmax(44px, max-content) minmax(44px, max-content);height: auto;justify-self: stretch;margin-left: %;margin-right: %;margin-top: px;min-width: 0;row-gap: 16px;width: auto; border: ; } [id^="TEXT-1q7d4q06"], .--clone-TEXT-1q7d4q06 { font-size: 0px; align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: stretch; margin-left: %; margin-right: %; margin-top: px; min-width: 0; width: auto; } [id^="TEXT-1q7d4q06"] .x-text, [id^="TEXT-1q7d4q06"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-1q7d4q06 .x-text, .--clone-TEXT-1q7d4q06 .x-text:not(.post-content-bidding):not(.description-bidding) a { --width: %; color: var(--active-color, #1B4F7A); font: Anuphan; font-size: 22.0px; font-weight: 600; height: 100%; letter-spacing: 0.06em; line-height: 1.2; text-align: center; width: 100%; } [id^="TEXT-1q7d4q06"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-1q7d4q06 .x-text:not(.post-content-bidding):not(.description-bidding) a { color: var(--active-color, #1B4F7A); } [id^="TEXT-1q7d4q06"] .x-text:hover, .--clone-TEXT-1q7d4q06 .x-text:hover, [id^="TEXT-1q7d4q06"] a:hover, .--clone-TEXT-1q7d4q06 a:hover { } [id^="TEXT-nhcxdg93"], .--clone-TEXT-nhcxdg93 { font-size: 0px; align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: stretch; margin-left: %; margin-right: %; margin-top: px; min-width: 0; width: auto; } [id^="TEXT-nhcxdg93"] .x-text, [id^="TEXT-nhcxdg93"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-nhcxdg93 .x-text, .--clone-TEXT-nhcxdg93 .x-text:not(.post-content-bidding):not(.description-bidding) a { --width: %; color: var(--active-color, #17212B); font: Anuphan; font-family: 'Anuphan', sans-serif; font-size: 21.0px; font-weight: 500; height: 100%; line-height: 1.4; text-align: center; width: 100%; } [id^="TEXT-nhcxdg93"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-nhcxdg93 .x-text:not(.post-content-bidding):not(.description-bidding) a { color: var(--active-color, #17212B); } [id^="TEXT-nhcxdg93"] .x-text:hover, .--clone-TEXT-nhcxdg93 .x-text:hover, [id^="TEXT-nhcxdg93"] a:hover, .--clone-TEXT-nhcxdg93 a:hover { } [id^="TEXT-iy2eqyv9"], .--clone-TEXT-iy2eqyv9 { font-size: 0px; align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 4; grid-row-start: 3; height: auto; justify-self: stretch; margin-left: %; margin-right: %; margin-top: px; min-width: 0; width: auto; } [id^="TEXT-iy2eqyv9"] .x-text, [id^="TEXT-iy2eqyv9"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-iy2eqyv9 .x-text, .--clone-TEXT-iy2eqyv9 .x-text:not(.post-content-bidding):not(.description-bidding) a { --width: %; color: var(--active-color, #65717C); font: Anuphan; font-family: 'Anuphan', sans-serif; font-size: 16.0px; font-weight: 400; height: 100%; line-height: 1.8; text-align: center; width: 100%; } [id^="TEXT-iy2eqyv9"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-iy2eqyv9 .x-text:not(.post-content-bidding):not(.description-bidding) a { color: var(--active-color, #65717C); } [id^="TEXT-iy2eqyv9"] .x-text:hover, .--clone-TEXT-iy2eqyv9 .x-text:hover, [id^="TEXT-iy2eqyv9"] a:hover, .--clone-TEXT-iy2eqyv9 a:hover { } #SECTION-dl17y9ar { height: auto; grid-template-columns: 5px 1fr 5px; grid-template-rows: minmax(64px, max-content) minmax(50px, max-content) minmax(64px, max-content); column-gap: 0px; row-gap: 16px; transition: opacity 0.3s ease, visibility 0.3s ease; } #SECTION-dl17y9ar .x-section-background { background: var(--color_11); --height: 0; --bg: var(--color_11); } #SECTION-dl17y9ar .x-section-video-background { } #SECTION-dl17y9ar .video { display: none; } #SECTION-dl17y9ar .video-bp4 { overflow: hidden; width: 100%; height: 100%; display: block; } #CONTAINER-18at7b57 { --bg: rgba(0,0,0,0); background: rgba(0,0,0,0); border: none; border-color: #000000ff; border-radius: 0px; border-style: solid; border-width: 0.0px; box-shadow: none; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; --width: 100%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;grid-template-columns: 1fr;grid-template-rows: minmax(44px, max-content) minmax(44px, max-content) minmax(44px, max-content) minmax(50px, 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-iic7n1vk"], .--clone-TEXT-iic7n1vk { font-size: 0px; align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: stretch; margin-left: %; margin-right: %; margin-top: px; min-width: 0; width: auto; } [id^="TEXT-iic7n1vk"] .x-text, [id^="TEXT-iic7n1vk"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-iic7n1vk .x-text, .--clone-TEXT-iic7n1vk .x-text:not(.post-content-bidding):not(.description-bidding) a { --width: %; -webkit-text-stroke: 0px #000000ff; color: var(--active-color, #C7D1DA); font: Anuphan; font-family: 'Anuphan', sans-serif; font-size: 15.0px; font-weight: 500; height: 100%; letter-spacing: 0.18em; line-height: 1.5; text-align: center; width: 100%; } [id^="TEXT-iic7n1vk"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-iic7n1vk .x-text:not(.post-content-bidding):not(.description-bidding) a { color: var(--active-color, #C7D1DA); } [id^="TEXT-iic7n1vk"] .x-text:hover, .--clone-TEXT-iic7n1vk .x-text:hover, [id^="TEXT-iic7n1vk"] a:hover, .--clone-TEXT-iic7n1vk a:hover { } [id^="TEXT-u4aul19f"], .--clone-TEXT-u4aul19f { font-size: 0px; align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: stretch; margin-left: %; margin-right: %; margin-top: px; min-width: 0; width: auto; } [id^="TEXT-u4aul19f"] .x-text, [id^="TEXT-u4aul19f"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-u4aul19f .x-text, .--clone-TEXT-u4aul19f .x-text:not(.post-content-bidding):not(.description-bidding) a { --width: %; -webkit-text-stroke: 0px #000000ff; color: var(--active-color, #FFFFFF); font: Anuphan; font-family: 'Anuphan', sans-serif; font-size: 28.0px; font-weight: 400; height: 100%; line-height: 1.25; text-align: center; width: 100%; } [id^="TEXT-u4aul19f"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-u4aul19f .x-text:not(.post-content-bidding):not(.description-bidding) a { color: var(--active-color, #FFFFFF); } [id^="TEXT-u4aul19f"] .x-text:hover, .--clone-TEXT-u4aul19f .x-text:hover, [id^="TEXT-u4aul19f"] a:hover, .--clone-TEXT-u4aul19f a:hover { } [id^="TEXT-woivlhx4"], .--clone-TEXT-woivlhx4 { font-size: 0px; align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 4; grid-row-start: 3; height: auto; justify-self: stretch; margin-left: %; margin-right: %; margin-top: px; min-width: 0; width: auto; } [id^="TEXT-woivlhx4"] .x-text, [id^="TEXT-woivlhx4"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-woivlhx4 .x-text, .--clone-TEXT-woivlhx4 .x-text:not(.post-content-bidding):not(.description-bidding) a { --width: %; -webkit-text-stroke: 0px #000000ff; color: var(--active-color, #C7D1DA); font: Anuphan; font-family: 'Anuphan', sans-serif; font-size: 17.0px; font-weight: 400; height: 100%; line-height: 1.8; text-align: center; width: 100%; } [id^="TEXT-woivlhx4"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-woivlhx4 .x-text:not(.post-content-bidding):not(.description-bidding) a { color: var(--active-color, #C7D1DA); } [id^="TEXT-woivlhx4"] .x-text:hover, .--clone-TEXT-woivlhx4 .x-text:hover, [id^="TEXT-woivlhx4"] a:hover, .--clone-TEXT-woivlhx4 a:hover { } #FORM-yvkje0ns { --width: %;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 5;grid-row-start: 4;grid-template-columns: 1fr;grid-template-rows: minmax(54px, max-content) minmax(54px, max-content);height: auto;justify-self: stretch;margin-left: %;margin-right: %;margin-top: px;min-width: 0;row-gap: 16px;width: auto; --icon-color: inherit; } #EMAIL-yhlj7jbo { --width: 100%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;height: 54px;justify-self: center;margin-left: calc(% * 2);margin-top: px;min-width: 0;width: 100%; } #EMAIL-yhlj7jbo .input-label { margin-bottom: 8px; padding: 0 20px 0 1px; font-size: 16px; } #EMAIL-yhlj7jbo input { -webkit-text-stroke: 0px #000000ff; background: #ffffff00; padding: 3px 10px 3px 15px; } #EMAIL-yhlj7jbo input[type="date"] { -webkit-text-fill-color: initial; } #EMAIL-yhlj7jbo input::placeholder { color: #757575ff; -webkit-text-fill-color: #757575ff !important; } [id^="TEXT-wqlkumac"], .--clone-TEXT-wqlkumac { font-size: 0px; align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 6; grid-row-start: 5; height: auto; justify-self: stretch; margin-left: %; margin-right: %; margin-top: px; min-width: 0; width: auto; } [id^="TEXT-wqlkumac"] .x-text, [id^="TEXT-wqlkumac"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-wqlkumac .x-text, .--clone-TEXT-wqlkumac .x-text:not(.post-content-bidding):not(.description-bidding) a { --width: %; -webkit-text-stroke: 0px #000000ff; color: var(--active-color, #A7B6C2); font: Anuphan; font-family: 'Anuphan', sans-serif; font-size: 14.0px; font-weight: 400; height: 100%; line-height: 1.6; text-align: center; width: 100%; } [id^="TEXT-wqlkumac"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-wqlkumac .x-text:not(.post-content-bidding):not(.description-bidding) a { color: var(--active-color, #A7B6C2); } [id^="TEXT-wqlkumac"] .x-text:hover, .--clone-TEXT-wqlkumac .x-text:hover, [id^="TEXT-wqlkumac"] a:hover, .--clone-TEXT-wqlkumac a:hover { } #BUTTON-e6oyob7o { align-self: end; grid-column-end: 4; grid-column-start: 2; grid-row-end: 3; grid-row-start: 2; height: 46px; justify-self: start; margin-bottom: 75.84375px; margin-left: 0%; min-width: 0; width: 99.11954365079364%; } #BUTTON-e6oyob7o .x-button-wrapper { --width: 99.11954365079364%; -webkit-text-stroke: 0px #000000ff; background: #ffffff; border-color: #B0B0B0; border-radius: 8px 8px 8px 8px; border-style: solid; border-width: 1.0px; box-shadow: 0px 1px 2px 0px rgba(14, 24, 41, 0.05); color: #474747; font-size: 13.0px; font-weight: 500; height: 100%; text-align: center; width: 100%; border: ; color: var(--active-color, #474747); } #BUTTON-e6oyob7o[disabled=true] { display: none; } #SECTION-hbf01 { height: auto; grid-template-columns: 5px 1fr 5px; grid-template-rows: minmax(64px, max-content) minmax(50px, max-content) minmax(64px, max-content); column-gap: 0px; row-gap: 16px; transition: opacity 0.3s ease, visibility 0.3s ease; } #SECTION-hbf01 .x-section-background { background: #14181D; --height: 0; --bg: #14181D; } #SECTION-hbf01 .x-section-video-background { } #SECTION-hbf01 .video { display: none; } #SECTION-hbf01 .video-bp4 { overflow: hidden; width: 100%; height: 100%; display: block; } #CONTAINER-hbf-main { --bg: #14181D; background: #14181D; border: none; border-color: #000000ff; border-radius: 28px; border-style: solid; border-width: 0.0px; box-shadow: none; padding-bottom: 0px; padding-left: 28px; padding-right: 28px; padding-top: 0px; --width: 100%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;grid-template-columns: 1fr;grid-template-rows: minmax(50px, max-content) minmax(50px, max-content) minmax(50px, max-content);height: auto;justify-self: stretch;margin-left: 0%;margin-right: 0%;margin-top: px;min-width: 0;row-gap: 16px;width: auto; border: 0px solid #000000ff; } #CONTAINER-hbf-cols { --bg: ; --width: 100%;align-self: start;column-gap: 56px;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;grid-template-columns: 1fr;grid-template-rows: minmax(50px, max-content) minmax(50px, max-content) minmax(50px, max-content) minmax(50px, max-content) minmax(50px, max-content);height: auto;justify-self: stretch;margin-left: 0%;margin-right: 0%;margin-top: px;min-width: 0;row-gap: 12px;width: auto; border: ; } #CONTAINER-hbf-brand { --bg: ; border-color: #000000ff; border-style: solid; border-width: 0.0px; --width: 100%;align-self: start;grid-column-end: 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: 19.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: 2;grid-column-start: 1;grid-row-end: 3;grid-row-start: 2;grid-template-columns: 1fr;grid-template-rows: minmax(44px, max-content) minmax(44px, max-content) minmax(44px, max-content) minmax(44px, max-content);height: auto;justify-self: stretch;margin-left: 0%;margin-right: 0%;margin-top: px;min-width: 0;row-gap: 16px;width: auto; border: 0px solid #000000ff; } [id^="TEXT-CONTAINER-hbf-products-h0"], .--clone-TEXT-CONTAINER-hbf-products-h0 { font-size: 0px; align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: stretch; margin-left: 0%; margin-right: 0%; margin-top: px; min-width: 0; width: auto; } [id^="TEXT-CONTAINER-hbf-products-h0"] .x-text, [id^="TEXT-CONTAINER-hbf-products-h0"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-CONTAINER-hbf-products-h0 .x-text, .--clone-TEXT-CONTAINER-hbf-products-h0 .x-text:not(.post-content-bidding):not(.description-bidding) a { --width: 100%; -webkit-text-stroke: 0px #000000ff; color: var(--active-color, #FFFFFF); font: Anuphan; font-family: 'Anuphan', sans-serif; font-size: 17.0px; font-weight: 600; height: 100%; letter-spacing: 0.08em; line-height: 1.4; width: 100%; } [id^="TEXT-CONTAINER-hbf-products-h0"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-CONTAINER-hbf-products-h0 .x-text:not(.post-content-bidding):not(.description-bidding) a { color: var(--active-color, #FFFFFF); } [id^="TEXT-CONTAINER-hbf-products-h0"] .x-text:hover, .--clone-TEXT-CONTAINER-hbf-products-h0 .x-text:hover, [id^="TEXT-CONTAINER-hbf-products-h0"] a:hover, .--clone-TEXT-CONTAINER-hbf-products-h0 a:hover { } [id^="TEXT-CONTAINER-hbf-products-r1"], .--clone-TEXT-CONTAINER-hbf-products-r1 { font-size: 0px; align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: stretch; margin-left: 0%; margin-right: 0%; margin-top: px; min-width: 0; width: auto; } [id^="TEXT-CONTAINER-hbf-products-r1"] .x-text, [id^="TEXT-CONTAINER-hbf-products-r1"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-CONTAINER-hbf-products-r1 .x-text, .--clone-TEXT-CONTAINER-hbf-products-r1 .x-text:not(.post-content-bidding):not(.description-bidding) a { --width: 100%; -webkit-text-stroke: 0px #000000ff; color: var(--active-color, #C7CDD4); cursor: pointer; font: Anuphan; font-family: 'Anuphan', sans-serif; font-size: 16.0px; font-weight: 400; height: 100%; line-height: 2.2; width: 100%; } [id^="TEXT-CONTAINER-hbf-products-r1"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-CONTAINER-hbf-products-r1 .x-text:not(.post-content-bidding):not(.description-bidding) a { color: var(--active-color, #C7CDD4); } [id^="TEXT-CONTAINER-hbf-products-r1"] .x-text:hover, .--clone-TEXT-CONTAINER-hbf-products-r1 .x-text:hover, [id^="TEXT-CONTAINER-hbf-products-r1"] a:hover, .--clone-TEXT-CONTAINER-hbf-products-r1 a:hover { } [id^="TEXT-CONTAINER-hbf-products-r2"], .--clone-TEXT-CONTAINER-hbf-products-r2 { font-size: 0px; align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 4; grid-row-start: 3; height: auto; justify-self: stretch; margin-left: 0%; margin-right: 0%; margin-top: px; min-width: 0; width: auto; } [id^="TEXT-CONTAINER-hbf-products-r2"] .x-text, [id^="TEXT-CONTAINER-hbf-products-r2"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-CONTAINER-hbf-products-r2 .x-text, .--clone-TEXT-CONTAINER-hbf-products-r2 .x-text:not(.post-content-bidding):not(.description-bidding) a { --width: 100%; -webkit-text-stroke: 0px #000000ff; color: var(--active-color, #C7CDD4); cursor: pointer; font: Anuphan; font-family: 'Anuphan', sans-serif; font-size: 16.0px; font-weight: 400; height: 100%; line-height: 2.2; width: 100%; } [id^="TEXT-CONTAINER-hbf-products-r2"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-CONTAINER-hbf-products-r2 .x-text:not(.post-content-bidding):not(.description-bidding) a { color: var(--active-color, #C7CDD4); } [id^="TEXT-CONTAINER-hbf-products-r2"] .x-text:hover, .--clone-TEXT-CONTAINER-hbf-products-r2 .x-text:hover, [id^="TEXT-CONTAINER-hbf-products-r2"] a:hover, .--clone-TEXT-CONTAINER-hbf-products-r2 a:hover { } [id^="TEXT-CONTAINER-hbf-products-r3"], .--clone-TEXT-CONTAINER-hbf-products-r3 { font-size: 0px; align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 5; grid-row-start: 4; height: auto; justify-self: stretch; margin-left: 0%; margin-right: 0%; margin-top: px; min-width: 0; width: auto; } [id^="TEXT-CONTAINER-hbf-products-r3"] .x-text, [id^="TEXT-CONTAINER-hbf-products-r3"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-CONTAINER-hbf-products-r3 .x-text, .--clone-TEXT-CONTAINER-hbf-products-r3 .x-text:not(.post-content-bidding):not(.description-bidding) a { --width: 100%; -webkit-text-stroke: 0px #000000ff; color: var(--active-color, #C7CDD4); cursor: pointer; font: Anuphan; font-family: 'Anuphan', sans-serif; font-size: 16.0px; font-weight: 400; height: 100%; line-height: 2.2; width: 100%; } [id^="TEXT-CONTAINER-hbf-products-r3"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-CONTAINER-hbf-products-r3 .x-text:not(.post-content-bidding):not(.description-bidding) a { color: var(--active-color, #C7CDD4); } [id^="TEXT-CONTAINER-hbf-products-r3"] .x-text:hover, .--clone-TEXT-CONTAINER-hbf-products-r3 .x-text:hover, [id^="TEXT-CONTAINER-hbf-products-r3"] a:hover, .--clone-TEXT-CONTAINER-hbf-products-r3 a:hover { } #CONTAINER-hbf-about { --bg: ; border-color: #000000ff; border-style: solid; border-width: 0.0px; --width: 100%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 4;grid-row-start: 3;grid-template-columns: 1fr;grid-template-rows: minmax(44px, max-content) minmax(44px, max-content) minmax(44px, max-content) minmax(44px, max-content) minmax(44px, max-content);height: auto;justify-self: stretch;margin-left: 0%;margin-right: 0%;margin-top: px;min-width: 0;row-gap: 16px;width: auto; border: 0px solid #000000ff; } [id^="TEXT-CONTAINER-hbf-about-h0"], .--clone-TEXT-CONTAINER-hbf-about-h0 { font-size: 0px; align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: stretch; margin-left: 0%; margin-right: 0%; margin-top: px; min-width: 0; width: auto; } [id^="TEXT-CONTAINER-hbf-about-h0"] .x-text, [id^="TEXT-CONTAINER-hbf-about-h0"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-CONTAINER-hbf-about-h0 .x-text, .--clone-TEXT-CONTAINER-hbf-about-h0 .x-text:not(.post-content-bidding):not(.description-bidding) a { --width: 100%; -webkit-text-stroke: 0px #000000ff; color: var(--active-color, #FFFFFF); font: Anuphan; font-family: 'Anuphan', sans-serif; font-size: 17.0px; font-weight: 600; height: 100%; letter-spacing: 0.08em; line-height: 1.4; width: 100%; } [id^="TEXT-CONTAINER-hbf-about-h0"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-CONTAINER-hbf-about-h0 .x-text:not(.post-content-bidding):not(.description-bidding) a { color: var(--active-color, #FFFFFF); } [id^="TEXT-CONTAINER-hbf-about-h0"] .x-text:hover, .--clone-TEXT-CONTAINER-hbf-about-h0 .x-text:hover, [id^="TEXT-CONTAINER-hbf-about-h0"] a:hover, .--clone-TEXT-CONTAINER-hbf-about-h0 a:hover { } [id^="TEXT-CONTAINER-hbf-about-r1"], .--clone-TEXT-CONTAINER-hbf-about-r1 { font-size: 0px; align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: stretch; margin-left: 0%; margin-right: 0%; margin-top: px; min-width: 0; width: auto; } [id^="TEXT-CONTAINER-hbf-about-r1"] .x-text, [id^="TEXT-CONTAINER-hbf-about-r1"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-CONTAINER-hbf-about-r1 .x-text, .--clone-TEXT-CONTAINER-hbf-about-r1 .x-text:not(.post-content-bidding):not(.description-bidding) a { --width: 100%; -webkit-text-stroke: 0px #000000ff; color: var(--active-color, #C7CDD4); cursor: pointer; font: Anuphan; font-family: 'Anuphan', sans-serif; font-size: 16.0px; font-weight: 400; height: 100%; line-height: 2.2; width: 100%; } [id^="TEXT-CONTAINER-hbf-about-r1"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-CONTAINER-hbf-about-r1 .x-text:not(.post-content-bidding):not(.description-bidding) a { color: var(--active-color, #C7CDD4); } [id^="TEXT-CONTAINER-hbf-about-r1"] .x-text:hover, .--clone-TEXT-CONTAINER-hbf-about-r1 .x-text:hover, [id^="TEXT-CONTAINER-hbf-about-r1"] a:hover, .--clone-TEXT-CONTAINER-hbf-about-r1 a:hover { } [id^="TEXT-CONTAINER-hbf-about-r2"], .--clone-TEXT-CONTAINER-hbf-about-r2 { font-size: 0px; align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 4; grid-row-start: 3; height: auto; justify-self: stretch; margin-left: 0%; margin-right: 0%; margin-top: px; min-width: 0; width: auto; } [id^="TEXT-CONTAINER-hbf-about-r2"] .x-text, [id^="TEXT-CONTAINER-hbf-about-r2"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-CONTAINER-hbf-about-r2 .x-text, .--clone-TEXT-CONTAINER-hbf-about-r2 .x-text:not(.post-content-bidding):not(.description-bidding) a { --width: 100%; -webkit-text-stroke: 0px #000000ff; color: var(--active-color, #C7CDD4); cursor: pointer; font: Anuphan; font-family: 'Anuphan', sans-serif; font-size: 16.0px; font-weight: 400; height: 100%; line-height: 2.2; width: 100%; } [id^="TEXT-CONTAINER-hbf-about-r2"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-CONTAINER-hbf-about-r2 .x-text:not(.post-content-bidding):not(.description-bidding) a { color: var(--active-color, #C7CDD4); } [id^="TEXT-CONTAINER-hbf-about-r2"] .x-text:hover, .--clone-TEXT-CONTAINER-hbf-about-r2 .x-text:hover, [id^="TEXT-CONTAINER-hbf-about-r2"] a:hover, .--clone-TEXT-CONTAINER-hbf-about-r2 a:hover { } [id^="TEXT-CONTAINER-hbf-about-r3"], .--clone-TEXT-CONTAINER-hbf-about-r3 { font-size: 0px; align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 5; grid-row-start: 4; height: auto; justify-self: stretch; margin-left: 0%; margin-right: 0%; margin-top: px; min-width: 0; width: auto; } [id^="TEXT-CONTAINER-hbf-about-r3"] .x-text, [id^="TEXT-CONTAINER-hbf-about-r3"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-CONTAINER-hbf-about-r3 .x-text, .--clone-TEXT-CONTAINER-hbf-about-r3 .x-text:not(.post-content-bidding):not(.description-bidding) a { --width: 100%; -webkit-text-stroke: 0px #000000ff; color: var(--active-color, #C7CDD4); cursor: pointer; font: Anuphan; font-family: 'Anuphan', sans-serif; font-size: 16.0px; font-weight: 400; height: 100%; line-height: 2.2; width: 100%; } [id^="TEXT-CONTAINER-hbf-about-r3"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-CONTAINER-hbf-about-r3 .x-text:not(.post-content-bidding):not(.description-bidding) a { color: var(--active-color, #C7CDD4); } [id^="TEXT-CONTAINER-hbf-about-r3"] .x-text:hover, .--clone-TEXT-CONTAINER-hbf-about-r3 .x-text:hover, [id^="TEXT-CONTAINER-hbf-about-r3"] a:hover, .--clone-TEXT-CONTAINER-hbf-about-r3 a:hover { } [id^="TEXT-CONTAINER-hbf-about-r4"], .--clone-TEXT-CONTAINER-hbf-about-r4 { font-size: 0px; align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 6; grid-row-start: 5; height: auto; justify-self: stretch; margin-left: 0%; margin-right: 0%; margin-top: px; min-width: 0; width: auto; } [id^="TEXT-CONTAINER-hbf-about-r4"] .x-text, [id^="TEXT-CONTAINER-hbf-about-r4"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-CONTAINER-hbf-about-r4 .x-text, .--clone-TEXT-CONTAINER-hbf-about-r4 .x-text:not(.post-content-bidding):not(.description-bidding) a { --width: 100%; -webkit-text-stroke: 0px #000000ff; color: var(--active-color, #C7CDD4); cursor: pointer; font: Anuphan; font-family: 'Anuphan', sans-serif; font-size: 16.0px; font-weight: 400; height: 100%; line-height: 2.2; width: 100%; } [id^="TEXT-CONTAINER-hbf-about-r4"] .x-text:not(.post-content-bidding):not(.description-bidding) a, .--clone-TEXT-CONTAINER-hbf-about-r4 .x-text:not(.post-content-bidding):not(.description-bidding) a { color: var(--active-color, #C7CDD4); } [id^="TEXT-CONTAINER-hbf-about-r4"] .x-text:hover, .--clone-TEXT-CONTAINER-hbf-about-r4 .x-text:hover, [id^="TEXT-CONTAINER-hbf-about-r4"] a:hover, .--clone-TEXT-CONTAINER-hbf-about-r4 a:hover { } #CONTAINER-hbf-help { --bg: ; --width: 100%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 5;grid-row-start: 4;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: 2;grid-column-start: 1;grid-row-end: 6;grid-row-start: 5;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: 250px; 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: 95%; 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: 95%; 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: 4; grid-column-start: 2; grid-row-end: 4; grid-row-start: 3; height: 18px; justify-self: start; margin-left: 140px; 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: 95%; 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: 95%; 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; }