#SECTION-pbhjix1i { height: auto; grid-template-columns: 15px 1fr 15px; grid-template-rows: minmax(10px, max-content) minmax(0px, max-content) minmax(10px, max-content); column-gap: 0px; row-gap: 0px; overflow-x: hidden; overflow-y: auto; transition: opacity 0.3s ease, visibility 0.3s ease; } #SECTION-pbhjix1i .x-section-background { background: #ffffffff; --height: 20; --bg: #ffffffff; } #SECTION-pbhjix1i .x-section-video-background { } #SECTION-pbhjix1i .video { display: none; } #SECTION-pbhjix1i .video-bp4 { overflow: hidden; width: 100%; height: 100%; display: block; } #CONTAINER-3vmhxej0 { --bg: #ffffff00; background: #ffffff00; border-color: #000000ff; border-width: 0.0px; --width: 100%;align-self: center;column-gap: 0px;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;grid-template-columns: 1fr 120px 1fr;grid-template-rows: minmax(0px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 100%; border: 0px #000000ff; } #IMAGE-pjpljj8a .animation, #IMAGE-pjpljj8a.animation { animation-name: fadeIn; -webkit-animation-name: fadeIn; animation-delay: 0s; -webkit-animation-delay: 0s; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-duration: 2s; -webkit-animation-duration: 2s; } #IMAGE-pjpljj8a { } #IMAGE-pjpljj8a { align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 100%; } #IMAGE-pjpljj8a picture { --width: 100%; border-color: #000000ff; height: 100%; width: 100%; } #IMAGE-pjpljj8a img { object-fit: cover; } #CART-ICON-55ppeuey { --width: 25px;align-self: center;grid-column-end: 4;grid-column-start: 3;grid-row-end: 2;grid-row-start: 1;height: 25px;justify-self: end;margin-right: 0%;margin-top: calc(0px * 2);width: 25px; } #CART-ICON-55ppeuey .x-cart-icon { border-color: #000000ff; } #CART-ICON-55ppeuey .x-cart-item-count { position: absolute; top: -6.25px; right: -6.25px; width: 12.5px; height: 12.5px; display: flex; justify-content: center; align-items: center; background-color: var(--color_02); border-radius: 50%; color: var(--color_00); font-family: Futura Regular; font-size: 10.0px; } #CART-ICON-55ppeuey .x-image-cart-icon { border-radius: ; } #MEMBER-BAR-zs1xbhnt { --width: 25px;align-self: center;grid-column-end: 4;grid-column-start: 3;grid-row-end: 2;grid-row-start: 1;height: 25px;justify-self: end;margin-right: 30px;margin-top: calc(0px * 2);width: 25px; } #MEMBER-BAR-zs1xbhnt .x-menu-bar { -webkit-text-stroke: 0px #000000ff; color: var(--font_color_3); font: var(--font_3); display: none; } #MEMBER-BAR-zs1xbhnt .x-menu-bar .x-member { -webkit-text-stroke: 0px #000000ff; color: var(--font_color_3); font: var(--font_3); border-width: 0px; border-radius: 0px; border-style: solid; display: flex; align-items: center; justify-content: flex-start; padding-left: 0px; padding-right: 0px; height: 100%; } #MEMBER-BAR-zs1xbhnt .x-member:hover { } #MEMBER-BAR-zs1xbhnt .x-avatar-member-origin { width: 25px; height: 25px; border-style: solid; border-width: 0px; } #MEMBER-BAR-zs1xbhnt .x-avatar-member-initial { width: 25px; height: 25px; border-style: solid; border-width: 0px; } #MEMBER-BAR-zs1xbhnt .customer-icon { width: 25px; height: 25px; border-style: solid; border-width: 0px; } #MEMBER-BAR-zs1xbhnt .x-nav-member-drop-icon { width: 25px; height: 25px; } #MEMBER-BAR-zs1xbhnt .x-loginbar { -webkit-text-stroke: 0px #000000ff; color: var(--font_color_3); font: var(--font_3); border-width: 0px; border-radius: 0px; border-style: solid; justify-content: flex-start; } #MEMBER-BAR-zs1xbhnt .x-loginbar .login-bar-text:hover { } #MEMBER-BAR-zs1xbhnt .x-loginbar .login-bar-icon { width: 25px; height: 25px; border-style: solid; border-width: 0px; border: none; } #MEMBER-BAR-zs1xbhnt .x-avatar-member-origin, #MEMBER-BAR-zs1xbhnt .login-bar-icon { margin-right: 0 !important; } #MEMBER-BAR-zs1xbhnt .member-divider { background: var(--font_color_3); } #MEMBER-BAR-zs1xbhnt .customer-signup { display: none; } #MEMBER-BAR-zs1xbhnt .customer-icon { } #MEMBER-BAR-zs1xbhnt .customer-text { display: none; } #MEMBER-DROPDOWN-86wjehct { width: 170px; height: auto; grid-template-columns: 1fr; grid-template-rows: minmax(170px, max-content); column-gap: 0px; row-gap: 0px; background: rgba(255, 255, 255, 1); transform: translate(0px, 0px); box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; } #MENU-eys7zujk { --width: 25px;align-self: center;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;height: 25px;justify-self: start;margin-left: 35px;margin-top: calc(0px * 2);width: 25px; --active-link-color: var(--font_color_7); } #MENU-eys7zujk .x-rect { -webkit-text-stroke: 0px #000000ff; background: #ffffff00; color: var(--font_color_7); font: var(--font_7); } #MENU-eys7zujk > ul { background: #ffffff00; border-radius: inherit; } #MENU-eys7zujk > ul > .menu-item .tag-link { -webkit-text-stroke: 0px #000000ff; background: #ffffff00; color: var(--font_color_7); font: var(--font_7); } #MENU-eys7zujk > ul > .menu-item.menu-item-active-link .tag-link { color: var(--active-link-color); } #MENU-eys7zujk > ul > .menu-item:not(:first-child) { } #MENU-eys7zujk ul li .tag-link { border-style: none none none none; } #MENU-eys7zujk ul li .tag-link:hover, #MENU-eys7zujk ul li > a:hover { border-style: none none none none; } #MENU-DROPPABLE-oluqr9a0 { background: #ffffffff; top: 0; left: 0; width: 100vw; height: 70px; grid-template-columns: 1fr; grid-template-rows: minmax(100%, max-content); column-gap: 0px; row-gap: 0px; overflow-x: auto; --width: 300px; animation: slide-top 0.2s ease; } #INPUT-SEARCH-xlm58q68 { --width: 90%;align-self: center;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;height: 45px;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 90%; } #INPUT-SEARCH-xlm58q68 > .input-search--wrapper { box-shadow: 0px 0px 0px 2px rgba(18,18,18,0.549); font-size: 14.0px; border-width: 1px; border-color: #ff0080; : solid; flex-direction: row-reverse; } #INPUT-SEARCH-xlm58q68 > .input-search--wrapper .btn-close { color: #00000073; fill: #00000073; width: 15px; margin: 0 5px; } #INPUT-SEARCH-xlm58q68 > .input-search--wrapper .input-search--input { padding-left: 10px; text-align: left; } #INPUT-SEARCH-xlm58q68 > .input-search--wrapper .input-search--input::placeholder { } #INPUT-SEARCH-xlm58q68 > .input-search--wrapper:hover { border-style: none; border-color: #000000 !important; : solid; background-color: #ffffff00 !important; } #INPUT-SEARCH-xlm58q68 > .input-search--wrapper:focus-within { border-color: #000000 !important; background-color: #ffffff00 !important; } #INPUT-SEARCH-xlm58q68 .input-search--icon { margin-left: 10px; margin-right: 10px; height: 16px; width: 16px; } #INPUT-SEARCH-xlm58q68 .input-search--wrapper:hover .input-search--icon { color: var(--color_02); } #INPUT-SEARCH-xlm58q68 .input-search--wrapper:focus-within .input-search--icon { color: var(--color_02); } #INPUT-SEARCH-xlm58q68 .input-search--icon path { } #INPUT-SEARCH-xlm58q68 .input-search--wrapper:hover .input-search--icon path { fill: var(--color_02); } #INPUT-SEARCH-xlm58q68 .input-search--wrapper:focus-within .input-search--icon path { fill: var(--color_02); } #MENU-b4qibu9g { --width: 30px;align-self: center;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;height: 30px;justify-self: start;margin-left: 0px;margin-top: calc(0px * 2);width: 30px; --active-link-color: var(--font_color_7); } #MENU-b4qibu9g .x-rect { -webkit-text-stroke: 0px #000000ff; background: #000000ff; color: var(--font_color_7); font: var(--font_7); -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgY2xhc3M9Im1lbnUiPjxwYXRoIGQ9Ik0zLDZIMjFWOEgzVjZNMywxMUgyMVYxM0gzVjExTTMsMTZIMjFWMThIM1YxNloiPjwvcGF0aD48L3N2Zz4=); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; } #MENU-b4qibu9g > ul { background: #000000ff; border-radius: inherit; } #MENU-b4qibu9g > ul > .menu-item .tag-link { -webkit-text-stroke: 0px #000000ff; background: #000000ff; color: var(--font_color_7); font: var(--font_7); } #MENU-b4qibu9g > ul > .menu-item.menu-item-active-link .tag-link { color: var(--active-link-color); } #MENU-b4qibu9g > ul > .menu-item:not(:first-child) { } #MENU-b4qibu9g ul li .tag-link { border-style: none none none none; } #MENU-b4qibu9g ul li .tag-link:hover, #MENU-b4qibu9g ul li > a:hover { border-style: none none none none; } #MENU-DROPPABLE-dstw6e2l { background: #ffffffff; overflow-x: hidden; overflow-y: auto; top: 0; left: 0; width: 300px; height: var(--viewport-height, 100vh); grid-template-columns: 15px 1fr 15px; grid-template-rows: minmax(80px, max-content) minmax(0%, 100%); column-gap: 0px; row-gap: 0px; overflow-x: auto; --width: 300px; animation: slide-left 0.2s ease; } #MENU-oy8worbq { --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%; --active-link-color: var(--font_color_3); } #MENU-oy8worbq .x-rect { --pad-x: 10px; --pad-y: 16px; -webkit-text-stroke: 0px #000000ff; background: #ffffffff; border-color: #ececec; border-width: 1.0px; color: var(--font_color_3); font: var(--font_3); font-size: 13.0px; font-weight: 700; justify-content: flex-start; text-transform: uppercase; } #MENU-oy8worbq > ul { background: #ffffffff; justify-content: flex-start; align-items: flex-start; height: auto; border-radius: inherit; } #MENU-oy8worbq > ul > .menu-item .tag-link { --pad-x: 10px; --pad-y: 16px; -webkit-text-stroke: 0px #000000ff; background: #ffffffff; border-color: #ececec; border-width: 1.0px; color: var(--font_color_3); font: var(--font_3); font-size: 13.0px; font-weight: 700; justify-content: flex-start; text-transform: uppercase; } #MENU-oy8worbq > ul > .menu-item.menu-item-active-link .tag-link { color: var(--active-link-color); } #MENU-oy8worbq > ul > .menu-item:not(:first-child) { } #MENU-oy8worbq ul li .tag-link { border-style: none none solid none; } #MENU-oy8worbq ul li .tag-link:hover, #MENU-oy8worbq ul li > a:hover { color: var(--color_04) !important; background: #0000000d; border-style: none none none none; } #MENU-oy8worbq > ul > .menu-item svg { width: 20px; height: 20px; } #MENU-ITEM-9fu22koh > a, #MENU-ITEM-9fu22koh > div { -webkit-text-stroke: 0px #000000ff !important; } #MENU-ITEM-66kktz6f > a, #MENU-ITEM-66kktz6f > div { } #MENU-ITEM-sfz9hvq0 > a, #MENU-ITEM-sfz9hvq0 > div { -webkit-text-stroke: 0px #000000ff !important; } #MENU-ITEM-iknjwm7b > a, #MENU-ITEM-iknjwm7b > div { -webkit-text-stroke: 0px rgba(0, 0, 0, 1) !important; } #MENU-ITEM-5xqkh73b > a, #MENU-ITEM-5xqkh73b > div { -webkit-text-stroke: 0px #000000ff !important; } #MENU-ITEM-h49cw1g3 > a, #MENU-ITEM-h49cw1g3 > div { -webkit-text-stroke: 0px rgba(0, 0, 0, 1) !important; } #IMAGE-w3cpxhoa { 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: 120px; } #IMAGE-w3cpxhoa picture { --width: 120px; border-color: #000000ff; height: 100%; width: 100%; } #IMAGE-w3cpxhoa img { object-fit: cover; } #IMAGE-q1cymbjv { align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: end; margin-right: 0%; margin-top: calc(0px * 2); width: 19.9921875px; } #IMAGE-q1cymbjv picture { --width: 19.9921875px; border-color: #000000ff; height: 100%; width: 100%; } #IMAGE-q1cymbjv img { object-fit: cover; } #MENU-b66gfwlb { --width: 100%;align-self: center;display: none;grid-column-end: 3;grid-column-start: 2;grid-row-end: 2;grid-row-start: 1;height: 50px;justify-self: center;margin-bottom: calc(0.015625px * 2);margin-left: calc(0% * 2);width: 100%; --active-link-color: var(--color_01); } #MENU-b66gfwlb .x-rect { --gap: 0px; --pad-x: 34px; -webkit-text-stroke: 0px #000000ff; background-attachment: scroll; background-position-x: center; background-position-y: center; background-repeat: no-repeat; background-size: cover; color: var(--font_color_5); font: var(--font_5); font-family: 'Be Vietnam Pro', sans-serif; font-size: 14.0px; font-weight: 700; justify-content: center; text-align: left; text-transform: uppercase; } #MENU-b66gfwlb > ul { justify-content: center; align-items: center; gap: 0px; border-radius: inherit; } #MENU-b66gfwlb > ul > .menu-item .tag-link { --gap: 0px; --pad-x: 34px; -webkit-text-stroke: 0px #000000ff; background-attachment: scroll; background-position-x: center; background-position-y: center; background-repeat: no-repeat; background-size: cover; color: var(--font_color_5); font: var(--font_5); font-family: 'Be Vietnam Pro', sans-serif; font-size: 14.0px; font-weight: 700; justify-content: center; text-align: left; text-transform: uppercase; } #MENU-b66gfwlb > ul > .menu-item.menu-item-active-link .tag-link { color: var(--active-link-color); } #MENU-b66gfwlb > ul > .menu-item:not(:first-child) { } #MENU-b66gfwlb ul li .tag-link { border-style: none none none none; } #MENU-b66gfwlb ul li .tag-link:hover { color: var(--color_01) !important; background: #ffe0be; border-width: 50px; border-color: #ffe0be; border-radius: 20px 20px 20px 20px; border-style: none none none none; } #MENU-b66gfwlb.horizontal-menu > ul > .menu-item > .x-submenu { top: 50px; } #MENU-ITEM-wacinzac > a, #MENU-ITEM-wacinzac > div { -webkit-text-stroke: 0px #000000ff !important; } #MENU-ITEM-1vorxz77 > a, #MENU-ITEM-1vorxz77 > div { } #MENU-ITEM-mzwhy4on > a, #MENU-ITEM-mzwhy4on > div { -webkit-text-stroke: 0px #000000ff !important; } #MENU-ITEM-dd0z222p > a, #MENU-ITEM-dd0z222p > div { -webkit-text-stroke: 0px rgba(0, 0, 0, 1) !important; } #MENU-ITEM-vkfe5y2x > a, #MENU-ITEM-vkfe5y2x > div { -webkit-text-stroke: 0px #000000ff !important; } #MENU-ITEM-91kr1y4f > a, #MENU-ITEM-91kr1y4f > div { -webkit-text-stroke: 0px rgba(0, 0, 0, 1) !important; } #CART-ICON-8fby34ed { --width: 25px;align-self: center;display: none;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;height: 25px;justify-self: end;margin-bottom: calc(0.125px * 2);margin-right: 0.24390243902439024%;width: 25px; } #CART-ICON-8fby34ed .x-cart-icon { border-color: #000000ff; } #CART-ICON-8fby34ed .x-cart-item-count { position: absolute; top: -6.25px; right: -6.25px; width: 12.5px; height: 12.5px; display: flex; justify-content: center; align-items: center; background-color: var(--color_02); border-radius: 50%; color: var(--color_00); font-family: Futura Regular; font-size: 10.0px; } #CART-ICON-8fby34ed .x-image-cart-icon { border-radius: ; } #MEMBER-BAR-fh56s2ap { --width: 25px;align-self: center;display: none;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;height: 25px;justify-self: end;margin-bottom: calc(0.25px * 2);margin-right: 44px;width: 25px; } #MEMBER-BAR-fh56s2ap .x-menu-bar { -webkit-text-stroke: 0px #000000ff; color: var(--font_color_3); font: var(--font_3); display: none; } #MEMBER-BAR-fh56s2ap .x-menu-bar .x-member { -webkit-text-stroke: 0px #000000ff; color: var(--font_color_3); font: var(--font_3); border-width: 0px; border-radius: 0px; border-style: solid; display: flex; align-items: center; justify-content: flex-start; padding-left: 0px; padding-right: 0px; height: 100%; } #MEMBER-BAR-fh56s2ap .x-member:hover { } #MEMBER-BAR-fh56s2ap .x-avatar-member-origin { width: 25px; height: 25px; border-style: solid; border-width: 0px; } #MEMBER-BAR-fh56s2ap .x-avatar-member-initial { width: 25px; height: 25px; border-style: solid; border-width: 0px; } #MEMBER-BAR-fh56s2ap .customer-icon { width: 25px; height: 25px; border-style: solid; border-width: 0px; } #MEMBER-BAR-fh56s2ap .x-nav-member-drop-icon { width: 25px; height: 25px; } #MEMBER-BAR-fh56s2ap .x-loginbar { -webkit-text-stroke: 0px #000000ff; color: var(--font_color_3); font: var(--font_3); border-width: 0px; border-radius: 0px; border-style: solid; justify-content: flex-start; } #MEMBER-BAR-fh56s2ap .x-loginbar .login-bar-text:hover { } #MEMBER-BAR-fh56s2ap .x-loginbar .login-bar-icon { width: 25px; height: 25px; border-style: solid; border-width: 0px; border: none; } #MEMBER-BAR-fh56s2ap .x-avatar-member-origin, #MEMBER-BAR-fh56s2ap .login-bar-icon { margin-right: 0 !important; } #MEMBER-BAR-fh56s2ap .member-divider { background: var(--font_color_3); } #MEMBER-BAR-fh56s2ap .customer-signup { display: none; } #MEMBER-BAR-fh56s2ap .customer-icon { } #MEMBER-BAR-fh56s2ap .customer-text { display: none; } #MEMBER-DROPDOWN-8xgl4zzy { width: 170px; height: auto; grid-template-columns: 1fr; grid-template-rows: minmax(170px, max-content); column-gap: 0px; row-gap: 0px; background: rgba(255, 255, 255, 1); transform: translate(0px, 0px); box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; } #SECTION-coce0681 { height: auto; grid-template-columns: 15px 1fr 15px; grid-template-rows: minmax(50px, max-content) minmax(0px, max-content) minmax(20px, max-content) minmax(0px, max-content) minmax(50px, max-content); column-gap: 0px; row-gap: 0px; transition: opacity 0.3s ease, visibility 0.3s ease; } #SECTION-coce0681 .x-section-background { background: #ffffff00; --height: 120; --bg: #ffffff00; } #SECTION-coce0681 .x-section-video-background { } #SECTION-coce0681 .video { display: none; } #SECTION-coce0681 .video-bp4 { overflow: hidden; width: 100%; height: 100%; display: block; } [id^="TEXT-DATASET-wpiu8ci2"], .--clone-TEXT-DATASET-wpiu8ci2 { 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%; } [id^="TEXT-DATASET-wpiu8ci2"] .x-text, [id^="TEXT-DATASET-wpiu8ci2"] .x-text a, .--clone-TEXT-DATASET-wpiu8ci2 .x-text, .--clone-TEXT-DATASET-wpiu8ci2 .x-text a { --width: 100%; -webkit-text-stroke: 0px #000000ff; border-color: #000000ff; color: var(--color_23); font: var(--font_0); font-family: 'Roboto', sans-serif; font-size: 30.0px; font-weight: 700; height: 100%; width: 100%; color: var(--active-color, var(--color_23)); } [id^="TEXT-DATASET-wpiu8ci2"] .x-text:hover, .--clone-TEXT-DATASET-wpiu8ci2 .x-text:hover, [id^="TEXT-DATASET-wpiu8ci2"] a:hover, .--clone-TEXT-DATASET-wpiu8ci2 a:hover { } [id^="TEXT-gh6xvkp8"], .--clone-TEXT-gh6xvkp8 { align-self: start; grid-column-end: 3; grid-column-start: 2; grid-row-end: 5; grid-row-start: 4; height: auto; justify-self: start; margin-left: -0.0021522038567493114%; margin-top: -0.515625px; width: 100%; } [id^="TEXT-gh6xvkp8"] .x-text, [id^="TEXT-gh6xvkp8"] .x-text a, .--clone-TEXT-gh6xvkp8 .x-text, .--clone-TEXT-gh6xvkp8 .x-text a { --width: 100%; -webkit-text-stroke: 0px #000000ff; color: var(--color_04); font: var(--font_7); font-family: 'Roboto', sans-serif; height: 100%; width: 100%; color: var(--active-color, var(--color_04)); } [id^="TEXT-gh6xvkp8"] .x-text:hover, .--clone-TEXT-gh6xvkp8 .x-text:hover, [id^="TEXT-gh6xvkp8"] a:hover, .--clone-TEXT-gh6xvkp8 a:hover { } #SECTION-y705nkx7 { height: auto; grid-template-columns: 20px 80% 20px; grid-template-rows: minmax(80px, max-content) minmax(25px, max-content) minmax(150px, max-content) minmax(0px, max-content) minmax(200px, max-content) minmax(0px, max-content) minmax(200px, max-content) minmax(100px, max-content); column-gap: 0px; row-gap: 0px; transition: opacity 0.3s ease, visibility 0.3s ease; } #SECTION-y705nkx7 .x-section-background { background: url(https://content.pancake.vn/web-media/7b/b7/25/8a/3373015caba49b7f7c01b01b4ae4b77b4c836c512a8e9a4f9d72b692-w:763-h:233-l:47470-t:image/webp.webp); background-size: cover; background-attachment: scroll; -webkit-transform: none; background-repeat: no-repeat; background-position-x: center; background-position-y: center; filter: contrast(29%) grayscale(100%) hue-rotate(0deg) invert(0%) saturate(100%) sepia(0%) opacity(47%) brightness(85%) blur(0px); --height: 755; --bg: url(https://content.pancake.vn/web-media/7b/b7/25/8a/3373015caba49b7f7c01b01b4ae4b77b4c836c512a8e9a4f9d72b692-w:763-h:233-l:47470-t:image/webp.webp); } #SECTION-y705nkx7 .x-section-video-background { } #SECTION-y705nkx7 .video { display: none; } #SECTION-y705nkx7 .video-bp4 { overflow: hidden; width: 100%; height: 100%; display: block; } #CONTAINER-lv6hpvl4 { --bg: #ffffff00; background: #ffffff00; border-color: #000000ff; --width: 100.42067307692308%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 5;grid-row-start: 4;grid-template-columns: 0px 1fr;grid-template-rows: minmax(0px, max-content) minmax(10px, max-content) minmax(0px, max-content) minmax(20px, max-content) minmax(0px, max-content);height: auto;justify-self: end;margin-right: -0.42067307692308376%;margin-top: -0.3984375px;width: 100.42067307692308%; border: #000000ff; } [id^="TEXT-0xobejzg"], .--clone-TEXT-0xobejzg { 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(0px * 2); width: 50.26269702276708%; } [id^="TEXT-0xobejzg"] .x-text, [id^="TEXT-0xobejzg"] .x-text a, .--clone-TEXT-0xobejzg .x-text, .--clone-TEXT-0xobejzg .x-text a { --width: 50.26269702276708%; -webkit-text-stroke: 0px #000000ff; color: var(--color_01); font: var(--font_3); font-size: 15.0px; height: 100%; text-transform: uppercase; width: 100%; color: var(--active-color, var(--color_01)); } [id^="TEXT-0xobejzg"] .x-text:hover, .--clone-TEXT-0xobejzg .x-text:hover, [id^="TEXT-0xobejzg"] a:hover, .--clone-TEXT-0xobejzg a:hover { } #LINE-2fvb3tda { --width: 130px;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 4;grid-row-start: 3;height: auto;justify-self: start;margin-left: 0px;margin-top: 0px;width: 130px; height: auto; } #LINE-2fvb3tda .line-container { border-color: var(--color_01); border-style: solid; border-width: 3.0px; } #MENU-vu25s1xt { --width: 100%;align-self: center;grid-column-end: 3;grid-column-start: 2;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%; --active-link-color: #663C1F; } #MENU-vu25s1xt .x-rect { --pad-y: 8px; -webkit-text-stroke: 0px #000000; background: #ffffff00; color: #663C1F; font: var(--font_6); font-family: 'Lato', sans-serif; font-style: initial; justify-content: flex-start; } #MENU-vu25s1xt > ul { background: #ffffff00; justify-content: flex-start; align-items: flex-start; height: auto; border-radius: inherit; } #MENU-vu25s1xt > ul > .menu-item .tag-link { --pad-y: 8px; -webkit-text-stroke: 0px #000000; background: #ffffff00; color: #663C1F; font: var(--font_6); font-family: 'Lato', sans-serif; font-style: initial; justify-content: flex-start; } #MENU-vu25s1xt > ul > .menu-item.menu-item-active-link .tag-link { color: var(--active-link-color); } #MENU-vu25s1xt > ul > .menu-item:not(:first-child) { } #MENU-vu25s1xt ul li .tag-link { border-style: none none none none; } #MENU-vu25s1xt ul li .tag-link:hover, #MENU-vu25s1xt ul li > a:hover { color: var(--color_04) !important; background: #ffffff00; border-style: none none none none; } #MENU-ITEM-qmvzmgor > a, #MENU-ITEM-qmvzmgor > div { } #MENU-ITEM-h7x3bjr2 > a, #MENU-ITEM-h7x3bjr2 > div { } #MENU-ITEM-l9idky25 > a, #MENU-ITEM-l9idky25 > div { } #MENU-ITEM-ssqfsha0 > a, #MENU-ITEM-ssqfsha0 > div { } #MENU-ITEM-a8tsmwy1 > a, #MENU-ITEM-a8tsmwy1 > div { } #MENU-ITEM-s7oc1zi3 > a, #MENU-ITEM-s7oc1zi3 > div { } #MENU-ITEM-dm9s50sf > a, #MENU-ITEM-dm9s50sf > div { } [id^="TEXT-sdkyezy0"], .--clone-TEXT-sdkyezy0 { 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.3846153846153389%; margin-top: -0.0078125px; width: 100.38461538461534%; } [id^="TEXT-sdkyezy0"] .x-text, [id^="TEXT-sdkyezy0"] .x-text a, .--clone-TEXT-sdkyezy0 .x-text, .--clone-TEXT-sdkyezy0 .x-text a { --width: 100.38461538461534%; -webkit-text-stroke: 0px #000000ff; color: var(--color_01); font: var(--font_3); font-size: 15.0px; height: 100%; text-transform: uppercase; width: 100%; color: var(--active-color, var(--color_01)); } [id^="TEXT-sdkyezy0"] .x-text:hover, .--clone-TEXT-sdkyezy0 .x-text:hover, [id^="TEXT-sdkyezy0"] a:hover, .--clone-TEXT-sdkyezy0 a:hover { } #LINE-xnyd899z { --width: 130px;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: 1px;margin-top: 22.984375px;width: 130px; height: auto; } #LINE-xnyd899z .line-container { border-color: var(--color_01); border-style: solid; border-width: 3.0px; } [id^="TEXT-7sbxqsyi"], .--clone-TEXT-7sbxqsyi { align-self: start; grid-column-end: 4; grid-column-start: 2; grid-row-end: 5; grid-row-start: 3; height: auto; justify-self: start; margin-left: 0.36231884057971014%; margin-top: 14.609375px; width: 93.19802989130434%; } [id^="TEXT-7sbxqsyi"] .x-text, [id^="TEXT-7sbxqsyi"] .x-text a, .--clone-TEXT-7sbxqsyi .x-text, .--clone-TEXT-7sbxqsyi .x-text a { --width: 93.19802989130434%; -webkit-text-stroke: 0px #000000ff; color: var(--color_01); font: var(--font_6); font-family: 'Playfair', sans-serif; font-size: 12.0px; font-style: italic; height: 100%; width: 100%; color: var(--active-color, var(--color_01)); } [id^="TEXT-7sbxqsyi"] .x-text:hover, .--clone-TEXT-7sbxqsyi .x-text:hover, [id^="TEXT-7sbxqsyi"] a:hover, .--clone-TEXT-7sbxqsyi a:hover { } [id^="TEXT-bl8ynbnx"], .--clone-TEXT-bl8ynbnx { align-self: end; grid-column-end: 2; grid-column-start: 1; grid-row-end: 8; grid-row-start: 7; height: auto; justify-self: end; margin-bottom: 59.40625px; margin-right: -515%; width: 515%; } [id^="TEXT-bl8ynbnx"] .x-text, [id^="TEXT-bl8ynbnx"] .x-text a, .--clone-TEXT-bl8ynbnx .x-text, .--clone-TEXT-bl8ynbnx .x-text a { --width: 515%; -webkit-text-stroke: 0px #000000ff; color: var(--color_00); font: var(--font_3); font-size: 20.0px; height: 100%; text-transform: uppercase; width: 100%; color: var(--active-color, var(--color_00)); } [id^="TEXT-bl8ynbnx"] .x-text:hover, .--clone-TEXT-bl8ynbnx .x-text:hover, [id^="TEXT-bl8ynbnx"] a:hover, .--clone-TEXT-bl8ynbnx a:hover { } #LINE-f0dfzgkq { --width: 130px;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: start;margin-left: 28.98046875px;margin-top: 65.625px;width: 130px; height: auto; } #LINE-f0dfzgkq .line-container { border-color: var(--color_01); border-style: solid; border-width: 3.0px; } [id^="TEXT-dir9wcs0"], .--clone-TEXT-dir9wcs0 { align-self: start; grid-column-end: 3; grid-column-start: 2; grid-row-end: 9; grid-row-start: 8; height: auto; justify-self: end; margin-right: -123.07692307692308%; margin-top: -0.3671875px; width: 223.0769230769231%; } [id^="TEXT-dir9wcs0"] .x-text, [id^="TEXT-dir9wcs0"] .x-text a, .--clone-TEXT-dir9wcs0 .x-text, .--clone-TEXT-dir9wcs0 .x-text a { --width: 223.0769230769231%; -webkit-text-stroke: 0px var(--color_01); color: var(--color_00); font: var(--font_6); font-family: 'Lato', sans-serif; font-size: 11.0px; height: 100%; text-align: center; text-transform: uppercase; width: 100%; color: var(--active-color, var(--color_00)); } [id^="TEXT-dir9wcs0"] .x-text:hover, .--clone-TEXT-dir9wcs0 .x-text:hover, [id^="TEXT-dir9wcs0"] a:hover, .--clone-TEXT-dir9wcs0 a:hover { } #IMAGE-hrs8czgb { align-self: start; grid-column-end: 3; grid-column-start: 2; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: center; margin-left: calc(4.4921875% * 2); margin-top: 0px; width: 30.072021484375%; } #IMAGE-hrs8czgb picture { --width: 30.072021484375%; border-color: #000000ff; height: 100%; width: 100%; } #IMAGE-hrs8czgb img { object-fit: cover; } #RECT-6jxawmg8 { align-self: end; grid-column-end: 4; grid-column-start: 1; grid-row-end: 4; grid-row-start: 3; height: 39.16145833333333%; justify-self: start; margin-bottom: -744.9609375px; margin-left: 0%; width: 99.66216216216216%; } #RECT-6jxawmg8 .x-rect { --width: 99.66216216216216%; background: var(--color_01); 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, var(--color_01)); } #RECT-6jxawmg8::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-4xp8fw4r { --bg: rgba(255, 255, 255, 0); background: rgba(255, 255, 255, 0); border-color: #000000ff; --width: 9.3292236328125%;align-self: end;grid-column-end: 3;grid-column-start: 2;grid-row-end: 9;grid-row-start: 7;grid-template-columns: 1fr 1fr 1fr 1fr;grid-template-rows: minmax(33.75px, max-content) minmax(33.75px, max-content);height: auto;justify-self: start;margin-bottom: 94.2265625px;margin-left: 0%;width: 9.3292236328125%; border: #000000ff; } #IMAGE-ovhzrmhh { align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 3; grid-row-start: 1; height: auto; justify-self: start; margin-left: -1px; margin-top: 0px; width: 37px; } #IMAGE-ovhzrmhh picture { --width: 37px; border-color: #000000ff; height: 100%; width: 100%; } #IMAGE-ovhzrmhh img { object-fit: cover; } #IMAGE-jgnuyx73 { align-self: start; grid-column-end: 4; grid-column-start: 2; grid-row-end: 3; grid-row-start: 1; height: auto; justify-self: start; margin-left: 4.5546875px; margin-top: 0px; width: 34px; } #IMAGE-jgnuyx73 picture { --width: 34px; border-color: #000000ff; height: 100%; width: 100%; } #IMAGE-jgnuyx73 img { object-fit: cover; } #IMAGE-u2v0awq2 { align-self: start; grid-column-end: 5; grid-column-start: 4; grid-row-end: 3; grid-row-start: 1; height: auto; justify-self: start; margin-left: 0.0546875px; margin-top: 0px; width: 35px; } #IMAGE-u2v0awq2 picture { --width: 35px; border-color: #000000ff; height: 100%; width: 100%; } #IMAGE-u2v0awq2 img { object-fit: cover; } #CONTAINER-jkk57etm { --bg: #ffffff00; background: #ffffff00; border-color: #000000ff; --width: 100.4180908203125%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 8;grid-row-start: 7;grid-template-columns: 1fr;grid-template-rows: minmax(0px, max-content) minmax(10px, max-content) minmax(0px, max-content) minmax(20px, max-content) minmax(0px, max-content) minmax(20px, max-content) minmax(0px, max-content) minmax(15px, max-content) minmax(0px, max-content) minmax(15px, max-content) minmax(0px, max-content) minmax(10px, max-content) minmax(0px, max-content);height: auto;justify-self: end;margin-right: -0.4180908203125%;margin-top: -202px;width: 100.4180908203125%; border: #000000ff; } #IMAGE-hyi0j0uo { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 8; grid-row-start: 7; height: auto; justify-self: start; margin-left: 0px; margin-top: calc(0px * 2); width: 32px; } #IMAGE-hyi0j0uo picture { --width: 32px; border-color: #000000ff; filter: contrast(1) brightness(1) saturate(1) hue-rotate(180deg); height: 100%; width: 100%; } #IMAGE-hyi0j0uo img { object-fit: cover; } [id^="TEXT-gkqpb6q3"], .--clone-TEXT-gkqpb6q3 { 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-gkqpb6q3"] .x-text, [id^="TEXT-gkqpb6q3"] .x-text a, .--clone-TEXT-gkqpb6q3 .x-text, .--clone-TEXT-gkqpb6q3 .x-text a { --width: 100%; -webkit-text-stroke: 0px #000000ff; color: var(--color_00); font: var(--font_3); font-size: 15.0px; height: 100%; text-transform: uppercase; width: 100%; color: var(--active-color, var(--color_00)); } [id^="TEXT-gkqpb6q3"] .x-text:hover, .--clone-TEXT-gkqpb6q3 .x-text:hover, [id^="TEXT-gkqpb6q3"] a:hover, .--clone-TEXT-gkqpb6q3 a:hover { } [id^="TEXT-tgq7vis3"], .--clone-TEXT-tgq7vis3 { 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: -0.046875px; width: 100%; } [id^="TEXT-tgq7vis3"] .x-text, [id^="TEXT-tgq7vis3"] .x-text a, .--clone-TEXT-tgq7vis3 .x-text, .--clone-TEXT-tgq7vis3 .x-text a { --width: 100%; -webkit-text-stroke: 0px #000000ff; color: var(--color_01); font: var(--font_6); font-family: 'Lato', sans-serif; font-size: 15.0px; font-style: initial; height: 100%; width: 100%; color: var(--active-color, var(--color_01)); } [id^="TEXT-tgq7vis3"] .x-text:hover, .--clone-TEXT-tgq7vis3 .x-text:hover, [id^="TEXT-tgq7vis3"] a:hover, .--clone-TEXT-tgq7vis3 a:hover { } #IMAGE-btsrexms { align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 14; grid-row-start: 13; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: 0px; width: 120px; } #IMAGE-btsrexms picture { --width: 120px; height: 100%; width: 100%; } #IMAGE-btsrexms img { object-fit: cover; } [id^="TEXT-4c5foc7w"], .--clone-TEXT-4c5foc7w { 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: 40px; margin-right: 0%; margin-top: calc(0px * 2); width: auto; } [id^="TEXT-4c5foc7w"] .x-text, [id^="TEXT-4c5foc7w"] .x-text a, .--clone-TEXT-4c5foc7w .x-text, .--clone-TEXT-4c5foc7w .x-text a { --width: 88.13056379821958%; -webkit-text-stroke: 0px #000000ff; color: #663C1F; font: var(--font_6); font-family: 'Lato', sans-serif; font-size: 15.0px; font-style: initial; height: 100%; width: 100%; color: var(--active-color, #663C1F); } [id^="TEXT-4c5foc7w"] .x-text:hover, .--clone-TEXT-4c5foc7w .x-text:hover, [id^="TEXT-4c5foc7w"] a:hover, .--clone-TEXT-4c5foc7w a:hover { } #IMAGE-1dlr32zz { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 10; grid-row-start: 9; height: auto; justify-self: start; margin-left: 0px; margin-top: calc(0px * 2); width: 32px; } #IMAGE-1dlr32zz picture { --width: 32px; border-color: #000000ff; height: 100%; width: 100%; } #IMAGE-1dlr32zz img { object-fit: cover; } [id^="TEXT-76g0halc"], .--clone-TEXT-76g0halc { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 10; grid-row-start: 9; height: auto; justify-self: stretch; margin-left: 40px; margin-right: 0%; margin-top: calc(0px * 2); width: auto; } [id^="TEXT-76g0halc"] .x-text, [id^="TEXT-76g0halc"] .x-text a, .--clone-TEXT-76g0halc .x-text, .--clone-TEXT-76g0halc .x-text a { --width: 88.13056379821958%; -webkit-text-stroke: 0px #000000ff; color: var(--color_23); font: var(--font_6); font-family: 'Lato', sans-serif; font-size: 15.0px; font-style: initial; height: 100%; width: 100%; color: var(--active-color, var(--color_23)); } [id^="TEXT-76g0halc"] .x-text:hover, .--clone-TEXT-76g0halc .x-text:hover, [id^="TEXT-76g0halc"] a:hover, .--clone-TEXT-76g0halc a:hover { } #IMAGE-vuqtyq0f { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 12; grid-row-start: 11; height: auto; justify-self: start; margin-left: 0px; margin-top: calc(0px * 2); width: 32px; } #IMAGE-vuqtyq0f picture { --width: 32px; border-color: #000000ff; height: 100%; width: 100%; } #IMAGE-vuqtyq0f img { object-fit: cover; } [id^="TEXT-86i1uqut"], .--clone-TEXT-86i1uqut { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 12; grid-row-start: 11; height: auto; justify-self: stretch; margin-left: 40px; margin-right: 0%; margin-top: calc(0px * 2); width: auto; } [id^="TEXT-86i1uqut"] .x-text, [id^="TEXT-86i1uqut"] .x-text a, .--clone-TEXT-86i1uqut .x-text, .--clone-TEXT-86i1uqut .x-text a { --width: 88.13056379821958%; -webkit-text-stroke: 0px #000000ff; color: #663C1F; font: var(--font_6); font-family: 'Lato', sans-serif; font-size: 15.0px; font-style: initial; height: 100%; width: 100%; color: var(--active-color, #663C1F); } [id^="TEXT-86i1uqut"] .x-text:hover, .--clone-TEXT-86i1uqut .x-text:hover, [id^="TEXT-86i1uqut"] a:hover, .--clone-TEXT-86i1uqut a:hover { } #LINE-whh88pyi { --width: 130px;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: 0px;margin-top: 0px;width: 130px; height: auto; } #LINE-whh88pyi .line-container { border-color: var(--color_01); border-style: solid; border-width: 3.0px; } #SECTION-t61qztsd { height: auto; grid-template-columns: 15px 1fr 15px; grid-template-rows: minmax(10px, max-content) minmax(0px, max-content) minmax(10px, max-content); column-gap: 0px; row-gap: 0px; overflow-x: hidden; overflow-y: auto; transition: opacity 0.3s ease, visibility 0.3s ease; } #SECTION-t61qztsd .x-section-background { background: #ffffffff; --height: 20; --bg: #ffffffff; } #SECTION-t61qztsd .x-section-video-background { } #SECTION-t61qztsd .video { display: none; } #SECTION-t61qztsd .video-bp4 { overflow: hidden; width: 100%; height: 100%; display: block; } #CONTAINER-196is6eq { --bg: #ffffff00; background: #ffffff00; border-color: #000000ff; border-width: 0.0px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); --width: 100%;align-self: center;column-gap: 0px;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;grid-template-columns: 1fr 120px 1fr;grid-template-rows: minmax(0px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 100%; border: 0px #000000ff; } #IMAGE-xydure0j { align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 100%; } #IMAGE-xydure0j picture { --width: 100%; border-color: #000000ff; height: 100%; width: 100%; } #IMAGE-xydure0j img { object-fit: cover; } #MENU-o1rxquwq { --width: 100%;align-self: center;display: none;grid-column-end: 3;grid-column-start: 2;grid-row-end: 2;grid-row-start: 1;height: 50px;justify-self: center;margin-bottom: calc(0.015625px * 2);margin-left: calc(0% * 2);width: 100%; --active-link-color: var(--color_01); } #MENU-o1rxquwq .x-rect { --gap: 0px; --pad-x: 20px; -webkit-text-stroke: 0px #000000ff; color: var(--color_14); font: var(--font_3); font-family: 'Montserrat', sans-serif; font-size: 14.0px; font-weight: 700; justify-content: center; text-transform: uppercase; } #MENU-o1rxquwq > ul { justify-content: center; align-items: center; gap: 0px; border-radius: inherit; } #MENU-o1rxquwq > ul > .menu-item .tag-link { --gap: 0px; --pad-x: 20px; -webkit-text-stroke: 0px #000000ff; color: var(--color_14); font: var(--font_3); font-family: 'Montserrat', sans-serif; font-size: 14.0px; font-weight: 700; justify-content: center; text-transform: uppercase; } #MENU-o1rxquwq > ul > .menu-item.menu-item-active-link .tag-link { color: var(--active-link-color); } #MENU-o1rxquwq > ul > .menu-item:not(:first-child) { } #MENU-o1rxquwq ul li .tag-link { border-style: none none none none; } #MENU-o1rxquwq ul li .tag-link:hover { color: var(--color_01) !important; background: #ffffff00; border-style: none none none none; } #MENU-o1rxquwq.horizontal-menu > ul > .menu-item > .x-submenu { top: 50px; } #MENU-ITEM-g2vj73aw > a, #MENU-ITEM-g2vj73aw > div { } #MENU-ITEM-wd3kfqw3 > a, #MENU-ITEM-wd3kfqw3 > div { } #MENU-ITEM-l5zh4d0j > a, #MENU-ITEM-l5zh4d0j > div { } #SUBMENU-amsmmi2r { width: 250px; height: auto; grid-template-columns: 10px 1fr 10px; grid-template-rows: minmax(10px, max-content) minmax(0px, max-content) minmax(10px, max-content); column-gap: 0px; row-gap: 0px; background: #ffffffff; border-radius: 2px 2px 2px 2px; box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.149); animation: fade-in 0.3s ease; } .vertical-menu #MENU-ITEM-l5zh4d0j.menu-item:hover > .x-submenu { display: grid; } #MENU-u1vn8209 { --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%; --active-link-color: var(--font_color_5); } #MENU-u1vn8209 .x-rect { --pad-x: 10px; --pad-y: 10px; -webkit-text-stroke: 0px #000000ff; background: #ffffff00; border-radius: 10px 10px 10px 10px; color: var(--font_color_5); font: var(--font_5); font-size: 16.0px; font-weight: 400; justify-content: flex-start; text-transform: initial; } #MENU-u1vn8209 > ul { background: #ffffff00; justify-content: flex-start; align-items: flex-start; height: auto; border-radius: inherit; } #MENU-u1vn8209 > ul > .menu-item .tag-link { --pad-x: 10px; --pad-y: 10px; -webkit-text-stroke: 0px #000000ff; background: #ffffff00; border-radius: 10px 10px 10px 10px; color: var(--font_color_5); font: var(--font_5); font-size: 16.0px; font-weight: 400; justify-content: flex-start; text-transform: initial; } #MENU-u1vn8209 > ul > .menu-item.menu-item-active-link .tag-link { color: var(--active-link-color); } #MENU-u1vn8209 > ul > .menu-item:not(:first-child) { } #MENU-u1vn8209 ul li .tag-link { border-style: none none none none; } #MENU-u1vn8209 ul li .tag-link:hover, #MENU-u1vn8209 ul li > a:hover { color: #ffffffff !important; background: var(--color_01); border-style: none none none none; } #MENU-ITEM-3149eack > a, #MENU-ITEM-3149eack > div { } #MENU-ITEM-qp8ytj2q > a, #MENU-ITEM-qp8ytj2q > div { } #MENU-ITEM-5tfqnmib > a, #MENU-ITEM-5tfqnmib > div { } #MENU-ITEM-tjyi2dmw > a, #MENU-ITEM-tjyi2dmw > div { } #MENU-ITEM-0n21u24u > a, #MENU-ITEM-0n21u24u > div { } #MENU-ITEM-23xnrc7t > a, #MENU-ITEM-23xnrc7t > div { } #MENU-ITEM-xzmvtra9 > a, #MENU-ITEM-xzmvtra9 > div { } #CART-ICON-unj91kbv { --width: 25px;align-self: center;grid-column-end: 4;grid-column-start: 3;grid-row-end: 2;grid-row-start: 1;height: 25px;justify-self: end;margin-right: 0%;margin-top: calc(0px * 2);width: 25px; } #CART-ICON-unj91kbv .x-cart-icon { border-color: #000000ff; } #CART-ICON-unj91kbv .x-cart-item-count { position: absolute; top: -6.25px; right: -6.25px; width: 12.5px; height: 12.5px; display: flex; justify-content: center; align-items: center; background-color: var(--color_02); border-radius: 50%; color: var(--color_00); font-family: Futura Regular; font-size: 10.0px; } #CART-ICON-unj91kbv .x-image-cart-icon { border-radius: ; } #MEMBER-BAR-9wafdz0h { --width: 25px;align-self: center;grid-column-end: 4;grid-column-start: 3;grid-row-end: 2;grid-row-start: 1;height: 25px;justify-self: end;margin-right: 30px;margin-top: calc(0px * 2);width: 25px; } #MEMBER-BAR-9wafdz0h .x-menu-bar { -webkit-text-stroke: 0px #000000ff; color: var(--font_color_3); font: var(--font_3); display: none; } #MEMBER-BAR-9wafdz0h .x-menu-bar .x-member { -webkit-text-stroke: 0px #000000ff; color: var(--font_color_3); font: var(--font_3); border-width: 0px; border-radius: 0px; border-style: solid; display: flex; align-items: center; justify-content: flex-start; padding-left: 0px; padding-right: 0px; height: 100%; } #MEMBER-BAR-9wafdz0h .x-member:hover { } #MEMBER-BAR-9wafdz0h .x-avatar-member-origin { width: 25px; height: 25px; border-style: solid; border-width: 0px; } #MEMBER-BAR-9wafdz0h .x-avatar-member-initial { width: 25px; height: 25px; border-style: solid; border-width: 0px; } #MEMBER-BAR-9wafdz0h .customer-icon { width: 25px; height: 25px; border-style: solid; border-width: 0px; } #MEMBER-BAR-9wafdz0h .x-nav-member-drop-icon { width: 25px; height: 25px; } #MEMBER-BAR-9wafdz0h .x-loginbar { -webkit-text-stroke: 0px #000000ff; color: var(--font_color_3); font: var(--font_3); border-width: 0px; border-radius: 0px; border-style: solid; justify-content: flex-start; } #MEMBER-BAR-9wafdz0h .x-loginbar .login-bar-text:hover { } #MEMBER-BAR-9wafdz0h .x-loginbar .login-bar-icon { width: 25px; height: 25px; border-style: solid; border-width: 0px; border: none; } #MEMBER-BAR-9wafdz0h .x-avatar-member-origin, #MEMBER-BAR-9wafdz0h .login-bar-icon { margin-right: 0 !important; } #MEMBER-BAR-9wafdz0h .member-divider { background: var(--font_color_3); } #MEMBER-BAR-9wafdz0h .customer-signup { display: none; } #MEMBER-BAR-9wafdz0h .customer-icon { } #MEMBER-BAR-9wafdz0h .customer-text { display: none; } #MEMBER-DROPDOWN-8011ulcw { width: 170px; height: auto; grid-template-columns: 1fr; grid-template-rows: minmax(170px, max-content); column-gap: 0px; row-gap: 0px; background: rgba(255, 255, 255, 1); transform: translate(0px, 0px); box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; } #MENU-cchfxq78 { --width: 25px;align-self: center;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;height: 25px;justify-self: start;margin-left: 35px;margin-top: calc(0px * 2);width: 25px; --active-link-color: var(--font_color_7); } #MENU-cchfxq78 .x-rect { -webkit-text-stroke: 0px #000000ff; background: #ffffff00; color: var(--font_color_7); font: var(--font_7); } #MENU-cchfxq78 > ul { background: #ffffff00; border-radius: inherit; } #MENU-cchfxq78 > ul > .menu-item .tag-link { -webkit-text-stroke: 0px #000000ff; background: #ffffff00; color: var(--font_color_7); font: var(--font_7); } #MENU-cchfxq78 > ul > .menu-item.menu-item-active-link .tag-link { color: var(--active-link-color); } #MENU-cchfxq78 > ul > .menu-item:not(:first-child) { } #MENU-cchfxq78 ul li .tag-link { border-style: none none none none; } #MENU-cchfxq78 ul li .tag-link:hover, #MENU-cchfxq78 ul li > a:hover { border-style: none none none none; } #MENU-DROPPABLE-uiun22vg { background: #ffffffff; top: 0; left: 0; width: 100vw; height: 70px; grid-template-columns: 1fr; grid-template-rows: minmax(100%, max-content); column-gap: 0px; row-gap: 0px; overflow-x: auto; --width: 300px; animation: slide-top 0.2s ease; } #INPUT-SEARCH-1teqoc5c { --width: 90%;align-self: center;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;height: 45px;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 90%; } #INPUT-SEARCH-1teqoc5c > .input-search--wrapper { box-shadow: 0px 0px 0px 2px rgba(18,18,18,0.549); font-size: 14.0px; border-width: 1px; border-color: #ff0080; : solid; flex-direction: row-reverse; } #INPUT-SEARCH-1teqoc5c > .input-search--wrapper .btn-close { color: #00000073; fill: #00000073; width: 15px; margin: 0 5px; } #INPUT-SEARCH-1teqoc5c > .input-search--wrapper .input-search--input { padding-left: 10px; text-align: left; } #INPUT-SEARCH-1teqoc5c > .input-search--wrapper .input-search--input::placeholder { } #INPUT-SEARCH-1teqoc5c > .input-search--wrapper:hover { border-style: none; border-color: #000000 !important; : solid; background-color: #ffffff00 !important; } #INPUT-SEARCH-1teqoc5c > .input-search--wrapper:focus-within { border-color: #000000 !important; background-color: #ffffff00 !important; } #INPUT-SEARCH-1teqoc5c .input-search--icon { margin-left: 10px; margin-right: 10px; height: 16px; width: 16px; } #INPUT-SEARCH-1teqoc5c .input-search--wrapper:hover .input-search--icon { color: var(--color_02); } #INPUT-SEARCH-1teqoc5c .input-search--wrapper:focus-within .input-search--icon { color: var(--color_02); } #INPUT-SEARCH-1teqoc5c .input-search--icon path { } #INPUT-SEARCH-1teqoc5c .input-search--wrapper:hover .input-search--icon path { fill: var(--color_02); } #INPUT-SEARCH-1teqoc5c .input-search--wrapper:focus-within .input-search--icon path { fill: var(--color_02); } #MENU-8lqlbqvc { --width: 30px;align-self: center;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;height: 30px;justify-self: start;margin-left: 0px;margin-top: calc(0px * 2);width: 30px; --active-link-color: var(--font_color_7); } #MENU-8lqlbqvc .x-rect { -webkit-text-stroke: 0px #000000ff; background: #000000ff; color: var(--font_color_7); font: var(--font_7); -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgY2xhc3M9Im1lbnUiPjxwYXRoIGQ9Ik0zLDZIMjFWOEgzVjZNMywxMUgyMVYxM0gzVjExTTMsMTZIMjFWMThIM1YxNloiPjwvcGF0aD48L3N2Zz4=); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; } #MENU-8lqlbqvc > ul { background: #000000ff; border-radius: inherit; } #MENU-8lqlbqvc > ul > .menu-item .tag-link { -webkit-text-stroke: 0px #000000ff; background: #000000ff; color: var(--font_color_7); font: var(--font_7); } #MENU-8lqlbqvc > ul > .menu-item.menu-item-active-link .tag-link { color: var(--active-link-color); } #MENU-8lqlbqvc > ul > .menu-item:not(:first-child) { } #MENU-8lqlbqvc ul li .tag-link { border-style: none none none none; } #MENU-8lqlbqvc ul li .tag-link:hover, #MENU-8lqlbqvc ul li > a:hover { border-style: none none none none; } #MENU-DROPPABLE-ncsp50zw { background: #ffffffff; overflow-x: hidden; overflow-y: auto; top: 0; left: 0; width: 300px; height: var(--viewport-height, 100vh); grid-template-columns: 15px 1fr 15px; grid-template-rows: minmax(80px, max-content) minmax(0%, 100%); column-gap: 0px; row-gap: 0px; overflow-x: auto; --width: 300px; animation: slide-left 0.2s ease; } #MENU-m3xnxvkj { --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%; --active-link-color: var(--font_color_3); } #MENU-m3xnxvkj .x-rect { --pad-x: 10px; --pad-y: 16px; -webkit-text-stroke: 0px #000000ff; background: #ffffffff; border-color: #ececec; border-width: 1.0px; color: var(--font_color_3); font: var(--font_3); font-size: 13.0px; font-weight: 700; justify-content: flex-start; text-transform: uppercase; } #MENU-m3xnxvkj > ul { background: #ffffffff; justify-content: flex-start; align-items: flex-start; height: auto; border-radius: inherit; } #MENU-m3xnxvkj > ul > .menu-item .tag-link { --pad-x: 10px; --pad-y: 16px; -webkit-text-stroke: 0px #000000ff; background: #ffffffff; border-color: #ececec; border-width: 1.0px; color: var(--font_color_3); font: var(--font_3); font-size: 13.0px; font-weight: 700; justify-content: flex-start; text-transform: uppercase; } #MENU-m3xnxvkj > ul > .menu-item.menu-item-active-link .tag-link { color: var(--active-link-color); } #MENU-m3xnxvkj > ul > .menu-item:not(:first-child) { } #MENU-m3xnxvkj ul li .tag-link { border-style: none none solid none; } #MENU-m3xnxvkj ul li .tag-link:hover, #MENU-m3xnxvkj ul li > a:hover { color: var(--color_04) !important; background: #0000000d; border-style: none none none none; } #MENU-m3xnxvkj > ul > .menu-item svg { width: 20px; height: 20px; } #MENU-ITEM-760i6xu6 > a, #MENU-ITEM-760i6xu6 > div { } #MENU-ITEM-g4ablnxq > a, #MENU-ITEM-g4ablnxq > div { } #MENU-ITEM-lhjgtl97 > a, #MENU-ITEM-lhjgtl97 > div { } #SUBMENU-6sw9vodb { width: 100%; height: auto; grid-template-columns: 1fr; grid-template-rows: minmax(0px, max-content); column-gap: 0px; row-gap: 0px; background: #ffffffff; } .vertical-menu #MENU-ITEM-lhjgtl97.menu-item:hover > .x-submenu { display: grid; } #MENU-af41wxyx { --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: var(--font_color_7); } #MENU-af41wxyx .x-rect { --pad-x: 10px; --pad-y: 10px; -webkit-text-stroke: 0px #000000ff; background: #ffffffff; color: var(--font_color_7); font: var(--font_7); font-family: 'Amsi Narw', sans-serif; font-size: 13.0px; justify-content: flex-start; } #MENU-af41wxyx > ul { background: #ffffffff; justify-content: flex-start; align-items: flex-start; height: auto; border-radius: inherit; } #MENU-af41wxyx > ul > .menu-item .tag-link { --pad-x: 10px; --pad-y: 10px; -webkit-text-stroke: 0px #000000ff; background: #ffffffff; color: var(--font_color_7); font: var(--font_7); font-family: 'Amsi Narw', sans-serif; font-size: 13.0px; justify-content: flex-start; } #MENU-af41wxyx > ul > .menu-item.menu-item-active-link .tag-link { color: var(--active-link-color); } #MENU-af41wxyx > ul > .menu-item:not(:first-child) { } #MENU-af41wxyx ul li .tag-link { border-style: none none none none; } #MENU-af41wxyx ul li .tag-link:hover, #MENU-af41wxyx ul li > a:hover { color: rgba(255, 255, 255, 1) !important; background: rgba(0, 0, 0, 1); border-style: none none none none; } #MENU-ITEM-2jss3pei > a, #MENU-ITEM-2jss3pei > div { } #MENU-ITEM-omtbj4bp > a, #MENU-ITEM-omtbj4bp > div { } #MENU-ITEM-022co06h > a, #MENU-ITEM-022co06h > div { } #MENU-ITEM-opqm8s1f > a, #MENU-ITEM-opqm8s1f > div { } #MENU-ITEM-hy7cy0v3 > a, #MENU-ITEM-hy7cy0v3 > div { } #MENU-ITEM-i3ahq7pz > a, #MENU-ITEM-i3ahq7pz > div { } #MENU-ITEM-ivw1vs0i > a, #MENU-ITEM-ivw1vs0i > div { } #IMAGE-usz9k0nw { 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: 120px; } #IMAGE-usz9k0nw picture { --width: 120px; height: 100%; width: 100%; } #IMAGE-usz9k0nw img { object-fit: cover; } #IMAGE-zje1w3vc { align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: end; margin-right: 0%; margin-top: calc(0px * 2); width: 19.9921875px; } #IMAGE-zje1w3vc picture { --width: 19.9921875px; border-color: #000000ff; height: 100%; width: 100%; } #IMAGE-zje1w3vc img { object-fit: cover; } #POPUP-iwmbge5a { --top: 50%; top: var(--top); --left: 50%; left: var(--left); transform: translate(-50%, -50%); background: #ffffff; width: 800px; height: auto; grid-template-columns: 1fr 1fr; grid-template-rows: minmax(100px, max-content) minmax(333px, 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-iwmbge5a.anim { --width: 800px; } #IMAGE-DATASET-g4np5ib9 { --width: 100%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 4;grid-row-start: 1;height: 533px;justify-self: center;margin-left: calc(0% * 2);margin-top: 0px;width: 100%; } #IMAGE-DATASET-g4np5ib9 picture, #IMAGE-DATASET-g4np5ib9 img { } #IMAGE-DATASET-g4np5ib9 img { object-fit: cover; } [id^="TEXT-DATASET-trvvvxnu"], .--clone-TEXT-DATASET-trvvvxnu { align-self: start; grid-column-end: 3; grid-column-start: 2; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: start; margin-left: 24px; margin-top: 16px; width: 80%; } [id^="TEXT-DATASET-trvvvxnu"] .x-text, [id^="TEXT-DATASET-trvvvxnu"] .x-text a, .--clone-TEXT-DATASET-trvvvxnu .x-text, .--clone-TEXT-DATASET-trvvvxnu .x-text a { --width: 80%; color: rgba(0, 0, 0, 1); font-size: 25.0px; height: 100%; width: 100%; color: var(--active-color, rgba(0, 0, 0, 1)); } [id^="TEXT-DATASET-trvvvxnu"] .x-text:hover, .--clone-TEXT-DATASET-trvvvxnu .x-text:hover, [id^="TEXT-DATASET-trvvvxnu"] a:hover, .--clone-TEXT-DATASET-trvvvxnu a:hover { } [id^="TEXT-DATASET-n9ntxg8k"], .--clone-TEXT-DATASET-n9ntxg8k { align-self: start; grid-column-end: 3; grid-column-start: 2; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: start; margin-left: 24px; margin-top: 60px; width: 25%; } [id^="TEXT-DATASET-n9ntxg8k"] .x-text, [id^="TEXT-DATASET-n9ntxg8k"] .x-text a, .--clone-TEXT-DATASET-n9ntxg8k .x-text, .--clone-TEXT-DATASET-n9ntxg8k .x-text a { --width: 25%; color: rgba(0, 0, 0, 1); font-size: 16.0px; height: 100%; width: 100%; color: var(--active-color, rgba(0, 0, 0, 1)); } [id^="TEXT-DATASET-n9ntxg8k"] .x-text:hover, .--clone-TEXT-DATASET-n9ntxg8k .x-text:hover, [id^="TEXT-DATASET-n9ntxg8k"] a:hover, .--clone-TEXT-DATASET-n9ntxg8k a:hover { } #QUANTITY-INPUT-uomcf1sz { --width: 30%;align-self: center;grid-column-end: 3;grid-column-start: 2;grid-row-end: 4;grid-row-start: 3;height: 40px;justify-self: start;margin-bottom: calc(0.328125px * 2);margin-left: 13.28125%;width: 30%; -webkit-text-stroke: 0px #000000ff; border-color: #000000ff; border-style: solid; border-width: 1.0px; color: #000000d9; overflow: hidden; } #QUANTITY-INPUT-uomcf1sz .quantity__input { padding-left: 40px; padding-right: 40px; } #QUANTITY-INPUT-uomcf1sz .quantity__button{ border-style: solid; } #QUANTITY-INPUT-uomcf1sz .quantity__button[name="minus"] { } #QUANTITY-INPUT-uomcf1sz .quantity__button[name="minus"] svg { width: 9.3px; } #QUANTITY-INPUT-uomcf1sz .quantity__button[name="plus"] { } #QUANTITY-INPUT-uomcf1sz .quantity__button[name="plus"] svg { width: 9.3px; } #BUTTON-qp7xej62 { align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 4; grid-row-start: 3; height: 46px; justify-self: end; margin-bottom: calc(0px * 2); margin-right: 13.22265625%; width: 30%; } #BUTTON-qp7xej62 .x-button-wrapper { --width: 30%; -webkit-text-stroke: 0px #000000ff; background: #ffffffff; border-color: #000000ff; border-radius: 100px; box-shadow: 1px 2px 11px 2px rgba(207, 207, 207, 0.6); color: #181818ff; font-size: 16.0px; height: 100%; text-align: center; width: 100%; border: ; color: var(--active-color, #181818ff); } #BUTTON-qp7xej62[disabled=true] { display: none; } #LINE-6uatdcgl { --width: 22.710937499999996%;align-self: end;grid-column-end: 3;grid-column-start: 2;grid-row-end: 2;grid-row-start: 1;height: 17px;justify-self: start;margin-bottom: 6.5px;margin-left: 24px;width: 22.710937499999996%; height: auto; } #LINE-6uatdcgl .line-container { border-color: #181818ff; border-style: solid; border-width: 1.0px; } #ATTR-yikmwag4 { --width: 56.99999999999999%;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: 24px;margin-top: 24px;width: 56.99999999999999%; } #ATTR-yikmwag4 .attr--item, #ATTR-yikmwag4 select { -webkit-text-stroke: 0px #000000ff; border-color: #c4c4c4ff; border-radius: 30px; border-style: solid; border-width: 1.0px; color: #000000d9; font-size: 13.0px; line-height: 20.8px; } #ATTR-yikmwag4 .chevron { width: 16px; right: 13px; } #ATTR-yikmwag4 .chevron svg{ height: 16px; } #ATTR-yikmwag4 .attr--item { margin-right: 12px; margin-bottom: 10px; } #ATTR-yikmwag4 .attr--item:hover { border-color: #c4c4c4ff; border-width: 1px; } #ATTR-yikmwag4 .attr--item.selected { border-color: #c4c4c4ff; border-width: 1px; } #ATTR-yikmwag4 img { width: 40px; height: 40px; padding: 0px; border-radius: 30px; } #ATTR-yikmwag4 .attr--item:hover .tooltip { background: #000; color: #fff; } #ATTR-yikmwag4 .attr--item:hover .tooltip:after { background: #000; border-top-color: #000; } #ATTR-yikmwag4 .select-wrapper { opacity: 0; } #ATTR-yikmwag4 .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: 30px; border-style: solid; border-width: 1.0px; color: #000000d9; font-size: 13.0px; line-height: 20.8px; gap: 0px; padding-left: 12px !important; padding-right: 12px !important; } #ATTR-yikmwag4 .select-overlay .select--text { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } #ATTR-yikmwag4 .select-overlay .select--icon { width: 16px; height: 16px; min-width: 16px; min-height: 16px; } #ATTR-hvxglbhu { --width: 56.99999999999999%;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: 24px;margin-top: 92px;width: 56.99999999999999%; } #ATTR-hvxglbhu .attr--item, #ATTR-hvxglbhu select { -webkit-text-stroke: 0px #000000ff; border-color: #c4c4c4ff; border-radius: 30px; border-style: solid; border-width: 1.0px; color: #000000d9; font-size: 13.0px; line-height: 20.8px; } #ATTR-hvxglbhu .chevron { width: 16px; right: 13px; } #ATTR-hvxglbhu .chevron svg{ height: 16px; } #ATTR-hvxglbhu .attr--item { margin-right: 12px; margin-bottom: 10px; } #ATTR-hvxglbhu .attr--item:hover { border-color: #c4c4c4ff; border-width: 1px; } #ATTR-hvxglbhu .attr--item.selected { border-color: #c4c4c4ff; border-width: 1px; background-color: #000; color: #fff; } #ATTR-hvxglbhu img { width: 40px; height: 40px; padding: 0px; border-radius: 30px; } #ATTR-hvxglbhu .attr--item:hover .tooltip { background: #000; color: #fff; } #ATTR-hvxglbhu .attr--item:hover .tooltip:after { background: #000; border-top-color: #000; } #ATTR-hvxglbhu .select-wrapper { opacity: 0; } #ATTR-hvxglbhu .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: 30px; border-style: solid; border-width: 1.0px; color: #000000d9; font-size: 13.0px; line-height: 20.8px; gap: 0px; padding-left: 12px !important; padding-right: 12px !important; } #ATTR-hvxglbhu .select-overlay .select--text { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } #ATTR-hvxglbhu .select-overlay .select--icon { width: 16px; height: 16px; min-width: 16px; min-height: 16px; } #POPUP-jer6hu1n { --top: 50%; top: var(--top); --left: 50%; left: var(--left); transform: translate(-50%, -50%); background: #ffffff; width: 400px; height: auto; grid-template-columns: 1fr; grid-template-rows: minmax(250px, 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-jer6hu1n.anim { --width: 400px; } #RECT-fyzzxk4w { align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: 16.293800073382133px; justify-self: end; margin-right: 3.027317892947096%; margin-top: 10px; width: 4.1094858238846665%; } #RECT-fyzzxk4w .x-rect { --width: 4.1094858238846665%; 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-fyzzxk4w::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-uofw8p80 { background: #ffffff; top: 0; right: 0; width: 95%; height: var(--viewport-height, 100vh); grid-template-columns: 15px 1fr 15px; grid-template-rows: minmax(60px, max-content) minmax(0%, 100%) minmax(0px, max-content) minmax(60px, max-content) minmax(45px, max-content) minmax(30px, max-content); column-gap: 0px; row-gap: 0px; overflow-x: auto; } #CART-DROPPABLE-uofw8p80.anim { --width: 95%; animation: slide-right 0.2s ease; } #CONTAINER-5d8w489i { --bg: #ffffff00; background: #ffffff00; border-color: #000000ff; overflow-x: hidden; overflow-y: auto; --width: 100%;align-self: start;column-gap: 0px;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;grid-template-columns: 1fr;grid-template-rows: minmax(0px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: 0px;max-height: 100%;row-gap: 1.5px;width: 100%; overflow-x: hidden; overflow-y: auto; border: #000000ff; } #CART-ITEMS-8347rshm { --width: 100%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;grid-template-columns: 70px 1fr 85px 30px;grid-template-rows: minmax(30px, max-content) minmax(25px, 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-8347rshm cart-item, #CART-ITEMS-8347rshm .cart-loading { grid-template-columns: 70px 1fr 85px 30px; grid-template-rows: minmax(30px, max-content) minmax(25px, max-content) minmax(25px, max-content) minmax(20px, max-content); } #IMAGE-DATASET-x4a9nolw { --width: 100%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 4;grid-row-start: 1;height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: 0px;width: 100%; } #IMAGE-DATASET-x4a9nolw picture, #IMAGE-DATASET-x4a9nolw img { border-color: #e3e3e3; border-style: solid; border-width: 1.0px; } #IMAGE-DATASET-x4a9nolw img { object-fit: contain; } [id^="TEXT-DATASET-0wujyaxz"], .--clone-TEXT-DATASET-0wujyaxz { align-self: center; grid-column-end: 4; grid-column-start: 2; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: stretch; margin-left: 10px; margin-right: 10px; margin-top: calc(0px * 2); width: auto; } [id^="TEXT-DATASET-0wujyaxz"] .x-text, [id^="TEXT-DATASET-0wujyaxz"] .x-text a, .--clone-TEXT-DATASET-0wujyaxz .x-text, .--clone-TEXT-DATASET-0wujyaxz .x-text a { --width: 88.76404494382022%; -webkit-text-stroke: 0px #000000ff; border-color: #000000ff; color: var(--font_color_3); font: var(--font_3); font-size: 16.0px; height: 100%; width: 100%; color: var(--active-color, var(--font_color_3)); } [id^="TEXT-DATASET-0wujyaxz"] .x-text:hover, .--clone-TEXT-DATASET-0wujyaxz .x-text:hover, [id^="TEXT-DATASET-0wujyaxz"] a:hover, .--clone-TEXT-DATASET-0wujyaxz a:hover { } [id^="TEXT-DATASET-eqld48ls"], .--clone-TEXT-DATASET-eqld48ls { align-self: center; grid-column-end: 4; grid-column-start: 2; grid-row-end: 4; grid-row-start: 3; height: auto; justify-self: center; margin-left: 10px; margin-top: calc(0px * 2); width: 66.06753812636165%; } [id^="TEXT-DATASET-eqld48ls"] .x-text, [id^="TEXT-DATASET-eqld48ls"] .x-text a, .--clone-TEXT-DATASET-eqld48ls .x-text, .--clone-TEXT-DATASET-eqld48ls .x-text a { --width: 66.06753812636165%; -webkit-text-stroke: 0px #000000ff; border-color: #000000ff; color: var(--color_02); font: var(--font_7); font-family: 'Amsi Narw', sans-serif; font-weight: 700; height: 100%; text-align: right; width: 100%; color: var(--active-color, var(--color_02)); } [id^="TEXT-DATASET-eqld48ls"] .x-text:hover, .--clone-TEXT-DATASET-eqld48ls .x-text:hover, [id^="TEXT-DATASET-eqld48ls"] a:hover, .--clone-TEXT-DATASET-eqld48ls a:hover { } [id^="TEXT-DATASET-vc2i8pw7"], .--clone-TEXT-DATASET-vc2i8pw7 { align-self: center; grid-column-end: 4; grid-column-start: 2; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: stretch; margin-left: 10px; margin-right: 10px; margin-top: calc(0px * 2); width: auto; } [id^="TEXT-DATASET-vc2i8pw7"] .x-text, [id^="TEXT-DATASET-vc2i8pw7"] .x-text a, .--clone-TEXT-DATASET-vc2i8pw7 .x-text, .--clone-TEXT-DATASET-vc2i8pw7 .x-text a { --width: 92.5925925925926%; border-color: #000000ff; color: var(--font_color_7); font: var(--font_7); font-family: 'Amsi Narw', sans-serif; font-size: 14.0px; height: 100%; width: 100%; color: var(--active-color, var(--font_color_7)); } [id^="TEXT-DATASET-vc2i8pw7"] .x-text:hover, .--clone-TEXT-DATASET-vc2i8pw7 .x-text:hover, [id^="TEXT-DATASET-vc2i8pw7"] a:hover, .--clone-TEXT-DATASET-vc2i8pw7 a:hover { } #QUANTITY-INPUT-pws9pe1z { --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: 10px;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-pws9pe1z .quantity__input { padding-left: 25px; padding-right: 25px; } #QUANTITY-INPUT-pws9pe1z .quantity__button{ border-style: solid; } #QUANTITY-INPUT-pws9pe1z .quantity__button[name="minus"] { background: #F1F1F1; width:25px; } #QUANTITY-INPUT-pws9pe1z .quantity__button[name="minus"] svg { width: 9.3px; } #QUANTITY-INPUT-pws9pe1z .quantity__button[name="plus"] { background: #F1F1F1; width:25px; } #QUANTITY-INPUT-pws9pe1z .quantity__button[name="plus"] svg { width: 9.3px; } #LINE-lfivmkfz { --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-lfivmkfz .line-container { border-color: var(--color_20); border-style: solid; border-width: 1.0px; } #RECT-7c4vldho { align-self: start; grid-column-end: 5; grid-column-start: 4; grid-row-end: 3; grid-row-start: 1; height: 24px; justify-self: end; margin-right: 0%; margin-top: 0px; width: 24px; } #RECT-7c4vldho .x-rect { --width: 24px; 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-7c4vldho::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-jb8d3z3u"], .--clone-TEXT-jb8d3z3u { 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(0px * 2); width: 80%; } [id^="TEXT-jb8d3z3u"] .x-text, [id^="TEXT-jb8d3z3u"] .x-text a, .--clone-TEXT-jb8d3z3u .x-text, .--clone-TEXT-jb8d3z3u .x-text a { --width: 80%; -webkit-text-stroke: 0px #000000ff; color: var(--font_color_3); font: var(--font_3); font-size: 20.0px; height: 100%; width: 100%; color: var(--active-color, var(--font_color_3)); } [id^="TEXT-jb8d3z3u"] .x-text:hover, .--clone-TEXT-jb8d3z3u .x-text:hover, [id^="TEXT-jb8d3z3u"] a:hover, .--clone-TEXT-jb8d3z3u a:hover { } #IMAGE-3tdpgw1g { align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 2; grid-row-start: 1; height: 19.9921875px; justify-self: end; margin-right: 0%; margin-top: calc(0px * 2); width: 19.9921875px; } #IMAGE-3tdpgw1g picture { --width: 19.9921875px; border-color: #000000ff; height: 100%; width: 100%; } #IMAGE-3tdpgw1g img { object-fit: cover; } #LINE-x68h897r { --width: 100%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 4;grid-row-start: 3;height: 4.4765625px;justify-self: center;margin-left: calc(0% * 2);margin-top: 0px;width: 100%; height: auto; } #LINE-x68h897r .line-container { border-color: #0000001a; border-style: solid; border-width: 1.0px; } [id^="TEXT-v3o5rtdh"], .--clone-TEXT-v3o5rtdh { align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 5; grid-row-start: 4; height: auto; justify-self: start; margin-left: 0%; margin-top: calc(0px * 2); width: 50%; } [id^="TEXT-v3o5rtdh"] .x-text, [id^="TEXT-v3o5rtdh"] .x-text a, .--clone-TEXT-v3o5rtdh .x-text, .--clone-TEXT-v3o5rtdh .x-text a { --width: 50%; -webkit-text-stroke: 0px #000000ff; color: var(--font_color_3); font: var(--font_3); font-size: 16.0px; height: 100%; width: 100%; color: var(--active-color, var(--font_color_3)); } [id^="TEXT-v3o5rtdh"] .x-text:hover, .--clone-TEXT-v3o5rtdh .x-text:hover, [id^="TEXT-v3o5rtdh"] a:hover, .--clone-TEXT-v3o5rtdh a:hover { } [id^="TEXT-DATASET-soqknhf9"], .--clone-TEXT-DATASET-soqknhf9 { align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 5; grid-row-start: 4; height: auto; justify-self: end; margin-right: 0%; margin-top: calc(0px * 2); width: 50%; } [id^="TEXT-DATASET-soqknhf9"] .x-text, [id^="TEXT-DATASET-soqknhf9"] .x-text a, .--clone-TEXT-DATASET-soqknhf9 .x-text, .--clone-TEXT-DATASET-soqknhf9 .x-text a { --width: 50%; -webkit-text-stroke: 0px #000000ff; border-color: #000000ff; color: var(--font_color_3); font: var(--font_3); font-size: 16.0px; height: 100%; text-align: right; width: 100%; color: var(--active-color, var(--font_color_3)); } [id^="TEXT-DATASET-soqknhf9"] .x-text:hover, .--clone-TEXT-DATASET-soqknhf9 .x-text:hover, [id^="TEXT-DATASET-soqknhf9"] a:hover, .--clone-TEXT-DATASET-soqknhf9 a:hover { } #BUTTON-wdo0jn7f { align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 6; grid-row-start: 5; height: 100%; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 100%; } #BUTTON-wdo0jn7f .x-button-wrapper { --width: 100%; -webkit-text-stroke: 0px #000000ff; background: var(--color_01); border-color: #000000ff; border-radius: 4px; color: var(--color_00); font: var(--font_3); font-size: 16.0px; height: 100%; text-align: center; width: 100%; border: ; color: var(--active-color, var(--color_00)); } #BUTTON-wdo0jn7f[disabled=true] { display: none; } #CART-DROPPABLE-mrh6n4cj { background: #ffffff; top: 0; right: 0; width: 300px; height: var(--viewport-height, 100vh); grid-template-columns: 15px 1fr 15px; grid-template-rows: minmax(60px, max-content) minmax(0px, max-content) minmax(20px, max-content) minmax(0%, 100%); column-gap: 0px; row-gap: 0px; overflow-x: auto; } #CART-DROPPABLE-mrh6n4cj.anim { --width: 300px; animation: slide-right 0.2s ease; } [id^="TEXT-n3lptdbt"], .--clone-TEXT-n3lptdbt { 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(0px * 2); width: 80%; } [id^="TEXT-n3lptdbt"] .x-text, [id^="TEXT-n3lptdbt"] .x-text a, .--clone-TEXT-n3lptdbt .x-text, .--clone-TEXT-n3lptdbt .x-text a { --width: 80%; -webkit-text-stroke: 0px #000000ff; color: var(--font_color_3); font: var(--font_3); font-size: 20.0px; height: 100%; width: 100%; color: var(--active-color, var(--font_color_3)); } [id^="TEXT-n3lptdbt"] .x-text:hover, .--clone-TEXT-n3lptdbt .x-text:hover, [id^="TEXT-n3lptdbt"] a:hover, .--clone-TEXT-n3lptdbt a:hover { } #IMAGE-ugzstd7o { align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 2; grid-row-start: 1; height: 19.9921875px; justify-self: end; margin-right: 0%; margin-top: calc(0px * 2); width: 19.9921875px; } #IMAGE-ugzstd7o picture { --width: 19.9921875px; border-color: #000000ff; height: 100%; width: 100%; } #IMAGE-ugzstd7o img { object-fit: cover; } #IMAGE-n04ehcy9 { 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: 199.9921875px; } #IMAGE-n04ehcy9 picture { --width: 199.9921875px; border-color: #000000ff; height: 100%; width: 100%; } #IMAGE-n04ehcy9 img { object-fit: cover; } #BUTTON-lr56thxg { align-self: start; grid-column-end: 3; grid-column-start: 2; grid-row-end: 5; grid-row-start: 4; height: 39.984375px; justify-self: center; margin-left: calc(0% * 2); margin-top: 0px; width: 199.9921875px; } #BUTTON-lr56thxg .x-button-wrapper { --width: 199.9921875px; -webkit-text-stroke: 0px #000000ff; background: var(--color_01); border-color: #000000ff; border-radius: 4px; color: var(--color_00); font: var(--font_3); font-size: 16.0px; height: 100%; text-align: center; width: 100%; border: ; color: var(--active-color, var(--color_00)); } #BUTTON-lr56thxg[disabled=true] { display: none; }