#SECTION-0mbvncry { height: auto; grid-template-columns: 20px 1fr 20px; grid-template-rows: minmax(38px, max-content) minmax(70px, max-content); column-gap: 0px; row-gap: 0px; transition: opacity 0.3s ease, visibility 0.3s ease; } #SECTION-0mbvncry .x-section-background { background: rgba(255, 255, 255, 0); --height: 108; --bg: rgba(255, 255, 255, 0); } #SECTION-0mbvncry .x-section-video-background { } #SECTION-0mbvncry .video { display: none; } #SECTION-0mbvncry .video-bp3 { overflow: hidden; width: 100%; height: 100%; display: block; } #LINE-4zsgab3k { --width: 100%;align-self: end;grid-column-end: 4;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;height: auto;justify-self: center;margin-bottom: 0px;margin-left: calc(0% * 2);width: 100%; height: auto; } #LINE-4zsgab3k .line-container { border-color: var(--color_01); border-style: solid; border-width: 1.0px; } #CONTAINER-8u201fjg { --bg: #e8eaed00; background: #e8eaed00; border-color: #000000ff; --width: 100%;align-self: center;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;grid-template-columns: 120px 1fr 43px 40px 40px;grid-template-rows: minmax(10px, max-content) minmax(50px, max-content) minmax(10px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 100%; border: #000000ff; } #MENU-x7zgqdwp { --width: 45.816919500177555%;align-self: center;display: none;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;height: 42px;justify-self: start;margin-left: 0%;margin-top: calc(0px * 2);width: 45.816919500177555%; --active-link-color: #121212bf; } #MENU-x7zgqdwp .x-rect { --gap: 30px; --pad-x: 0px; -webkit-text-stroke: 0px #000000ff; color: #121212bf; font-size: 15.0px; font-weight: 400; justify-content: flex-start; line-height: 1.5; text-align: left; } #MENU-x7zgqdwp > ul { justify-content: flex-start; align-items: flex-start; gap: 30px; border-radius: inherit; } #MENU-x7zgqdwp > ul > .menu-item .tag-link { --gap: 30px; --pad-x: 0px; -webkit-text-stroke: 0px #000000ff; color: #121212bf; font-size: 15.0px; font-weight: 400; justify-content: flex-start; line-height: 1.5; text-align: left; } #MENU-x7zgqdwp > ul > .menu-item.menu-item-active-link .tag-link { color: var(--active-link-color); } #MENU-x7zgqdwp > ul > .menu-item:not(:first-child) { } #MENU-x7zgqdwp ul li .tag-link { border-style: none none none none; } #MENU-x7zgqdwp ul li .tag-link:hover { color: #121212 !important; background: #00000000; text-decoration: underline; border-style: none none none none; } #MENU-x7zgqdwp > ul > .menu-item svg { width: 14px; height: 14px; } #MENU-x7zgqdwp.horizontal-menu > ul > .menu-item > .x-submenu { top: 42px; } #MENU-ITEM-yflqg9ij > a, #MENU-ITEM-yflqg9ij > div { font-family: 'Be Vietnam Pro', sans-serif !important; -webkit-text-stroke: 0px #000000ff !important; } #MENU-ITEM-gusv9kur > a, #MENU-ITEM-gusv9kur > div { font-family: 'Be Vietnam Pro', sans-serif !important; -webkit-text-stroke: 0px #000000ff !important; } #MENU-ITEM-39y88do0 > a, #MENU-ITEM-39y88do0 > div { font-family: 'Be Vietnam Pro', sans-serif !important; -webkit-text-stroke: 0px #000000ff !important; } #MENU-ITEM-pi57u5cg > a, #MENU-ITEM-pi57u5cg > div { font-family: 'Be Vietnam Pro', sans-serif !important; -webkit-text-stroke: 0px rgba(0, 0, 0, 1) !important; } #MENU-ITEM-dabtr0z6 > a, #MENU-ITEM-dabtr0z6 > div { font-family: 'Be Vietnam Pro', sans-serif !important; } #MENU-ITEM-6b0rhzae > a, #MENU-ITEM-6b0rhzae > div { font-family: 'Be Vietnam Pro', sans-serif !important; } #INPUT-SEARCH-mwmgjdm2 { --width: 100%;align-self: center;grid-column-end: 4;grid-column-start: 3;grid-row-end: 3;grid-row-start: 2;height: 100%;justify-self: end;margin-right: -95.34883720930232%;margin-top: calc(0px * 2);width: 100%; } #INPUT-SEARCH-mwmgjdm2 > .input-search--wrapper { font-size: 14.0px; border-width: 0px; border-color: rgba(0, 0, 0, 1); border-style: solid; } #INPUT-SEARCH-mwmgjdm2 > .input-search--wrapper .btn-close { color: #00000000; fill: #00000000; width: 0px; margin: 0 0px; } #INPUT-SEARCH-mwmgjdm2 > .input-search--wrapper .input-search--input { padding-left: 4px; text-align: left; } #INPUT-SEARCH-mwmgjdm2 > .input-search--wrapper .input-search--input::placeholder { } #INPUT-SEARCH-mwmgjdm2 > .input-search--wrapper:hover { border-style: none; border-color: rgba(0, 0, 0, 1) !important; border-style: solid; background-color: rgba(255, 255, 255, 1) !important; } #INPUT-SEARCH-mwmgjdm2 > .input-search--wrapper:focus-within { border-style: none; border-color: rgba(0, 0, 0, 1) !important; border-width: 0px !important; border-style: solid; background-color: rgba(255, 255, 255, 1) !important; } #INPUT-SEARCH-mwmgjdm2 .input-search--icon { margin-left: 7px; margin-right: 7px; color: #121212; height: 23px; width: 23px; } #INPUT-SEARCH-mwmgjdm2 .input-search--wrapper:hover .input-search--icon { color: rgb(0, 0, 0); } #INPUT-SEARCH-mwmgjdm2 .input-search--wrapper:focus-within .input-search--icon { color: rgb(0, 0, 0); } #INPUT-SEARCH-mwmgjdm2 .input-search--icon path { fill: #121212; } #INPUT-SEARCH-mwmgjdm2 .input-search--wrapper:hover .input-search--icon path { fill: rgb(0, 0, 0); } #INPUT-SEARCH-mwmgjdm2 .input-search--wrapper:focus-within .input-search--icon path { fill: rgb(0, 0, 0); } #SEARCH-DROPPABLE-yx7x5x9d { position: fixed; transform: translate(-50%, 0%); height: auto; grid-template-columns: 1fr; grid-template-rows: minmax(144px, 1fr); column-gap: 0px; row-gap: 0px; background: rgba(255, 255, 255, 1); } #CONTAINER-6q7r4epx { --bg: #e8eaed00; background: #e8eaed00; border-color: #000000ff; --width: 783px;align-self: center;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;grid-template-columns: 1fr 20px 25px;grid-template-rows: minmax(0px, max-content);height: auto;justify-self: center;margin-right: calc(0.07575757575757576% * 2);margin-top: calc(0px * 2);width: 783px; border: #000000ff; } #INPUT-SEARCH-2zougc00 { --width: 100%;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: 100%; } #INPUT-SEARCH-2zougc00 > .input-search--wrapper { color: #121212; font-size: 16.0px; border-width: 1px; border-color: #7d7d7d; border-style: solid; flex-direction: row-reverse; } #INPUT-SEARCH-2zougc00 > .input-search--wrapper .btn-close { color: #121212; fill: #121212; width: 16px; margin: 0 5px; } #INPUT-SEARCH-2zougc00 > .input-search--wrapper .input-search--input { padding-left: 21px; text-align: left; } #INPUT-SEARCH-2zougc00 > .input-search--wrapper .input-search--input::placeholder { color: #121212; } #INPUT-SEARCH-2zougc00 > .input-search--wrapper:hover { border-style: none; border-color: rgba(0, 0, 0, 1) !important; border-style: solid; background-color: rgba(255, 255, 255, 1) !important; } #INPUT-SEARCH-2zougc00 > .input-search--wrapper:focus-within { border-style: none; border-color: #7d7d7d !important; border-width: 2px !important; border-style: solid; background-color: rgba(255, 255, 255, 1) !important; } #INPUT-SEARCH-2zougc00 .input-search--icon { margin-left: 10px; margin-right: 10px; color: #121212; height: 18px; width: 18px; } #INPUT-SEARCH-2zougc00 .input-search--wrapper:hover .input-search--icon { color: rgb(0, 0, 0); } #INPUT-SEARCH-2zougc00 .input-search--wrapper:focus-within .input-search--icon { color: rgb(0, 0, 0); } #INPUT-SEARCH-2zougc00 .input-search--icon path { fill: #121212; } #INPUT-SEARCH-2zougc00 .input-search--wrapper:hover .input-search--icon path { fill: rgb(0, 0, 0); } #INPUT-SEARCH-2zougc00 .input-search--wrapper:focus-within .input-search--icon path { fill: rgb(0, 0, 0); } #RECT-rre1uuwr { align-self: center; grid-column-end: 4; grid-column-start: 3; grid-row-end: 2; grid-row-start: 1; height: 25px; justify-self: start; margin-left: 0px; margin-top: calc(0px * 2); width: 25px; } #RECT-rre1uuwr .x-rect { --width: 25px; background: #121212; 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, #121212); } #RECT-rre1uuwr::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-q7anzqkl { --width: 20px;align-self: center;grid-column-end: 2;grid-column-start: 1;grid-row-end: 3;grid-row-start: 2;height: 20px;justify-self: start;margin-left: 0%;margin-top: calc(0px * 2);width: 20px; --active-link-color: #121212; } #MENU-q7anzqkl .x-rect { -webkit-text-stroke: 0px #000000ff; background: #000000ff; color: #121212; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxNTM2IDE4OTYuMDgzMyIgY2xhc3M9Im5hdmljb24iPjxwYXRoIGQ9Ik0xNTM2IDEzNDR2MTI4cTAgMjYtMTkgNDV0LTQ1IDE5SDY0cS0yNiAwLTQ1LTE5dC0xOS00NXYtMTI4cTAtMjYgMTktNDV0NDUtMTloMTQwOHEyNiAwIDQ1IDE5dDE5IDQ1em0wLTUxMnYxMjhxMCAyNi0xOSA0NXQtNDUgMTlINjRxLTI2IDAtNDUtMTlUMCA5NjBWODMycTAtMjYgMTktNDV0NDUtMTloMTQwOHEyNiAwIDQ1IDE5dDE5IDQ1em0wLTUxMnYxMjhxMCAyNi0xOSA0NXQtNDUgMTlINjRxLTI2IDAtNDUtMTlUMCA0NDhWMzIwcTAtMjYgMTktNDV0NDUtMTloMTQwOHEyNiAwIDQ1IDE5dDE5IDQ1eiI+PC9wYXRoPjwvc3ZnPg==); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; } #MENU-q7anzqkl > ul { background: #000000ff; border-radius: inherit; } #MENU-q7anzqkl > ul > .menu-item .tag-link { -webkit-text-stroke: 0px #000000ff; background: #000000ff; color: #121212; } #MENU-q7anzqkl > ul > .menu-item.menu-item-active-link .tag-link { color: var(--active-link-color); } #MENU-q7anzqkl > ul > .menu-item:not(:first-child) { } #MENU-q7anzqkl ul li .tag-link { border-style: none none none none; } #MENU-q7anzqkl ul li .tag-link:hover, #MENU-q7anzqkl ul li > a:hover { border-style: none none none none; } #MENU-DROPPABLE-atcp0pkx { background: rgba(255, 255, 255, 1); top: 0; left: 0; width: 400px; height: var(--viewport-height, 100vh); grid-template-columns: 30px 1fr 30px; grid-template-rows: minmax(50px, max-content) minmax(0px, calc(100% - 141px)) minmax(0px, max-content); column-gap: 0px; row-gap: 0px; overflow-x: auto; --width: 400px; animation: slide-left 0.2s ease; } #MENU-7celmjw5 { --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: #121212; } #MENU-7celmjw5 .x-rect { --pad-y: 8px; -webkit-text-stroke: 0px #000000ff; background: rgba(255, 255, 255, 1); color: #121212; font-size: 18.0px; font-weight: 400; justify-content: flex-start; } #MENU-7celmjw5 > ul { background: rgba(255, 255, 255, 1); justify-content: flex-start; align-items: flex-start; height: auto; border-radius: inherit; } #MENU-7celmjw5 > ul > .menu-item .tag-link { --pad-y: 8px; -webkit-text-stroke: 0px #000000ff; background: rgba(255, 255, 255, 1); color: #121212; font-size: 18.0px; font-weight: 400; justify-content: flex-start; } #MENU-7celmjw5 > ul > .menu-item.menu-item-active-link .tag-link { color: var(--active-link-color); } #MENU-7celmjw5 > ul > .menu-item:not(:first-child) { } #MENU-7celmjw5 ul li .tag-link { border-style: none none none none; } #MENU-7celmjw5 ul li .tag-link:hover, #MENU-7celmjw5 ul li > a:hover { color: #121212 !important; background: #00000000; border-style: none none none none; } #MENU-ITEM-pui5e9f2 > a, #MENU-ITEM-pui5e9f2 > div { font-family: 'Be Vietnam Pro', sans-serif !important; -webkit-text-stroke: 0px rgba(0, 0, 0, 1) !important; } #MENU-ITEM-0a6xdxmw > a, #MENU-ITEM-0a6xdxmw > div { font-family: 'Be Vietnam Pro', sans-serif !important; -webkit-text-stroke: 0px rgba(0, 0, 0, 1) !important; } #MENU-ITEM-vxjoar4l > a, #MENU-ITEM-vxjoar4l > div { font-family: 'Be Vietnam Pro', sans-serif !important; -webkit-text-stroke: 0px #000000ff !important; } #MENU-ITEM-bbhr7x42 > a, #MENU-ITEM-bbhr7x42 > div { font-family: 'Be Vietnam Pro', sans-serif !important; -webkit-text-stroke: 0px rgba(0, 0, 0, 1) !important; } #MENU-ITEM-m7vr1gt1 > a, #MENU-ITEM-m7vr1gt1 > div { font-family: 'Be Vietnam Pro', sans-serif !important; -webkit-text-stroke: 0px rgba(0, 0, 0, 1) !important; } #MENU-ITEM-y3kymmlk > a, #MENU-ITEM-y3kymmlk > div { font-family: 'Be Vietnam Pro', sans-serif !important; -webkit-text-stroke: 0px rgba(0, 0, 0, 1) !important; } #CONTAINER-39q3e6w5 { --bg: #f8f8f8; background: #f8f8f8; border-color: #000000ff; --width: 100%;align-self: center;grid-column-end: 4;grid-column-start: 1;grid-row-end: 4;grid-row-start: 3;grid-template-columns: 30px 1fr 30px;grid-template-rows: minmax(30px, max-content) minmax(0px, max-content) minmax(30px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 100%; border: #000000ff; } #CONTAINER-5cvh2eor .animation, #CONTAINER-5cvh2eor.animation { animation-name: fadeInUp; -webkit-animation-name: fadeInUp; animation-delay: 0s; -webkit-animation-delay: 0s; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-duration: 1s; -webkit-animation-duration: 1s; } #CONTAINER-5cvh2eor { } #CONTAINER-5cvh2eor { --bg: #e8eaed00; background: #e8eaed00; border-color: #000000ff; --width: 56.29166603088378%;align-self: center;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;grid-template-columns: 1fr 1fr 1fr 1fr 1fr;grid-template-rows: minmax(30px, max-content);height: auto;justify-self: start;margin-left: 0%;margin-top: calc(0px * 2);width: 56.29166603088378%; border: #000000ff; } #IMAGE-1l6o41pd { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: 23px; justify-self: start; margin-bottom: calc(0.20831298828125px * 2); margin-left: 0%; width: 22.70833396911621px; } #IMAGE-1l6o41pd picture { --width: 22.70833396911621px; border-color: #000000ff; border-radius: 63px 63px 63px 63px; height: 100%; width: 100%; } #IMAGE-1l6o41pd img { object-fit: cover; } #IMAGE-u2krra3x { align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 2; grid-row-start: 1; height: 23px; justify-self: start; margin-left: 0%; margin-top: calc(0px * 2); width: 22.70833396911621px; } #IMAGE-u2krra3x picture { --width: 22.70833396911621px; border-color: #000000ff; border-radius: 63px 63px 63px 63px; height: 100%; width: 100%; } #IMAGE-u2krra3x img { object-fit: cover; } #IMAGE-rqgn3mou { align-self: center; grid-column-end: 4; grid-column-start: 3; grid-row-end: 2; grid-row-start: 1; height: 22px; justify-self: start; margin-left: 0%; margin-top: calc(0px * 2); width: 22px; } #IMAGE-rqgn3mou picture { --width: 22px; border-color: #000000ff; height: 100%; width: 100%; } #IMAGE-rqgn3mou img { object-fit: cover; } #RECT-07mh1oo2 { align-self: center; grid-column-end: 5; grid-column-start: 4; grid-row-end: 2; grid-row-start: 1; height: 25.90277862548828px; justify-self: start; margin-left: 0%; margin-top: calc(0px * 2); width: 25.90277862548828px; } #RECT-07mh1oo2 .x-rect { --width: 25.90277862548828px; background: rgba(0, 0, 0, 1); border-color: #000000ff; height: 100%; width: 100%; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnIHZpZXdCb3g9JzAgMCAyNCAyNCc+IDxwYXRoIGQ9J00xMCwxNi41VjcuNUwxNiwxMk0yMCw0LjRDMTkuNCw0LjIgMTUuNyw0IDEyLDRDOC4zLDQgNC42LDQuMTkgNCw0LjM4QzIuNDQsNC45IDIsOC40IDIsMTJDMiwxNS41OSAyLjQ0LDE5LjEgNCwxOS42MUM0LjYsMTkuODEgOC4zLDIwIDEyLDIwQzE1LjcsMjAgMTkuNCwxOS44MSAyMCwxOS42MUMyMS41NiwxOS4xIDIyLDE1LjU5IDIyLDEyQzIyLDguNCAyMS41Niw0LjkxIDIwLDQuNFonPjwvcGF0aD4gPC9zdmc+); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; border: ; background: var(--active-color, rgba(0, 0, 0, 1)); } #RECT-07mh1oo2::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; } #RECT-b4hd4omp { align-self: center; grid-column-end: 6; grid-column-start: 5; grid-row-end: 2; grid-row-start: 1; height: 27.81944465637207px; justify-self: start; margin-left: 0%; margin-top: calc(0px * 2); width: 27.81944465637207px; } #RECT-b4hd4omp .x-rect { --width: 27.81944465637207px; background: rgba(0, 0, 0, 1); border-color: #000000ff; height: 100%; width: 100%; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgY2xhc3M9InR3aXR0ZXItY2lyY2xlIj48cGF0aCBkPSJNMTcuNzEsOS4zM0MxOC4xOSw4LjkzIDE4Ljc1LDguNDUgMTksNy45MkMxOC41OSw4LjEzIDE4LjEsOC4yNiAxNy41Niw4LjMzQzE4LjA2LDcuOTcgMTguNDcsNy41IDE4LjY4LDYuODZDMTguMTYsNy4xNCAxNy42Myw3LjM4IDE2Ljk3LDcuNUMxNS40Miw1LjYzIDExLjcxLDcuMTUgMTIuMzcsOS45NUM5Ljc2LDkuNzkgOC4xNyw4LjYxIDYuODUsNy4xNkM2LjEsOC4zOCA2Ljc1LDEwLjIzIDcuNjQsMTAuNzRDNy4xOCwxMC43MSA2LjgzLDEwLjU3IDYuNSwxMC40MUM2LjU0LDExLjk1IDcuMzksMTIuNjkgOC41OCwxMy4wOUM4LjIyLDEzLjE2IDcuODIsMTMuMTggNy40NCwxMy4xMkM3LjgxLDE0LjE5IDguNTgsMTQuODYgOS45LDE1QzksMTUuNzYgNy4zNCwxNi4yOSA2LDE2LjA4QzcuMTUsMTYuODEgOC40NiwxNy4zOSAxMC4yOCwxNy4zMUMxNC42OSwxNy4xMSAxNy42NCwxMy45NSAxNy43MSw5LjMzTTEyLDJBMTAsMTAgMCAwLDEgMjIsMTJBMTAsMTAgMCAwLDEgMTIsMjJBMTAsMTAgMCAwLDEgMiwxMkExMCwxMCAwIDAsMSAxMiwyWiI+PC9wYXRoPjwvc3ZnPg==); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; border: ; background: var(--active-color, rgba(0, 0, 0, 1)); } #RECT-b4hd4omp::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; } #RECT-niitnxc5 { align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 2; grid-row-start: 1; height: 30px; justify-self: end; margin-right: 0%; margin-top: calc(0px * 2); width: 30px; } #RECT-niitnxc5 .x-rect { --width: 30px; background: rgba(0, 0, 0, 1); border-color: #000000ff; height: 100%; width: 100%; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgY2xhc3M9ImNsb3NlIj48cGF0aCBkPSJNMTksNi40MUwxNy41OSw1TDEyLDEwLjU5TDYuNDEsNUw1LDYuNDFMMTAuNTksMTJMNSwxNy41OUw2LjQxLDE5TDEyLDEzLjQxTDE3LjU5LDE5TDE5LDE3LjU5TDEzLjQxLDEyTDE5LDYuNDFaIj48L3BhdGg+PC9zdmc+); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; border: ; background: var(--active-color, rgba(0, 0, 0, 1)); } #RECT-niitnxc5::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-6itk0wyc { align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 90px; } #IMAGE-6itk0wyc picture { --width: 90px; height: 100%; width: 100%; } #IMAGE-6itk0wyc img { object-fit: cover; } #CART-ICON-5tdmsioo { --width: 31.000001907348633px;align-self: end;grid-column-end: 6;grid-column-start: 5;grid-row-end: 3;grid-row-start: 2;height: 31px;justify-self: center;margin-bottom: 9px;margin-left: calc(0% * 2);width: 31.000001907348633px; } #CART-ICON-5tdmsioo .x-cart-icon { border-color: #000000ff; } #CART-ICON-5tdmsioo .x-cart-item-count { position: absolute; top: -7.750000476837158px; right: -7.750000476837158px; width: 15.500000953674316px; height: 15.5px; display: flex; justify-content: center; align-items: center; background-color: black; border-radius: 50%; color: white; font-family: Assistant; font-size: 10.333333333333334px; } #CART-ICON-5tdmsioo .x-image-cart-icon { border-radius: ; } #RECT-azzjrwj1 { align-self: end; grid-column-end: 4; grid-column-start: 1; grid-row-end: 3; grid-row-start: 2; height: 1px; justify-self: center; margin-bottom: 0px; margin-left: calc(0% * 2); width: 100%; } #RECT-azzjrwj1 .x-rect { --width: 100%; background: #e3e3e3; border-color: #e3e3e3; 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, #e3e3e3); } #RECT-azzjrwj1::before { content: ""; border-color: #e3e3e3; border-style: ; border-width: ; border-radius: inherit; border: ; height: 100%; width: 100%; position: absolute; top: 0; left: 0; box-sizing: border-box; } #SECTION-hcefpxx9 { height: auto; grid-template-columns: 20px 1fr 20px; grid-template-rows: minmax(300px, max-content); column-gap: 0px; row-gap: 0px; transition: opacity 0.3s ease, visibility 0.3s ease; } #SECTION-hcefpxx9 .x-section-background { background: #ffffff00; --height: 300; --bg: #ffffff00; } #SECTION-hcefpxx9 .x-section-video-background { } #SECTION-hcefpxx9 .video { display: none; } #SECTION-hcefpxx9 .video-bp3 { overflow: hidden; width: 100%; height: 100%; display: block; } #CONTAINER-577t9wk8 { --bg: rgba(255, 255, 255, 0); background: rgba(255, 255, 255, 0); background-attachment: scroll; background-position-x: center; background-position-y: center; background-repeat: no-repeat; background-size: cover; border-color: #000000ff; --width: 100%;align-self: start;grid-column-end: 4;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;grid-template-columns: 1fr;grid-template-rows: minmax(100px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: 0px;width: 100%; border: #000000ff; } #IMAGE-7pftjvny { 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%; } #IMAGE-7pftjvny picture { --width: 100%; border-color: #000000ff; height: 100%; width: 100%; } #IMAGE-7pftjvny img { object-fit: cover; } #RECT-yieclimg { 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%; } #RECT-yieclimg .x-rect { --width: 100%; background: #00000066; 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, #00000066); } #RECT-yieclimg::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-gyzp8epl .animation, #CONTAINER-gyzp8epl.animation { animation-name: fadeInUp; -webkit-animation-name: fadeInUp; animation-delay: 0s; -webkit-animation-delay: 0s; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-duration: 2s; -webkit-animation-duration: 2s; } #CONTAINER-gyzp8epl { } #CONTAINER-gyzp8epl { --bg: #e8eaed00; background: #e8eaed00; border-color: #000000ff; --width: 100%;align-self: center;grid-column-end: 3;grid-column-start: 2;grid-row-end: 2;grid-row-start: 1;grid-template-columns: 1fr;grid-template-rows: minmax(50px, max-content) minmax(45px, max-content) minmax(40px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 100%; border: #000000ff; } [id^="TEXT-hxklia7u"], .--clone-TEXT-hxklia7u { 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%; } [id^="TEXT-hxklia7u"] .x-text, [id^="TEXT-hxklia7u"] .x-text a, .--clone-TEXT-hxklia7u .x-text, .--clone-TEXT-hxklia7u .x-text a { --width: 100%; -webkit-text-stroke: 0px #000000ff; color: var(--color_00); font: var(--font_3); font-family: 'Be Vietnam Pro', sans-serif; font-size: 40.0px; font-weight: 200; height: 100%; text-align: center; width: 100%; color: var(--active-color, var(--color_00)); } [id^="TEXT-hxklia7u"] .x-text:hover, .--clone-TEXT-hxklia7u .x-text:hover, [id^="TEXT-hxklia7u"] a:hover, .--clone-TEXT-hxklia7u a:hover { } #TEXT-hxklia7u .animation, #TEXT-hxklia7u.animation { animation-name: fadeInUp; -webkit-animation-name: fadeInUp; animation-delay: 0s; -webkit-animation-delay: 0s; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-duration: 1s; -webkit-animation-duration: 1s; } #TEXT-hxklia7u { } [id^="TEXT-p9gzs7u5"], .--clone-TEXT-p9gzs7u5 { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 76.91443455502373%; } [id^="TEXT-p9gzs7u5"] .x-text, [id^="TEXT-p9gzs7u5"] .x-text a, .--clone-TEXT-p9gzs7u5 .x-text, .--clone-TEXT-p9gzs7u5 .x-text a { --width: 76.91443455502373%; -webkit-text-stroke: 0px #000000ff; color: var(--color_00); font: var(--font_5); font-family: 'Be Vietnam Pro', sans-serif; font-size: 16.0px; font-weight: 100; height: 100%; text-align: center; width: 100%; color: var(--active-color, var(--color_00)); } [id^="TEXT-p9gzs7u5"] .x-text:hover, .--clone-TEXT-p9gzs7u5 .x-text:hover, [id^="TEXT-p9gzs7u5"] a:hover, .--clone-TEXT-p9gzs7u5 a:hover { } #TEXT-p9gzs7u5 .animation, #TEXT-p9gzs7u5.animation { animation-name: fadeInUp; -webkit-animation-name: fadeInUp; animation-delay: 0s; -webkit-animation-delay: 0s; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-duration: 1s; -webkit-animation-duration: 1s; } #TEXT-p9gzs7u5 { } #SECTION-pypil934 { height: auto; grid-template-columns: 20px 1fr 20px; grid-template-rows: minmax(20px, max-content) minmax(100px, max-content) minmax(20px, max-content) minmax(600px, max-content); column-gap: 0px; row-gap: 0px; transition: opacity 0.3s ease, visibility 0.3s ease; } #SECTION-pypil934 .x-section-background { background: rgba(255, 255, 255, 0); --height: 740; --bg: rgba(255, 255, 255, 0); } #SECTION-pypil934 .x-section-video-background { } #SECTION-pypil934 .video { display: none; } #SECTION-pypil934 .video-bp3 { overflow: hidden; width: 100%; height: 100%; display: block; } #CONTAINER-kmox5ged .animation, #CONTAINER-kmox5ged.animation { animation-name: fadeInUp; -webkit-animation-name: fadeInUp; animation-delay: 0s; -webkit-animation-delay: 0s; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-duration: 1s; -webkit-animation-duration: 1s; } #CONTAINER-kmox5ged { } #CONTAINER-kmox5ged { --bg: #e8eaed00; background: #e8eaed00; border-color: #000000ff; --width: 100%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;grid-template-columns: 1fr;grid-template-rows: minmax(0px, max-content) minmax(20px, max-content) minmax(0px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: -0.5px;width: 100%; border: #000000ff; } [id^="TEXT-cg9j5w6u"], .--clone-TEXT-cg9j5w6u { 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%; } [id^="TEXT-cg9j5w6u"] .x-text, [id^="TEXT-cg9j5w6u"] .x-text a, .--clone-TEXT-cg9j5w6u .x-text, .--clone-TEXT-cg9j5w6u .x-text a { --width: 100%; -webkit-text-stroke: 0px #000000ff; color: #121212; font: var(--font_3); font-family: 'Be Vietnam Pro', sans-serif; font-size: 40.0px; font-weight: 700; height: 100%; text-align: center; width: 100%; color: var(--active-color, #121212); } [id^="TEXT-cg9j5w6u"] .x-text:hover, .--clone-TEXT-cg9j5w6u .x-text:hover, [id^="TEXT-cg9j5w6u"] a:hover, .--clone-TEXT-cg9j5w6u a:hover { } #TEXT-cg9j5w6u .animation, #TEXT-cg9j5w6u.animation { animation-name: fadeInUp; -webkit-animation-name: fadeInUp; animation-delay: 0s; -webkit-animation-delay: 0s; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-duration: 1s; -webkit-animation-duration: 1s; } #TEXT-cg9j5w6u { } [id^="TEXT-61skry9g"], .--clone-TEXT-61skry9g { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 4; grid-row-start: 3; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 100%; } [id^="TEXT-61skry9g"] .x-text, [id^="TEXT-61skry9g"] .x-text a, .--clone-TEXT-61skry9g .x-text, .--clone-TEXT-61skry9g .x-text a { --width: 100%; -webkit-text-stroke: 0px #000000ff; color: #121212bf; font: var(--font_3); font-family: 'Be Vietnam Pro', sans-serif; font-size: 16.0px; font-weight: 400; height: 100%; text-align: center; width: 100%; color: var(--active-color, #121212bf); } [id^="TEXT-61skry9g"] .x-text:hover, .--clone-TEXT-61skry9g .x-text:hover, [id^="TEXT-61skry9g"] a:hover, .--clone-TEXT-61skry9g a:hover { } #TEXT-61skry9g .animation, #TEXT-61skry9g.animation { animation-name: fadeInUp; -webkit-animation-name: fadeInUp; animation-delay: 0s; -webkit-animation-delay: 0s; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-duration: 1s; -webkit-animation-duration: 1s; } #TEXT-61skry9g { } #GRID-PRODUCT-pmziykne { --width: 100%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 5;grid-row-start: 4;height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: -0.25px;width: 100%; } #GRID-PRODUCT-pmziykne .grid-product--inner img { object-fit: cover; } #GRID-PRODUCT-pmziykne .grid-product--title { line-clamp: 1; -webkit-line-clamp: 1; } #GRID-PRODUCT-pmziykne .grid-product--wrapper { margin-bottom: 12px; } #GRID-PRODUCT-pmziykne .empty-product { display: flex; flex-direction: column; align-items: center; justify-content: center; } #GRID-PRODUCT-pmziykne .empty-product .empty-product-image { width: 160px; height: 160px; } #GRID-PRODUCT-pmziykne .empty-product .empty-product-text { color: #25282A; text-align: center; max-width: 357px; font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; } #GRID-PRODUCT-pmziykne .empty-product .empty-product-description { color: #43484C; text-align: center; max-width: 425px; font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; } #GRID-PRODUCT-pmziykne .grid-product--wrapper { display: grid; column-gap: 10px; row-gap: 10px; grid-template-columns: repeat(2, 1fr); } #GRID-PRODUCT-pmziykne .slider-product--item:hover { } #GRID-PRODUCT-pmziykne .slider-product--item:hover .product-overlay[data-type="quick-view"] { display: grid; } #GRID-PRODUCT-pmziykne .slider-product--item { opacity: 1; transition: opacity 0.3s ease; } #GRID-PRODUCT-pmziykne .slider-product--item.invisible { opacity: 0; } #GRID-PRODUCT-pmziykne .slider-product--item { display: flex; flex-direction: column; border-color: #000; } #GRID-PRODUCT-pmziykne .grid-product--info { padding: 10px 0px; justify-content: unset; align-items: unset } #GRID-PRODUCT-pmziykne .grid-product--category { padding: 0px 0px; } #GRID-PRODUCT-pmziykne .grid-product--title { font-size: 16px; min-height: 25.144px; } #GRID-PRODUCT-pmziykne .grid-product--price { margin-top: 4px; margin-bottom: 4px; } #GRID-PRODUCT-pmziykne .grid-product--retail-price, #GRID-PRODUCT-pmziykne .grid-product--selling-price { margin: 0 0px; } #GRID-PRODUCT-pmziykne .grid-product--origin-price { margin: 0 5px; } #GRID-PRODUCT-pmziykne .grid-product--discount { padding: 0px 0px; background: rgba(0, 0, 0, 0); border-radius: 0px; font: ; color: ; font-family: ; font-size: px; font-weight: ; font-style: ; text-decoration: ; } #GRID-PRODUCT-pmziykne .grid-product--wholesale-price { } #GRID-PRODUCT-pmziykne .product--ribbons-wrapper { font-family: 'Roboto', sans-serif; font-weight: ; font-size: 12px; font-style: ; text-decoration: ; color: rgba(255, 255, 255, 1); flex-direction: row; padding: 10px 0px 0px 10px; display: ; } #GRID-PRODUCT-pmziykne .product--ribbon { border-radius: 40px; background: rgba(0, 0, 0, 1); border-color: rgba(0, 0, 0, 1); border-width: 0px; background-size: cover; background-attachment: scroll; background-position-x: center; background-position-y: center; background-repeat: no-repeat; filter: ; } #GRID-PRODUCT-pmziykne .ribbon-e2c44c75 { background: #242833; } #GRID-PRODUCT-pmziykne .ribbon-ec8a3cfd { background: #334fb4; } #PRODUCT-OVERLAY-2txkwael { width: 100%; height: 100%; grid-template-columns: 1fr; grid-template-rows: minmax(0px, 1fr); column-gap: 0px; row-gap: 0px; } #SECTION-59tcs6es { height: auto; grid-template-columns: 20px 1fr 20px; grid-template-rows: minmax(20px, max-content) minmax(100px, max-content) minmax(20px, max-content) minmax(600px, max-content); column-gap: 0px; row-gap: 0px; transition: opacity 0.3s ease, visibility 0.3s ease; } #SECTION-59tcs6es .x-section-background { background: rgba(255, 255, 255, 0); --height: 740; --bg: rgba(255, 255, 255, 0); } #SECTION-59tcs6es .x-section-video-background { } #SECTION-59tcs6es .video { display: none; } #SECTION-59tcs6es .video-bp3 { overflow: hidden; width: 100%; height: 100%; display: block; } #CONTAINER-k7n0w37q .animation, #CONTAINER-k7n0w37q.animation { animation-name: fadeInUp; -webkit-animation-name: fadeInUp; animation-delay: 0s; -webkit-animation-delay: 0s; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-duration: 1s; -webkit-animation-duration: 1s; } #CONTAINER-k7n0w37q { } #CONTAINER-k7n0w37q { --bg: #e8eaed00; background: #e8eaed00; border-color: #000000ff; --width: 100%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;grid-template-columns: 1fr;grid-template-rows: minmax(0px, max-content) minmax(20px, max-content) minmax(0px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: -0.5px;width: 100%; border: #000000ff; } [id^="TEXT-z7wllygh"], .--clone-TEXT-z7wllygh { 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%; } [id^="TEXT-z7wllygh"] .x-text, [id^="TEXT-z7wllygh"] .x-text a, .--clone-TEXT-z7wllygh .x-text, .--clone-TEXT-z7wllygh .x-text a { --width: 100%; -webkit-text-stroke: 0px #000000ff; color: #121212; font: var(--font_3); font-family: 'Be Vietnam Pro', sans-serif; font-size: 40.0px; font-weight: 700; height: 100%; text-align: center; width: 100%; color: var(--active-color, #121212); } [id^="TEXT-z7wllygh"] .x-text:hover, .--clone-TEXT-z7wllygh .x-text:hover, [id^="TEXT-z7wllygh"] a:hover, .--clone-TEXT-z7wllygh a:hover { } #TEXT-z7wllygh .animation, #TEXT-z7wllygh.animation { animation-name: fadeInUp; -webkit-animation-name: fadeInUp; animation-delay: 0s; -webkit-animation-delay: 0s; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-duration: 1s; -webkit-animation-duration: 1s; } #TEXT-z7wllygh { } [id^="TEXT-nyxpqpt4"], .--clone-TEXT-nyxpqpt4 { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 4; grid-row-start: 3; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 100%; } [id^="TEXT-nyxpqpt4"] .x-text, [id^="TEXT-nyxpqpt4"] .x-text a, .--clone-TEXT-nyxpqpt4 .x-text, .--clone-TEXT-nyxpqpt4 .x-text a { --width: 100%; -webkit-text-stroke: 0px #000000ff; color: #121212bf; font: var(--font_3); font-family: 'Be Vietnam Pro', sans-serif; font-size: 16.0px; font-weight: 400; height: 100%; text-align: center; width: 100%; color: var(--active-color, #121212bf); } [id^="TEXT-nyxpqpt4"] .x-text:hover, .--clone-TEXT-nyxpqpt4 .x-text:hover, [id^="TEXT-nyxpqpt4"] a:hover, .--clone-TEXT-nyxpqpt4 a:hover { } #TEXT-nyxpqpt4 .animation, #TEXT-nyxpqpt4.animation { animation-name: fadeInUp; -webkit-animation-name: fadeInUp; animation-delay: 0s; -webkit-animation-delay: 0s; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-duration: 1s; -webkit-animation-duration: 1s; } #TEXT-nyxpqpt4 { } #GRID-PRODUCT-v42z275p { --width: 100%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 5;grid-row-start: 4;height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: -0.25px;width: 100%; } #GRID-PRODUCT-v42z275p .grid-product--inner img { object-fit: cover; } #GRID-PRODUCT-v42z275p .grid-product--title { line-clamp: 1; -webkit-line-clamp: 1; } #GRID-PRODUCT-v42z275p .grid-product--wrapper { margin-bottom: 12px; } #GRID-PRODUCT-v42z275p .empty-product { display: flex; flex-direction: column; align-items: center; justify-content: center; } #GRID-PRODUCT-v42z275p .empty-product .empty-product-image { width: 160px; height: 160px; } #GRID-PRODUCT-v42z275p .empty-product .empty-product-text { color: #25282A; text-align: center; max-width: 357px; font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; } #GRID-PRODUCT-v42z275p .empty-product .empty-product-description { color: #43484C; text-align: center; max-width: 425px; font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; } #GRID-PRODUCT-v42z275p .grid-product--wrapper { display: grid; column-gap: 10px; row-gap: 10px; grid-template-columns: repeat(2, 1fr); } #GRID-PRODUCT-v42z275p .slider-product--item:hover { } #GRID-PRODUCT-v42z275p .slider-product--item:hover .product-overlay[data-type="quick-view"] { display: grid; } #GRID-PRODUCT-v42z275p .slider-product--item { opacity: 1; transition: opacity 0.3s ease; } #GRID-PRODUCT-v42z275p .slider-product--item.invisible { opacity: 0; } #GRID-PRODUCT-v42z275p .slider-product--item { display: flex; flex-direction: column; border-color: #000; } #GRID-PRODUCT-v42z275p .grid-product--info { padding: 10px 0px; justify-content: unset; align-items: unset } #GRID-PRODUCT-v42z275p .grid-product--category { padding: 0px 0px; } #GRID-PRODUCT-v42z275p .grid-product--title { font-size: 16px; min-height: 25.144px; } #GRID-PRODUCT-v42z275p .grid-product--price { margin-top: 4px; margin-bottom: 4px; } #GRID-PRODUCT-v42z275p .grid-product--retail-price, #GRID-PRODUCT-v42z275p .grid-product--selling-price { margin: 0 0px; } #GRID-PRODUCT-v42z275p .grid-product--origin-price { margin: 0 5px; } #GRID-PRODUCT-v42z275p .grid-product--discount { padding: 0px 0px; background: rgba(0, 0, 0, 0); border-radius: 0px; font: ; color: ; font-family: ; font-size: px; font-weight: ; font-style: ; text-decoration: ; } #GRID-PRODUCT-v42z275p .grid-product--wholesale-price { } #GRID-PRODUCT-v42z275p .product--ribbons-wrapper { font-family: 'Roboto', sans-serif; font-weight: ; font-size: 12px; font-style: ; text-decoration: ; color: rgba(255, 255, 255, 1); flex-direction: row; padding: 10px 0px 0px 10px; display: ; } #GRID-PRODUCT-v42z275p .product--ribbon { border-radius: 40px; background: rgba(0, 0, 0, 1); border-color: rgba(0, 0, 0, 1); border-width: 0px; background-size: cover; background-attachment: scroll; background-position-x: center; background-position-y: center; background-repeat: no-repeat; filter: ; } #GRID-PRODUCT-v42z275p .ribbon-e2c44c75 { background: #242833; } #GRID-PRODUCT-v42z275p .ribbon-ec8a3cfd { background: #334fb4; } #IMAGE-iqnqq1xz { align-self: end; grid-column-end: 2; grid-column-start: 1; grid-row-end: 5; grid-row-start: 4; height: 23px; justify-self: start; margin-bottom: 33.96875px; margin-left: -1423.515625%; width: 22.703125px; } #IMAGE-iqnqq1xz picture { --width: 22.703125px; border-color: #000000ff; border-radius: 63px 63px 63px 63px; height: 100%; width: 100%; } #IMAGE-iqnqq1xz img { object-fit: cover; } #LINE-kun0igud { --width: 97.41935483870968%;align-self: center;grid-column-end: 4;grid-column-start: 2;grid-row-end: 2;grid-row-start: 1;height: auto;justify-self: start;margin-bottom: calc(0.640625px * 2);margin-left: 0%;width: 97.41935483870968%; height: auto; } #LINE-kun0igud .line-container { border-color: #181818ff; border-style: solid; border-width: 1.0px; } #SECTION-unj1oz9b { height: auto; grid-template-columns: 20px 1fr 20px; grid-template-rows: minmax(20px, max-content) minmax(100px, max-content) minmax(20px, max-content) minmax(600px, max-content); column-gap: 0px; row-gap: 0px; transition: opacity 0.3s ease, visibility 0.3s ease; } #SECTION-unj1oz9b .x-section-background { background: rgba(255, 255, 255, 0); --height: 740; --bg: rgba(255, 255, 255, 0); } #SECTION-unj1oz9b .x-section-video-background { } #SECTION-unj1oz9b .video { display: none; } #SECTION-unj1oz9b .video-bp3 { overflow: hidden; width: 100%; height: 100%; display: block; } #CONTAINER-7djas7ns .animation, #CONTAINER-7djas7ns.animation { animation-name: fadeInUp; -webkit-animation-name: fadeInUp; animation-delay: 0s; -webkit-animation-delay: 0s; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-duration: 1s; -webkit-animation-duration: 1s; } #CONTAINER-7djas7ns { } #CONTAINER-7djas7ns { --bg: #e8eaed00; background: #e8eaed00; border-color: #000000ff; --width: 100%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;grid-template-columns: 1fr;grid-template-rows: minmax(0px, max-content) minmax(20px, max-content) minmax(0px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: -0.5px;width: 100%; border: #000000ff; } [id^="TEXT-sgcfsysz"], .--clone-TEXT-sgcfsysz { 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%; } [id^="TEXT-sgcfsysz"] .x-text, [id^="TEXT-sgcfsysz"] .x-text a, .--clone-TEXT-sgcfsysz .x-text, .--clone-TEXT-sgcfsysz .x-text a { --width: 100%; -webkit-text-stroke: 0px #000000ff; color: #121212; font: var(--font_3); font-family: 'Be Vietnam Pro', sans-serif; font-size: 40.0px; font-weight: 700; height: 100%; text-align: center; width: 100%; color: var(--active-color, #121212); } [id^="TEXT-sgcfsysz"] .x-text:hover, .--clone-TEXT-sgcfsysz .x-text:hover, [id^="TEXT-sgcfsysz"] a:hover, .--clone-TEXT-sgcfsysz a:hover { } #TEXT-sgcfsysz .animation, #TEXT-sgcfsysz.animation { animation-name: fadeInUp; -webkit-animation-name: fadeInUp; animation-delay: 0s; -webkit-animation-delay: 0s; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-duration: 1s; -webkit-animation-duration: 1s; } #TEXT-sgcfsysz { } [id^="TEXT-jg70axk1"], .--clone-TEXT-jg70axk1 { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 4; grid-row-start: 3; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 100%; } [id^="TEXT-jg70axk1"] .x-text, [id^="TEXT-jg70axk1"] .x-text a, .--clone-TEXT-jg70axk1 .x-text, .--clone-TEXT-jg70axk1 .x-text a { --width: 100%; -webkit-text-stroke: 0px #000000ff; color: #121212bf; font: var(--font_3); font-family: 'Be Vietnam Pro', sans-serif; font-size: 16.0px; font-weight: 400; height: 100%; text-align: center; width: 100%; color: var(--active-color, #121212bf); } [id^="TEXT-jg70axk1"] .x-text:hover, .--clone-TEXT-jg70axk1 .x-text:hover, [id^="TEXT-jg70axk1"] a:hover, .--clone-TEXT-jg70axk1 a:hover { } #TEXT-jg70axk1 .animation, #TEXT-jg70axk1.animation { animation-name: fadeInUp; -webkit-animation-name: fadeInUp; animation-delay: 0s; -webkit-animation-delay: 0s; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-duration: 1s; -webkit-animation-duration: 1s; } #TEXT-jg70axk1 { } #GRID-PRODUCT-wrkqb1xv { --width: 100%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 5;grid-row-start: 4;height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: -0.25px;width: 100%; } #GRID-PRODUCT-wrkqb1xv .grid-product--inner img { object-fit: cover; } #GRID-PRODUCT-wrkqb1xv .grid-product--title { line-clamp: 1; -webkit-line-clamp: 1; } #GRID-PRODUCT-wrkqb1xv .grid-product--wrapper { margin-bottom: 12px; } #GRID-PRODUCT-wrkqb1xv .empty-product { display: flex; flex-direction: column; align-items: center; justify-content: center; } #GRID-PRODUCT-wrkqb1xv .empty-product .empty-product-image { width: 160px; height: 160px; } #GRID-PRODUCT-wrkqb1xv .empty-product .empty-product-text { color: #25282A; text-align: center; max-width: 357px; font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; } #GRID-PRODUCT-wrkqb1xv .empty-product .empty-product-description { color: #43484C; text-align: center; max-width: 425px; font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; } #GRID-PRODUCT-wrkqb1xv .grid-product--wrapper { display: grid; column-gap: 10px; row-gap: 10px; grid-template-columns: repeat(2, 1fr); } #GRID-PRODUCT-wrkqb1xv .slider-product--item:hover { } #GRID-PRODUCT-wrkqb1xv .slider-product--item:hover .product-overlay[data-type="quick-view"] { display: grid; } #GRID-PRODUCT-wrkqb1xv .slider-product--item { opacity: 1; transition: opacity 0.3s ease; } #GRID-PRODUCT-wrkqb1xv .slider-product--item.invisible { opacity: 0; } #GRID-PRODUCT-wrkqb1xv .slider-product--item { display: flex; flex-direction: column; border-color: #000; } #GRID-PRODUCT-wrkqb1xv .grid-product--info { padding: 10px 0px; justify-content: unset; align-items: unset } #GRID-PRODUCT-wrkqb1xv .grid-product--category { padding: 0px 0px; } #GRID-PRODUCT-wrkqb1xv .grid-product--title { font-size: 16px; min-height: 25.144px; } #GRID-PRODUCT-wrkqb1xv .grid-product--price { margin-top: 4px; margin-bottom: 4px; } #GRID-PRODUCT-wrkqb1xv .grid-product--retail-price, #GRID-PRODUCT-wrkqb1xv .grid-product--selling-price { margin: 0 0px; } #GRID-PRODUCT-wrkqb1xv .grid-product--origin-price { margin: 0 5px; } #GRID-PRODUCT-wrkqb1xv .grid-product--discount { padding: 0px 0px; background: rgba(0, 0, 0, 0); border-radius: 0px; font: ; color: ; font-family: ; font-size: px; font-weight: ; font-style: ; text-decoration: ; } #GRID-PRODUCT-wrkqb1xv .grid-product--wholesale-price { } #GRID-PRODUCT-wrkqb1xv .product--ribbons-wrapper { font-family: 'Roboto', sans-serif; font-weight: ; font-size: 12px; font-style: ; text-decoration: ; color: rgba(255, 255, 255, 1); flex-direction: row; padding: 10px 0px 0px 10px; display: ; } #GRID-PRODUCT-wrkqb1xv .product--ribbon { border-radius: 40px; background: rgba(0, 0, 0, 1); border-color: rgba(0, 0, 0, 1); border-width: 0px; background-size: cover; background-attachment: scroll; background-position-x: center; background-position-y: center; background-repeat: no-repeat; filter: ; } #GRID-PRODUCT-wrkqb1xv .ribbon-e2c44c75 { background: #242833; } #GRID-PRODUCT-wrkqb1xv .ribbon-ec8a3cfd { background: #334fb4; } #IMAGE-n9r64hid { align-self: end; grid-column-end: 2; grid-column-start: 1; grid-row-end: 5; grid-row-start: 4; height: 23px; justify-self: start; margin-bottom: 33.96875px; margin-left: -1423.515625%; width: 22.703125px; } #IMAGE-n9r64hid picture { --width: 22.703125px; border-color: #000000ff; border-radius: 63px 63px 63px 63px; height: 100%; width: 100%; } #IMAGE-n9r64hid img { object-fit: cover; } #LINE-5igkc4xy { --width: 100.0703770661157%;align-self: start;grid-column-end: 3;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;height: auto;justify-self: end;margin-right: -0.07037706611570248%;margin-top: 3px;width: 100.0703770661157%; height: auto; } #LINE-5igkc4xy .line-container { border-color: #181818ff; border-style: solid; border-width: 1.0px; } #SECTION-g68r5n92 { height: auto; grid-template-columns: 20px 1fr 20px; grid-template-rows: minmax(20px, max-content) minmax(100px, max-content) minmax(20px, max-content) minmax(600px, max-content); column-gap: 0px; row-gap: 0px; transition: opacity 0.3s ease, visibility 0.3s ease; } #SECTION-g68r5n92 .x-section-background { background: rgba(255, 255, 255, 0); --height: 740; --bg: rgba(255, 255, 255, 0); } #SECTION-g68r5n92 .x-section-video-background { } #SECTION-g68r5n92 .video { display: none; } #SECTION-g68r5n92 .video-bp3 { overflow: hidden; width: 100%; height: 100%; display: block; } #CONTAINER-epelvtlb .animation, #CONTAINER-epelvtlb.animation { animation-name: fadeInUp; -webkit-animation-name: fadeInUp; animation-delay: 0s; -webkit-animation-delay: 0s; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-duration: 1s; -webkit-animation-duration: 1s; } #CONTAINER-epelvtlb { } #CONTAINER-epelvtlb { --bg: #e8eaed00; background: #e8eaed00; border-color: #000000ff; --width: 100%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;grid-template-columns: 1fr;grid-template-rows: minmax(0px, max-content) minmax(20px, max-content) minmax(0px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: -0.5px;width: 100%; border: #000000ff; } [id^="TEXT-pxj8ei69"], .--clone-TEXT-pxj8ei69 { 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%; } [id^="TEXT-pxj8ei69"] .x-text, [id^="TEXT-pxj8ei69"] .x-text a, .--clone-TEXT-pxj8ei69 .x-text, .--clone-TEXT-pxj8ei69 .x-text a { --width: 100%; -webkit-text-stroke: 0px #000000ff; color: #121212; font: var(--font_3); font-family: 'Be Vietnam Pro', sans-serif; font-size: 40.0px; font-weight: 700; height: 100%; text-align: center; width: 100%; color: var(--active-color, #121212); } [id^="TEXT-pxj8ei69"] .x-text:hover, .--clone-TEXT-pxj8ei69 .x-text:hover, [id^="TEXT-pxj8ei69"] a:hover, .--clone-TEXT-pxj8ei69 a:hover { } #TEXT-pxj8ei69 .animation, #TEXT-pxj8ei69.animation { animation-name: fadeInUp; -webkit-animation-name: fadeInUp; animation-delay: 0s; -webkit-animation-delay: 0s; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-duration: 1s; -webkit-animation-duration: 1s; } #TEXT-pxj8ei69 { } [id^="TEXT-ung2qyf1"], .--clone-TEXT-ung2qyf1 { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 4; grid-row-start: 3; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 100%; } [id^="TEXT-ung2qyf1"] .x-text, [id^="TEXT-ung2qyf1"] .x-text a, .--clone-TEXT-ung2qyf1 .x-text, .--clone-TEXT-ung2qyf1 .x-text a { --width: 100%; -webkit-text-stroke: 0px #000000ff; color: #121212bf; font: var(--font_3); font-family: 'Be Vietnam Pro', sans-serif; font-size: 16.0px; font-weight: 400; height: 100%; text-align: center; width: 100%; color: var(--active-color, #121212bf); } [id^="TEXT-ung2qyf1"] .x-text:hover, .--clone-TEXT-ung2qyf1 .x-text:hover, [id^="TEXT-ung2qyf1"] a:hover, .--clone-TEXT-ung2qyf1 a:hover { } #TEXT-ung2qyf1 .animation, #TEXT-ung2qyf1.animation { animation-name: fadeInUp; -webkit-animation-name: fadeInUp; animation-delay: 0s; -webkit-animation-delay: 0s; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-duration: 1s; -webkit-animation-duration: 1s; } #TEXT-ung2qyf1 { } #GRID-PRODUCT-dz8rc6bj { --width: 100%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 5;grid-row-start: 4;height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: -0.25px;width: 100%; } #GRID-PRODUCT-dz8rc6bj .grid-product--inner img { object-fit: cover; } #GRID-PRODUCT-dz8rc6bj .grid-product--title { line-clamp: 1; -webkit-line-clamp: 1; } #GRID-PRODUCT-dz8rc6bj .grid-product--wrapper { margin-bottom: 12px; } #GRID-PRODUCT-dz8rc6bj .empty-product { display: flex; flex-direction: column; align-items: center; justify-content: center; } #GRID-PRODUCT-dz8rc6bj .empty-product .empty-product-image { width: 160px; height: 160px; } #GRID-PRODUCT-dz8rc6bj .empty-product .empty-product-text { color: #25282A; text-align: center; max-width: 357px; font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; } #GRID-PRODUCT-dz8rc6bj .empty-product .empty-product-description { color: #43484C; text-align: center; max-width: 425px; font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; } #GRID-PRODUCT-dz8rc6bj .grid-product--wrapper { display: grid; column-gap: 10px; row-gap: 10px; grid-template-columns: repeat(2, 1fr); } #GRID-PRODUCT-dz8rc6bj .slider-product--item:hover { } #GRID-PRODUCT-dz8rc6bj .slider-product--item:hover .product-overlay[data-type="quick-view"] { display: grid; } #GRID-PRODUCT-dz8rc6bj .slider-product--item { opacity: 1; transition: opacity 0.3s ease; } #GRID-PRODUCT-dz8rc6bj .slider-product--item.invisible { opacity: 0; } #GRID-PRODUCT-dz8rc6bj .slider-product--item { display: flex; flex-direction: column; border-color: #000; } #GRID-PRODUCT-dz8rc6bj .grid-product--info { padding: 10px 0px; justify-content: unset; align-items: unset } #GRID-PRODUCT-dz8rc6bj .grid-product--category { padding: 0px 0px; } #GRID-PRODUCT-dz8rc6bj .grid-product--title { font-size: 16px; min-height: 25.144px; } #GRID-PRODUCT-dz8rc6bj .grid-product--price { margin-top: 4px; margin-bottom: 4px; } #GRID-PRODUCT-dz8rc6bj .grid-product--retail-price, #GRID-PRODUCT-dz8rc6bj .grid-product--selling-price { margin: 0 0px; } #GRID-PRODUCT-dz8rc6bj .grid-product--origin-price { margin: 0 5px; } #GRID-PRODUCT-dz8rc6bj .grid-product--discount { padding: 0px 0px; background: rgba(0, 0, 0, 0); border-radius: 0px; font: ; color: ; font-family: ; font-size: px; font-weight: ; font-style: ; text-decoration: ; } #GRID-PRODUCT-dz8rc6bj .grid-product--wholesale-price { } #GRID-PRODUCT-dz8rc6bj .product--ribbons-wrapper { font-family: 'Roboto', sans-serif; font-weight: ; font-size: 12px; font-style: ; text-decoration: ; color: rgba(255, 255, 255, 1); flex-direction: row; padding: 10px 0px 0px 10px; display: ; } #GRID-PRODUCT-dz8rc6bj .product--ribbon { border-radius: 40px; background: rgba(0, 0, 0, 1); border-color: rgba(0, 0, 0, 1); border-width: 0px; background-size: cover; background-attachment: scroll; background-position-x: center; background-position-y: center; background-repeat: no-repeat; filter: ; } #GRID-PRODUCT-dz8rc6bj .ribbon-e2c44c75 { background: #242833; } #GRID-PRODUCT-dz8rc6bj .ribbon-ec8a3cfd { background: #334fb4; } #IMAGE-83uk2cxi { align-self: end; grid-column-end: 2; grid-column-start: 1; grid-row-end: 5; grid-row-start: 4; height: 23px; justify-self: start; margin-bottom: 33.96875px; margin-left: -1423.515625%; width: 22.703125px; } #IMAGE-83uk2cxi picture { --width: 22.703125px; border-color: #000000ff; border-radius: 63px 63px 63px 63px; height: 100%; width: 100%; } #IMAGE-83uk2cxi img { object-fit: cover; } #LINE-4zagybx9 { --width: 97.41935483870968%;align-self: center;grid-column-end: 4;grid-column-start: 2;grid-row-end: 2;grid-row-start: 1;height: auto;justify-self: start;margin-left: 0.3225806451612903%;margin-top: calc(0px * 2);width: 97.41935483870968%; height: auto; } #LINE-4zagybx9 .line-container { border-color: #181818ff; border-style: solid; border-width: 1.0px; } #LINE-q43uspi8 { --width: 99.71881873167156%;align-self: end;grid-column-end: 3;grid-column-start: 2;grid-row-end: 5;grid-row-start: 4;height: auto;justify-self: end;margin-bottom: -10.2578125px;margin-right: -0.07038123167155226%;width: 99.71881873167156%; height: auto; } #LINE-q43uspi8 .line-container { border-color: #181818ff; border-style: solid; border-width: 1.0px; } #SECTION-f3r3kjn8 { height: auto; grid-template-columns: 20px 1fr 20px; grid-template-rows: minmax(20px, max-content) minmax(100px, max-content) minmax(20px, max-content) minmax(600px, max-content); column-gap: 0px; row-gap: 0px; transition: opacity 0.3s ease, visibility 0.3s ease; } #SECTION-f3r3kjn8 .x-section-background { background: rgba(255, 255, 255, 0); --height: 740; --bg: rgba(255, 255, 255, 0); } #SECTION-f3r3kjn8 .x-section-video-background { } #SECTION-f3r3kjn8 .video { display: none; } #SECTION-f3r3kjn8 .video-bp3 { overflow: hidden; width: 100%; height: 100%; display: block; } #CONTAINER-q0uwwigi .animation, #CONTAINER-q0uwwigi.animation { animation-name: fadeInUp; -webkit-animation-name: fadeInUp; animation-delay: 0s; -webkit-animation-delay: 0s; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-duration: 1s; -webkit-animation-duration: 1s; } #CONTAINER-q0uwwigi { } #CONTAINER-q0uwwigi { --bg: #e8eaed00; background: #e8eaed00; border-color: #000000ff; --width: 100%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;grid-template-columns: 1fr;grid-template-rows: minmax(0px, max-content) minmax(20px, max-content) minmax(0px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: -0.5px;width: 100%; border: #000000ff; } [id^="TEXT-v13sgxyl"], .--clone-TEXT-v13sgxyl { 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%; } [id^="TEXT-v13sgxyl"] .x-text, [id^="TEXT-v13sgxyl"] .x-text a, .--clone-TEXT-v13sgxyl .x-text, .--clone-TEXT-v13sgxyl .x-text a { --width: 100%; -webkit-text-stroke: 0px #000000ff; color: #121212; font: var(--font_3); font-family: 'Be Vietnam Pro', sans-serif; font-size: 40.0px; font-weight: 700; height: 100%; text-align: center; width: 100%; color: var(--active-color, #121212); } [id^="TEXT-v13sgxyl"] .x-text:hover, .--clone-TEXT-v13sgxyl .x-text:hover, [id^="TEXT-v13sgxyl"] a:hover, .--clone-TEXT-v13sgxyl a:hover { } #TEXT-v13sgxyl .animation, #TEXT-v13sgxyl.animation { animation-name: fadeInUp; -webkit-animation-name: fadeInUp; animation-delay: 0s; -webkit-animation-delay: 0s; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-duration: 1s; -webkit-animation-duration: 1s; } #TEXT-v13sgxyl { } [id^="TEXT-k80m4ujw"], .--clone-TEXT-k80m4ujw { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 4; grid-row-start: 3; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 100%; } [id^="TEXT-k80m4ujw"] .x-text, [id^="TEXT-k80m4ujw"] .x-text a, .--clone-TEXT-k80m4ujw .x-text, .--clone-TEXT-k80m4ujw .x-text a { --width: 100%; -webkit-text-stroke: 0px #000000ff; color: #121212bf; font: var(--font_3); font-family: 'Be Vietnam Pro', sans-serif; font-size: 16.0px; font-weight: 400; height: 100%; text-align: center; width: 100%; color: var(--active-color, #121212bf); } [id^="TEXT-k80m4ujw"] .x-text:hover, .--clone-TEXT-k80m4ujw .x-text:hover, [id^="TEXT-k80m4ujw"] a:hover, .--clone-TEXT-k80m4ujw a:hover { } #TEXT-k80m4ujw .animation, #TEXT-k80m4ujw.animation { animation-name: fadeInUp; -webkit-animation-name: fadeInUp; animation-delay: 0s; -webkit-animation-delay: 0s; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-duration: 1s; -webkit-animation-duration: 1s; } #TEXT-k80m4ujw { } #GRID-PRODUCT-k2wi3v2b { --width: 100%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 5;grid-row-start: 4;height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: -0.25px;width: 100%; } #GRID-PRODUCT-k2wi3v2b .grid-product--inner img { object-fit: cover; } #GRID-PRODUCT-k2wi3v2b .grid-product--title { line-clamp: 1; -webkit-line-clamp: 1; } #GRID-PRODUCT-k2wi3v2b .grid-product--wrapper { margin-bottom: 12px; } #GRID-PRODUCT-k2wi3v2b .empty-product { display: flex; flex-direction: column; align-items: center; justify-content: center; } #GRID-PRODUCT-k2wi3v2b .empty-product .empty-product-image { width: 160px; height: 160px; } #GRID-PRODUCT-k2wi3v2b .empty-product .empty-product-text { color: #25282A; text-align: center; max-width: 357px; font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; } #GRID-PRODUCT-k2wi3v2b .empty-product .empty-product-description { color: #43484C; text-align: center; max-width: 425px; font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; } #GRID-PRODUCT-k2wi3v2b .grid-product--wrapper { display: grid; column-gap: 10px; row-gap: 10px; grid-template-columns: repeat(2, 1fr); } #GRID-PRODUCT-k2wi3v2b .slider-product--item:hover { } #GRID-PRODUCT-k2wi3v2b .slider-product--item:hover .product-overlay[data-type="quick-view"] { display: grid; } #GRID-PRODUCT-k2wi3v2b .slider-product--item { opacity: 1; transition: opacity 0.3s ease; } #GRID-PRODUCT-k2wi3v2b .slider-product--item.invisible { opacity: 0; } #GRID-PRODUCT-k2wi3v2b .slider-product--item { display: flex; flex-direction: column; border-color: #000; } #GRID-PRODUCT-k2wi3v2b .grid-product--info { padding: 10px 0px; justify-content: unset; align-items: unset } #GRID-PRODUCT-k2wi3v2b .grid-product--category { padding: 0px 0px; } #GRID-PRODUCT-k2wi3v2b .grid-product--title { font-size: 16px; min-height: 25.144px; } #GRID-PRODUCT-k2wi3v2b .grid-product--price { margin-top: 4px; margin-bottom: 4px; } #GRID-PRODUCT-k2wi3v2b .grid-product--retail-price, #GRID-PRODUCT-k2wi3v2b .grid-product--selling-price { margin: 0 0px; } #GRID-PRODUCT-k2wi3v2b .grid-product--origin-price { margin: 0 5px; } #GRID-PRODUCT-k2wi3v2b .grid-product--discount { padding: 0px 0px; background: rgba(0, 0, 0, 0); border-radius: 0px; font: ; color: ; font-family: ; font-size: px; font-weight: ; font-style: ; text-decoration: ; } #GRID-PRODUCT-k2wi3v2b .grid-product--wholesale-price { } #GRID-PRODUCT-k2wi3v2b .product--ribbons-wrapper { font-family: 'Roboto', sans-serif; font-weight: ; font-size: 12px; font-style: ; text-decoration: ; color: rgba(255, 255, 255, 1); flex-direction: row; padding: 10px 0px 0px 10px; display: ; } #GRID-PRODUCT-k2wi3v2b .product--ribbon { border-radius: 40px; background: rgba(0, 0, 0, 1); border-color: rgba(0, 0, 0, 1); border-width: 0px; background-size: cover; background-attachment: scroll; background-position-x: center; background-position-y: center; background-repeat: no-repeat; filter: ; } #GRID-PRODUCT-k2wi3v2b .ribbon-e2c44c75 { background: #242833; } #GRID-PRODUCT-k2wi3v2b .ribbon-ec8a3cfd { background: #334fb4; } #IMAGE-zfshjurw { align-self: end; grid-column-end: 2; grid-column-start: 1; grid-row-end: 5; grid-row-start: 4; height: 23px; justify-self: start; margin-bottom: 33.96875px; margin-left: -1423.515625%; width: 22.703125px; } #IMAGE-zfshjurw picture { --width: 22.703125px; border-color: #000000ff; border-radius: 63px 63px 63px 63px; height: 100%; width: 100%; } #IMAGE-zfshjurw img { object-fit: cover; } #SECTION-26dabw5l { height: auto; grid-template-columns: 20px 1fr 20px; grid-template-rows: minmax(20px, max-content) minmax(100px, max-content) minmax(20px, max-content) minmax(600px, max-content); column-gap: 0px; row-gap: 0px; transition: opacity 0.3s ease, visibility 0.3s ease; } #SECTION-26dabw5l .x-section-background { background: rgba(255, 255, 255, 0); --height: 740; --bg: rgba(255, 255, 255, 0); } #SECTION-26dabw5l .x-section-video-background { } #SECTION-26dabw5l .video { display: none; } #SECTION-26dabw5l .video-bp3 { overflow: hidden; width: 100%; height: 100%; display: block; } #CONTAINER-bnf7vmal .animation, #CONTAINER-bnf7vmal.animation { animation-name: fadeInUp; -webkit-animation-name: fadeInUp; animation-delay: 0s; -webkit-animation-delay: 0s; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-duration: 1s; -webkit-animation-duration: 1s; } #CONTAINER-bnf7vmal { } #CONTAINER-bnf7vmal { --bg: #e8eaed00; background: #e8eaed00; border-color: #000000ff; --width: 100%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;grid-template-columns: 1fr;grid-template-rows: minmax(0px, max-content) minmax(20px, max-content) minmax(0px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: -0.5px;width: 100%; border: #000000ff; } [id^="TEXT-was5yyy9"], .--clone-TEXT-was5yyy9 { 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%; } [id^="TEXT-was5yyy9"] .x-text, [id^="TEXT-was5yyy9"] .x-text a, .--clone-TEXT-was5yyy9 .x-text, .--clone-TEXT-was5yyy9 .x-text a { --width: 100%; -webkit-text-stroke: 0px #000000ff; color: #121212; font: var(--font_3); font-family: 'Be Vietnam Pro', sans-serif; font-size: 40.0px; font-weight: 700; height: 100%; text-align: center; width: 100%; color: var(--active-color, #121212); } [id^="TEXT-was5yyy9"] .x-text:hover, .--clone-TEXT-was5yyy9 .x-text:hover, [id^="TEXT-was5yyy9"] a:hover, .--clone-TEXT-was5yyy9 a:hover { } #TEXT-was5yyy9 .animation, #TEXT-was5yyy9.animation { animation-name: fadeInUp; -webkit-animation-name: fadeInUp; animation-delay: 0s; -webkit-animation-delay: 0s; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-duration: 1s; -webkit-animation-duration: 1s; } #TEXT-was5yyy9 { } [id^="TEXT-24z4bl9d"], .--clone-TEXT-24z4bl9d { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 4; grid-row-start: 3; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 100%; } [id^="TEXT-24z4bl9d"] .x-text, [id^="TEXT-24z4bl9d"] .x-text a, .--clone-TEXT-24z4bl9d .x-text, .--clone-TEXT-24z4bl9d .x-text a { --width: 100%; -webkit-text-stroke: 0px #000000ff; color: #121212bf; font: var(--font_3); font-family: 'Be Vietnam Pro', sans-serif; font-size: 16.0px; font-weight: 400; height: 100%; text-align: center; width: 100%; color: var(--active-color, #121212bf); } [id^="TEXT-24z4bl9d"] .x-text:hover, .--clone-TEXT-24z4bl9d .x-text:hover, [id^="TEXT-24z4bl9d"] a:hover, .--clone-TEXT-24z4bl9d a:hover { } #TEXT-24z4bl9d .animation, #TEXT-24z4bl9d.animation { animation-name: fadeInUp; -webkit-animation-name: fadeInUp; animation-delay: 0s; -webkit-animation-delay: 0s; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-duration: 1s; -webkit-animation-duration: 1s; } #TEXT-24z4bl9d { } #GRID-PRODUCT-xw09i6rs { --width: 100%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 5;grid-row-start: 4;height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: -0.25px;width: 100%; } #GRID-PRODUCT-xw09i6rs .grid-product--inner img { object-fit: cover; } #GRID-PRODUCT-xw09i6rs .grid-product--title { line-clamp: 1; -webkit-line-clamp: 1; } #GRID-PRODUCT-xw09i6rs .grid-product--wrapper { margin-bottom: 12px; } #GRID-PRODUCT-xw09i6rs .empty-product { display: flex; flex-direction: column; align-items: center; justify-content: center; } #GRID-PRODUCT-xw09i6rs .empty-product .empty-product-image { width: 160px; height: 160px; } #GRID-PRODUCT-xw09i6rs .empty-product .empty-product-text { color: #25282A; text-align: center; max-width: 357px; font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; } #GRID-PRODUCT-xw09i6rs .empty-product .empty-product-description { color: #43484C; text-align: center; max-width: 425px; font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; } #GRID-PRODUCT-xw09i6rs .grid-product--wrapper { display: grid; column-gap: 10px; row-gap: 10px; grid-template-columns: repeat(2, 1fr); } #GRID-PRODUCT-xw09i6rs .slider-product--item:hover { } #GRID-PRODUCT-xw09i6rs .slider-product--item:hover .product-overlay[data-type="quick-view"] { display: grid; } #GRID-PRODUCT-xw09i6rs .slider-product--item { opacity: 1; transition: opacity 0.3s ease; } #GRID-PRODUCT-xw09i6rs .slider-product--item.invisible { opacity: 0; } #GRID-PRODUCT-xw09i6rs .slider-product--item { display: flex; flex-direction: column; border-color: #000; } #GRID-PRODUCT-xw09i6rs .grid-product--info { padding: 10px 0px; justify-content: unset; align-items: unset } #GRID-PRODUCT-xw09i6rs .grid-product--category { padding: 0px 0px; } #GRID-PRODUCT-xw09i6rs .grid-product--title { font-size: 16px; min-height: 25.144px; } #GRID-PRODUCT-xw09i6rs .grid-product--price { margin-top: 4px; margin-bottom: 4px; } #GRID-PRODUCT-xw09i6rs .grid-product--retail-price, #GRID-PRODUCT-xw09i6rs .grid-product--selling-price { margin: 0 0px; } #GRID-PRODUCT-xw09i6rs .grid-product--origin-price { margin: 0 5px; } #GRID-PRODUCT-xw09i6rs .grid-product--discount { padding: 0px 0px; background: rgba(0, 0, 0, 0); border-radius: 0px; font: ; color: ; font-family: ; font-size: px; font-weight: ; font-style: ; text-decoration: ; } #GRID-PRODUCT-xw09i6rs .grid-product--wholesale-price { } #GRID-PRODUCT-xw09i6rs .product--ribbons-wrapper { font-family: 'Roboto', sans-serif; font-weight: ; font-size: 12px; font-style: ; text-decoration: ; color: rgba(255, 255, 255, 1); flex-direction: row; padding: 10px 0px 0px 10px; display: ; } #GRID-PRODUCT-xw09i6rs .product--ribbon { border-radius: 40px; background: rgba(0, 0, 0, 1); border-color: rgba(0, 0, 0, 1); border-width: 0px; background-size: cover; background-attachment: scroll; background-position-x: center; background-position-y: center; background-repeat: no-repeat; filter: ; } #GRID-PRODUCT-xw09i6rs .ribbon-e2c44c75 { background: #242833; } #GRID-PRODUCT-xw09i6rs .ribbon-ec8a3cfd { background: #334fb4; } #IMAGE-b8d8mjmf { align-self: end; grid-column-end: 2; grid-column-start: 1; grid-row-end: 5; grid-row-start: 4; height: 23px; justify-self: start; margin-bottom: 33.96875px; margin-left: -1423.515625%; width: 22.703125px; } #IMAGE-b8d8mjmf picture { --width: 22.703125px; border-color: #000000ff; border-radius: 63px 63px 63px 63px; height: 100%; width: 100%; } #IMAGE-b8d8mjmf img { object-fit: cover; } #LINE-h8meimex { --width: 100.0703770661157%;align-self: center;grid-column-end: 3;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;height: auto;justify-self: end;margin-right: -0.07037706611570248%;margin-top: calc(0px * 2);width: 100.0703770661157%; height: auto; } #LINE-h8meimex .line-container { border-color: #181818ff; border-style: solid; border-width: 1.0px; } #SECTION-qaxeveok { height: auto; grid-template-columns: 20px 1fr 20px; grid-template-rows: minmax(40px, max-content) minmax(100px, max-content) minmax(20px, max-content); column-gap: 0px; row-gap: 0px; transition: opacity 0.3s ease, visibility 0.3s ease; } #SECTION-qaxeveok .x-section-background { background: rgba(255, 255, 255, 0); --height: 160; --bg: rgba(255, 255, 255, 0); } #SECTION-qaxeveok .x-section-video-background { } #SECTION-qaxeveok .video { display: none; } #SECTION-qaxeveok .video-bp3 { overflow: hidden; width: 100%; height: 100%; display: block; } #VIDEO-h8c13vvf { --width: 100%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;height: 340px;justify-self: center;margin-left: calc(0% * 2);margin-top: 0px;width: 100%; } #VIDEO-h8c13vvf .x-video { border-color: #000000ff; } VIDEO-h8c13vvf .x-video-background { background-image: url(https://img.youtube.com/vi/onqW3bymHMY/0.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; } #LINE-9frl9y1q { --width: 97.41935483870968%;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: 5.6015625px;width: 97.41935483870968%; height: auto; } #LINE-9frl9y1q .line-container { border-color: #181818ff; border-style: solid; border-width: 1.0px; } #SECTION-dxstfgbk { height: auto; grid-template-columns: 20px 1fr 1fr 1fr 20px; grid-template-rows: minmax(0.7905138339920948px, max-content) minmax(9.565217391304348px, max-content) minmax(3.952569169960474px, max-content) minmax(4.901185770750988px, max-content) minmax(0.7905138339920948px, max-content); column-gap: 0px; row-gap: 0px; transition: opacity 0.3s ease, visibility 0.3s ease; } #SECTION-dxstfgbk .x-section-background { background: rgba(255, 255, 255, 0); --height: 20; --bg: rgba(255, 255, 255, 0); } #SECTION-dxstfgbk .x-section-video-background { } #SECTION-dxstfgbk .video { display: none; } #SECTION-dxstfgbk .video-bp3 { overflow: hidden; width: 100%; height: 100%; display: block; } #CONTAINER-4m2jex84 .animation, #CONTAINER-4m2jex84.animation { animation-name: fadeInUp; -webkit-animation-name: fadeInUp; animation-delay: 0s; -webkit-animation-delay: 0s; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-duration: 1s; -webkit-animation-duration: 1s; } #CONTAINER-4m2jex84 { } #CONTAINER-4m2jex84 { --bg: #e8eaed00; background: #e8eaed00; border-color: #000000ff; --width: 50.083984375%;align-self: start;grid-column-end: 4;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;grid-template-columns: 1fr;grid-template-rows: minmax(41px, max-content) minmax(154px, max-content);height: auto;justify-self: start;margin-left: 0.25%;margin-top: 0px;width: 50.083984375%; border: #000000ff; } [id^="TEXT-op95qf5q"], .--clone-TEXT-op95qf5q { 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: 0%; margin-top: calc(0px * 2); width: 93.49029044794842%; } [id^="TEXT-op95qf5q"] .x-text, [id^="TEXT-op95qf5q"] .x-text a, .--clone-TEXT-op95qf5q .x-text, .--clone-TEXT-op95qf5q .x-text a { --width: 93.49029044794842%; -webkit-text-stroke: 0px #000000ff; color: #121212; font: var(--font_3); font-family: 'Be Vietnam Pro', sans-serif; font-size: 18.0px; font-weight: 700; height: 100%; width: 100%; color: var(--active-color, #121212); } [id^="TEXT-op95qf5q"] .x-text:hover, .--clone-TEXT-op95qf5q .x-text:hover, [id^="TEXT-op95qf5q"] a:hover, .--clone-TEXT-op95qf5q a:hover { } #MENU-9i5ajx1u { --width: 100%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 3;grid-row-start: 2;height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: 0px;width: 100%; --active-link-color: #121212bf; } #MENU-9i5ajx1u .x-rect { --pad-y: 6px; -webkit-text-stroke: 0px #000000ff; background: rgba(255, 255, 255, 1); color: #121212bf; font-size: 14.0px; font-weight: 400; justify-content: flex-start; } #MENU-9i5ajx1u > ul { background: rgba(255, 255, 255, 1); justify-content: flex-start; align-items: flex-start; height: auto; border-radius: inherit; } #MENU-9i5ajx1u > ul > .menu-item .tag-link { --pad-y: 6px; -webkit-text-stroke: 0px #000000ff; background: rgba(255, 255, 255, 1); color: #121212bf; font-size: 14.0px; font-weight: 400; justify-content: flex-start; } #MENU-9i5ajx1u > ul > .menu-item.menu-item-active-link .tag-link { color: var(--active-link-color); } #MENU-9i5ajx1u > ul > .menu-item:not(:first-child) { } #MENU-9i5ajx1u ul li .tag-link { border-style: none none none none; } #MENU-9i5ajx1u ul li .tag-link:hover, #MENU-9i5ajx1u ul li > a:hover { color: var(--color_04) !important; background: var(--color_00); text-decoration: underline; border-style: none none none none; } #MENU-ITEM-uw82yqdj > a, #MENU-ITEM-uw82yqdj > div { font-family: 'Be Vietnam Pro', sans-serif !important; -webkit-text-stroke: 0px #000000ff !important; } #MENU-ITEM-74me8ln4 > a, #MENU-ITEM-74me8ln4 > div { font-family: 'Be Vietnam Pro', sans-serif !important; -webkit-text-stroke: 0px rgba(0, 0, 0, 1) !important; } #MENU-ITEM-tykyxfzy > a, #MENU-ITEM-tykyxfzy > div { font-family: 'Be Vietnam Pro', sans-serif !important; } #IMAGE-lguz6ss8 { align-self: end; grid-column-end: 3; grid-column-start: 2; grid-row-end: 3; grid-row-start: 2; height: 23px; justify-self: start; margin-bottom: 20.5px; margin-left: 0%; width: 22.703125px; } #IMAGE-lguz6ss8 picture { --width: 22.703125px; border-color: #000000ff; border-radius: 63px 63px 63px 63px; height: 100%; width: 100%; } #IMAGE-lguz6ss8 img { object-fit: cover; } #RECT-wbkv2cdb { align-self: end; grid-column-end: 3; grid-column-start: 2; grid-row-end: 3; grid-row-start: 2; height: 25.8984375px; justify-self: start; margin-bottom: 18.8046875px; margin-left: 23.97265625%; width: 25.8984375px; } #RECT-wbkv2cdb .x-rect { --width: 25.8984375px; background: rgba(0, 0, 0, 1); border-color: #000000ff; height: 100%; width: 100%; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnIHZpZXdCb3g9JzAgMCAyNCAyNCc+IDxwYXRoIGQ9J00xMCwxNi41VjcuNUwxNiwxMk0yMCw0LjRDMTkuNCw0LjIgMTUuNyw0IDEyLDRDOC4zLDQgNC42LDQuMTkgNCw0LjM4QzIuNDQsNC45IDIsOC40IDIsMTJDMiwxNS41OSAyLjQ0LDE5LjEgNCwxOS42MUM0LjYsMTkuODEgOC4zLDIwIDEyLDIwQzE1LjcsMjAgMTkuNCwxOS44MSAyMCwxOS42MUMyMS41NiwxOS4xIDIyLDE1LjU5IDIyLDEyQzIyLDguNCAyMS41Niw0LjkxIDIwLDQuNFonPjwvcGF0aD4gPC9zdmc+); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; border: ; background: var(--active-color, rgba(0, 0, 0, 1)); } #RECT-wbkv2cdb::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-tyegp7ds { align-self: end; grid-column-end: 3; grid-column-start: 2; grid-row-end: 3; grid-row-start: 2; height: 22px; justify-self: start; margin-bottom: 22.703125px; margin-left: 12.44921875%; width: 22px; } #IMAGE-tyegp7ds picture { --width: 22px; border-color: #000000ff; height: 100%; width: 100%; } #IMAGE-tyegp7ds img { object-fit: cover; } [id^="TEXT-py4veofc"], .--clone-TEXT-py4veofc { align-self: start; grid-column-end: 3; grid-column-start: 2; grid-row-end: 6; grid-row-start: 5; height: auto; justify-self: start; margin-left: 0%; margin-top: 1.375px; width: 72.34845430107526%; } [id^="TEXT-py4veofc"] .x-text, [id^="TEXT-py4veofc"] .x-text a, .--clone-TEXT-py4veofc .x-text, .--clone-TEXT-py4veofc .x-text a { --width: 72.34845430107526%; -webkit-text-stroke: 0px #000000ff; color: #121212bf; font: var(--font_4); font-family: 'Be Vietnam Pro', sans-serif; font-size: 11.0px; font-weight: 400; height: 100%; text-align: center; width: 100%; color: var(--active-color, #121212bf); } [id^="TEXT-py4veofc"] .x-text:hover, .--clone-TEXT-py4veofc .x-text:hover, [id^="TEXT-py4veofc"] a:hover, .--clone-TEXT-py4veofc a:hover { } #TEXT-py4veofc .animation, #TEXT-py4veofc.animation { animation-name: fadeInUp; -webkit-animation-name: fadeInUp; animation-delay: 0s; -webkit-animation-delay: 0s; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-duration: 1s; -webkit-animation-duration: 1s; } #TEXT-py4veofc { } #POPUP-vhnem1y5 { background: #ffffff; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); right: -10; width: 400px; height: auto; grid-template-columns: 10px 1fr 10px; grid-template-rows: minmax(10px, max-content) minmax(300px, max-content) minmax(10px, max-content); column-gap: 0px; row-gap: 0px; --top: 35px; top: var(--top); --right: -10px; right: var(--right); max-height: var(--viewport-height, 100vh); border-width: 0px; border-color: #000000; border-radius: 0px; border-style: solid; } #POPUP-vhnem1y5.anim { --width: 400px; animation: fade-in 0.4s ease; } #CONTAINER-bxj8wg32 { --bg: #e8eaed00; background: #e8eaed00; border-color: #000000ff; --width: 100%;align-self: center;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;grid-template-columns: 1fr;grid-template-rows: minmax(20px, max-content) minmax(15px, max-content) minmax(100px, max-content) minmax(57px, max-content) minmax(57px, max-content) minmax(38px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 100%; border: #000000ff; } #CART-ITEMS-fm9ar0q5 { --width: 100%;align-self: center;grid-column-end: 2;grid-column-start: 1;grid-row-end: 4;grid-row-start: 3;grid-template-columns: 114px 1fr 40px;grid-template-rows: minmax(30px, max-content) minmax(30px, max-content) minmax(30px, max-content) minmax(20px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 100%; } #CART-ITEMS-fm9ar0q5 cart-item, #CART-ITEMS-fm9ar0q5 .cart-loading { grid-template-columns: 114px 1fr 40px; grid-template-rows: minmax(30px, max-content) minmax(30px, max-content) minmax(30px, max-content) minmax(20px, max-content); } #IMAGE-DATASET-mwjaldfe { --width: 101px;align-self: center;grid-column-end: 2;grid-column-start: 1;grid-row-end: 4;grid-row-start: 1;height: 101px;justify-self: start;margin-left: 0%;margin-top: calc(0px * 2);width: 101px; } #IMAGE-DATASET-mwjaldfe picture, #IMAGE-DATASET-mwjaldfe img { border-color: #000000ff; } #IMAGE-DATASET-mwjaldfe img { object-fit: cover; } [id^="TEXT-DATASET-hooq1cbj"], .--clone-TEXT-DATASET-hooq1cbj { align-self: end; grid-column-end: 3; grid-column-start: 2; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: center; margin-bottom: 0px; margin-left: calc(0% * 2); width: 100%; } [id^="TEXT-DATASET-hooq1cbj"] .x-text, [id^="TEXT-DATASET-hooq1cbj"] .x-text a, .--clone-TEXT-DATASET-hooq1cbj .x-text, .--clone-TEXT-DATASET-hooq1cbj .x-text a { --width: 100%; border-color: #000000ff; color: #000000ff; font-size: 16.0px; height: 100%; width: 100%; color: var(--active-color, #000000ff); } [id^="TEXT-DATASET-hooq1cbj"] .x-text:hover, .--clone-TEXT-DATASET-hooq1cbj .x-text:hover, [id^="TEXT-DATASET-hooq1cbj"] a:hover, .--clone-TEXT-DATASET-hooq1cbj a:hover { } [id^="TEXT-DATASET-k0zn8lyh"], .--clone-TEXT-DATASET-k0zn8lyh { 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: -0.666656494140625px; width: 100%; } [id^="TEXT-DATASET-k0zn8lyh"] .x-text, [id^="TEXT-DATASET-k0zn8lyh"] .x-text a, .--clone-TEXT-DATASET-k0zn8lyh .x-text, .--clone-TEXT-DATASET-k0zn8lyh .x-text a { --width: 100%; border-color: #000000ff; color: #757575ff; font-size: 14.0px; height: 100%; width: 100%; color: var(--active-color, #757575ff); } [id^="TEXT-DATASET-k0zn8lyh"] .x-text:hover, .--clone-TEXT-DATASET-k0zn8lyh .x-text:hover, [id^="TEXT-DATASET-k0zn8lyh"] a:hover, .--clone-TEXT-DATASET-k0zn8lyh a:hover { } [id^="TEXT-DATASET-5jdluwsy"], .--clone-TEXT-DATASET-5jdluwsy { align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: start; margin-bottom: calc(0.5px * 2); margin-left: 0%; width: 91.9921875%; } [id^="TEXT-DATASET-5jdluwsy"] .x-text, [id^="TEXT-DATASET-5jdluwsy"] .x-text a, .--clone-TEXT-DATASET-5jdluwsy .x-text, .--clone-TEXT-DATASET-5jdluwsy .x-text a { --width: 91.9921875%; border-color: #000000ff; color: #757575ff; font-size: 14.0px; height: 100%; width: 100%; color: var(--active-color, #757575ff); } [id^="TEXT-DATASET-5jdluwsy"] .x-text:hover, .--clone-TEXT-DATASET-5jdluwsy .x-text:hover, [id^="TEXT-DATASET-5jdluwsy"] a:hover, .--clone-TEXT-DATASET-5jdluwsy a:hover { } #RECT-8tomwfiu { 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; } #RECT-8tomwfiu .x-rect { --width: 25px; background: rgba(0, 0, 0, 1); 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, rgba(0, 0, 0, 1)); } #RECT-8tomwfiu::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; } #BUTTON-j7ind3r1 { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 5; grid-row-start: 4; height: 45.4px; justify-self: center; margin-bottom: calc(0.3000000000000007px * 2); margin-left: calc(0% * 2); width: 100%; } #BUTTON-j7ind3r1 .x-button-wrapper { --width: 100%; -webkit-text-stroke: 0px #000000ff; border-color: #181818ff; border-style: solid; border-width: 2.0px; color: #181818ff; font-size: 16.0px; height: 100%; text-align: center; width: 100%; border: ; color: var(--active-color, #181818ff); } #BUTTON-j7ind3r1[disabled=true] { display: none; } #BUTTON-bhkyjmw6 { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 6; grid-row-start: 5; height: 45.7px; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 100%; } #BUTTON-bhkyjmw6 .x-button-wrapper { --width: 100%; -webkit-text-stroke: 0px #000000ff; background: rgba(24, 24, 24, 1); color: #ffffffff; font-size: 16.0px; height: 100%; text-align: center; width: 100%; border: ; color: var(--active-color, #ffffffff); } #BUTTON-bhkyjmw6[disabled=true] { display: none; } #CONTAINER-hw5mosaj { --bg: rgba(255, 255, 255, 0); background: rgba(255, 255, 255, 0); border-color: #000000ff; --width: 200px;align-self: center;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;grid-template-columns: 21px 1fr;grid-template-rows: minmax(15.203125px, max-content);height: auto;justify-self: start;margin-left: 0px;margin-top: calc(0px * 2);width: 200px; border: #000000ff; } [id^="TEXT-7jtomi4z"], .--clone-TEXT-7jtomi4z { 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: 0%; margin-top: 0px; width: 99.0910703201206%; } [id^="TEXT-7jtomi4z"] .x-text, [id^="TEXT-7jtomi4z"] .x-text a, .--clone-TEXT-7jtomi4z .x-text, .--clone-TEXT-7jtomi4z .x-text a { --width: 99.0910703201206%; -webkit-text-stroke: 0px #000000ff; color: var(--font_color_4); font: var(--font_4); font-size: 13.0px; font-weight: 400; height: 100%; width: 100%; color: var(--active-color, var(--font_color_4)); } [id^="TEXT-7jtomi4z"] .x-text:hover, .--clone-TEXT-7jtomi4z .x-text:hover, [id^="TEXT-7jtomi4z"] a:hover, .--clone-TEXT-7jtomi4z a:hover { } #RECT-6x6tq202 { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: 15.203125px; justify-self: start; margin-left: 0%; margin-top: calc(0px * 2); width: 15px; } #RECT-6x6tq202 .x-rect { --width: 15px; background: rgba(0, 0, 0, 1); border-color: #000000ff; height: 100%; width: 100%; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgY2xhc3M9ImNoZWNrIj48cGF0aCBkPSJNMjEsN0w5LDE5TDMuNSwxMy41TDQuOTEsMTIuMDlMOSwxNi4xN0wxOS41OSw1LjU5TDIxLDdaIj48L3BhdGg+PC9zdmc+); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; border: ; background: var(--active-color, rgba(0, 0, 0, 1)); } #RECT-6x6tq202::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-svo7z7ti"], .--clone-TEXT-svo7z7ti { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 7; grid-row-start: 6; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 60.526315789473685%; } [id^="TEXT-svo7z7ti"] .x-text, [id^="TEXT-svo7z7ti"] .x-text a, .--clone-TEXT-svo7z7ti .x-text, .--clone-TEXT-svo7z7ti .x-text a { --width: 60.526315789473685%; -webkit-text-stroke: 0px #000000ff; color: var(--font_color_4); font: var(--font_4); font-size: 15.0px; font-weight: 400; height: 100%; text-align: center; text-decoration: underline; width: 100%; color: var(--active-color, var(--font_color_4)); } [id^="TEXT-svo7z7ti"] .x-text:hover, .--clone-TEXT-svo7z7ti .x-text:hover, [id^="TEXT-svo7z7ti"] a:hover, .--clone-TEXT-svo7z7ti a:hover { } #POPUP-c7sjo0uz { --left: 0; left: var(--left); background: #ffffff; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); width: 348px; height: auto; grid-template-columns: 20px 1fr 20px; grid-template-rows: minmax(15px, max-content) minmax(0px, max-content) minmax(15px, max-content); column-gap: 0px; row-gap: 0px; --top: 31px; top: var(--top); max-height: var(--viewport-height, 100vh); border-width: 0px; border-color: #000000; border-radius: 0px; border-style: solid; } #POPUP-c7sjo0uz.anim { --width: 348px; animation: fade-in 0.5s ease; } #RADIO-GROUP-dplsygqc { --width: 64.93506493506493%;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: 64.93506493506493%; --icon-color: inherit; } #RADIO-GROUP-dplsygqc input[type='radio'] { width: 16px; height: 16px; margin-right: 16px; border-radius: 0px; border: 1px solid #000; } #RADIO-GROUP-dplsygqc label { flex-basis: 100.0%; } #RADIO-GROUP-dplsygqc .radio-group--wrapper { -webkit-text-stroke: 0px #000000ff; color: #121212E6; font-size: 14.0px; row-gap: 17px; } #POPUP-evase5uw { --left: 0; left: var(--left); background: #ffffff; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); width: 330px; height: auto; grid-template-columns: 20px 1fr 20px; grid-template-rows: minmax(15px, max-content) minmax(500px, max-content) minmax(15px, max-content); column-gap: 0px; row-gap: 0px; --top: 35px; top: var(--top); max-height: var(--viewport-height, 100vh); border-width: 0px; border-color: #000000; border-radius: 0px; border-style: solid; } #POPUP-evase5uw.anim { --width: 330px; animation: fade-in 0.5s ease; } #RECT-jw9658ls { align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 3; grid-row-start: 2; height: 16.293800073382133px; justify-self: end; margin-right: 3.027317892947096%; margin-top: 10px; width: 4.1094858238846665%; } #RECT-jw9658ls .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-jw9658ls::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; } #CONTAINER-m41bfl45 { --bg: #e8eaed00; background: #e8eaed00; border-color: #000000ff; overflow-x: hidden; overflow-y: auto; --width: 100%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;grid-template-columns: 1fr;grid-template-rows: minmax(400px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: 0px;width: 100%; overflow-x: hidden; overflow-y: auto; border: #000000ff; } #CHECKBOX-GROUP-8p20obfp { --width: 68.96551724137932%;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: 68.96551724137932%; --icon-color: inherit; } #CHECKBOX-GROUP-8p20obfp .checked { width: 16px; height: 16px; margin-right: 16px; border-radius: 0px; border: 1px solid #000; } #CHECKBOX-GROUP-8p20obfp label { flex-basis: 100.0%; } #CHECKBOX-GROUP-8p20obfp .checkbox-group--wrapper { -webkit-text-stroke: 0px #000000ff; color: #000000d9; row-gap: 17px; } #POPUP-omkbr8vu { --left: 0; left: var(--left); background: #ffffff; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); width: 348px; height: auto; grid-template-columns: 20px 1fr 20px; grid-template-rows: minmax(15px, max-content) minmax(0px, max-content) minmax(30px, max-content) minmax(0px, max-content) minmax(15px, max-content); column-gap: 0px; row-gap: 0px; --top: 35px; top: var(--top); max-height: var(--viewport-height, 100vh); border-width: 0px; border-color: #000000; border-radius: 0px; border-style: solid; } #POPUP-omkbr8vu.anim { --width: 348px; animation: fade-in 0.5s ease; } [id^="TEXT-pz7rr89h"], .--clone-TEXT-pz7rr89h { 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: 74.67532467532467%; } [id^="TEXT-pz7rr89h"] .x-text, [id^="TEXT-pz7rr89h"] .x-text a, .--clone-TEXT-pz7rr89h .x-text, .--clone-TEXT-pz7rr89h .x-text a { --width: 74.67532467532467%; -webkit-text-stroke: 0px #000000ff; color: #121212bf; font: var(--font_7); font-family: 'Assistant', sans-serif; font-size: 14.0px; font-weight: 400; height: 100%; text-align: left; text-transform: initial; width: 100%; color: var(--active-color, #121212bf); } [id^="TEXT-pz7rr89h"] .x-text:hover, .--clone-TEXT-pz7rr89h .x-text:hover, [id^="TEXT-pz7rr89h"] a:hover, .--clone-TEXT-pz7rr89h a:hover { } #LINE-1u0ds8ie { --width: 100%;align-self: center;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: calc(0px * 2);width: 100%; height: auto; } #LINE-1u0ds8ie .line-container { border-color: #d0d0d0; border-style: solid; border-width: 1.0px; } #NUMBER-STEP-d15c3sz8 { --width: 100%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 5;grid-row-start: 4;height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: 0px;width: 100%; background: #ffffff; } #NUMBER-STEP-d15c3sz8 .x-number-step-input { background-color: #f5f5f5; } #NUMBER-STEP-d15c3sz8 .x-number-step-input .x-number-step-input--input { color: #000000; background: #ffffff; } #NUMBER-STEP-d15c3sz8 .x-number-step-button .x-number-step-button--item { width: calc(33.333333333333336% - 5.333333333333333px); } #NUMBER-STEP-d15c3sz8 .x-number-step-button .x-number-step-button--item.active{ border: 1px solid #00C1A2; position: relative; } #NUMBER-STEP-d15c3sz8 .x-number-step-button .x-number-step-button--item.active .x-number-step-button--text{ background: #ffffff; color: #00C1A2; } #NUMBER-STEP-d15c3sz8 .x-number-step-button .x-number-step-button--item .x-number-step-button--active { border: 7px solid #00C1A2; border-color: #00C1A2 transparent transparent #ee4d2d; border-left-color: #00C1A2; border-top-color: #00C1A2; } #NUMBER-STEP-d15c3sz8 .x-number-step-button .x-number-step-button--item .x-number-step-button--icon { fill: #ffffff; } #NUMBER-STEP-d15c3sz8 .x-number-step-button .x-number-step-button--text { background: #f5f5f5; color: #000000; } #POPUP-4q0ofo99 { --top: 50%; top: var(--top); --left: 50%; left: var(--left); transform: translate(-50%, -50%); background: #ffffff; width: 80%; height: 70%; grid-template-columns: 1fr; grid-template-rows: minmax(790.3px, 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-4q0ofo99.anim { --width: 80%; } #VIDEO-zc7epdp6 { --width: 100%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 3;grid-row-start: 2;height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: 0px;width: 100%; } #VIDEO-zc7epdp6 .x-video { border-color: #000000ff; } VIDEO-zc7epdp6 .x-video-background { background-image: url(https://img.youtube.com/vi/JbeuTrPSV2w/0.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; } #RECT-tvcu62c5 { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: 25px; justify-self: end; margin-right: 24px; margin-top: calc(0px * 2); width: 25px; } #RECT-tvcu62c5 .x-rect { --width: 25px; 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-tvcu62c5::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; } #CART-DROPPABLE-mfw13um7 { background: #ffffff; top: 0; right: 0; width: 300px; height: var(--viewport-height, 100vh); grid-template-columns: 1fr; grid-template-rows: minmax(0%, 100%); column-gap: 0px; row-gap: 0px; overflow-x: auto; } #CART-DROPPABLE-mfw13um7.anim { --width: 300px; } #CART-DROPPABLE-0ze4gitx { background: #ffffff; top: 0; right: 0; width: 300px; height: var(--viewport-height, 100vh); grid-template-columns: 1fr; grid-template-rows: minmax(0%, 100%); column-gap: 0px; row-gap: 0px; overflow-x: auto; } #CART-DROPPABLE-0ze4gitx.anim { --width: 300px; }