#SECTION-vujqxstj { height: auto; grid-template-columns: 8px 27px 206px 98px 6.376fr 8px; grid-template-rows: minmax(7.135135135135135px, max-content) minmax(21px, max-content) minmax(1px, max-content); column-gap: 0px; row-gap: 0px; --box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25); transition: opacity 0.3s ease, visibility 0.3s ease; } #SECTION-vujqxstj .x-section-background { background: #000000ff; --height: 29; --bg: #000000ff; } #SECTION-vujqxstj .x-section-video-background { } #SECTION-vujqxstj .video { display: none; } #SECTION-vujqxstj .video-bp2 { overflow: hidden; width: 100%; height: 100%; display: block; } #RECT-eulf4zgj { align-self: start; display: none; grid-column-end: 8; grid-column-start: 7; grid-row-end: 3; grid-row-start: 2; height: 31.984375px; justify-self: start; margin-left: 0%; margin-top: 0px; width: 6.596123417721519%; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); } #RECT-eulf4zgj .x-rect { --width: 6.596123417721519%; background: var(--color_00); border-color: #000000ff; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); height: 100%; width: 100%; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0nNTAnIGhlaWdodD0nNzAnIHZpZXdCb3g9JzAgMCA1MCA3MCcgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMzYuNDE3IDcwSDM2LjQ4N0MzNy44MDcgNzAgMzkuMDU0NiA2OS4yNzIgMzkuOTk5NiA2Ny45NDg4TDQ2Ljc3OTkgNTguNDU2NEM0Ny4wMTIzIDU4LjEzMTcgNDcuMTk2NiA1Ny43NDU5IDQ3LjMyMjQgNTcuMzIxM0M0Ny40NDgxIDU2Ljg5NjcgNDcuNTEyOSA1Ni40NDE1IDQ3LjUxMjkgNTUuOTgxN0M0Ny41MTI5IDU1LjUyMjEgNDcuNDQ4MSA1NS4wNjY5IDQ3LjMyMjQgNTQuNjQyMkM0Ny4xOTY2IDU0LjIxNzYgNDcuMDEyMyA1My44MzE5IDQ2Ljc3OTkgNTMuNTA3MkwzNi43Nzk1IDM5LjUwNjVDMzYuNTQ3NiAzOS4xODExIDM2LjI3MiAzOC45MjMxIDM1Ljk2ODcgMzguNzQ3QzM1LjY2NTQgMzguNTcwOCAzNS4zNDAzIDM4LjQ4MDIgMzUuMDExOSAzOC40ODAyQzM0LjY4MzYgMzguNDgwMiAzNC4zNTg0IDM4LjU3MDggMzQuMDU1MSAzOC43NDdDMzMuNzUxOCAzOC45MjMxIDMzLjQ3NjMgMzkuMTgxMSAzMy4yNDQ0IDM5LjUwNjVMMjkuMjU5MiA0NS4wODU3QzI3LjQxMTYgNDQuMzE1NyAyMy45NjQgNDIuNTY1NiAyMS43Nzg5IDM5LjUwNjVDMTkuNTkzOCAzNi40NDczIDE4LjM0MzggMzEuNjIwNiAxNy43OTM4IDI5LjAzNEwyMS43Nzg5IDIzLjQ1NDZDMjIuMDExMyAyMy4xMjk5IDIyLjE5NTYgMjIuNzQ0MiAyMi4zMjE0IDIyLjMxOTZDMjIuNDQ3MiAyMS44OTUgMjIuNTEyIDIxLjQzOTggMjIuNTEyIDIwLjk4QzIyLjUxMiAyMC41MjAzIDIyLjQ0NzIgMjAuMDY1MSAyMi4zMjE0IDE5LjY0MDVDMjIuMTk1NiAxOS4yMTU5IDIyLjAxMTMgMTguODMwMiAyMS43Nzg5IDE4LjUwNTRMMTEuNzc4NSA0LjUwNDc1QzExLjMwMDYgMy44NzMxMyAxMC42NjgyIDMuNTIxMjkgMTAuMDEwOSAzLjUyMTI5QzkuMzUzNjggMy41MjEyOSA4LjcyMTMzIDMuODczMTMgOC4yNDMzOSA0LjUwNDc1TDEuNDY1NiAxMy45OTcyQzAuNTE1NTYzIDE1LjMyNzMgLTAuMDE5NDU5NCAxNy4xNTQzIDAuMDAwNTQxMzgzIDE5LjAyQzAuMDU4MDQ3NiAyNC4wMDQyIDEuMDAwNTggNDEuMzE2IDEwLjc0NiA1NC45NTk3QzIwLjQ5MTMgNjguNjAzNCAzMi44NTY4IDY5LjkxOTUgMzYuNDE3IDcwWk0xMC4wMTM1IDExLjkyODZMMTYuNDc4NyAyMC45OEwxMy4yNDYxIDI1LjUwNThDMTIuOTUxOSAyNS45MTY1IDEyLjczNTggMjYuNDIzNyAxMi42MTc1IDI2Ljk4MTJDMTIuNDk5MSAyNy41Mzg4IDEyLjQ4MjMgMjguMTI5IDEyLjU2ODUgMjguNjk4QzEyLjYyODUgMjkuMTAwNSAxNC4wOTYxIDM4LjY0NTQgMTguMjQ2MyA0NC40NTU3QzIyLjM5NjQgNTAuMjY2IDI5LjIxNDIgNTIuMzIwNiAyOS41MDE3IDUyLjQwNDZDMjkuOTA4MSA1Mi41MjYgMzAuMzI5OCA1Mi41MDI3IDMwLjcyOCA1Mi4zMzcxQzMxLjEyNjQgNTIuMTcxMyAzMS40ODg3IDUxLjg2ODQgMzEuNzgxOCA1MS40NTZMMzUuMDE0NCA0Ni45MzAzTDQxLjQ3OTcgNTUuOTgxN0wzNi40NjQ1IDYyLjk5OTdDMzMuMzQ0NCA2Mi45MjYyIDIyLjY2ODkgNjEuNzUzNiAxNC4yODExIDUwLjAwN0M1Ljg2NTc4IDM4LjIyNTQgNS4wNTA3MSAyMy4yMjcyIDUuMDAwNzEgMTguOTQ2NEwxMC4wMTM1IDExLjkyODZaTTQ0Ljk5OTggMzEuNDk4MUg1MEM1MCAxMy41NDIxIDQwLjMxNzEgMCAyNy40NzQyIDBWNy4wMDAzNUMzNy42Mjk1IDcuMDAwMzUgNDQuOTk5OCAxNy4zMDE0IDQ0Ljk5OTggMzEuNDk4MVonIGZpbGw9J2N1cnJlbnRDb2xvcicvPjwvc3ZnPg==); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; border: ; background: var(--active-color, var(--color_00)); } #RECT-eulf4zgj::before { content: ""; border-color: #000000ff; border-style: ; border-width: ; border-radius: inherit; border: ; height: 100%; width: 100%; position: absolute; top: 0; left: 0; box-sizing: border-box; display: none; } [id^="TEXT-tanfx23y"], .--clone-TEXT-tanfx23y { align-self: center; display: none; grid-column-end: 8; grid-column-start: 7; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: end; margin-right: 0%; margin-top: calc(1px * 2); width: 90.5557753164557%; } [id^="TEXT-tanfx23y"] .x-text, [id^="TEXT-tanfx23y"] .x-text a, .--clone-TEXT-tanfx23y .x-text, .--clone-TEXT-tanfx23y .x-text a { --width: 90.5557753164557%; -webkit-text-stroke: 0px #000000ff; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); color: var(--color_00); font: var(--font_6); font-size: 22.0px; font-weight: 700; height: 100%; letter-spacing: 0.6px; line-height: 1.5; text-align: left; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); width: 100%; color: var(--active-color, var(--color_00)); } [id^="TEXT-tanfx23y"] .x-text:hover, .--clone-TEXT-tanfx23y .x-text:hover, [id^="TEXT-tanfx23y"] a:hover, .--clone-TEXT-tanfx23y a:hover { } #RECT-o650y32o { align-self: start; grid-column-end: 3; grid-column-start: 2; grid-row-end: 3; grid-row-start: 2; height: 16.8828125px; justify-self: start; margin-left: 0%; margin-top: 0px; width: 73.30494742523929%; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); } #RECT-o650y32o .x-rect { --width: 73.30494742523929%; background: #EEF2FE; border-color: #000000ff; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); height: 100%; width: 100%; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiAgd2lkdGg9JzU5JyBoZWlnaHQ9JzYxJyB2aWV3Qm94PScwIDAgNTkgNjEnIGZpbGw9J25vbmUnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTU2LjQ1MzEgMTUuNzA1MUg0NS42NDI2QzQ2LjYzODcgMTQuMTM3NyA0Ny4yMjQ2IDEyLjI3NzMgNDcuMjI0NiAxMC4yODUyQzQ3LjIyNDYgNC43MTE0IDQyLjY5MDkgMC4xNzc3MzQgMzcuMTE3MiAwLjE3NzczNEMzNC4wODUgMC4xNzc3MzQgMzEuMzUzIDEuNTI1MzkgMjkuNSAzLjY0OTRDMjcuNjQ3IDEuNTI1MzkgMjQuOTE1IDAuMTc3NzM0IDIxLjg4MjggMC4xNzc3MzRDMTYuMzA5MSAwLjE3NzczNCAxMS43NzU0IDQuNzExNCAxMS43NzU0IDEwLjI4NTJDMTEuNzc1NCAxMi4yNzczIDEyLjM1NCAxNC4xMzc3IDEzLjM1NzQgMTUuNzA1MUgyLjU0NjlDMS4yNTA0OSAxNS43MDUxIDAuMjAzMTI1IDE2Ljc1MjQgMC4yMDMxMjUgMTguMDQ4OFYzMi42OTczQzAuMjAzMTI1IDMzLjAxOTUgMC40NjY4MDQgMzMuMjgzMiAwLjc4OTA2NCAzMy4yODMySDMuNzE4OFY1OC40Nzg1QzMuNzE4OCA1OS43NzQ5IDQuNzY2MSA2MC44MjIzIDYuMDYyNSA2MC44MjIzSDUyLjkzNzVDNTQuMjMzOSA2MC44MjIzIDU1LjI4MTIgNTkuNzc0OSA1NS4yODEyIDU4LjQ3ODVWMzMuMjgzMkg1OC4yMTA5QzU4LjUzMzIgMzMuMjgzMiA1OC43OTY5IDMzLjAxOTUgNTguNzk2OSAzMi42OTczVjE4LjA0ODhDNTguNzk2OSAxNi43NTI0IDU3Ljc0OTUgMTUuNzA1MSA1Ni40NTMxIDE1LjcwNTFaTTMxLjk5MDIgMTAuMjg1MkMzMS45OTAyIDcuNDU4IDM0LjI5IDUuMTU4MiAzNy4xMTcyIDUuMTU4MkMzOS45NDQzIDUuMTU4MiA0Mi4yNDQxIDcuNDU4IDQyLjI0NDEgMTAuMjg1MkM0Mi4yNDQxIDEzLjExMjMgMzkuOTQ0MyAxNS40MTIxIDM3LjExNzIgMTUuNDEyMUgzMS45OTAyVjEwLjI4NTJaTTIxLjg4MjggNS4xNTgyQzI0LjcxIDUuMTU4MiAyNy4wMDk4IDcuNDU4IDI3LjAwOTggMTAuMjg1MlYxNS40MTIxSDIxLjg4MjhDMTkuMDU1NyAxNS40MTIxIDE2Ljc1NTkgMTMuMTEyMyAxNi43NTU5IDEwLjI4NTJDMTYuNzU1OSA3LjQ1OCAxOS4wNTU3IDUuMTU4MiAyMS44ODI4IDUuMTU4MlpNNS4xODM2MSAyOC4zMDI3VjIwLjY4NTVIMjcuMDA5OFYyOC4zMDI3SDUuMTgzNjFaTTguNjk5MiAzMy4yODMySDI3LjAwOThWNTUuODQxOEg4LjY5OTJWMzMuMjgzMlpNNTAuMzAwOCA1NS44NDE4SDMxLjk5MDJWMzMuMjgzMkg1MC4zMDA4VjU1Ljg0MThaTTUzLjgxNjQgMjguMzAyN0gzMS45OTAyVjIwLjY4NTVINTMuODE2NFYyOC4zMDI3WicgZmlsbD0nY3VycmVudENvbG9yJy8+PC9zdmc+); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; border: ; background: var(--active-color, #EEF2FE); } #RECT-o650y32o::before { content: ""; border-color: #000000ff; border-style: ; border-width: ; border-radius: inherit; border: ; height: 100%; width: 100%; position: absolute; top: 0; left: 0; box-sizing: border-box; } [id^="TEXT-vtm9zaiw"], .--clone-TEXT-vtm9zaiw { align-self: start; grid-column-end: 4; grid-column-start: 3; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: stretch; margin-left: 0px; margin-right: 0%; margin-top: 0.28125px; width: auto; } [id^="TEXT-vtm9zaiw"] .x-text, [id^="TEXT-vtm9zaiw"] .x-text a, .--clone-TEXT-vtm9zaiw .x-text, .--clone-TEXT-vtm9zaiw .x-text a { --width: 100%; -webkit-text-stroke: 0px #000000ff; color: #EEF2FE; font: var(--font_6); font-size: 12.0px; font-weight: 700; height: 100%; letter-spacing: 1.1px; line-height: 1.5; text-align: left; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); width: 100%; color: var(--active-color, #EEF2FE); } [id^="TEXT-vtm9zaiw"] .x-text:hover, .--clone-TEXT-vtm9zaiw .x-text:hover, [id^="TEXT-vtm9zaiw"] a:hover, .--clone-TEXT-vtm9zaiw a:hover { } #RECT-7gjxfnck { align-self: start; display: none; grid-column-end: 9; grid-column-start: 8; grid-row-end: 3; grid-row-start: 2; height: 26px; justify-self: start; margin-left: 80.126953125%; margin-top: 10.5px; width: 144.775390625%; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); } #RECT-7gjxfnck .x-rect { --width: 144.775390625%; background: var(--color_00); border-color: #000000ff; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); height: 100%; width: 100%; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0nMTQnIGhlaWdodD0nMTQnIHZpZXdCb3g9JzAgMCAxNCAxNCcgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNNyAwQzUuNjE1NTMgMCA0LjI2MjE2IDAuNDEwNTQzIDMuMTExMDEgMS4xNzk3MUMxLjk1OTg3IDEuOTQ4ODggMS4wNjI2NiAzLjA0MjEzIDAuNTMyODQ2IDQuMzIxMjJDMC4wMDMwMzI5OCA1LjYwMDMgLTAuMTM1NTkgNy4wMDc3NyAwLjEzNDUwNiA4LjM2NTYzQzAuNDA0NjAzIDkuNzIzNSAxLjA3MTI5IDEwLjk3MDggMi4wNTAyNiAxMS45NDk3QzMuMDI5MjIgMTIuOTI4NyA0LjI3NjUgMTMuNTk1NCA1LjYzNDM3IDEzLjg2NTVDNi45OTIyNCAxNC4xMzU2IDguMzk5NyAxMy45OTcgOS42Nzg3OSAxMy40NjcyQzEwLjk1NzkgMTIuOTM3MyAxMi4wNTExIDEyLjA0MDEgMTIuODIwMyAxMC44ODlDMTMuNTg5NSA5LjczNzg1IDE0IDguMzg0NDcgMTQgN0MxNCA1LjE0MzQ4IDEzLjI2MjUgMy4zNjMwMSAxMS45NDk3IDIuMDUwMjVDMTAuNjM3IDAuNzM3NDk4IDguODU2NTIgMCA3IDBWMFpNNCAxMi4xOVYxMS4xOUMzLjk3ODA1IDEwLjc2NzggNC4xMjMwNiAxMC4zNTM5IDQuNDAzNzIgMTAuMDM3NkM0LjY4NDM3IDkuNzIxNDQgNS4wNzgxNiA5LjUyODMyIDUuNSA5LjVIOC41QzguOTIyNzYgOS41MjgzMSA5LjMxNzMzIDkuNzIyMTMgOS41OTgxMiAxMC4wMzk0QzkuODc4OTIgMTAuMzU2NyAxMC4wMjMzIDEwLjc3MTkgMTAgMTEuMTk1VjEyLjE5NUM5LjA4OTIzIDEyLjcyNTYgOC4wNTQwNCAxMy4wMDUxIDcgMTMuMDA1MUM1Ljk0NTk2IDEzLjAwNTEgNC45MTA3OCAxMi43MjU2IDQgMTIuMTk1VjEyLjE5Wk0xMSAxMS40NlYxMS4xNTVDMTEuMDEzNiAxMC40NzMzIDEwLjc1OTUgOS44MTM0NyAxMC4yOTIxIDkuMzE3MDhDOS44MjQ2NiA4LjgyMDcgOS4xODEyNyA4LjUyNzM1IDguNSA4LjVINS41QzQuODE4MyA4LjUyNjA4IDQuMTc0MTUgOC44MTkwNCAzLjcwNjQ4IDkuMzE1NzFDMy4yMzg4IDkuODEyMzggMi45ODUwNyAxMC40NzMgMyAxMS4xNTVWMTEuNDVDMi4wOTQyOCAxMC42Mzk5IDEuNDU1ODggOS41NzM4OSAxLjE2OTI4IDguMzkzMDJDMC44ODI2NzUgNy4yMTIxNSAwLjk2MTM3NyA1Ljk3MjA5IDEuMzk0OTcgNC44MzY5M0MxLjgyODU2IDMuNzAxNzcgMi41OTY2MSAyLjcyNTAyIDMuNTk3NDcgMi4wMzU5MkM0LjU5ODM0IDEuMzQ2ODIgNS43ODQ4NSAwLjk3Nzg2NCA3IDAuOTc3ODY0QzguMjE1MTUgMC45Nzc4NjQgOS40MDE2NiAxLjM0NjgyIDEwLjQwMjUgMi4wMzU5MkMxMS40MDM0IDIuNzI1MDIgMTIuMTcxNCAzLjcwMTc3IDEyLjYwNSA0LjgzNjkzQzEzLjAzODYgNS45NzIwOSAxMy4xMTczIDcuMjEyMTUgMTIuODMwNyA4LjM5MzAyQzEyLjU0NDEgOS41NzM4OSAxMS45MDU3IDEwLjYzOTkgMTEgMTEuNDVWMTEuNDZaJyBmaWxsPSdjdXJyZW50Q29sb3InLz48cGF0aCBkPSdNNyAyLjVDNi41MDU1NSAyLjUgNi4wMjIyIDIuNjQ2NjIgNS42MTEwOCAyLjkyMTMzQzUuMTk5OTUgMy4xOTYwMyA0Ljg3OTUyIDMuNTg2NDggNC42OTAzIDQuMDQzMjlDNC41MDEwOCA0LjUwMDExIDQuNDUxNTcgNS4wMDI3NyA0LjU0ODA0IDUuNDg3NzNDNC42NDQ1IDUuOTcyNjggNC44ODI2IDYuNDE4MTQgNS4yMzIyMyA2Ljc2Nzc3QzUuNTgxODcgNy4xMTc0IDYuMDI3MzIgNy4zNTU1IDYuNTEyMjggNy40NTE5NkM2Ljk5NzIzIDcuNTQ4NDMgNy40OTk5IDcuNDk4OTIgNy45NTY3MSA3LjMwOTdDOC40MTM1MyA3LjEyMDQ4IDguODAzOTcgNi44MDAwNSA5LjA3ODY4IDYuMzg4OTNDOS4zNTMzOCA1Ljk3NzggOS41IDUuNDk0NDUgOS41IDVDOS41IDQuMzM2OTYgOS4yMzY2MSAzLjcwMTA3IDguNzY3NzcgMy4yMzIyM0M4LjI5ODkzIDIuNzYzMzkgNy42NjMwNCAyLjUgNyAyLjVWMi41Wk03IDYuNUM2LjcwMzMzIDYuNSA2LjQxMzMyIDYuNDEyMDMgNi4xNjY2NSA2LjI0NzJDNS45MTk5NyA2LjA4MjM4IDUuNzI3NzEgNS44NDgxMSA1LjYxNDE4IDUuNTc0MDNDNS41MDA2NSA1LjI5OTk0IDUuNDcwOTUgNC45OTgzNCA1LjUyODgyIDQuNzA3MzZDNS41ODY3IDQuNDE2MzkgNS43Mjk1NiA0LjE0OTEyIDUuOTM5MzQgMy45MzkzNEM2LjE0OTEyIDMuNzI5NTYgNi40MTYzOSAzLjU4NjcgNi43MDczNyAzLjUyODgyQzYuOTk4MzQgMy40NzA5NCA3LjI5OTk0IDMuNTAwNjUgNy41NzQwMyAzLjYxNDE4QzcuODQ4MTIgMy43Mjc3MSA4LjA4MjM4IDMuOTE5OTcgOC4yNDcyMSA0LjE2NjY0QzguNDEyMDMgNC40MTMzMiA4LjUgNC43MDMzMyA4LjUgNUM4LjUgNS4zOTc4MiA4LjM0MTk3IDUuNzc5MzYgOC4wNjA2NiA2LjA2MDY2QzcuNzc5MzYgNi4zNDE5NiA3LjM5NzgzIDYuNSA3IDYuNVonIGZpbGw9J2N1cnJlbnRDb2xvcicvPjwvc3ZnPg==); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; border: ; background: var(--active-color, var(--color_00)); } #RECT-7gjxfnck::before { content: ""; border-color: #000000ff; border-style: ; border-width: ; border-radius: inherit; border: ; height: 100%; width: 100%; position: absolute; top: 0; left: 0; box-sizing: border-box; display: none; } #CONTAINER-v4ihjcyw { --bg: #222a2b00; background: #222a2b00; border-color: #000000ff; --width: 849.407842356688%;align-self: start;display: none;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;grid-template-columns: 2fr;grid-template-rows: minmax(15.94250160287682px, max-content);height: 20px;justify-self: start;margin-left: -9512.548828125%;margin-top: -111.984375px;width: 849.407842356688%; border: #000000ff; } [id^="TEXT-rx13m8jr"], .--clone-TEXT-rx13m8jr { 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: 0%; margin-top: 0px; width: 98.98984872611464%; } [id^="TEXT-rx13m8jr"] .x-text, [id^="TEXT-rx13m8jr"] .x-text a, .--clone-TEXT-rx13m8jr .x-text, .--clone-TEXT-rx13m8jr .x-text a { --width: 98.98984872611464%; -webkit-text-stroke: 0px #000000ff; color: var(--color_00); font: var(--font_6); font-size: 14.0px; font-weight: 700; height: 100%; letter-spacing: 1.7px; line-height: 1.5; text-align: right; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); width: 100%; color: var(--active-color, var(--color_00)); } [id^="TEXT-rx13m8jr"] .x-text:hover, .--clone-TEXT-rx13m8jr .x-text:hover, [id^="TEXT-rx13m8jr"] a:hover, .--clone-TEXT-rx13m8jr a:hover { } [id^="TEXT-y1f87mf3"], .--clone-TEXT-y1f87mf3 { align-self: start; grid-column-end: 5; grid-column-start: 4; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: stretch; margin-left: 0.9824218749999714px; margin-right: -1.259515224358975%; margin-top: 0px; width: auto; } [id^="TEXT-y1f87mf3"] .x-text, [id^="TEXT-y1f87mf3"] .x-text a, .--clone-TEXT-y1f87mf3 .x-text, .--clone-TEXT-y1f87mf3 .x-text a { --width: 100.2570439233386%; -webkit-text-stroke: 0px #000000ff; color: #EEF2FE; font: var(--font_2); font-size: 12.0px; height: 100%; letter-spacing: 1px; line-height: 1.5; text-decoration: underline; width: 100%; color: var(--active-color, #EEF2FE); } [id^="TEXT-y1f87mf3"] .x-text:hover, .--clone-TEXT-y1f87mf3 .x-text:hover, [id^="TEXT-y1f87mf3"] a:hover, .--clone-TEXT-y1f87mf3 a:hover { } #SECTION-wnqvtjlt { height: auto; grid-template-columns: 8px 33px 0.587fr 106.99999999999996px 122px 0.805fr 35px 8px; grid-template-rows: minmax(1px, max-content) minmax(50px, max-content) minmax(1px, max-content); column-gap: 0px; row-gap: 0px; --box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25); position: sticky;z-index: 100;bottom: 0px; transition: opacity 0.3s ease, visibility 0.3s ease; } #SECTION-wnqvtjlt .x-section-background { background: #000000e6; --height: 52; --bg: #000000e6; } #SECTION-wnqvtjlt .x-section-video-background { } #SECTION-wnqvtjlt .video { display: none; } #SECTION-wnqvtjlt .video-bp2 { overflow: hidden; width: 100%; height: 100%; display: block; } #MENU-mu4fiflp { --width: 26px;align-self: center;display: none;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;height: 18px;justify-self: start;margin-left: 0%;margin-top: calc(0px * 2);width: 26px; --active-link-color: #000000d9; } #MENU-mu4fiflp .x-rect { -webkit-text-stroke: 0px #000000ff; background: #444444; color: #000000d9; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEuMCcgd2lkdGg9JzM1LjAwMDAwMHB0JyBoZWlnaHQ9JzM1LjAwMDAwMHB0JyB2aWV3Qm94PScwIDAgMzUuMDAwMDAwIDM1LjAwMDAwMCcgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+IDxnIHRyYW5zZm9ybT0ndHJhbnNsYXRlKDAuMDAwMDAwLDM1LjAwMDAwMCkgc2NhbGUoMC4xMDAwMDAsLTAuMTAwMDAwKScgZmlsbD0nIzAwMDAwMCcgc3Ryb2tlPSdub25lJz4gPHBhdGggZD0nTTAgMzIwIGwwIC0zMCAxNzUgMCAxNzUgMCAwIDMwIDAgMzAgLTE3NSAwIC0xNzUgMCAwIC0zMHonLz4gPHBhdGggZD0nTTAgMTc1IGwwIC0zNSAxNzUgMCAxNzUgMCAwIDM1IDAgMzUgLTE3NSAwIC0xNzUgMCAwIC0zNXonLz4gPHBhdGggZD0nTTAgMzAgbDAgLTMwIDE3NSAwIDE3NSAwIDAgMzAgMCAzMCAtMTc1IDAgLTE3NSAwIDAgLTMweicvPiA8L2c+IDwvc3ZnPg==); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; } #MENU-mu4fiflp > ul { background: #444444; border-radius: inherit; } #MENU-mu4fiflp > ul > .menu-item .tag-link { -webkit-text-stroke: 0px #000000ff; background: #444444; color: #000000d9; } #MENU-mu4fiflp > ul > .menu-item.menu-item-active-link .tag-link { color: var(--active-link-color); } #MENU-mu4fiflp > ul > .menu-item:not(:first-child) { } #MENU-mu4fiflp ul li .tag-link { border-style: none none none none; } #MENU-mu4fiflp ul li .tag-link:hover, #MENU-mu4fiflp ul li > a:hover { border-style: none none none none; } #MENU-DROPPABLE-0smo985s { background: #ffffffff; top: 0; left: 0; width: 500px; height: var(--viewport-height, 100vh); grid-template-columns: 50px 1fr 50px; grid-template-rows: minmax(50px, max-content) minmax(50px, max-content) minmax(0%, calc(100% - 200px)) minmax(100px, max-content); column-gap: 0px; row-gap: 0px; overflow-x: auto; --width: 500px; animation: slide-left 0.2s ease; } #IMAGE-6qmaf839 { align-self: start; grid-column-end: 3; grid-column-start: 2; grid-row-end: 3; grid-row-start: 1; height: auto; justify-self: start; margin-left: 0px; margin-top: 0px; width: 120px; } #IMAGE-6qmaf839 picture { --width: 120px; border-color: #000000ff; height: 100%; width: 100%; } #IMAGE-6qmaf839 img { object-fit: cover; } #IMAGE-7jivy78b { align-self: start; grid-column-end: 3; grid-column-start: 2; grid-row-end: 3; grid-row-start: 2; height: 32px; justify-self: end; margin-right: 0px; margin-top: 0px; width: 32px; } #IMAGE-7jivy78b picture { --width: 32px; border-color: #000000ff; height: 100%; width: 100%; } #IMAGE-7jivy78b img { object-fit: cover; } #MENU-gc0flh7m { --width: 100%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 4;grid-row-start: 3;height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: 0px;width: 100%; --active-link-color: #000000d9; } #MENU-gc0flh7m .x-rect { --pad-x: 0px; --pad-y: 8px; -webkit-text-stroke: 0px #000000ff; background: #ffffffff; color: #000000d9; font-size: 14.0px; font-weight: 700; justify-content: flex-start; } #MENU-gc0flh7m > ul { background: #ffffffff; justify-content: flex-start; align-items: flex-start; height: auto; border-radius: inherit; } #MENU-gc0flh7m > ul > .menu-item .tag-link { --pad-x: 0px; --pad-y: 8px; -webkit-text-stroke: 0px #000000ff; background: #ffffffff; color: #000000d9; font-size: 14.0px; font-weight: 700; justify-content: flex-start; } #MENU-gc0flh7m > ul > .menu-item.menu-item-active-link .tag-link { color: var(--active-link-color); } #MENU-gc0flh7m > ul > .menu-item:not(:first-child) { } #MENU-gc0flh7m ul li .tag-link { border-style: none none none none; } #MENU-gc0flh7m ul li .tag-link:hover, #MENU-gc0flh7m ul li > a:hover { color: #a73340 !important; background: var(--color_00); border-style: none none none none; } #MENU-gc0flh7m > ul > .menu-item svg { width: 20px; height: 20px; } #MENU-ITEM-p7z0soo7 > a, #MENU-ITEM-p7z0soo7 > div { } #MENU-ITEM-ml2kxjv1 > a, #MENU-ITEM-ml2kxjv1 > div { } #MENU-ITEM-qy9hqmnm > a, #MENU-ITEM-qy9hqmnm > div { } #MENU-ITEM-3p1avf4n > a, #MENU-ITEM-3p1avf4n > div { } #MENU-ITEM-hxcnrkr9 > a, #MENU-ITEM-hxcnrkr9 > div { } #CONTAINER-rx9ivc1f { --bg: url(https://content.pancake.vn/web-media/be/81/44/88/d595461738548349ba50b73879cdaa78e6cd08716d46e5f7a877d00e-w:360-h:100-l:21897-t:image/png.png); background: url(https://content.pancake.vn/web-media/be/81/44/88/d595461738548349ba50b73879cdaa78e6cd08716d46e5f7a877d00e-w:360-h:100-l:21897-t:image/png.png); background-attachment: scroll; background-position-x: center; background-position-y: center; background-repeat: no-repeat; background-size: cover; border-color: #000000ff; --width: 0%;align-self: start;display: none;grid-column-end: 2;grid-column-start: 1;grid-row-end: 3;grid-row-start: 2;grid-template-columns: 12px 40px 1.143fr;grid-template-rows: minmax(51px, max-content);height: auto;justify-self: start;margin-left: 50%;margin-top: 0px;width: 0%; border: #000000ff; } #CONTAINER-0757k3aj { --bg: url(https://content.pancake.vn/web-media/39/bd/15/b4/74eabcbf7c9cdf8c43949fb33bc67a65b53a8a5d03fc1fc8034cf6d4-w:360-h:100-l:20147-t:image/png.png); background: url(https://content.pancake.vn/web-media/39/bd/15/b4/74eabcbf7c9cdf8c43949fb33bc67a65b53a8a5d03fc1fc8034cf6d4-w:360-h:100-l:20147-t:image/png.png); background-attachment: scroll; background-position-x: center; background-position-y: center; background-repeat: no-repeat; background-size: cover; border-color: #000000ff; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); --width: 82.63315956973466%;align-self: center;display: none;grid-column-end: 8;grid-column-start: 7;grid-row-end: 3;grid-row-start: 2;grid-template-columns: 12px 40px 1.143fr;grid-template-rows: minmax(51px, max-content);height: auto;justify-self: start;margin-left: 0.5733673535275967%;margin-top: calc(0px * 2);width: 82.63315956973466%; border: #000000ff; } #INPUT-SEARCH-s1eyg4w7 { --width: 1085.7142857142858%;align-self: start;display: none;grid-column-end: 3;grid-column-start: 2;grid-row-end: 4;grid-row-start: 3;height: 33.8px;justify-self: end;margin-right: -985.6724330357142%;margin-top: -0.91015625px;width: 1085.7142857142858%; } #INPUT-SEARCH-s1eyg4w7 > .input-search--wrapper { box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); color: #4c4c4c; font-size: 14.0px; border-width: 1px; border-color: var(--color_01); border-style: solid; border-radius: 25px; background-color: #ffffffff; flex-direction: row-reverse; } #INPUT-SEARCH-s1eyg4w7 > .input-search--wrapper .btn-close { color: var(--color_03); fill: var(--color_03); width: 0px; margin: 0 5px; } #INPUT-SEARCH-s1eyg4w7 > .input-search--wrapper .input-search--input { padding-left: 10px; text-align: left; } #INPUT-SEARCH-s1eyg4w7 > .input-search--wrapper .input-search--input::placeholder { color: var(--color_03); } #INPUT-SEARCH-s1eyg4w7 > .input-search--wrapper:hover { border-style: none; border-color: var(--color_00) !important; border-bottom-style: solid; background-color: #ffffffff !important; } #INPUT-SEARCH-s1eyg4w7 > .input-search--wrapper:focus-within { border-style: none; border-color: var(--color_00) !important; border-width: 1px !important; border-bottom-style: solid; background-color: #ffffffff !important; } #INPUT-SEARCH-s1eyg4w7 .input-search--icon { margin-left: 11px; margin-right: 11px; color: var(--color_04); height: 19px; width: 19px; } #INPUT-SEARCH-s1eyg4w7 .input-search--wrapper:hover .input-search--icon { color: var(--color_00); } #INPUT-SEARCH-s1eyg4w7 .input-search--wrapper:focus-within .input-search--icon { color: var(--color_00); } #INPUT-SEARCH-s1eyg4w7 .input-search--icon path { fill: var(--color_04); } #INPUT-SEARCH-s1eyg4w7 .input-search--wrapper:hover .input-search--icon path { fill: var(--color_00); } #INPUT-SEARCH-s1eyg4w7 .input-search--wrapper:focus-within .input-search--icon path { fill: var(--color_00); } #CART-ICON-l8ge9irc { --width: 97.14285714285714%;align-self: start;grid-column-end: 8;grid-column-start: 7;grid-row-end: 3;grid-row-start: 2;height: 34px;justify-self: stretch;margin-left: 0px;margin-right: 2.857142857142857%;margin-top: 20.7px;width: auto; } #CART-ICON-l8ge9irc .x-cart-icon { background: #EEF2FE; border-color: #000000ff; border-radius: 18px 18px 18px 18px; } #CART-ICON-l8ge9irc .x-cart-item-count { position: absolute; top: -8.5px; right: -8.5px; width: 17.0px; height: 17.0px; display: flex; justify-content: center; align-items: center; background-color: var(--color_03); border-radius: 50%; color: white; font-family: Roboto; font-size: 11.333333333333334px; } #CART-ICON-l8ge9irc .x-image-cart-icon { border-radius: 18px 18px 18px 18px; } #MENU-zbaft6f2 { --width: 31.551200850366175px;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;height: 32.381961822509766px;justify-self: stretch;margin-left: 2.956598455255682%;margin-right: 1.4337019981801504%;margin-top: 18.8px;width: auto; --active-link-color: #000000d9; } #MENU-zbaft6f2 .x-rect { -webkit-text-stroke: 0px #000000ff; background: #EEF2FE; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); color: #000000d9; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); font-weight: 700; line-height: 1.5; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgY2xhc3M9Im1lbnUiPjxwYXRoIGQ9Ik0zLDZIMjFWOEgzVjZNMywxMUgyMVYxM0gzVjExTTMsMTZIMjFWMThIM1YxNloiPjwvcGF0aD48L3N2Zz4=); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; } #MENU-zbaft6f2 > ul { background: #EEF2FE; border-radius: inherit; } #MENU-zbaft6f2 > ul > .menu-item .tag-link { -webkit-text-stroke: 0px #000000ff; background: #EEF2FE; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); color: #000000d9; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); font-weight: 700; line-height: 1.5; } #MENU-zbaft6f2 > ul > .menu-item.menu-item-active-link .tag-link { color: var(--active-link-color); } #MENU-zbaft6f2 > ul > .menu-item:not(:first-child) { } #MENU-zbaft6f2 ul li .tag-link { border-style: none none none none; } #MENU-zbaft6f2 ul li .tag-link:hover, #MENU-zbaft6f2 ul li > a:hover { border-style: none none none none; } #MENU-DROPPABLE-vzfsb8rz { background: #ffffffff; top: 0; left: 0; width: 100%; height: var(--viewport-height, 100vh); grid-template-columns: 10px 1fr 10px; grid-template-rows: minmax(40px, max-content) minmax(50px, max-content) minmax(0%, calc(100% - 190px)) minmax(100px, max-content); column-gap: 0px; row-gap: 0px; overflow-x: auto; --width: 100%; animation: slide-left 0.2s ease; } #RECT-3jxjyxnb { align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 3; grid-row-start: 2; height: 43px; justify-self: end; margin-right: 0%; margin-top: calc(0px * 2); width: 13%; border-radius: 0px 3px 3px 0px; } #RECT-3jxjyxnb .x-rect { --width: 13%; background: #32373C; border-color: #000000ff; border-radius: 0px 3px 3px 0px; height: 100%; width: 100%; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9ImN1cnJlbnRDb2xvciIvPjwvc3ZnPg==); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; border: ; background: var(--active-color, #32373C); } #RECT-3jxjyxnb::before { content: ""; border-color: #000000ff; border-style: ; border-width: ; border-radius: inherit; border: ; height: 100%; width: 100%; position: absolute; top: 0; left: 0; box-sizing: border-box; } #MENU-bt2xd3z5 { --width: 100%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 4;grid-row-start: 3;height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: 0px;width: 100%; --active-link-color: #666666D9; } #MENU-bt2xd3z5 .x-rect { --pad-x: 0px; --pad-y: 8px; -webkit-text-stroke: 0px #000000ff; background: #ffffffff; border-color: #F1F1F1; border-width: 1.0px; color: #666666D9; font-size: 14.0px; font-weight: 400; justify-content: flex-start; text-transform: uppercase; } #MENU-bt2xd3z5 > ul { background: #ffffffff; justify-content: flex-start; align-items: flex-start; height: auto; border-radius: inherit; } #MENU-bt2xd3z5 > ul > .menu-item .tag-link { --pad-x: 0px; --pad-y: 8px; -webkit-text-stroke: 0px #000000ff; background: #ffffffff; border-color: #F1F1F1; border-width: 1.0px; color: #666666D9; font-size: 14.0px; font-weight: 400; justify-content: flex-start; text-transform: uppercase; } #MENU-bt2xd3z5 > ul > .menu-item.menu-item-active-link .tag-link { color: var(--active-link-color); } #MENU-bt2xd3z5 > ul > .menu-item:not(:first-child) { } #MENU-bt2xd3z5 ul li .tag-link { border-style: none none solid none; } #MENU-bt2xd3z5 ul li .tag-link:hover, #MENU-bt2xd3z5 ul li > a:hover { color: var(--color_04) !important; background: #ececec; border-style: none none solid none; } #MENU-bt2xd3z5 > ul > .menu-item svg { width: 20px; height: 20px; } #MENU-ITEM-hwk6b4yg > a, #MENU-ITEM-hwk6b4yg > div { } #MENU-ITEM-fgkgsl7h > a, #MENU-ITEM-fgkgsl7h > div { } #MENU-ITEM-yqnmyrno > a, #MENU-ITEM-yqnmyrno > div { } #MENU-ITEM-ziv0h9wb > a, #MENU-ITEM-ziv0h9wb > div { } #MENU-ITEM-qccek3m3 > a, #MENU-ITEM-qccek3m3 > div { } #IMAGE-h82akr4u { align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 2; grid-row-start: 1; height: 22.906192779541016px; justify-self: end; margin-right: 0px; margin-top: calc(0px * 2); width: 22.906192779541016px; } #IMAGE-h82akr4u picture { --width: 22.906192779541016px; border-color: #000000ff; height: 100%; width: 100%; } #IMAGE-h82akr4u img { object-fit: cover; } #INPUT-SEARCH-2lpdqg34 { --width: 100%;align-self: center;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;height: 43px;justify-self: end;margin-right: -0.35714285714285715%;margin-top: calc(0px * 2);width: 100%; } #INPUT-SEARCH-2lpdqg34 > .input-search--wrapper { color: #4c4c4c; font-size: 14.0px; border-width: 1px; border-color: #ddd; border-style: solid; border-radius: 3px; background-color: #ffffff00; flex-direction: row-reverse; } #INPUT-SEARCH-2lpdqg34 > .input-search--wrapper .btn-close { color: var(--color_00); fill: var(--color_00); width: 0px; margin: 0 5px; } #INPUT-SEARCH-2lpdqg34 > .input-search--wrapper .input-search--input { padding-left: 10px; text-align: left; } #INPUT-SEARCH-2lpdqg34 > .input-search--wrapper .input-search--input::placeholder { color: #4c4c4c; } #INPUT-SEARCH-2lpdqg34 > .input-search--wrapper:hover { border-style: none; border-color: #ddd !important; border-style: solid; background-color: #ffffff00 !important; } #INPUT-SEARCH-2lpdqg34 > .input-search--wrapper:focus-within { border-style: none; border-color: #ddd !important; border-width: 1px !important; border-style: solid; background-color: #ffffff00 !important; } #INPUT-SEARCH-2lpdqg34 .input-search--icon { margin-left: 9px; margin-right: 9px; color: var(--color_00); height: 19px; width: 19px; } #INPUT-SEARCH-2lpdqg34 .input-search--wrapper:hover .input-search--icon { color: var(--color_00); } #INPUT-SEARCH-2lpdqg34 .input-search--wrapper:focus-within .input-search--icon { color: var(--color_00); } #INPUT-SEARCH-2lpdqg34 .input-search--icon path { fill: var(--color_00); } #INPUT-SEARCH-2lpdqg34 .input-search--wrapper:hover .input-search--icon path { fill: var(--color_00); } #INPUT-SEARCH-2lpdqg34 .input-search--wrapper:focus-within .input-search--icon path { fill: var(--color_00); } #IMAGE-e58r0od5 { align-self: start; grid-column-end: 5; grid-column-start: 4; grid-row-end: 3; grid-row-start: 2; height: 86.14914803535827px; justify-self: end; margin-right: 0.01805792459061112%; margin-top: -0.001953125px; width: 105.74533324063366px; } #IMAGE-e58r0od5 picture { --width: 105.74533324063366px; border-color: #000000ff; filter: contrast(1.11) brightness(1.26) saturate(1.39) sepia(0.29); height: 100%; width: 100%; } #IMAGE-e58r0od5 img { object-fit: cover; } [id^="TEXT-2bztv7mf"], .--clone-TEXT-2bztv7mf { align-self: start; grid-column-end: 4; grid-column-start: 2; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: start; margin-left: -0.001953125px; margin-top: 6.2px; width: 35px; } [id^="TEXT-2bztv7mf"] .x-text, [id^="TEXT-2bztv7mf"] .x-text a, .--clone-TEXT-2bztv7mf .x-text, .--clone-TEXT-2bztv7mf .x-text a { --width: 35px; -webkit-text-stroke: 0px #000000ff; color: #EEF2FE; font-family: 'Alumni Sans', sans-serif; font-size: 14.0px; font-weight: 700; height: 100%; letter-spacing: 1.7px; text-align: center; width: 100%; color: var(--active-color, #EEF2FE); } [id^="TEXT-2bztv7mf"] .x-text:hover, .--clone-TEXT-2bztv7mf .x-text:hover, [id^="TEXT-2bztv7mf"] a:hover, .--clone-TEXT-2bztv7mf a:hover { } [id^="TEXT-7ryso086"], .--clone-TEXT-7ryso086 { align-self: start; grid-column-end: 6; grid-column-start: 5; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: stretch; margin-left: -0.0012959988317757006px; margin-right: 0.001825350467320963%; margin-top: 10.1px; width: auto; } [id^="TEXT-7ryso086"] .x-text, [id^="TEXT-7ryso086"] .x-text a, .--clone-TEXT-7ryso086 .x-text, .--clone-TEXT-7ryso086 .x-text a { --width: 121.99906907126164px; -webkit-text-stroke: 0px #000000ff; color: var(--color_00); font: var(--font_1); font-size: 16.0px; height: 100%; letter-spacing: 1.9px; line-height: 1.5; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); width: 100%; color: var(--active-color, var(--color_00)); } [id^="TEXT-7ryso086"] .x-text:hover, .--clone-TEXT-7ryso086 .x-text:hover, [id^="TEXT-7ryso086"] a:hover, .--clone-TEXT-7ryso086 a:hover { } [id^="TEXT-oieb7wpl"], .--clone-TEXT-oieb7wpl { align-self: start; grid-column-end: 6; grid-column-start: 5; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: stretch; margin-left: -3.2973623831367156e-14px; margin-right: -0.023672378033019817%; margin-top: 39.7px; width: auto; } [id^="TEXT-oieb7wpl"] .x-text, [id^="TEXT-oieb7wpl"] .x-text a, .--clone-TEXT-oieb7wpl .x-text, .--clone-TEXT-oieb7wpl .x-text a { --width: 122.02888030120032px; -webkit-text-stroke: 0px #000000ff; color: var(--color_00); font: var(--font_1); font-size: 21.0px; height: 100%; letter-spacing: 3.2px; line-height: 1.3; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); width: 100%; color: var(--active-color, var(--color_00)); } [id^="TEXT-oieb7wpl"] .x-text:hover, .--clone-TEXT-oieb7wpl .x-text:hover, [id^="TEXT-oieb7wpl"] a:hover, .--clone-TEXT-oieb7wpl a:hover { } #IMAGE-aumaot00 { align-self: start; grid-column-end: 6; grid-column-start: 3; grid-row-end: 3; grid-row-start: 2; height: 68.974609375px; justify-self: start; margin-left: 0.4745954572446556%; margin-top: 0.001953125px; width: 45.833487975059384%; } #IMAGE-aumaot00 picture { --width: 45.833487975059384%; border-color: #000000ff; height: 100%; width: 100%; } #IMAGE-aumaot00 img { object-fit: cover; } #IMAGE-3cvne5ha { align-self: center; grid-column-end: 7; grid-column-start: 6; grid-row-end: 3; grid-row-start: 1; height: 85px; justify-self: end; margin-right: -0.07488643689088306%; margin-top: calc(0.064453125px * 2); width: 99.702204134981%; } #IMAGE-3cvne5ha picture { --width: 99.702204134981%; border-color: #000000ff; height: 100%; width: 100%; } #IMAGE-3cvne5ha img { object-fit: cover; } #SECTION-yljx3hy8 { height: auto; grid-template-columns: 8px 1fr 8px; grid-template-rows: minmax(40px, max-content) minmax(5px, max-content); column-gap: 0px; row-gap: 0px; transition: opacity 0.3s ease, visibility 0.3s ease; } #SECTION-yljx3hy8 .x-section-background { background: var(--color_04); --height: 45; --bg: var(--color_04); } #SECTION-yljx3hy8 .x-section-video-background { } #SECTION-yljx3hy8 .video { display: none; } #SECTION-yljx3hy8 .video-bp2 { overflow: hidden; width: 100%; height: 100%; display: block; } #INPUT-SEARCH-ldj0od69 { --width: 99.99881752193768%;align-self: center;grid-column-end: 3;grid-column-start: 2;grid-row-end: 2;grid-row-start: 1;height: 34px;justify-self: stretch;margin-left: -0.005218505859375px;margin-right: 0.00171661376953125%;margin-top: calc(0px * 2);width: auto; } #INPUT-SEARCH-ldj0od69 > .input-search--wrapper { box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); color: var(--color_04); font-size: 12.0px; border-width: 1px; border-color: var(--color_01); border-style: solid; border-radius: 25px; background-color: var(--color_00); flex-direction: row-reverse; } #INPUT-SEARCH-ldj0od69 > .input-search--wrapper .btn-close { color: #4f4f4fcc; fill: #4f4f4fcc; width: 10px; margin: 0 0px; } #INPUT-SEARCH-ldj0od69 > .input-search--wrapper .input-search--input { padding-left: 18px; text-align: left; } #INPUT-SEARCH-ldj0od69 > .input-search--wrapper .input-search--input::placeholder { color: var(--color_02); } #INPUT-SEARCH-ldj0od69 > .input-search--wrapper:hover { border-style: none; border-color: var(--color_00) !important; border-bottom-style: solid; background-color: #ffffffff !important; } #INPUT-SEARCH-ldj0od69 > .input-search--wrapper:focus-within { border-style: none; border-color: var(--color_00) !important; border-width: 1px !important; border-bottom-style: solid; background-color: #ffffffff !important; } #INPUT-SEARCH-ldj0od69 .input-search--icon { margin-left: 15px; margin-right: 15px; color: #000000f7; height: 18px; width: 18px; } #INPUT-SEARCH-ldj0od69 .input-search--wrapper:hover .input-search--icon { color: var(--color_00); } #INPUT-SEARCH-ldj0od69 .input-search--wrapper:focus-within .input-search--icon { color: var(--color_00); } #INPUT-SEARCH-ldj0od69 .input-search--icon path { fill: #000000f7; } #INPUT-SEARCH-ldj0od69 .input-search--wrapper:hover .input-search--icon path { fill: var(--color_00); } #INPUT-SEARCH-ldj0od69 .input-search--wrapper:focus-within .input-search--icon path { fill: var(--color_00); } #SECTION-hpv08pza { height: auto; grid-template-columns: 100%; grid-template-rows: minmax(220px, max-content); column-gap: 0px; row-gap: 0px; --box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25); transition: opacity 0.3s ease, visibility 0.3s ease; } #SECTION-hpv08pza .x-section-background { background: var(--color_20); filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); --height: 220; --bg: var(--color_20); } #SECTION-hpv08pza .x-section-video-background { } #SECTION-hpv08pza .video { display: none; } #SECTION-hpv08pza .video-bp2 { overflow: hidden; width: 100%; height: 100%; display: block; } #SECTION-hpv08pza .overlay { background-repeat: repeat; background-size: auto; background-image: url(https://content.pancake.vn/1/s500x500/fwebp0/8b/0d/92/ec/476f1ae84ad2a536d7f31a095c8fdb60c15e77437f9b1acd2c8e7a89.webp); background-position: center; } #CONTAINER-4eqkohux { --bg: #e8eaed00; background: #e8eaed00; border-color: #000000ff; --width: 0.003370272638641322%;align-self: start;display: none;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;grid-template-columns: 2fr 10px 1fr;grid-template-rows: minmax(280px, max-content);height: auto;justify-self: start;margin-left: -74.65417496810157%;margin-top: -259.84375px;width: 0.003370272638641322%; border: #000000ff; } #GALLERY-xadhvhud { --width: 100%;align-self: center;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;height: 220px;justify-self: stretch;margin-left: 0px;margin-right: 0%;margin-top: calc(0px * 2);width: auto; border-radius: ; overflow: hidden; } #GALLERY-xadhvhud .x-gallery-item img { object-fit: cover; aspect-ratio: auto; } #GALLERY-xadhvhud .x-gallery-view { flex: 1; } #GALLERY-xadhvhud .x-gallery-control-item { min-width: 60px; min-height: 60px; margin-bottom: 10px; } #GALLERY-xadhvhud .x-arrow { width: 23px; height: 33px; } #GALLERY-xadhvhud .x-gallery .x-arrow img, #GALLERY-xadhvhud .x-gallery .x-arrow svg, #GALLERY-xadhvhud .x-gallery .x-arrow path { fill: #FFFFFFcc; } #GALLERY-xadhvhud .x-arrow-left { left: 9px; transform: scaleX(-1) scale(1) translate(0,-50%); } #GALLERY-xadhvhud .x-arrow-right { right: 9px; } #GALLERY-xadhvhud .x-gallery-position { gap: 10px; } #GALLERY-xadhvhud .x-gallery-wrapper-position { } #GALLERY-xadhvhud .x-gallery-control-hidden { display: none; } #GALLERY-xadhvhud .x-pagination-wrapper[data-type="bar"] { } #GALLERY-xadhvhud .x-pagination-wrapper[data-type="bar-dot"] { visibility: visible; gap: 9px; } #GALLERY-xadhvhud .x-pagination-bar-backdrop { height: 2px; width: 90%; gap: 9px; } #GALLERY-xadhvhud .x-pagination-bar-backdrop .x-pagination-bar { border-radius: 18px; } #GALLERY-xadhvhud .x-pagination-bar, #GALLERY-xadhvhud .x-pagination-bar-dot { background: var(--color_02); } #GALLERY-xadhvhud .x-bar-active { left: -100%; background: var(--color_00); } #GALLERY-xadhvhud .x-pagination-bar-dot.active { background: var(--color_00); } #GALLERY-xadhvhud .x-pagination-bar-dot { height: 7px; width: 7px; border-radius: 18px; } #GALLERY-xadhvhud .x-gallery-control-item[data-index="0"] { --bg: url(https://content.pancake.vn/web-media/ed/23/5c/d8/806c561621f2de4956a5e50439946520a3fe200f1e340e437f8f8e60-w:5125-h:2887-l:8409696-t:image/png.png); }#GALLERY-xadhvhud .x-gallery-control-item[data-index="1"] { --bg: url(https://content.pancake.vn/web-media/b8/31/06/25/888cf5af38819a1a494f9b88d47810d5b4a52909a6daf3838f4723be-w:2048-h:1536-l:253520-t:image/jpeg.jpeg); }#GALLERY-xadhvhud .x-gallery-control-item[data-index="2"] { --bg: url(https://content.pancake.vn/web-media/59/86/ed/5f/a43a273e3e8b953e26ee9f3c9fc7a295757f0cb20876ff2e0e6cf7c7-w:2563-h:975-l:141103-t:image/jpeg.jpeg); }#GALLERY-xadhvhud .x-gallery-control-item[data-index="3"] { --bg: url(https://content.pancake.vn/web-media/26/b4/2d/f5/f62f325406812b570d2240c60bc4e7368eb8139c62b58a18c6976089-w:1266-h:476-l:91631-t:image/jpeg.jpeg); }#GALLERY-xadhvhud .x-gallery-control-item[data-index="4"] { --bg: url(https://content.pancake.vn/web-media/2e/f6/fb/25/59bdef29d3ce19f8ed7eb9efb783c1501aa64c8bf8ad8912dccdf1ee-w:960-h:960-l:104691-t:image/jpeg.jpeg); } #CONTAINER-tufu82y8 { --bg: var(--color_00); background: var(--color_00); border-color: #000000ff; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); --width: 0.0035452544641844212%;align-self: start;display: none;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;grid-template-columns: 3fr;grid-template-rows: minmax(3.6369916711843753px, max-content);height: 100.3px;justify-self: start;margin-left: -74.65417496810157%;margin-top: -259.84375px;width: 0.0035452544641844212%; border: #000000ff; } #MENU-wtm82g04 { --width: 0%;align-self: start;display: none;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;height: 79px;justify-self: start;margin-left: -74.65417496810157%;margin-top: -259.84375px;width: 0%; --active-link-color: #080000ff; } #MENU-wtm82g04 .x-rect { -webkit-text-stroke: 0px #000000ff; color: #080000ff; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); font-size: 18.0px; font-weight: 700; justify-content: center; letter-spacing: 1.7px; line-height: 1.5; } #MENU-wtm82g04 > ul { justify-content: center; align-items: center; border-radius: inherit; } #MENU-wtm82g04 > ul > .menu-item .tag-link { -webkit-text-stroke: 0px #000000ff; color: #080000ff; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); font-size: 18.0px; font-weight: 700; justify-content: center; letter-spacing: 1.7px; line-height: 1.5; } #MENU-wtm82g04 > ul > .menu-item.menu-item-active-link .tag-link { color: var(--active-link-color); } #MENU-wtm82g04 > ul > .menu-item:not(:first-child) { } #MENU-wtm82g04 ul li .tag-link { border-style: none none none none; } #MENU-wtm82g04 ul li .tag-link:hover { border-style: none none none none; } #MENU-wtm82g04.horizontal-menu > ul > .menu-item > .x-submenu { top: 79px; } #MENU-ITEM-1h3bvlju > a, #MENU-ITEM-1h3bvlju > div { } #MENU-ITEM-8ph61a7d > a, #MENU-ITEM-8ph61a7d > div { } #MENU-ITEM-bud3j2i8 > a, #MENU-ITEM-bud3j2i8 > div { } #MENU-ITEM-wh7vbvjb > a, #MENU-ITEM-wh7vbvjb > div { } #MENU-ITEM-420ix5p5 > a, #MENU-ITEM-420ix5p5 > div { } #IMAGE-mmdaqryu { align-self: start; display: none; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: 183.8155447792832px; justify-self: start; margin-left: -74.65417496810157%; margin-top: -259.84375px; width: 0%; } #IMAGE-mmdaqryu picture { --width: 0%; border-color: #000000ff; border-radius: 25px 25px 25px 25px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); height: 100%; width: 100%; } #IMAGE-mmdaqryu img { object-fit: cover; } #IMAGE-2x35ul9b { align-self: start; display: none; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: 225.28125px; justify-self: start; margin-left: -74.65417496810157%; margin-top: -259.84375px; width: 0%; } #IMAGE-2x35ul9b picture { --width: 0%; border-color: #000000ff; border-radius: 25px 25px 25px 25px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); height: 100%; width: 100%; } #IMAGE-2x35ul9b img { object-fit: cover; } #SECTION-1yp7ealf { height: auto; grid-template-columns: 1fr 1px 150px 1fr 150px 1px 1fr; grid-template-rows: minmax(20px, max-content) minmax(60px, max-content) minmax(20px, max-content) minmax(60px, max-content) minmax(20px, max-content); column-gap: 0px; row-gap: 0px; --box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25); transition: opacity 0.3s ease, visibility 0.3s ease; } #SECTION-1yp7ealf .x-section-background { background: #EEF2FE; --height: 180; --bg: #EEF2FE; } #SECTION-1yp7ealf .x-section-video-background { } #SECTION-1yp7ealf .video { display: none; } #SECTION-1yp7ealf .video-bp2 { overflow: hidden; width: 100%; height: 100%; display: block; } #IMAGE-i8v959p4 { align-self: start; grid-column-end: 4; grid-column-start: 3; grid-row-end: 3; grid-row-start: 2; height: 60.6px; justify-self: start; margin-left: 0.021033653846164107%; margin-top: 0px; width: 100.38611778846152%; } #IMAGE-i8v959p4 picture { --width: 100.38611778846152%; border-color: #000000ff; border-radius: 20px 20px 20px 20px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); filter: contrast(1) brightness(1.1) saturate(1.4) sepia(0.2); height: 100%; width: 100%; } #IMAGE-i8v959p4 img { object-fit: cover; } #IMAGE-g1jacspy { align-self: start; grid-column-end: 6; grid-column-start: 5; grid-row-end: 3; grid-row-start: 2; height: 60.3px; justify-self: start; margin-left: -0.3124809265136719%; margin-top: 0px; width: 100%; } #IMAGE-g1jacspy picture { --width: 100%; border-color: #000000ff; border-radius: 20px 20px 20px 20px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); filter: contrast(1.1) brightness(1.16) saturate(1.3) sepia(0.35); height: 100%; width: 100%; } #IMAGE-g1jacspy img { object-fit: cover; } #IMAGE-7ofs45vo { align-self: start; grid-column-end: 4; grid-column-start: 3; grid-row-end: 5; grid-row-start: 4; height: 60.7px; justify-self: center; margin-left: 0%; margin-top: 0px; width: 100%; } #IMAGE-7ofs45vo picture { --width: 100%; border-color: #000000ff; border-radius: 20px 20px 20px 20px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); filter: contrast(1) brightness(1.14) saturate(1.4) sepia(0.2); height: 100%; width: 100%; } #IMAGE-7ofs45vo img { object-fit: cover; } #IMAGE-0wzh1rwk { align-self: start; display: none; grid-column-end: 4; grid-column-start: 3; grid-row-end: 5; grid-row-start: 4; height: 60.5px; justify-self: center; margin-left: calc(0% * 2); margin-top: 0px; width: 100%; } #IMAGE-0wzh1rwk picture { --width: 100%; border-color: #000000ff; border-radius: 25px 25px 25px 25px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); filter: sepia(.5) contrast(1.2) saturate(1.8); height: 100%; width: 100%; } #IMAGE-0wzh1rwk img { object-fit: cover; } #IMAGE-k09hka3b { align-self: start; grid-column-end: 6; grid-column-start: 5; grid-row-end: 5; grid-row-start: 4; height: 60.5px; justify-self: start; margin-left: -0.3124809265136719%; margin-top: 0px; width: 100%; } #IMAGE-k09hka3b picture { --width: 100%; border-color: #000000ff; border-radius: 20px 20px 20px 20px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); filter: sepia(.5) contrast(1.2) saturate(1.8); height: 100%; width: 100%; } #IMAGE-k09hka3b img { object-fit: cover; } [id^="TEXT-xpaa2iat"], .--clone-TEXT-xpaa2iat { align-self: end; grid-column-end: 6; grid-column-start: 5; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: end; margin-bottom: 16.49609375px; margin-right: 0.00390625%; width: 53.385416666666664%; } [id^="TEXT-xpaa2iat"] .x-text, [id^="TEXT-xpaa2iat"] .x-text a, .--clone-TEXT-xpaa2iat .x-text, .--clone-TEXT-xpaa2iat .x-text a { --width: 53.385416666666664%; -webkit-text-stroke: 0px #000000ff; color: var(--font_color_2); font: var(--font_2); font-size: 13.0px; height: 100%; letter-spacing: 1.4px; line-height: 1; width: 100%; color: var(--active-color, var(--font_color_2)); } [id^="TEXT-xpaa2iat"] .x-text:hover, .--clone-TEXT-xpaa2iat .x-text:hover, [id^="TEXT-xpaa2iat"] a:hover, .--clone-TEXT-xpaa2iat a:hover { } [id^="TEXT-wk2wsc1z"], .--clone-TEXT-wk2wsc1z { align-self: start; grid-column-end: 6; grid-column-start: 5; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: end; margin-right: 1.87109375%; margin-top: 11.6875px; width: 51.962239583333336%; } [id^="TEXT-wk2wsc1z"] .x-text, [id^="TEXT-wk2wsc1z"] .x-text a, .--clone-TEXT-wk2wsc1z .x-text, .--clone-TEXT-wk2wsc1z .x-text a { --width: 51.962239583333336%; -webkit-text-stroke: 0px #000000ff; color: var(--font_color_2); font: var(--font_2); font-size: 13.0px; height: 100%; letter-spacing: 1.6px; width: 100%; color: var(--active-color, var(--font_color_2)); } [id^="TEXT-wk2wsc1z"] .x-text:hover, .--clone-TEXT-wk2wsc1z .x-text:hover, [id^="TEXT-wk2wsc1z"] a:hover, .--clone-TEXT-wk2wsc1z a:hover { } [id^="TEXT-o702lxo9"], .--clone-TEXT-o702lxo9 { align-self: start; grid-column-end: 4; grid-column-start: 3; grid-row-end: 5; grid-row-start: 4; height: auto; justify-self: end; margin-right: 5%; margin-top: 11.2px; width: 61.989530787479374%; } [id^="TEXT-o702lxo9"] .x-text, [id^="TEXT-o702lxo9"] .x-text a, .--clone-TEXT-o702lxo9 .x-text, .--clone-TEXT-o702lxo9 .x-text a { --width: 61.989530787479374%; -webkit-text-stroke: 0px #000000ff; color: var(--font_color_2); font: var(--font_2); font-size: 13.0px; height: 100%; letter-spacing: 1.6px; width: 100%; color: var(--active-color, var(--font_color_2)); } [id^="TEXT-o702lxo9"] .x-text:hover, .--clone-TEXT-o702lxo9 .x-text:hover, [id^="TEXT-o702lxo9"] a:hover, .--clone-TEXT-o702lxo9 a:hover { } [id^="TEXT-hwrkcjs7"], .--clone-TEXT-hwrkcjs7 { align-self: end; grid-column-end: 4; grid-column-start: 3; grid-row-end: 5; grid-row-start: 4; height: auto; justify-self: end; margin-bottom: 17.050365447998047px; margin-right: 2.0023193359375%; width: 67.01967875162761%; } [id^="TEXT-hwrkcjs7"] .x-text, [id^="TEXT-hwrkcjs7"] .x-text a, .--clone-TEXT-hwrkcjs7 .x-text, .--clone-TEXT-hwrkcjs7 .x-text a { --width: 67.01967875162761%; -webkit-text-stroke: 0px #000000ff; color: var(--font_color_2); font: var(--font_2); font-size: 13.0px; height: 100%; letter-spacing: 0px; line-height: 1; width: 100%; color: var(--active-color, var(--font_color_2)); } [id^="TEXT-hwrkcjs7"] .x-text:hover, .--clone-TEXT-hwrkcjs7 .x-text:hover, [id^="TEXT-hwrkcjs7"] a:hover, .--clone-TEXT-hwrkcjs7 a:hover { } [id^="TEXT-cuy98cot"], .--clone-TEXT-cuy98cot { align-self: end; grid-column-end: 4; grid-column-start: 3; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: end; margin-bottom: 16.49609375px; margin-right: 0.005208333333333334%; width: 61.99218749999999%; } [id^="TEXT-cuy98cot"] .x-text, [id^="TEXT-cuy98cot"] .x-text a, .--clone-TEXT-cuy98cot .x-text, .--clone-TEXT-cuy98cot .x-text a { --width: 61.99218749999999%; -webkit-text-stroke: 0px #000000ff; color: var(--font_color_2); font: var(--font_2); font-size: 13.0px; height: 100%; letter-spacing: 0.7px; line-height: 1; width: 100%; color: var(--active-color, var(--font_color_2)); } [id^="TEXT-cuy98cot"] .x-text:hover, .--clone-TEXT-cuy98cot .x-text:hover, [id^="TEXT-cuy98cot"] a:hover, .--clone-TEXT-cuy98cot a:hover { } [id^="TEXT-8ttu8qr1"], .--clone-TEXT-8ttu8qr1 { align-self: start; grid-column-end: 4; grid-column-start: 3; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: end; margin-right: 18.989583333333336%; margin-top: 11.6875px; width: 43.22916666666667%; } [id^="TEXT-8ttu8qr1"] .x-text, [id^="TEXT-8ttu8qr1"] .x-text a, .--clone-TEXT-8ttu8qr1 .x-text, .--clone-TEXT-8ttu8qr1 .x-text a { --width: 43.22916666666667%; -webkit-text-stroke: 0px #000000ff; color: var(--font_color_2); font: var(--font_2); font-size: 13.0px; height: 100%; letter-spacing: 1.6px; width: 100%; color: var(--active-color, var(--font_color_2)); } [id^="TEXT-8ttu8qr1"] .x-text:hover, .--clone-TEXT-8ttu8qr1 .x-text:hover, [id^="TEXT-8ttu8qr1"] a:hover, .--clone-TEXT-8ttu8qr1 a:hover { } [id^="TEXT-3ks41ibm"], .--clone-TEXT-3ks41ibm { align-self: end; grid-column-end: 6; grid-column-start: 5; grid-row-end: 5; grid-row-start: 4; height: auto; justify-self: end; margin-bottom: 17.408203125px; margin-right: 6.286552429199219%; width: 47.10277048746745%; } [id^="TEXT-3ks41ibm"] .x-text, [id^="TEXT-3ks41ibm"] .x-text a, .--clone-TEXT-3ks41ibm .x-text, .--clone-TEXT-3ks41ibm .x-text a { --width: 47.10277048746745%; -webkit-text-stroke: 0px #000000ff; color: var(--font_color_2); font: var(--font_2); font-size: 13.0px; height: 100%; letter-spacing: 0.7px; line-height: 1; width: 100%; color: var(--active-color, var(--font_color_2)); } [id^="TEXT-3ks41ibm"] .x-text:hover, .--clone-TEXT-3ks41ibm .x-text:hover, [id^="TEXT-3ks41ibm"] a:hover, .--clone-TEXT-3ks41ibm a:hover { } [id^="TEXT-zjkt7j11"], .--clone-TEXT-zjkt7j11 { align-self: start; grid-column-end: 6; grid-column-start: 5; grid-row-end: 5; grid-row-start: 4; height: auto; justify-self: end; margin-right: 6.761187094229239%; margin-top: 11.5px; width: 46.62422957243743%; } [id^="TEXT-zjkt7j11"] .x-text, [id^="TEXT-zjkt7j11"] .x-text a, .--clone-TEXT-zjkt7j11 .x-text, .--clone-TEXT-zjkt7j11 .x-text a { --width: 46.62422957243743%; -webkit-text-stroke: 0px #000000ff; color: var(--font_color_2); font: var(--font_2); font-size: 13.0px; height: 100%; letter-spacing: 1.6px; width: 100%; color: var(--active-color, var(--font_color_2)); } [id^="TEXT-zjkt7j11"] .x-text:hover, .--clone-TEXT-zjkt7j11 .x-text:hover, [id^="TEXT-zjkt7j11"] a:hover, .--clone-TEXT-zjkt7j11 a:hover { } [id^="TEXT-1qmsxis3"], .--clone-TEXT-1qmsxis3 { align-self: end; display: none; grid-column-end: 7; grid-column-start: 6; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: end; margin-bottom: 23.9px; margin-right: 0.88043212890625%; width: 61.99951171875%; } [id^="TEXT-1qmsxis3"] .x-text, [id^="TEXT-1qmsxis3"] .x-text a, .--clone-TEXT-1qmsxis3 .x-text, .--clone-TEXT-1qmsxis3 .x-text a { --width: 61.99951171875%; -webkit-text-stroke: 0px #000000ff; color: var(--font_color_2); font: var(--font_2); font-size: 20.0px; height: 100%; letter-spacing: 0.7px; line-height: 1; width: 100%; color: var(--active-color, var(--font_color_2)); } [id^="TEXT-1qmsxis3"] .x-text:hover, .--clone-TEXT-1qmsxis3 .x-text:hover, [id^="TEXT-1qmsxis3"] a:hover, .--clone-TEXT-1qmsxis3 a:hover { } [id^="TEXT-dd217mhp"], .--clone-TEXT-dd217mhp { align-self: start; display: none; grid-column-end: 7; grid-column-start: 6; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: end; margin-right: -0.013732910156238898%; margin-top: 19.328125px; width: 62.390136718749986%; } [id^="TEXT-dd217mhp"] .x-text, [id^="TEXT-dd217mhp"] .x-text a, .--clone-TEXT-dd217mhp .x-text, .--clone-TEXT-dd217mhp .x-text a { --width: 62.390136718749986%; -webkit-text-stroke: 0px #000000ff; color: var(--font_color_2); font: var(--font_2); font-size: 20.0px; height: 100%; letter-spacing: 1.6px; width: 100%; color: var(--active-color, var(--font_color_2)); } [id^="TEXT-dd217mhp"] .x-text:hover, .--clone-TEXT-dd217mhp .x-text:hover, [id^="TEXT-dd217mhp"] a:hover, .--clone-TEXT-dd217mhp a:hover { } #SECTION-4jvcw3wj { height: auto; grid-template-columns: 5px 1fr 5px; grid-template-rows: minmax(10px, max-content) minmax(70px, max-content) minmax(514px, max-content) minmax(1px, max-content); column-gap: 0px; row-gap: 0px; display: none; --box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25); transition: opacity 0.3s ease, visibility 0.3s ease; } #SECTION-4jvcw3wj .x-section-background { background: #EEF2FE; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); --height: 595; --bg: #EEF2FE; } #SECTION-4jvcw3wj .x-section-video-background { } #SECTION-4jvcw3wj .video { display: none; } #SECTION-4jvcw3wj .video-bp2 { overflow: hidden; width: 100%; height: 100%; display: block; } #SECTION-4jvcw3wj .overlay { background-repeat: repeat; background-size: auto; background-image: url(https://content.pancake.vn/1/s500x500/fwebp0/8b/0d/92/ec/476f1ae84ad2a536d7f31a095c8fdb60c15e77437f9b1acd2c8e7a89.webp); background-position: center; } #TABS-eb9szi04 { --width: 99.99873991935485%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 4;grid-row-start: 3;height: 464.7625081797057px;justify-self: start;margin-left: -0.002520161290322581%;margin-top: 0.1640625px;max-height: 100%;max-width: 100%;width: 99.99873991935485%; active-color: var(--color_20); active-font-weight: bold; color: var(--color_00); font: var(--font_2); font-size: 13.0px; nav-b-l-border-radius: 0; nav-b-r-border-radius: 0; nav-bg-color: #2b057c; nav-gap: 0; nav-min-width: 0; nav-padding-x: 18; nav-padding-y: 17; nav-t-l-border-radius: 0; nav-t-r-border-radius: 0; padding-nav-bar: 0; overflow: hidden; } #TABS-eb9szi04 > .cake-tabs-wrapper { flex-direction: column; } #TABS-eb9szi04 > .cake-tabs-wrapper > .cake-tabs-nav-list-wrapper .highlight-icon { width: 0; height: 1px; } #TABS-eb9szi04 > .cake-tabs-wrapper > .cake-tabs-nav-list-wrapper .highlight-icon, #TABS-eb9szi04 > .cake-tabs-wrapper > .cake-tabs-nav-list-wrapper .cake-tabs-divider { top: 100%; left: 50%; transform: translateX(-50%); } #TABS-eb9szi04 > .cake-tabs-wrapper > .tabs-contents-wrapper { grid-template-columns: repeat(3, 100%); background: #2b057cff; } #TABS-eb9szi04 > .cake-tabs-wrapper > .tabs-contents-wrapper .tabs-content { grid-template-columns: 5px 1.001fr 5px; grid-template-rows: minmax(9.717282420308566px, max-content) minmax(455.0528796875135px, max-content); } #TABS-eb9szi04 > .cake-tabs-wrapper { padding: 0 0px; } #TABS-eb9szi04 > .cake-tabs-wrapper > .cake-tabs-nav-list-wrapper .cake-tabs-nav-list { gap: 0px; justify-content: start; } #TABS-eb9szi04 > .cake-tabs-wrapper > .cake-tabs-nav-list-wrapper .tabs-nav-item { padding: 17px 18px; border-radius: 0px 0px 0px 0px; justify-content: start; min-width: 0px; flex: 1; background: #2b057c; } #TABS-eb9szi04 > .cake-tabs-wrapper > .cake-tabs-nav-list-wrapper .tabs-nav-item.active { color: var(--color_20); font-size: px; font-weight: bold; font-style: ; text-decoration: ; background: ; } #TABS-eb9szi04 > .cake-tabs-wrapper > .cake-tabs-nav-list-wrapper .tabs-nav-item .highlight-icon { background: var(--color_20); } #TABS-eb9szi04 > .cake-tabs-wrapper > .cake-tabs-nav-list-wrapper .tabs-nav-item.active .highlight-icon { width: 100%; } #TABS-eb9szi04 > .cake-tabs-wrapper > .cake-tabs-nav-list-wrapper .cake-tabs-divider { height:1px; background: rgba(238, 238, 238); } #IMAGE-xfsgserm { align-self: end; grid-column-end: 3; grid-column-start: 2; grid-row-end: 3; grid-row-start: 2; height: 170.16796875px; justify-self: center; margin-bottom: -0.1640625px; margin-left: calc(0% * 2); width: 100%; } #IMAGE-xfsgserm picture { --width: 100%; border-color: #000000ff; border-radius: 25px 25px 0px 0px; height: 100%; width: 100%; } #IMAGE-xfsgserm img { object-fit: cover; } #SLIDER-PRODUCT-8p060x0y { --width: 99.60000000000002%;align-self: end;grid-column-end: 3;grid-column-start: 2;grid-row-end: 4;grid-row-start: 3;height: auto;justify-self: stretch;margin-bottom: 6.31640625px;margin-left: 0.4%;margin-right: -2.1459041167729373e-14%;width: auto; } #SLIDER-PRODUCT-8p060x0y .grid-product--title { line-clamp: 6; -webkit-line-clamp: 6; } #SLIDER-PRODUCT-8p060x0y .grid-product--inner img { object-fit: cover; } #SLIDER-PRODUCT-8p060x0y .button-arrow { width: 25px; height: 25px; color: #000000d9; } #SLIDER-PRODUCT-8p060x0y .button-arrow svg { width: 82%; height: 82%; } #SLIDER-PRODUCT-8p060x0y .button-arrow path { fill: #000000d9; } #SLIDER-PRODUCT-8p060x0y .button-arrow:after { border: 0px solid rgba(0, 0, 0, 0.2); } #SLIDER-PRODUCT-8p060x0y .slider-product--next { right: 4px; } #SLIDER-PRODUCT-8p060x0y .slider-product--prev { left: 4px; } #SLIDER-PRODUCT-8p060x0y .empty-product { display: flex; flex-direction: column; align-items: center; justify-content: center; } #SLIDER-PRODUCT-8p060x0y .empty-product .empty-product-image { width: 160px; height: 160px; } #SLIDER-PRODUCT-8p060x0y .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; } #SLIDER-PRODUCT-8p060x0y .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; } #SLIDER-PRODUCT-8p060x0y .grid-product--wrapper { display: grid; column-gap: 5px; row-gap: 0px; background: #2b057c00; grid-auto-flow: column; grid-template-rows: repeat(1, max-content); } #SLIDER-PRODUCT-8p060x0y .slider-product--item:hover { background: var(--color_00); } #SLIDER-PRODUCT-8p060x0y .slider-product--item:hover .grid-product--price { color: #1844df; } #SLIDER-PRODUCT-8p060x0y .slider-product--item:hover .product-overlay[data-type="quick-view"] { display: grid; } #SLIDER-PRODUCT-8p060x0y .slider-product--item { width: 186px;min-width: 186px; display: flex; flex-direction: column; background: #ffffffff; border-radius: 25px; box-shadow: 0px 0px 0px 0px #ffffff2e; border-color: var(--color_02); } #SLIDER-PRODUCT-8p060x0y .grid-product--inner { padding-bottom: calc(100% / (3/4)); } #SLIDER-PRODUCT-8p060x0y .grid-product--info { text-align: center; padding: 0px 10px; justify-content: unset; align-items: center } #SLIDER-PRODUCT-8p060x0y .grid-product--category { font-size: 12px; padding: 0px 0px; } #SLIDER-PRODUCT-8p060x0y .grid-product--title { font-family: 'Roboto Condensed', sans-serif; font-weight: bold; font-size: 15px; color: var(--color_04); min-height: 23.572499999999998px; } #SLIDER-PRODUCT-8p060x0y .grid-product--price { margin-top: 0px; margin-bottom: 0px; } #SLIDER-PRODUCT-8p060x0y .grid-product--retail-price, #SLIDER-PRODUCT-8p060x0y .grid-product--selling-price { font-family: 'Roboto Condensed', sans-serif; font-weight: bold; font-size: 16px; color: #1844df; margin: 0 0px; } #SLIDER-PRODUCT-8p060x0y .grid-product--origin-price { font-weight: bold; font-size: 16px; color: var(--color_24); margin: 0 0px; } #SLIDER-PRODUCT-8p060x0y .grid-product--discount { padding: 0px 0px; background: #eb1e1e00; border-radius: 0px; font: ; color: var(--color_24); font-family: ; font-size: 15px; font-weight: ; font-style: ; text-decoration: ; } #SLIDER-PRODUCT-8p060x0y .grid-product--wholesale-price { } #SLIDER-PRODUCT-8p060x0y .grid-product--btn-add-cart { background-color: #ffff21ff; border-width: 1px; border-style: solid; border-radius: 18px; font-weight: bold; color: var(--color_04); font-size: 16px; margin: auto 0px 6px 0px; padding: 5px 9px; letter-spacing: 1px; line-height: 1; } #SLIDER-PRODUCT-8p060x0y .grid-product--btn-add-cart:hover { color: #2b057c; background-color: #ffff21ff; } #SLIDER-PRODUCT-8p060x0y .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: column; padding: 0.6px 0px 0px 0px; display: ; } #SLIDER-PRODUCT-8p060x0y .product--ribbon { border-radius: 0px; background: rgba(0, 0, 0, 1); border-color: rgba(0, 0, 0, 1); border-width: 0px; background-size: cover; background-attachment: scroll; background-position-x: center; background-position-y: center; background-repeat: no-repeat; filter: ; } #PRODUCT-OVERLAY-ek916qgr { width: 100%; height: 100%; grid-template-columns: 1fr; grid-template-rows: minmax(0px, 1fr); column-gap: 0px; row-gap: 0px; } #PRODUCT-OVERLAY-lw15vb2r { width: 100%; height: 100%; grid-template-columns: 1fr; grid-template-rows: minmax(0px, 1fr); column-gap: 0px; row-gap: 0px; } #PRODUCT-OVERLAY-qv5ge4jc { width: 100%; height: 100%; grid-template-columns: 1fr; grid-template-rows: minmax(0px, 1fr); column-gap: 0px; row-gap: 0px; display: none; } #CONTAINER-fkzpc6ym { --bg: var(--color_00); background: var(--color_00); border-color: #000000ff; border-radius: 8px 8px 8px 8px; --width: 40px;align-self: end;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;grid-template-columns: 1fr;grid-template-rows: minmax(40px, max-content);height: 40px;justify-self: end;margin-bottom: 14px;margin-right: 14px;width: 40px; border: #000000ff; } #RECT-fy6n2owm { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: 24px; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 60%; } #RECT-fy6n2owm .x-rect { --width: 60%; background: #000000ff; border-color: #000000ff; height: 100%; width: 100%; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9ImN1cnJlbnRDb2xvciIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsNTZDNDgsNTYsMTYsMTI4LDE2LDEyOHMzMiw3MiwxMTIsNzIsMTEyLTcyLDExMi03MlMyMDgsNTYsMTI4LDU2Wm0wLDExMmE0MCw0MCwwLDEsMSw0MC00MEE0MCw0MCwwLDAsMSwxMjgsMTY4WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTI0Ny4zMSwxMjQuNzZjLS4zNS0uNzktOC44Mi0xOS41OC0yNy42NS0zOC40MUMxOTQuNTcsNjEuMjYsMTYyLjg4LDQ4LDEyOCw0OFM2MS40Myw2MS4yNiwzNi4zNCw4Ni4zNUMxNy41MSwxMDUuMTgsOSwxMjQsOC42OSwxMjQuNzZhOCw4LDAsMCwwLDAsNi41Yy4zNS43OSw4LjgyLDE5LjU3LDI3LjY1LDM4LjRDNjEuNDMsMTk0Ljc0LDkzLjEyLDIwOCwxMjgsMjA4czY2LjU3LTEzLjI2LDkxLjY2LTM4LjM0YzE4LjgzLTE4LjgzLDI3LjMtMzcuNjEsMjcuNjUtMzguNEE4LDgsMCwwLDAsMjQ3LjMxLDEyNC43NlpNMTI4LDE5MmMtMzAuNzgsMC01Ny42Ny0xMS4xOS03OS45My0zMy4yNUExMzMuNDcsMTMzLjQ3LDAsMCwxLDI1LDEyOCwxMzMuMzMsMTMzLjMzLDAsMCwxLDQ4LjA3LDk3LjI1QzcwLjMzLDc1LjE5LDk3LjIyLDY0LDEyOCw2NHM1Ny42NywxMS4xOSw3OS45MywzMy4yNUExMzMuNDYsMTMzLjQ2LDAsMCwxLDIzMS4wNSwxMjhDMjIzLjg0LDE0MS40NiwxOTIuNDMsMTkyLDEyOCwxOTJabTAtMTEyYTQ4LDQ4LDAsMSwwLDQ4LDQ4QTQ4LjA1LDQ4LjA1LDAsMCwwLDEyOCw4MFptMCw4MGEzMiwzMiwwLDEsMSwzMi0zMkEzMiwzMiwwLDAsMSwxMjgsMTYwWiI+PC9wYXRoPjwvc3ZnPg==); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; border: ; background: var(--active-color, #000000ff); } #RECT-fy6n2owm::before { content: ""; border-color: #000000ff; border-style: ; border-width: ; border-radius: inherit; border: ; height: 100%; width: 100%; position: absolute; top: 0; left: 0; box-sizing: border-box; } #EMPTY-PRODUCT-LAYOUT-1uw8tgxx { background: #ffffff; width: 100%; height: auto; grid-template-columns: 1fr; grid-template-rows: minmax(160px, 1fr) minmax(0px, max-content) minmax(0px, max-content); max-height: var(--viewport-height, 100vh); } #IMAGE-u55a3rc5 { align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: 160px; justify-self: center; margin-left: calc(0% * 2); margin-top: 0px; width: 160px; } #IMAGE-u55a3rc5 picture { --width: 160px; border-color: #000000ff; height: 100%; width: 100%; } #IMAGE-u55a3rc5 img { object-fit: cover; } [id^="TEXT-n2xyml7p"], .--clone-TEXT-n2xyml7p { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: center; margin-bottom: calc(0.90625px * 2); margin-right: calc(1.1770833333333333% * 2); width: 60%; } [id^="TEXT-n2xyml7p"] .x-text, [id^="TEXT-n2xyml7p"] .x-text a, .--clone-TEXT-n2xyml7p .x-text, .--clone-TEXT-n2xyml7p .x-text a { --width: 60%; -webkit-text-stroke: 0px #25282A; color: #25282A; font: var(--font_6); font-size: 16.0px; height: 100%; text-align: center; width: 100%; color: var(--active-color, #25282A); } [id^="TEXT-n2xyml7p"] .x-text:hover, .--clone-TEXT-n2xyml7p .x-text:hover, [id^="TEXT-n2xyml7p"] a:hover, .--clone-TEXT-n2xyml7p a:hover { } [id^="TEXT-q99gmqvh"], .--clone-TEXT-q99gmqvh { align-self: end; grid-column-end: 2; grid-column-start: 1; grid-row-end: 4; grid-row-start: 3; height: auto; justify-self: center; margin-bottom: 0px; margin-left: calc(0% * 2); width: 60%; } [id^="TEXT-q99gmqvh"] .x-text, [id^="TEXT-q99gmqvh"] .x-text a, .--clone-TEXT-q99gmqvh .x-text, .--clone-TEXT-q99gmqvh .x-text a { --width: 60%; -webkit-text-stroke: 0px #000000ff; color: #43484C; font: var(--font_6); font-size: 14.0px; height: 100%; text-align: center; width: 100%; color: var(--active-color, #43484C); } [id^="TEXT-q99gmqvh"] .x-text:hover, .--clone-TEXT-q99gmqvh .x-text:hover, [id^="TEXT-q99gmqvh"] a:hover, .--clone-TEXT-q99gmqvh a:hover { } #RECT-lrpi8m30 { align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 3; grid-row-start: 2; height: 43.25px; justify-self: center; margin-left: calc(0.5807706382116068% * 2); margin-top: 22.021484375px; width: 4.9180601812472%; } #RECT-lrpi8m30 .x-rect { --width: 4.9180601812472%; background: #ffdd00; border-color: #000000ff; height: 100%; width: 100%; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCA5NzQuMDU0NSAxODk2LjA4MzMiIGNsYXNzPSJmbGFzaCI+PHBhdGggZD0iTTg4NSA1NjZxMTggMjAgNyA0NEwzNTIgMTc2N3EtMTMgMjUtNDIgMjUtNCAwLTE0LTItMTctNS0yNS41LTE5dC00LjUtMzBsMTk3LTgwOC00MDYgMTAxcS00IDEtMTIgMS0xOCAwLTMxLTExLTE4LTE1LTEzLTM5bDIwMS04MjVxNC0xNCAxNi0yM3QyOC05aDMyOHExOSAwIDMyIDEyLjV0MTMgMjkuNXEwIDgtNSAxOEw0NDMgNjUxbDM5Ni05OHE4LTIgMTItMiAxOSAwIDM0IDE1eiI+PC9wYXRoPjwvc3ZnPg==); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; border: ; background: var(--active-color, #ffdd00); } #RECT-lrpi8m30::before { content: ""; border-color: #000000ff; border-style: ; border-width: ; border-radius: inherit; border: ; height: 100%; width: 100%; position: absolute; top: 0; left: 0; box-sizing: border-box; } #COUNTDOWN-wy1vufyh { --width: 119px;align-self: end;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;height: auto;justify-self: start;margin-bottom: 38.5px;margin-left: 6.0390625px;width: 119px; } #COUNTDOWN-wy1vufyh .x-countdown-circle { background: rgba(255, 255, 255, 0); border-radius: 10px; font-style: initial; font-weight: 700; text-decoration: initial; text-transform: initial; } #COUNTDOWN-wy1vufyh .x-countdown-flipdown { background: rgba(255, 255, 255, 0); border-radius: 10px; font-style: initial; font-weight: 700; text-decoration: initial; text-transform: initial; } #COUNTDOWN-wy1vufyh .x-figure-text { background: rgba(255, 255, 255, 0); border-radius: 10px; font-style: initial; font-weight: 700; text-decoration: initial; text-transform: initial; } .x-figure-text .title { width: 35px; color: var(--color_04); font-size: 8px; padding-bottom: 0px; } #COUNTDOWN-wy1vufyh .x-countdown-circle .x-days-container { width: 120px; height: 120px; border-color: ; } #COUNTDOWN-wy1vufyh .x-countdown-circle .x-hours-container { width: 120px; height: 120px; border-color: ; } #COUNTDOWN-wy1vufyh .x-countdown-circle .x-minutes-container { width: 120px; height: 120px; border-color: ; } #COUNTDOWN-wy1vufyh .x-countdown-circle .x-seconds-container { width: 120px; height: 120px; border-color: ; } #COUNTDOWN-wy1vufyh .x-countdown-circle .x-days { font-size: 15px; color: var(--color_04); } #COUNTDOWN-wy1vufyh .x-countdown-circle .x-hours { font-size: 15px; color: var(--color_04); } #COUNTDOWN-wy1vufyh .x-countdown-circle .x-minutes { font-size: 15px; color: var(--color_04); } #COUNTDOWN-wy1vufyh .x-countdown-circle .x-seconds { font-size: 15px; color: var(--color_04); } #COUNTDOWN-wy1vufyh .x-countdown-flipdown .x-bloc-time .x-figure { width: 15px; height: 21px; line-height: 21px; font-size: 15px; color: var(--color_04); border-radius: 20px; } #COUNTDOWN-wy1vufyh .dots { row-gap: 10px; } #COUNTDOWN-wy1vufyh .dots-item-top, #COUNTDOWN-wy1vufyh .dots-item-bottom { width: 6px; height: 6px; } #COUNTDOWN-wy1vufyh .x-countdown-flipdown .x-bloc-time .x-figure .top { background: var(--color_00); color: inherit; } #COUNTDOWN-wy1vufyh .x-countdown-flipdown .x-bloc-time .x-figure .bottom-back { background: var(--color_00); color: inherit; } #COUNTDOWN-wy1vufyh .x-countdown-flipdown .x-bloc-time .x-figure .top-back { background: #ffffffe6; color: inherit; } #COUNTDOWN-wy1vufyh .x-countdown-flipdown .x-bloc-time .x-figure .bottom { background: #ffffffe6; color: inherit; } #SECTION-0k0w11e7 { height: auto; grid-template-columns: 1fr 268px 1fr; grid-template-rows: minmax(10px, max-content) minmax(75px, max-content) minmax(5px, max-content); column-gap: 0px; row-gap: 0px; transition: opacity 0.3s ease, visibility 0.3s ease; } #SECTION-0k0w11e7 .x-section-background { background: #EEF2FE; --height: 90; --bg: #EEF2FE; } #SECTION-0k0w11e7 .x-section-video-background { } #SECTION-0k0w11e7 .video { display: none; } #SECTION-0k0w11e7 .video-bp2 { overflow: hidden; width: 100%; height: 100%; display: block; } #IMAGE-1gnn2f9e { align-self: start; grid-column-end: 3; grid-column-start: 2; grid-row-end: 3; grid-row-start: 2; height: 75px; justify-self: start; margin-left: -0.0078125px; margin-top: 0px; width: 100%; } #IMAGE-1gnn2f9e picture { --width: 100%; border-color: #000000ff; border-radius: 26px 26px 26px 26px; border-width: 1.0px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); height: 100%; width: 100%; } #IMAGE-1gnn2f9e img { object-fit: cover; } #SECTION-432cigxj { height: auto; grid-template-columns: 5px 1fr 5px; grid-template-rows: minmax(10px, max-content) minmax(100px, max-content) minmax(20px, max-content); column-gap: 0px; row-gap: 0px; overflow-x: hidden; overflow-y: auto; --box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25); transition: opacity 0.3s ease, visibility 0.3s ease; } #SECTION-432cigxj .x-section-background { background: #EEF2FE; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); --height: 130; --bg: #EEF2FE; } #SECTION-432cigxj .x-section-video-background { } #SECTION-432cigxj .video { display: none; } #SECTION-432cigxj .video-bp2 { overflow: hidden; width: 100%; height: 100%; display: block; } #SECTION-432cigxj .overlay { background-repeat: repeat; background-size: auto; background-image: url(https://content.pancake.vn/1/s500x500/fwebp0/8b/0d/92/ec/476f1ae84ad2a536d7f31a095c8fdb60c15e77437f9b1acd2c8e7a89.webp); background-position: center; } #SLIDER-PRODUCT-elol7ow9 { --width: 99.9996585445804%;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: -6.829108391608391e-4%;margin-right: 0.0010243662587412587%;margin-top: 0px;width: auto; } #SLIDER-PRODUCT-elol7ow9 .grid-product--title { line-clamp: 6; -webkit-line-clamp: 6; } #SLIDER-PRODUCT-elol7ow9 .grid-product--inner img { object-fit: cover; } #SLIDER-PRODUCT-elol7ow9 .button-arrow { width: 25px; height: 25px; color: #000000d9; } #SLIDER-PRODUCT-elol7ow9 .button-arrow svg { width: 82%; height: 82%; } #SLIDER-PRODUCT-elol7ow9 .button-arrow path { fill: #000000d9; } #SLIDER-PRODUCT-elol7ow9 .button-arrow:after { border: 0px solid rgba(0, 0, 0, 0.2); } #SLIDER-PRODUCT-elol7ow9 .slider-product--next { right: 4px; } #SLIDER-PRODUCT-elol7ow9 .slider-product--prev { left: 4px; } #SLIDER-PRODUCT-elol7ow9 .empty-product { display: flex; flex-direction: column; align-items: center; justify-content: center; } #SLIDER-PRODUCT-elol7ow9 .empty-product .empty-product-image { width: 160px; height: 160px; } #SLIDER-PRODUCT-elol7ow9 .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; } #SLIDER-PRODUCT-elol7ow9 .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; } #SLIDER-PRODUCT-elol7ow9 .grid-product--wrapper { display: grid; column-gap: 6px; row-gap: 5px; background: #2b057c00; grid-auto-flow: column; grid-template-rows: repeat(2, max-content); grid-auto-columns: calc((100% - 1 * 6px) / 2); } #SLIDER-PRODUCT-elol7ow9 .slider-product--item:hover { background: var(--color_00); } #SLIDER-PRODUCT-elol7ow9 .slider-product--item:hover .grid-product--price { color: #1844df; } #SLIDER-PRODUCT-elol7ow9 .slider-product--item:hover .product-overlay[data-type="quick-view"] { display: grid; } #SLIDER-PRODUCT-elol7ow9 .slider-product--item { width: 100%;min-width: 100%; display: flex; flex-direction: column; background: #ffffffff; border-radius: 25px; box-shadow: 0px 0px 0px 0px #ffffff2e; border-color: var(--color_02); } #SLIDER-PRODUCT-elol7ow9 .grid-product--inner { padding-bottom: calc(100% / (3/4)); } #SLIDER-PRODUCT-elol7ow9 .grid-product--info { text-align: center; padding: 9px 5px; justify-content: unset; align-items: center } #SLIDER-PRODUCT-elol7ow9 .grid-product--category { font-size: 12px; padding: 0px 0px; } #SLIDER-PRODUCT-elol7ow9 .grid-product--title { font-family: 'Roboto Condensed', sans-serif; font-weight: bold; font-size: 15px; color: var(--color_04); min-height: 23.572499999999998px; } #SLIDER-PRODUCT-elol7ow9 .grid-product--price { margin-top: 5px; margin-bottom: 5px; } #SLIDER-PRODUCT-elol7ow9 .grid-product--retail-price, #SLIDER-PRODUCT-elol7ow9 .grid-product--selling-price { font-family: 'Roboto Condensed', sans-serif; font-weight: bold; font-size: 16px; color: #1844df; margin: 0 0px; } #SLIDER-PRODUCT-elol7ow9 .grid-product--origin-price { font-weight: bold; font-size: 16px; color: var(--color_24); margin: 0 0px; } #SLIDER-PRODUCT-elol7ow9 .grid-product--discount { padding: 0px 0px; background: #eb1e1e00; border-radius: 0px; font: ; color: var(--color_24); font-family: ; font-size: 15px; font-weight: ; font-style: ; text-decoration: ; } #SLIDER-PRODUCT-elol7ow9 .grid-product--wholesale-price { } #SLIDER-PRODUCT-elol7ow9 .grid-product--btn-add-cart { background-color: #ffff21ff; border-width: 1px; border-style: solid; border-radius: 18px; font-weight: bold; color: var(--color_04); font-size: 16px; margin: auto 0px 5px 0px; padding: 5px 9px; letter-spacing: 1px; line-height: 1; } #SLIDER-PRODUCT-elol7ow9 .grid-product--btn-add-cart:hover { color: #2b057c; background-color: #ffff21ff; } #SLIDER-PRODUCT-elol7ow9 .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: column; padding: 0.6px 0px 0px 0px; display: ; } #SLIDER-PRODUCT-elol7ow9 .product--ribbon { border-radius: 0px; background: rgba(0, 0, 0, 1); border-color: rgba(0, 0, 0, 1); border-width: 0px; background-size: cover; background-attachment: scroll; background-position-x: center; background-position-y: center; background-repeat: no-repeat; filter: ; } #PRODUCT-OVERLAY-x3fu4uj7 { width: 100%; height: 100%; grid-template-columns: 1fr; grid-template-rows: minmax(0px, 1fr); column-gap: 0px; row-gap: 0px; } #PRODUCT-OVERLAY-2ux6n5f9 { width: 100%; height: 100%; grid-template-columns: 1fr; grid-template-rows: minmax(0px, 1fr); column-gap: 0px; row-gap: 0px; } #PRODUCT-OVERLAY-flo3regq { width: 100%; height: 100%; grid-template-columns: 1fr; grid-template-rows: minmax(0px, 1fr); column-gap: 0px; row-gap: 0px; display: none; } #CONTAINER-plabpte3 { --bg: var(--color_00); background: var(--color_00); border-color: #000000ff; border-radius: 8px 8px 8px 8px; --width: 40px;align-self: end;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;grid-template-columns: 1fr;grid-template-rows: minmax(40px, max-content);height: 40px;justify-self: end;margin-bottom: 14px;margin-right: 14px;width: 40px; border: #000000ff; } #RECT-gl8ilpmx { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: 24px; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 60%; } #RECT-gl8ilpmx .x-rect { --width: 60%; background: #000000ff; border-color: #000000ff; height: 100%; width: 100%; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9ImN1cnJlbnRDb2xvciIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsNTZDNDgsNTYsMTYsMTI4LDE2LDEyOHMzMiw3MiwxMTIsNzIsMTEyLTcyLDExMi03MlMyMDgsNTYsMTI4LDU2Wm0wLDExMmE0MCw0MCwwLDEsMSw0MC00MEE0MCw0MCwwLDAsMSwxMjgsMTY4WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTI0Ny4zMSwxMjQuNzZjLS4zNS0uNzktOC44Mi0xOS41OC0yNy42NS0zOC40MUMxOTQuNTcsNjEuMjYsMTYyLjg4LDQ4LDEyOCw0OFM2MS40Myw2MS4yNiwzNi4zNCw4Ni4zNUMxNy41MSwxMDUuMTgsOSwxMjQsOC42OSwxMjQuNzZhOCw4LDAsMCwwLDAsNi41Yy4zNS43OSw4LjgyLDE5LjU3LDI3LjY1LDM4LjRDNjEuNDMsMTk0Ljc0LDkzLjEyLDIwOCwxMjgsMjA4czY2LjU3LTEzLjI2LDkxLjY2LTM4LjM0YzE4LjgzLTE4LjgzLDI3LjMtMzcuNjEsMjcuNjUtMzguNEE4LDgsMCwwLDAsMjQ3LjMxLDEyNC43NlpNMTI4LDE5MmMtMzAuNzgsMC01Ny42Ny0xMS4xOS03OS45My0zMy4yNUExMzMuNDcsMTMzLjQ3LDAsMCwxLDI1LDEyOCwxMzMuMzMsMTMzLjMzLDAsMCwxLDQ4LjA3LDk3LjI1QzcwLjMzLDc1LjE5LDk3LjIyLDY0LDEyOCw2NHM1Ny42NywxMS4xOSw3OS45MywzMy4yNUExMzMuNDYsMTMzLjQ2LDAsMCwxLDIzMS4wNSwxMjhDMjIzLjg0LDE0MS40NiwxOTIuNDMsMTkyLDEyOCwxOTJabTAtMTEyYTQ4LDQ4LDAsMSwwLDQ4LDQ4QTQ4LjA1LDQ4LjA1LDAsMCwwLDEyOCw4MFptMCw4MGEzMiwzMiwwLDEsMSwzMi0zMkEzMiwzMiwwLDAsMSwxMjgsMTYwWiI+PC9wYXRoPjwvc3ZnPg==); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; border: ; background: var(--active-color, #000000ff); } #RECT-gl8ilpmx::before { content: ""; border-color: #000000ff; border-style: ; border-width: ; border-radius: inherit; border: ; height: 100%; width: 100%; position: absolute; top: 0; left: 0; box-sizing: border-box; } #EMPTY-PRODUCT-LAYOUT-3afuzfxc { background: #ffffff; width: 100%; height: auto; grid-template-columns: 1fr; grid-template-rows: minmax(160px, 1fr) minmax(0px, max-content) minmax(0px, max-content); max-height: var(--viewport-height, 100vh); } #IMAGE-5xwatrh7 { align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: 160px; justify-self: center; margin-left: calc(0% * 2); margin-top: 0px; width: 160px; } #IMAGE-5xwatrh7 picture { --width: 160px; border-color: #000000ff; height: 100%; width: 100%; } #IMAGE-5xwatrh7 img { object-fit: cover; } [id^="TEXT-gz3kabh5"], .--clone-TEXT-gz3kabh5 { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: center; margin-bottom: calc(0.90625px * 2); margin-right: calc(1.1770833333333333% * 2); width: 60%; } [id^="TEXT-gz3kabh5"] .x-text, [id^="TEXT-gz3kabh5"] .x-text a, .--clone-TEXT-gz3kabh5 .x-text, .--clone-TEXT-gz3kabh5 .x-text a { --width: 60%; -webkit-text-stroke: 0px #25282A; color: #25282A; font: var(--font_6); font-size: 16.0px; height: 100%; text-align: center; width: 100%; color: var(--active-color, #25282A); } [id^="TEXT-gz3kabh5"] .x-text:hover, .--clone-TEXT-gz3kabh5 .x-text:hover, [id^="TEXT-gz3kabh5"] a:hover, .--clone-TEXT-gz3kabh5 a:hover { } [id^="TEXT-5fpyj69q"], .--clone-TEXT-5fpyj69q { align-self: end; grid-column-end: 2; grid-column-start: 1; grid-row-end: 4; grid-row-start: 3; height: auto; justify-self: center; margin-bottom: 0px; margin-left: calc(0% * 2); width: 60%; } [id^="TEXT-5fpyj69q"] .x-text, [id^="TEXT-5fpyj69q"] .x-text a, .--clone-TEXT-5fpyj69q .x-text, .--clone-TEXT-5fpyj69q .x-text a { --width: 60%; -webkit-text-stroke: 0px #000000ff; color: #43484C; font: var(--font_6); font-size: 14.0px; height: 100%; text-align: center; width: 100%; color: var(--active-color, #43484C); } [id^="TEXT-5fpyj69q"] .x-text:hover, .--clone-TEXT-5fpyj69q .x-text:hover, [id^="TEXT-5fpyj69q"] a:hover, .--clone-TEXT-5fpyj69q a:hover { } #SECTION-7gwdmeey { height: auto; grid-template-columns: 8px 200px 1.425fr 116px 8px; grid-template-rows: minmax(10px, max-content) minmax(50px, max-content) minmax(5px, max-content); column-gap: 0px; row-gap: 0px; --box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25); transition: opacity 0.3s ease, visibility 0.3s ease; } #SECTION-7gwdmeey .x-section-background { background: #EEF2FE; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); --height: 65; --bg: #EEF2FE; } #SECTION-7gwdmeey .x-section-video-background { } #SECTION-7gwdmeey .video { display: none; } #SECTION-7gwdmeey .video-bp2 { overflow: hidden; width: 100%; height: 100%; display: block; } #SECTION-7gwdmeey .overlay { background-repeat: repeat; background-size: auto; background-image: url(https://content.pancake.vn/1/s500x500/fwebp0/8b/0d/92/ec/476f1ae84ad2a536d7f31a095c8fdb60c15e77437f9b1acd2c8e7a89.webp); background-position: center; } #BUTTON-paupeint { align-self: start; grid-column-end: 3; grid-column-start: 2; grid-row-end: 3; grid-row-start: 2; height: 50px; justify-self: stretch; margin-left: -0.0078125px; margin-right: 0.00390625%; margin-top: -0.00390625px; width: auto; } #BUTTON-paupeint .x-button-wrapper { --width: 100%; -webkit-text-stroke: 0px var(--color_03); background: var(--color_00); border-color: #000000ff; border-radius: 26px 26px 26px 26px; border-width: 1.0px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); color: var(--color_04); font-size: 16.0px; font-weight: 700; height: 100%; letter-spacing: 1.4px; line-height: 0; text-align: center; text-transform: uppercase; width: 100%; border: ; color: var(--active-color, var(--color_04)); } #BUTTON-paupeint[disabled=true] { display: none; } #TAGS-5abek42w { --width: 2497.026380420054%;align-self: start;display: none;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;height: auto;justify-self: stretch;margin-left: -10168.798828125%;margin-right: 7771.772447704946%;margin-top: -283.828125px;width: auto; -webkit-text-stroke: 0px rgba(0, 0, 0, 1); border-radius: 26px 26px 26px 26px; column-gap: 100; font-size: 16.0px; font-size-active: 16; font-size-hover: 16; font-weight: bold; item-background: var(--color_00); item-background-active: #ffff21; item-background-hover: #ffff21; item-border-color: #979797ff; item-border-color-active: var(--color_44); item-border-color-hover: #000000ff; item-border-width: 0; item-padding-x: 28; item-padding-y: 5; item-text-color: var(--color_04); item-text-color-active: var(--color_04); item-text-color-hover: var(--color_44); letter-spacing: 1px; line-height: 1.5; row-gap: 3; text-align: center; transform: perspective(1000px); } #TAGS-5abek42w .x-tags-wrapper { display: grid; grid-template-rows: repeat(2, 1fr); grid-auto-flow: column; row-gap: 3px; column-gap: 100px; } #TAGS-5abek42w .x-tag-item { cursor: pointer; white-space: nowrap; border-style: solid; user-select: none; border-width: 0px; border-color: #979797ff; border-radius: 26px 26px 26px 26px; transform: perspective(1000px); background: var(--color_00); padding: 5px 28px; color: var(--color_04); } #TAGS-5abek42w .x-tag-item:not(.active):hover { border-color: #000000ff; background: #ffff21; color: var(--color_44); font-size: 16px; } #TAGS-5abek42w .x-tag-item.active { border-color: var(--color_44); background: #ffff21; color: var(--color_04); font-size: 16px; } [id^="TEXT-b46dp027"], .--clone-TEXT-b46dp027 { align-self: start; grid-column-end: 5; grid-column-start: 4; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: stretch; margin-left: 0.9921875px; margin-right: 0.00900689223055563%; margin-top: 0.1015625px; width: auto; } [id^="TEXT-b46dp027"] .x-text, [id^="TEXT-b46dp027"] .x-text a, .--clone-TEXT-b46dp027 .x-text, .--clone-TEXT-b46dp027 .x-text a { --width: 114.99736450501256px; -webkit-text-stroke: 0px #97979700; background: #222a2beb; border-radius: 26px 26px 26px 26px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); color: var(--color_00); font: var(--font_6); font-size: 14.0px; font-weight: 700; height: 100%; letter-spacing: 3.8px; line-height: 3.5; text-align: center; text-decoration: underline; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); text-transform: initial; width: 100%; color: var(--active-color, var(--color_00)); } [id^="TEXT-b46dp027"] .x-text:hover, .--clone-TEXT-b46dp027 .x-text:hover, [id^="TEXT-b46dp027"] a:hover, .--clone-TEXT-b46dp027 a:hover { } #SECTION-su5j162k { height: auto; grid-template-columns: 5px 1fr 5px; grid-template-rows: minmax(10px, max-content) minmax(375px, max-content) minmax(20px, max-content); column-gap: 0px; row-gap: 0px; --box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25); transition: opacity 0.3s ease, visibility 0.3s ease; } #SECTION-su5j162k .x-section-background { background: #EEF2FE; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); --height: 405; --bg: #EEF2FE; } #SECTION-su5j162k .x-section-video-background { } #SECTION-su5j162k .video { display: none; } #SECTION-su5j162k .video-bp2 { overflow: hidden; width: 100%; height: 100%; display: block; } #SECTION-su5j162k .overlay { background-repeat: repeat; background-size: auto; background-image: url(https://content.pancake.vn/1/s500x500/fwebp0/8b/0d/92/ec/476f1ae84ad2a536d7f31a095c8fdb60c15e77437f9b1acd2c8e7a89.webp); background-position: center; } #SLIDER-PRODUCT-ywwlpdwb { --width: 100%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;height: auto;justify-self: start;margin-left: 0%;margin-top: 0px;width: 100%; } #SLIDER-PRODUCT-ywwlpdwb .grid-product--title { line-clamp: 6; -webkit-line-clamp: 6; } #SLIDER-PRODUCT-ywwlpdwb .grid-product--inner img { object-fit: fill; } #SLIDER-PRODUCT-ywwlpdwb .button-arrow { width: 25px; height: 25px; color: #000000d9; } #SLIDER-PRODUCT-ywwlpdwb .button-arrow svg { width: 82%; height: 82%; } #SLIDER-PRODUCT-ywwlpdwb .button-arrow path { fill: #000000d9; } #SLIDER-PRODUCT-ywwlpdwb .button-arrow:after { border: 0px solid rgba(0, 0, 0, 0.2); } #SLIDER-PRODUCT-ywwlpdwb .slider-product--next { right: 4px; } #SLIDER-PRODUCT-ywwlpdwb .slider-product--prev { left: 4px; } #SLIDER-PRODUCT-ywwlpdwb .empty-product { display: flex; flex-direction: column; align-items: center; justify-content: center; } #SLIDER-PRODUCT-ywwlpdwb .empty-product .empty-product-image { width: 160px; height: 160px; } #SLIDER-PRODUCT-ywwlpdwb .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; } #SLIDER-PRODUCT-ywwlpdwb .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; } #SLIDER-PRODUCT-ywwlpdwb .grid-product--wrapper { display: grid; column-gap: 6px; row-gap: 5px; background: #2b057c00; grid-auto-flow: column; grid-template-rows: repeat(1, max-content); grid-auto-columns: calc((100% - 1 * 6px) / 2); } #SLIDER-PRODUCT-ywwlpdwb .slider-product--item:hover { background: var(--color_00); } #SLIDER-PRODUCT-ywwlpdwb .slider-product--item:hover .grid-product--price { color: #1844df; } #SLIDER-PRODUCT-ywwlpdwb .slider-product--item:hover .product-overlay[data-type="quick-view"] { display: grid; } #SLIDER-PRODUCT-ywwlpdwb .slider-product--item { width: 100%;min-width: 100%; display: flex; flex-direction: column; background: #ffffffff; border-radius: 25px; box-shadow: 0px 0px 0px 0px #ffffff2e; border-color: var(--color_02); } #SLIDER-PRODUCT-ywwlpdwb .grid-product--info { text-align: center; padding: 9px 5px; justify-content: unset; align-items: center } #SLIDER-PRODUCT-ywwlpdwb .grid-product--category { font-size: 12px; padding: 0px 0px; } #SLIDER-PRODUCT-ywwlpdwb .grid-product--title { font-family: 'Roboto Condensed', sans-serif; font-weight: bold; font-size: 15px; color: var(--color_04); min-height: 23.572499999999998px; } #SLIDER-PRODUCT-ywwlpdwb .grid-product--price { margin-top: 5px; margin-bottom: 5px; } #SLIDER-PRODUCT-ywwlpdwb .grid-product--retail-price, #SLIDER-PRODUCT-ywwlpdwb .grid-product--selling-price { font-family: 'Roboto Condensed', sans-serif; font-weight: bold; font-size: 16px; color: #1844df; margin: 0 0px; } #SLIDER-PRODUCT-ywwlpdwb .grid-product--origin-price { font-weight: bold; font-size: 16px; color: var(--color_24); margin: 0 0px; } #SLIDER-PRODUCT-ywwlpdwb .grid-product--discount { padding: 0px 0px; background: #eb1e1e00; border-radius: 0px; font: ; color: var(--color_24); font-family: ; font-size: 15px; font-weight: ; font-style: ; text-decoration: ; } #SLIDER-PRODUCT-ywwlpdwb .grid-product--wholesale-price { } #SLIDER-PRODUCT-ywwlpdwb .grid-product--btn-add-cart { background-color: #ffff21ff; border-width: 1px; border-style: solid; border-radius: 18px; font-weight: bold; color: var(--color_04); font-size: 16px; margin: auto 0px 5px 0px; padding: 5px 9px; letter-spacing: 1px; line-height: 1; } #SLIDER-PRODUCT-ywwlpdwb .grid-product--btn-add-cart:hover { color: #2b057c; background-color: #ffff21ff; } #SLIDER-PRODUCT-ywwlpdwb .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: column; padding: 0.6px 0px 0px 0px; display: ; } #SLIDER-PRODUCT-ywwlpdwb .product--ribbon { border-radius: 0px; background: rgba(0, 0, 0, 1); border-color: rgba(0, 0, 0, 1); border-width: 0px; background-size: cover; background-attachment: scroll; background-position-x: center; background-position-y: center; background-repeat: no-repeat; filter: ; } #PRODUCT-OVERLAY-5ma3hoed { width: 100%; height: 100%; grid-template-columns: 1fr; grid-template-rows: minmax(0px, 1fr); column-gap: 0px; row-gap: 0px; } #PRODUCT-OVERLAY-74tyfj3h { width: 100%; height: 100%; grid-template-columns: 1fr; grid-template-rows: minmax(0px, 1fr); column-gap: 0px; row-gap: 0px; } #PRODUCT-OVERLAY-5dx0dykx { width: 100%; height: 100%; grid-template-columns: 1fr; grid-template-rows: minmax(0px, 1fr); column-gap: 0px; row-gap: 0px; display: none; } #CONTAINER-ezmrktlw { --bg: var(--color_00); background: var(--color_00); border-color: #000000ff; border-radius: 8px 8px 8px 8px; --width: 40px;align-self: end;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;grid-template-columns: 1fr;grid-template-rows: minmax(40px, max-content);height: 40px;justify-self: end;margin-bottom: 14px;margin-right: 14px;width: 40px; border: #000000ff; } #RECT-hu848r6e { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: 24px; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 60%; } #RECT-hu848r6e .x-rect { --width: 60%; background: #000000ff; border-color: #000000ff; height: 100%; width: 100%; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9ImN1cnJlbnRDb2xvciIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsNTZDNDgsNTYsMTYsMTI4LDE2LDEyOHMzMiw3MiwxMTIsNzIsMTEyLTcyLDExMi03MlMyMDgsNTYsMTI4LDU2Wm0wLDExMmE0MCw0MCwwLDEsMSw0MC00MEE0MCw0MCwwLDAsMSwxMjgsMTY4WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTI0Ny4zMSwxMjQuNzZjLS4zNS0uNzktOC44Mi0xOS41OC0yNy42NS0zOC40MUMxOTQuNTcsNjEuMjYsMTYyLjg4LDQ4LDEyOCw0OFM2MS40Myw2MS4yNiwzNi4zNCw4Ni4zNUMxNy41MSwxMDUuMTgsOSwxMjQsOC42OSwxMjQuNzZhOCw4LDAsMCwwLDAsNi41Yy4zNS43OSw4LjgyLDE5LjU3LDI3LjY1LDM4LjRDNjEuNDMsMTk0Ljc0LDkzLjEyLDIwOCwxMjgsMjA4czY2LjU3LTEzLjI2LDkxLjY2LTM4LjM0YzE4LjgzLTE4LjgzLDI3LjMtMzcuNjEsMjcuNjUtMzguNEE4LDgsMCwwLDAsMjQ3LjMxLDEyNC43NlpNMTI4LDE5MmMtMzAuNzgsMC01Ny42Ny0xMS4xOS03OS45My0zMy4yNUExMzMuNDcsMTMzLjQ3LDAsMCwxLDI1LDEyOCwxMzMuMzMsMTMzLjMzLDAsMCwxLDQ4LjA3LDk3LjI1QzcwLjMzLDc1LjE5LDk3LjIyLDY0LDEyOCw2NHM1Ny42NywxMS4xOSw3OS45MywzMy4yNUExMzMuNDYsMTMzLjQ2LDAsMCwxLDIzMS4wNSwxMjhDMjIzLjg0LDE0MS40NiwxOTIuNDMsMTkyLDEyOCwxOTJabTAtMTEyYTQ4LDQ4LDAsMSwwLDQ4LDQ4QTQ4LjA1LDQ4LjA1LDAsMCwwLDEyOCw4MFptMCw4MGEzMiwzMiwwLDEsMSwzMi0zMkEzMiwzMiwwLDAsMSwxMjgsMTYwWiI+PC9wYXRoPjwvc3ZnPg==); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; border: ; background: var(--active-color, #000000ff); } #RECT-hu848r6e::before { content: ""; border-color: #000000ff; border-style: ; border-width: ; border-radius: inherit; border: ; height: 100%; width: 100%; position: absolute; top: 0; left: 0; box-sizing: border-box; } #EMPTY-PRODUCT-LAYOUT-yfung2ep { background: #ffffff; width: 100%; height: auto; grid-template-columns: 1fr; grid-template-rows: minmax(160px, 1fr) minmax(0px, max-content) minmax(0px, max-content); max-height: var(--viewport-height, 100vh); } #IMAGE-2szn9432 { align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: 160px; justify-self: center; margin-left: calc(0% * 2); margin-top: 0px; width: 160px; } #IMAGE-2szn9432 picture { --width: 160px; border-color: #000000ff; height: 100%; width: 100%; } #IMAGE-2szn9432 img { object-fit: cover; } [id^="TEXT-ckisiufh"], .--clone-TEXT-ckisiufh { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: center; margin-bottom: calc(0.90625px * 2); margin-right: calc(1.1770833333333333% * 2); width: 60%; } [id^="TEXT-ckisiufh"] .x-text, [id^="TEXT-ckisiufh"] .x-text a, .--clone-TEXT-ckisiufh .x-text, .--clone-TEXT-ckisiufh .x-text a { --width: 60%; -webkit-text-stroke: 0px #25282A; color: #25282A; font: var(--font_6); font-size: 16.0px; height: 100%; text-align: center; width: 100%; color: var(--active-color, #25282A); } [id^="TEXT-ckisiufh"] .x-text:hover, .--clone-TEXT-ckisiufh .x-text:hover, [id^="TEXT-ckisiufh"] a:hover, .--clone-TEXT-ckisiufh a:hover { } [id^="TEXT-x9laggpe"], .--clone-TEXT-x9laggpe { align-self: end; grid-column-end: 2; grid-column-start: 1; grid-row-end: 4; grid-row-start: 3; height: auto; justify-self: center; margin-bottom: 0px; margin-left: calc(0% * 2); width: 60%; } [id^="TEXT-x9laggpe"] .x-text, [id^="TEXT-x9laggpe"] .x-text a, .--clone-TEXT-x9laggpe .x-text, .--clone-TEXT-x9laggpe .x-text a { --width: 60%; -webkit-text-stroke: 0px #000000ff; color: #43484C; font: var(--font_6); font-size: 14.0px; height: 100%; text-align: center; width: 100%; color: var(--active-color, #43484C); } [id^="TEXT-x9laggpe"] .x-text:hover, .--clone-TEXT-x9laggpe .x-text:hover, [id^="TEXT-x9laggpe"] a:hover, .--clone-TEXT-x9laggpe a:hover { } #IMAGE-lurpzoya { align-self: end; display: none; grid-column-end: 3; grid-column-start: 2; grid-row-end: 3; grid-row-start: 2; height: 717px; justify-self: end; margin-bottom: -716.9921875px; margin-right: %; width: %; } #IMAGE-lurpzoya picture { --width: %; border-color: #000000ff; border-radius: 0px 25px 25px 0px; height: 100%; width: 100%; } #IMAGE-lurpzoya img { object-fit: cover; } #SECTION-0bqnxegs { height: auto; grid-template-columns: 8px 200px 1fr 116px 8px; grid-template-rows: minmax(10px, max-content) minmax(50px, max-content) minmax(5px, max-content); column-gap: 0px; row-gap: 0px; --box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25); transition: opacity 0.3s ease, visibility 0.3s ease; } #SECTION-0bqnxegs .x-section-background { background: #EEF2FE; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); --height: 65; --bg: #EEF2FE; } #SECTION-0bqnxegs .x-section-video-background { } #SECTION-0bqnxegs .video { display: none; } #SECTION-0bqnxegs .video-bp2 { overflow: hidden; width: 100%; height: 100%; display: block; } #SECTION-0bqnxegs .overlay { background-repeat: repeat; background-size: auto; background-image: url(https://content.pancake.vn/1/s500x500/fwebp0/8b/0d/92/ec/476f1ae84ad2a536d7f31a095c8fdb60c15e77437f9b1acd2c8e7a89.webp); background-position: center; } #BUTTON-7sgx48bw { align-self: start; grid-column-end: 3; grid-column-start: 2; grid-row-end: 3; grid-row-start: 2; height: 50px; justify-self: start; margin-left: -0.0078125px; margin-top: -0.00390625px; width: 200px; } #BUTTON-7sgx48bw .x-button-wrapper { --width: 200px; -webkit-text-stroke: 0px var(--color_03); background: var(--color_00); border-color: #000000ff; border-radius: 26px 26px 26px 26px; border-width: 1.0px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); color: var(--color_04); font-size: 15.0px; font-weight: 700; height: 100%; letter-spacing: 1.4px; line-height: 0; text-align: center; text-transform: uppercase; width: 100%; border: ; color: var(--active-color, var(--color_04)); } #BUTTON-7sgx48bw[disabled=true] { display: none; } #TAGS-j68e32hq { --width: 99.63758205689278%;align-self: start;display: none;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;height: auto;justify-self: start;margin-left: -7375.048828125%;margin-top: -633.890625px;width: 99.63758205689278%; -webkit-text-stroke: 0px rgba(0, 0, 0, 1); border-radius: 26px 26px 26px 26px; column-gap: 9; font-size: 23.0px; font-size-active: 16; font-size-hover: 16; font-weight: bold; item-background: var(--color_00); item-background-active: #ffff21; item-background-hover: #ffff21; item-border-color: #979797ff; item-border-color-active: var(--color_44); item-border-color-hover: #000000ff; item-border-width: 0; item-padding-x: 28; item-padding-y: 5; item-text-color: var(--color_04); item-text-color-active: var(--color_04); item-text-color-hover: var(--color_44); letter-spacing: 1px; line-height: 2.5; row-gap: 0; text-align: center; transform: perspective(1000px); } #TAGS-j68e32hq .x-tags-wrapper { display: flex; flex-wrap: wrap; row-gap: 0px; column-gap: 9px; } #TAGS-j68e32hq .x-tag-item { cursor: pointer; white-space: nowrap; border-style: solid; user-select: none; border-width: 0px; border-color: #979797ff; border-radius: 26px 26px 26px 26px; transform: perspective(1000px); background: var(--color_00); padding: 5px 28px; color: var(--color_04); } #TAGS-j68e32hq .x-tag-item:not(.active):hover { border-color: #000000ff; background: #ffff21; color: var(--color_44); font-size: 16px; } #TAGS-j68e32hq .x-tag-item.active { border-color: var(--color_44); background: #ffff21; color: var(--color_04); font-size: 16px; } [id^="TEXT-6xw3h5u7"], .--clone-TEXT-6xw3h5u7 { align-self: start; grid-column-end: 5; grid-column-start: 4; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: stretch; margin-left: 0.0078125px; margin-right: 0%; margin-top: 0px; width: auto; } [id^="TEXT-6xw3h5u7"] .x-text, [id^="TEXT-6xw3h5u7"] .x-text a, .--clone-TEXT-6xw3h5u7 .x-text, .--clone-TEXT-6xw3h5u7 .x-text a { --width: 115.9921875px; -webkit-text-stroke: 0px #97979700; background: #222a2beb; border-radius: 26px 26px 26px 26px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); color: var(--color_00); font: var(--font_6); font-size: 14.0px; font-weight: 700; height: 100%; letter-spacing: 3.8px; line-height: 3.5; text-align: center; text-decoration: underline; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); text-transform: initial; width: 100%; color: var(--active-color, var(--color_00)); } [id^="TEXT-6xw3h5u7"] .x-text:hover, .--clone-TEXT-6xw3h5u7 .x-text:hover, [id^="TEXT-6xw3h5u7"] a:hover, .--clone-TEXT-6xw3h5u7 a:hover { } #SECTION-lldxlk5j { height: auto; grid-template-columns: 30px 1fr 30px; grid-template-rows: minmax(11.1448060486522px, max-content) minmax(903.380341880342px, max-content) minmax(20px, max-content); column-gap: 0px; row-gap: 0px; transition: opacity 0.3s ease, visibility 0.3s ease; } #SECTION-lldxlk5j .x-section-background { background: #EEF2FE; --height: 935; --bg: #EEF2FE; } #SECTION-lldxlk5j .x-section-video-background { } #SECTION-lldxlk5j .video { display: none; } #SECTION-lldxlk5j .video-bp2 { overflow: hidden; width: 100%; height: 100%; display: block; } #SLIDER-PRODUCT-eqc3jbgu { --width: 100%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 4;grid-row-start: 2;height: auto;justify-self: stretch;margin-left: 0%;margin-right: 0%;margin-top: 0px;width: auto; } #SLIDER-PRODUCT-eqc3jbgu .grid-product--title { line-clamp: 6; -webkit-line-clamp: 6; } #SLIDER-PRODUCT-eqc3jbgu .grid-product--inner img { object-fit: cover; } #SLIDER-PRODUCT-eqc3jbgu .button-arrow { width: 25px; height: 25px; color: #000000d9; } #SLIDER-PRODUCT-eqc3jbgu .button-arrow svg { width: 82%; height: 82%; } #SLIDER-PRODUCT-eqc3jbgu .button-arrow path { fill: #000000d9; } #SLIDER-PRODUCT-eqc3jbgu .button-arrow:after { border: 0px solid rgba(0, 0, 0, 0.2); } #SLIDER-PRODUCT-eqc3jbgu .slider-product--next { right: 4px; } #SLIDER-PRODUCT-eqc3jbgu .slider-product--prev { left: 4px; } #SLIDER-PRODUCT-eqc3jbgu .empty-product { display: flex; flex-direction: column; align-items: center; justify-content: center; } #SLIDER-PRODUCT-eqc3jbgu .empty-product .empty-product-image { width: 160px; height: 160px; } #SLIDER-PRODUCT-eqc3jbgu .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; } #SLIDER-PRODUCT-eqc3jbgu .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; } #SLIDER-PRODUCT-eqc3jbgu .grid-product--wrapper { display: grid; column-gap: 6px; row-gap: 5px; background: #eb1e1e00; grid-auto-flow: column; grid-template-rows: repeat(1, max-content); grid-auto-columns: calc((100% - 1 * 6px) / 2); } #SLIDER-PRODUCT-eqc3jbgu .slider-product--item:hover { background: var(--color_00); } #SLIDER-PRODUCT-eqc3jbgu .slider-product--item:hover .grid-product--price { color: #1844df; } #SLIDER-PRODUCT-eqc3jbgu .slider-product--item:hover .product-overlay[data-type="quick-view"] { display: grid; } #SLIDER-PRODUCT-eqc3jbgu .slider-product--item { width: 100%;min-width: 100%; display: flex; flex-direction: column; background: var(--color_00); border-radius: 25px; box-shadow: 0px 0px 0px 0px #ffffff2e; border-color: var(--color_02); } #SLIDER-PRODUCT-eqc3jbgu .grid-product--inner { padding-bottom: calc(100% / (3/4)); } #SLIDER-PRODUCT-eqc3jbgu .grid-product--info { text-align: center; padding: 9px 5px; justify-content: unset; align-items: center } #SLIDER-PRODUCT-eqc3jbgu .grid-product--category { font-size: 12px; padding: 0px 0px; } #SLIDER-PRODUCT-eqc3jbgu .grid-product--title { font-family: 'Roboto Condensed', sans-serif; font-weight: bold; font-size: 14px; color: var(--color_04); min-height: 22.000999999999998px; } #SLIDER-PRODUCT-eqc3jbgu .grid-product--price { margin-top: 5px; margin-bottom: 5px; } #SLIDER-PRODUCT-eqc3jbgu .grid-product--retail-price, #SLIDER-PRODUCT-eqc3jbgu .grid-product--selling-price { font-family: 'Roboto Condensed', sans-serif; font-weight: bold; font-size: 16px; color: #1844df; margin: 0 0px; } #SLIDER-PRODUCT-eqc3jbgu .grid-product--origin-price { font-weight: bold; font-size: 16px; color: var(--color_24); margin: 0 0px; } #SLIDER-PRODUCT-eqc3jbgu .grid-product--discount { padding: 0px 0px; background: #eb1e1e00; border-radius: 0px; font: ; color: var(--color_24); font-family: ; font-size: 15px; font-weight: ; font-style: ; text-decoration: ; } #SLIDER-PRODUCT-eqc3jbgu .grid-product--wholesale-price { } #SLIDER-PRODUCT-eqc3jbgu .grid-product--btn-add-cart { background-color: #ffff21ff; border-width: 1px; border-style: solid; border-radius: 18px; font-weight: bold; color: var(--color_04); font-size: 16px; margin: auto 0px 5px 0px; padding: 5px 9px; letter-spacing: 1px; line-height: 1; } #SLIDER-PRODUCT-eqc3jbgu .grid-product--btn-add-cart:hover { color: #2b057c; background-color: #ffff21ff; } #SLIDER-PRODUCT-eqc3jbgu .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: column; padding: 0.6px 0px 0px 0px; display: ; } #SLIDER-PRODUCT-eqc3jbgu .product--ribbon { border-radius: 0px; background: rgba(0, 0, 0, 1); border-color: rgba(0, 0, 0, 1); border-width: 0px; background-size: cover; background-attachment: scroll; background-position-x: center; background-position-y: center; background-repeat: no-repeat; filter: ; } #PRODUCT-OVERLAY-zlazwywe { width: 100%; height: 100%; grid-template-columns: 1fr; grid-template-rows: minmax(0px, 1fr); column-gap: 0px; row-gap: 0px; } #PRODUCT-OVERLAY-dcufr7xk { width: 100%; height: 100%; grid-template-columns: 1fr; grid-template-rows: minmax(0px, 1fr); column-gap: 0px; row-gap: 0px; } #PRODUCT-OVERLAY-cmet1v97 { width: 100%; height: 100%; grid-template-columns: 1fr; grid-template-rows: minmax(0px, 1fr); column-gap: 0px; row-gap: 0px; display: none; } #CONTAINER-un42adh9 { --bg: var(--color_00); background: var(--color_00); border-color: #000000ff; border-radius: 8px 8px 8px 8px; --width: 40px;align-self: end;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;grid-template-columns: 1fr;grid-template-rows: minmax(40px, max-content);height: 40px;justify-self: end;margin-bottom: 14px;margin-right: 14px;width: 40px; border: #000000ff; } #RECT-rkrtgceo { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: 24px; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 60%; } #RECT-rkrtgceo .x-rect { --width: 60%; background: #000000ff; border-color: #000000ff; height: 100%; width: 100%; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9ImN1cnJlbnRDb2xvciIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsNTZDNDgsNTYsMTYsMTI4LDE2LDEyOHMzMiw3MiwxMTIsNzIsMTEyLTcyLDExMi03MlMyMDgsNTYsMTI4LDU2Wm0wLDExMmE0MCw0MCwwLDEsMSw0MC00MEE0MCw0MCwwLDAsMSwxMjgsMTY4WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTI0Ny4zMSwxMjQuNzZjLS4zNS0uNzktOC44Mi0xOS41OC0yNy42NS0zOC40MUMxOTQuNTcsNjEuMjYsMTYyLjg4LDQ4LDEyOCw0OFM2MS40Myw2MS4yNiwzNi4zNCw4Ni4zNUMxNy41MSwxMDUuMTgsOSwxMjQsOC42OSwxMjQuNzZhOCw4LDAsMCwwLDAsNi41Yy4zNS43OSw4LjgyLDE5LjU3LDI3LjY1LDM4LjRDNjEuNDMsMTk0Ljc0LDkzLjEyLDIwOCwxMjgsMjA4czY2LjU3LTEzLjI2LDkxLjY2LTM4LjM0YzE4LjgzLTE4LjgzLDI3LjMtMzcuNjEsMjcuNjUtMzguNEE4LDgsMCwwLDAsMjQ3LjMxLDEyNC43NlpNMTI4LDE5MmMtMzAuNzgsMC01Ny42Ny0xMS4xOS03OS45My0zMy4yNUExMzMuNDcsMTMzLjQ3LDAsMCwxLDI1LDEyOCwxMzMuMzMsMTMzLjMzLDAsMCwxLDQ4LjA3LDk3LjI1QzcwLjMzLDc1LjE5LDk3LjIyLDY0LDEyOCw2NHM1Ny42NywxMS4xOSw3OS45MywzMy4yNUExMzMuNDYsMTMzLjQ2LDAsMCwxLDIzMS4wNSwxMjhDMjIzLjg0LDE0MS40NiwxOTIuNDMsMTkyLDEyOCwxOTJabTAtMTEyYTQ4LDQ4LDAsMSwwLDQ4LDQ4QTQ4LjA1LDQ4LjA1LDAsMCwwLDEyOCw4MFptMCw4MGEzMiwzMiwwLDEsMSwzMi0zMkEzMiwzMiwwLDAsMSwxMjgsMTYwWiI+PC9wYXRoPjwvc3ZnPg==); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; border: ; background: var(--active-color, #000000ff); } #RECT-rkrtgceo::before { content: ""; border-color: #000000ff; border-style: ; border-width: ; border-radius: inherit; border: ; height: 100%; width: 100%; position: absolute; top: 0; left: 0; box-sizing: border-box; } #EMPTY-PRODUCT-LAYOUT-2tittqj3 { background: #ffffff; width: 100%; height: auto; grid-template-columns: 1fr; grid-template-rows: minmax(160px, 1fr) minmax(0px, max-content) minmax(0px, max-content); max-height: var(--viewport-height, 100vh); } #IMAGE-a00d306c { align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: 160px; justify-self: center; margin-left: calc(0% * 2); margin-top: 0px; width: 160px; } #IMAGE-a00d306c picture { --width: 160px; border-color: #000000ff; height: 100%; width: 100%; } #IMAGE-a00d306c img { object-fit: cover; } [id^="TEXT-cqch47eu"], .--clone-TEXT-cqch47eu { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: center; margin-bottom: calc(0.90625px * 2); margin-right: calc(1.1770833333333333% * 2); width: 60%; } [id^="TEXT-cqch47eu"] .x-text, [id^="TEXT-cqch47eu"] .x-text a, .--clone-TEXT-cqch47eu .x-text, .--clone-TEXT-cqch47eu .x-text a { --width: 60%; -webkit-text-stroke: 0px #25282A; color: #25282A; font: var(--font_6); font-size: 16.0px; height: 100%; text-align: center; width: 100%; color: var(--active-color, #25282A); } [id^="TEXT-cqch47eu"] .x-text:hover, .--clone-TEXT-cqch47eu .x-text:hover, [id^="TEXT-cqch47eu"] a:hover, .--clone-TEXT-cqch47eu a:hover { } [id^="TEXT-28lwmk3s"], .--clone-TEXT-28lwmk3s { align-self: end; grid-column-end: 2; grid-column-start: 1; grid-row-end: 4; grid-row-start: 3; height: auto; justify-self: center; margin-bottom: 0px; margin-left: calc(0% * 2); width: 60%; } [id^="TEXT-28lwmk3s"] .x-text, [id^="TEXT-28lwmk3s"] .x-text a, .--clone-TEXT-28lwmk3s .x-text, .--clone-TEXT-28lwmk3s .x-text a { --width: 60%; -webkit-text-stroke: 0px #000000ff; color: #43484C; font: var(--font_6); font-size: 14.0px; height: 100%; text-align: center; width: 100%; color: var(--active-color, #43484C); } [id^="TEXT-28lwmk3s"] .x-text:hover, .--clone-TEXT-28lwmk3s .x-text:hover, [id^="TEXT-28lwmk3s"] a:hover, .--clone-TEXT-28lwmk3s a:hover { } #SECTION-vyqyfjtp { height: auto; grid-template-columns: 8px 200px 1fr 116px 8px; grid-template-rows: minmax(10px, max-content) minmax(50px, max-content) minmax(5px, max-content); column-gap: 0px; row-gap: 0px; --box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25); transition: opacity 0.3s ease, visibility 0.3s ease; } #SECTION-vyqyfjtp .x-section-background { background: #EEF2FE; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); --height: 65; --bg: #EEF2FE; } #SECTION-vyqyfjtp .x-section-video-background { } #SECTION-vyqyfjtp .video { display: none; } #SECTION-vyqyfjtp .video-bp2 { overflow: hidden; width: 100%; height: 100%; display: block; } #SECTION-vyqyfjtp .overlay { background-repeat: repeat; background-size: auto; background-image: url(https://content.pancake.vn/1/s500x500/fwebp0/8b/0d/92/ec/476f1ae84ad2a536d7f31a095c8fdb60c15e77437f9b1acd2c8e7a89.webp); background-position: center; } #BUTTON-laixh98e { align-self: start; grid-column-end: 3; grid-column-start: 2; grid-row-end: 3; grid-row-start: 2; height: 50px; justify-self: stretch; margin-left: -0.03125px; margin-right: 0.0149688720703125%; margin-top: 0px; width: auto; } #BUTTON-laixh98e .x-button-wrapper { --width: 200.00131225585935px; -webkit-text-stroke: 0px var(--color_03); background: var(--color_00); border-color: #000000ff; border-radius: 26px 26px 26px 26px; border-width: 1.0px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); color: var(--color_04); font-size: 15.0px; font-weight: 700; height: 100%; letter-spacing: 1.4px; line-height: 0; text-align: center; text-transform: uppercase; width: 100%; border: ; color: var(--active-color, var(--color_04)); } #BUTTON-laixh98e[disabled=true] { display: none; } #TAGS-bao5oyod { --width: 99.63758205689278%;align-self: start;display: none;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;height: auto;justify-self: start;margin-left: -11093.701171875%;margin-top: -691.0078125px;width: 99.63758205689278%; -webkit-text-stroke: 0px rgba(0, 0, 0, 1); border-radius: 26px 26px 26px 26px; column-gap: 9; font-size: 16.0px; font-size-active: 16; font-size-hover: 16; font-weight: bold; item-background: var(--color_00); item-background-active: #ffff21; item-background-hover: #ffff21; item-border-color: #979797ff; item-border-color-active: var(--color_44); item-border-color-hover: #000000ff; item-border-width: 0; item-padding-x: 28; item-padding-y: 5; item-text-color: var(--color_04); item-text-color-active: var(--color_04); item-text-color-hover: var(--color_44); letter-spacing: 1px; line-height: 2.5; row-gap: 0; text-align: center; transform: perspective(1000px); } #TAGS-bao5oyod .x-tags-wrapper { display: flex; flex-wrap: wrap; row-gap: 0px; column-gap: 9px; } #TAGS-bao5oyod .x-tag-item { cursor: pointer; white-space: nowrap; border-style: solid; user-select: none; border-width: 0px; border-color: #979797ff; border-radius: 26px 26px 26px 26px; transform: perspective(1000px); background: var(--color_00); padding: 5px 28px; color: var(--color_04); } #TAGS-bao5oyod .x-tag-item:not(.active):hover { border-color: #000000ff; background: #ffff21; color: var(--color_44); font-size: 16px; } #TAGS-bao5oyod .x-tag-item.active { border-color: var(--color_44); background: #ffff21; color: var(--color_04); font-size: 16px; } [id^="TEXT-f1he4xkr"], .--clone-TEXT-f1he4xkr { align-self: start; grid-column-end: 5; grid-column-start: 4; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: stretch; margin-left: 0.01171875px; margin-right: -0.8587015086206896%; margin-top: 0px; width: auto; } [id^="TEXT-f1he4xkr"] .x-text, [id^="TEXT-f1he4xkr"] .x-text a, .--clone-TEXT-f1he4xkr .x-text, .--clone-TEXT-f1he4xkr .x-text a { --width: 116.984375px; -webkit-text-stroke: 0px #97979700; background: #222a2beb; border-radius: 26px 26px 26px 26px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); color: var(--color_00); font: var(--font_6); font-size: 14.0px; font-weight: 700; height: 100%; letter-spacing: 3.8px; line-height: 3.1; text-align: center; text-decoration: underline; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); text-transform: initial; width: 100%; color: var(--active-color, var(--color_00)); } [id^="TEXT-f1he4xkr"] .x-text:hover, .--clone-TEXT-f1he4xkr .x-text:hover, [id^="TEXT-f1he4xkr"] a:hover, .--clone-TEXT-f1he4xkr a:hover { } #SECTION-t8q7t8ub { height: auto; grid-template-columns: 5px 1fr 5px; grid-template-rows: minmax(10px, max-content) minmax(480px, max-content) minmax(20px, max-content); column-gap: 0px; row-gap: 0px; --box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25); transition: opacity 0.3s ease, visibility 0.3s ease; } #SECTION-t8q7t8ub .x-section-background { background: #EEF2FE; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); --height: 510; --bg: #EEF2FE; } #SECTION-t8q7t8ub .x-section-video-background { } #SECTION-t8q7t8ub .video { display: none; } #SECTION-t8q7t8ub .video-bp2 { overflow: hidden; width: 100%; height: 100%; display: block; } #SECTION-t8q7t8ub .overlay { background-repeat: repeat; background-size: auto; background-image: url(https://content.pancake.vn/1/s500x500/fwebp0/8b/0d/92/ec/476f1ae84ad2a536d7f31a095c8fdb60c15e77437f9b1acd2c8e7a89.webp); background-position: center; } #SLIDER-PRODUCT-bqbzy894 { --width: 100.01071326848744%;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: 5.9396931817445875e-15px;margin-right: -0.010713268487440603%;margin-top: 0px;width: auto; } #SLIDER-PRODUCT-bqbzy894 .grid-product--title { line-clamp: 6; -webkit-line-clamp: 6; } #SLIDER-PRODUCT-bqbzy894 .grid-product--inner img { object-fit: cover; } #SLIDER-PRODUCT-bqbzy894 .button-arrow { width: 25px; height: 25px; color: #000000d9; } #SLIDER-PRODUCT-bqbzy894 .button-arrow svg { width: 82%; height: 82%; } #SLIDER-PRODUCT-bqbzy894 .button-arrow path { fill: #000000d9; } #SLIDER-PRODUCT-bqbzy894 .button-arrow:after { border: 0px solid rgba(0, 0, 0, 0.2); } #SLIDER-PRODUCT-bqbzy894 .slider-product--next { right: 4px; } #SLIDER-PRODUCT-bqbzy894 .slider-product--prev { left: 4px; } #SLIDER-PRODUCT-bqbzy894 .empty-product { display: flex; flex-direction: column; align-items: center; justify-content: center; } #SLIDER-PRODUCT-bqbzy894 .empty-product .empty-product-image { width: 160px; height: 160px; } #SLIDER-PRODUCT-bqbzy894 .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; } #SLIDER-PRODUCT-bqbzy894 .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; } #SLIDER-PRODUCT-bqbzy894 .grid-product--wrapper { display: grid; column-gap: 6px; row-gap: 5px; background: #eb1e1e00; grid-auto-flow: column; grid-template-rows: repeat(2, max-content); grid-auto-columns: calc((100% - 2 * 6px) / 3); } #SLIDER-PRODUCT-bqbzy894 .slider-product--item:hover { background: var(--color_00); } #SLIDER-PRODUCT-bqbzy894 .slider-product--item:hover .grid-product--price { color: #1844df; } #SLIDER-PRODUCT-bqbzy894 .slider-product--item:hover .product-overlay[data-type="quick-view"] { display: grid; } #SLIDER-PRODUCT-bqbzy894 .slider-product--item { width: 100%;min-width: 100%; display: flex; flex-direction: column; background: var(--color_00); border-radius: 25px; box-shadow: 0px 0px 0px 0px #ffffff2e; border-color: var(--color_02); } #SLIDER-PRODUCT-bqbzy894 .grid-product--inner { padding-bottom: calc(100% / (3/4)); } #SLIDER-PRODUCT-bqbzy894 .grid-product--info { text-align: center; padding: 9px 5px; justify-content: unset; align-items: center } #SLIDER-PRODUCT-bqbzy894 .grid-product--category { font-size: 12px; padding: 0px 0px; } #SLIDER-PRODUCT-bqbzy894 .grid-product--title { font-family: 'Roboto Condensed', sans-serif; font-weight: bold; font-size: 15px; color: var(--color_04); min-height: 23.572499999999998px; } #SLIDER-PRODUCT-bqbzy894 .grid-product--price { margin-top: 5px; margin-bottom: 5px; } #SLIDER-PRODUCT-bqbzy894 .grid-product--retail-price, #SLIDER-PRODUCT-bqbzy894 .grid-product--selling-price { font-family: 'Roboto Condensed', sans-serif; font-weight: bold; font-size: 16px; color: #1844df; margin: 0 0px; } #SLIDER-PRODUCT-bqbzy894 .grid-product--origin-price { font-weight: bold; font-size: 16px; color: var(--color_24); margin: 0 0px; } #SLIDER-PRODUCT-bqbzy894 .grid-product--discount { padding: 0px 0px; background: #eb1e1e00; border-radius: 0px; font: ; color: var(--color_24); font-family: ; font-size: 15px; font-weight: ; font-style: ; text-decoration: ; } #SLIDER-PRODUCT-bqbzy894 .grid-product--wholesale-price { } #SLIDER-PRODUCT-bqbzy894 .grid-product--total-sold { font-size: 14px; color: rgba(28, 37, 54, 1); } #SLIDER-PRODUCT-bqbzy894 .grid-product--btn-add-cart { background-color: #ffff21ff; border-width: 1px; border-style: solid; border-radius: 18px; font-weight: bold; color: var(--color_04); font-size: 16px; margin: auto 0px 5px 0px; padding: 5px 9px; letter-spacing: 1px; line-height: 1; } #SLIDER-PRODUCT-bqbzy894 .grid-product--btn-add-cart:hover { color: #2b057c; background-color: #ffff21ff; } #SLIDER-PRODUCT-bqbzy894 .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: column; padding: 0.6px 0px 0px 0px; display: ; } #SLIDER-PRODUCT-bqbzy894 .product--ribbon { border-radius: 0px; background: rgba(0, 0, 0, 1); border-color: rgba(0, 0, 0, 1); border-width: 0px; background-size: cover; background-attachment: scroll; background-position-x: center; background-position-y: center; background-repeat: no-repeat; filter: ; } #PRODUCT-OVERLAY-c5u256xp { width: 100%; height: 100%; grid-template-columns: 1fr; grid-template-rows: minmax(0px, 1fr); column-gap: 0px; row-gap: 0px; } #PRODUCT-OVERLAY-4agn0ogg { width: 100%; height: 100%; grid-template-columns: 1fr; grid-template-rows: minmax(0px, 1fr); column-gap: 0px; row-gap: 0px; } #PRODUCT-OVERLAY-mh0qaegz { width: 100%; height: 100%; grid-template-columns: 1fr; grid-template-rows: minmax(0px, 1fr); column-gap: 0px; row-gap: 0px; display: none; } #CONTAINER-rwy7d6bm { --bg: var(--color_00); background: var(--color_00); border-color: #000000ff; border-radius: 8px 8px 8px 8px; --width: 40px;align-self: end;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;grid-template-columns: 1fr;grid-template-rows: minmax(40px, max-content);height: 40px;justify-self: end;margin-bottom: 14px;margin-right: 14px;width: 40px; border: #000000ff; } #RECT-up12i26a { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: 24px; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 60%; } #RECT-up12i26a .x-rect { --width: 60%; background: #000000ff; border-color: #000000ff; height: 100%; width: 100%; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9ImN1cnJlbnRDb2xvciIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsNTZDNDgsNTYsMTYsMTI4LDE2LDEyOHMzMiw3MiwxMTIsNzIsMTEyLTcyLDExMi03MlMyMDgsNTYsMTI4LDU2Wm0wLDExMmE0MCw0MCwwLDEsMSw0MC00MEE0MCw0MCwwLDAsMSwxMjgsMTY4WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTI0Ny4zMSwxMjQuNzZjLS4zNS0uNzktOC44Mi0xOS41OC0yNy42NS0zOC40MUMxOTQuNTcsNjEuMjYsMTYyLjg4LDQ4LDEyOCw0OFM2MS40Myw2MS4yNiwzNi4zNCw4Ni4zNUMxNy41MSwxMDUuMTgsOSwxMjQsOC42OSwxMjQuNzZhOCw4LDAsMCwwLDAsNi41Yy4zNS43OSw4LjgyLDE5LjU3LDI3LjY1LDM4LjRDNjEuNDMsMTk0Ljc0LDkzLjEyLDIwOCwxMjgsMjA4czY2LjU3LTEzLjI2LDkxLjY2LTM4LjM0YzE4LjgzLTE4LjgzLDI3LjMtMzcuNjEsMjcuNjUtMzguNEE4LDgsMCwwLDAsMjQ3LjMxLDEyNC43NlpNMTI4LDE5MmMtMzAuNzgsMC01Ny42Ny0xMS4xOS03OS45My0zMy4yNUExMzMuNDcsMTMzLjQ3LDAsMCwxLDI1LDEyOCwxMzMuMzMsMTMzLjMzLDAsMCwxLDQ4LjA3LDk3LjI1QzcwLjMzLDc1LjE5LDk3LjIyLDY0LDEyOCw2NHM1Ny42NywxMS4xOSw3OS45MywzMy4yNUExMzMuNDYsMTMzLjQ2LDAsMCwxLDIzMS4wNSwxMjhDMjIzLjg0LDE0MS40NiwxOTIuNDMsMTkyLDEyOCwxOTJabTAtMTEyYTQ4LDQ4LDAsMSwwLDQ4LDQ4QTQ4LjA1LDQ4LjA1LDAsMCwwLDEyOCw4MFptMCw4MGEzMiwzMiwwLDEsMSwzMi0zMkEzMiwzMiwwLDAsMSwxMjgsMTYwWiI+PC9wYXRoPjwvc3ZnPg==); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; border: ; background: var(--active-color, #000000ff); } #RECT-up12i26a::before { content: ""; border-color: #000000ff; border-style: ; border-width: ; border-radius: inherit; border: ; height: 100%; width: 100%; position: absolute; top: 0; left: 0; box-sizing: border-box; } #EMPTY-PRODUCT-LAYOUT-rh2lcq7u { background: #ffffff; width: 100%; height: auto; grid-template-columns: 1fr; grid-template-rows: minmax(160px, 1fr) minmax(0px, max-content) minmax(0px, max-content); max-height: var(--viewport-height, 100vh); } #IMAGE-qlyks69a { align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: 160px; justify-self: center; margin-left: calc(0% * 2); margin-top: 0px; width: 160px; } #IMAGE-qlyks69a picture { --width: 160px; border-color: #000000ff; height: 100%; width: 100%; } #IMAGE-qlyks69a img { object-fit: cover; } [id^="TEXT-d5fw2sii"], .--clone-TEXT-d5fw2sii { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: center; margin-bottom: calc(0.90625px * 2); margin-right: calc(1.1770833333333333% * 2); width: 60%; } [id^="TEXT-d5fw2sii"] .x-text, [id^="TEXT-d5fw2sii"] .x-text a, .--clone-TEXT-d5fw2sii .x-text, .--clone-TEXT-d5fw2sii .x-text a { --width: 60%; -webkit-text-stroke: 0px #25282A; color: #25282A; font: var(--font_6); font-size: 16.0px; height: 100%; text-align: center; width: 100%; color: var(--active-color, #25282A); } [id^="TEXT-d5fw2sii"] .x-text:hover, .--clone-TEXT-d5fw2sii .x-text:hover, [id^="TEXT-d5fw2sii"] a:hover, .--clone-TEXT-d5fw2sii a:hover { } [id^="TEXT-r7lddriy"], .--clone-TEXT-r7lddriy { align-self: end; grid-column-end: 2; grid-column-start: 1; grid-row-end: 4; grid-row-start: 3; height: auto; justify-self: center; margin-bottom: 0px; margin-left: calc(0% * 2); width: 60%; } [id^="TEXT-r7lddriy"] .x-text, [id^="TEXT-r7lddriy"] .x-text a, .--clone-TEXT-r7lddriy .x-text, .--clone-TEXT-r7lddriy .x-text a { --width: 60%; -webkit-text-stroke: 0px #000000ff; color: #43484C; font: var(--font_6); font-size: 14.0px; height: 100%; text-align: center; width: 100%; color: var(--active-color, #43484C); } [id^="TEXT-r7lddriy"] .x-text:hover, .--clone-TEXT-r7lddriy .x-text:hover, [id^="TEXT-r7lddriy"] a:hover, .--clone-TEXT-r7lddriy a:hover { } #SECTION-985fgot9 { height: auto; grid-template-columns: 5px 1fr 5px; grid-template-rows: minmax(5px, max-content) minmax(50px, max-content) minmax(5px, max-content); column-gap: 0px; row-gap: 0px; transition: opacity 0.3s ease, visibility 0.3s ease; } #SECTION-985fgot9 .x-section-background { background: var(--color_04); --height: 60; --bg: var(--color_04); } #SECTION-985fgot9 .x-section-video-background { } #SECTION-985fgot9 .video { display: none; } #SECTION-985fgot9 .video-bp2 { overflow: hidden; width: 100%; height: 100%; display: block; } #SECTION-985fgot9 .overlay { background-repeat: repeat; background-size: auto; background-image: url(https://content.pancake.vn/1/s500x500/fwebp0/8b/0d/92/ec/476f1ae84ad2a536d7f31a095c8fdb60c15e77437f9b1acd2c8e7a89.webp); background-position: center; } #RECT-9x5rarzb { align-self: start; grid-column-end: 3; grid-column-start: 2; grid-row-end: 3; grid-row-start: 2; height: 50px; justify-self: start; margin-left: -0.6605019815059445%; margin-top: -0.00390625px; width: 101.1889035667107%; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25); } #RECT-9x5rarzb .x-rect { --width: 101.1889035667107%; background: #EEF2FE; border-color: #000000ff; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25); height: 100%; width: 100%; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9ImN1cnJlbnRDb2xvciIvPjwvc3ZnPg==); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; border: ; background: var(--active-color, #EEF2FE); } #RECT-9x5rarzb::before { content: ""; border-color: #000000ff; border-style: ; border-width: ; border-radius: inherit; border: ; height: 100%; width: 100%; position: absolute; top: 0; left: 0; box-sizing: border-box; } [id^="TEXT-f218v7hf"], .--clone-TEXT-f218v7hf { align-self: start; grid-column-end: 3; grid-column-start: 2; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: end; margin-right: -0.01521389735082009%; margin-top: 8px; width: 100.01624593169691%; } [id^="TEXT-f218v7hf"] .x-text, [id^="TEXT-f218v7hf"] .x-text a, .--clone-TEXT-f218v7hf .x-text, .--clone-TEXT-f218v7hf .x-text a { --width: 100.01624593169691%; -webkit-text-stroke: 0px #000000ff; background: #EEF2FE; color: var(--font_color_1); font: var(--font_1); font-size: 18.0px; height: 100%; line-height: 2; text-align: center; width: 100%; color: var(--active-color, var(--font_color_1)); } [id^="TEXT-f218v7hf"] .x-text:hover, .--clone-TEXT-f218v7hf .x-text:hover, [id^="TEXT-f218v7hf"] a:hover, .--clone-TEXT-f218v7hf a:hover { } #SECTION-yg7x98e5 { height: auto; grid-template-columns: 5px 1fr 5px; grid-template-rows: minmax(250px, max-content); column-gap: 0px; row-gap: 0px; transition: opacity 0.3s ease, visibility 0.3s ease; } #SECTION-yg7x98e5 .x-section-background { background: #EEF2FE; --height: 250; --bg: #EEF2FE; } #SECTION-yg7x98e5 .x-section-video-background { } #SECTION-yg7x98e5 .video { display: none; } #SECTION-yg7x98e5 .video-bp2 { overflow: hidden; width: 100%; height: 100%; display: block; } #CAROUSEL-qu5u5n3k { --width: 100%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 2;grid-row-start: 1;grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-template-rows: minmax(250px, max-content);height: auto;justify-self: stretch;margin-left: 0%;margin-right: 0%;margin-top: 0px;width: auto; } #CAROUSEL-qu5u5n3k .x-carousel-wrapper { border-color: #000000ff; width: calc(1992.6000000000001px + 0px); grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-rows: minmax(250px, max-content); display: grid; column-gap: 0px; transition: left 180ms ease-in-out; will-change: left; } #CAROUSEL-qu5u5n3k .x-carousel-wrapper > *{ overflow: hidden; } #CAROUSEL-qu5u5n3k .x-arrow { width: 40px; height: 40px; } #CAROUSEL-qu5u5n3k .x-arrow-left { left: 5px; transform: scaleX(-1) scale(1) translate(0,-50%); } #CAROUSEL-qu5u5n3k .x-arrow-right { right: 5px; } #CAROUSEL-qu5u5n3k .x-carousel .x-arrow img, #CAROUSEL-qu5u5n3k .x-carousel .x-arrow svg, #CAROUSEL-qu5u5n3k .x-carousel .x-arrow path { fill: #FFFFFF; width: 100%; height: 100%; } #IMAGE-bzmkm0x5 { align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: center; margin-bottom: calc(0px * 2); margin-left: calc(0px * 2); width: 200px; } #IMAGE-bzmkm0x5 picture { --width: 200px; height: 100%; width: 100%; } #IMAGE-bzmkm0x5 img { object-fit: cover; } #IMAGE-opsptixz { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: center; margin-left: calc(0px * 2); margin-top: calc(0px * 2); width: 200px; } #IMAGE-opsptixz picture { --width: 200px; height: 100%; width: 100%; } #IMAGE-opsptixz img { object-fit: cover; } #IMAGE-c12keql1 { align-self: center; grid-column-end: 4; grid-column-start: 3; grid-row-end: 2; grid-row-start: 1; height: 200.37677001953125px; justify-self: center; margin-left: calc(0.2048687405056171px * 2); margin-top: calc(0.188385009765625px * 2); width: 200.00001525878903px; } #IMAGE-c12keql1 picture { --width: 200.00001525878903px; border-color: #000000ff; height: 100%; width: 100%; } #IMAGE-c12keql1 img { object-fit: cover; } #IMAGE-z383wl0b { align-self: center; grid-column-end: 5; grid-column-start: 4; grid-row-end: 2; grid-row-start: 1; height: 200px; justify-self: center; margin-left: calc(0.16579468325789798% * 2); margin-top: calc(0px * 2); width: 200.9140625px; } #IMAGE-z383wl0b picture { --width: 200.9140625px; height: 100%; width: 100%; } #IMAGE-z383wl0b img { object-fit: cover; } #IMAGE-6e2c6gvh { align-self: center; grid-column-end: 6; grid-column-start: 5; grid-row-end: 2; grid-row-start: 1; height: 199.953125px; justify-self: center; margin-bottom: calc(0.0234375px * 2); margin-left: calc(0.2105890433096536% * 2); width: 200.828125px; } #IMAGE-6e2c6gvh picture { --width: 200.828125px; height: 100%; width: 100%; } #IMAGE-6e2c6gvh img { object-fit: cover; } #IMAGE-5ut2l3rl { align-self: center; grid-column-end: 7; grid-column-start: 6; grid-row-end: 2; grid-row-start: 1; height: 199.953125px; justify-self: center; margin-bottom: calc(0.0234375px * 2); margin-left: calc(0.5337952488687783% * 2); width: 200.828125px; } #IMAGE-5ut2l3rl picture { --width: 200.828125px; border-color: #000000ff; height: 100%; width: 100%; } #IMAGE-5ut2l3rl img { object-fit: cover; } #IMAGE-hmud0be4 { align-self: center; grid-column-end: 8; grid-column-start: 7; grid-row-end: 2; grid-row-start: 1; height: 199.953125px; justify-self: center; margin-bottom: calc(0.0234375px * 2); margin-left: calc(0.48713235294113527% * 2); width: 200.828125px; } #IMAGE-hmud0be4 picture { --width: 200.828125px; height: 100%; width: 100%; } #IMAGE-hmud0be4 img { object-fit: cover; } #IMAGE-4ybus005 { align-self: center; grid-column-end: 9; grid-column-start: 8; grid-row-end: 2; grid-row-start: 1; height: 199.953125px; justify-self: center; margin-bottom: calc(0.0234375px * 2); margin-right: calc(0.5526489441930962% * 2); width: 200.828125px; } #IMAGE-4ybus005 picture { --width: 200.828125px; height: 100%; width: 100%; } #IMAGE-4ybus005 img { object-fit: cover; } #IMAGE-dqij1bqw { align-self: center; grid-column-end: 10; grid-column-start: 9; grid-row-end: 2; grid-row-start: 1; height: 199.953125px; justify-self: center; margin-bottom: calc(0.0234375px * 2); margin-right: calc(0.2745569381599479% * 2); width: 200.828125px; } #IMAGE-dqij1bqw picture { --width: 200.828125px; height: 100%; width: 100%; } #IMAGE-dqij1bqw img { object-fit: cover; } #SECTION-pdtqq02c { height: auto; grid-template-columns: 1fr 243px 210px 240px 285px 1fr; grid-template-rows: minmax(10px, max-content) minmax(283px, max-content) minmax(10px, max-content); column-gap: 0px; row-gap: 0px; --box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25); transition: opacity 0.3s ease, visibility 0.3s ease; } #SECTION-pdtqq02c .x-section-background { background: #EEF2FE63; --height: 303; --bg: #EEF2FE63; } #SECTION-pdtqq02c .x-section-video-background { } #SECTION-pdtqq02c .video { display: none; } #SECTION-pdtqq02c .video-bp2 { overflow: hidden; width: 100%; height: 100%; display: block; } #CONTAINER-v8f91ca0 { --bg: #e8eaed00; background: #e8eaed00; border-color: #000000ff; --width: 100.2479608741419%;align-self: end;grid-column-end: 6;grid-column-start: 5;grid-row-end: 3;grid-row-start: 2;grid-template-columns: 0.223fr 1.777fr;grid-template-rows: minmax(42.249088271996264px, max-content) minmax(13.202840084998831px, max-content) minmax(22.44719488199704px, max-content) minmax(48.848141576996646px, max-content) minmax(28.16605884799751px, max-content) minmax(116.18499274798972px, max-content);height: 271px;justify-self: start;margin-bottom: 1.010406494140625px;margin-left: -0.18029999314692985%;width: 100.2479608741419%; border: #000000ff; } #CONTAINER-nu2l74l0 { --bg: #e8eaed00; background: #e8eaed00; border-color: #000000ff; --width: 100.01350106283128%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;grid-template-columns: 10px 31px 0.989fr 10px;grid-template-rows: minmax(12.00016563832871px, max-content) minmax(30.000414095821775px, max-content) minmax(13.000179441522768px, max-content) minmax(30.000414095821775px, max-content) minmax(30.000414095821775px, max-content) minmax(30.000414095821775px, max-content) minmax(30.000414095821775px, max-content) minmax(30.000414095821775px, max-content) minmax(30.000414095821775px, max-content) minmax(30.000414095821775px, max-content) minmax(8.000110425552473px, max-content);height: 282.99481201171875px;justify-self: end;margin-right: -0.013501062831272084%;margin-top: -0.0034755468368530273px;width: 100.01350106283128%; border: #000000ff; } [id^="TEXT-tjmurqvs"], .--clone-TEXT-tjmurqvs { align-self: center; grid-column-end: 4; grid-column-start: 3; grid-row-end: 5; grid-row-start: 4; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 100%; } [id^="TEXT-tjmurqvs"] .x-text, [id^="TEXT-tjmurqvs"] .x-text a, .--clone-TEXT-tjmurqvs .x-text, .--clone-TEXT-tjmurqvs .x-text a { --width: 100%; -webkit-text-stroke: 0px #000000ff; color: var(--font_color_7); font: var(--font_7); font-family: 'Roboto Condensed', sans-serif; font-size: 18.0px; height: 100%; line-height: 1.4; width: 100%; color: var(--active-color, var(--font_color_7)); } [id^="TEXT-tjmurqvs"] .x-text:hover, .--clone-TEXT-tjmurqvs .x-text:hover, [id^="TEXT-tjmurqvs"] a:hover, .--clone-TEXT-tjmurqvs a:hover { } [id^="TEXT-y37w74v3"], .--clone-TEXT-y37w74v3 { align-self: center; grid-column-end: 4; grid-column-start: 3; grid-row-end: 6; grid-row-start: 5; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 100%; } [id^="TEXT-y37w74v3"] .x-text, [id^="TEXT-y37w74v3"] .x-text a, .--clone-TEXT-y37w74v3 .x-text, .--clone-TEXT-y37w74v3 .x-text a { --width: 100%; -webkit-text-stroke: 0px #000000ff; color: var(--font_color_7); font: var(--font_7); font-family: 'Roboto Condensed', sans-serif; font-size: 18.0px; height: 100%; line-height: 1.4; width: 100%; color: var(--active-color, var(--font_color_7)); } [id^="TEXT-y37w74v3"] .x-text:hover, .--clone-TEXT-y37w74v3 .x-text:hover, [id^="TEXT-y37w74v3"] a:hover, .--clone-TEXT-y37w74v3 a:hover { } [id^="TEXT-8rog7zwa"], .--clone-TEXT-8rog7zwa { align-self: center; grid-column-end: 5; grid-column-start: 3; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: stretch; margin-bottom: calc(0.20660400390625px * 2); margin-left: 0.4351686702545032%; margin-right: 3.842941173819975%; width: auto; } [id^="TEXT-8rog7zwa"] .x-text, [id^="TEXT-8rog7zwa"] .x-text a, .--clone-TEXT-8rog7zwa .x-text, .--clone-TEXT-8rog7zwa .x-text a { --width: 95.72189015592552%; -webkit-text-stroke: 0px #000000ff; color: var(--color_03); font: var(--font_4); font-size: 16.0px; height: 100%; letter-spacing: 1.1px; line-height: 1.6; text-transform: uppercase; width: 100%; color: var(--active-color, var(--color_03)); } [id^="TEXT-8rog7zwa"] .x-text:hover, .--clone-TEXT-8rog7zwa .x-text:hover, [id^="TEXT-8rog7zwa"] a:hover, .--clone-TEXT-8rog7zwa a:hover { } #RECT-fh6n2t60 { align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 5; grid-row-start: 4; height: 6.3px; justify-self: start; margin-left: 0%; margin-top: calc(0px * 2); width: 6px; } #RECT-fh6n2t60 .x-rect { --width: 6px; background: #4c4c4c; border-color: #000000ff; height: 100%; width: 100%; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIHJ4PSI1MCIgZmlsbD0iY3VycmVudENvbG9yIi8+PC9zdmc+); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; border: ; background: var(--active-color, #4c4c4c); } #RECT-fh6n2t60::before { content: ""; border-color: #000000ff; border-style: ; border-width: ; border-radius: inherit; border: ; height: 100%; width: 100%; position: absolute; top: 0; left: 0; box-sizing: border-box; } #LINE-0ph8d5rh { --width: 99.91280396060166%;align-self: end;grid-column-end: 4;grid-column-start: 2;grid-row-end: 4;grid-row-start: 3;height: auto;justify-self: end;margin-bottom: 2.4131875038146973px;margin-right: -0.36450710771310385%;width: 99.91280396060166%; height: auto; } #LINE-0ph8d5rh .line-container { border-color: #ececec; border-style: solid; border-width: 2.0px; } #RECT-93godkbm { align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 6; grid-row-start: 5; height: 6.300000190734863px; justify-self: start; margin-left: 0%; margin-top: calc(0px * 2); width: 6px; } #RECT-93godkbm .x-rect { --width: 6px; background: #4c4c4c; border-color: #000000ff; height: 100%; width: 100%; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIHJ4PSI1MCIgZmlsbD0iY3VycmVudENvbG9yIi8+PC9zdmc+); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; border: ; background: var(--active-color, #4c4c4c); } #RECT-93godkbm::before { content: ""; border-color: #000000ff; border-style: ; border-width: ; border-radius: inherit; border: ; height: 100%; width: 100%; position: absolute; top: 0; left: 0; box-sizing: border-box; } [id^="TEXT-or6wm8fc"], .--clone-TEXT-or6wm8fc { align-self: center; grid-column-end: 4; grid-column-start: 3; grid-row-end: 7; grid-row-start: 6; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 100%; } [id^="TEXT-or6wm8fc"] .x-text, [id^="TEXT-or6wm8fc"] .x-text a, .--clone-TEXT-or6wm8fc .x-text, .--clone-TEXT-or6wm8fc .x-text a { --width: 100%; -webkit-text-stroke: 0px #000000ff; color: var(--font_color_7); font: var(--font_7); font-family: 'Roboto Condensed', sans-serif; font-size: 18.0px; height: 100%; line-height: 1.4; width: 100%; color: var(--active-color, var(--font_color_7)); } [id^="TEXT-or6wm8fc"] .x-text:hover, .--clone-TEXT-or6wm8fc .x-text:hover, [id^="TEXT-or6wm8fc"] a:hover, .--clone-TEXT-or6wm8fc a:hover { } #RECT-j9r87m1f { align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 7; grid-row-start: 6; height: 6.300000190734863px; justify-self: start; margin-left: 0%; margin-top: calc(0px * 2); width: 6px; } #RECT-j9r87m1f .x-rect { --width: 6px; background: #4c4c4c; border-color: #000000ff; height: 100%; width: 100%; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIHJ4PSI1MCIgZmlsbD0iY3VycmVudENvbG9yIi8+PC9zdmc+); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; border: ; background: var(--active-color, #4c4c4c); } #RECT-j9r87m1f::before { content: ""; border-color: #000000ff; border-style: ; border-width: ; border-radius: inherit; border: ; height: 100%; width: 100%; position: absolute; top: 0; left: 0; box-sizing: border-box; } [id^="TEXT-oaqsj8sh"], .--clone-TEXT-oaqsj8sh { align-self: center; grid-column-end: 4; grid-column-start: 3; grid-row-end: 8; grid-row-start: 7; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 100%; } [id^="TEXT-oaqsj8sh"] .x-text, [id^="TEXT-oaqsj8sh"] .x-text a, .--clone-TEXT-oaqsj8sh .x-text, .--clone-TEXT-oaqsj8sh .x-text a { --width: 100%; -webkit-text-stroke: 0px #000000ff; color: var(--font_color_7); font: var(--font_7); font-family: 'Roboto Condensed', sans-serif; font-size: 18.0px; height: 100%; line-height: 1.4; width: 100%; color: var(--active-color, var(--font_color_7)); } [id^="TEXT-oaqsj8sh"] .x-text:hover, .--clone-TEXT-oaqsj8sh .x-text:hover, [id^="TEXT-oaqsj8sh"] a:hover, .--clone-TEXT-oaqsj8sh a:hover { } #RECT-fiodtksu { align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 8; grid-row-start: 7; height: 6.300000190734863px; justify-self: start; margin-left: 0%; margin-top: calc(0px * 2); width: 6px; } #RECT-fiodtksu .x-rect { --width: 6px; background: #4c4c4c; border-color: #000000ff; height: 100%; width: 100%; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIHJ4PSI1MCIgZmlsbD0iY3VycmVudENvbG9yIi8+PC9zdmc+); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; border: ; background: var(--active-color, #4c4c4c); } #RECT-fiodtksu::before { content: ""; border-color: #000000ff; border-style: ; border-width: ; border-radius: inherit; border: ; height: 100%; width: 100%; position: absolute; top: 0; left: 0; box-sizing: border-box; } [id^="TEXT-0aicbi0o"], .--clone-TEXT-0aicbi0o { align-self: center; grid-column-end: 4; grid-column-start: 3; grid-row-end: 9; grid-row-start: 8; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 100%; } [id^="TEXT-0aicbi0o"] .x-text, [id^="TEXT-0aicbi0o"] .x-text a, .--clone-TEXT-0aicbi0o .x-text, .--clone-TEXT-0aicbi0o .x-text a { --width: 100%; -webkit-text-stroke: 0px #000000ff; color: var(--font_color_7); font: var(--font_7); font-family: 'Roboto Condensed', sans-serif; font-size: 18.0px; height: 100%; line-height: 1.4; width: 100%; color: var(--active-color, var(--font_color_7)); } [id^="TEXT-0aicbi0o"] .x-text:hover, .--clone-TEXT-0aicbi0o .x-text:hover, [id^="TEXT-0aicbi0o"] a:hover, .--clone-TEXT-0aicbi0o a:hover { } #RECT-nsq1o46b { align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 9; grid-row-start: 8; height: 6.300000190734863px; justify-self: start; margin-left: 0%; margin-top: calc(0px * 2); width: 6px; } #RECT-nsq1o46b .x-rect { --width: 6px; background: #4c4c4c; border-color: #000000ff; height: 100%; width: 100%; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIHJ4PSI1MCIgZmlsbD0iY3VycmVudENvbG9yIi8+PC9zdmc+); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; border: ; background: var(--active-color, #4c4c4c); } #RECT-nsq1o46b::before { content: ""; border-color: #000000ff; border-style: ; border-width: ; border-radius: inherit; border: ; height: 100%; width: 100%; position: absolute; top: 0; left: 0; box-sizing: border-box; } [id^="TEXT-vf984sf6"], .--clone-TEXT-vf984sf6 { align-self: center; grid-column-end: 4; grid-column-start: 3; grid-row-end: 10; grid-row-start: 9; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 100%; } [id^="TEXT-vf984sf6"] .x-text, [id^="TEXT-vf984sf6"] .x-text a, .--clone-TEXT-vf984sf6 .x-text, .--clone-TEXT-vf984sf6 .x-text a { --width: 100%; -webkit-text-stroke: 0px #000000ff; color: var(--font_color_7); font: var(--font_7); font-family: 'Roboto Condensed', sans-serif; font-size: 18.0px; height: 100%; line-height: 1.4; width: 100%; color: var(--active-color, var(--font_color_7)); } [id^="TEXT-vf984sf6"] .x-text:hover, .--clone-TEXT-vf984sf6 .x-text:hover, [id^="TEXT-vf984sf6"] a:hover, .--clone-TEXT-vf984sf6 a:hover { } #RECT-9jwdv77q { align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 10; grid-row-start: 9; height: 6.300000190734863px; justify-self: start; margin-left: 0%; margin-top: calc(0px * 2); width: 6px; } #RECT-9jwdv77q .x-rect { --width: 6px; background: #4c4c4c; border-color: #000000ff; height: 100%; width: 100%; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIHJ4PSI1MCIgZmlsbD0iY3VycmVudENvbG9yIi8+PC9zdmc+); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; border: ; background: var(--active-color, #4c4c4c); } #RECT-9jwdv77q::before { content: ""; border-color: #000000ff; border-style: ; border-width: ; border-radius: inherit; border: ; height: 100%; width: 100%; position: absolute; top: 0; left: 0; box-sizing: border-box; } [id^="TEXT-moogd1z3"], .--clone-TEXT-moogd1z3 { align-self: center; grid-column-end: 4; grid-column-start: 3; grid-row-end: 11; grid-row-start: 10; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 100%; } [id^="TEXT-moogd1z3"] .x-text, [id^="TEXT-moogd1z3"] .x-text a, .--clone-TEXT-moogd1z3 .x-text, .--clone-TEXT-moogd1z3 .x-text a { --width: 100%; -webkit-text-stroke: 0px #000000ff; color: var(--font_color_7); font: var(--font_7); font-family: 'Roboto Condensed', sans-serif; font-size: 18.0px; height: 100%; line-height: 1.4; width: 100%; color: var(--active-color, var(--font_color_7)); } [id^="TEXT-moogd1z3"] .x-text:hover, .--clone-TEXT-moogd1z3 .x-text:hover, [id^="TEXT-moogd1z3"] a:hover, .--clone-TEXT-moogd1z3 a:hover { } #RECT-lwtfuu82 { align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 11; grid-row-start: 10; height: 6.300000190734863px; justify-self: start; margin-left: 0%; margin-top: calc(0px * 2); width: 6px; } #RECT-lwtfuu82 .x-rect { --width: 6px; background: #4c4c4c; border-color: #000000ff; height: 100%; width: 100%; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIHJ4PSI1MCIgZmlsbD0iY3VycmVudENvbG9yIi8+PC9zdmc+); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; border: ; background: var(--active-color, #4c4c4c); } #RECT-lwtfuu82::before { content: ""; border-color: #000000ff; border-style: ; border-width: ; border-radius: inherit; border: ; height: 100%; width: 100%; position: absolute; top: 0; left: 0; box-sizing: border-box; } #CONTAINER-zrce1fol { --bg: #e8eaed00; background: #e8eaed00; border-color: #000000ff; --width: 100.0673620066234%;align-self: start;grid-column-end: 5;grid-column-start: 4;grid-row-end: 3;grid-row-start: 2;grid-template-columns: 7px 30px 1.011fr 10px;grid-template-rows: minmax(12.440016489925512px, max-content) minmax(31.10004122481378px, max-content) minmax(22.508474756816465px, max-content) minmax(33.08690101207904px, max-content) minmax(66px, max-content) minmax(33px, max-content);height: 198px;justify-self: end;margin-right: -0.06220131048519645%;margin-top: -0.00347900390625px;width: 100.0673620066234%; border: #000000ff; } [id^="TEXT-obmf8b7g"], .--clone-TEXT-obmf8b7g { align-self: start; grid-column-end: 4; grid-column-start: 3; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: start; margin-left: -8.296040655339805e-4%; margin-top: 0.986114501953125px; width: 96.78398798970342%; } [id^="TEXT-obmf8b7g"] .x-text, [id^="TEXT-obmf8b7g"] .x-text a, .--clone-TEXT-obmf8b7g .x-text, .--clone-TEXT-obmf8b7g .x-text a { --width: 96.78398798970342%; -webkit-text-stroke: 0px #000000ff; color: var(--color_03); font: var(--font_4); font-size: 16.0px; height: 100%; letter-spacing: 1.1px; line-height: 1.6; text-transform: uppercase; width: 100%; color: var(--active-color, var(--color_03)); } [id^="TEXT-obmf8b7g"] .x-text:hover, .--clone-TEXT-obmf8b7g .x-text:hover, [id^="TEXT-obmf8b7g"] a:hover, .--clone-TEXT-obmf8b7g a:hover { } #LINE-tb96tllp { --width: 95.91455418664498%;align-self: start;grid-column-end: 5;grid-column-start: 2;grid-row-end: 4;grid-row-start: 3;height: auto;justify-self: start;margin-left: 0.42694633099142576%;margin-top: 4.92535400390625px;width: 95.91455418664498%; height: auto; } #LINE-tb96tllp .line-container { border-color: #ececec; border-style: solid; border-width: 2.0px; } [id^="TEXT-qtqnhpfv"], .--clone-TEXT-qtqnhpfv { align-self: start; grid-column-end: 4; grid-column-start: 3; grid-row-end: 6; grid-row-start: 4; height: auto; justify-self: end; margin-right: -0.27219487113372837%; margin-top: -0.036468505859375px; width: 100.27302447519926%; } [id^="TEXT-qtqnhpfv"] .x-text, [id^="TEXT-qtqnhpfv"] .x-text a, .--clone-TEXT-qtqnhpfv .x-text, .--clone-TEXT-qtqnhpfv .x-text a { --width: 100.27302447519926%; -webkit-text-stroke: 0px #000000ff; color: var(--font_color_7); font: var(--font_7); font-family: 'Roboto Condensed', sans-serif; font-size: 14.0px; height: 100%; line-height: 1.5; width: 100%; color: var(--active-color, var(--font_color_7)); } [id^="TEXT-qtqnhpfv"] .x-text:hover, .--clone-TEXT-qtqnhpfv .x-text:hover, [id^="TEXT-qtqnhpfv"] a:hover, .--clone-TEXT-qtqnhpfv a:hover { } #IMAGE-wewqoxbv { align-self: start; grid-column-end: 3; grid-column-start: 2; grid-row-end: 3; grid-row-start: 2; height: 23.18402099609375px; justify-self: start; margin-left: 4.24212668051568%; margin-top: 12.375px; width: 23.18402099609375px; } #IMAGE-wewqoxbv picture { --width: 23.18402099609375px; border-color: #000000ff; height: 100%; width: 100%; } #IMAGE-wewqoxbv img { object-fit: cover; } #CONTAINER-hvf4n5el { --bg: #e8eaed00; background: #e8eaed00; border-color: #000000ff; --width: 100.16770495718848%;align-self: start;grid-column-end: 4;grid-column-start: 3;grid-row-end: 3;grid-row-start: 2;grid-template-columns: 10px 31px 0.989fr 10px;grid-template-rows: minmax(11.568993185702196px, max-content) minmax(28.922482964255497px, max-content) minmax(20.932479574528188px, max-content) minmax(35.51988175083686px, max-content) minmax(29.86454621635844px, max-content) minmax(48.83983740740068px, max-content) minmax(36.63514508805696px, max-content);height: 212px;justify-self: start;margin-left: -0.2515385394494969%;margin-top: -0.00347900390625px;width: 100.16770495718848%; border: #000000ff; } [id^="TEXT-6272k9se"], .--clone-TEXT-6272k9se { align-self: start; grid-column-end: 4; grid-column-start: 3; grid-row-end: 6; grid-row-start: 4; height: auto; justify-self: end; margin-right: -0.1865871993127148%; margin-top: 0.3828125px; width: 100.1892719072165%; } [id^="TEXT-6272k9se"] .x-text, [id^="TEXT-6272k9se"] .x-text a, .--clone-TEXT-6272k9se .x-text, .--clone-TEXT-6272k9se .x-text a { --width: 100.1892719072165%; -webkit-text-stroke: 0px #000000ff; color: var(--font_color_7); font: var(--font_7); font-family: 'Roboto Condensed', sans-serif; font-size: 14.0px; height: 100%; line-height: 1.5; width: 100%; color: var(--active-color, var(--font_color_7)); } [id^="TEXT-6272k9se"] .x-text:hover, .--clone-TEXT-6272k9se .x-text:hover, [id^="TEXT-6272k9se"] a:hover, .--clone-TEXT-6272k9se a:hover { } [id^="TEXT-ctypj1s3"], .--clone-TEXT-ctypj1s3 { align-self: center; grid-column-end: 4; grid-column-start: 3; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: start; margin-left: 0.3690831308011656%; margin-top: calc(0.2882118225097656px * 2); width: 81.91873055917246%; } [id^="TEXT-ctypj1s3"] .x-text, [id^="TEXT-ctypj1s3"] .x-text a, .--clone-TEXT-ctypj1s3 .x-text, .--clone-TEXT-ctypj1s3 .x-text a { --width: 81.91873055917246%; -webkit-text-stroke: 0px #000000ff; color: var(--color_03); font: var(--font_4); font-size: 16.0px; height: 100%; letter-spacing: 1.1px; line-height: 1.6; text-transform: uppercase; width: 100%; color: var(--active-color, var(--color_03)); } [id^="TEXT-ctypj1s3"] .x-text:hover, .--clone-TEXT-ctypj1s3 .x-text:hover, [id^="TEXT-ctypj1s3"] a:hover, .--clone-TEXT-ctypj1s3 a:hover { } #LINE-3kms8td5 { --width: 94.77073631094927%;align-self: center;grid-column-end: 5;grid-column-start: 2;grid-row-end: 4;grid-row-start: 3;height: auto;justify-self: start;margin-bottom: calc(0.6883747577667236px * 2);margin-left: 0.501640178450388%;width: 94.77073631094927%; height: auto; } #LINE-3kms8td5 .line-container { border-color: #ececec; border-style: solid; border-width: 2.0px; } #CONTAINER-1c3dx0lf { --bg: #ffffff00; background: #ffffff00; border-color: #000000ff; border-radius: 0px 0px 0px 0px; --width: 179.89584350585938px;align-self: center;grid-column-end: 4;grid-column-start: 3;grid-row-end: 3;grid-row-start: 2;grid-template-columns: 1fr 1fr 1fr 1.17fr 0.83fr;grid-template-rows: minmax(34.52302885516285px, max-content);height: 35.99826431274414px;justify-self: center;margin-bottom: calc(2.6640453338623047px * 2);margin-left: calc(1.7965022754292244% * 2);width: 179.89584350585938px; border: #000000ff; } #IMAGE-ha0u51kz { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: start; margin-left: 0px; margin-top: calc(0px * 2); width: 30px; } #IMAGE-ha0u51kz picture { --width: 30px; border-color: #000000ff; height: 100%; width: 100%; } #IMAGE-ha0u51kz img { object-fit: cover; } #IMAGE-biy87lp1 { align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: start; margin-left: 0px; margin-top: calc(0px * 2); width: 30px; } #IMAGE-biy87lp1 picture { --width: 30px; border-color: #000000ff; height: 100%; width: 100%; } #IMAGE-biy87lp1 img { object-fit: cover; } #IMAGE-tmsneqw1 { align-self: center; grid-column-end: 4; grid-column-start: 3; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: start; margin-left: 0px; margin-top: calc(0px * 2); width: 30.890625px; } #IMAGE-tmsneqw1 picture { --width: 30.890625px; border-color: #000000ff; height: 100%; width: 100%; } #IMAGE-tmsneqw1 img { object-fit: cover; } #IMAGE-6loxdkrd { align-self: center; grid-column-end: 5; grid-column-start: 4; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: start; margin-left: 0px; margin-top: calc(0px * 2); width: 30px; } #IMAGE-6loxdkrd picture { --width: 30px; border-color: #000000ff; height: 100%; width: 100%; } #IMAGE-6loxdkrd img { object-fit: cover; } [id^="TEXT-ypttj8xj"], .--clone-TEXT-ypttj8xj { align-self: start; grid-column-end: 5; grid-column-start: 4; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: end; margin-right: 4.023626725211808%; margin-top: 98.1475830078125px; width: 80.16433233457342%; } [id^="TEXT-ypttj8xj"] .x-text, [id^="TEXT-ypttj8xj"] .x-text a, .--clone-TEXT-ypttj8xj .x-text, .--clone-TEXT-ypttj8xj .x-text a { --width: 80.16433233457342%; -webkit-text-stroke: 0px #000000ff; color: var(--font_color_6); font: var(--font_6); font-size: 14.0px; font-weight: 700; height: 100%; letter-spacing: 0.9px; line-height: 1.5; width: 100%; color: var(--active-color, var(--font_color_6)); } [id^="TEXT-ypttj8xj"] .x-text:hover, .--clone-TEXT-ypttj8xj .x-text:hover, [id^="TEXT-ypttj8xj"] a:hover, .--clone-TEXT-ypttj8xj a:hover { } #RECT-6zuwy3k2 { align-self: start; grid-column-end: 5; grid-column-start: 4; grid-row-end: 3; grid-row-start: 2; height: 24.03645896911621px; justify-self: start; margin-left: 6.968796730041504px; margin-top: 13.989593505859377px; width: 22.994792938232425px; } #RECT-6zuwy3k2 .x-rect { --width: 22.994792938232425px; background: var(--color_03); border-color: #000000ff; height: 100%; width: 100%; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxNDA4IDE4OTYuMDgzMyIgY2xhc3M9InBob25lIj48cGF0aCBkPSJNMTQwOCAxMjQwcTAgMjctMTAgNzAuNXQtMjEgNjguNXEtMjEgNTAtMTIyIDEwNi05NCA1MS0xODYgNTEtMjcgMC01Mi41LTMuNVQ5NTkgMTUyMHQtNDcuNS0xNC41VDg1NiAxNDg1dC00OS0xOHEtOTgtMzUtMTc1LTgzLTEyOC03OS0yNjQuNS0yMTUuNVQxNTIgOTA0cS00OC03Ny04My0xNzUtMy05LTE4LTQ5dC0yMC41LTU1LjVUMTYgNTc3IDMuNSA1MTkuNSAwIDQ2N3EwLTkyIDUxLTE4NiA1Ni0xMDEgMTA2LTEyMiAyNS0xMSA2OC41LTIxdDcwLjUtMTBxMTQgMCAyMSAzIDE4IDYgNTMgNzYgMTEgMTkgMzAgNTR0MzUgNjMuNSAzMSA1My41cTMgNCAxNy41IDI1dDIxLjUgMzUuNSA3IDI4LjVxMCAyMC0yOC41IDUwdC02MiA1NS02MiA1My0yOC41IDQ2cTAgOSA1IDIyLjV0OC41IDIwLjUgMTQgMjQgMTEuNSAxOXE3NiAxMzcgMTc0IDIzNXQyMzUgMTc0cTIgMSAxOSAxMS41dDI0IDE0IDIwLjUgOC41IDIyLjUgNXExOCAwIDQ2LTI4LjV0NTMtNjIgNTUtNjIgNTAtMjguNXExNCAwIDI4LjUgN3QzNS41IDIxLjUgMjUgMTcuNXEyNSAxNSA1My41IDMxdDYzLjUgMzUgNTQgMzBxNzAgMzUgNzYgNTMgMyA3IDMgMjF6Ij48L3BhdGg+PC9zdmc+); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; border: ; background: var(--active-color, var(--color_03)); } #RECT-6zuwy3k2::before { content: ""; border-color: #000000ff; border-style: ; border-width: ; border-radius: inherit; border: ; height: 100%; width: 100%; position: absolute; top: 0; left: 0; box-sizing: border-box; } [id^="TEXT-lv3q99ol"], .--clone-TEXT-lv3q99ol { align-self: start; grid-column-end: 6; grid-column-start: 5; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: end; margin-right: 1.4686704936780428%; margin-top: 87.38714599609375px; width: 88.62695526658443%; } [id^="TEXT-lv3q99ol"] .x-text, [id^="TEXT-lv3q99ol"] .x-text a, .--clone-TEXT-lv3q99ol .x-text, .--clone-TEXT-lv3q99ol .x-text a { --width: 88.62695526658443%; -webkit-text-stroke: 0px #000000ff; color: var(--font_color_7); font: var(--font_7); font-family: 'Roboto Condensed', sans-serif; font-size: 14.0px; font-weight: 400; height: 100%; letter-spacing: 1.2px; line-height: 1.2; text-align: left; text-decoration: initial; width: 100%; color: var(--active-color, var(--font_color_7)); } [id^="TEXT-lv3q99ol"] .x-text:hover, .--clone-TEXT-lv3q99ol .x-text:hover, [id^="TEXT-lv3q99ol"] a:hover, .--clone-TEXT-lv3q99ol a:hover { } [id^="TEXT-fwrq86dh"], .--clone-TEXT-fwrq86dh { align-self: start; grid-column-end: 6; grid-column-start: 5; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: stretch; margin-left: 11.168374722464042%; margin-right: 1.7184382572508694%; margin-top: 57.38714599609375px; width: auto; } [id^="TEXT-fwrq86dh"] .x-text, [id^="TEXT-fwrq86dh"] .x-text a, .--clone-TEXT-fwrq86dh .x-text, .--clone-TEXT-fwrq86dh .x-text a { --width: 87.11318702028508%; -webkit-text-stroke: 0px #000000ff; color: var(--font_color_7); font: var(--font_7); font-family: 'Roboto Condensed', sans-serif; font-size: 23.0px; height: 100%; letter-spacing: 3.5px; line-height: 1.1; text-align: left; width: 100%; color: var(--active-color, var(--font_color_7)); } [id^="TEXT-fwrq86dh"] .x-text:hover, .--clone-TEXT-fwrq86dh .x-text:hover, [id^="TEXT-fwrq86dh"] a:hover, .--clone-TEXT-fwrq86dh a:hover { } [id^="TEXT-pdke57hn"], .--clone-TEXT-pdke57hn { align-self: start; grid-column-end: 6; grid-column-start: 5; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: center; margin-left: calc(2.128419039542215% * 2); margin-top: 13.993072509765623px; width: 77.28740491365132%; } [id^="TEXT-pdke57hn"] .x-text, [id^="TEXT-pdke57hn"] .x-text a, .--clone-TEXT-pdke57hn .x-text, .--clone-TEXT-pdke57hn .x-text a { --width: 77.28740491365132%; -webkit-text-stroke: 0px #000000ff; color: var(--color_03); font: var(--font_4); font-size: 16.0px; height: 100%; letter-spacing: 1.1px; line-height: 1.6; text-align: left; text-transform: uppercase; width: 100%; color: var(--active-color, var(--color_03)); } [id^="TEXT-pdke57hn"] .x-text:hover, .--clone-TEXT-pdke57hn .x-text:hover, [id^="TEXT-pdke57hn"] a:hover, .--clone-TEXT-pdke57hn a:hover { } #LINE-kfnzg1lp { --width: 95.23849018833094%;align-self: start;grid-column-end: 6;grid-column-start: 5;grid-row-end: 3;grid-row-start: 2;height: auto;justify-self: end;margin-right: 0.077650505199767%;margin-top: 47.92535400390625px;width: 95.23849018833094%; height: auto; } #LINE-kfnzg1lp .line-container { border-color: #ececec; border-style: solid; border-width: 2.0px; } #RECT-urw3sjri { align-self: start; grid-column-end: 6; grid-column-start: 5; grid-row-end: 3; grid-row-start: 2; height: 26.283851921938325px; justify-self: start; margin-left: -0.017333984375px; margin-top: 12.088531494140623px; width: 28.748281478881836px; } #RECT-urw3sjri .x-rect { --width: 28.748281478881836px; background: var(--color_03); border-color: #000000ff; height: 100%; width: 100%; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgY2xhc3M9InR3aXR0ZXIiPjxwYXRoIGQ9Ik0yMi40Niw2QzIxLjY5LDYuMzUgMjAuODYsNi41OCAyMCw2LjY5QzIwLjg4LDYuMTYgMjEuNTYsNS4zMiAyMS44OCw0LjMxQzIxLjA1LDQuODEgMjAuMTMsNS4xNiAxOS4xNiw1LjM2QzE4LjM3LDQuNSAxNy4yNiw0IDE2LDRDMTMuNjUsNCAxMS43Myw1LjkyIDExLjczLDguMjlDMTEuNzMsOC42MyAxMS43Nyw4Ljk2IDExLjg0LDkuMjdDOC4yOCw5LjA5IDUuMTEsNy4zOCAzLDQuNzlDMi42Myw1LjQyIDIuNDIsNi4xNiAyLjQyLDYuOTRDMi40Miw4LjQzIDMuMTcsOS43NSA0LjMzLDEwLjVDMy42MiwxMC41IDIuOTYsMTAuMyAyLjM4LDEwQzIuMzgsMTAgMi4zOCwxMCAyLjM4LDEwLjAzQzIuMzgsMTIuMTEgMy44NiwxMy44NSA1LjgyLDE0LjI0QzUuNDYsMTQuMzQgNS4wOCwxNC4zOSA0LjY5LDE0LjM5QzQuNDIsMTQuMzkgNC4xNSwxNC4zNiAzLjg5LDE0LjMxQzQuNDMsMTYgNiwxNy4yNiA3Ljg5LDE3LjI5QzYuNDMsMTguNDUgNC41OCwxOS4xMyAyLjU2LDE5LjEzQzIuMjIsMTkuMTMgMS44OCwxOS4xMSAxLjU0LDE5LjA3QzMuNDQsMjAuMjkgNS43LDIxIDguMTIsMjFDMTYsMjEgMjAuMzMsMTQuNDYgMjAuMzMsOC43OUMyMC4zMyw4LjYgMjAuMzMsOC40MiAyMC4zMiw4LjIzQzIxLjE2LDcuNjMgMjEuODgsNi44NyAyMi40Niw2WiI+PC9wYXRoPjwvc3ZnPg==); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; border: ; background: var(--active-color, var(--color_03)); } #RECT-urw3sjri::before { content: ""; border-color: #000000ff; border-style: ; border-width: ; border-radius: inherit; border: ; height: 100%; width: 100%; position: absolute; top: 0; left: 0; box-sizing: border-box; } #IMAGE-9u24nxvw { align-self: start; grid-column-end: 4; grid-column-start: 3; grid-row-end: 3; grid-row-start: 2; height: 23.362396240234375px; justify-self: start; margin-left: 2.898187312548375%; margin-top: 12.80035400390625px; width: 23.362396240234375px; } #IMAGE-9u24nxvw picture { --width: 23.362396240234375px; border-color: #000000ff; height: 100%; width: 100%; } #IMAGE-9u24nxvw img { object-fit: cover; } #SECTION-d6uew1xf { height: auto; grid-template-columns: 5px 86px 221px 5px; grid-template-rows: minmax(10px, max-content) minmax(62px, max-content) minmax(116px, max-content) minmax(112px, max-content) minmax(10px, max-content); column-gap: 0px; row-gap: 0px; display: none; transition: opacity 0.3s ease, visibility 0.3s ease; } #SECTION-d6uew1xf .x-section-background { background: #EEF2FEc9; --height: 310; --bg: #EEF2FEc9; } #SECTION-d6uew1xf .x-section-video-background { } #SECTION-d6uew1xf .video { display: none; } #SECTION-d6uew1xf .video-bp2 { overflow: hidden; width: 100%; height: 100%; display: block; } [id^="TEXT-42k4cv7o"], .--clone-TEXT-42k4cv7o { align-self: start; grid-column-end: 5; grid-column-start: 3; grid-row-end: 5; grid-row-start: 4; height: auto; justify-self: start; margin-left: -0.0028306159420289855%; margin-top: 0px; width: 98.64271965579712%; } [id^="TEXT-42k4cv7o"] .x-text, [id^="TEXT-42k4cv7o"] .x-text a, .--clone-TEXT-42k4cv7o .x-text, .--clone-TEXT-42k4cv7o .x-text a { --width: 98.64271965579712%; -webkit-text-stroke: 0px #000000ff; color: var(--color_03); font: var(--font_4); font-size: 16.0px; height: 100%; letter-spacing: 1.1px; line-height: 1.5; text-align: center; text-transform: uppercase; width: 100%; color: var(--active-color, var(--color_03)); } [id^="TEXT-42k4cv7o"] .x-text:hover, .--clone-TEXT-42k4cv7o .x-text:hover, [id^="TEXT-42k4cv7o"] a:hover, .--clone-TEXT-42k4cv7o a:hover { } [id^="TEXT-uz3wx3j2"], .--clone-TEXT-uz3wx3j2 { align-self: start; grid-column-end: 4; grid-column-start: 3; grid-row-end: 4; grid-row-start: 3; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: 0px; width: 100%; } [id^="TEXT-uz3wx3j2"] .x-text, [id^="TEXT-uz3wx3j2"] .x-text a, .--clone-TEXT-uz3wx3j2 .x-text, .--clone-TEXT-uz3wx3j2 .x-text a { --width: 100%; -webkit-text-stroke: 0px #000000ff; color: var(--color_03); font: var(--font_4); font-size: 16.0px; height: 100%; letter-spacing: 1.1px; line-height: 1.5; text-align: center; text-transform: uppercase; width: 100%; color: var(--active-color, var(--color_03)); } [id^="TEXT-uz3wx3j2"] .x-text:hover, .--clone-TEXT-uz3wx3j2 .x-text:hover, [id^="TEXT-uz3wx3j2"] a:hover, .--clone-TEXT-uz3wx3j2 a:hover { } #RECT-c30fn7ks { align-self: start; grid-column-end: 3; grid-column-start: 2; grid-row-end: 4; grid-row-start: 3; height: 25.048192771084334px; justify-self: start; margin-left: 0%; margin-top: 0px; width: 24.679487179487168%; } #RECT-c30fn7ks .x-rect { --width: 24.679487179487168%; background: var(--color_03); border-color: #000000ff; height: 100%; width: 100%; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgY2xhc3M9InR3aXR0ZXIiPjxwYXRoIGQ9Ik0yMi40Niw2QzIxLjY5LDYuMzUgMjAuODYsNi41OCAyMCw2LjY5QzIwLjg4LDYuMTYgMjEuNTYsNS4zMiAyMS44OCw0LjMxQzIxLjA1LDQuODEgMjAuMTMsNS4xNiAxOS4xNiw1LjM2QzE4LjM3LDQuNSAxNy4yNiw0IDE2LDRDMTMuNjUsNCAxMS43Myw1LjkyIDExLjczLDguMjlDMTEuNzMsOC42MyAxMS43Nyw4Ljk2IDExLjg0LDkuMjdDOC4yOCw5LjA5IDUuMTEsNy4zOCAzLDQuNzlDMi42Myw1LjQyIDIuNDIsNi4xNiAyLjQyLDYuOTRDMi40Miw4LjQzIDMuMTcsOS43NSA0LjMzLDEwLjVDMy42MiwxMC41IDIuOTYsMTAuMyAyLjM4LDEwQzIuMzgsMTAgMi4zOCwxMCAyLjM4LDEwLjAzQzIuMzgsMTIuMTEgMy44NiwxMy44NSA1LjgyLDE0LjI0QzUuNDYsMTQuMzQgNS4wOCwxNC4zOSA0LjY5LDE0LjM5QzQuNDIsMTQuMzkgNC4xNSwxNC4zNiAzLjg5LDE0LjMxQzQuNDMsMTYgNiwxNy4yNiA3Ljg5LDE3LjI5QzYuNDMsMTguNDUgNC41OCwxOS4xMyAyLjU2LDE5LjEzQzIuMjIsMTkuMTMgMS44OCwxOS4xMSAxLjU0LDE5LjA3QzMuNDQsMjAuMjkgNS43LDIxIDguMTIsMjFDMTYsMjEgMjAuMzMsMTQuNDYgMjAuMzMsOC43OUMyMC4zMyw4LjYgMjAuMzMsOC40MiAyMC4zMiw4LjIzQzIxLjE2LDcuNjMgMjEuODgsNi44NyAyMi40Niw2WiI+PC9wYXRoPjwvc3ZnPg==); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; border: ; background: var(--active-color, var(--color_03)); } #RECT-c30fn7ks::before { content: ""; border-color: #000000ff; border-style: ; border-width: ; border-radius: inherit; border: ; height: 100%; width: 100%; position: absolute; top: 0; left: 0; box-sizing: border-box; } [id^="TEXT-eia14ovl"], .--clone-TEXT-eia14ovl { align-self: start; grid-column-end: 4; grid-column-start: 3; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: stretch; margin-left: -0.006705393366088352%; margin-right: -2.946832069462502e-14%; margin-top: 0px; width: auto; } [id^="TEXT-eia14ovl"] .x-text, [id^="TEXT-eia14ovl"] .x-text a, .--clone-TEXT-eia14ovl .x-text, .--clone-TEXT-eia14ovl .x-text a { --width: 100.00670539336612%; -webkit-text-stroke: 0px #000000ff; color: var(--font_color_7); font: var(--font_7); font-family: 'Roboto Condensed', sans-serif; font-size: 23.0px; height: 100%; letter-spacing: 3.5px; line-height: 1.5; text-align: center; width: 100%; color: var(--active-color, var(--font_color_7)); } [id^="TEXT-eia14ovl"] .x-text:hover, .--clone-TEXT-eia14ovl .x-text:hover, [id^="TEXT-eia14ovl"] a:hover, .--clone-TEXT-eia14ovl a:hover { } [id^="TEXT-jjr05e50"], .--clone-TEXT-jjr05e50 { align-self: start; grid-column-end: 4; grid-column-start: 3; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: stretch; margin-left: -0.006705393366074115%; margin-right: 0.49284641240749416%; margin-top: 28.9px; width: auto; } [id^="TEXT-jjr05e50"] .x-text, [id^="TEXT-jjr05e50"] .x-text a, .--clone-TEXT-jjr05e50 .x-text, .--clone-TEXT-jjr05e50 .x-text a { --width: 99.51385898095856%; -webkit-text-stroke: 0px #000000ff; color: var(--font_color_7); font: var(--font_7); font-family: 'Roboto Condensed', sans-serif; font-size: 14.0px; font-weight: 400; height: 100%; letter-spacing: 0.4px; line-height: 1.5; text-align: center; text-decoration: initial; width: 100%; color: var(--active-color, var(--font_color_7)); } [id^="TEXT-jjr05e50"] .x-text:hover, .--clone-TEXT-jjr05e50 .x-text:hover, [id^="TEXT-jjr05e50"] a:hover, .--clone-TEXT-jjr05e50 a:hover { } #LINE-3jct6c1w { --width: 99.84296134301874%;align-self: start;grid-column-end: 4;grid-column-start: 3;grid-row-end: 3;grid-row-start: 2;height: auto;justify-self: stretch;margin-left: -0.0032048705504891016%;margin-right: 0.16024352753174104%;margin-top: 50.5px;width: auto; height: auto; } #LINE-3jct6c1w .line-container { border-color: var(--color_00); border-style: solid; border-width: 2.0px; } [id^="TEXT-t20s3xuy"], .--clone-TEXT-t20s3xuy { align-self: start; grid-column-end: 4; grid-column-start: 3; grid-row-end: 4; grid-row-start: 3; height: auto; justify-self: stretch; margin-left: 0.5749874811418831%; margin-right: 0.5749874811420762%; margin-top: 26.1px; width: auto; } [id^="TEXT-t20s3xuy"] .x-text, [id^="TEXT-t20s3xuy"] .x-text a, .--clone-TEXT-t20s3xuy .x-text, .--clone-TEXT-t20s3xuy .x-text a { --width: 98.85002503771604%; -webkit-text-stroke: 0px #000000ff; color: var(--font_color_7); font: var(--font_7); font-family: 'Roboto Condensed', sans-serif; font-size: 14.0px; height: 100%; letter-spacing: 0px; line-height: 1.5; text-align: center; width: 100%; color: var(--active-color, var(--font_color_7)); } [id^="TEXT-t20s3xuy"] .x-text:hover, .--clone-TEXT-t20s3xuy .x-text:hover, [id^="TEXT-t20s3xuy"] a:hover, .--clone-TEXT-t20s3xuy a:hover { } [id^="TEXT-govqi4p3"], .--clone-TEXT-govqi4p3 { align-self: start; grid-column-end: 4; grid-column-start: 3; grid-row-end: 4; grid-row-start: 3; height: auto; justify-self: stretch; margin-left: -0.006705393366088352%; margin-right: 0.23468876781303968%; margin-top: 52.2421875px; width: auto; } [id^="TEXT-govqi4p3"] .x-text, [id^="TEXT-govqi4p3"] .x-text a, .--clone-TEXT-govqi4p3 .x-text, .--clone-TEXT-govqi4p3 .x-text a { --width: 99.77201662555304%; -webkit-text-stroke: 0px #000000ff; color: var(--font_color_6); font: var(--font_6); font-size: 14.0px; font-weight: 700; height: 100%; letter-spacing: 0.9px; line-height: 1.5; text-align: center; width: 100%; color: var(--active-color, var(--font_color_6)); } [id^="TEXT-govqi4p3"] .x-text:hover, .--clone-TEXT-govqi4p3 .x-text:hover, [id^="TEXT-govqi4p3"] a:hover, .--clone-TEXT-govqi4p3 a:hover { } #IMAGE-7mkuwmg0 { align-self: start; grid-column-end: 3; grid-column-start: 2; grid-row-end: 5; grid-row-start: 4; height: 18.095238095238095px; justify-self: start; margin-left: 0px; margin-top: -0.00518798828125px; width: 19.230769230769234%; } #IMAGE-7mkuwmg0 picture { --width: 19.230769230769234%; border-color: #000000ff; height: 100%; width: 100%; } #IMAGE-7mkuwmg0 img { object-fit: cover; } #LINE-lv39oiao { --width: 98.12919525086151%;align-self: start;grid-column-end: 4;grid-column-start: 3;grid-row-end: 4;grid-row-start: 3;height: auto;justify-self: stretch;margin-left: 0.8482322608099991%;margin-right: 1.022572488328475%;margin-top: 96.6px;width: auto; height: auto; } #LINE-lv39oiao .line-container { border-color: var(--color_00); border-style: solid; border-width: 2.0px; } [id^="TEXT-ppwd4o67"], .--clone-TEXT-ppwd4o67 { align-self: start; grid-column-end: 4; grid-column-start: 3; grid-row-end: 5; grid-row-start: 4; height: auto; justify-self: stretch; margin-left: -0.002740816896136904%; margin-right: -0.1863755489446097%; margin-top: 23.578125px; width: auto; } [id^="TEXT-ppwd4o67"] .x-text, [id^="TEXT-ppwd4o67"] .x-text a, .--clone-TEXT-ppwd4o67 .x-text, .--clone-TEXT-ppwd4o67 .x-text a { --width: 100.18911636584072%; -webkit-text-stroke: 0px #000000ff; color: var(--font_color_7); font: var(--font_7); font-family: 'Roboto Condensed', sans-serif; font-size: 14.0px; font-weight: 400; height: 100%; line-height: 1.5; text-align: center; width: 100%; color: var(--active-color, var(--font_color_7)); } [id^="TEXT-ppwd4o67"] .x-text:hover, .--clone-TEXT-ppwd4o67 .x-text:hover, [id^="TEXT-ppwd4o67"] a:hover, .--clone-TEXT-ppwd4o67 a:hover { } #CONTAINER-lsiar2sh { --bg: #ffffff00; background: #ffffff00; border-color: #000000ff; border-radius: 0px 0px 0px 0px; --width: 185.5781208276749px;align-self: end;grid-column-end: 5;grid-column-start: 3;grid-row-end: 5;grid-row-start: 4;grid-template-columns: 1fr 1fr 1fr 1.17fr 0.83fr;grid-template-rows: minmax(34.52302885516285px, max-content);height: 36px;justify-self: end;margin-bottom: 10.432281494140623px;margin-right: 1.6454664479314751%;width: 185.5781208276749px; border: #000000ff; } #IMAGE-w3oioak3 { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: start; margin-left: 0px; margin-top: calc(0px * 2); width: 30px; } #IMAGE-w3oioak3 picture { --width: 30px; border-color: #000000ff; height: 100%; width: 100%; } #IMAGE-w3oioak3 img { object-fit: cover; } #IMAGE-xk2b4ctn { align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: start; margin-left: 0px; margin-top: calc(0px * 2); width: 30px; } #IMAGE-xk2b4ctn picture { --width: 30px; border-color: #000000ff; height: 100%; width: 100%; } #IMAGE-xk2b4ctn img { object-fit: cover; } #IMAGE-fwc6kvug { align-self: center; grid-column-end: 4; grid-column-start: 3; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: start; margin-left: 0px; margin-top: calc(0px * 2); width: 30.890625px; } #IMAGE-fwc6kvug picture { --width: 30.890625px; border-color: #000000ff; height: 100%; width: 100%; } #IMAGE-fwc6kvug img { object-fit: cover; } #IMAGE-goxelzl4 { align-self: center; grid-column-end: 5; grid-column-start: 4; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: start; margin-left: 0px; margin-top: calc(0px * 2); width: 30px; } #IMAGE-goxelzl4 picture { --width: 30px; border-color: #000000ff; height: 100%; width: 100%; } #IMAGE-goxelzl4 img { object-fit: cover; } #SECTION-7a0jb6gy { height: auto; grid-template-columns: 30px 1fr 30px; grid-template-rows: minmax(50px, max-content); column-gap: 0px; row-gap: 0px; transition: opacity 0.3s ease, visibility 0.3s ease; } #SECTION-7a0jb6gy .x-section-background { background: #000000ff; --height: 50; --bg: #000000ff; } #SECTION-7a0jb6gy .x-section-video-background { } #SECTION-7a0jb6gy .video { display: none; } #SECTION-7a0jb6gy .video-bp2 { overflow: hidden; width: 100%; height: 100%; display: block; } [id^="TEXT-7iys4k83"], .--clone-TEXT-7iys4k83 { 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: -4.6099875082630326e-4%; margin-right: -0.0536807434297703%; margin-top: 0px; width: auto; } [id^="TEXT-7iys4k83"] .x-text, [id^="TEXT-7iys4k83"] .x-text a, .--clone-TEXT-7iys4k83 .x-text, .--clone-TEXT-7iys4k83 .x-text a { --width: 100.0541417421806%; -webkit-text-stroke: 0px #000000ff; color: #EEF2FE; font: var(--font_8); font-family: 'Montserrat', sans-serif; font-size: 13.0px; font-weight: 400; height: 100%; line-height: 1.5; text-align: center; width: 100%; color: var(--active-color, #EEF2FE); } [id^="TEXT-7iys4k83"] .x-text:hover, .--clone-TEXT-7iys4k83 .x-text:hover, [id^="TEXT-7iys4k83"] a:hover, .--clone-TEXT-7iys4k83 a:hover { } #SECTION-ckcp38i7 { height: auto; grid-template-columns: 10px 185px 420px 1fr 250px 45px 10px; grid-template-rows: minmax(70px, max-content); column-gap: 0px; row-gap: 0px; position: sticky;z-index: 100;top: 0px; transition: opacity 0.3s ease, visibility 0.3s ease; } #SECTION-ckcp38i7 .x-section-background { background: #ffffff; --height: 70; --bg: #ffffff; } #SECTION-ckcp38i7 .x-section-video-background { } #SECTION-ckcp38i7 .video { display: none; } #SECTION-ckcp38i7 .video-bp2 { overflow: hidden; width: 100%; height: 100%; display: block; } #RECT-7q429u2z { align-self: center; grid-column-end: 4; grid-column-start: 3; grid-row-end: 2; grid-row-start: 1; height: 43px; justify-self: end; margin-right: 0%; margin-top: calc(0px * 2); width: 43px; border-radius: 0px 3px 3px 0px; } #RECT-7q429u2z .x-rect { --width: 43px; background: #ea2126; border-color: #000000ff; border-radius: 0px 3px 3px 0px; height: 100%; width: 100%; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9ImN1cnJlbnRDb2xvciIvPjwvc3ZnPg==); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; border: ; background: var(--active-color, #ea2126); } #RECT-7q429u2z::before { content: ""; border-color: #000000ff; border-style: ; border-width: ; border-radius: inherit; border: ; height: 100%; width: 100%; position: absolute; top: 0; left: 0; box-sizing: border-box; } #INPUT-SEARCH-1uauctii { --width: 100%;align-self: center;grid-column-end: 4;grid-column-start: 3;grid-row-end: 2;grid-row-start: 1;height: 43px;justify-self: center;margin-bottom: calc(0.050006866455078125px * 2);margin-left: calc(0% * 2);width: 100%; } #INPUT-SEARCH-1uauctii > .input-search--wrapper { color: #4c4c4c; font-size: 14.0px; border-width: 1px; border-color: #ea2126; border-style: solid; border-radius: 3px; background-color: #ffffff00; flex-direction: row-reverse; } #INPUT-SEARCH-1uauctii > .input-search--wrapper .btn-close { color: var(--color_00); fill: var(--color_00); width: 0px; margin: 0 5px; } #INPUT-SEARCH-1uauctii > .input-search--wrapper .input-search--input { padding-left: 10px; text-align: left; } #INPUT-SEARCH-1uauctii > .input-search--wrapper .input-search--input::placeholder { color: #4c4c4c; } #INPUT-SEARCH-1uauctii > .input-search--wrapper:hover { border-style: none; border-color: #ea2126 !important; border-style: solid; background-color: #ffffff00 !important; } #INPUT-SEARCH-1uauctii > .input-search--wrapper:focus-within { border-style: none; border-color: #ea2126 !important; border-width: 1px !important; border-style: solid; background-color: #ffffff00 !important; } #INPUT-SEARCH-1uauctii .input-search--icon { margin-left: 9px; margin-right: 9px; color: var(--color_00); height: 19px; width: 19px; } #INPUT-SEARCH-1uauctii .input-search--wrapper:hover .input-search--icon { color: var(--color_00); } #INPUT-SEARCH-1uauctii .input-search--wrapper:focus-within .input-search--icon { color: var(--color_00); } #INPUT-SEARCH-1uauctii .input-search--icon path { fill: var(--color_00); } #INPUT-SEARCH-1uauctii .input-search--wrapper:hover .input-search--icon path { fill: var(--color_00); } #INPUT-SEARCH-1uauctii .input-search--wrapper:focus-within .input-search--icon path { fill: var(--color_00); } #MENU-nwxhwi60 { --width: 26px;align-self: center;display: none;grid-column-end: 3;grid-column-start: 2;grid-row-end: 2;grid-row-start: 1;height: 18px;justify-self: start;margin-left: 0%;margin-top: calc(0px * 2);width: 26px; --active-link-color: #000000d9; } #MENU-nwxhwi60 .x-rect { -webkit-text-stroke: 0px #000000ff; background: #444444; color: #000000d9; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEuMCcgd2lkdGg9JzM1LjAwMDAwMHB0JyBoZWlnaHQ9JzM1LjAwMDAwMHB0JyB2aWV3Qm94PScwIDAgMzUuMDAwMDAwIDM1LjAwMDAwMCcgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+IDxnIHRyYW5zZm9ybT0ndHJhbnNsYXRlKDAuMDAwMDAwLDM1LjAwMDAwMCkgc2NhbGUoMC4xMDAwMDAsLTAuMTAwMDAwKScgZmlsbD0nIzAwMDAwMCcgc3Ryb2tlPSdub25lJz4gPHBhdGggZD0nTTAgMzIwIGwwIC0zMCAxNzUgMCAxNzUgMCAwIDMwIDAgMzAgLTE3NSAwIC0xNzUgMCAwIC0zMHonLz4gPHBhdGggZD0nTTAgMTc1IGwwIC0zNSAxNzUgMCAxNzUgMCAwIDM1IDAgMzUgLTE3NSAwIC0xNzUgMCAwIC0zNXonLz4gPHBhdGggZD0nTTAgMzAgbDAgLTMwIDE3NSAwIDE3NSAwIDAgMzAgMCAzMCAtMTc1IDAgLTE3NSAwIDAgLTMweicvPiA8L2c+IDwvc3ZnPg==); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; } #MENU-nwxhwi60 > ul { background: #444444; border-radius: inherit; } #MENU-nwxhwi60 > ul > .menu-item .tag-link { -webkit-text-stroke: 0px #000000ff; background: #444444; color: #000000d9; } #MENU-nwxhwi60 > ul > .menu-item.menu-item-active-link .tag-link { color: var(--active-link-color); } #MENU-nwxhwi60 > ul > .menu-item:not(:first-child) { } #MENU-nwxhwi60 ul li .tag-link { border-style: none none none none; } #MENU-nwxhwi60 ul li .tag-link:hover, #MENU-nwxhwi60 ul li > a:hover { border-style: none none none none; } #MENU-DROPPABLE-swlo66gr { background: #ffffffff; top: 0; left: 0; width: 500px; height: var(--viewport-height, 100vh); grid-template-columns: 50px 1fr 50px; grid-template-rows: minmax(50px, max-content) minmax(50px, max-content) minmax(0%, calc(100% - 200px)) minmax(100px, max-content); column-gap: 0px; row-gap: 0px; overflow-x: auto; --width: 500px; animation: slide-left 0.2s ease; } #RECT-mpxrptkv { align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 3; grid-row-start: 2; height: 43px; justify-self: end; margin-right: 0%; margin-top: calc(0px * 2); width: 13%; border-radius: 0px 3px 3px 0px; } #RECT-mpxrptkv .x-rect { --width: 13%; background: #32373C; border-color: #000000ff; border-radius: 0px 3px 3px 0px; height: 100%; width: 100%; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9ImN1cnJlbnRDb2xvciIvPjwvc3ZnPg==); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; border: ; background: var(--active-color, #32373C); } #RECT-mpxrptkv::before { content: ""; border-color: #000000ff; border-style: ; border-width: ; border-radius: inherit; border: ; height: 100%; width: 100%; position: absolute; top: 0; left: 0; box-sizing: border-box; } #MENU-ls1hodio { --width: 100%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 4;grid-row-start: 3;height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: 0px;width: 100%; --active-link-color: #666666D9; } #MENU-ls1hodio .x-rect { --pad-x: 0px; --pad-y: 8px; -webkit-text-stroke: 0px #000000ff; background: #ffffffff; border-color: #F1F1F1; border-width: 1.0px; color: #666666D9; font-size: 14.0px; font-weight: 400; justify-content: flex-start; text-transform: uppercase; } #MENU-ls1hodio > ul { background: #ffffffff; justify-content: flex-start; align-items: flex-start; height: auto; border-radius: inherit; } #MENU-ls1hodio > ul > .menu-item .tag-link { --pad-x: 0px; --pad-y: 8px; -webkit-text-stroke: 0px #000000ff; background: #ffffffff; border-color: #F1F1F1; border-width: 1.0px; color: #666666D9; font-size: 14.0px; font-weight: 400; justify-content: flex-start; text-transform: uppercase; } #MENU-ls1hodio > ul > .menu-item.menu-item-active-link .tag-link { color: var(--active-link-color); } #MENU-ls1hodio > ul > .menu-item:not(:first-child) { } #MENU-ls1hodio ul li .tag-link { border-style: none none solid none; } #MENU-ls1hodio ul li .tag-link:hover, #MENU-ls1hodio ul li > a:hover { color: var(--color_04) !important; background: #ececec; border-style: none none solid none; } #MENU-ls1hodio > ul > .menu-item svg { width: 20px; height: 20px; } #MENU-ITEM-g1sjfloh > a, #MENU-ITEM-g1sjfloh > div { } #MENU-ITEM-uajxojvf > a, #MENU-ITEM-uajxojvf > div { } #MENU-ITEM-yz3sbohw > a, #MENU-ITEM-yz3sbohw > div { } #MENU-ITEM-kh79pccy > a, #MENU-ITEM-kh79pccy > div { } #SUBMENU-p8sk6v0v { width: 100%; height: auto; grid-template-columns: 1fr; grid-template-rows: minmax(50px, max-content); column-gap: 0px; row-gap: 0px; background: #ffffffff; } .vertical-menu #MENU-ITEM-kh79pccy.menu-item:hover > .x-submenu { display: grid; } #MENU-ppo5ez0t { --width: 100%;align-self: center;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 100%; --active-link-color: #000000d9; } #MENU-ppo5ez0t .x-rect { --pad-x: 13px; --pad-y: 8px; -webkit-text-stroke: 0px #000000ff; background: #ffffffff; color: #000000d9; font-size: 14.0px; font-weight: 400; justify-content: flex-start; } #MENU-ppo5ez0t > ul { background: #ffffffff; justify-content: flex-start; align-items: flex-start; height: auto; border-radius: inherit; } #MENU-ppo5ez0t > ul > .menu-item .tag-link { --pad-x: 13px; --pad-y: 8px; -webkit-text-stroke: 0px #000000ff; background: #ffffffff; color: #000000d9; font-size: 14.0px; font-weight: 400; justify-content: flex-start; } #MENU-ppo5ez0t > ul > .menu-item.menu-item-active-link .tag-link { color: var(--active-link-color); } #MENU-ppo5ez0t > ul > .menu-item:not(:first-child) { } #MENU-ppo5ez0t ul li .tag-link { border-style: none none none none; } #MENU-ppo5ez0t ul li .tag-link:hover, #MENU-ppo5ez0t ul li > a:hover { color: #a73340 !important; background: var(--color_00); border-style: none none none none; } #MENU-ITEM-wy6ogv8m > a, #MENU-ITEM-wy6ogv8m > div { } #SUBMENU-3p1xm6ox { width: 100%; height: auto; grid-template-columns: 1fr; grid-template-rows: minmax(50px, max-content); column-gap: 0px; row-gap: 0px; background: #ffffffff; } .vertical-menu #MENU-ITEM-wy6ogv8m.menu-item:hover > .x-submenu { display: grid; } #MENU-cc879usm { --width: 100%;align-self: center;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 100%; --active-link-color: #000000d9; } #MENU-cc879usm .x-rect { --pad-x: 13px; --pad-y: 8px; -webkit-text-stroke: 0px #000000ff; background: #ffffffff; color: #000000d9; font-size: 14.0px; font-weight: 400; justify-content: flex-start; } #MENU-cc879usm > ul { background: #ffffffff; justify-content: flex-start; align-items: flex-start; height: auto; border-radius: inherit; } #MENU-cc879usm > ul > .menu-item .tag-link { --pad-x: 13px; --pad-y: 8px; -webkit-text-stroke: 0px #000000ff; background: #ffffffff; color: #000000d9; font-size: 14.0px; font-weight: 400; justify-content: flex-start; } #MENU-cc879usm > ul > .menu-item.menu-item-active-link .tag-link { color: var(--active-link-color); } #MENU-cc879usm > ul > .menu-item:not(:first-child) { } #MENU-cc879usm ul li .tag-link { border-style: none none none none; } #MENU-cc879usm ul li .tag-link:hover, #MENU-cc879usm ul li > a:hover { color: #a73340 !important; background: var(--color_00); border-style: none none none none; } #MENU-ITEM-4b0znvoc > a, #MENU-ITEM-4b0znvoc > div { } #MENU-ITEM-5wv3su67 > a, #MENU-ITEM-5wv3su67 > div { } #MENU-ITEM-mxyli2mh > a, #MENU-ITEM-mxyli2mh > div { } #MENU-ITEM-9kt9o1u8 > a, #MENU-ITEM-9kt9o1u8 > div { } #MENU-ITEM-wjqfy0m1 > a, #MENU-ITEM-wjqfy0m1 > div { } #MENU-ITEM-ao076ieg > a, #MENU-ITEM-ao076ieg > div { } #MENU-ITEM-1pslhtfp > a, #MENU-ITEM-1pslhtfp > div { } #MENU-ITEM-u89i7oe7 > a, #MENU-ITEM-u89i7oe7 > div { } #SUBMENU-qieawefa { width: 100%; height: auto; grid-template-columns: 1fr; grid-template-rows: minmax(50px, max-content); column-gap: 0px; row-gap: 0px; background: #ffffffff; } .vertical-menu #MENU-ITEM-u89i7oe7.menu-item:hover > .x-submenu { display: grid; } #MENU-uh5u2xyq { --width: 100%;align-self: center;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 100%; --active-link-color: #000000d9; } #MENU-uh5u2xyq .x-rect { --pad-x: 13px; --pad-y: 8px; -webkit-text-stroke: 0px #000000ff; background: #ffffffff; color: #000000d9; font-size: 14.0px; font-weight: 400; justify-content: flex-start; } #MENU-uh5u2xyq > ul { background: #ffffffff; justify-content: flex-start; align-items: flex-start; height: auto; border-radius: inherit; } #MENU-uh5u2xyq > ul > .menu-item .tag-link { --pad-x: 13px; --pad-y: 8px; -webkit-text-stroke: 0px #000000ff; background: #ffffffff; color: #000000d9; font-size: 14.0px; font-weight: 400; justify-content: flex-start; } #MENU-uh5u2xyq > ul > .menu-item.menu-item-active-link .tag-link { color: var(--active-link-color); } #MENU-uh5u2xyq > ul > .menu-item:not(:first-child) { } #MENU-uh5u2xyq ul li .tag-link { border-style: none none none none; } #MENU-uh5u2xyq ul li .tag-link:hover, #MENU-uh5u2xyq ul li > a:hover { color: #a73340 !important; background: var(--color_00); border-style: none none none none; } #MENU-ITEM-26w0a5bk > a, #MENU-ITEM-26w0a5bk > div { } #MENU-ITEM-mp31zm60 > a, #MENU-ITEM-mp31zm60 > div { } #MENU-ITEM-g4fe4qbh > a, #MENU-ITEM-g4fe4qbh > div { } #MENU-ITEM-uty1e2jc > a, #MENU-ITEM-uty1e2jc > div { } #IMAGE-hxu6293o { align-self: start; grid-column-end: 3; grid-column-start: 2; grid-row-end: 3; grid-row-start: 2; height: 32px; justify-self: end; margin-right: 0px; margin-top: 0px; width: 32px; } #IMAGE-hxu6293o picture { --width: 32px; border-color: #000000ff; height: 100%; width: 100%; } #IMAGE-hxu6293o img { object-fit: cover; } #INPUT-SEARCH-iw3wewxq { --width: 100%;align-self: center;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;height: 43px;justify-self: end;margin-right: -0.35714285714285715%;margin-top: calc(0px * 2);width: 100%; } #INPUT-SEARCH-iw3wewxq > .input-search--wrapper { color: #4c4c4c; font-size: 14.0px; border-width: 1px; border-color: #ddd; border-style: solid; border-radius: 3px; background-color: #ffffff00; flex-direction: row-reverse; } #INPUT-SEARCH-iw3wewxq > .input-search--wrapper .btn-close { color: var(--color_00); fill: var(--color_00); width: 0px; margin: 0 5px; } #INPUT-SEARCH-iw3wewxq > .input-search--wrapper .input-search--input { padding-left: 10px; text-align: left; } #INPUT-SEARCH-iw3wewxq > .input-search--wrapper .input-search--input::placeholder { color: #4c4c4c; } #INPUT-SEARCH-iw3wewxq > .input-search--wrapper:hover { border-style: none; border-color: #ddd !important; border-style: solid; background-color: #ffffff00 !important; } #INPUT-SEARCH-iw3wewxq > .input-search--wrapper:focus-within { border-style: none; border-color: #ddd !important; border-width: 1px !important; border-style: solid; background-color: #ffffff00 !important; } #INPUT-SEARCH-iw3wewxq .input-search--icon { margin-left: 9px; margin-right: 9px; color: var(--color_00); height: 19px; width: 19px; } #INPUT-SEARCH-iw3wewxq .input-search--wrapper:hover .input-search--icon { color: var(--color_00); } #INPUT-SEARCH-iw3wewxq .input-search--wrapper:focus-within .input-search--icon { color: var(--color_00); } #INPUT-SEARCH-iw3wewxq .input-search--icon path { fill: var(--color_00); } #INPUT-SEARCH-iw3wewxq .input-search--wrapper:hover .input-search--icon path { fill: var(--color_00); } #INPUT-SEARCH-iw3wewxq .input-search--wrapper:focus-within .input-search--icon path { fill: var(--color_00); } #CART-ICON-60xt6f6p { --width: 30px;align-self: center;grid-column-end: 7;grid-column-start: 6;grid-row-end: 2;grid-row-start: 1;height: 30px;justify-self: end;margin-right: 0%;margin-top: calc(1px * 2);width: 30px; } #CART-ICON-60xt6f6p .x-cart-icon { border-color: #000000ff; } #CART-ICON-60xt6f6p .x-cart-item-count { position: absolute; top: -7.5px; right: -7.5px; width: 15.0px; height: 15.0px; display: flex; justify-content: center; align-items: center; background-color: #f06b0e; border-radius: 50%; color: white; font-family: Roboto; font-size: 10.0px; } #CART-ICON-60xt6f6p .x-image-cart-icon { border-radius: ; } #IMAGE-zebbhuom { align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: start; margin-left: 0px; margin-top: calc(0px * 2); width: 135px; } #IMAGE-zebbhuom picture { --width: 135px; border-color: #000000ff; height: 100%; width: 100%; } #IMAGE-zebbhuom img { object-fit: cover; } #CONTAINER-ncmobdj0 { --bg: #FF0000; background: #FF0000; border-color: #000000ff; border-radius: 4px 4px 4px 4px; --width: 100%;align-self: center;grid-column-end: 6;grid-column-start: 5;grid-row-end: 2;grid-row-start: 1;grid-template-columns: 15px 40px 1fr 15px;grid-template-rows: minmax(50px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 100%; border: #000000ff; } #MENU-g0h2pxuz { --width: 79%;align-self: center;grid-column-end: 3;grid-column-start: 2;grid-row-end: 2;grid-row-start: 1;height: 29px;justify-self: start;margin-left: 0%;margin-top: calc(0px * 2);width: 79%; --active-link-color: #000000d9; } #MENU-g0h2pxuz .x-rect { -webkit-text-stroke: 0px #000000ff; background: var(--color_00); color: #000000d9; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgY2xhc3M9Im1lbnUiPjxwYXRoIGQ9Ik0zLDZIMjFWOEgzVjZNMywxMUgyMVYxM0gzVjExTTMsMTZIMjFWMThIM1YxNloiPjwvcGF0aD48L3N2Zz4=); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; } #MENU-g0h2pxuz > ul { background: var(--color_00); border-radius: inherit; } #MENU-g0h2pxuz > ul > .menu-item .tag-link { -webkit-text-stroke: 0px #000000ff; background: var(--color_00); color: #000000d9; } #MENU-g0h2pxuz > ul > .menu-item.menu-item-active-link .tag-link { color: var(--active-link-color); } #MENU-g0h2pxuz > ul > .menu-item:not(:first-child) { } #MENU-g0h2pxuz ul li .tag-link { border-style: none none none none; } #MENU-g0h2pxuz ul li .tag-link:hover, #MENU-g0h2pxuz ul li > a:hover { border-style: none none none none; } #MENU-DROPPABLE-j3kfqpdw { background: rgba(255, 255, 255, 1); top: 0; left: 0; width: 300px; height: var(--viewport-height, 100vh); grid-template-columns: 1fr; grid-template-rows: minmax(100%, max-content); column-gap: 0px; row-gap: 0px; overflow-x: auto; --width: 300px; } #RECT-fe6zjpyl { align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: 43px; justify-self: end; margin-right: 0.9981953815766929%; margin-top: 44.53750038146973px; width: 13.310113537694148%; border-radius: 0px 3px 3px 0px; } #RECT-fe6zjpyl .x-rect { --width: 13.310113537694148%; background: #ea2126; border-color: #000000ff; border-radius: 0px 3px 3px 0px; height: 100%; width: 100%; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9ImN1cnJlbnRDb2xvciIvPjwvc3ZnPg==); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; border: ; background: var(--active-color, #ea2126); } #RECT-fe6zjpyl::before { content: ""; border-color: #000000ff; border-style: ; border-width: ; border-radius: inherit; border: ; height: 100%; width: 100%; position: absolute; top: 0; left: 0; box-sizing: border-box; } #INPUT-SEARCH-6mhu81pm { --width: 95.66666666666669%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;height: 43px;justify-self: end;margin-right: 1%;margin-top: 44.475006103515625px;width: 95.66666666666669%; } #INPUT-SEARCH-6mhu81pm > .input-search--wrapper { color: #4c4c4c; font-size: 14.0px; border-width: 1px; border-color: #ea2126; border-style: solid; border-radius: 3px; background-color: #ffffff00; flex-direction: row-reverse; } #INPUT-SEARCH-6mhu81pm > .input-search--wrapper .btn-close { color: var(--color_00); fill: var(--color_00); width: 0px; margin: 0 5px; } #INPUT-SEARCH-6mhu81pm > .input-search--wrapper .input-search--input { padding-left: 10px; text-align: left; } #INPUT-SEARCH-6mhu81pm > .input-search--wrapper .input-search--input::placeholder { color: #4c4c4c; } #INPUT-SEARCH-6mhu81pm > .input-search--wrapper:hover { border-style: none; border-color: #ea2126 !important; border-style: solid; background-color: #ffffff00 !important; } #INPUT-SEARCH-6mhu81pm > .input-search--wrapper:focus-within { border-style: none; border-color: #ea2126 !important; border-width: 1px !important; border-style: solid; background-color: #ffffff00 !important; } #INPUT-SEARCH-6mhu81pm .input-search--icon { margin-left: 9px; margin-right: 9px; color: var(--color_00); height: 19px; width: 19px; } #INPUT-SEARCH-6mhu81pm .input-search--wrapper:hover .input-search--icon { color: var(--color_00); } #INPUT-SEARCH-6mhu81pm .input-search--wrapper:focus-within .input-search--icon { color: var(--color_00); } #INPUT-SEARCH-6mhu81pm .input-search--icon path { fill: var(--color_00); } #INPUT-SEARCH-6mhu81pm .input-search--wrapper:hover .input-search--icon path { fill: var(--color_00); } #INPUT-SEARCH-6mhu81pm .input-search--wrapper:focus-within .input-search--icon path { fill: var(--color_00); } #MENU-blfh8kc6 { --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: center;margin-left: calc(0% * 2);margin-top: 112.0999984741211px;width: 100%; --active-link-color: #868686; } #MENU-blfh8kc6 .x-rect { --pad-x: 15px; --pad-y: 10px; -webkit-text-stroke: 0px #000000ff; background: rgba(255, 255, 255, 1); border-color: #ececec; border-width: 1.0px; color: #868686; font-size: 14.0px; font-weight: 400; justify-content: flex-start; text-transform: uppercase; } #MENU-blfh8kc6 > ul { background: rgba(255, 255, 255, 1); justify-content: flex-start; align-items: flex-start; height: auto; border-radius: inherit; } #MENU-blfh8kc6 > ul > .menu-item .tag-link { --pad-x: 15px; --pad-y: 10px; -webkit-text-stroke: 0px #000000ff; background: rgba(255, 255, 255, 1); border-color: #ececec; border-width: 1.0px; color: #868686; font-size: 14.0px; font-weight: 400; justify-content: flex-start; text-transform: uppercase; } #MENU-blfh8kc6 > ul > .menu-item.menu-item-active-link .tag-link { color: var(--active-link-color); } #MENU-blfh8kc6 > ul > .menu-item:not(:first-child) { } #MENU-blfh8kc6 ul li .tag-link { border-style: none none solid none; } #MENU-blfh8kc6 ul li .tag-link:hover, #MENU-blfh8kc6 ul li > a:hover { color: var(--color_04) !important; background: #ececec; border-style: none none solid none; } #MENU-ITEM-4akeetxu > a, #MENU-ITEM-4akeetxu > div { } #MENU-ITEM-qrwkopfi > a, #MENU-ITEM-qrwkopfi > div { } #MENU-ITEM-3s113daw > a, #MENU-ITEM-3s113daw > div { } #MENU-ITEM-aoypxe0j > a, #MENU-ITEM-aoypxe0j > div { } #SUBMENU-4srib96o { width: 100%; height: auto; grid-template-columns: 1fr; grid-template-rows: minmax(50px, max-content); column-gap: 0px; row-gap: 0px; background: #ffffffff; } .vertical-menu #MENU-ITEM-aoypxe0j.menu-item:hover > .x-submenu { display: grid; } #MENU-kia04ar8 { --width: 100%;align-self: center;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 100%; --active-link-color: #000000d9; } #MENU-kia04ar8 .x-rect { --pad-x: 20px; --pad-y: 8px; -webkit-text-stroke: 0px #000000ff; background: #ffffffff; color: #000000d9; font-size: 14.0px; font-weight: 400; justify-content: flex-start; } #MENU-kia04ar8 > ul { background: #ffffffff; justify-content: flex-start; align-items: flex-start; height: auto; border-radius: inherit; } #MENU-kia04ar8 > ul > .menu-item .tag-link { --pad-x: 20px; --pad-y: 8px; -webkit-text-stroke: 0px #000000ff; background: #ffffffff; color: #000000d9; font-size: 14.0px; font-weight: 400; justify-content: flex-start; } #MENU-kia04ar8 > ul > .menu-item.menu-item-active-link .tag-link { color: var(--active-link-color); } #MENU-kia04ar8 > ul > .menu-item:not(:first-child) { } #MENU-kia04ar8 ul li .tag-link { border-style: none none none none; } #MENU-kia04ar8 ul li .tag-link:hover, #MENU-kia04ar8 ul li > a:hover { color: var(--color_04) !important; background: #ececec; border-style: none none none none; } #MENU-ITEM-td0mgsdp > a, #MENU-ITEM-td0mgsdp > div { } #SUBMENU-1nnurxxf { width: 100%; height: auto; grid-template-columns: 1fr; grid-template-rows: minmax(50px, max-content); column-gap: 0px; row-gap: 0px; background: #ffffffff; } .vertical-menu #MENU-ITEM-td0mgsdp.menu-item:hover > .x-submenu { display: grid; } #MENU-966mm0l2 { --width: 100%;align-self: center;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 100%; --active-link-color: #000000d9; } #MENU-966mm0l2 .x-rect { --pad-x: 20px; --pad-y: 8px; -webkit-text-stroke: 0px #000000ff; background: #ffffffff; color: #000000d9; font-size: 14.0px; font-weight: 400; justify-content: flex-start; } #MENU-966mm0l2 > ul { background: #ffffffff; justify-content: flex-start; align-items: flex-start; height: auto; border-radius: inherit; } #MENU-966mm0l2 > ul > .menu-item .tag-link { --pad-x: 20px; --pad-y: 8px; -webkit-text-stroke: 0px #000000ff; background: #ffffffff; color: #000000d9; font-size: 14.0px; font-weight: 400; justify-content: flex-start; } #MENU-966mm0l2 > ul > .menu-item.menu-item-active-link .tag-link { color: var(--active-link-color); } #MENU-966mm0l2 > ul > .menu-item:not(:first-child) { } #MENU-966mm0l2 ul li .tag-link { border-style: none none none none; } #MENU-966mm0l2 ul li .tag-link:hover, #MENU-966mm0l2 ul li > a:hover { color: var(--color_04) !important; background: #ececec; border-style: none none none none; } #MENU-ITEM-itrnez8q > a, #MENU-ITEM-itrnez8q > div { } #MENU-ITEM-vb8ori43 > a, #MENU-ITEM-vb8ori43 > div { } #MENU-ITEM-cqe2pebw > a, #MENU-ITEM-cqe2pebw > div { } #MENU-ITEM-chm7k2nt > a, #MENU-ITEM-chm7k2nt > div { } #MENU-ITEM-6cslfb3r > a, #MENU-ITEM-6cslfb3r > div { } #MENU-ITEM-zq88106c > a, #MENU-ITEM-zq88106c > div { } #MENU-ITEM-jbgdsfum > a, #MENU-ITEM-jbgdsfum > div { } #MENU-ITEM-8t4y3q7s > a, #MENU-ITEM-8t4y3q7s > div { } #SUBMENU-9kqjl7ve { width: 100%; height: auto; grid-template-columns: 1fr; grid-template-rows: minmax(50px, max-content); column-gap: 0px; row-gap: 0px; background: #ffffffff; } .vertical-menu #MENU-ITEM-8t4y3q7s.menu-item:hover > .x-submenu { display: grid; } #MENU-peqdkjam { --width: 100%;align-self: center;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 100%; --active-link-color: #000000d9; } #MENU-peqdkjam .x-rect { --pad-x: 20px; --pad-y: 8px; -webkit-text-stroke: 0px #000000ff; background: #ffffffff; color: #000000d9; font-size: 14.0px; font-weight: 400; justify-content: flex-start; } #MENU-peqdkjam > ul { background: #ffffffff; justify-content: flex-start; align-items: flex-start; height: auto; border-radius: inherit; } #MENU-peqdkjam > ul > .menu-item .tag-link { --pad-x: 20px; --pad-y: 8px; -webkit-text-stroke: 0px #000000ff; background: #ffffffff; color: #000000d9; font-size: 14.0px; font-weight: 400; justify-content: flex-start; } #MENU-peqdkjam > ul > .menu-item.menu-item-active-link .tag-link { color: var(--active-link-color); } #MENU-peqdkjam > ul > .menu-item:not(:first-child) { } #MENU-peqdkjam ul li .tag-link { border-style: none none none none; } #MENU-peqdkjam ul li .tag-link:hover, #MENU-peqdkjam ul li > a:hover { color: var(--color_04) !important; background: #ececec; border-style: none none none none; } #MENU-ITEM-md2ils5n > a, #MENU-ITEM-md2ils5n > div { } #MENU-ITEM-4a6kgkqb > a, #MENU-ITEM-4a6kgkqb > div { } #MENU-ITEM-mwy5z3dn > a, #MENU-ITEM-mwy5z3dn > div { } #MENU-ITEM-tpog0vfo > a, #MENU-ITEM-tpog0vfo > div { } #RECT-exmdy1dx { align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: 28.800003051757812px; justify-self: end; margin-right: 1.6666666666666667%; margin-top: 6px; width: 9.600001017252604%; } #RECT-exmdy1dx .x-rect { --width: 9.600001017252604%; background: #868686; border-color: #000000ff; height: 100%; width: 100%; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnIHZpZXdCb3g9JzAgMCAyNCAyNCc+IDxwYXRoIGQ9J00xOSw2LjQxTDE3LjU5LDVMMTIsMTAuNTlMNi40MSw1TDUsNi40MUwxMC41OSwxMkw1LDE3LjU5TDYuNDEsMTlMMTIsMTMuNDFMMTcuNTksMTlMMTksMTcuNTlMMTMuNDEsMTJMMTksNi40MVonPjwvcGF0aD4gPC9zdmc+); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; border: ; background: var(--active-color, #868686); } #RECT-exmdy1dx::before { content: ""; border-color: #000000ff; border-style: ; border-width: ; border-radius: inherit; border: ; height: 100%; width: 100%; position: absolute; top: 0; left: 0; box-sizing: border-box; } #MENU-zoujv3ln { --width: 100%;align-self: center;grid-column-end: 5;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;height: 100%;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 100%; --active-link-color: var(--color_00); } #MENU-zoujv3ln .x-rect { --gap: 0px; --pad-x: 60px; -webkit-text-stroke: 0px #000000ff; color: var(--color_00); font-size: 16.0px; font-weight: bold; justify-content: flex-start; } #MENU-zoujv3ln > ul { justify-content: flex-start; align-items: flex-start; gap: 0px; border-radius: inherit; } #MENU-zoujv3ln > ul > .menu-item .tag-link { --gap: 0px; --pad-x: 60px; -webkit-text-stroke: 0px #000000ff; color: var(--color_00); font-size: 16.0px; font-weight: bold; justify-content: flex-start; } #MENU-zoujv3ln > ul > .menu-item.menu-item-active-link .tag-link { color: var(--active-link-color); } #MENU-zoujv3ln > ul > .menu-item:not(:first-child) { } #MENU-zoujv3ln ul li .tag-link { border-style: none none none none; } #MENU-zoujv3ln ul li .tag-link:hover { color: var(--color_00) !important; background: #00000000; border-style: none none none none; } #MENU-zoujv3ln.horizontal-menu > ul > .menu-item > .x-submenu { top: 50px; } #MENU-ITEM-i61dt7ul > a, #MENU-ITEM-i61dt7ul > div { -webkit-text-stroke: 0px #000000ff !important; } #SUBMENU-aac8vue7 { width: 250px; height: auto; grid-template-columns: 1fr; grid-template-rows: minmax(250px, max-content); column-gap: 0px; row-gap: 0px; background: rgba(255, 255, 255, 1); } .vertical-menu #MENU-ITEM-i61dt7ul.menu-item:hover > .x-submenu { display: grid; } #MENU-d29uunrf { --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: center;margin-left: calc(0% * 2);margin-top: 0px;width: 100%; --active-link-color: #000000d9; } #MENU-d29uunrf .x-rect { --pad-x: 20px; --pad-y: 7px; -webkit-text-stroke: 0px #000000ff; background: rgba(255, 255, 255, 1); border-color: var(--color_01); border-width: 1.0px; color: #000000d9; font-size: 15.0px; font-weight: 500; justify-content: flex-start; text-transform: uppercase; } #MENU-d29uunrf > ul { background: rgba(255, 255, 255, 1); justify-content: flex-start; align-items: flex-start; height: auto; border-radius: inherit; } #MENU-d29uunrf > ul > .menu-item .tag-link { --pad-x: 20px; --pad-y: 7px; -webkit-text-stroke: 0px #000000ff; background: rgba(255, 255, 255, 1); border-color: var(--color_01); border-width: 1.0px; color: #000000d9; font-size: 15.0px; font-weight: 500; justify-content: flex-start; text-transform: uppercase; } #MENU-d29uunrf > ul > .menu-item.menu-item-active-link .tag-link { color: var(--active-link-color); } #MENU-d29uunrf > ul > .menu-item:not(:first-child) { } #MENU-d29uunrf ul li .tag-link { border-style: none none solid none; } #MENU-d29uunrf ul li .tag-link:hover, #MENU-d29uunrf ul li > a:hover { color: #ffffffff !important; background: var(--color_24); border-color: var(--color_24); border-style: none none solid none; } #MENU-ITEM-8nnveets > a, #MENU-ITEM-8nnveets > div { } #MENU-ITEM-qz8t6jqv > a, #MENU-ITEM-qz8t6jqv > div { } #MENU-ITEM-k6mek4o4 > a, #MENU-ITEM-k6mek4o4 > div { } #MENU-ITEM-ml3487r0 > a, #MENU-ITEM-ml3487r0 > div { } #MENU-ITEM-p69aozp5 > a, #MENU-ITEM-p69aozp5 > div { } #MENU-ITEM-m9h6fl9s > a, #MENU-ITEM-m9h6fl9s > div { } #MENU-ITEM-snhtvxmd > a, #MENU-ITEM-snhtvxmd > div { } #MENU-ITEM-jv92t87y > a, #MENU-ITEM-jv92t87y > div { } #POPUP-g0z4lxnx { --top: 50%; top: var(--top); --left: 50%; left: var(--left); transform: translate(-50%, -50%); background: #ffffff; border-radius: 5px 5px 5px 5px; width: 512.7999877929688px; height: auto; grid-template-columns: 22px 1fr 33px; grid-template-rows: minmax(42px, max-content) minmax(296px, max-content) minmax(21px, max-content); column-gap: 0px; row-gap: 13px; max-height: var(--viewport-height, 100vh); border-width: 0px; border-color: #000000; border-radius: 5px 5px 5px 5pxpx; border-style: solid; } #POPUP-g0z4lxnx.anim { --width: 512.7999877929688px; } [id^="TEXT-0qddjh7k"], .--clone-TEXT-0qddjh7k { align-self: end; grid-column-end: 3; grid-column-start: 2; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: start; margin-bottom: 0px; margin-left: 0%; width: 44.81481659946851%; } [id^="TEXT-0qddjh7k"] .x-text, [id^="TEXT-0qddjh7k"] .x-text a, .--clone-TEXT-0qddjh7k .x-text, .--clone-TEXT-0qddjh7k .x-text a { --width: 44.81481659946851%; -webkit-text-stroke: 0px #000000ff; color: var(--font_color_6); font: var(--font_6); font-weight: 700; height: 100%; text-transform: uppercase; width: 100%; color: var(--active-color, var(--font_color_6)); } [id^="TEXT-0qddjh7k"] .x-text:hover, .--clone-TEXT-0qddjh7k .x-text:hover, [id^="TEXT-0qddjh7k"] a:hover, .--clone-TEXT-0qddjh7k a:hover { } #FORM-p8qg3h45 { --width: 100%;align-self: start;column-gap: 15px;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;grid-template-columns: 1fr;grid-template-rows: minmax(43px, max-content) minmax(43px, max-content) minmax(20px, max-content) minmax(45px, max-content) minmax(20px, max-content) minmax(45px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: 0px;row-gap: 15px;width: 100%; --icon-color: inherit; } #PHONE-NUMBER-18sfk8ij { --width: 100%;align-self: center;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;height: 100%;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 100%; } #PHONE-NUMBER-18sfk8ij .input-label { margin-bottom: 8px; padding: 0 20px 0 1px; font-size: 14.5px; color: #D1D1D1; } #PHONE-NUMBER-18sfk8ij input { -webkit-text-stroke: 0px #000000ff; background: #ffffff00; border-color: #D1D1D1; border-radius: 4px 4px 4px 4px; border-style: solid; border-width: 1.0px; color: #000000; font-size: 14.5px; font-weight: 300; text-align: left; background: var(--color_00); padding: 3px 10px 3px 15px; } #PHONE-NUMBER-18sfk8ij input[type="date"] { -webkit-text-fill-color: #000000; } #PHONE-NUMBER-18sfk8ij input::placeholder { color: #757575ff; -webkit-text-fill-color: #757575ff !important; } #PASSWORD-skofncg7 { --width: 100%;align-self: center;grid-column-end: 2;grid-column-start: 1;grid-row-end: 3;grid-row-start: 2;height: 100%;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 100%; } #PASSWORD-skofncg7 .input-label { margin-bottom: 8px; padding: 0 20px 0 1px; font-size: 14.5px; color: #D1D1D1; } #PASSWORD-skofncg7 input { -webkit-text-stroke: 0px #000000ff; background: #ffffff00; border-color: #D1D1D1; border-radius: 4px 4px 4px 4px; border-style: solid; border-width: 1.0px; color: #000000; font-size: 14.5px; font-weight: 300; text-align: left; background: var(--color_00); padding: 3px 10px 3px 15px; } #PASSWORD-skofncg7 input[type="date"] { -webkit-text-fill-color: #000000; } #PASSWORD-skofncg7 input::placeholder { color: #757575ff; -webkit-text-fill-color: #757575ff !important; } [id^="TEXT-mkfz0mzq"], .--clone-TEXT-mkfz0mzq { align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 4; grid-row-start: 3; height: auto; justify-self: start; margin-left: 0%; margin-top: 0px; width: 40%; } [id^="TEXT-mkfz0mzq"] .x-text, [id^="TEXT-mkfz0mzq"] .x-text a, .--clone-TEXT-mkfz0mzq .x-text, .--clone-TEXT-mkfz0mzq .x-text a { --width: 40%; -webkit-text-stroke: 0px #000000ff; color: #222; font-size: 14.0px; font-weight: 400; height: 100%; text-align: left; text-decoration: underline; width: 100%; color: var(--active-color, #222); } [id^="TEXT-mkfz0mzq"] .x-text:hover, .--clone-TEXT-mkfz0mzq .x-text:hover, [id^="TEXT-mkfz0mzq"] a:hover, .--clone-TEXT-mkfz0mzq a:hover { } #SUBMIT-BUTTON-7mz0s4en { align-self: end; grid-column-end: 2; grid-column-start: 1; grid-row-end: 5; grid-row-start: 4; height: 100%; justify-self: center; margin-bottom: 0px; margin-left: calc(0% * 2); width: 100%; } #SUBMIT-BUTTON-7mz0s4en .x-button-wrapper { --width: 100%; -webkit-text-stroke: 0px #000000ff; background: #000000ff; border-color: #000000ff; color: #ffffffff; font-size: 14.0px; font-weight: bold; height: 100%; text-align: center; width: 100%; border: ; color: var(--active-color, #ffffffff); } #SUBMIT-BUTTON-7mz0s4en[disabled=true] { display: none; } [id^="TEXT-i9zhka2t"], .--clone-TEXT-i9zhka2t { align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 6; grid-row-start: 5; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: 0px; width: 100%; } [id^="TEXT-i9zhka2t"] .x-text, [id^="TEXT-i9zhka2t"] .x-text a, .--clone-TEXT-i9zhka2t .x-text, .--clone-TEXT-i9zhka2t .x-text a { --width: 100%; color: #000000; font-size: 14.0px; height: 100%; text-align: center; width: 100%; color: var(--active-color, #000000); } [id^="TEXT-i9zhka2t"] .x-text:hover, .--clone-TEXT-i9zhka2t .x-text:hover, [id^="TEXT-i9zhka2t"] a:hover, .--clone-TEXT-i9zhka2t a:hover { } #BUTTON-LOGIN-GOOGLE-lcc3pp8n { align-self: end; grid-column-end: 2; grid-column-start: 1; grid-row-end: 7; grid-row-start: 6; height: 100%; justify-self: center; margin-bottom: 0px; margin-left: calc(0% * 2); width: 100%; } #BUTTON-LOGIN-GOOGLE-lcc3pp8n .x-button-wrapper { --width: 100%; -webkit-text-stroke: 0px #000000ff; background: #2942ff; border-color: #000000ff; color: #ffffffff; font-size: 14.0px; font-weight: bold; height: 100%; text-align: center; width: 100%; border: ; color: var(--active-color, #ffffffff); } #BUTTON-LOGIN-GOOGLE-lcc3pp8n[disabled=true] { display: none; } #RECT-pkpvqxcx { align-self: start; grid-column-end: 4; grid-column-start: 3; grid-row-end: 2; grid-row-start: 1; height: 23px; justify-self: center; margin-right: calc(3.225806451612903% * 2); margin-top: 6px; width: 74.11290445635396%; } #RECT-pkpvqxcx .x-rect { --width: 74.11290445635396%; background: rgba(0, 0, 0, 1); border-color: #000000ff; height: 100%; width: 100%; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnIHZpZXdCb3g9JzAgMCAyNCAyNCc+IDxwYXRoIGQ9J00xOSw2LjQxTDE3LjU5LDVMMTIsMTAuNTlMNi40MSw1TDUsNi40MUwxMC41OSwxMkw1LDE3LjU5TDYuNDEsMTlMMTIsMTMuNDFMMTcuNTksMTlMMTksMTcuNTlMMTMuNDEsMTJMMTksNi40MVonPjwvcGF0aD4gPC9zdmc+); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; border: ; background: var(--active-color, rgba(0, 0, 0, 1)); } #RECT-pkpvqxcx::before { content: ""; border-color: #000000ff; border-style: ; border-width: ; border-radius: inherit; border: ; height: 100%; width: 100%; position: absolute; top: 0; left: 0; box-sizing: border-box; } #POPUP-7u3s8lyh { --top: 50%; top: var(--top); --left: 50%; left: var(--left); transform: translate(-50%, -50%); background: #ffffff; border-radius: 8px 8px 8px 8px; width: 375px; height: auto; grid-template-columns: 10px 1fr 10px; grid-template-rows: minmax(50px, max-content) minmax(200px, max-content) minmax(10px, max-content); column-gap: 0px; row-gap: 0px; max-height: var(--viewport-height, 100vh); border-width: 0px; border-color: #000000; border-radius: 8px 8px 8px 8pxpx; border-style: solid; } #POPUP-7u3s8lyh.anim { --width: 375px; } #PROMOTIONS-2wll9a4y { --width: 100%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: 0px;width: 100%; flex-direction: column; height: auto; gap: 8px; width: 100%; } #PROMOTIONS-2wll9a4y .x-promotion-item { width: 100%; height: auto; grid-template-columns: 12px 1fr 12px; grid-template-rows: minmax(12px, max-content) minmax(40px, max-content) minmax(35px, max-content) minmax(35px, max-content) minmax(12px, max-content); } #RECT-iujni2a8 { align-self: center; grid-column-end: 4; grid-column-start: 1; grid-row-end: 6; grid-row-start: 1; height: 100%; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 100%; filter: drop-shadow(0px 2px 1px rgba(0, 0, 0, 0.25)); border-radius: 7px 7px 7px 7px; } #RECT-iujni2a8 .x-rect { --width: 100%; background: #ffffff; border-color: #dddddd; border-radius: 7px 7px 7px 7px; border-style: solid; border-width: 1.0px; filter: drop-shadow(0px 2px 1px rgba(0, 0, 0, 0.25)); height: 100%; width: 100%; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9ImN1cnJlbnRDb2xvciIvPjwvc3ZnPg==); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; border: ; background: var(--active-color, #ffffff); } #RECT-iujni2a8::before { content: ""; border-color: #dddddd; border-style: solid; border-width: 1.0px; border-radius: inherit; border: ; height: 100%; width: 100%; position: absolute; top: 0; left: 0; box-sizing: border-box; } #IMAGE-xrwgvpuk { align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 3; grid-row-start: 2; height: 40px; justify-self: start; margin-left: 0%; margin-top: calc(0px * 2); width: 40px; } #IMAGE-xrwgvpuk picture { --width: 40px; border-color: #000000ff; height: 100%; width: 100%; } #IMAGE-xrwgvpuk img { object-fit: cover; } [id^="TEXT-DATASET-9yzcmagm"], .--clone-TEXT-DATASET-9yzcmagm { align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: stretch; margin-left: 50px; margin-right: 0%; margin-top: calc(0.390625px * 2); width: auto; } [id^="TEXT-DATASET-9yzcmagm"] .x-text, [id^="TEXT-DATASET-9yzcmagm"] .x-text a, .--clone-TEXT-DATASET-9yzcmagm .x-text, .--clone-TEXT-DATASET-9yzcmagm .x-text a { --width: 84.89425981873111%; -webkit-text-stroke: 0px #000000ff; border-color: #000000ff; color: var(--font_color_7); font: var(--font_7); font-size: 18.0px; font-weight: 700; height: 100%; width: 100%; color: var(--active-color, var(--font_color_7)); } [id^="TEXT-DATASET-9yzcmagm"] .x-text:hover, .--clone-TEXT-DATASET-9yzcmagm .x-text:hover, [id^="TEXT-DATASET-9yzcmagm"] a:hover, .--clone-TEXT-DATASET-9yzcmagm a:hover { } [id^="TEXT-DATASET-9k3ui1bs"], .--clone-TEXT-DATASET-9k3ui1bs { align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 4; grid-row-start: 3; height: auto; justify-self: stretch; margin-left: 20px; margin-right: 0%; margin-top: calc(0px * 2); width: auto; } [id^="TEXT-DATASET-9k3ui1bs"] .x-text, [id^="TEXT-DATASET-9k3ui1bs"] .x-text a, .--clone-TEXT-DATASET-9k3ui1bs .x-text, .--clone-TEXT-DATASET-9k3ui1bs .x-text a { --width: 93.95770392749245%; -webkit-text-stroke: 0px #000000ff; border-color: #000000ff; color: #444444; font: var(--font_7); font-size: 14.0px; height: 100%; width: 100%; color: var(--active-color, #444444); } [id^="TEXT-DATASET-9k3ui1bs"] .x-text:hover, .--clone-TEXT-DATASET-9k3ui1bs .x-text:hover, [id^="TEXT-DATASET-9k3ui1bs"] a:hover, .--clone-TEXT-DATASET-9k3ui1bs a:hover { } [id^="TEXT-6hjpi9uk"], .--clone-TEXT-6hjpi9uk { 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: 20px; margin-top: calc(0px * 2); width: 40px; } [id^="TEXT-6hjpi9uk"] .x-text, [id^="TEXT-6hjpi9uk"] .x-text a, .--clone-TEXT-6hjpi9uk .x-text, .--clone-TEXT-6hjpi9uk .x-text a { --width: 40px; -webkit-text-stroke: 0px #000000ff; color: var(--font_color_5); font: var(--font_5); height: 100%; width: 100%; color: var(--active-color, var(--font_color_5)); } [id^="TEXT-6hjpi9uk"] .x-text:hover, .--clone-TEXT-6hjpi9uk .x-text:hover, [id^="TEXT-6hjpi9uk"] a:hover, .--clone-TEXT-6hjpi9uk a:hover { } [id^="TEXT-DATASET-ysaj8yz8"], .--clone-TEXT-DATASET-ysaj8yz8 { align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 5; grid-row-start: 4; height: auto; justify-self: stretch; margin-left: 60px; margin-right: 100px; margin-top: calc(0px * 2); width: auto; } [id^="TEXT-DATASET-ysaj8yz8"] .x-text, [id^="TEXT-DATASET-ysaj8yz8"] .x-text a, .--clone-TEXT-DATASET-ysaj8yz8 .x-text, .--clone-TEXT-DATASET-ysaj8yz8 .x-text a { --width: 171px; -webkit-text-stroke: 0px #000000ff; border-color: #000000ff; color: #000000ff; font-size: 14.0px; height: 100%; width: 100%; color: var(--active-color, #000000ff); } [id^="TEXT-DATASET-ysaj8yz8"] .x-text:hover, .--clone-TEXT-DATASET-ysaj8yz8 .x-text:hover, [id^="TEXT-DATASET-ysaj8yz8"] a:hover, .--clone-TEXT-DATASET-ysaj8yz8 a:hover { } #BUTTON-rbgnkifw { align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 5; grid-row-start: 4; height: 35px; justify-self: end; margin-right: 0%; margin-top: calc(0px * 2); width: 90px; } #BUTTON-rbgnkifw .x-button-wrapper { --width: 90px; -webkit-text-stroke: 0px #000000ff; background: #D1D1D1; border-color: #000000ff; border-radius: 4px 4px 4px 4px; color: #222; font-size: 14.0px; height: 100%; text-align: center; width: 100%; border: ; color: var(--active-color, #222); } #BUTTON-rbgnkifw[disabled=true] { display: none; } [id^="TEXT-0z2vc8qk"], .--clone-TEXT-0z2vc8qk { align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(1.828125px * 2); width: 66.75616197183099%; } [id^="TEXT-0z2vc8qk"] .x-text, [id^="TEXT-0z2vc8qk"] .x-text a, .--clone-TEXT-0z2vc8qk .x-text, .--clone-TEXT-0z2vc8qk .x-text a { --width: 66.75616197183099%; -webkit-text-stroke: 0px #000000ff; color: var(--font_color_4); font: var(--font_4); font-size: 22.0px; height: 100%; text-align: center; width: 100%; color: var(--active-color, var(--font_color_4)); } [id^="TEXT-0z2vc8qk"] .x-text:hover, .--clone-TEXT-0z2vc8qk .x-text:hover, [id^="TEXT-0z2vc8qk"] a:hover, .--clone-TEXT-0z2vc8qk a:hover { } #RECT-k12ajbrw { align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 2; grid-row-start: 1; height: 26px; justify-self: end; margin-right: 0%; margin-top: calc(0px * 2); width: 26px; } #RECT-k12ajbrw .x-rect { --width: 26px; background: #000000ff; border-color: #000000ff; height: 100%; width: 100%; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnIHZpZXdCb3g9JzAgMCAyNCAyNCc+IDxwYXRoIGQ9J00xMy40NiwxMkwxOSwxNy41NFYxOUgxNy41NEwxMiwxMy40Nkw2LjQ2LDE5SDVWMTcuNTRMMTAuNTQsMTJMNSw2LjQ2VjVINi40NkwxMiwxMC41NEwxNy41NCw1SDE5VjYuNDZMMTMuNDYsMTJaJz48L3BhdGg+IDwvc3ZnPg==); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; border: ; background: var(--active-color, #000000ff); } #RECT-k12ajbrw::before { content: ""; border-color: #000000ff; border-style: ; border-width: ; border-radius: inherit; border: ; height: 100%; width: 100%; position: absolute; top: 0; left: 0; box-sizing: border-box; } #POPUP-j81ae6lk { --top: 50%; top: var(--top); --left: 50%; left: var(--left); transform: translate(-50%, -50%); background: #ffffff; width: 665.7312469482422px; height: auto; grid-template-columns: 1fr; grid-template-rows: minmax(255px, max-content) minmax(100px, max-content); column-gap: 0px; row-gap: 0px; max-height: var(--viewport-height, 100vh); border-width: 0px; border-color: #000000; border-radius: 0px; border-style: solid; } #POPUP-j81ae6lk.anim { --width: 665.7312469482422px; } #IMAGE-pmjjdqts { align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: end; margin-right: 0%; margin-top: 0px; width: 99.86092762837092%; } #IMAGE-pmjjdqts picture { --width: 99.86092762837092%; border-color: #000000ff; height: 100%; width: 100%; } #IMAGE-pmjjdqts img { object-fit: cover; } #RECT-ec97m0k7 { align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: 19.50001811981201px; justify-self: end; margin-right: 1.315680638447896%; margin-top: 8px; width: 19.50001811981201px; } #RECT-ec97m0k7 .x-rect { --width: 19.50001811981201px; background: #E5E7EB; border-color: #E5E7EB; height: 100%; width: 100%; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiAgd2lkdGg9JzE0JyBoZWlnaHQ9JzE0JyB2aWV3Qm94PScwIDAgMTQgMTQnIGZpbGw9J25vbmUnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTEyLjU5IDBMNyA1LjU5TDEuNDEgMEwwIDEuNDFMNS41OSA3TDAgMTIuNTlMMS40MSAxNEw3IDguNDFMMTIuNTkgMTRMMTQgMTIuNTlMOC40MSA3TDE0IDEuNDFMMTIuNTkgMFonIGZpbGw9JyMyRTNBNTknLz48L3N2Zz4=); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; border: ; background: var(--active-color, #E5E7EB); } #RECT-ec97m0k7::before { content: ""; border-color: #E5E7EB; border-style: ; border-width: ; border-radius: inherit; border: ; height: 100%; width: 100%; position: absolute; top: 0; left: 0; box-sizing: border-box; } #IMAGE-dwqu9jwb { align-self: end; grid-column-end: 2; grid-column-start: 1; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: center; margin-bottom: 0px; margin-left: calc(0% * 2); width: 99.81794844160568%; } #IMAGE-dwqu9jwb picture { --width: 99.81794844160568%; border-color: #000000ff; height: 100%; width: 100%; } #IMAGE-dwqu9jwb img { object-fit: cover; } #POPUP-qfhx34h1 { --top: 50%; top: var(--top); --left: 50%; left: var(--left); transform: translate(-50%, -50%); background: #ffffff; border-radius: 6px 6px 6px 6px; width: 800px; height: auto; grid-template-columns: 10px 1fr 1fr 10px; grid-template-rows: minmax(10px, max-content) minmax(400px, max-content) minmax(10px, max-content); column-gap: 0px; row-gap: 0px; max-height: var(--viewport-height, 100vh); border-width: 0px; border-color: #000000; border-radius: 6px 6px 6px 6pxpx; border-style: solid; } #POPUP-qfhx34h1.anim { --width: 800px; } #CONTAINER-4vxcbciw { --bg: #ffffff; background: #ffffff; border-color: #000000ff; --width: 97.43589743589745%;align-self: start;grid-column-end: 4;grid-column-start: 3;grid-row-end: 3;grid-row-start: 2;grid-template-columns: 1fr;grid-template-rows: minmax(45px, max-content) minmax(40px, max-content) minmax(40px, max-content) minmax(0px, max-content) minmax(0px, max-content) minmax(0px, max-content) minmax(0px, max-content) minmax(55px, max-content) minmax(60px, max-content) minmax(40px, max-content);height: auto;justify-self: stretch;margin-left: 10px;margin-right: 0px;margin-top: 10px;width: auto; border: #000000ff; } #PRODUCT-GALLERY-2kvo9w79 { --width: 100%;align-self: start;display: none;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: 0px;width: 100%; } #PRODUCT-GALLERY-2kvo9w79 .product-gallery-wrapper { transition: height 0.3s ease; flex-direction: column; } #PRODUCT-GALLERY-2kvo9w79 .product-gallery-wrapper .product-gallery--nav-item[data-video-pin="true"]{ } #PRODUCT-GALLERY-2kvo9w79 .x-pagination-wrapper[data-type="bar"] { } #PRODUCT-GALLERY-2kvo9w79 .x-pagination-wrapper[data-type="bar-dot"] { gap: 10px; } #PRODUCT-GALLERY-2kvo9w79 .x-pagination-bar-backdrop { height: 2px; width: 90%; gap: 10px; } #PRODUCT-GALLERY-2kvo9w79 .x-pagination-bar-backdrop .x-pagination-bar { border-radius: 1000px; flex: 1; } #PRODUCT-GALLERY-2kvo9w79 .x-pagination-bar-backdrop .x-pagination-bar:nth-child(n+6) { } #PRODUCT-GALLERY-2kvo9w79 .x-pagination-bar, #PRODUCT-GALLERY-2kvo9w79 .x-pagination-bar-dot { background: rgba(238, 238, 238, 1); } #PRODUCT-GALLERY-2kvo9w79 .x-bar-active { left: -100%; background: rgba(77, 125, 236, 1); } #PRODUCT-GALLERY-2kvo9w79 .x-pagination-bar-dot.active { background: rgba(77, 125, 236, 1); } #PRODUCT-GALLERY-2kvo9w79 .x-pagination-bar-dot { height: 7px; width: 7px; border-radius: 1000px; } #PRODUCT-GALLERY-2kvo9w79 .product-gallery-mini { min-height: 68px; min-width: 68px; } #PRODUCT-GALLERY-2kvo9w79 .product-gallery-mini-show { } #PRODUCT-GALLERY-2kvo9w79 .product-gallery-mini .product-gallery-mini-wrapper { } #PRODUCT-GALLERY-2kvo9w79 .product-gallery--nav-item img { object-fit: contain; aspect-ratio: 1/1; } #PRODUCT-GALLERY-2kvo9w79 .product-gallery--nav-item img:hover { } modal-product-gallery[data-id="PRODUCT-GALLERY-2kvo9w79"] .modal-product-slider__item img { object-fit: contain; } #PRODUCT-GALLERY-2kvo9w79 .product-gallery--controls > * { width: 100%; height: calc(100% - 40px); color: #4f525d; } #PRODUCT-GALLERY-2kvo9w79 .product-view { height: calc(100% - 70px); width: 100%; } #PRODUCT-GALLERY-2kvo9w79 .thumbnail-icon { margin: 10px 10px 0 0; width: 58px; height: 58px; } #PRODUCT-GALLERY-2kvo9w79 .product-gallery--controls { width: 35px; height: 75px; } #PRODUCT-GALLERY-2kvo9w79 .product-gallery--controls.left { left: 5px; transform: scaleX(-1) scale(1) translate(0,-50%); } #PRODUCT-GALLERY-2kvo9w79 .product-gallery--controls.right { right: 5px; } #PRODUCT-GALLERY-2kvo9w79 .product--ribbons-wrapper { font-family: Roboto; font-weight: ; font-size: 12px; font-style: ; text-decoration: ; color: rgba(255, 255, 255, 1); flex-direction: row; padding: 0px 0px 0px 0px; display: none; } #PRODUCT-GALLERY-2kvo9w79 .product--ribbon { border-radius: 0px; background: rgba(0, 0, 0, 1); border-color: rgba(0, 0, 0, 1); border-width: 0px; background-size: cover; background-attachment: scroll; background-position-x: center; background-position-y: center; background-repeat: no-repeat; filter: ; } #PRODUCT-GALLERY-2kvo9w79 .product-gallery-thumbnails { display: none; height: fit-content; width: fit-content; max-height: 500px; max-width: 500px; overflow: hidden; position: sticky; top: 0; } #PRODUCT-GALLERY-2kvo9w79 .product-gallery-thumbnails .product-gallery-thumbnails-tap { background: #ffffff80; display: flex; align-items: center; justify-content: center; position: absolute; height: 100%; width: 40px; z-index: 100; } #PRODUCT-GALLERY-2kvo9w79 .product-gallery-thumbnails .product-gallery-thumbnails-tap-left{ top: 0; left: 0; } #PRODUCT-GALLERY-2kvo9w79 .product-gallery-thumbnails .product-gallery-thumbnails-tap-right{ top: 0; right: 0; } #PRODUCT-GALLERY-2kvo9w79 .product-gallery-thumbnails .product-gallery-thumbnails-tap-top{ display: none; top: 0; left: 0; } #PRODUCT-GALLERY-2kvo9w79 .product-gallery-thumbnails .product-gallery-thumbnails-tap-bottom{ display: none; bottom: 0; left: 0; } #PRODUCT-GALLERY-2kvo9w79 .product-gallery-thumbnails .product-gallery-thumbnails-tap-icon svg { width: 20px; height: 20px; } #PRODUCT-GALLERY-2kvo9w79 .product-gallery-thumbnails .product-gallery-thumbnails-items { display: flex; width: fit-content; height: fit-content; flex-direction: row; gap: 10px; } #PRODUCT-GALLERY-2kvo9w79 .product-gallery-thumbnails .product-gallery-thumbnails-items.transition{ transition: all 0.3s ease-in-out; } #PRODUCT-GALLERY-2kvo9w79 .product-gallery-thumbnails .product-gallery-thumbnails-item { width: 58px; height: 58px; opacity: 0.5; border-radius: 5px; border: 1px solid transparent; } #PRODUCT-GALLERY-2kvo9w79 .product-gallery-thumbnails .product-gallery-thumbnails-item img, #PRODUCT-GALLERY-2kvo9w79 .product-gallery-thumbnails .product-gallery-thumbnails-item video { width: 58px; height: 58px; } #PRODUCT-GALLERY-2kvo9w79 .product-gallery-thumbnails .product-gallery-thumbnails-item:hover, #PRODUCT-GALLERY-2kvo9w79 .product-gallery-thumbnails .product-gallery-thumbnails-item.active { opacity: 1; border-color: #000000; } .PRODUCT-GALLERY-2kvo9w79 .x-pin-video { display: none; } [id^="TEXT-DATASET-en0nq6p1"], .--clone-TEXT-DATASET-en0nq6p1 { align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: 0px; width: 100%; } [id^="TEXT-DATASET-en0nq6p1"] .x-text, [id^="TEXT-DATASET-en0nq6p1"] .x-text a, .--clone-TEXT-DATASET-en0nq6p1 .x-text, .--clone-TEXT-DATASET-en0nq6p1 .x-text a { --width: 100%; -webkit-text-stroke: 0px #000000ff; color: #000000ff; font-size: 19.0px; font-weight: 700; height: 100%; width: 100%; color: var(--active-color, #000000ff); } [id^="TEXT-DATASET-en0nq6p1"] .x-text:hover, .--clone-TEXT-DATASET-en0nq6p1 .x-text:hover, [id^="TEXT-DATASET-en0nq6p1"] a:hover, .--clone-TEXT-DATASET-en0nq6p1 a:hover { } [id^="TEXT-DATASET-kumxak31"], .--clone-TEXT-DATASET-kumxak31 { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 4; grid-row-start: 3; height: auto; justify-self: start; margin-left: 0%; margin-top: calc(0px * 2); width: 110px; } [id^="TEXT-DATASET-kumxak31"] .x-text, [id^="TEXT-DATASET-kumxak31"] .x-text a, .--clone-TEXT-DATASET-kumxak31 .x-text, .--clone-TEXT-DATASET-kumxak31 .x-text a { --width: 110px; -webkit-text-stroke: 0px #000000ff; border-color: #000000ff; color: #bd0000; font-size: 18.0px; font-weight: 700; height: 100%; width: 100%; color: var(--active-color, #bd0000); } [id^="TEXT-DATASET-kumxak31"] .x-text:hover, .--clone-TEXT-DATASET-kumxak31 .x-text:hover, [id^="TEXT-DATASET-kumxak31"] a:hover, .--clone-TEXT-DATASET-kumxak31 a:hover { } [id^="TEXT-DATASET-m3d4nj4f"], .--clone-TEXT-DATASET-m3d4nj4f { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 4; grid-row-start: 3; height: auto; justify-self: start; margin-left: 110px; margin-top: calc(0px * 2); width: 100px; } [id^="TEXT-DATASET-m3d4nj4f"] .x-text, [id^="TEXT-DATASET-m3d4nj4f"] .x-text a, .--clone-TEXT-DATASET-m3d4nj4f .x-text, .--clone-TEXT-DATASET-m3d4nj4f .x-text a { --width: 100px; -webkit-text-stroke: 0px #000000ff; border-color: #000000ff; color: #4f525d; font-size: 16.0px; height: 100%; text-decoration: line-through; text-transform: initial; width: 100%; color: var(--active-color, #4f525d); } [id^="TEXT-DATASET-m3d4nj4f"] .x-text:hover, .--clone-TEXT-DATASET-m3d4nj4f .x-text:hover, [id^="TEXT-DATASET-m3d4nj4f"] a:hover, .--clone-TEXT-DATASET-m3d4nj4f a:hover { } [id^="TEXT-k4oc6uyc"], .--clone-TEXT-k4oc6uyc { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: end; margin-right: 50px; margin-top: calc(0px * 2); width: 55px; } [id^="TEXT-k4oc6uyc"] .x-text, [id^="TEXT-k4oc6uyc"] .x-text a, .--clone-TEXT-k4oc6uyc .x-text, .--clone-TEXT-k4oc6uyc .x-text a { --width: 55px; -webkit-text-stroke: 0px #000000ff; color: var(--font_color_5); font: var(--font_5); font-weight: 400; height: 100%; width: 100%; color: var(--active-color, var(--font_color_5)); } [id^="TEXT-k4oc6uyc"] .x-text:hover, .--clone-TEXT-k4oc6uyc .x-text:hover, [id^="TEXT-k4oc6uyc"] a:hover, .--clone-TEXT-k4oc6uyc a:hover { } [id^="TEXT-DATASET-mpor79c4"], .--clone-TEXT-DATASET-mpor79c4 { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: end; margin-right: 0%; margin-top: calc(0px * 2); width: 50px; } [id^="TEXT-DATASET-mpor79c4"] .x-text, [id^="TEXT-DATASET-mpor79c4"] .x-text a, .--clone-TEXT-DATASET-mpor79c4 .x-text, .--clone-TEXT-DATASET-mpor79c4 .x-text a { --width: 50px; -webkit-text-stroke: 0px #000000ff; border-color: #000000ff; color: #000000ff; font-size: 14.0px; font-weight: 700; height: 100%; width: 100%; color: var(--active-color, #000000ff); } [id^="TEXT-DATASET-mpor79c4"] .x-text:hover, .--clone-TEXT-DATASET-mpor79c4 .x-text:hover, [id^="TEXT-DATASET-mpor79c4"] a:hover, .--clone-TEXT-DATASET-mpor79c4 a:hover { } [id^="TEXT-DATASET-qwlzgm8p"], .--clone-TEXT-DATASET-qwlzgm8p { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 5; grid-row-start: 4; height: auto; justify-self: start; margin-left: 0%; margin-top: calc(0px * 2); width: 50px; } [id^="TEXT-DATASET-qwlzgm8p"] .x-text, [id^="TEXT-DATASET-qwlzgm8p"] .x-text a, .--clone-TEXT-DATASET-qwlzgm8p .x-text, .--clone-TEXT-DATASET-qwlzgm8p .x-text a { --width: 50px; -webkit-text-stroke: 0px #000000ff; border-color: #000000ff; color: #000000ff; font-size: 14.0px; font-weight: 700; height: 100%; width: 100%; color: var(--active-color, #000000ff); } [id^="TEXT-DATASET-qwlzgm8p"] .x-text:hover, .--clone-TEXT-DATASET-qwlzgm8p .x-text:hover, [id^="TEXT-DATASET-qwlzgm8p"] a:hover, .--clone-TEXT-DATASET-qwlzgm8p a:hover { } #ATTR-9dxifb3m { --width: 100%;align-self: center;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: calc(px * 2);width: auto; } #ATTR-9dxifb3m .attr--item, #ATTR-9dxifb3m select { -webkit-text-stroke: 0px #000000ff; border-color: rgba(196, 196, 196, 1); border-radius: 5px 5px 5px 5px; border-style: solid; border-width: 1.0px; color: #000000d9; font-size: 13.0px; line-height: 20.8px; text-align: center; } #ATTR-9dxifb3m .chevron { width: 16px; right: 8px; } #ATTR-9dxifb3m .chevron svg{ height: 16px; } #ATTR-9dxifb3m .attr--item { margin-right: 7px; margin-bottom: 7px; } #ATTR-9dxifb3m .attr--item:hover { border-color: var(--color_04); border-width: 1px; } #ATTR-9dxifb3m .attr--item.selected { border-color: #bd0000; border-width: 1px; } #ATTR-9dxifb3m img { width: 34px; height: 34px; padding: 0px; border-radius: 5px 5px 5px 5px; } #ATTR-9dxifb3m .attr--item:hover .tooltip { background: #000; color: #fff; } #ATTR-9dxifb3m .attr--item:hover .tooltip:after { background: #000; border-top-color: #000; } #ATTR-9dxifb3m .select-wrapper { opacity: 0; } #ATTR-9dxifb3m .select-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between; pointer-events: none; -webkit-text-stroke: 0px #000000ff; border-color: rgba(196, 196, 196, 1); border-radius: 5px 5px 5px 5px; border-style: solid; border-width: 1.0px; color: #000000d9; font-size: 13.0px; line-height: 20.8px; text-align: center; gap: 0px; padding-left: 12px !important; padding-right: 7px !important; } #ATTR-9dxifb3m .select-overlay .select--text { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } #ATTR-9dxifb3m .select-overlay .select--icon { width: 16px; height: 16px; min-width: 16px; min-height: 16px; } [id^="TEXT-DATASET-clmwqb9q"], .--clone-TEXT-DATASET-clmwqb9q { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 5; grid-row-start: 4; height: auto; justify-self: start; margin-left: 50px; margin-top: calc(0px * 2); width: 31.496062992125985%; } [id^="TEXT-DATASET-clmwqb9q"] .x-text, [id^="TEXT-DATASET-clmwqb9q"] .x-text a, .--clone-TEXT-DATASET-clmwqb9q .x-text, .--clone-TEXT-DATASET-clmwqb9q .x-text a { --width: 31.496062992125985%; -webkit-text-stroke: 0px #000000ff; border-color: #000000ff; color: #bd0000; font-size: 14.0px; height: 100%; width: 100%; color: var(--active-color, #bd0000); } [id^="TEXT-DATASET-clmwqb9q"] .x-text:hover, .--clone-TEXT-DATASET-clmwqb9q .x-text:hover, [id^="TEXT-DATASET-clmwqb9q"] a:hover, .--clone-TEXT-DATASET-clmwqb9q a:hover { } [id^="TEXT-DATASET-lg4x9ryy"], .--clone-TEXT-DATASET-lg4x9ryy { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 7; grid-row-start: 6; height: auto; justify-self: start; margin-left: 0%; margin-top: calc(0px * 2); width: 50px; } [id^="TEXT-DATASET-lg4x9ryy"] .x-text, [id^="TEXT-DATASET-lg4x9ryy"] .x-text a, .--clone-TEXT-DATASET-lg4x9ryy .x-text, .--clone-TEXT-DATASET-lg4x9ryy .x-text a { --width: 50px; -webkit-text-stroke: 0px #000000ff; border-color: #000000ff; color: #000000ff; font-size: 14.0px; font-weight: 700; height: 100%; width: 100%; color: var(--active-color, #000000ff); } [id^="TEXT-DATASET-lg4x9ryy"] .x-text:hover, .--clone-TEXT-DATASET-lg4x9ryy .x-text:hover, [id^="TEXT-DATASET-lg4x9ryy"] a:hover, .--clone-TEXT-DATASET-lg4x9ryy a:hover { } [id^="TEXT-DATASET-js07jeeb"], .--clone-TEXT-DATASET-js07jeeb { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 7; grid-row-start: 6; height: auto; justify-self: start; margin-left: 50px; margin-top: calc(0px * 2); width: 31.496062992125985%; } [id^="TEXT-DATASET-js07jeeb"] .x-text, [id^="TEXT-DATASET-js07jeeb"] .x-text a, .--clone-TEXT-DATASET-js07jeeb .x-text, .--clone-TEXT-DATASET-js07jeeb .x-text a { --width: 31.496062992125985%; -webkit-text-stroke: 0px #000000ff; border-color: #000000ff; color: #bd0000; font-size: 14.0px; height: 100%; width: 100%; color: var(--active-color, #bd0000); } [id^="TEXT-DATASET-js07jeeb"] .x-text:hover, .--clone-TEXT-DATASET-js07jeeb .x-text:hover, [id^="TEXT-DATASET-js07jeeb"] a:hover, .--clone-TEXT-DATASET-js07jeeb a:hover { } #ATTR-u8tzswyk { --width: 100%;align-self: center;grid-column-end: 2;grid-column-start: 1;grid-row-end: 8;grid-row-start: 7;height: auto;justify-self: stretch;margin-left: 0%;margin-right: 0%;margin-top: calc(0px * 2);width: auto; } #ATTR-u8tzswyk .attr--item, #ATTR-u8tzswyk select { -webkit-text-stroke: 0px #000000ff; border-color: #c4c4c4ff; border-radius: 5px 5px 5px 5px; border-style: solid; border-width: 1.0px; color: #000000d9; font-size: 13.0px; line-height: 20.8px; text-align: center; } #ATTR-u8tzswyk .chevron { width: 16px; right: 8px; } #ATTR-u8tzswyk .chevron svg{ height: 16px; } #ATTR-u8tzswyk .attr--item { margin-right: 7px; margin-bottom: 7px; } #ATTR-u8tzswyk .attr--item:hover { border-color: #bd0000; border-width: 1px; } #ATTR-u8tzswyk .attr--item.selected { border-color: #c4c4c4ff; border-width: 1px; background-color: #bd0000; color: var(--color_00); } #ATTR-u8tzswyk img { width: 40px; height: 40px; padding: 0px; border-radius: 5px 5px 5px 5px; } #ATTR-u8tzswyk .attr--item:hover .tooltip { background: #000; color: #fff; } #ATTR-u8tzswyk .attr--item:hover .tooltip:after { background: #000; border-top-color: #000; } #ATTR-u8tzswyk .select-wrapper { opacity: 0; } #ATTR-u8tzswyk .select-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between; pointer-events: none; -webkit-text-stroke: 0px #000000ff; border-color: #c4c4c4ff; border-radius: 5px 5px 5px 5px; border-style: solid; border-width: 1.0px; color: #000000d9; font-size: 13.0px; line-height: 20.8px; text-align: center; gap: 0px; padding-left: 12px !important; padding-right: 7px !important; } #ATTR-u8tzswyk .select-overlay .select--text { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } #ATTR-u8tzswyk .select-overlay .select--icon { width: 16px; height: 16px; min-width: 16px; min-height: 16px; } [id^="TEXT-rv1go7p9"], .--clone-TEXT-rv1go7p9 { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 9; grid-row-start: 8; height: auto; justify-self: start; margin-left: 0%; margin-top: calc(0px * 2); width: 80px; } [id^="TEXT-rv1go7p9"] .x-text, [id^="TEXT-rv1go7p9"] .x-text a, .--clone-TEXT-rv1go7p9 .x-text, .--clone-TEXT-rv1go7p9 .x-text a { --width: 80px; -webkit-text-stroke: 0px #000000ff; color: var(--font_color_4); font: var(--font_4); font-size: 14.0px; height: 100%; width: 100%; color: var(--active-color, var(--font_color_4)); } [id^="TEXT-rv1go7p9"] .x-text:hover, .--clone-TEXT-rv1go7p9 .x-text:hover, [id^="TEXT-rv1go7p9"] a:hover, .--clone-TEXT-rv1go7p9 a:hover { } #QUANTITY-INPUT-04kdzbmo { --width: 100px;align-self: center;grid-column-end: 2;grid-column-start: 1;grid-row-end: 9;grid-row-start: 8;height: 34px;justify-self: start;margin-left: 80px;margin-top: calc(0px * 2);width: 100px; -webkit-text-stroke: 0px #000000ff; border-color: #dddddd; border-radius: 5px 5px 5px 5px; border-style: solid; border-width: 1.0px; color: #000000d9; overflow: hidden; } #QUANTITY-INPUT-04kdzbmo .quantity__input { padding-left: 32px; padding-right: 32px; } #QUANTITY-INPUT-04kdzbmo .quantity__button{ border-style: solid; } #QUANTITY-INPUT-04kdzbmo .quantity__button[name="minus"] { width:32px; } #QUANTITY-INPUT-04kdzbmo .quantity__button[name="minus"] svg { width: 9.3px; } #QUANTITY-INPUT-04kdzbmo .quantity__button[name="plus"] { width:32px; } #QUANTITY-INPUT-04kdzbmo .quantity__button[name="plus"] svg { width: 9.3px; } #BUTTON-419kgca2 { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 10; grid-row-start: 9; height: 50px; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 100%; } #BUTTON-419kgca2 .x-button-wrapper { --width: 100%; -webkit-text-stroke: 0px #000000; background: #D1D1D1; border-color: #D1D1D1; border-radius: 5px 5px 5px 5px; border-style: solid; border-width: 1.0px; color: #000000; font-size: 15.0px; font-weight: 700; height: 100%; text-align: center; text-transform: uppercase; width: 100%; border: ; color: var(--active-color, #000000); } #BUTTON-419kgca2[disabled=true] { display: none; } #BUTTON-419kgca2{ transition-duration: 0.1s; transition-delay: 0s; transition-property: transform; transition-timing-function: ease-out; will-change: transform; } #BUTTON-419kgca2:hover > * { background: var(--color_23) !important; } #BUTTON-419kgca2{ transition-duration: 0.1s; transition-delay: 0s; transition-property: transform; transition-timing-function: ease-out; will-change: transform; } #BUTTON-419kgca2:hover, #BUTTON-419kgca2:hover > * { color: #ffffffff !important; } [id^="TEXT-69twubu0"], .--clone-TEXT-69twubu0 { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: start; margin-bottom: calc(0.15625px * 2); margin-left: 0%; width: 90px; } [id^="TEXT-69twubu0"] .x-text, [id^="TEXT-69twubu0"] .x-text a, .--clone-TEXT-69twubu0 .x-text, .--clone-TEXT-69twubu0 .x-text a { --width: 90px; -webkit-text-stroke: 0px #000000ff; color: var(--font_color_5); font: var(--font_5); font-weight: 400; height: 100%; width: 100%; color: var(--active-color, var(--font_color_5)); } [id^="TEXT-69twubu0"] .x-text:hover, .--clone-TEXT-69twubu0 .x-text:hover, [id^="TEXT-69twubu0"] a:hover, .--clone-TEXT-69twubu0 a:hover { } [id^="TEXT-8q5hpmhf"], .--clone-TEXT-8q5hpmhf { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: start; margin-left: 90px; margin-top: calc(0px * 2); width: 60px; } [id^="TEXT-8q5hpmhf"] .x-text, [id^="TEXT-8q5hpmhf"] .x-text a, .--clone-TEXT-8q5hpmhf .x-text, .--clone-TEXT-8q5hpmhf .x-text a { --width: 60px; -webkit-text-stroke: 0px #000000ff; color: var(--font_color_5); font: var(--font_5); height: 100%; width: 100%; color: var(--active-color, var(--font_color_5)); } [id^="TEXT-8q5hpmhf"] .x-text:hover, .--clone-TEXT-8q5hpmhf .x-text:hover, [id^="TEXT-8q5hpmhf"] a:hover, .--clone-TEXT-8q5hpmhf a:hover { } [id^="TEXT-DATASET-nk93qsm0"], .--clone-TEXT-DATASET-nk93qsm0 { align-self: end; grid-column-end: 2; grid-column-start: 1; grid-row-end: 11; grid-row-start: 10; height: auto; justify-self: start; margin-bottom: 0px; margin-left: 0%; width: 80%; } [id^="TEXT-DATASET-nk93qsm0"] .x-text, [id^="TEXT-DATASET-nk93qsm0"] .x-text a, .--clone-TEXT-DATASET-nk93qsm0 .x-text, .--clone-TEXT-DATASET-nk93qsm0 .x-text a { --width: 80%; -webkit-text-stroke: 0px #000000ff; border-color: #000000ff; color: #232734; font-size: 15.0px; height: 100%; width: 100%; color: var(--active-color, #232734); } [id^="TEXT-DATASET-nk93qsm0"] .x-text:hover, .--clone-TEXT-DATASET-nk93qsm0 .x-text:hover, [id^="TEXT-DATASET-nk93qsm0"] a:hover, .--clone-TEXT-DATASET-nk93qsm0 a:hover { } #PRODUCT-GALLERY-fqprrxwf { --width: 100%;align-self: start;display: none;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: 20px;width: 100%; } #PRODUCT-GALLERY-fqprrxwf .product-gallery-wrapper { transition: height 0.3s ease; flex-direction: column; } #PRODUCT-GALLERY-fqprrxwf .product-gallery-wrapper .product-gallery--nav-item[data-video-pin="true"]{ } #PRODUCT-GALLERY-fqprrxwf .x-pagination-wrapper[data-type="bar"] { } #PRODUCT-GALLERY-fqprrxwf .x-pagination-wrapper[data-type="bar-dot"] { gap: 10px; } #PRODUCT-GALLERY-fqprrxwf .x-pagination-bar-backdrop { height: 2px; width: 90%; gap: 10px; } #PRODUCT-GALLERY-fqprrxwf .x-pagination-bar-backdrop .x-pagination-bar { border-radius: 1000px; flex: 1; } #PRODUCT-GALLERY-fqprrxwf .x-pagination-bar-backdrop .x-pagination-bar:nth-child(n+6) { } #PRODUCT-GALLERY-fqprrxwf .x-pagination-bar, #PRODUCT-GALLERY-fqprrxwf .x-pagination-bar-dot { background: rgba(238, 238, 238, 1); } #PRODUCT-GALLERY-fqprrxwf .x-bar-active { left: -100%; background: rgba(77, 125, 236, 1); } #PRODUCT-GALLERY-fqprrxwf .x-pagination-bar-dot.active { background: rgba(77, 125, 236, 1); } #PRODUCT-GALLERY-fqprrxwf .x-pagination-bar-dot { height: 7px; width: 7px; border-radius: 1000px; } #PRODUCT-GALLERY-fqprrxwf .product-gallery-mini { min-height: 68px; min-width: 68px; } #PRODUCT-GALLERY-fqprrxwf .product-gallery-mini-show { } #PRODUCT-GALLERY-fqprrxwf .product-gallery-mini .product-gallery-mini-wrapper { } #PRODUCT-GALLERY-fqprrxwf .product-gallery--nav-item img { object-fit: contain; aspect-ratio: 1/1; } #PRODUCT-GALLERY-fqprrxwf .product-gallery--nav-item img:hover { } modal-product-gallery[data-id="PRODUCT-GALLERY-fqprrxwf"] .modal-product-slider__item img { object-fit: contain; } #PRODUCT-GALLERY-fqprrxwf .product-gallery--controls > * { width: 100%; height: calc(100% - 40px); color: #4f525d; } #PRODUCT-GALLERY-fqprrxwf .product-view { height: calc(100% - 70px); width: 100%; } #PRODUCT-GALLERY-fqprrxwf .thumbnail-icon { margin: 10px 10px 0 0; width: 58px; height: 58px; } #PRODUCT-GALLERY-fqprrxwf .product-gallery--controls { width: 35px; height: 75px; } #PRODUCT-GALLERY-fqprrxwf .product-gallery--controls.left { left: 5px; transform: scaleX(-1) scale(1) translate(0,-50%); } #PRODUCT-GALLERY-fqprrxwf .product-gallery--controls.right { right: 5px; } #PRODUCT-GALLERY-fqprrxwf .product--ribbons-wrapper { font-family: Roboto; font-weight: ; font-size: 12px; font-style: ; text-decoration: ; color: rgba(255, 255, 255, 1); flex-direction: row; padding: 0px 0px 0px 0px; display: none; } #PRODUCT-GALLERY-fqprrxwf .product--ribbon { border-radius: 0px; background: rgba(0, 0, 0, 1); border-color: rgba(0, 0, 0, 1); border-width: 0px; background-size: cover; background-attachment: scroll; background-position-x: center; background-position-y: center; background-repeat: no-repeat; filter: ; } #PRODUCT-GALLERY-fqprrxwf .product-gallery-thumbnails { display: none; height: fit-content; width: fit-content; max-height: 500px; max-width: 500px; overflow: hidden; position: sticky; top: 0; } #PRODUCT-GALLERY-fqprrxwf .product-gallery-thumbnails .product-gallery-thumbnails-tap { background: #ffffff80; display: flex; align-items: center; justify-content: center; position: absolute; height: 100%; width: 40px; z-index: 100; } #PRODUCT-GALLERY-fqprrxwf .product-gallery-thumbnails .product-gallery-thumbnails-tap-left{ top: 0; left: 0; } #PRODUCT-GALLERY-fqprrxwf .product-gallery-thumbnails .product-gallery-thumbnails-tap-right{ top: 0; right: 0; } #PRODUCT-GALLERY-fqprrxwf .product-gallery-thumbnails .product-gallery-thumbnails-tap-top{ display: none; top: 0; left: 0; } #PRODUCT-GALLERY-fqprrxwf .product-gallery-thumbnails .product-gallery-thumbnails-tap-bottom{ display: none; bottom: 0; left: 0; } #PRODUCT-GALLERY-fqprrxwf .product-gallery-thumbnails .product-gallery-thumbnails-tap-icon svg { width: 20px; height: 20px; } #PRODUCT-GALLERY-fqprrxwf .product-gallery-thumbnails .product-gallery-thumbnails-items { display: flex; width: fit-content; height: fit-content; flex-direction: row; gap: 10px; } #PRODUCT-GALLERY-fqprrxwf .product-gallery-thumbnails .product-gallery-thumbnails-items.transition{ transition: all 0.3s ease-in-out; } #PRODUCT-GALLERY-fqprrxwf .product-gallery-thumbnails .product-gallery-thumbnails-item { width: 58px; height: 58px; opacity: 0.5; border-radius: 5px; border: 1px solid transparent; } #PRODUCT-GALLERY-fqprrxwf .product-gallery-thumbnails .product-gallery-thumbnails-item img, #PRODUCT-GALLERY-fqprrxwf .product-gallery-thumbnails .product-gallery-thumbnails-item video { width: 58px; height: 58px; } #PRODUCT-GALLERY-fqprrxwf .product-gallery-thumbnails .product-gallery-thumbnails-item:hover, #PRODUCT-GALLERY-fqprrxwf .product-gallery-thumbnails .product-gallery-thumbnails-item.active { opacity: 1; border-color: #000000; } .PRODUCT-GALLERY-fqprrxwf .x-pin-video { display: none; } #PRODUCT-GALLERY-0x4hwrsq { --width: 100%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: 0px;width: 100%; } #PRODUCT-GALLERY-0x4hwrsq .product-gallery-wrapper { transition: height 0.3s ease; flex-direction: column; } #PRODUCT-GALLERY-0x4hwrsq .product-gallery-wrapper .product-gallery--nav-item[data-video-pin="true"]{ } #PRODUCT-GALLERY-0x4hwrsq .x-pagination-wrapper[data-type="bar"] { } #PRODUCT-GALLERY-0x4hwrsq .x-pagination-wrapper[data-type="bar-dot"] { gap: 10px; } #PRODUCT-GALLERY-0x4hwrsq .x-pagination-bar-backdrop { height: 2px; width: 90%; gap: 10px; } #PRODUCT-GALLERY-0x4hwrsq .x-pagination-bar-backdrop .x-pagination-bar { border-radius: 1000px; flex: 1; } #PRODUCT-GALLERY-0x4hwrsq .x-pagination-bar-backdrop .x-pagination-bar:nth-child(n+6) { } #PRODUCT-GALLERY-0x4hwrsq .x-pagination-bar, #PRODUCT-GALLERY-0x4hwrsq .x-pagination-bar-dot { background: rgba(238, 238, 238, 1); } #PRODUCT-GALLERY-0x4hwrsq .x-bar-active { left: -100%; background: rgba(77, 125, 236, 1); } #PRODUCT-GALLERY-0x4hwrsq .x-pagination-bar-dot.active { background: rgba(77, 125, 236, 1); } #PRODUCT-GALLERY-0x4hwrsq .x-pagination-bar-dot { height: 7px; width: 7px; border-radius: 1000px; } #PRODUCT-GALLERY-0x4hwrsq .product-gallery-mini { min-height: 68px; min-width: 68px; } #PRODUCT-GALLERY-0x4hwrsq .product-gallery-mini-show { } #PRODUCT-GALLERY-0x4hwrsq .product-gallery-mini .product-gallery-mini-wrapper { } #PRODUCT-GALLERY-0x4hwrsq .product-gallery--nav-item img { object-fit: contain; aspect-ratio: 1/1; } #PRODUCT-GALLERY-0x4hwrsq .product-gallery--nav-item img:hover { } modal-product-gallery[data-id="PRODUCT-GALLERY-0x4hwrsq"] .modal-product-slider__item img { object-fit: contain; } #PRODUCT-GALLERY-0x4hwrsq .product-gallery--controls > * { width: 100%; height: calc(100% - 40px); color: #4f525d; } #PRODUCT-GALLERY-0x4hwrsq .product-view { height: calc(100% - 70px); width: 100%; } #PRODUCT-GALLERY-0x4hwrsq .thumbnail-icon { margin: 10px 10px 0 0; width: 58px; height: 58px; } #PRODUCT-GALLERY-0x4hwrsq .product-gallery--controls { width: 35px; height: 75px; } #PRODUCT-GALLERY-0x4hwrsq .product-gallery--controls.left { left: 5px; transform: scaleX(-1) scale(1) translate(0,-50%); } #PRODUCT-GALLERY-0x4hwrsq .product-gallery--controls.right { right: 5px; } #PRODUCT-GALLERY-0x4hwrsq .product--ribbons-wrapper { font-family: Roboto; font-weight: ; font-size: 12px; font-style: ; text-decoration: ; color: rgba(255, 255, 255, 1); flex-direction: row; padding: 0px 0px 0px 0px; display: none; } #PRODUCT-GALLERY-0x4hwrsq .product--ribbon { border-radius: 0px; background: rgba(0, 0, 0, 1); border-color: rgba(0, 0, 0, 1); border-width: 0px; background-size: cover; background-attachment: scroll; background-position-x: center; background-position-y: center; background-repeat: no-repeat; filter: ; } #PRODUCT-GALLERY-0x4hwrsq .product-gallery-thumbnails { display: none; height: fit-content; width: fit-content; max-height: 500px; max-width: 500px; overflow: hidden; position: sticky; top: 0; } #PRODUCT-GALLERY-0x4hwrsq .product-gallery-thumbnails .product-gallery-thumbnails-tap { background: #ffffff80; display: flex; align-items: center; justify-content: center; position: absolute; height: 100%; width: 40px; z-index: 100; } #PRODUCT-GALLERY-0x4hwrsq .product-gallery-thumbnails .product-gallery-thumbnails-tap-left{ top: 0; left: 0; } #PRODUCT-GALLERY-0x4hwrsq .product-gallery-thumbnails .product-gallery-thumbnails-tap-right{ top: 0; right: 0; } #PRODUCT-GALLERY-0x4hwrsq .product-gallery-thumbnails .product-gallery-thumbnails-tap-top{ display: none; top: 0; left: 0; } #PRODUCT-GALLERY-0x4hwrsq .product-gallery-thumbnails .product-gallery-thumbnails-tap-bottom{ display: none; bottom: 0; left: 0; } #PRODUCT-GALLERY-0x4hwrsq .product-gallery-thumbnails .product-gallery-thumbnails-tap-icon svg { width: 20px; height: 20px; } #PRODUCT-GALLERY-0x4hwrsq .product-gallery-thumbnails .product-gallery-thumbnails-items { display: flex; width: fit-content; height: fit-content; flex-direction: row; gap: 10px; } #PRODUCT-GALLERY-0x4hwrsq .product-gallery-thumbnails .product-gallery-thumbnails-items.transition{ transition: all 0.3s ease-in-out; } #PRODUCT-GALLERY-0x4hwrsq .product-gallery-thumbnails .product-gallery-thumbnails-item { width: 58px; height: 58px; opacity: 0.5; border-radius: 5px; border: 1px solid transparent; } #PRODUCT-GALLERY-0x4hwrsq .product-gallery-thumbnails .product-gallery-thumbnails-item img, #PRODUCT-GALLERY-0x4hwrsq .product-gallery-thumbnails .product-gallery-thumbnails-item video { width: 58px; height: 58px; } #PRODUCT-GALLERY-0x4hwrsq .product-gallery-thumbnails .product-gallery-thumbnails-item:hover, #PRODUCT-GALLERY-0x4hwrsq .product-gallery-thumbnails .product-gallery-thumbnails-item.active { opacity: 1; border-color: #000000; } .PRODUCT-GALLERY-0x4hwrsq .x-pin-video { display: none; } #RECT-k8qpeap3 { align-self: start; grid-column-end: 4; grid-column-start: 3; grid-row-end: 3; grid-row-start: 2; height: 28px; justify-self: end; margin-right: 0%; margin-top: 0px; width: 28px; } #RECT-k8qpeap3 .x-rect { --width: 28px; background: #444444; border-color: #E5E7EB; height: 100%; width: 100%; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnIHZpZXdCb3g9JzAgMCAyNCAyNCc+IDxwYXRoIGQ9J00xMy40NiwxMkwxOSwxNy41NFYxOUgxNy41NEwxMiwxMy40Nkw2LjQ2LDE5SDVWMTcuNTRMMTAuNTQsMTJMNSw2LjQ2VjVINi40NkwxMiwxMC41NEwxNy41NCw1SDE5VjYuNDZMMTMuNDYsMTJaJz48L3BhdGg+IDwvc3ZnPg==); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; border: ; background: var(--active-color, #444444); } #RECT-k8qpeap3::before { content: ""; border-color: #E5E7EB; border-style: ; border-width: ; border-radius: inherit; border: ; height: 100%; width: 100%; position: absolute; top: 0; left: 0; box-sizing: border-box; } #CART-DROPPABLE-hdmxlt4f { background: #ffffff; top: 0; right: 0; width: 500px; height: var(--viewport-height, 100vh); grid-template-columns: 50px 1fr 50px; grid-template-rows: minmax(50px, max-content) minmax(50px, max-content) minmax(0%, calc(100% - 100px)); column-gap: 0px; row-gap: 0px; overflow-x: auto; } #CART-DROPPABLE-hdmxlt4f.anim { --width: 500px; animation: slide-right 0.2s ease; } [id^="TEXT-7b4vr0pj"], .--clone-TEXT-7b4vr0pj { align-self: start; grid-column-end: 3; grid-column-start: 2; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: start; margin-left: 0%; margin-top: 0px; width: 53.1875%; } [id^="TEXT-7b4vr0pj"] .x-text, [id^="TEXT-7b4vr0pj"] .x-text a, .--clone-TEXT-7b4vr0pj .x-text, .--clone-TEXT-7b4vr0pj .x-text a { --width: 53.1875%; -webkit-text-stroke: 0px #000000ff; color: #444444; font: var(--font_4); font-size: 14.0px; height: 100%; width: 100%; color: var(--active-color, #444444); } [id^="TEXT-7b4vr0pj"] .x-text:hover, .--clone-TEXT-7b4vr0pj .x-text:hover, [id^="TEXT-7b4vr0pj"] a:hover, .--clone-TEXT-7b4vr0pj a:hover { } #IMAGE-chfda6ph { align-self: start; grid-column-end: 3; grid-column-start: 2; grid-row-end: 3; grid-row-start: 2; height: 32px; justify-self: end; margin-right: 0px; margin-top: 0px; width: 32px; } #IMAGE-chfda6ph picture { --width: 32px; border-color: #000000ff; height: 100%; width: 100%; } #IMAGE-chfda6ph img { object-fit: cover; } [id^="TEXT-md9q2ee9"], .--clone-TEXT-md9q2ee9 { align-self: start; grid-column-end: 3; grid-column-start: 2; grid-row-end: 4; grid-row-start: 3; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: 0px; width: 80%; } [id^="TEXT-md9q2ee9"] .x-text, [id^="TEXT-md9q2ee9"] .x-text a, .--clone-TEXT-md9q2ee9 .x-text, .--clone-TEXT-md9q2ee9 .x-text a { --width: 80%; -webkit-text-stroke: 0px #000000ff; color: var(--font_color_5); font: var(--font_5); font-weight: 400; height: 100%; text-align: center; width: 100%; color: var(--active-color, var(--font_color_5)); } [id^="TEXT-md9q2ee9"] .x-text:hover, .--clone-TEXT-md9q2ee9 .x-text:hover, [id^="TEXT-md9q2ee9"] a:hover, .--clone-TEXT-md9q2ee9 a:hover { } #BUTTON-2f03p4js { align-self: start; grid-column-end: 3; grid-column-start: 2; grid-row-end: 4; grid-row-start: 3; height: 45.60000228881836px; justify-self: center; margin-left: calc(0% * 2); margin-top: 34px; width: 51%; } #BUTTON-2f03p4js .x-button-wrapper { --width: 51%; -webkit-text-stroke: 0px #000000ff; background: #181818ff; border-color: #000000ff; border-radius: 5px 5px 5px 5px; color: #ffffffff; font-size: 16.0px; height: 100%; text-align: center; width: 100%; border: ; color: var(--active-color, #ffffffff); } #BUTTON-2f03p4js[disabled=true] { display: none; } #CART-DROPPABLE-fugp35hk { background: #ffffff; top: 0; right: 0; width: 500px; height: var(--viewport-height, 100vh); grid-template-columns: 50px 1fr 50px; grid-template-rows: minmax(70px, max-content) minmax(15px, max-content) minmax(0px, calc(100% - 205px)) minmax(40px, max-content) minmax(60px, max-content) minmax(20px, max-content); column-gap: 0px; row-gap: 0px; overflow-x: auto; } #CART-DROPPABLE-fugp35hk.anim { --width: 500px; animation: slide-right 0.2s ease; } #RECT-ser0n6bg { align-self: center; grid-column-end: 4; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: 100%; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 100%; } #RECT-ser0n6bg .x-rect { --width: 100%; background: #f5f5f5; border-color: #000000ff; height: 100%; width: 100%; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9ImN1cnJlbnRDb2xvciIvPjwvc3ZnPg==); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; border: ; background: var(--active-color, #f5f5f5); } #RECT-ser0n6bg::before { content: ""; border-color: #000000ff; border-style: ; border-width: ; border-radius: inherit; border: ; height: 100%; width: 100%; position: absolute; top: 0; left: 0; box-sizing: border-box; } #IMAGE-ed2y9gqr { align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 2; grid-row-start: 1; height: 25.399999618530273px; justify-self: end; margin-right: 0px; margin-top: calc(0px * 2); width: 25.399999618530273px; } #IMAGE-ed2y9gqr picture { --width: 25.399999618530273px; border-color: #000000ff; height: 100%; width: 100%; } #IMAGE-ed2y9gqr img { object-fit: cover; } [id^="TEXT-5dp6eh7o"], .--clone-TEXT-5dp6eh7o { align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: start; margin-left: 0%; margin-top: calc(0.1999969482421875px * 2); width: 40.18749999999998%; } [id^="TEXT-5dp6eh7o"] .x-text, [id^="TEXT-5dp6eh7o"] .x-text a, .--clone-TEXT-5dp6eh7o .x-text, .--clone-TEXT-5dp6eh7o .x-text a { --width: 40.18749999999998%; -webkit-text-stroke: 0px #000000ff; color: #444444; font: var(--font_4); font-size: 18.0px; height: 100%; width: 100%; color: var(--active-color, #444444); } [id^="TEXT-5dp6eh7o"] .x-text:hover, .--clone-TEXT-5dp6eh7o .x-text:hover, [id^="TEXT-5dp6eh7o"] a:hover, .--clone-TEXT-5dp6eh7o a:hover { } #CONTAINER-vuyri26o { --bg: #e8eaed00; background: #e8eaed00; border-color: #000000ff; overflow-x: hidden; overflow-y: auto; --width: 100%;align-self: center;grid-column-end: 3;grid-column-start: 2;grid-row-end: 4;grid-row-start: 3;grid-template-columns: 1fr;grid-template-rows: minmax(100%, max-content);height: 100%;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 100%; overflow-x: hidden; overflow-y: auto; border: #000000ff; } #CART-ITEMS-5moldkpf { --width: 100%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;grid-template-columns: 75px 1fr 80px 30px;grid-template-rows: minmax(25px, max-content) minmax(20px, max-content) minmax(25px, max-content) minmax(20px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: 0px;width: 100%; } #CART-ITEMS-5moldkpf cart-item, #CART-ITEMS-5moldkpf .cart-loading { grid-template-columns: 75px 1fr 80px 30px; grid-template-rows: minmax(25px, max-content) minmax(20px, max-content) minmax(25px, max-content) minmax(20px, max-content); } #IMAGE-DATASET-oasu6rkq { --width: 65px;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 4;grid-row-start: 1;height: auto;justify-self: start;margin-left: 0%;margin-top: 0px;width: 65px; } #IMAGE-DATASET-oasu6rkq picture, #IMAGE-DATASET-oasu6rkq img { border-color: #e3e3e3; border-style: solid; border-width: 1.0px; } #IMAGE-DATASET-oasu6rkq img { object-fit: contain; } [id^="TEXT-DATASET-lgkbr3ef"], .--clone-TEXT-DATASET-lgkbr3ef { align-self: start; grid-column-end: 4; grid-column-start: 2; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: start; margin-left: 0%; margin-top: 0px; width: 98%; } [id^="TEXT-DATASET-lgkbr3ef"] .x-text, [id^="TEXT-DATASET-lgkbr3ef"] .x-text a, .--clone-TEXT-DATASET-lgkbr3ef .x-text, .--clone-TEXT-DATASET-lgkbr3ef .x-text a { --width: 98%; -webkit-text-stroke: 0px #000000ff; border-color: #000000ff; color: #FF0000; font-family: 'Roboto Condensed', sans-serif; font-size: 14.0px; font-weight: 400; height: 100%; width: 100%; color: var(--active-color, #FF0000); } [id^="TEXT-DATASET-lgkbr3ef"] .x-text:hover, .--clone-TEXT-DATASET-lgkbr3ef .x-text:hover, [id^="TEXT-DATASET-lgkbr3ef"] a:hover, .--clone-TEXT-DATASET-lgkbr3ef a:hover { } [id^="TEXT-DATASET-t162cxm4"], .--clone-TEXT-DATASET-t162cxm4 { align-self: center; grid-column-end: 4; grid-column-start: 3; grid-row-end: 4; grid-row-start: 3; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 100%; } [id^="TEXT-DATASET-t162cxm4"] .x-text, [id^="TEXT-DATASET-t162cxm4"] .x-text a, .--clone-TEXT-DATASET-t162cxm4 .x-text, .--clone-TEXT-DATASET-t162cxm4 .x-text a { --width: 100%; -webkit-text-stroke: 0px #000000ff; border-color: #000000ff; color: #FF0000; font-size: 14.0px; font-weight: 400; height: 100%; text-align: right; width: 100%; color: var(--active-color, #FF0000); } [id^="TEXT-DATASET-t162cxm4"] .x-text:hover, .--clone-TEXT-DATASET-t162cxm4 .x-text:hover, [id^="TEXT-DATASET-t162cxm4"] a:hover, .--clone-TEXT-DATASET-t162cxm4 a:hover { } [id^="TEXT-DATASET-s4gba9tw"], .--clone-TEXT-DATASET-s4gba9tw { align-self: center; grid-column-end: 4; grid-column-start: 2; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: start; margin-left: -0.08765243902439025%; margin-top: calc(0px * 2); width: 100%; } [id^="TEXT-DATASET-s4gba9tw"] .x-text, [id^="TEXT-DATASET-s4gba9tw"] .x-text a, .--clone-TEXT-DATASET-s4gba9tw .x-text, .--clone-TEXT-DATASET-s4gba9tw .x-text a { --width: 100%; border-color: #000000ff; color: #000000ff; font-size: 14.0px; height: 100%; width: 100%; color: var(--active-color, #000000ff); } [id^="TEXT-DATASET-s4gba9tw"] .x-text:hover, .--clone-TEXT-DATASET-s4gba9tw .x-text:hover, [id^="TEXT-DATASET-s4gba9tw"] a:hover, .--clone-TEXT-DATASET-s4gba9tw a:hover { } #QUANTITY-INPUT-0vjfiph5 { --width: 83.5px;align-self: center;grid-column-end: 3;grid-column-start: 2;grid-row-end: 4;grid-row-start: 3;height: 25.977777777777774px;justify-self: start;margin-left: 0%;margin-top: calc(0px * 2);width: 83.5px; -webkit-text-stroke: 0px #000000ff; border-color: #ddd; border-style: solid; border-width: 1.0px; color: #000000d9; font-size: 14.0px; overflow: hidden; } #QUANTITY-INPUT-0vjfiph5 .quantity__input { padding-left: 25px; padding-right: 25px; } #QUANTITY-INPUT-0vjfiph5 .quantity__button{ border-style: solid; } #QUANTITY-INPUT-0vjfiph5 .quantity__button[name="minus"] { background: #F1F1F1; width:25px; } #QUANTITY-INPUT-0vjfiph5 .quantity__button[name="minus"] svg { width: 9.3px; } #QUANTITY-INPUT-0vjfiph5 .quantity__button[name="plus"] { background: #F1F1F1; width:25px; } #QUANTITY-INPUT-0vjfiph5 .quantity__button[name="plus"] svg { width: 9.3px; } #IMAGE-81wwfngu { align-self: start; grid-column-end: 5; grid-column-start: 4; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: end; margin-right: 0%; margin-top: 0px; width: 20px; } #IMAGE-81wwfngu picture { --width: 20px; border-color: #000000ff; height: 100%; width: 100%; } #IMAGE-81wwfngu img { object-fit: cover; } #LINE-g76abiwu { --width: 100%;align-self: center;grid-column-end: 5;grid-column-start: 1;grid-row-end: 5;grid-row-start: 4;height: 17px;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 100%; height: auto; } #LINE-g76abiwu .line-container { border-color: #181818ff; border-style: dashed; border-width: 1.0px; } [id^="TEXT-cbg73kzz"], .--clone-TEXT-cbg73kzz { 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: 0px; margin-top: calc(0px * 2); width: 100px; } [id^="TEXT-cbg73kzz"] .x-text, [id^="TEXT-cbg73kzz"] .x-text a, .--clone-TEXT-cbg73kzz .x-text, .--clone-TEXT-cbg73kzz .x-text a { --width: 100px; -webkit-text-stroke: 0px #000000ff; color: #4c4c4c; font: var(--font_5); font-size: 15.0px; font-weight: 700; height: 100%; width: 100%; color: var(--active-color, #4c4c4c); } [id^="TEXT-cbg73kzz"] .x-text:hover, .--clone-TEXT-cbg73kzz .x-text:hover, [id^="TEXT-cbg73kzz"] a:hover, .--clone-TEXT-cbg73kzz a:hover { } [id^="TEXT-DATASET-ll0tzr3a"], .--clone-TEXT-DATASET-ll0tzr3a { 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: 0px; margin-top: calc(0px * 2); width: 150px; } [id^="TEXT-DATASET-ll0tzr3a"] .x-text, [id^="TEXT-DATASET-ll0tzr3a"] .x-text a, .--clone-TEXT-DATASET-ll0tzr3a .x-text, .--clone-TEXT-DATASET-ll0tzr3a .x-text a { --width: 150px; -webkit-text-stroke: 0px #000000ff; border-color: #000000ff; color: #222; font-size: 15.0px; font-weight: 700; height: 100%; letter-spacing: 0px; text-align: right; width: 100%; color: var(--active-color, #222); } [id^="TEXT-DATASET-ll0tzr3a"] .x-text:hover, .--clone-TEXT-DATASET-ll0tzr3a .x-text:hover, [id^="TEXT-DATASET-ll0tzr3a"] a:hover, .--clone-TEXT-DATASET-ll0tzr3a a:hover { } #BUTTON-79bfx3m6 { align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 6; grid-row-start: 5; height: 50px; justify-self: start; margin-left: 0%; margin-top: calc(0px * 2); width: 49%; } #BUTTON-79bfx3m6 .x-button-wrapper { --width: 49%; -webkit-text-stroke: 0px #000000ff; background: #32373C; border-color: #000000ff; border-radius: 0px 0px 0px 0px; color: var(--color_00); font-size: 15.0px; font-weight: 700; height: 100%; text-align: center; text-transform: initial; width: 100%; border: ; color: var(--active-color, var(--color_00)); } #BUTTON-79bfx3m6[disabled=true] { display: none; } #BUTTON-237edg5l { align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 6; grid-row-start: 5; height: 50px; justify-self: end; margin-right: 0%; margin-top: calc(0px * 2); width: 49%; } #BUTTON-237edg5l .x-button-wrapper { --width: 49%; -webkit-text-stroke: 0px #000000ff; background: #f67f3b; border-color: #000000ff; border-radius: 0px 0px 0px 0px; color: var(--color_00); font-size: 15.0px; font-weight: 700; height: 100%; text-align: center; text-transform: initial; width: 100%; border: ; color: var(--active-color, var(--color_00)); } #BUTTON-237edg5l[disabled=true] { display: none; } #BUTTON-237edg5l{ transition-duration: 0.1s; transition-delay: 0s; transition-property: transform; transition-timing-function: ease-out; will-change: transform; } #BUTTON-237edg5l:hover > * { background: #f06b0e !important; } #BUTTON-237edg5l{ transition-duration: 0.1s; transition-delay: 0s; transition-property: transform; transition-timing-function: ease-out; will-change: transform; } #BUTTON-237edg5l:hover, #BUTTON-237edg5l:hover > * { color: #ffffffff !important; }