#SECTION-6xcb0n7f { height: auto; grid-template-columns: 1fr 1600px 1fr; grid-template-rows: minmax(37.309417040358746px, max-content) minmax(111.92825112107624px, max-content) minmax(64px, max-content); column-gap: 0px; row-gap: 0px; transition: opacity 0.3s ease, visibility 0.3s ease; } #SECTION-6xcb0n7f .x-section-background { background: var(--color_00); --height: 216; --bg: var(--color_00); } #SECTION-6xcb0n7f .x-section-video-background { } #SECTION-6xcb0n7f .video { display: none; } #SECTION-6xcb0n7f .video-bp5 { overflow: hidden; width: 100%; height: 100%; display: block; } #RECT-slgbncka { align-self: start; grid-column-end: 4; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: 40.2px; justify-self: center; margin-left: calc(0% * 2); margin-top: -0.10000000000000142px; width: 100%; } #RECT-slgbncka .x-rect { --width: 100%; background: var(--color_20); border-color: #000000ff; height: 100%; width: 100%; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0iY3VycmVudENvbG9yIi8+PC9zdmc+); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; border: ; background: var(--active-color, var(--color_20)); } #RECT-slgbncka::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-85toxzu5"], .--clone-TEXT-85toxzu5 { font-size: 0px; align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: start; margin-left: 0%; margin-top: calc(0px * 2); width: 15.333333333333332%; } [id^="TEXT-85toxzu5"] .x-text, [id^="TEXT-85toxzu5"] .x-text a, .--clone-TEXT-85toxzu5 .x-text, .--clone-TEXT-85toxzu5 .x-text a { --width: 15.333333333333332%; -webkit-text-stroke: 0px #000000ff; color: var(--color_20); font: var(--font_0); font-family: 'work san bold', sans-serif; font-size: 24.0px; font-weight: 700; height: 100%; text-align: center; text-transform: uppercase; width: 100%; color: var(--active-color, var(--color_20)); } [id^="TEXT-85toxzu5"] .x-text:hover, .--clone-TEXT-85toxzu5 .x-text:hover, [id^="TEXT-85toxzu5"] a:hover, .--clone-TEXT-85toxzu5 a:hover { } #CONTAINER-p9q4nmtj { --bg: rgba(255, 255, 255, 0); background: rgba(255, 255, 255, 0); border-color: #000000ff; --width: 204.16665649414065px;align-self: center;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;grid-template-columns: 33px 1fr;grid-template-rows: minmax(1px, max-content);height: auto;justify-self: start;margin-left: 335.23858642578125px;margin-top: calc(0px * 2);width: 204.16665649414065px; border: #000000ff; } [id^="TEXT-42fbfxok"], .--clone-TEXT-42fbfxok { font-size: 0px; align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 100%; } [id^="TEXT-42fbfxok"] .x-text, [id^="TEXT-42fbfxok"] .x-text a, .--clone-TEXT-42fbfxok .x-text, .--clone-TEXT-42fbfxok .x-text a { --width: 100%; -webkit-text-stroke: 0px #000000ff; color: var(--color_20); font: var(--font_6); font-family: 'Work Sans', sans-serif; font-size: 15.0px; height: 100%; width: 100%; color: var(--active-color, var(--color_20)); } [id^="TEXT-42fbfxok"] .x-text:hover, .--clone-TEXT-42fbfxok .x-text:hover, [id^="TEXT-42fbfxok"] a:hover, .--clone-TEXT-42fbfxok a:hover { } #IMAGE-jkhtg2l6 { align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: 30px; justify-self: start; margin-left: 0%; margin-top: 0px; width: 30px; } #IMAGE-jkhtg2l6 picture { --width: 30px; border-color: #000000ff; height: 100%; width: 100%; } #INPUT-SEARCH-sonrzx5t { --width: 744.9999389648438px;align-self: center;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;height: 36.3px;justify-self: end;margin-right: 19.23384297688802%;margin-top: calc(0.10075798034667828px * 2);width: 744.9999389648438px; } #INPUT-SEARCH-sonrzx5t > .input-search--wrapper { font-family: 'Work Sans', sans-serif; font-size: 15.0px; border-width: 1px; border-color: #e6e6e6; border-style: solid; border-radius: 30px; background-color: var(--color_00); flex-direction: row-reverse; } #INPUT-SEARCH-sonrzx5t > .input-search--wrapper .btn-close { color: #00000073; fill: #00000073; width: 15px; margin: 0 5px; } #INPUT-SEARCH-sonrzx5t > .input-search--wrapper .input-search--input { padding-left: 15px; text-align: left; } #INPUT-SEARCH-sonrzx5t > .input-search--wrapper .input-search--input::placeholder { } #INPUT-SEARCH-sonrzx5t > .input-search--wrapper:hover { border-style: none; border-color: #e6e6e6 !important; border-style: solid; background-color: rgba(255, 255, 255, 1) !important; } #INPUT-SEARCH-sonrzx5t > .input-search--wrapper:focus-within { border-style: none; border-color: #e6e6e6 !important; border-width: 1px !important; border-style: solid; background-color: rgba(255, 255, 255, 1) !important; } #INPUT-SEARCH-sonrzx5t .input-search--icon { color: rgba(0, 0, 0, 1); height: 16px; width: 16px; } #INPUT-SEARCH-sonrzx5t .input-search--wrapper:hover .input-search--icon { color: var(--color_00); } #INPUT-SEARCH-sonrzx5t .input-search--wrapper:focus-within .input-search--icon { color: var(--color_00); } #INPUT-SEARCH-sonrzx5t .input-search--icon path { fill: rgba(0, 0, 0, 1); } #INPUT-SEARCH-sonrzx5t .input-search--wrapper:hover .input-search--icon path { fill: var(--color_00); } #INPUT-SEARCH-sonrzx5t .input-search--wrapper:focus-within .input-search--icon path { fill: var(--color_00); } #CONTAINER-9b27ru4p { --bg: rgba(255, 255, 255, 0); background: rgba(255, 255, 255, 0); border-color: #000000ff; --width: 260.32003021240234px;align-self: center;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;grid-template-columns: 176px 1fr 1fr;grid-template-rows: minmax(0px, max-content);height: auto;justify-self: end;margin-right: 0.1225724220275879%;margin-top: calc(0.4375038146972656px * 2);width: 260.32003021240234px; border: #000000ff; } #CART-ICON-fsfy76kr { --width: 22px;align-self: center;grid-column-end: 4;grid-column-start: 3;grid-row-end: 2;grid-row-start: 1;height: 22.8px;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 22px; } #CART-ICON-fsfy76kr .x-cart-icon { background: var(--color_00); border-color: var(--color_20); color: var(--color_20); transform: skewX(0deg) perspective(1000px) rotate(0deg) rotateX(0deg) rotateY(0deg); } #CART-ICON-fsfy76kr .x-cart-item-count { position: absolute; top: -5.5px; right: -5.5px; width: 11.0px; height: 11.4px; display: flex; justify-content: center; align-items: center; background-color: var(--color_21); border-radius: 50%; color: white; font-family: Work Sans; font-size: 10.0px; } #CART-ICON-fsfy76kr .x-image-cart-icon { border-radius: ; } #CART-ICON-fsfy76kr{ transition-duration: 0.1s; transition-delay: 0s; transition-property: transform; transition-timing-function: ease-out; will-change: transform; } #CART-ICON-fsfy76kr:hover, #CART-ICON-fsfy76kr:hover > * { color: var(--color_21) !important; } #WISHLIST-bzv1qpff { --width: 23px;align-self: center;grid-column-end: 3;grid-column-start: 2;grid-row-end: 2;grid-row-start: 1;height: 23.3px;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 23px; } #WISHLIST-bzv1qpff .x-wishlist-icon { color: var(--color_20); } #WISHLIST-bzv1qpff .x-wishlist-item-count { position: absolute; top: -5.75px; right: -5.75px; width: 15.333333333333334px; height: 15.533333333333333px; display: flex; justify-content: center; align-items: center; background-color: var(--color_21); border-radius: 50%; color: white; font-family: Work Sans; font-size: 10.0px; } #WISHLIST-bzv1qpff .x-image-wishlist-icon { border-radius: ; } #WISHLIST-bzv1qpff{ transition-duration: 0.1s; transition-delay: 0s; transition-property: transform; transition-timing-function: ease-out; will-change: transform; } #WISHLIST-bzv1qpff:hover, #WISHLIST-bzv1qpff:hover > * { color: var(--color_21) !important; } #MEMBER-BAR-h1lldh5w { --width: 100%;align-self: center;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;height: 100%;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 100%; } #MEMBER-BAR-h1lldh5w .x-menu-bar { -webkit-text-stroke: 0px #000000ff; text-align: right; text-transform: unset; display: none; } #MEMBER-BAR-h1lldh5w .x-menu-bar .x-member { -webkit-text-stroke: 0px #000000ff; text-align: right; border-width: 0px; border-radius: 0px; border-style: solid; display: flex; align-items: center; justify-content: flex-end; padding-left: 0px; padding-right: 0px; height: 100%; } #MEMBER-BAR-h1lldh5w .x-member:hover { } #MEMBER-BAR-h1lldh5w .x-avatar-member-origin { width: 24px; height: 24px; border-style: solid; border-width: 0px; color: var(--color_20); } #MEMBER-BAR-h1lldh5w .x-avatar-member-initial { width: 24px; height: 24px; border-style: solid; border-width: 0px; color: var(--color_20); } #MEMBER-BAR-h1lldh5w .customer-icon { width: 24px; height: 24px; border-style: solid; border-width: 0px; color: var(--color_20); } #MEMBER-BAR-h1lldh5w .x-nav-member-drop-icon { width: 24px; height: 24px; color: var(--color_20); } #MEMBER-BAR-h1lldh5w .x-loginbar { -webkit-text-stroke: 0px #000000ff; text-align: right; border-width: 0px; border-radius: 0px; border-style: solid; justify-content: flex-end; } #MEMBER-BAR-h1lldh5w .x-loginbar .login-bar-text:hover { } #MEMBER-BAR-h1lldh5w .x-loginbar .login-bar-icon { width: 24px; height: 24px; border-style: solid; border-width: 0px; color: var(--color_20); border: none; } #MEMBER-BAR-h1lldh5w .x-avatar-member-origin, #MEMBER-BAR-h1lldh5w .login-bar-icon { margin-right: 0 !important; } #MEMBER-BAR-h1lldh5w .member-divider { background: rgba(0, 0, 0, 1); } #MEMBER-BAR-h1lldh5w .customer-signup { display: none; } #MEMBER-BAR-h1lldh5w .customer-icon { } #MEMBER-BAR-h1lldh5w .customer-text { display: none; } #MEMBER-DROPDOWN-7vhcbqgn { width: 170px; height: auto; grid-template-columns: 15px 1fr 15px; grid-template-rows: minmax(15px, max-content) minmax(36px, max-content) minmax(35px, max-content) minmax(15px, max-content); column-gap: 0px; row-gap: 0px; background: rgba(255, 255, 255, 1); transform: translate(0px, 0px); box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; } [id^="TEXT-qmxkkywd"], .--clone-TEXT-qmxkkywd { font-size: 0px; align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 100%; } [id^="TEXT-qmxkkywd"] .x-text, [id^="TEXT-qmxkkywd"] .x-text a, .--clone-TEXT-qmxkkywd .x-text, .--clone-TEXT-qmxkkywd .x-text a { --width: 100%; -webkit-text-stroke: 0px #000000ff; color: var(--color_20); font: var(--font_5); font-family: 'work san', sans-serif; height: 100%; text-align: center; width: 100%; color: var(--active-color, var(--color_20)); } [id^="TEXT-qmxkkywd"] .x-text:hover, .--clone-TEXT-qmxkkywd .x-text:hover, [id^="TEXT-qmxkkywd"] a:hover, .--clone-TEXT-qmxkkywd a:hover { } [id^="TEXT-gh140sdv"], .--clone-TEXT-gh140sdv { font-size: 0px; 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%; } [id^="TEXT-gh140sdv"] .x-text, [id^="TEXT-gh140sdv"] .x-text a, .--clone-TEXT-gh140sdv .x-text, .--clone-TEXT-gh140sdv .x-text a { --width: 100%; -webkit-text-stroke: 0px #000000ff; color: var(--color_20); font: var(--font_5); font-family: 'work san', sans-serif; height: 100%; text-align: center; width: 100%; color: var(--active-color, var(--color_20)); } [id^="TEXT-gh140sdv"] .x-text:hover, .--clone-TEXT-gh140sdv .x-text:hover, [id^="TEXT-gh140sdv"] a:hover, .--clone-TEXT-gh140sdv a:hover { } #LINE-nuv5wlu3 { --width: 100%;align-self: end;grid-column-end: 4;grid-column-start: 1;grid-row-end: 3;grid-row-start: 2;height: auto;justify-self: center;margin-bottom: 0px;margin-left: calc(0% * 2);width: 100%; height: auto; } #LINE-nuv5wlu3 .line-container { border-color: #e6e6e6; border-style: solid; border-width: 1.0px; } #MENU-ukibda2h { --width: 33.75%;align-self: center;grid-column-end: 3;grid-column-start: 2;grid-row-end: 4;grid-row-start: 3;height: 60px;justify-self: start;margin-left: 20.765033721923828%;margin-top: calc(0px * 2);width: 33.75%; --active-link-color: var(--color_21); } #MENU-ukibda2h .x-rect { -webkit-text-stroke: 0px #000000ff; color: var(--color_20); font-size: 15.0px; font-weight: bold; justify-content: center; } #MENU-ukibda2h > ul { justify-content: center; align-items: center; border-radius: inherit; } #MENU-ukibda2h > ul > .menu-item .tag-link { -webkit-text-stroke: 0px #000000ff; color: var(--color_20); font-size: 15.0px; font-weight: bold; justify-content: center; } #MENU-ukibda2h > ul > .menu-item.menu-item-active-link .tag-link { color: var(--active-link-color); } #MENU-ukibda2h > ul > .menu-item:not(:first-child) { } #MENU-ukibda2h ul li .tag-link { border-style: none none none none; } #MENU-ukibda2h ul li .tag-link:hover { color: var(--color_21) !important; background: var(--color_00); border-style: none none none none; } #MENU-ukibda2h.horizontal-menu > ul > .menu-item > .x-submenu { top: 100%; } #MENU-ITEM-e9bgzzme > a, #MENU-ITEM-e9bgzzme > div { -webkit-text-stroke: 0px #000000ff !important; } #MENU-ITEM-hcnefjep > a, #MENU-ITEM-hcnefjep > div { -webkit-text-stroke: 0px rgba(0, 0, 0, 1) !important; } #MENU-ITEM-r597v30t > a, #MENU-ITEM-r597v30t > div { } #MENU-ITEM-3ru9w90k > a, #MENU-ITEM-3ru9w90k > div { } #MENU-ITEM-2o4za3m8 > a, #MENU-ITEM-2o4za3m8 > div { } #CONTAINER-fz5lk30i { --bg: rgba(255, 255, 255, 0); background: rgba(255, 255, 255, 0); border-color: #000000ff; --width: 27.170880658028253%;align-self: center;grid-column-end: 3;grid-column-start: 2;grid-row-end: 2;grid-row-start: 1;grid-template-columns: 299px 1fr;grid-template-rows: minmax(21.297346115112305px, max-content);height: auto;justify-self: start;margin-bottom: calc(0.0587158203125px * 2);margin-left: -4.730224609375e-4%;width: 27.170880658028253%; border: #000000ff; } [id^="TEXT-qf4ig9ps"], .--clone-TEXT-qf4ig9ps { font-size: 0px; align-self: center; grid-column-end: 3; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: start; margin-left: 0px; margin-top: calc(0.20360183715820312px * 2); width: 299.784936498667px; } [id^="TEXT-qf4ig9ps"] .x-text, [id^="TEXT-qf4ig9ps"] .x-text a, .--clone-TEXT-qf4ig9ps .x-text, .--clone-TEXT-qf4ig9ps .x-text a { --width: 299.784936498667px; -webkit-text-stroke: 0px #000000ff; color: var(--color_00); font: var(--font_6); font-family: 'Work Sans', sans-serif; font-size: 14.0px; font-weight: 400; height: 100%; text-align: left; text-transform: initial; width: 100%; color: var(--active-color, var(--color_00)); } [id^="TEXT-qf4ig9ps"] .x-text:hover, .--clone-TEXT-qf4ig9ps .x-text:hover, [id^="TEXT-qf4ig9ps"] a:hover, .--clone-TEXT-qf4ig9ps a:hover { } [id^="TEXT-0tahsjcb"], .--clone-TEXT-0tahsjcb { font-size: 0px; align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: start; margin-left: 2.638356202568104%; margin-top: calc(0px * 2); width: 64.5579518835529%; } [id^="TEXT-0tahsjcb"] .x-text, [id^="TEXT-0tahsjcb"] .x-text a, .--clone-TEXT-0tahsjcb .x-text, .--clone-TEXT-0tahsjcb .x-text a { --width: 64.5579518835529%; -webkit-text-stroke: 0px #000000ff; color: var(--color_00); font: var(--font_6); font-family: 'work san bold', sans-serif; font-size: 14.0px; font-weight: 400; height: 100%; text-decoration: underline; width: 100%; color: var(--active-color, var(--color_00)); } [id^="TEXT-0tahsjcb"] .x-text:hover, .--clone-TEXT-0tahsjcb .x-text:hover, [id^="TEXT-0tahsjcb"] a:hover, .--clone-TEXT-0tahsjcb a:hover { } #CONTAINER-rrjo96oy { --bg: rgba(255, 255, 255, 0); background: rgba(255, 255, 255, 0); border-color: #000000ff; --width: 261.7812919616699px;align-self: center;grid-column-end: 3;grid-column-start: 2;grid-row-end: 4;grid-row-start: 3;grid-template-columns: 70px 169px 21px;grid-template-rows: minmax(30.89583396911621px, max-content);height: auto;justify-self: end;margin-right: 0%;margin-top: calc(0.2812490463256836px * 2);width: 261.7812919616699px; border: #000000ff; } [id^="TEXT-g9n5x9lx"], .--clone-TEXT-g9n5x9lx { font-size: 0px; align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: start; margin-left: -0.1747527109228603%; margin-top: calc(0px * 2); width: 100.34950542184572%; } [id^="TEXT-g9n5x9lx"] .x-text, [id^="TEXT-g9n5x9lx"] .x-text a, .--clone-TEXT-g9n5x9lx .x-text, .--clone-TEXT-g9n5x9lx .x-text a { --width: 100.34950542184572%; -webkit-text-stroke: 0px #000000ff; color: #656565; font: var(--font_6); font-family: 'work san bold', sans-serif; font-size: 14.0px; height: 100%; width: 100%; color: var(--active-color, #656565); } [id^="TEXT-g9n5x9lx"] .x-text:hover, .--clone-TEXT-g9n5x9lx .x-text:hover, [id^="TEXT-g9n5x9lx"] a:hover, .--clone-TEXT-g9n5x9lx a:hover { } #RECT-t465tck2 { align-self: center; grid-column-end: 4; grid-column-start: 3; grid-row-end: 2; grid-row-start: 1; height: 19.260417938232425px; justify-self: end; margin-right: 1.3989194367396607e-4%; margin-top: calc(0px * 2); width: 19.260417938232425px; } #RECT-t465tck2 .x-rect { --width: 19.260417938232425px; background: #3D3D3D; border-color: #000000ff; height: 100%; width: 100%; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgY2xhc3M9Imx1Y2lkZSBsdWNpZGUtY2hldnJvbi1kb3duLWljb24gbHVjaWRlLWNoZXZyb24tZG93biI+PHBhdGggZD0ibTYgOSA2IDYgNi02Ii8+PC9zdmc+); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; border: ; background: var(--active-color, #3D3D3D); } #RECT-t465tck2::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-yv8y3fq6 { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: end; margin-right: 7.142857142857142%; margin-top: calc(0px * 2); width: 29.68756103515625px; } #IMAGE-yv8y3fq6 picture { --width: 29.68756103515625px; border-color: #000000ff; height: 100%; width: 100%; } #WISHLIST-v1ddyrql { --width: 23px;align-self: center;display: none;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;height: 23.3px;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 23px; } #WISHLIST-v1ddyrql .x-wishlist-icon { color: var(--color_20); } #WISHLIST-v1ddyrql .x-wishlist-item-count { position: absolute; top: -5.75px; right: -5.75px; width: 15.333333333333334px; height: 15.533333333333333px; display: flex; justify-content: center; align-items: center; background-color: var(--color_21); border-radius: 50%; color: white; font-family: Work Sans; font-size: 10.0px; } #WISHLIST-v1ddyrql .x-image-wishlist-icon { border-radius: ; } #SECTION-kkofevdu { height: auto; grid-template-columns: 1fr 1300px 1fr; grid-template-rows: minmax(120px, max-content) minmax(0px, max-content) minmax(33px, max-content) minmax(120px, max-content); column-gap: 0px; row-gap: 0px; transition: opacity 0.3s ease, visibility 0.3s ease; } #SECTION-kkofevdu .x-section-background { background: url(https://content.pancake.vn/web-media/49/91/1b/7a/4b7135fd5ba2c80959d2a7b340f179f09c312e4f1a031cdc0714846b-w:1920-h:580-l:32358-t:image/jpeg.jpeg); background-size: cover; background-attachment: scroll; -webkit-transform: none; background-repeat: no-repeat; background-position-x: center; background-position-y: center; --height: 273; --bg: url(https://content.pancake.vn/web-media/49/91/1b/7a/4b7135fd5ba2c80959d2a7b340f179f09c312e4f1a031cdc0714846b-w:1920-h:580-l:32358-t:image/jpeg.jpeg); } #SECTION-kkofevdu .x-section-video-background { } #SECTION-kkofevdu .video { display: none; } #SECTION-kkofevdu .video-bp5 { overflow: hidden; width: 100%; height: 100%; display: block; } #BREADCRUMB-dv3348p1 { display: inline; --width: auto;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: auto; -webkit-text-stroke: 0px #000000ff; background: #ffffff00; color: var(--color_20); font-family: 'work san medium', sans-serif; font-size: 15.0px; font-weight: 400; gap: 8.0px; gap: unset; } #BREADCRUMB-dv3348p1 .x-breadcrumb-item { display: inline; } #BREADCRUMB-dv3348p1 .x-breadcrumb-item .x-text { display: inline; } #BREADCRUMB-dv3348p1 .x-breadcrumb-item .x-icon { display: inline; padding: 0 8px; } #BREADCRUMB-dv3348p1 .x-breadcrumb-item:hover .x-text { color: var(--color_21); } #BREADCRUMB-dv3348p1 .x-breadcrumb-item:hover .x-text .x-icon { color: var(--color_20); } [id^="TEXT-9rob90yt"], .--clone-TEXT-9rob90yt { font-size: 0px; align-self: start; grid-column-end: 3; grid-column-start: 2; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: -0.078125px; width: 100%; } [id^="TEXT-9rob90yt"] .x-text, [id^="TEXT-9rob90yt"] .x-text a, .--clone-TEXT-9rob90yt .x-text, .--clone-TEXT-9rob90yt .x-text a { --width: 100%; -webkit-text-stroke: 0px #000000ff; color: var(--color_20); font: var(--font_1); font-family: 'Work Sans', sans-serif; font-size: 48.0px; font-weight: 400; height: 100%; text-align: center; width: 100%; color: var(--active-color, var(--color_20)); } [id^="TEXT-9rob90yt"] .x-text:hover, .--clone-TEXT-9rob90yt .x-text:hover, [id^="TEXT-9rob90yt"] a:hover, .--clone-TEXT-9rob90yt a:hover { } #SECTION-vpaa7s4i { height: auto; grid-template-columns: 1fr 1050px 30px 510px 1fr; grid-template-rows: minmax(60px, max-content) minmax(0px, max-content) minmax(50px, max-content); column-gap: 0px; row-gap: 0px; transition: opacity 0.3s ease, visibility 0.3s ease; } #SECTION-vpaa7s4i .x-section-background { background: rgba(255, 255, 255, 1); --height: 110; --bg: rgba(255, 255, 255, 1); } #SECTION-vpaa7s4i .x-section-video-background { } #SECTION-vpaa7s4i .video { display: none; } #SECTION-vpaa7s4i .video-bp5 { overflow: hidden; width: 100%; height: 100%; display: block; } #POST-LIST-oc4adkfh { --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: -0.036468505859375px;width: 100%; } #POST-LIST-oc4adkfh .post-list__wrapper post-list-item:nth-child(4n + 1) { grid-row: span 1; grid-column: span 1; } #POST-LIST-oc4adkfh .post-list__wrapper post-list-item:nth-child(4n + 2) { grid-row: span 1; grid-column: span 1; } #POST-LIST-oc4adkfh .post-list__wrapper post-list-item:nth-child(4n + 3) { grid-row: span 1; grid-column: span 1; } #POST-LIST-oc4adkfh .post-list__wrapper post-list-item:nth-child(4n + 4) { grid-row: span 1; grid-column: span 1; } #POST-LIST-oc4adkfh .post-list__content { ; } #POST-LIST-oc4adkfh .post-list__wrapper { gap: 30px; grid-template-columns: repeat(2, 1fr); } #POST-LIST-oc4adkfh post-list-item { border-color: #000; flex-direction: column; border-radius: 0px; overflow: hidden; } #POST-LIST-oc4adkfh .post-list__thumbnail { width: 100%; } #POST-LIST-oc4adkfh .post-list__container { padding-bottom: calc(100% / (4/3)); } #POST-LIST-oc4adkfh .post-list__inner img { object-fit: cover; border-radius: 15px; } #POST-LIST-oc4adkfh .post-list__overlay { display: none; } #POST-LIST-oc4adkfh .post-list__content { text-align: left; padding-left: 0px; padding-right: 0px; padding-top: 20px; padding-bottom: 20px; background: #ffffff00; justify-content: unset; } #POST-LIST-oc4adkfh .post-list__title { -webkit-line-clamp: 2; color: var(--color_20); font-size: 22px; font-family: 'work san medium', sans-serif; margin-top: 0px; } #POST-LIST-oc4adkfh .post-list__description { -webkit-line-clamp: 4; color: #656565; font-family: 'Work Sans', sans-serif; margin-top: 0px; } #POST-LIST-oc4adkfh .post-list__publish_date { margin-top: 0px; } #POST-LIST-oc4adkfh .post-list__category { width: 100%; font-family: 'Work Sans', sans-serif; padding-top: 0px; text-align: left; } #POST-LIST-oc4adkfh .post-list__read-button { color: #ffffff; font-family: "work san medium", sans-serif; background: var(--color_20); margin-right: auto; width: 127px; height: 34px; border-radius: 27px; } #POST-OVERLAY-chhmr0h6 { width: 100%; height: 100%; grid-template-columns: 1fr; grid-template-rows: minmax(0px, 1fr); column-gap: 0px; row-gap: 0px; } #POST-OVERLAY-qsp8qwk0 { width: 100%; height: 100%; grid-template-columns: 1fr; grid-template-rows: minmax(0px, 1fr); column-gap: 0px; row-gap: 0px; } #CONTAINER-udr62rwn { --bg: rgba(255, 255, 255, 0); background: rgba(255, 255, 255, 0); border-color: #000000ff; --width: 100%;align-self: start;grid-column-end: 5;grid-column-start: 4;grid-row-end: 3;grid-row-start: 2;grid-template-columns: 1fr;grid-template-rows: minmax(0px, max-content) minmax(40px, max-content) minmax(0px, max-content) minmax(40px, max-content) minmax(0px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: 0px;width: 100%; border: #000000ff; } #CONTAINER-cyy5bp95 { --bg: rgba(255, 255, 255, 0); background: rgba(255, 255, 255, 0); border-color: #e3e3e3; border-radius: 15px 15px 15px 15px; border-style: solid; border-width: 1.0px; --width: 99.89176743982826%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 6;grid-row-start: 5;grid-template-columns: 30px 1fr 30px;grid-template-rows: minmax(30px, max-content) minmax(52px, max-content) minmax(25px, max-content) minmax(0px, max-content) minmax(30px, max-content);height: auto;justify-self: end;margin-right: 0.010203357592995196%;margin-top: -0.05208587646484375px;width: 99.89176743982826%; border: 1px solid #e3e3e3; } [id^="TEXT-8l1i89if"], .--clone-TEXT-8l1i89if { font-size: 0px; align-self: start; grid-column-end: 3; grid-column-start: 2; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: end; margin-right: -0.1061700711584395%; margin-top: 0.66668701171875px; width: 99.8938493667894%; } [id^="TEXT-8l1i89if"] .x-text, [id^="TEXT-8l1i89if"] .x-text a, .--clone-TEXT-8l1i89if .x-text, .--clone-TEXT-8l1i89if .x-text a { --width: 99.8938493667894%; -webkit-text-stroke: 0px #000000ff; color: var(--color_20); font: var(--font_6); font-family: 'Work Sans', sans-serif; font-size: 20.0px; height: 100%; text-transform: uppercase; width: 100%; color: var(--active-color, var(--color_20)); } [id^="TEXT-8l1i89if"] .x-text:hover, .--clone-TEXT-8l1i89if .x-text:hover, [id^="TEXT-8l1i89if"] a:hover, .--clone-TEXT-8l1i89if a:hover { } #LINE-pi7hh44v { --width: 40.840635834264674%;align-self: end;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;height: auto;justify-self: start;margin-bottom: 7.95831298828125px;margin-left: 0.6565425337555679%;width: 40.840635834264674%; height: auto; } #LINE-pi7hh44v .line-container { border-color: var(--color_21); border-style: solid; border-width: 2.0px; } #LINE-6y5bpkx3 { --width: 55.331994142822914%;align-self: end;grid-column-end: 4;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;height: auto;justify-self: end;margin-bottom: 6.9375px;margin-right: 5.663142030560756%;width: 55.331994142822914%; height: auto; } #LINE-6y5bpkx3 .line-container { border-color: var(--color_01); border-style: solid; border-width: 1.0px; } #TAGS-wdfqrsny { --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.010456085205078123px;width: 100%; -webkit-text-stroke: 0px rgba(0, 0, 0, 1); font-family: 'work san', sans-serif; font-size: 13.0px; item-background: var(--color_01); item-background-active: var(--color_21); item-background-hover: var(--color_21); item-border-color: #00000000; item-padding-x: 13; item-padding-y: 6; item-text-color: var(--color_20); item-text-color-active: var(--color_00); item-text-color-hover: var(--color_00); } #TAGS-wdfqrsny .x-tags-wrapper { display: flex; flex-wrap: wrap; row-gap: 10px; column-gap: 10px; } #TAGS-wdfqrsny .x-tag-item { cursor: pointer; white-space: nowrap; border-style: solid; user-select: none; border-width: 1px; border-color: #00000000; background: var(--color_01); padding: 6px 13px; color: var(--color_20); } #TAGS-wdfqrsny .x-tag-item:not(.active):hover { border-color: #00000000; background: var(--color_21); color: var(--color_00); } #TAGS-wdfqrsny .x-tag-item.active { border-color: #00000000; background: var(--color_21); color: var(--color_00); } #CONTAINER-8heu5cmc { --bg: rgba(255, 255, 255, 0); background: rgba(255, 255, 255, 0); border-color: #e3e3e3; border-radius: 15px 15px 15px 15px; border-style: solid; border-width: 1.0px; --width: 99.71614772932116%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;grid-template-columns: 30px 1fr 30px;grid-template-rows: minmax(30px, max-content) minmax(52px, max-content) minmax(0px, max-content) minmax(30px, max-content);height: auto;justify-self: center;margin-left: calc(0.02146384659541445% * 2);margin-top: -0.0104217529296875px;width: 99.71614772932116%; border: 1px solid #e3e3e3; } [id^="TEXT-ykict2nn"], .--clone-TEXT-ykict2nn { font-size: 0px; align-self: start; grid-column-end: 3; grid-column-start: 2; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: end; margin-right: -0.1061700711584395%; margin-top: 0.66668701171875px; width: 99.8938493667894%; } [id^="TEXT-ykict2nn"] .x-text, [id^="TEXT-ykict2nn"] .x-text a, .--clone-TEXT-ykict2nn .x-text, .--clone-TEXT-ykict2nn .x-text a { --width: 99.8938493667894%; -webkit-text-stroke: 0px #000000ff; color: var(--color_20); font: var(--font_6); font-family: 'Work Sans', sans-serif; font-size: 20.0px; height: 100%; text-transform: uppercase; width: 100%; color: var(--active-color, var(--color_20)); } [id^="TEXT-ykict2nn"] .x-text:hover, .--clone-TEXT-ykict2nn .x-text:hover, [id^="TEXT-ykict2nn"] a:hover, .--clone-TEXT-ykict2nn a:hover { } #LINE-rcy790en { --width: 29.81382603993004%;align-self: end;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;height: auto;justify-self: start;margin-bottom: 8.625px;margin-left: 0.5103467561521252%;width: 29.81382603993004%; height: auto; } #LINE-rcy790en .line-container { border-color: var(--color_21); border-style: solid; border-width: 2.0px; } #LINE-2g1rc3h2 { --width: 70.02102977662616%;align-self: end;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;height: auto;justify-self: end;margin-bottom: 7.9375px;margin-right: -0.5136579040293386%;width: 70.02102977662616%; height: auto; } #LINE-2g1rc3h2 .line-container { border-color: var(--color_01); border-style: solid; border-width: 1.0px; } #MENU-zz4au5uw { --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%; --active-link-color: var(--color_21); } #MENU-zz4au5uw .x-rect { --pad-y: 10px; -webkit-text-stroke: 0px #000000ff; background: #ffffff; color: #656565; font-family: 'Work Sans', sans-serif; font-size: 15.0px; font-weight: 400; justify-content: flex-start; } #MENU-zz4au5uw > ul { background: #ffffff; justify-content: flex-start; align-items: flex-start; height: auto; border-radius: inherit; } #MENU-zz4au5uw > ul > .menu-item .tag-link { --pad-y: 10px; -webkit-text-stroke: 0px #000000ff; background: #ffffff; color: #656565; font-family: 'Work Sans', sans-serif; font-size: 15.0px; font-weight: 400; justify-content: flex-start; } #MENU-zz4au5uw > ul > .menu-item.menu-item-active-link .tag-link { color: var(--active-link-color); } #MENU-zz4au5uw > ul > .menu-item:not(:first-child) { } #MENU-zz4au5uw ul li .tag-link { border-style: none none none none; } #MENU-zz4au5uw ul li .tag-link:hover, #MENU-zz4au5uw ul li > a:hover { color: var(--color_21) !important; background: var(--color_00); border-style: none none none none; } #CONTAINER-88urwubi { --bg: rgba(255, 255, 255, 0); background: rgba(255, 255, 255, 0); border-color: #e3e3e3; border-radius: 15px 15px 15px 15px; border-style: solid; border-width: 1.0px; --width: 99.97957430377352%;align-self: start;grid-column-end: 2;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(52px, max-content) minmax(0px, max-content) minmax(30px, max-content);height: auto;justify-self: start;margin-left: 0%;margin-top: -0.15625px;width: 99.97957430377352%; border: 1px solid #e3e3e3; } [id^="TEXT-2jao8rzx"], .--clone-TEXT-2jao8rzx { font-size: 0px; align-self: start; grid-column-end: 3; grid-column-start: 2; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: end; margin-right: -0.1061700711584395%; margin-top: 0.66668701171875px; width: 99.8938493667894%; } [id^="TEXT-2jao8rzx"] .x-text, [id^="TEXT-2jao8rzx"] .x-text a, .--clone-TEXT-2jao8rzx .x-text, .--clone-TEXT-2jao8rzx .x-text a { --width: 99.8938493667894%; -webkit-text-stroke: 0px #000000ff; color: var(--color_20); font: var(--font_6); font-family: 'Work Sans', sans-serif; font-size: 20.0px; height: 100%; text-transform: uppercase; width: 100%; color: var(--active-color, var(--color_20)); } [id^="TEXT-2jao8rzx"] .x-text:hover, .--clone-TEXT-2jao8rzx .x-text:hover, [id^="TEXT-2jao8rzx"] a:hover, .--clone-TEXT-2jao8rzx a:hover { } #LINE-qq04dzu2 { --width: 40.840635834264674%;align-self: end;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;height: auto;justify-self: start;margin-bottom: 7.95831298828125px;margin-left: 0.6565425337555679%;width: 40.840635834264674%; height: auto; } #LINE-qq04dzu2 .line-container { border-color: var(--color_21); border-style: solid; border-width: 2.0px; } #LINE-93f2xa5r { --width: 55.331994142822914%;align-self: end;grid-column-end: 4;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;height: auto;justify-self: end;margin-bottom: 6.9375px;margin-right: 5.663142030560756%;width: 55.331994142822914%; height: auto; } #LINE-93f2xa5r .line-container { border-color: var(--color_01); border-style: solid; border-width: 1.0px; } #POST-LIST-b18x2mzm { --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%; } #POST-LIST-b18x2mzm .post-list__content { ; } #POST-LIST-b18x2mzm .post-list__wrapper { gap: 15px; grid-template-columns: repeat(1, 1fr); } #POST-LIST-b18x2mzm post-list-item { border-color: #000; border-radius: 0px; overflow: hidden; } #POST-LIST-b18x2mzm .post-list__thumbnail { width: 30%; } #POST-LIST-b18x2mzm .post-list__container { padding-bottom: calc(100% / (4/3)); } #POST-LIST-b18x2mzm .post-list__inner img { object-fit: cover; border-radius: 10px; } #POST-LIST-b18x2mzm .post-list__overlay { display: none; } #POST-LIST-b18x2mzm .post-list__content { text-align: left; padding-left: 24px; padding-right: 24px; padding-top: 24px; padding-bottom: 24px; background: #ffffff00; justify-content: unset; } #POST-LIST-b18x2mzm .post-list__title { -webkit-line-clamp: 2; color: var(--color_20); font-size: 15px; font-family: 'Vast Shadow', sans-serif; margin-top: 0px; } #POST-LIST-b18x2mzm .post-list__description { -webkit-line-clamp: 4; font-family: 'work san', sans-serif; display: none; margin-top: 0px; } #POST-LIST-b18x2mzm .post-list__publish_date { color: #656565; font-family: 'work san', sans-serif; margin-top: 0px; } #POST-LIST-b18x2mzm .post-list__category { width: 100%; display: none; padding-top: 0px; text-align: left; } #POST-LIST-b18x2mzm .post-list__read-button { display: none; color: #ffffff; background: #108B67; margin-right: auto; width: 186px; height: 34px; border-radius: 0px; } #POST-OVERLAY-ikg8efdu { width: 100%; height: 100%; grid-template-columns: 1fr; grid-template-rows: minmax(0px, 1fr); column-gap: 0px; row-gap: 0px; } #POST-OVERLAY-mhj8cr0j { width: 100%; height: 100%; grid-template-columns: 1fr; grid-template-rows: minmax(0px, 1fr); column-gap: 0px; row-gap: 0px; } #CONTAINER-btu3x79l { --bg: var(--color_00); background: var(--color_00); border-color: var(--color_01); border-style: solid; border-width: 1.0px; --width: 50px;display: none;grid-template-columns: 1fr;grid-template-rows: minmax(50px, max-content);height: 50px;left: 0px;position: fixed;top: 50%;transform: translateY(-50%);width: 50px;z-index: 9999; border: 1px solid var(--color_01); } #RECT-0xyq8k4m { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: 28px; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 28px; } #RECT-0xyq8k4m .x-rect { --width: 28px; background: var(--color_21); border-color: #000000ff; height: 100%; width: 100%; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9J2N1cnJlbnRDb2xvcicgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDI0IDI0IiBjbGFzcz0ibWVudSI+PHBhdGggZD0iTTMsNkgyMVY4SDNWNk0zLDExSDIxVjEzSDNWMTFNMywxNkgyMVYxOEgzVjE2WiI+PC9wYXRoPjwvc3ZnPg==); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; border: ; background: var(--active-color, var(--color_21)); } #RECT-0xyq8k4m::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; } #SECTION-r4nx9frp { height: auto; grid-template-columns: 1fr 320px 320px 320px 320px 320px 1fr; grid-template-rows: minmax(60px, max-content) minmax(0px, max-content) minmax(45px, max-content) minmax(0px, max-content) minmax(60px, max-content) minmax(60px, max-content) minmax(0px, max-content) minmax(60px, max-content) minmax(65px, max-content); column-gap: 0px; row-gap: 0px; transition: opacity 0.3s ease, visibility 0.3s ease; } #SECTION-r4nx9frp .x-section-background { background: #FCF6F5; --height: 350; --bg: #FCF6F5; } #SECTION-r4nx9frp .x-section-video-background { } #SECTION-r4nx9frp .video { display: none; } #SECTION-r4nx9frp .video-bp5 { overflow: hidden; width: 100%; height: 100%; display: block; } [id^="TEXT-go0fr81q"], .--clone-TEXT-go0fr81q { font-size: 0px; align-self: start; grid-column-end: 7; grid-column-start: 2; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: -0.09375px; width: 100%; } [id^="TEXT-go0fr81q"] .x-text, [id^="TEXT-go0fr81q"] .x-text a, .--clone-TEXT-go0fr81q .x-text, .--clone-TEXT-go0fr81q .x-text a { --width: 100%; -webkit-text-stroke: 0px #000000ff; color: var(--color_20); font: var(--font_1); font-family: 'Work Sans', sans-serif; font-size: 30.0px; font-weight: 400; height: 100%; text-align: center; text-transform: uppercase; width: 100%; color: var(--active-color, var(--color_20)); } [id^="TEXT-go0fr81q"] .x-text:hover, .--clone-TEXT-go0fr81q .x-text:hover, [id^="TEXT-go0fr81q"] a:hover, .--clone-TEXT-go0fr81q a:hover { } #FORM-966362g8 { --width: 801px;align-self: center;grid-column-end: 7;grid-column-start: 2;grid-row-end: 5;grid-row-start: 4;grid-template-columns: 660px 20px 1fr;grid-template-rows: minmax(50px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);row-gap: 10px;width: 801px; font-family: 'Work Sans', sans-serif; --icon-color: inherit; } #EMAIL-1gtvpapx { --width: 100.25974025974024%;align-self: center;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;height: 100%;justify-self: end;margin-right: -0.2597402597402597%;margin-top: calc(0px * 2);width: 100.25974025974024%; } #EMAIL-1gtvpapx .input-label { margin-bottom: 8px; padding: 0 20px 0 1px; font-size: 13px; } #EMAIL-1gtvpapx input { -webkit-text-stroke: 0px #000000ff; border-color: var(--color_01); border-radius: 50px 50px 50px 50px; border-style: solid; border-width: 1.0px; color: #000000; font-family: 'Work Sans', sans-serif; font-size: 13.0px; background: var(--color_00); padding: 3px 10px 3px 31px; } #EMAIL-1gtvpapx input[type="date"] { -webkit-text-fill-color: #000000; } #EMAIL-1gtvpapx input::placeholder { color: #757575ff; -webkit-text-fill-color: #757575ff !important; } #SUBMIT-BUTTON-eqd2g3qg { align-self: center; grid-column-end: 4; grid-column-start: 3; 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%; } #SUBMIT-BUTTON-eqd2g3qg .x-button-wrapper { --width: 100%; -webkit-text-stroke: 0px #000000ff; background: var(--color_21); border-color: #000000ff; border-radius: 31px 31px 31px 31px; color: #ffffffff; font-size: 14.0px; font-weight: bold; height: 100%; text-align: center; text-transform: uppercase; width: 100%; border: ; color: var(--active-color, #ffffffff); } #SUBMIT-BUTTON-eqd2g3qg[disabled=true] { display: none; } #SUBMIT-BUTTON-eqd2g3qg{ transition-duration: 0.1s; transition-delay: 0s; transition-property: transform; transition-timing-function: ease-out; will-change: transform; } #SUBMIT-BUTTON-eqd2g3qg:hover > * { background: var(--color_20) !important; } #LINE-is8gquzz { --width: 100%;align-self: end;grid-column-end: 8;grid-column-start: 1;grid-row-end: 6;grid-row-start: 5;height: auto;justify-self: center;margin-bottom: 0px;margin-left: calc(0% * 2);width: 100%; height: auto; } #LINE-is8gquzz .line-container { border-color: var(--color_01); border-style: solid; border-width: 1.0px; } #CONTAINER-lslulfnd { --bg: rgba(255, 255, 255, 0); background: rgba(255, 255, 255, 0); border-color: #000000ff; --width: 100.03580093383788%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 8;grid-row-start: 7;grid-template-columns: 1fr;grid-template-rows: minmax(0px, max-content) minmax(39px, max-content) minmax(83px, max-content);height: auto;justify-self: start;margin-left: -0.01790046691893643%;margin-top: 0px;width: 100.03580093383788%; border: #000000ff; } [id^="TEXT-ll1bif55"], .--clone-TEXT-ll1bif55 { font-size: 0px; align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: center; margin-right: calc(0.001613254173911116% * 2); margin-top: 0px; width: 99.93167568281427%; } [id^="TEXT-ll1bif55"] .x-text, [id^="TEXT-ll1bif55"] .x-text a, .--clone-TEXT-ll1bif55 .x-text, .--clone-TEXT-ll1bif55 .x-text a { --width: 99.93167568281427%; -webkit-text-stroke: 0px #000000ff; color: var(--color_20); font: var(--font_0); font-family: 'work san bold', sans-serif; font-size: 28.0px; font-weight: 700; height: 100%; text-transform: uppercase; width: 100%; color: var(--active-color, var(--color_20)); } [id^="TEXT-ll1bif55"] .x-text:hover, .--clone-TEXT-ll1bif55 .x-text:hover, [id^="TEXT-ll1bif55"] a:hover, .--clone-TEXT-ll1bif55 a:hover { } [id^="TEXT-b287z93t"], .--clone-TEXT-b287z93t { font-size: 0px; align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: start; margin-left: 0%; margin-top: calc(0px * 2); width: 99.93167568281427%; } [id^="TEXT-b287z93t"] .x-text, [id^="TEXT-b287z93t"] .x-text a, .--clone-TEXT-b287z93t .x-text, .--clone-TEXT-b287z93t .x-text a { --width: 99.93167568281427%; -webkit-text-stroke: 0px #000000ff; color: var(--color_21); font: var(--font_6); font-family: 'Work Sans', sans-serif; font-size: 15.0px; font-weight: 400; height: 100%; text-align: left; text-transform: initial; width: 100%; color: var(--active-color, var(--color_21)); } [id^="TEXT-b287z93t"] .x-text:hover, .--clone-TEXT-b287z93t .x-text:hover, [id^="TEXT-b287z93t"] a:hover, .--clone-TEXT-b287z93t a:hover { } [id^="TEXT-ji61elb2"], .--clone-TEXT-ji61elb2 { font-size: 0px; align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 4; grid-row-start: 3; height: auto; justify-self: center; margin-right: calc(0.001613254173911116% * 2); margin-top: calc(0px * 2); width: 99.93167568281427%; } [id^="TEXT-ji61elb2"] .x-text, [id^="TEXT-ji61elb2"] .x-text a, .--clone-TEXT-ji61elb2 .x-text, .--clone-TEXT-ji61elb2 .x-text a { --width: 99.93167568281427%; -webkit-text-stroke: 0px #000000ff; color: #656565; font: var(--font_6); font-family: 'Work Sans', sans-serif; font-size: 15.0px; font-weight: 400; height: 100%; line-height: 1.9; text-align: left; text-transform: initial; width: 100%; color: var(--active-color, #656565); } [id^="TEXT-ji61elb2"] .x-text:hover, .--clone-TEXT-ji61elb2 .x-text:hover, [id^="TEXT-ji61elb2"] a:hover, .--clone-TEXT-ji61elb2 a:hover { } #CONTAINER-i0jfdth2 { --bg: rgba(255, 255, 255, 0); background: rgba(255, 255, 255, 0); border-color: #000000ff; --width: 100%;align-self: start;grid-column-end: 4;grid-column-start: 3;grid-row-end: 8;grid-row-start: 7;grid-template-columns: 1fr;grid-template-rows: minmax(28px, max-content) minmax(102.14583587646484px, max-content);height: auto;justify-self: start;margin-left: -0.15625%;margin-top: 0.09375px;width: 100%; border: #000000ff; } [id^="TEXT-fid4oji7"], .--clone-TEXT-fid4oji7 { font-size: 0px; align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: 0px; width: 100%; } [id^="TEXT-fid4oji7"] .x-text, [id^="TEXT-fid4oji7"] .x-text a, .--clone-TEXT-fid4oji7 .x-text, .--clone-TEXT-fid4oji7 .x-text a { --width: 100%; -webkit-text-stroke: 0px #000000ff; color: var(--color_20); font: var(--font_1); font-family: 'work san bold', sans-serif; font-size: 15.0px; font-weight: 400; height: 100%; text-transform: uppercase; width: 100%; color: var(--active-color, var(--color_20)); } [id^="TEXT-fid4oji7"] .x-text:hover, .--clone-TEXT-fid4oji7 .x-text:hover, [id^="TEXT-fid4oji7"] a:hover, .--clone-TEXT-fid4oji7 a:hover { } #MENU-a1o6r1pk { --width: 100%;align-self: end;grid-column-end: 2;grid-column-start: 1;grid-row-end: 3;grid-row-start: 2;height: auto;justify-self: end;margin-bottom: -1.52587890625e-5px;margin-right: -0.15625%;width: 100%; --active-link-color: var(--color_21); } #MENU-a1o6r1pk .x-rect { --pad-y: 5px; -webkit-text-stroke: 0px #000000ff; background: #ffffff00; color: #656565; font-family: 'Work Sans', sans-serif; font-size: 15.0px; font-weight: 400; justify-content: flex-start; } #MENU-a1o6r1pk > ul { background: #ffffff00; justify-content: flex-start; align-items: flex-start; height: auto; border-radius: inherit; } #MENU-a1o6r1pk > ul > .menu-item .tag-link { --pad-y: 5px; -webkit-text-stroke: 0px #000000ff; background: #ffffff00; color: #656565; font-family: 'Work Sans', sans-serif; font-size: 15.0px; font-weight: 400; justify-content: flex-start; } #MENU-a1o6r1pk > ul > .menu-item.menu-item-active-link .tag-link { color: var(--active-link-color); } #MENU-a1o6r1pk > ul > .menu-item:not(:first-child) { } #MENU-a1o6r1pk ul li .tag-link { border-style: none none none none; } #MENU-a1o6r1pk ul li .tag-link:hover, #MENU-a1o6r1pk ul li > a:hover { color: var(--color_21) !important; background: #ffffff00; border-style: none none none none; } #MENU-ITEM-svgdq5hw > a, #MENU-ITEM-svgdq5hw > div { -webkit-text-stroke: 0px #000000ff !important; } #MENU-ITEM-2gcho9b1 > a, #MENU-ITEM-2gcho9b1 > div { -webkit-text-stroke: 0px rgba(0, 0, 0, 1) !important; } #MENU-ITEM-m3wp5uud > a, #MENU-ITEM-m3wp5uud > div { } #MENU-ITEM-hkjqs5do > a, #MENU-ITEM-hkjqs5do > div { } #CONTAINER-5ir674a9 { --bg: rgba(255, 255, 255, 0); background: rgba(255, 255, 255, 0); border-color: #000000ff; --width: 100%;align-self: start;grid-column-end: 5;grid-column-start: 4;grid-row-end: 8;grid-row-start: 7;grid-template-columns: 1fr;grid-template-rows: minmax(28px, max-content) minmax(102.14583587646484px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: 0px;width: 100%; border: #000000ff; } [id^="TEXT-wbr5coh4"], .--clone-TEXT-wbr5coh4 { font-size: 0px; align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: 0px; width: 100%; } [id^="TEXT-wbr5coh4"] .x-text, [id^="TEXT-wbr5coh4"] .x-text a, .--clone-TEXT-wbr5coh4 .x-text, .--clone-TEXT-wbr5coh4 .x-text a { --width: 100%; -webkit-text-stroke: 0px #000000ff; color: var(--color_20); font: var(--font_1); font-family: 'work san bold', sans-serif; font-size: 15.0px; font-weight: 400; height: 100%; text-align: left; text-transform: initial; width: 100%; color: var(--active-color, var(--color_20)); } [id^="TEXT-wbr5coh4"] .x-text:hover, .--clone-TEXT-wbr5coh4 .x-text:hover, [id^="TEXT-wbr5coh4"] a:hover, .--clone-TEXT-wbr5coh4 a:hover { } #CONTAINER-gpbytycq { --bg: rgba(255, 255, 255, 0); background: rgba(255, 255, 255, 0); border-color: #000000ff; --width: 100%;align-self: start;grid-column-end: 6;grid-column-start: 5;grid-row-end: 8;grid-row-start: 7;grid-template-columns: 1fr;grid-template-rows: minmax(28px, max-content) minmax(35px, max-content) minmax(35px, max-content) minmax(35px, max-content);height: auto;justify-self: end;margin-right: -0.15626907348632812%;margin-top: -0.9062271118164062px;width: 100%; border: #000000ff; } [id^="TEXT-pv3bxq9a"], .--clone-TEXT-pv3bxq9a { font-size: 0px; align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: 0px; width: 100%; } [id^="TEXT-pv3bxq9a"] .x-text, [id^="TEXT-pv3bxq9a"] .x-text a, .--clone-TEXT-pv3bxq9a .x-text, .--clone-TEXT-pv3bxq9a .x-text a { --width: 100%; -webkit-text-stroke: 0px #000000ff; color: var(--color_20); font: var(--font_1); font-family: 'work san bold', sans-serif; font-size: 15.0px; font-weight: 400; height: 100%; text-transform: uppercase; width: 100%; color: var(--active-color, var(--color_20)); } [id^="TEXT-pv3bxq9a"] .x-text:hover, .--clone-TEXT-pv3bxq9a .x-text:hover, [id^="TEXT-pv3bxq9a"] a:hover, .--clone-TEXT-pv3bxq9a a:hover { } [id^="TEXT-1ojbn0ah"], .--clone-TEXT-1ojbn0ah { font-size: 0px; align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 100%; } [id^="TEXT-1ojbn0ah"] .x-text, [id^="TEXT-1ojbn0ah"] .x-text a, .--clone-TEXT-1ojbn0ah .x-text, .--clone-TEXT-1ojbn0ah .x-text a { --width: 100%; -webkit-text-stroke: 0px #000000ff; color: #656565; font: var(--font_6); font-family: 'Work Sans', sans-serif; font-size: 15.0px; height: 100%; width: 100%; color: var(--active-color, #656565); } [id^="TEXT-1ojbn0ah"] .x-text:hover, .--clone-TEXT-1ojbn0ah .x-text:hover, [id^="TEXT-1ojbn0ah"] a:hover, .--clone-TEXT-1ojbn0ah a:hover { } #TEXT-1ojbn0ah{ transition-duration: 0.1s; transition-delay: 0s; transition-property: transform; transition-timing-function: ease-out; will-change: transform; } #TEXT-1ojbn0ah:hover, #TEXT-1ojbn0ah:hover > * { color: var(--color_21) !important; } [id^="TEXT-olm60dj2"], .--clone-TEXT-olm60dj2 { font-size: 0px; align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 4; grid-row-start: 3; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 100%; } [id^="TEXT-olm60dj2"] .x-text, [id^="TEXT-olm60dj2"] .x-text a, .--clone-TEXT-olm60dj2 .x-text, .--clone-TEXT-olm60dj2 .x-text a { --width: 100%; -webkit-text-stroke: 0px #000000ff; color: #656565; font: var(--font_6); font-family: 'Work Sans', sans-serif; font-size: 15.0px; height: 100%; width: 100%; color: var(--active-color, #656565); } [id^="TEXT-olm60dj2"] .x-text:hover, .--clone-TEXT-olm60dj2 .x-text:hover, [id^="TEXT-olm60dj2"] a:hover, .--clone-TEXT-olm60dj2 a:hover { } #TEXT-olm60dj2{ transition-duration: 0.1s; transition-delay: 0s; transition-property: transform; transition-timing-function: ease-out; will-change: transform; } #TEXT-olm60dj2:hover, #TEXT-olm60dj2:hover > * { color: var(--color_21) !important; } [id^="TEXT-6f71iy2j"], .--clone-TEXT-6f71iy2j { font-size: 0px; align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 5; grid-row-start: 4; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 100%; } [id^="TEXT-6f71iy2j"] .x-text, [id^="TEXT-6f71iy2j"] .x-text a, .--clone-TEXT-6f71iy2j .x-text, .--clone-TEXT-6f71iy2j .x-text a { --width: 100%; -webkit-text-stroke: 0px #000000ff; color: #656565; font: var(--font_6); font-family: 'Work Sans', sans-serif; font-size: 15.0px; height: 100%; width: 100%; color: var(--active-color, #656565); } [id^="TEXT-6f71iy2j"] .x-text:hover, .--clone-TEXT-6f71iy2j .x-text:hover, [id^="TEXT-6f71iy2j"] a:hover, .--clone-TEXT-6f71iy2j a:hover { } #TEXT-6f71iy2j{ transition-duration: 0.1s; transition-delay: 0s; transition-property: transform; transition-timing-function: ease-out; will-change: transform; } #TEXT-6f71iy2j:hover, #TEXT-6f71iy2j:hover > * { color: var(--color_21) !important; } #CONTAINER-pfgjrj5r { --bg: rgba(255, 255, 255, 0); background: rgba(255, 255, 255, 0); border-color: #000000ff; --width: 100%;align-self: start;grid-column-end: 7;grid-column-start: 6;grid-row-end: 8;grid-row-start: 7;grid-template-columns: 1fr;grid-template-rows: minmax(28px, max-content) minmax(67px, max-content) minmax(0px, max-content);height: auto;justify-self: end;margin-right: -0.15626907348632812%;margin-top: -0.9062271118164062px;width: 100%; border: #000000ff; } [id^="TEXT-lv2xaxvm"], .--clone-TEXT-lv2xaxvm { font-size: 0px; align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: 0px; width: 100%; } [id^="TEXT-lv2xaxvm"] .x-text, [id^="TEXT-lv2xaxvm"] .x-text a, .--clone-TEXT-lv2xaxvm .x-text, .--clone-TEXT-lv2xaxvm .x-text a { --width: 100%; -webkit-text-stroke: 0px #000000ff; color: var(--color_20); font: var(--font_1); font-family: 'work san bold', sans-serif; font-size: 15.0px; font-weight: 400; height: 100%; text-transform: uppercase; width: 100%; color: var(--active-color, var(--color_20)); } [id^="TEXT-lv2xaxvm"] .x-text:hover, .--clone-TEXT-lv2xaxvm .x-text:hover, [id^="TEXT-lv2xaxvm"] a:hover, .--clone-TEXT-lv2xaxvm a:hover { } [id^="TEXT-64g7fa45"], .--clone-TEXT-64g7fa45 { font-size: 0px; align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: 0px; width: 100%; } [id^="TEXT-64g7fa45"] .x-text, [id^="TEXT-64g7fa45"] .x-text a, .--clone-TEXT-64g7fa45 .x-text, .--clone-TEXT-64g7fa45 .x-text a { --width: 100%; -webkit-text-stroke: 0px #000000ff; color: #656565; font: var(--font_6); font-family: 'Work Sans', sans-serif; font-size: 15.0px; height: 100%; width: 100%; color: var(--active-color, #656565); } [id^="TEXT-64g7fa45"] .x-text:hover, .--clone-TEXT-64g7fa45 .x-text:hover, [id^="TEXT-64g7fa45"] a:hover, .--clone-TEXT-64g7fa45 a:hover { } #TEXT-64g7fa45{ transition-duration: 0.1s; transition-delay: 0s; transition-property: transform; transition-timing-function: ease-out; will-change: transform; } #TEXT-64g7fa45:hover, #TEXT-64g7fa45:hover > * { color: var(--color_21) !important; } #CONTAINER-uf7i79zp { --bg: rgba(255, 255, 255, 0); background: rgba(255, 255, 255, 0); border-color: #e3e3e3; border-radius: 5px 5px 5px 5px; border-style: solid; border-width: 1.0px; --width: 100%;align-self: center;grid-column-end: 2;grid-column-start: 1;grid-row-end: 4;grid-row-start: 3;grid-template-columns: 55px 1.047fr;grid-template-rows: minmax(52px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 100%; border: 1px solid #e3e3e3; } [id^="TEXT-y0onb6vl"], .--clone-TEXT-y0onb6vl { font-size: 0px; align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: start; margin-bottom: calc(0.1458740234375px * 2); margin-left: -1.9581886418585438e-14%; width: 100%; } [id^="TEXT-y0onb6vl"] .x-text, [id^="TEXT-y0onb6vl"] .x-text a, .--clone-TEXT-y0onb6vl .x-text, .--clone-TEXT-y0onb6vl .x-text a { --width: 100%; -webkit-text-stroke: 0px #000000ff; color: var(--color_21); font: var(--font_6); font-family: 'Work Sans', sans-serif; font-size: 20.0px; font-weight: 700; height: 100%; width: 100%; color: var(--active-color, var(--color_21)); } [id^="TEXT-y0onb6vl"] .x-text:hover, .--clone-TEXT-y0onb6vl .x-text:hover, [id^="TEXT-y0onb6vl"] a:hover, .--clone-TEXT-y0onb6vl a:hover { } #IMAGE-xxmtr2g9 { align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: 53px; justify-self: start; margin-left: 0%; margin-top: 0px; width: 53px; } #IMAGE-xxmtr2g9 picture { --width: 53px; border-color: #000000ff; height: 100%; width: 100%; } [id^="TEXT-0ateq7z3"], .--clone-TEXT-0ateq7z3 { font-size: 0px; align-self: center; grid-column-end: 7; grid-column-start: 2; grid-row-end: 10; grid-row-start: 9; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 100%; } [id^="TEXT-0ateq7z3"] .x-text, [id^="TEXT-0ateq7z3"] .x-text a, .--clone-TEXT-0ateq7z3 .x-text, .--clone-TEXT-0ateq7z3 .x-text a { --width: 100%; -webkit-text-stroke: 0px #000000ff; color: var(--font_color_6); font: var(--font_6); font-family: 'Work Sans', sans-serif; font-size: 15.0px; height: 100%; text-align: center; width: 100%; color: var(--active-color, var(--font_color_6)); } [id^="TEXT-0ateq7z3"] .x-text:hover, .--clone-TEXT-0ateq7z3 .x-text:hover, [id^="TEXT-0ateq7z3"] a:hover, .--clone-TEXT-0ateq7z3 a:hover { } #LINE-745jm1gy { --width: 100%;align-self: end;grid-column-end: 8;grid-column-start: 1;grid-row-end: 9;grid-row-start: 8;height: auto;justify-self: center;margin-bottom: 0px;margin-left: calc(0% * 2);width: 100%; height: auto; } #LINE-745jm1gy .line-container { border-color: var(--color_01); border-style: solid; border-width: 1.0px; } #IMAGE-y2yfr08z { align-self: end; grid-column-end: 5; grid-column-start: 4; grid-row-end: 8; grid-row-start: 7; height: auto; justify-self: center; margin-bottom: 15.524995803833008px; margin-right: calc(0.15625% * 2); width: 46.37500286102295%; } #IMAGE-y2yfr08z picture { --width: 46.37500286102295%; border-color: #000000ff; height: 100%; width: 100%; } #POPUP-41yendea { --top: 50%; top: var(--top); --left: 50%; left: var(--left); transform: translate(-50%, -50%); background: #ffffff; width: 600px; height: auto; grid-template-columns: 30px 1fr 30px; grid-template-rows: minmax(60px, max-content) minmax(0px, max-content) minmax(50px, 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-41yendea.anim { --width: 600px; animation: zoom-out 0.6s ease; } #RECT-2rumsvo5 { align-self: center; grid-column-end: 4; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: 70px; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 100%; } #RECT-2rumsvo5 .x-rect { --width: 100%; background: #f5f5f5; border-color: #000000ff; height: 100%; width: 100%; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0iY3VycmVudENvbG9yIi8+PC9zdmc+); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; border: ; background: var(--active-color, #f5f5f5); } #RECT-2rumsvo5::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-0qlkjlhp { align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 2; grid-row-start: 1; height: 19.6875px; justify-self: end; margin-right: 0%; margin-top: calc(0px * 2); width: 19.572917938232425px; } #RECT-0qlkjlhp .x-rect { --width: 19.572917938232425px; background: var(--color_02); 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, var(--color_02)); } #RECT-0qlkjlhp::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; } [id^="TEXT-quhr5m55"], .--clone-TEXT-quhr5m55 { font-size: 0px; align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: start; margin-left: 0%; margin-top: calc(2.666667938232422px * 2); width: 91.66666666666666%; } [id^="TEXT-quhr5m55"] .x-text, [id^="TEXT-quhr5m55"] .x-text a, .--clone-TEXT-quhr5m55 .x-text, .--clone-TEXT-quhr5m55 .x-text a { --width: 91.66666666666666%; -webkit-text-stroke: 0px #000000ff; color: var(--color_20); font: var(--font_6); font-family: 'work san bold', sans-serif; font-size: 16.0px; font-weight: 400; height: 100%; text-align: left; text-transform: initial; width: 100%; color: var(--active-color, var(--color_20)); } [id^="TEXT-quhr5m55"] .x-text:hover, .--clone-TEXT-quhr5m55 .x-text:hover, [id^="TEXT-quhr5m55"] a:hover, .--clone-TEXT-quhr5m55 a:hover { } #CONTAINER-u16b8y7k { --bg: rgba(255, 255, 255, 0); background: rgba(255, 255, 255, 0); 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(35px, max-content) minmax(0px, max-content) minmax(35px, max-content) minmax(35px, max-content) minmax(0px, max-content) minmax(35px, max-content) minmax(35px, max-content) minmax(0px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: 0px;width: 100%; border: #000000ff; } [id^="TEXT-8ezd558s"], .--clone-TEXT-8ezd558s { font-size: 0px; align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 100%; } [id^="TEXT-8ezd558s"] .x-text, [id^="TEXT-8ezd558s"] .x-text a, .--clone-TEXT-8ezd558s .x-text, .--clone-TEXT-8ezd558s .x-text a { --width: 100%; -webkit-text-stroke: 0px #000000ff; color: var(--color_20); font: var(--font_6); font-size: 15.0px; font-weight: 700; height: 100%; text-align: left; text-transform: initial; width: 100%; color: var(--active-color, var(--color_20)); } [id^="TEXT-8ezd558s"] .x-text:hover, .--clone-TEXT-8ezd558s .x-text:hover, [id^="TEXT-8ezd558s"] a:hover, .--clone-TEXT-8ezd558s a:hover { } [id^="TEXT-olts51q0"], .--clone-TEXT-olts51q0 { font-size: 0px; align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 5; grid-row-start: 4; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 100%; } [id^="TEXT-olts51q0"] .x-text, [id^="TEXT-olts51q0"] .x-text a, .--clone-TEXT-olts51q0 .x-text, .--clone-TEXT-olts51q0 .x-text a { --width: 100%; -webkit-text-stroke: 0px #000000ff; color: var(--color_20); font: var(--font_6); font-size: 15.0px; font-weight: 700; height: 100%; text-align: left; text-transform: initial; width: 100%; color: var(--active-color, var(--color_20)); } [id^="TEXT-olts51q0"] .x-text:hover, .--clone-TEXT-olts51q0 .x-text:hover, [id^="TEXT-olts51q0"] a:hover, .--clone-TEXT-olts51q0 a:hover { } [id^="TEXT-a2tc36vy"], .--clone-TEXT-a2tc36vy { font-size: 0px; align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 100%; } [id^="TEXT-a2tc36vy"] .x-text, [id^="TEXT-a2tc36vy"] .x-text a, .--clone-TEXT-a2tc36vy .x-text, .--clone-TEXT-a2tc36vy .x-text a { --width: 100%; -webkit-text-stroke: 0px #000000ff; color: var(--color_01); font: var(--font_6); font-family: 'work san', sans-serif; font-size: 15.0px; font-weight: 400; height: 100%; line-height: 1.6; text-align: left; text-transform: initial; width: 100%; color: var(--active-color, var(--color_01)); } [id^="TEXT-a2tc36vy"] .x-text:hover, .--clone-TEXT-a2tc36vy .x-text:hover, [id^="TEXT-a2tc36vy"] a:hover, .--clone-TEXT-a2tc36vy a:hover { } [id^="TEXT-urrfplcg"], .--clone-TEXT-urrfplcg { font-size: 0px; align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 6; grid-row-start: 5; height: auto; justify-self: end; margin-right: -0.1832637080439604%; margin-top: -0.22916793823242188px; width: 99.99999999999996%; } [id^="TEXT-urrfplcg"] .x-text, [id^="TEXT-urrfplcg"] .x-text a, .--clone-TEXT-urrfplcg .x-text, .--clone-TEXT-urrfplcg .x-text a { --width: 99.99999999999996%; -webkit-text-stroke: 0px #000000ff; color: var(--color_01); font: var(--font_6); font-family: 'work san', sans-serif; font-size: 15.0px; font-weight: 400; height: 100%; line-height: 1.6; text-align: left; text-transform: initial; width: 100%; color: var(--active-color, var(--color_01)); } [id^="TEXT-urrfplcg"] .x-text:hover, .--clone-TEXT-urrfplcg .x-text:hover, [id^="TEXT-urrfplcg"] a:hover, .--clone-TEXT-urrfplcg a:hover { } [id^="TEXT-fy7u7azs"], .--clone-TEXT-fy7u7azs { font-size: 0px; align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 8; grid-row-start: 7; height: auto; justify-self: end; margin-right: -0.1832637080439604%; margin-top: calc(0px * 2); width: 99.99999999999996%; } [id^="TEXT-fy7u7azs"] .x-text, [id^="TEXT-fy7u7azs"] .x-text a, .--clone-TEXT-fy7u7azs .x-text, .--clone-TEXT-fy7u7azs .x-text a { --width: 99.99999999999996%; -webkit-text-stroke: 0px #000000ff; color: var(--color_20); font: var(--font_6); font-size: 15.0px; font-weight: 700; height: 100%; text-align: left; text-transform: initial; width: 100%; color: var(--active-color, var(--color_20)); } [id^="TEXT-fy7u7azs"] .x-text:hover, .--clone-TEXT-fy7u7azs .x-text:hover, [id^="TEXT-fy7u7azs"] a:hover, .--clone-TEXT-fy7u7azs a:hover { } [id^="TEXT-dek9u4v8"], .--clone-TEXT-dek9u4v8 { font-size: 0px; align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 9; grid-row-start: 8; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 99.99999999999996%; } [id^="TEXT-dek9u4v8"] .x-text, [id^="TEXT-dek9u4v8"] .x-text a, .--clone-TEXT-dek9u4v8 .x-text, .--clone-TEXT-dek9u4v8 .x-text a { --width: 99.99999999999996%; -webkit-text-stroke: 0px #000000ff; color: #656565; font: var(--font_6); font-family: 'work san', sans-serif; font-size: 15.0px; font-weight: 400; height: 100%; line-height: 1.6; text-align: left; text-transform: initial; width: 100%; color: var(--active-color, #656565); } [id^="TEXT-dek9u4v8"] .x-text:hover, .--clone-TEXT-dek9u4v8 .x-text:hover, [id^="TEXT-dek9u4v8"] a:hover, .--clone-TEXT-dek9u4v8 a:hover { } #POPUP-jkv8766e { --top: 0px; top: var(--top); --left: 0; left: var(--left); background: #ffffff; overflow-x: hidden; overflow-y: scroll; width: 50%; height: 100%; grid-template-columns: 20px 1fr 20px; grid-template-rows: minmax(60px, max-content) minmax(10px, max-content) minmax(0px, 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-jkv8766e.anim { --width: 50%; } #LINE-j8pctfwp { --width: 99.8168498168498%;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: 99.8168498168498%; height: auto; } #LINE-j8pctfwp .line-container { border-color: #e3e3e3; border-style: solid; border-width: 1.0px; } #CONTAINER-j93k186q { --bg: rgba(255, 255, 255, 0); background: rgba(255, 255, 255, 0); border-color: #000000ff; --width: 99.82935153583618%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 4;grid-row-start: 3;grid-template-columns: 1fr;grid-template-rows: minmax(0px, max-content) minmax(40px, max-content) minmax(0px, max-content) minmax(40px, max-content) minmax(0px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: 0px;width: 99.82935153583618%; border: #000000ff; } #CONTAINER-jtf5f3bb { --bg: rgba(255, 255, 255, 0); background: rgba(255, 255, 255, 0); border-color: #e3e3e3; border-radius: 15px 15px 15px 15px; border-style: solid; border-width: 1.0px; --width: 99.89176743982826%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 6;grid-row-start: 5;grid-template-columns: 30px 1fr 30px;grid-template-rows: minmax(30px, max-content) minmax(52px, max-content) minmax(25px, max-content) minmax(0px, max-content) minmax(30px, max-content);height: auto;justify-self: end;margin-right: 0.010203357592995196%;margin-top: -0.05208587646484375px;width: 99.89176743982826%; border: 1px solid #e3e3e3; } [id^="TEXT-3b7u4xe6"], .--clone-TEXT-3b7u4xe6 { font-size: 0px; align-self: start; grid-column-end: 3; grid-column-start: 2; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: end; margin-right: -0.1061700711584395%; margin-top: 0.66668701171875px; width: 99.8938493667894%; } [id^="TEXT-3b7u4xe6"] .x-text, [id^="TEXT-3b7u4xe6"] .x-text a, .--clone-TEXT-3b7u4xe6 .x-text, .--clone-TEXT-3b7u4xe6 .x-text a { --width: 99.8938493667894%; -webkit-text-stroke: 0px #000000ff; color: var(--color_20); font: var(--font_6); font-family: 'Work Sans', sans-serif; font-size: 20.0px; height: 100%; text-transform: uppercase; width: 100%; color: var(--active-color, var(--color_20)); } [id^="TEXT-3b7u4xe6"] .x-text:hover, .--clone-TEXT-3b7u4xe6 .x-text:hover, [id^="TEXT-3b7u4xe6"] a:hover, .--clone-TEXT-3b7u4xe6 a:hover { } #LINE-6ng774ka { --width: 40.840635834264674%;align-self: end;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;height: auto;justify-self: start;margin-bottom: 7.95831298828125px;margin-left: 0.6565425337555679%;width: 40.840635834264674%; height: auto; } #LINE-6ng774ka .line-container { border-color: var(--color_21); border-style: solid; border-width: 2.0px; } #LINE-f34142k4 { --width: 55.331994142822914%;align-self: end;grid-column-end: 4;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;height: auto;justify-self: end;margin-bottom: 6.9375px;margin-right: 5.663142030560756%;width: 55.331994142822914%; height: auto; } #LINE-f34142k4 .line-container { border-color: var(--color_01); border-style: solid; border-width: 1.0px; } #TAGS-6johndtj { --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.010456085205078123px;width: 100%; -webkit-text-stroke: 0px rgba(0, 0, 0, 1); font-family: 'work san', sans-serif; font-size: 13.0px; item-background: var(--color_01); item-background-active: var(--color_21); item-background-hover: var(--color_21); item-border-color: #00000000; item-padding-x: 13; item-padding-y: 6; item-text-color: var(--color_20); item-text-color-active: var(--color_00); item-text-color-hover: var(--color_00); } #TAGS-6johndtj .x-tags-wrapper { display: flex; flex-wrap: wrap; row-gap: 10px; column-gap: 10px; } #TAGS-6johndtj .x-tag-item { cursor: pointer; white-space: nowrap; border-style: solid; user-select: none; border-width: 1px; border-color: #00000000; background: var(--color_01); padding: 6px 13px; color: var(--color_20); } #TAGS-6johndtj .x-tag-item:not(.active):hover { border-color: #00000000; background: var(--color_21); color: var(--color_00); } #TAGS-6johndtj .x-tag-item.active { border-color: #00000000; background: var(--color_21); color: var(--color_00); } #CONTAINER-0glxk7eg { --bg: rgba(255, 255, 255, 0); background: rgba(255, 255, 255, 0); border-color: #e3e3e3; border-radius: 15px 15px 15px 15px; border-style: solid; border-width: 1.0px; --width: 99.71614772932116%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;grid-template-columns: 30px 1fr 30px;grid-template-rows: minmax(30px, max-content) minmax(52px, max-content) minmax(0px, max-content) minmax(30px, max-content);height: auto;justify-self: center;margin-left: calc(0.02146384659541445% * 2);margin-top: -0.0104217529296875px;width: 99.71614772932116%; border: 1px solid #e3e3e3; } [id^="TEXT-cqxt90gt"], .--clone-TEXT-cqxt90gt { font-size: 0px; align-self: start; grid-column-end: 3; grid-column-start: 2; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: end; margin-right: -0.1061700711584395%; margin-top: 0.66668701171875px; width: 99.8938493667894%; } [id^="TEXT-cqxt90gt"] .x-text, [id^="TEXT-cqxt90gt"] .x-text a, .--clone-TEXT-cqxt90gt .x-text, .--clone-TEXT-cqxt90gt .x-text a { --width: 99.8938493667894%; -webkit-text-stroke: 0px #000000ff; color: var(--color_20); font: var(--font_6); font-family: 'Work Sans', sans-serif; font-size: 20.0px; height: 100%; text-transform: uppercase; width: 100%; color: var(--active-color, var(--color_20)); } [id^="TEXT-cqxt90gt"] .x-text:hover, .--clone-TEXT-cqxt90gt .x-text:hover, [id^="TEXT-cqxt90gt"] a:hover, .--clone-TEXT-cqxt90gt a:hover { } #LINE-zucxujvn { --width: 29.81382603993004%;align-self: end;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;height: auto;justify-self: start;margin-bottom: 8.625px;margin-left: 0.5103467561521252%;width: 29.81382603993004%; height: auto; } #LINE-zucxujvn .line-container { border-color: var(--color_21); border-style: solid; border-width: 2.0px; } #LINE-fxirzuo5 { --width: 70.02102977662616%;align-self: end;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;height: auto;justify-self: end;margin-bottom: 7.9375px;margin-right: -0.5136579040293386%;width: 70.02102977662616%; height: auto; } #LINE-fxirzuo5 .line-container { border-color: var(--color_01); border-style: solid; border-width: 1.0px; } #MENU-9h17iwlw { --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%; --active-link-color: var(--color_21); } #MENU-9h17iwlw .x-rect { --pad-y: 10px; -webkit-text-stroke: 0px #000000ff; background: #ffffff; color: #656565; font-family: 'Work Sans', sans-serif; font-size: 15.0px; font-weight: 400; justify-content: flex-start; } #MENU-9h17iwlw > ul { background: #ffffff; justify-content: flex-start; align-items: flex-start; height: auto; border-radius: inherit; } #MENU-9h17iwlw > ul > .menu-item .tag-link { --pad-y: 10px; -webkit-text-stroke: 0px #000000ff; background: #ffffff; color: #656565; font-family: 'Work Sans', sans-serif; font-size: 15.0px; font-weight: 400; justify-content: flex-start; } #MENU-9h17iwlw > ul > .menu-item.menu-item-active-link .tag-link { color: var(--active-link-color); } #MENU-9h17iwlw > ul > .menu-item:not(:first-child) { } #MENU-9h17iwlw ul li .tag-link { border-style: none none none none; } #MENU-9h17iwlw ul li .tag-link:hover, #MENU-9h17iwlw ul li > a:hover { color: var(--color_21) !important; background: var(--color_00); border-style: none none none none; } #MENU-ITEM-y1h27bye > a, #MENU-ITEM-y1h27bye > div { } #MENU-ITEM-ujwmks6k > a, #MENU-ITEM-ujwmks6k > div { } #MENU-ITEM-k9qwiaop > a, #MENU-ITEM-k9qwiaop > div { } #CONTAINER-5np8jux8 { --bg: rgba(255, 255, 255, 0); background: rgba(255, 255, 255, 0); border-color: #e3e3e3; border-radius: 15px 15px 15px 15px; border-style: solid; border-width: 1.0px; --width: 99.97957430377352%;align-self: start;grid-column-end: 2;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(52px, max-content) minmax(0px, max-content) minmax(30px, max-content);height: auto;justify-self: start;margin-left: 0%;margin-top: -0.15625px;width: 99.97957430377352%; border: 1px solid #e3e3e3; } [id^="TEXT-ummo794v"], .--clone-TEXT-ummo794v { font-size: 0px; align-self: start; grid-column-end: 3; grid-column-start: 2; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: end; margin-right: -0.1061700711584395%; margin-top: 0.66668701171875px; width: 99.8938493667894%; } [id^="TEXT-ummo794v"] .x-text, [id^="TEXT-ummo794v"] .x-text a, .--clone-TEXT-ummo794v .x-text, .--clone-TEXT-ummo794v .x-text a { --width: 99.8938493667894%; -webkit-text-stroke: 0px #000000ff; color: var(--color_20); font: var(--font_6); font-family: 'Work Sans', sans-serif; font-size: 20.0px; height: 100%; text-transform: uppercase; width: 100%; color: var(--active-color, var(--color_20)); } [id^="TEXT-ummo794v"] .x-text:hover, .--clone-TEXT-ummo794v .x-text:hover, [id^="TEXT-ummo794v"] a:hover, .--clone-TEXT-ummo794v a:hover { } #LINE-osv3hdx1 { --width: 40.840635834264674%;align-self: end;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;height: auto;justify-self: start;margin-bottom: 7.95831298828125px;margin-left: 0.6565425337555679%;width: 40.840635834264674%; height: auto; } #LINE-osv3hdx1 .line-container { border-color: var(--color_21); border-style: solid; border-width: 2.0px; } #LINE-w96r0t8b { --width: 55.331994142822914%;align-self: end;grid-column-end: 4;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;height: auto;justify-self: end;margin-bottom: 6.9375px;margin-right: 5.663142030560756%;width: 55.331994142822914%; height: auto; } #LINE-w96r0t8b .line-container { border-color: var(--color_01); border-style: solid; border-width: 1.0px; } #POST-LIST-18ooxizh { --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%; } #POST-LIST-18ooxizh .post-list__content { ; } #POST-LIST-18ooxizh .post-list__wrapper { gap: 15px; grid-template-columns: repeat(1, 1fr); } #POST-LIST-18ooxizh post-list-item { border-color: #000; border-radius: 0px; overflow: hidden; } #POST-LIST-18ooxizh .post-list__thumbnail { width: 40%; } #POST-LIST-18ooxizh .post-list__container { padding-bottom: calc(100% / (4/3)); } #POST-LIST-18ooxizh .post-list__inner img { object-fit: cover; border-radius: 10px; } #POST-LIST-18ooxizh .post-list__overlay { display: none; } #POST-LIST-18ooxizh .post-list__content { text-align: left; padding-left: 9px; padding-right: 9px; padding-top: 18px; padding-bottom: 18px; background: #ffffff00; justify-content: unset; } #POST-LIST-18ooxizh .post-list__title { -webkit-line-clamp: 2; color: var(--color_20); font-size: 15px; font-family: 'Vast Shadow', sans-serif; margin-top: 0px; } #POST-LIST-18ooxizh .post-list__description { -webkit-line-clamp: 4; font-family: 'work san', sans-serif; display: none; margin-top: 0px; } #POST-LIST-18ooxizh .post-list__publish_date { color: #656565; font-family: 'work san', sans-serif; margin-top: 0px; } #POST-LIST-18ooxizh .post-list__category { width: 100%; display: none; padding-top: 0px; text-align: left; } #POST-LIST-18ooxizh .post-list__read-button { display: none; color: #ffffff; background: #108B67; margin-right: auto; width: 186px; height: 34px; border-radius: 0px; } #POST-OVERLAY-md83loud { width: 100%; height: 100%; grid-template-columns: 1fr; grid-template-rows: minmax(0px, 1fr); column-gap: 0px; row-gap: 0px; } #POST-OVERLAY-hxtj8403 { width: 100%; height: 100%; grid-template-columns: 1fr; grid-template-rows: minmax(0px, 1fr); column-gap: 0px; row-gap: 0px; } #CONTAINER-qj7k4lwe { --bg: rgba(255, 255, 255, 0); background: rgba(255, 255, 255, 0); border-color: #000000ff; --width: 25.06489596524081%;align-self: center;grid-column-end: 3;grid-column-start: 2;grid-row-end: 2;grid-row-start: 1;grid-template-columns: 21px 1.202fr;grid-template-rows: minmax(22.71875px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 25.06489596524081%; border: #000000ff; } #RECT-1esjz9sl { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: 14px; justify-self: start; margin-bottom: calc(0.109375px * 2); margin-left: 0px; width: 14px; } #RECT-1esjz9sl .x-rect { --width: 14px; background: var(--color_02); 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, var(--color_02)); } #RECT-1esjz9sl::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; } [id^="TEXT-zl5rcgjz"], .--clone-TEXT-zl5rcgjz { font-size: 0px; align-self: start; grid-column-end: 3; grid-column-start: 2; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: -0.21875px; width: 100%; } [id^="TEXT-zl5rcgjz"] .x-text, [id^="TEXT-zl5rcgjz"] .x-text a, .--clone-TEXT-zl5rcgjz .x-text, .--clone-TEXT-zl5rcgjz .x-text a { --width: 100%; -webkit-text-stroke: 0px #000000ff; color: var(--color_02); font: var(--font_6); font-family: 'Work Sans', sans-serif; font-size: 16.0px; height: 100%; width: 100%; color: var(--active-color, var(--color_02)); } [id^="TEXT-zl5rcgjz"] .x-text:hover, .--clone-TEXT-zl5rcgjz .x-text:hover, [id^="TEXT-zl5rcgjz"] a:hover, .--clone-TEXT-zl5rcgjz a:hover { } #POPUP-WISHLIST { --top: 0px; top: var(--top); --right: 0; right: var(--right); background: #ffffff; overflow-x: hidden; overflow-y: auto; width: 432px; height: 100%; grid-template-columns: 1fr; grid-template-rows: minmax(720px, 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-WISHLIST.anim { --width: 432px; animation: slide-right 0.2s ease; } #WISHLIST-CONTAINER-j5wwmh4p { --width: 400px;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: 39.765625px;width: 400px; background: rgba(255, 255, 255, 0); border-color: #000000ff; } #WISHLIST-ITEM-qev1wjm0 { --width: 100%;align-self: start;column-gap: 8px;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;grid-template-columns: 120px 1fr;grid-template-rows: minmax(40px, max-content) minmax(40px, max-content) minmax(40px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: 0px;row-gap: 8px;width: 100%; background: rgba(255, 255, 255, 0); border-color: #000000ff; } [id^="TEXT-DATASET-xxije6wb"], .--clone-TEXT-DATASET-xxije6wb { font-size: 0px; align-self: start; grid-column-end: 3; grid-column-start: 2; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: start; margin-left: 0%; margin-top: 0.140625px; width: 100%; } [id^="TEXT-DATASET-xxije6wb"] .x-text, [id^="TEXT-DATASET-xxije6wb"] .x-text a, .--clone-TEXT-DATASET-xxije6wb .x-text, .--clone-TEXT-DATASET-xxije6wb .x-text a { --width: 100%; -webkit-text-stroke: 0px #000000ff; border-color: #000000ff; color: #000000ff; font-size: 14.0px; height: 100%; width: 100%; color: var(--active-color, #000000ff); } [id^="TEXT-DATASET-xxije6wb"] .x-text:hover, .--clone-TEXT-DATASET-xxije6wb .x-text:hover, [id^="TEXT-DATASET-xxije6wb"] a:hover, .--clone-TEXT-DATASET-xxije6wb a:hover { } [id^="TEXT-DATASET-zcal3ax3"], .--clone-TEXT-DATASET-zcal3ax3 { font-size: 0px; align-self: start; grid-column-end: 3; grid-column-start: 2; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: start; margin-left: 0%; margin-top: 0px; width: 100%; } [id^="TEXT-DATASET-zcal3ax3"] .x-text, [id^="TEXT-DATASET-zcal3ax3"] .x-text a, .--clone-TEXT-DATASET-zcal3ax3 .x-text, .--clone-TEXT-DATASET-zcal3ax3 .x-text a { --width: 100%; -webkit-text-stroke: 0px #000000ff; border-color: #000000ff; color: #000000ff; font-size: 16.0px; height: 100%; width: 100%; color: var(--active-color, #000000ff); } [id^="TEXT-DATASET-zcal3ax3"] .x-text:hover, .--clone-TEXT-DATASET-zcal3ax3 .x-text:hover, [id^="TEXT-DATASET-zcal3ax3"] a:hover, .--clone-TEXT-DATASET-zcal3ax3 a:hover { } #IMAGE-DATASET-e713ym6k { --width: 120px;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 4;grid-row-start: 1;height: 120px;justify-self: center;margin-left: calc(0% * 2);margin-top: 0px;width: 120px; } #IMAGE-DATASET-e713ym6k picture, #IMAGE-DATASET-e713ym6k img { border-color: #000000ff; } #IMAGE-DATASET-e713ym6k img { object-fit: cover; } #BUTTON-jymd64oc { align-self: start; grid-column-end: 3; grid-column-start: 2; grid-row-end: 4; grid-row-start: 3; height: 24px; justify-self: end; margin-right: 0%; margin-top: 0px; width: 50px; } #BUTTON-jymd64oc .x-button-wrapper { --width: 50px; -webkit-text-stroke: 0px #000000ff; background: rgba(24, 24, 24, 1); border-color: #000000ff; color: #ffffffff; font-size: 14.0px; height: 100%; text-align: center; width: 100%; border: ; color: var(--active-color, #ffffffff); } #BUTTON-jymd64oc[disabled=true] { display: none; } #WISHLIST-EMPTY-j3up149i { --width: 100%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;grid-template-columns: 1fr;grid-template-rows: minmax(110px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: 0px;width: 100%; background: rgba(255, 255, 255, 0); border-color: #000000ff; } [id^="TEXT-o2jnlbzs"], .--clone-TEXT-o2jnlbzs { font-size: 0px; align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: 0px; width: 100%; } [id^="TEXT-o2jnlbzs"] .x-text, [id^="TEXT-o2jnlbzs"] .x-text a, .--clone-TEXT-o2jnlbzs .x-text, .--clone-TEXT-o2jnlbzs .x-text a { --width: 100%; -webkit-text-stroke: 0px #000000ff; color: var(--font_color_7); font: var(--font_7); height: 100%; text-align: center; width: 100%; color: var(--active-color, var(--font_color_7)); } [id^="TEXT-o2jnlbzs"] .x-text:hover, .--clone-TEXT-o2jnlbzs .x-text:hover, [id^="TEXT-o2jnlbzs"] a:hover, .--clone-TEXT-o2jnlbzs a:hover { } #BUTTON-yfl86mkn { align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: 46px; justify-self: center; margin-left: calc(0% * 2); margin-top: 50.28125px; width: 204.953125px; } #BUTTON-yfl86mkn .x-button-wrapper { --width: 204.953125px; -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-yfl86mkn[disabled=true] { display: none; } #POPUP-WISHLIST-HEADER { --bg: rgba(255, 255, 255, 1); background: rgba(255, 255, 255, 1); border-color: #ffffff; --width: 100%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;grid-template-columns: 1fr;grid-template-rows: minmax(40px, max-content);height: 40px;justify-self: center;margin-left: calc(0% * 2);margin-top: 0px;position: sticky;top: 0px;width: 100%; border: #ffffff; } #POPUP-WISHLIST-CLOSE-BUTTON { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: 16.2890625px; justify-self: end; margin-bottom: calc(0.85546875px * 2); margin-right: 3.2407407407407405%; width: 16px; } #POPUP-WISHLIST-CLOSE-BUTTON .x-rect { --width: 16px; 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); } #POPUP-WISHLIST-CLOSE-BUTTON::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; } [id^="POPUP-WISHLIST-TITLE"], .--clone-POPUP-WISHLIST-TITLE { font-size: 0px; align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: start; margin-left: 12.6171875px; margin-top: calc(0.5px * 2); width: 57.33145254629629%; } [id^="POPUP-WISHLIST-TITLE"] .x-text, [id^="POPUP-WISHLIST-TITLE"] .x-text a, .--clone-POPUP-WISHLIST-TITLE .x-text, .--clone-POPUP-WISHLIST-TITLE .x-text a { --width: 57.33145254629629%; -webkit-text-stroke: 0px #000000ff; color: var(--font_color_6); font: var(--font_6); height: 100%; width: 100%; color: var(--active-color, var(--font_color_6)); } [id^="POPUP-WISHLIST-TITLE"] .x-text:hover, .--clone-POPUP-WISHLIST-TITLE .x-text:hover, [id^="POPUP-WISHLIST-TITLE"] a:hover, .--clone-POPUP-WISHLIST-TITLE a:hover { } #POPUP-31egcs9c { --top: 50%; top: var(--top); --left: 50%; left: var(--left); transform: translate(-50%, -50%); background: #ffffff; width: 600px; height: auto; grid-template-columns: 30px 1fr 30px; grid-template-rows: minmax(60px, max-content) minmax(25px, max-content) minmax(100px, max-content) minmax(50px, 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-31egcs9c.anim { --width: 600px; animation: zoom-out 0.6s ease; } #RECT-o2vcn4c7 { align-self: center; grid-column-end: 4; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: 70px; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 100%; } #RECT-o2vcn4c7 .x-rect { --width: 100%; background: #f5f5f5; border-color: #000000ff; height: 100%; width: 100%; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0iY3VycmVudENvbG9yIi8+PC9zdmc+); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; border: ; background: var(--active-color, #f5f5f5); } #RECT-o2vcn4c7::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-567pxrs7 { align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 2; grid-row-start: 1; height: 19.6875px; justify-self: end; margin-right: 0%; margin-top: calc(0px * 2); width: 19.572917938232425px; } #RECT-567pxrs7 .x-rect { --width: 19.572917938232425px; background: var(--color_02); 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, var(--color_02)); } #RECT-567pxrs7::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; } [id^="TEXT-oms8mk6g"], .--clone-TEXT-oms8mk6g { font-size: 0px; align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: start; margin-left: 0%; margin-top: calc(2.53125px * 2); width: 90%; } [id^="TEXT-oms8mk6g"] .x-text, [id^="TEXT-oms8mk6g"] .x-text a, .--clone-TEXT-oms8mk6g .x-text, .--clone-TEXT-oms8mk6g .x-text a { --width: 90%; -webkit-text-stroke: 0px #000000ff; color: var(--color_20); font: var(--font_6); font-family: 'work san bold', sans-serif; font-size: 16.0px; font-weight: 700; height: 100%; text-transform: uppercase; width: 100%; color: var(--active-color, var(--color_20)); } [id^="TEXT-oms8mk6g"] .x-text:hover, .--clone-TEXT-oms8mk6g .x-text:hover, [id^="TEXT-oms8mk6g"] a:hover, .--clone-TEXT-oms8mk6g a:hover { } #CONTAINER-kg35gkx8 { --bg: rgba(255, 255, 255, 0); background: rgba(255, 255, 255, 0); border-color: var(--color_01); border-style: solid; border-width: 1.0px; --width: 100%;align-self: center;grid-column-end: 3;grid-column-start: 2;grid-row-end: 4;grid-row-start: 3;grid-template-columns: 180px 1fr;grid-template-rows: minmax(91px, max-content) minmax(110px, max-content) minmax(130px, max-content) minmax(110px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 100%; border: 1px solid var(--color_01); } [id^="TEXT-v0p7gdrr"], .--clone-TEXT-v0p7gdrr { font-size: 0px; align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: center; margin-bottom: calc(9.5367431640625e-6px * 2); margin-left: calc(0% * 2); width: 100%; } [id^="TEXT-v0p7gdrr"] .x-text, [id^="TEXT-v0p7gdrr"] .x-text a, .--clone-TEXT-v0p7gdrr .x-text, .--clone-TEXT-v0p7gdrr .x-text a { --width: 100%; -webkit-text-stroke: 0px #000000ff; color: var(--color_20); font: var(--font_6); font-size: 15.0px; font-weight: 700; height: 100%; text-align: center; text-transform: initial; width: 100%; color: var(--active-color, var(--color_20)); } [id^="TEXT-v0p7gdrr"] .x-text:hover, .--clone-TEXT-v0p7gdrr .x-text:hover, [id^="TEXT-v0p7gdrr"] a:hover, .--clone-TEXT-v0p7gdrr a:hover { } [id^="TEXT-zn5kd9qe"], .--clone-TEXT-zn5kd9qe { font-size: 0px; align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 100%; } [id^="TEXT-zn5kd9qe"] .x-text, [id^="TEXT-zn5kd9qe"] .x-text a, .--clone-TEXT-zn5kd9qe .x-text, .--clone-TEXT-zn5kd9qe .x-text a { --width: 100%; -webkit-text-stroke: 0px #000000ff; color: var(--color_20); font: var(--font_6); font-size: 15.0px; font-weight: 700; height: 100%; text-align: center; text-transform: initial; width: 100%; color: var(--active-color, var(--color_20)); } [id^="TEXT-zn5kd9qe"] .x-text:hover, .--clone-TEXT-zn5kd9qe .x-text:hover, [id^="TEXT-zn5kd9qe"] a:hover, .--clone-TEXT-zn5kd9qe a:hover { } [id^="TEXT-ve6s121w"], .--clone-TEXT-ve6s121w { font-size: 0px; align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 90%; } [id^="TEXT-ve6s121w"] .x-text, [id^="TEXT-ve6s121w"] .x-text a, .--clone-TEXT-ve6s121w .x-text, .--clone-TEXT-ve6s121w .x-text a { --width: 90%; -webkit-text-stroke: 0px #000000ff; color: var(--color_20); font: var(--font_6); font-family: 'work san', sans-serif; font-size: 15.0px; font-weight: 400; height: 100%; line-height: 1.6; text-align: left; text-transform: initial; width: 100%; color: var(--active-color, var(--color_20)); } [id^="TEXT-ve6s121w"] .x-text:hover, .--clone-TEXT-ve6s121w .x-text:hover, [id^="TEXT-ve6s121w"] a:hover, .--clone-TEXT-ve6s121w a:hover { } [id^="TEXT-s09metaa"], .--clone-TEXT-s09metaa { font-size: 0px; align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 90%; } [id^="TEXT-s09metaa"] .x-text, [id^="TEXT-s09metaa"] .x-text a, .--clone-TEXT-s09metaa .x-text, .--clone-TEXT-s09metaa .x-text a { --width: 90%; -webkit-text-stroke: 0px #000000ff; color: var(--color_20); font: var(--font_6); font-family: 'work san', sans-serif; font-size: 15.0px; font-weight: 400; height: 100%; line-height: 1.6; text-align: left; text-transform: initial; width: 100%; color: var(--active-color, var(--color_20)); } [id^="TEXT-s09metaa"] .x-text:hover, .--clone-TEXT-s09metaa .x-text:hover, [id^="TEXT-s09metaa"] a:hover, .--clone-TEXT-s09metaa a:hover { } [id^="TEXT-d2tfecjx"], .--clone-TEXT-d2tfecjx { font-size: 0px; align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 4; grid-row-start: 3; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(2.09808349609375e-5px * 2); width: 100%; } [id^="TEXT-d2tfecjx"] .x-text, [id^="TEXT-d2tfecjx"] .x-text a, .--clone-TEXT-d2tfecjx .x-text, .--clone-TEXT-d2tfecjx .x-text a { --width: 100%; -webkit-text-stroke: 0px #000000ff; color: var(--color_20); font: var(--font_6); font-size: 15.0px; font-weight: 700; height: 100%; text-align: center; text-transform: initial; width: 100%; color: var(--active-color, var(--color_20)); } [id^="TEXT-d2tfecjx"] .x-text:hover, .--clone-TEXT-d2tfecjx .x-text:hover, [id^="TEXT-d2tfecjx"] a:hover, .--clone-TEXT-d2tfecjx a:hover { } [id^="TEXT-sdbk21va"], .--clone-TEXT-sdbk21va { font-size: 0px; 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: 90%; } [id^="TEXT-sdbk21va"] .x-text, [id^="TEXT-sdbk21va"] .x-text a, .--clone-TEXT-sdbk21va .x-text, .--clone-TEXT-sdbk21va .x-text a { --width: 90%; -webkit-text-stroke: 0px #000000ff; color: var(--color_20); font: var(--font_6); font-family: 'work san', sans-serif; font-size: 15.0px; font-weight: 400; height: 100%; line-height: 1.6; text-align: left; text-transform: initial; width: 100%; color: var(--active-color, var(--color_20)); } [id^="TEXT-sdbk21va"] .x-text:hover, .--clone-TEXT-sdbk21va .x-text:hover, [id^="TEXT-sdbk21va"] a:hover, .--clone-TEXT-sdbk21va a:hover { } [id^="TEXT-8d8cjutz"], .--clone-TEXT-8d8cjutz { font-size: 0px; align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 5; grid-row-start: 4; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: 32.79170608520508px; width: 100%; } [id^="TEXT-8d8cjutz"] .x-text, [id^="TEXT-8d8cjutz"] .x-text a, .--clone-TEXT-8d8cjutz .x-text, .--clone-TEXT-8d8cjutz .x-text a { --width: 100%; -webkit-text-stroke: 0px #000000ff; color: var(--color_20); font: var(--font_6); font-size: 15.0px; font-weight: 700; height: 100%; text-align: center; text-transform: initial; width: 100%; color: var(--active-color, var(--color_20)); } [id^="TEXT-8d8cjutz"] .x-text:hover, .--clone-TEXT-8d8cjutz .x-text:hover, [id^="TEXT-8d8cjutz"] a:hover, .--clone-TEXT-8d8cjutz a:hover { } [id^="TEXT-nojlygry"], .--clone-TEXT-nojlygry { font-size: 0px; align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 5; grid-row-start: 4; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 90%; } [id^="TEXT-nojlygry"] .x-text, [id^="TEXT-nojlygry"] .x-text a, .--clone-TEXT-nojlygry .x-text, .--clone-TEXT-nojlygry .x-text a { --width: 90%; -webkit-text-stroke: 0px #000000ff; color: var(--color_20); font: var(--font_6); font-family: 'work san', sans-serif; font-size: 15.0px; font-weight: 400; height: 100%; line-height: 1.6; text-align: left; text-transform: initial; width: 100%; color: var(--active-color, var(--color_20)); } [id^="TEXT-nojlygry"] .x-text:hover, .--clone-TEXT-nojlygry .x-text:hover, [id^="TEXT-nojlygry"] a:hover, .--clone-TEXT-nojlygry a:hover { } #LINE-o9tt0ft5 { --width: 100%;align-self: end;grid-column-end: 3;grid-column-start: 1;grid-row-end: 4;grid-row-start: 3;height: auto;justify-self: center;margin-bottom: 0px;margin-left: calc(0% * 2);width: 100%; height: auto; } #LINE-o9tt0ft5 .line-container { border-color: var(--color_01); border-style: solid; border-width: 1.0px; } #LINE-dteo954v { --width: 100%;align-self: end;grid-column-end: 3;grid-column-start: 1;grid-row-end: 3;grid-row-start: 2;height: auto;justify-self: center;margin-bottom: 0px;margin-left: calc(0% * 2);width: 100%; height: auto; } #LINE-dteo954v .line-container { border-color: #e3e3e3; border-style: solid; border-width: 1.0px; } #LINE-cr5m77e3 { --width: 100%;align-self: end;grid-column-end: 3;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-cr5m77e3 .line-container { border-color: var(--color_01); border-style: solid; border-width: 1.0px; } #POPUP-r0cugj9k { --top: 50%; top: var(--top); --left: 50%; left: var(--left); transform: translate(-50%, -50%); background: #ffffff; width: 600px; height: auto; grid-template-columns: 30px 1fr 30px; grid-template-rows: minmax(60px, max-content) minmax(0px, max-content) minmax(50px, 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-r0cugj9k.anim { --width: 600px; animation: zoom-out 0.6s ease; } #RECT-4rmzbtgx { align-self: center; grid-column-end: 4; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: 70px; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 100%; } #RECT-4rmzbtgx .x-rect { --width: 100%; background: #f5f5f5; border-color: #000000ff; height: 100%; width: 100%; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0iY3VycmVudENvbG9yIi8+PC9zdmc+); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; border: ; background: var(--active-color, #f5f5f5); } #RECT-4rmzbtgx::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-qugxwic6 { align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 2; grid-row-start: 1; height: 19.6875px; justify-self: end; margin-right: 0%; margin-top: calc(0px * 2); width: 19.572917938232425px; } #RECT-qugxwic6 .x-rect { --width: 19.572917938232425px; background: var(--color_02); 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, var(--color_02)); } #RECT-qugxwic6::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; } [id^="TEXT-c7uc6l06"], .--clone-TEXT-c7uc6l06 { font-size: 0px; align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: start; margin-left: 0%; margin-top: calc(2.53125px * 2); width: 38.333333333333336%; } [id^="TEXT-c7uc6l06"] .x-text, [id^="TEXT-c7uc6l06"] .x-text a, .--clone-TEXT-c7uc6l06 .x-text, .--clone-TEXT-c7uc6l06 .x-text a { --width: 38.333333333333336%; -webkit-text-stroke: 0px #000000ff; color: var(--color_20); font: var(--font_6); font-family: 'work san bold', sans-serif; font-size: 16.0px; font-weight: 700; height: 100%; text-transform: uppercase; width: 100%; color: var(--active-color, var(--color_20)); } [id^="TEXT-c7uc6l06"] .x-text:hover, .--clone-TEXT-c7uc6l06 .x-text:hover, [id^="TEXT-c7uc6l06"] a:hover, .--clone-TEXT-c7uc6l06 a:hover { } #CONTAINER-f6spl06o { --bg: rgba(255, 255, 255, 0); background: rgba(255, 255, 255, 0); 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(35px, max-content) minmax(0px, max-content) minmax(35px, max-content) minmax(35px, max-content) minmax(0px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: 0px;width: 100%; border: #000000ff; } [id^="TEXT-ayl5nnaa"], .--clone-TEXT-ayl5nnaa { font-size: 0px; align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 100%; } [id^="TEXT-ayl5nnaa"] .x-text, [id^="TEXT-ayl5nnaa"] .x-text a, .--clone-TEXT-ayl5nnaa .x-text, .--clone-TEXT-ayl5nnaa .x-text a { --width: 100%; -webkit-text-stroke: 0px #000000ff; color: var(--color_20); font: var(--font_6); font-size: 15.0px; font-weight: 700; height: 100%; width: 100%; color: var(--active-color, var(--color_20)); } [id^="TEXT-ayl5nnaa"] .x-text:hover, .--clone-TEXT-ayl5nnaa .x-text:hover, [id^="TEXT-ayl5nnaa"] a:hover, .--clone-TEXT-ayl5nnaa a:hover { } [id^="TEXT-hz3sw1f2"], .--clone-TEXT-hz3sw1f2 { font-size: 0px; align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 5; grid-row-start: 4; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 100%; } [id^="TEXT-hz3sw1f2"] .x-text, [id^="TEXT-hz3sw1f2"] .x-text a, .--clone-TEXT-hz3sw1f2 .x-text, .--clone-TEXT-hz3sw1f2 .x-text a { --width: 100%; -webkit-text-stroke: 0px #000000ff; color: var(--color_20); font: var(--font_6); font-size: 15.0px; font-weight: 700; height: 100%; width: 100%; color: var(--active-color, var(--color_20)); } [id^="TEXT-hz3sw1f2"] .x-text:hover, .--clone-TEXT-hz3sw1f2 .x-text:hover, [id^="TEXT-hz3sw1f2"] a:hover, .--clone-TEXT-hz3sw1f2 a:hover { } [id^="TEXT-s43n1ni7"], .--clone-TEXT-s43n1ni7 { font-size: 0px; align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 100%; } [id^="TEXT-s43n1ni7"] .x-text, [id^="TEXT-s43n1ni7"] .x-text a, .--clone-TEXT-s43n1ni7 .x-text, .--clone-TEXT-s43n1ni7 .x-text a { --width: 100%; -webkit-text-stroke: 0px #000000ff; color: var(--color_20); font: var(--font_6); font-family: 'work san', sans-serif; font-size: 15.0px; font-weight: 400; height: 100%; line-height: 1.6; text-align: left; text-transform: initial; width: 100%; color: var(--active-color, var(--color_20)); } [id^="TEXT-s43n1ni7"] .x-text:hover, .--clone-TEXT-s43n1ni7 .x-text:hover, [id^="TEXT-s43n1ni7"] a:hover, .--clone-TEXT-s43n1ni7 a:hover { } [id^="TEXT-k9m37w3r"], .--clone-TEXT-k9m37w3r { font-size: 0px; align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 6; grid-row-start: 5; height: auto; justify-self: end; margin-right: -0.1832637080439604%; margin-top: -0.22916793823242188px; width: 99.99999999999996%; } [id^="TEXT-k9m37w3r"] .x-text, [id^="TEXT-k9m37w3r"] .x-text a, .--clone-TEXT-k9m37w3r .x-text, .--clone-TEXT-k9m37w3r .x-text a { --width: 99.99999999999996%; -webkit-text-stroke: 0px #000000ff; color: var(--color_20); font: var(--font_6); font-family: 'work san', sans-serif; font-size: 15.0px; font-weight: 400; height: 100%; line-height: 1.6; text-align: left; text-transform: initial; width: 100%; color: var(--active-color, var(--color_20)); } [id^="TEXT-k9m37w3r"] .x-text:hover, .--clone-TEXT-k9m37w3r .x-text:hover, [id^="TEXT-k9m37w3r"] a:hover, .--clone-TEXT-k9m37w3r a:hover { } #POPUP-dd6l518e { --top: 0px; top: var(--top); --left: 0; left: var(--left); background: #ffffff; overflow-x: hidden; overflow-y: scroll; width: 50%; height: 100%; grid-template-columns: 20px 1fr 20px; grid-template-rows: minmax(60px, max-content) minmax(10px, max-content) minmax(0px, 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-dd6l518e.anim { --width: 50%; } #CONTAINER-7qhq7ax7 { --bg: rgba(255, 255, 255, 0); background: rgba(255, 255, 255, 0); border-color: #000000ff; --width: 100.1031747641274%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 4;grid-row-start: 3;grid-template-columns: 1fr;grid-template-rows: minmax(0px, max-content) minmax(30px, max-content) minmax(0px, max-content);height: auto;justify-self: end;margin-right: -0.10317476412739617%;margin-top: 0px;width: 100.1031747641274%; border: #000000ff; } #CONTAINER-7hrisyva { --bg: rgba(255, 255, 255, 0); background: rgba(255, 255, 255, 0); border-color: #e3e3e3; border-radius: 15px 15px 15px 15px; border-style: solid; border-width: 1.0px; --width: 99.7368029533392%;align-self: end;grid-column-end: 2;grid-column-start: 1;grid-row-end: 4;grid-row-start: 3;grid-template-columns: 20px 1fr 20px;grid-template-rows: minmax(30px, max-content) minmax(52px, max-content) minmax(0px, max-content) minmax(30px, max-content);height: auto;justify-self: end;margin-bottom: 1.52587890625e-5px;margin-right: 0%;width: 99.7368029533392%; border: 1px solid #e3e3e3; } [id^="TEXT-f81uigaz"], .--clone-TEXT-f81uigaz { font-size: 0px; align-self: start; grid-column-end: 3; grid-column-start: 2; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: end; margin-right: -0.1061700711584395%; margin-top: 0.66668701171875px; width: 99.8938493667894%; } [id^="TEXT-f81uigaz"] .x-text, [id^="TEXT-f81uigaz"] .x-text a, .--clone-TEXT-f81uigaz .x-text, .--clone-TEXT-f81uigaz .x-text a { --width: 99.8938493667894%; -webkit-text-stroke: 0px #000000ff; color: var(--color_20); font: var(--font_6); font-family: 'Work Sans', sans-serif; font-size: 15.0px; height: 100%; text-transform: uppercase; width: 100%; color: var(--active-color, var(--color_20)); } [id^="TEXT-f81uigaz"] .x-text:hover, .--clone-TEXT-f81uigaz .x-text:hover, [id^="TEXT-f81uigaz"] a:hover, .--clone-TEXT-f81uigaz a:hover { } #LINE-vzoq4vq4 { --width: 35.76788063130308%;align-self: end;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;height: auto;justify-self: start;margin-bottom: 9.979156494140623px;margin-left: 0.21232070436902864%;width: 35.76788063130308%; height: auto; } #LINE-vzoq4vq4 .line-container { border-color: var(--color_21); border-style: solid; border-width: 2.0px; } #LINE-fr3vnnri { --width: 63.8535129036873%;align-self: end;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;height: auto;justify-self: end;margin-bottom: 9.9375px;margin-right: 0.04975142752289013%;width: 63.8535129036873%; height: auto; } #LINE-fr3vnnri .line-container { border-color: var(--color_01); border-style: solid; border-width: 1.0px; } #GRID-PRODUCT-4i7swnlg { --width: 100%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 4;grid-row-start: 3;height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: 0px;width: 100%; img{ border: 1px solid #e2e2e2; } } #GRID-PRODUCT-4i7swnlg .grid-product--inner img { object-fit: cover; } #GRID-PRODUCT-4i7swnlg .grid-product--title { line-clamp: 1; -webkit-line-clamp: 1; } #GRID-PRODUCT-4i7swnlg .thumbnail-wrapper { width: 40%;min-width: 40%; } #GRID-PRODUCT-4i7swnlg .grid-product--wrapper { margin-bottom: 12px; } #GRID-PRODUCT-4i7swnlg .empty-product { display: flex; flex-direction: column; align-items: center; justify-content: center; } #GRID-PRODUCT-4i7swnlg .empty-product .empty-product-image { width: 160px; height: 160px; } #GRID-PRODUCT-4i7swnlg .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-4i7swnlg .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-4i7swnlg .grid-product--wrapper { display: grid; column-gap: 10px; row-gap: 15px; grid-template-columns: repeat(1, 1fr); } #GRID-PRODUCT-4i7swnlg .slider-product--item:hover { } #GRID-PRODUCT-4i7swnlg .slider-product--item:hover .product-overlay[data-type="quick-view"] { display: grid; } #GRID-PRODUCT-4i7swnlg .slider-product--item { display: flex; flex-direction: row; border-color: #000; } #GRID-PRODUCT-4i7swnlg .thumbnail-wrapper { padding: 10px; } #GRID-PRODUCT-4i7swnlg .grid-product--inner img { border-radius: 15px; } #GRID-PRODUCT-4i7swnlg .grid-product--info { text-align: left; justify-content: center; align-items: unset } #GRID-PRODUCT-4i7swnlg .grid-product--category { padding: 0px 0px; } #GRID-PRODUCT-4i7swnlg .grid-product--title { font-family: 'Work Sans', sans-serif; font-size: 14px; color: var(--color_20); line-height: 1.5715; min-height: 22.000999999999998px; } #GRID-PRODUCT-4i7swnlg .grid-product--title-wrapper { margin: 0px 0px; } #GRID-PRODUCT-4i7swnlg .grid-product--price { margin-top: 4px; margin-bottom: 4px; } #GRID-PRODUCT-4i7swnlg .grid-product--retail-price, #GRID-PRODUCT-4i7swnlg .grid-product--selling-price { font-family: 'work san bold', sans-serif; color: var(--color_21); margin: 0 0px; } #GRID-PRODUCT-4i7swnlg .grid-product--origin-price { margin: 0 5px; } #GRID-PRODUCT-4i7swnlg .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-4i7swnlg .grid-product--wholesale-price { } #GRID-PRODUCT-4i7swnlg .product--ribbons-wrapper { font-family: 'Roboto', sans-serif; font-weight: ; font-size: 12px; font-style: ; text-decoration: ; color: rgba(255, 255, 255, 1); flex-direction: row; padding: 0px 0px 0px 0px; display: none; } #GRID-PRODUCT-4i7swnlg .product--ribbon { border-radius: 0px; background: rgba(0, 0, 0, 1); border-color: rgba(0, 0, 0, 1); border-width: 0px; background-size: cover; background-attachment: scroll; background-position-x: center; background-position-y: center; background-repeat: no-repeat; filter: ; } #PRODUCT-OVERLAY-8ilc9486 { width: 100%; height: 100%; grid-template-columns: 1fr; grid-template-rows: minmax(0px, 1fr); column-gap: 0px; row-gap: 0px; } #CONTAINER-x8df3i2j { --bg: rgba(255, 255, 255, 0); background: rgba(255, 255, 255, 0); border-color: #e3e3e3; border-radius: 15px 15px 15px 15px; border-style: solid; border-width: 1.0px; --width: 99.7368029533392%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;grid-template-columns: 20px 1fr 20px;grid-template-rows: minmax(30px, max-content) minmax(52px, max-content) minmax(0px, max-content) minmax(30px, max-content);height: auto;justify-self: start;margin-left: 0%;margin-top: 0px;width: 99.7368029533392%; border: 1px solid #e3e3e3; } [id^="TEXT-fofkeap2"], .--clone-TEXT-fofkeap2 { font-size: 0px; align-self: start; grid-column-end: 3; grid-column-start: 2; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: end; margin-right: -0.21232070436902625%; margin-top: -0.979167938232422px; width: 100%; } [id^="TEXT-fofkeap2"] .x-text, [id^="TEXT-fofkeap2"] .x-text a, .--clone-TEXT-fofkeap2 .x-text, .--clone-TEXT-fofkeap2 .x-text a { --width: 100%; -webkit-text-stroke: 0px #000000ff; color: var(--color_20); font: var(--font_6); font-family: 'Work Sans', sans-serif; font-size: 15.0px; height: 100%; text-transform: uppercase; width: 100%; color: var(--active-color, var(--color_20)); } [id^="TEXT-fofkeap2"] .x-text:hover, .--clone-TEXT-fofkeap2 .x-text:hover, [id^="TEXT-fofkeap2"] a:hover, .--clone-TEXT-fofkeap2 a:hover { } #MENU-5q1afdkf { --width: 100%;align-self: end;grid-column-end: 3;grid-column-start: 2;grid-row-end: 4;grid-row-start: 3;height: auto;justify-self: center;margin-bottom: 0px;margin-left: calc(0% * 2);width: 100%; --active-link-color: var(--color_20); } #MENU-5q1afdkf .x-rect { --pad-y: 10px; -webkit-text-stroke: 0px #000000ff; background: #ffffff; color: var(--color_20); font-family: 'work san medium', sans-serif; font-size: 15.0px; font-weight: 400; justify-content: flex-start; } #MENU-5q1afdkf > ul { background: #ffffff; justify-content: flex-start; align-items: flex-start; height: auto; border-radius: inherit; } #MENU-5q1afdkf > ul > .menu-item .tag-link { --pad-y: 10px; -webkit-text-stroke: 0px #000000ff; background: #ffffff; color: var(--color_20); font-family: 'work san medium', sans-serif; font-size: 15.0px; font-weight: 400; justify-content: flex-start; } #MENU-5q1afdkf > ul > .menu-item.menu-item-active-link .tag-link { color: var(--active-link-color); } #MENU-5q1afdkf > ul > .menu-item:not(:first-child) { } #MENU-5q1afdkf ul li .tag-link { border-style: none none none none; } #MENU-5q1afdkf ul li .tag-link:hover, #MENU-5q1afdkf ul li > a:hover { color: var(--color_21) !important; background: var(--color_00); border-style: none none none none; } #MENU-ITEM-7exa81br > a, #MENU-ITEM-7exa81br > div { } #MENU-ITEM-1hjatisv > a, #MENU-ITEM-1hjatisv > div { } #MENU-ITEM-qtzcx9is > a, #MENU-ITEM-qtzcx9is > div { } #MENU-ITEM-91vgfbor > a, #MENU-ITEM-91vgfbor > div { } #MENU-ITEM-1hn9n3nk > a, #MENU-ITEM-1hn9n3nk > div { } #MENU-ITEM-uxnrky6m > a, #MENU-ITEM-uxnrky6m > div { } #SUBMENU-bnmenwq7 { width: 100%; height: auto; grid-template-columns: 1fr; grid-template-rows: minmax(146px, max-content); column-gap: 0px; row-gap: 0px; background: rgba(255, 255, 255, 1); } .vertical-menu #MENU-ITEM-uxnrky6m.menu-item:hover > .x-submenu { display: grid; } #MENU-x8tor437 { --width: 90.26666666666668%;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: 90.26666666666668%; --active-link-color: var(--color_20); } #MENU-x8tor437 .x-rect { --pad-x: 0px; --pad-y: 10px; -webkit-text-stroke: 0px #000000ff; background: rgba(255, 255, 255, 1); color: var(--color_20); font-family: 'Work Sans', sans-serif; font-size: 15.0px; font-weight: 400; justify-content: flex-start; } #MENU-x8tor437 > ul { background: rgba(255, 255, 255, 1); justify-content: flex-start; align-items: flex-start; height: auto; border-radius: inherit; } #MENU-x8tor437 > ul > .menu-item .tag-link { --pad-x: 0px; --pad-y: 10px; -webkit-text-stroke: 0px #000000ff; background: rgba(255, 255, 255, 1); color: var(--color_20); font-family: 'Work Sans', sans-serif; font-size: 15.0px; font-weight: 400; justify-content: flex-start; } #MENU-x8tor437 > ul > .menu-item.menu-item-active-link .tag-link { color: var(--active-link-color); } #MENU-x8tor437 > ul > .menu-item:not(:first-child) { } #MENU-x8tor437 ul li .tag-link { border-style: none none none none; } #MENU-x8tor437 ul li .tag-link:hover, #MENU-x8tor437 ul li > a:hover { color: var(--color_21) !important; background: var(--color_00); border-style: none none none none; } #MENU-ITEM-0e91x3k8 > a, #MENU-ITEM-0e91x3k8 > div { } #MENU-ITEM-gkgh0uao > a, #MENU-ITEM-gkgh0uao > div { } #MENU-ITEM-9mfm5b79 > a, #MENU-ITEM-9mfm5b79 > div { } #MENU-ITEM-41vymtko > a, #MENU-ITEM-41vymtko > div { } #MENU-ITEM-9ogkstlw > a, #MENU-ITEM-9ogkstlw > div { } #MENU-ITEM-ui5lcsyz > a, #MENU-ITEM-ui5lcsyz > div { } #MENU-ITEM-shm93436 > a, #MENU-ITEM-shm93436 > div { } #MENU-ITEM-axayvv2r > a, #MENU-ITEM-axayvv2r > div { } #LINE-09vlh8tz { --width: 35.76788063130308%;align-self: end;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;height: auto;justify-self: start;margin-bottom: 9.979156494140623px;margin-left: 0.21232070436902864%;width: 35.76788063130308%; height: auto; } #LINE-09vlh8tz .line-container { border-color: var(--color_21); border-style: solid; border-width: 2.0px; } #LINE-ilctbxzw { --width: 64.02270080177648%;align-self: end;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;height: auto;justify-self: end;margin-bottom: 9.9375px;margin-right: -0.1725215061455016%;width: 64.02270080177648%; height: auto; } #LINE-ilctbxzw .line-container { border-color: var(--color_01); border-style: solid; border-width: 1.0px; } #LINE-pe7fxk91 { --width: 99.8168498168498%;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: 99.8168498168498%; height: auto; } #LINE-pe7fxk91 .line-container { border-color: #e3e3e3; border-style: solid; border-width: 1.0px; } #CONTAINER-l3i832uf { --bg: rgba(255, 255, 255, 0); background: rgba(255, 255, 255, 0); border-color: #000000ff; --width: 28.927985827128097%;align-self: center;grid-column-end: 3;grid-column-start: 2;grid-row-end: 2;grid-row-start: 1;grid-template-columns: 21px 1.37fr;grid-template-rows: minmax(22.71875px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 28.927985827128097%; border: #000000ff; } #RECT-z6b2v97k { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: 14px; justify-self: start; margin-bottom: calc(0.109375px * 2); margin-left: 0px; width: 14px; } #RECT-z6b2v97k .x-rect { --width: 14px; background: var(--color_02); 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, var(--color_02)); } #RECT-z6b2v97k::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; } [id^="TEXT-1jjhrnzr"], .--clone-TEXT-1jjhrnzr { font-size: 0px; align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: center; margin-bottom: calc(0.140625px * 2); margin-left: calc(0% * 2); width: 100%; } [id^="TEXT-1jjhrnzr"] .x-text, [id^="TEXT-1jjhrnzr"] .x-text a, .--clone-TEXT-1jjhrnzr .x-text, .--clone-TEXT-1jjhrnzr .x-text a { --width: 100%; -webkit-text-stroke: 0px #000000ff; color: var(--color_02); font: var(--font_6); font-family: 'Work Sans', sans-serif; font-size: 16.0px; height: 100%; width: 100%; color: var(--active-color, var(--color_02)); } [id^="TEXT-1jjhrnzr"] .x-text:hover, .--clone-TEXT-1jjhrnzr .x-text:hover, [id^="TEXT-1jjhrnzr"] a:hover, .--clone-TEXT-1jjhrnzr a:hover { } #POPUP-pl8tdv9c { --top: 0px; top: var(--top); --left: 0; left: var(--left); background: #ffffff; overflow-x: hidden; overflow-y: scroll; width: 50%; height: 100%; grid-template-columns: 15px 1fr 15px; grid-template-rows: minmax(70px, max-content) minmax(10px, max-content) minmax(1243px, 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-pl8tdv9c.anim { --width: 50%; animation: slide-left 0.2s ease; } #RECT-0ez622um { align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 2; grid-row-start: 1; height: 22.3px; justify-self: start; margin-left: 0px; margin-top: calc(0px * 2); width: 22px; } #RECT-0ez622um .x-rect { --width: 22px; background: var(--color_20); border-color: #E5E7EB; height: 100%; width: 100%; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLXgtaWNvbiBsdWNpZGUteCI+PHBhdGggZD0iTTE4IDYgNiAxOCIvPjxwYXRoIGQ9Im02IDYgMTIgMTIiLz48L3N2Zz4=); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; border: ; background: var(--active-color, var(--color_20)); } #RECT-0ez622um::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; } [id^="TEXT-gxykqgo7"], .--clone-TEXT-gxykqgo7 { font-size: 0px; align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 65.03975265017668%; } [id^="TEXT-gxykqgo7"] .x-text, [id^="TEXT-gxykqgo7"] .x-text a, .--clone-TEXT-gxykqgo7 .x-text, .--clone-TEXT-gxykqgo7 .x-text a { --width: 65.03975265017668%; -webkit-text-stroke: 0px #000000ff; color: var(--color_20); font: var(--font_0); font-family: 'work san', sans-serif; font-size: 20.0px; font-weight: 700; height: 100%; text-align: center; text-transform: uppercase; width: 100%; color: var(--active-color, var(--color_20)); } [id^="TEXT-gxykqgo7"] .x-text:hover, .--clone-TEXT-gxykqgo7 .x-text:hover, [id^="TEXT-gxykqgo7"] a:hover, .--clone-TEXT-gxykqgo7 a:hover { } #CART-ICON-mzkoa23n { --width: 26px;align-self: center;grid-column-end: 3;grid-column-start: 2;grid-row-end: 2;grid-row-start: 1;height: 26.2px;justify-self: end;margin-right: 0%;margin-top: calc(0px * 2);width: 26px; } #CART-ICON-mzkoa23n .x-cart-icon { background: var(--color_00); border-color: #000000ff; } #CART-ICON-mzkoa23n .x-cart-item-count { position: absolute; top: -6.5px; right: -6.5px; width: 13.0px; height: 13.1px; display: flex; justify-content: center; align-items: center; background-color: var(--color_21); border-radius: 50%; color: white; font-family: work san; font-size: 8.733333333333333px; } #CART-ICON-mzkoa23n .x-image-cart-icon { border-radius: ; } #LINE-nrr9h0aa { --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-nrr9h0aa .line-container { border-color: var(--color_01); border-style: solid; border-width: 1.0px; } #INPUT-SEARCH-y34nuihg { --width: 100%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 4;grid-row-start: 3;height: 50px;justify-self: center;margin-left: calc(0% * 2);margin-top: 0px;width: 100%; } #INPUT-SEARCH-y34nuihg > .input-search--wrapper { color: var(--color_02); font-family: 'work san', sans-serif; font-size: 14.0px; border-width: 1px; border-color: var(--color_01); border-style: solid; border-radius: 0px; background-color: #ececec00; flex-direction: row-reverse; } #INPUT-SEARCH-y34nuihg > .input-search--wrapper .btn-close { color: #00000073; fill: #00000073; width: 15px; margin: 0 5px; } #INPUT-SEARCH-y34nuihg > .input-search--wrapper .input-search--input { padding-left: 10px; text-align: left; } #INPUT-SEARCH-y34nuihg > .input-search--wrapper .input-search--input::placeholder { color: var(--color_01); } #INPUT-SEARCH-y34nuihg > .input-search--wrapper:hover { border-style: none; border-color: var(--color_01) !important; border-style: solid; background-color: rgba(255, 255, 255, 1) !important; } #INPUT-SEARCH-y34nuihg > .input-search--wrapper:focus-within { border-style: none; border-color: var(--color_01) !important; border-width: 1px !important; border-style: solid; background-color: rgba(255, 255, 255, 1) !important; } #INPUT-SEARCH-y34nuihg .input-search--icon { margin-left: 8px; margin-right: 8px; color: var(--color_20); height: 16px; width: 16px; } #INPUT-SEARCH-y34nuihg .input-search--wrapper:hover .input-search--icon { color: rgb(0, 0, 0); } #INPUT-SEARCH-y34nuihg .input-search--wrapper:focus-within .input-search--icon { color: rgb(0, 0, 0); } #INPUT-SEARCH-y34nuihg .input-search--icon path { fill: var(--color_20); } #INPUT-SEARCH-y34nuihg .input-search--wrapper:hover .input-search--icon path { fill: rgb(0, 0, 0); } #INPUT-SEARCH-y34nuihg .input-search--wrapper:focus-within .input-search--icon path { fill: rgb(0, 0, 0); } #CONTAINER-wzq9fr1f { --bg: rgba(255, 255, 255, 0); background: rgba(255, 255, 255, 0); border-color: #000000ff; --width: 99.82332155477032%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 6;grid-row-start: 5;grid-template-columns: 1fr;grid-template-rows: minmax(0px, max-content) minmax(0px, max-content);height: auto;justify-self: start;margin-left: 0%;margin-top: 1.0104255676269531px;width: 99.82332155477032%; border: #000000ff; } #MENU-t9p0i9mb { --width: 270px;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.405619123340708%;margin-top: 0px;width: 270px; --active-link-color: var(--color_21); } #MENU-t9p0i9mb .x-rect { --pad-y: 10px; -webkit-text-stroke: 0px #000000ff; background: #ffffff; color: var(--color_20); font-family: 'work san bold', sans-serif; font-size: 14.0px; font-weight: 400; justify-content: flex-start; text-transform: uppercase; } #MENU-t9p0i9mb > ul { background: #ffffff; justify-content: flex-start; align-items: flex-start; height: auto; border-radius: inherit; } #MENU-t9p0i9mb > ul > .menu-item .tag-link { --pad-y: 10px; -webkit-text-stroke: 0px #000000ff; background: #ffffff; color: var(--color_20); font-family: 'work san bold', sans-serif; font-size: 14.0px; font-weight: 400; justify-content: flex-start; text-transform: uppercase; } #MENU-t9p0i9mb > ul > .menu-item.menu-item-active-link .tag-link { color: var(--active-link-color); } #MENU-t9p0i9mb > ul > .menu-item:not(:first-child) { } #MENU-t9p0i9mb ul li .tag-link { border-style: none none none none; } #MENU-t9p0i9mb ul li .tag-link:hover, #MENU-t9p0i9mb ul li > a:hover { color: var(--color_21) !important; background: var(--color_00); border-style: none none none none; } #MENU-ITEM-lm1c82bh > a, #MENU-ITEM-lm1c82bh > div { -webkit-text-stroke: 0px #000000ff !important; } #MENU-ITEM-g2p0tqfg > a, #MENU-ITEM-g2p0tqfg > div { } #MENU-ITEM-a0lwf0fy > a, #MENU-ITEM-a0lwf0fy > div { } #MENU-ITEM-0op889kk > a, #MENU-ITEM-0op889kk > div { } #MENU-ITEM-n4f15nmf > a, #MENU-ITEM-n4f15nmf > div { } #MENU-ITEM-pnt0xhsi > a, #MENU-ITEM-pnt0xhsi > div { } #MENU-ITEM-umquyofg > a, #MENU-ITEM-umquyofg > div { } #SUBMENU-ygwmnr7t { width: 100%; height: auto; grid-template-columns: 1fr; grid-template-rows: minmax(50px, max-content); column-gap: 0px; row-gap: 0px; background: rgba(255, 255, 255, 1); } .vertical-menu #MENU-ITEM-umquyofg.menu-item:hover > .x-submenu { display: grid; } #MENU-4liazntp { --width: 100%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;height: auto;justify-self: start;margin-left: 0%;margin-top: 0px;width: 100%; --active-link-color: var(--color_21); } #MENU-4liazntp .x-rect { --pad-x: 0px; --pad-y: 10px; -webkit-text-stroke: 0px #000000ff; background: rgba(255, 255, 255, 1); color: var(--color_20); font-family: 'work san medium', sans-serif; font-size: 16.0px; font-weight: 700; justify-content: flex-start; } #MENU-4liazntp > ul { background: rgba(255, 255, 255, 1); justify-content: flex-start; align-items: flex-start; height: auto; border-radius: inherit; } #MENU-4liazntp > ul > .menu-item .tag-link { --pad-x: 0px; --pad-y: 10px; -webkit-text-stroke: 0px #000000ff; background: rgba(255, 255, 255, 1); color: var(--color_20); font-family: 'work san medium', sans-serif; font-size: 16.0px; font-weight: 700; justify-content: flex-start; } #MENU-4liazntp > ul > .menu-item.menu-item-active-link .tag-link { color: var(--active-link-color); } #MENU-4liazntp > ul > .menu-item:not(:first-child) { } #MENU-4liazntp ul li .tag-link { border-style: none none none none; } #MENU-4liazntp ul li .tag-link:hover, #MENU-4liazntp ul li > a:hover { color: var(--color_21) !important; background: var(--color_00); border-style: none none none none; } #MENU-ITEM-uxmjd6uq > a, #MENU-ITEM-uxmjd6uq > div { } #MENU-ITEM-80g7yaz5 > a, #MENU-ITEM-80g7yaz5 > div { } #MENU-ITEM-6n16a5co > a, #MENU-ITEM-6n16a5co > div { } #MENU-ITEM-nfnw6z1k > a, #MENU-ITEM-nfnw6z1k > div { } #MENU-ITEM-c6xg94ak > a, #MENU-ITEM-c6xg94ak > div { } #MENU-ITEM-r5ff85d0 > a, #MENU-ITEM-r5ff85d0 > div { } #MENU-ITEM-36qrmty8 > a, #MENU-ITEM-36qrmty8 > div { } #MENU-ITEM-d2s71yyn > a, #MENU-ITEM-d2s71yyn > div { } #MENU-ITEM-50bl4ilx > a, #MENU-ITEM-50bl4ilx > div { } #MENU-ITEM-qwchhmjq > a, #MENU-ITEM-qwchhmjq > div { } #MEMBER-BAR-pg5xf0k7 { --width: 99.99968674132666%;align-self: end;grid-column-end: 2;grid-column-start: 1;grid-row-end: 3;grid-row-start: 2;height: 40px;justify-self: start;margin-bottom: -3.0517578125e-5px;margin-left: 0%;width: 99.99968674132666%; } #MEMBER-BAR-pg5xf0k7 .x-menu-bar { -webkit-text-stroke: 0px #000000ff; color: var(--color_20); font-family: 'work san bold', sans-serif; font-size: 14.0px; font-weight: 400; text-transform: uppercase; text-transform: unset; display: none; } #MEMBER-BAR-pg5xf0k7 .x-menu-bar .x-member { -webkit-text-stroke: 0px #000000ff; color: var(--color_20); font-family: 'work san bold', sans-serif; font-size: 14.0px; font-weight: 400; text-transform: uppercase; border-width: 0px; border-radius: 0px; border-style: solid; display: flex; align-items: center; justify-content: flex-start; padding-left: 0px; padding-right: 0px; } #MEMBER-BAR-pg5xf0k7 .x-member:hover { } #MEMBER-BAR-pg5xf0k7 .x-avatar-member-origin { width: 27px; height: 27px; border-style: solid; border-width: 0px; } #MEMBER-BAR-pg5xf0k7 .x-avatar-member-initial { width: 27px; height: 27px; border-style: solid; border-width: 0px; } #MEMBER-BAR-pg5xf0k7 .customer-icon { width: 27px; height: 27px; border-style: solid; border-width: 0px; } #MEMBER-BAR-pg5xf0k7 .x-nav-member-drop-icon { width: 24px; height: 24px; } #MEMBER-BAR-pg5xf0k7 .x-loginbar { -webkit-text-stroke: 0px #000000ff; color: var(--color_20); font-family: 'work san bold', sans-serif; font-size: 14.0px; font-weight: 400; text-transform: uppercase; border-width: 0px; border-radius: 0px; border-style: solid; justify-content: flex-start; } #MEMBER-BAR-pg5xf0k7 .x-loginbar .login-bar-text:hover { } #MEMBER-BAR-pg5xf0k7 .x-loginbar .login-bar-icon { width: 27px; height: 27px; border-style: solid; border-width: 0px; border: none; } #MEMBER-BAR-pg5xf0k7 .member-divider { background: var(--color_20); } #MEMBER-BAR-pg5xf0k7 .customer-signup { } #MEMBER-BAR-pg5xf0k7 .customer-icon { display: none; } #MEMBER-BAR-pg5xf0k7 .customer-text { } #MEMBER-DROPDOWN-hae37czk { width: 170px; height: auto; grid-template-columns: 1fr; grid-template-rows: minmax(170px, max-content); column-gap: 0px; row-gap: 0px; background: rgba(255, 255, 255, 1); transform: translate(0px, 0px); } [id^="TEXT-z2wt64fb"], .--clone-TEXT-z2wt64fb { font-size: 0px; align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: start; margin-left: 0%; margin-top: calc(0px * 2); width: 92.5531914893617%; } [id^="TEXT-z2wt64fb"] .x-text, [id^="TEXT-z2wt64fb"] .x-text a, .--clone-TEXT-z2wt64fb .x-text, .--clone-TEXT-z2wt64fb .x-text a { --width: 92.5531914893617%; -webkit-text-stroke: 0px #000000ff; color: var(--color_20); font: var(--font_6); font-family: 'work san bold', sans-serif; font-size: 14.0px; font-weight: 400; height: 100%; text-transform: uppercase; width: 100%; color: var(--active-color, var(--color_20)); } [id^="TEXT-z2wt64fb"] .x-text:hover, .--clone-TEXT-z2wt64fb .x-text:hover, [id^="TEXT-z2wt64fb"] a:hover, .--clone-TEXT-z2wt64fb a:hover { } #TEXT-z2wt64fb{ transition-duration: 0.1s; transition-delay: 0s; transition-property: transform; transition-timing-function: ease-out; will-change: transform; } #TEXT-z2wt64fb:hover, #TEXT-z2wt64fb:hover > * { color: var(--color_21) !important; } #POPUP-dv86o2kf { --left: 50%; left: var(--left); transform: translateX(-50%); background: #ffffff; width: 100%; height: auto; grid-template-columns: 1fr 1600px 1fr; grid-template-rows: minmax(50px, max-content) minmax(0px, max-content) minmax(55px, max-content); column-gap: 0px; row-gap: 0px; --top: 216px; top: var(--top); max-height: var(--viewport-height, 100vh); border-width: 0px; border-color: #000000; border-radius: 0px; border-style: solid; } #POPUP-dv86o2kf.anim { --width: 100%; animation: slide-center_x-top 0.2s ease; } #RECT-zdpgslvm { align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 2; grid-row-start: 1; height: 21.9px; justify-self: end; margin-right: 0%; margin-top: calc(0px * 2); width: 21px; } #RECT-zdpgslvm .x-rect { --width: 21px; background: var(--color_02); 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, var(--color_02)); } #RECT-zdpgslvm::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; } #GRID-PRODUCT-f0uws0z6 { --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: -0.1666717529296875px;width: 100%; } #GRID-PRODUCT-f0uws0z6 .grid-product--wrapper .slider-product--item:nth-child(5n + 1) { grid-row: span 1; grid-column: span 1; } #GRID-PRODUCT-f0uws0z6 .grid-product--wrapper .slider-product--item:nth-child(5n + 2) { grid-row: span 1; grid-column: span 1; } #GRID-PRODUCT-f0uws0z6 .grid-product--wrapper .slider-product--item:nth-child(5n + 3) { grid-row: span 1; grid-column: span 1; } #GRID-PRODUCT-f0uws0z6 .grid-product--wrapper .slider-product--item:nth-child(5n + 4) { grid-row: span 1; grid-column: span 1; } #GRID-PRODUCT-f0uws0z6 .grid-product--wrapper .slider-product--item:nth-child(5n + 5) { grid-row: span 1; grid-column: span 1; } #GRID-PRODUCT-f0uws0z6 .grid-product--inner img { object-fit: cover; } #GRID-PRODUCT-f0uws0z6 .grid-product--title { line-clamp: 1; -webkit-line-clamp: 1; } #GRID-PRODUCT-f0uws0z6 .grid-product--wrapper { margin-bottom: 12px; } #GRID-PRODUCT-f0uws0z6 .empty-product { display: flex; flex-direction: column; align-items: center; justify-content: center; } #GRID-PRODUCT-f0uws0z6 .empty-product .empty-product-image { width: 160px; height: 160px; } #GRID-PRODUCT-f0uws0z6 .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-f0uws0z6 .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-f0uws0z6 .grid-product--wrapper { display: grid; column-gap: 30px; row-gap: 39px; grid-template-columns: repeat(5, 1fr); } #GRID-PRODUCT-f0uws0z6 .slider-product--item:hover { } #GRID-PRODUCT-f0uws0z6 .slider-product--item:hover .product-overlay[data-type="quick-view"] { display: grid; } #GRID-PRODUCT-f0uws0z6 .slider-product--item { display: flex; flex-direction: column; border-radius: 15px; border-width: 1px; border-color: #e3e3e3; border-style: solid; } #GRID-PRODUCT-f0uws0z6 .grid-product--inner { padding-bottom: calc(100% / (4/3)); } #GRID-PRODUCT-f0uws0z6 .grid-product--info { padding: 23px 20px; justify-content: unset; align-items: unset } #GRID-PRODUCT-f0uws0z6 .grid-product--category { padding: 0px 0px; } #GRID-PRODUCT-f0uws0z6 .grid-product--title { font-family: 'Work Sans', sans-serif; font-size: 16px; color: var(--color_20); line-height: 1.5715; min-height: 25.144px; } #GRID-PRODUCT-f0uws0z6 .grid-product--title-wrapper { margin: 0px 0px; } #GRID-PRODUCT-f0uws0z6 .grid-product--price { margin-top: 5px; margin-bottom: 5px; } #GRID-PRODUCT-f0uws0z6 .grid-product--retail-price, #GRID-PRODUCT-f0uws0z6 .grid-product--selling-price { font-family: 'work san bold', sans-serif; font-size: 16px; color: var(--color_21); margin: 0 8px; } #GRID-PRODUCT-f0uws0z6 .grid-product--origin-price { font-family: 'Work Sans', sans-serif; font-size: 14px; color: #656565; margin: 0 0px; } #GRID-PRODUCT-f0uws0z6 .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-f0uws0z6 .grid-product--wholesale-price { } #GRID-PRODUCT-f0uws0z6 .product--ribbons-wrapper { font-family: 'work san', sans-serif; font-weight: ; font-size: 12px; font-style: ; text-decoration: ; color: rgba(255, 255, 255, 1); flex-direction: row; padding: 10.4px 0px 0px 10.8px; display: ; } #GRID-PRODUCT-f0uws0z6 .product--ribbon { border-radius: 25px; background: var(--color_21); 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-f0uws0z6 .ribbon-928f978d { background: #e0e0e0; color: var(--color_20); } #GRID-PRODUCT-f0uws0z6 .rate { width: 85px; height: auto; } #GRID-PRODUCT-f0uws0z6 .rate-star-first svg, #GRID-PRODUCT-f0uws0z6 .rate-star-first path { fill: #f0f0f0ff; } #GRID-PRODUCT-f0uws0z6 .rate-star-second svg, #GRID-PRODUCT-f0uws0z6 .rate-star-second path { fill: #fadb14ff; } #GRID-PRODUCT-f0uws0z6 .rate + span { font-family: '', sans-serif; color: var(--color_20); } #GRID-PRODUCT-f0uws0z6 .option-color__item { border-radius: 33px; border-width: 1px; border-color: var(--color_01); margin-right: 5px; padding: 2px; } #GRID-PRODUCT-f0uws0z6 .option-color__item .attr-item:not(.attr-text) { width: 13px; height: 13px; border-radius: 22px; } #GRID-PRODUCT-f0uws0z6 .grid-product--selects p { } #GRID-PRODUCT-f0uws0z6 .option-select__item span { border-radius: 100px; } #GRID-PRODUCT-f0uws0z6 .option-select__item span:hover { } #EMPTY-PRODUCT-LAYOUT-hqe22boq { background: #ffffff; width: 100%; height: auto; grid-template-columns: 1fr; grid-template-rows: minmax(160px, 1fr) minmax(0px, max-content) minmax(0px, max-content); max-height: var(--viewport-height, 100vh); } #IMAGE-yj3rgkyt { align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: 160px; justify-self: center; margin-left: calc(0% * 2); margin-top: 0px; width: 160px; } #IMAGE-yj3rgkyt picture { --width: 160px; border-color: #000000ff; height: 100%; width: 100%; } [id^="TEXT-4bs2vpq9"], .--clone-TEXT-4bs2vpq9 { font-size: 0px; align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: center; margin-bottom: calc(0.90625px * 2); margin-right: calc(1.1770833333333333% * 2); width: 60%; } [id^="TEXT-4bs2vpq9"] .x-text, [id^="TEXT-4bs2vpq9"] .x-text a, .--clone-TEXT-4bs2vpq9 .x-text, .--clone-TEXT-4bs2vpq9 .x-text a { --width: 60%; -webkit-text-stroke: 0px #25282A; color: #25282A; font: var(--font_6); font-size: 16.0px; height: 100%; text-align: center; width: 100%; color: var(--active-color, #25282A); } [id^="TEXT-4bs2vpq9"] .x-text:hover, .--clone-TEXT-4bs2vpq9 .x-text:hover, [id^="TEXT-4bs2vpq9"] a:hover, .--clone-TEXT-4bs2vpq9 a:hover { } [id^="TEXT-e0fshxc6"], .--clone-TEXT-e0fshxc6 { font-size: 0px; align-self: end; grid-column-end: 2; grid-column-start: 1; grid-row-end: 4; grid-row-start: 3; height: auto; justify-self: center; margin-bottom: 0px; margin-left: calc(0% * 2); width: 60%; } [id^="TEXT-e0fshxc6"] .x-text, [id^="TEXT-e0fshxc6"] .x-text a, .--clone-TEXT-e0fshxc6 .x-text, .--clone-TEXT-e0fshxc6 .x-text a { --width: 60%; -webkit-text-stroke: 0px #000000ff; color: #43484C; font: var(--font_6); font-size: 14.0px; height: 100%; text-align: center; width: 100%; color: var(--active-color, #43484C); } [id^="TEXT-e0fshxc6"] .x-text:hover, .--clone-TEXT-e0fshxc6 .x-text:hover, [id^="TEXT-e0fshxc6"] a:hover, .--clone-TEXT-e0fshxc6 a:hover { } #CUSTOM-LAYOUT-3yao0sgy { background: rgba(255, 255, 255, 0); background: rgba(255, 255, 255, 0); grid-template-columns: 1fr; grid-template-rows: minmax(0px, 1fr); margin: 0; flex: 1 0 0; --bg: rgba(255, 255, 255, 0); } #GRID-PRODUCT-f0uws0z6 .grid-product--info { flex: unset; } #PRODUCT-OVERLAY-2h0lpkbp { width: 100%; height: 100%; grid-template-columns: 1fr; grid-template-rows: minmax(0px, 1fr); column-gap: 0px; row-gap: 0px; } #CONTAINER-m4gz4r2s { --bg: var(--color_20); background: var(--color_20); border-color: #000000ff; border-radius: 100px 100px 100px 100px; --width: 40px;align-self: end;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;grid-template-columns: 1fr;grid-template-rows: minmax(40px, max-content);height: 40px;justify-self: end;margin-bottom: -97.5px;margin-right: 2.6814516129032255%;width: 40px; border: #000000ff; } #RECT-eq4lju0e { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: 20px; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 20px; } #RECT-eq4lju0e .x-rect { --width: 20px; background: var(--color_00); height: 100%; width: 100%; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgY2xhc3M9Imx1Y2lkZSBsdWNpZGUtc2hvcHBpbmctYmFza2V0LWljb24gbHVjaWRlLXNob3BwaW5nLWJhc2tldCI+PHBhdGggZD0ibTE1IDExLTEgOSIvPjxwYXRoIGQ9Im0xOSAxMS00LTciLz48cGF0aCBkPSJNMiAxMWgyMCIvPjxwYXRoIGQ9Im0zLjUgMTEgMS42IDcuNGEyIDIgMCAwIDAgMiAxLjZoOS44YTIgMiAwIDAgMCAyLTEuNmwxLjctNy40Ii8+PHBhdGggZD0iTTQuNSAxNS41aDE1Ii8+PHBhdGggZD0ibTUgMTEgNC03Ii8+PHBhdGggZD0ibTkgMTEgMSA5Ii8+PC9zdmc+); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; border: ; background: var(--active-color, var(--color_00)); } #RECT-eq4lju0e::before { content: ""; border-color: ; border-style: ; border-width: ; border-radius: inherit; border: ; height: 100%; width: 100%; position: absolute; top: 0; left: 0; box-sizing: border-box; } #PRODUCT-OVERLAY-92kxz1nr { width: 100%; height: 100%; grid-template-columns: 1fr; grid-template-rows: minmax(0px, 1fr); column-gap: 0px; row-gap: 0px; } #PRODUCT-OVERLAY-ypryrle1 { width: 100%; height: 100%; grid-template-columns: 1fr; grid-template-rows: minmax(0px, 1fr); column-gap: 0px; row-gap: 0px; display: none; } #CONTAINER-e0ckmmin { --bg: rgba(255, 255, 255, 0); background: rgba(255, 255, 255, 0); border-color: #000000ff; --width: 32.99319727891156%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;grid-template-columns: 1fr 1fr;grid-template-rows: minmax(42.29166793823242px, max-content);height: auto;justify-self: end;margin-right: 5.612244897959184%;margin-top: 18.17706298828125px;width: 32.99319727891156%; border: #000000ff; } #CONTAINER-useixmzh { --bg: var(--color_00); background: var(--color_00); border-color: #000000ff; border-radius: 8px 8px 8px 8px; --width: 37px;align-self: center;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;grid-template-columns: 1fr;grid-template-rows: minmax(37px, max-content);height: 37px;justify-self: start;margin-left: 0px;margin-top: calc(0.7812290191650391px * 2);width: 37px; border: #000000ff; } #RECT-8brmw85i { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: 24px; justify-self: end; margin-right: 5.38851351351351%; margin-top: calc(0px * 2); width: 74.5945945945946%; } #RECT-8brmw85i .x-rect { --width: 74.5945945945946%; background: #000000ff; border-color: #000000ff; height: 100%; width: 100%; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9ImN1cnJlbnRDb2xvciIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsNTZDNDgsNTYsMTYsMTI4LDE2LDEyOHMzMiw3MiwxMTIsNzIsMTEyLTcyLDExMi03MlMyMDgsNTYsMTI4LDU2Wm0wLDExMmE0MCw0MCwwLDEsMSw0MC00MEE0MCw0MCwwLDAsMSwxMjgsMTY4WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTI0Ny4zMSwxMjQuNzZjLS4zNS0uNzktOC44Mi0xOS41OC0yNy42NS0zOC40MUMxOTQuNTcsNjEuMjYsMTYyLjg4LDQ4LDEyOCw0OFM2MS40Myw2MS4yNiwzNi4zNCw4Ni4zNUMxNy41MSwxMDUuMTgsOSwxMjQsOC42OSwxMjQuNzZhOCw4LDAsMCwwLDAsNi41Yy4zNS43OSw4LjgyLDE5LjU3LDI3LjY1LDM4LjRDNjEuNDMsMTk0Ljc0LDkzLjEyLDIwOCwxMjgsMjA4czY2LjU3LTEzLjI2LDkxLjY2LTM4LjM0YzE4LjgzLTE4LjgzLDI3LjMtMzcuNjEsMjcuNjUtMzguNEE4LDgsMCwwLDAsMjQ3LjMxLDEyNC43NlpNMTI4LDE5MmMtMzAuNzgsMC01Ny42Ny0xMS4xOS03OS45My0zMy4yNUExMzMuNDcsMTMzLjQ3LDAsMCwxLDI1LDEyOCwxMzMuMzMsMTMzLjMzLDAsMCwxLDQ4LjA3LDk3LjI1QzcwLjMzLDc1LjE5LDk3LjIyLDY0LDEyOCw2NHM1Ny42NywxMS4xOSw3OS45MywzMy4yNUExMzMuNDYsMTMzLjQ2LDAsMCwxLDIzMS4wNSwxMjhDMjIzLjg0LDE0MS40NiwxOTIuNDMsMTkyLDEyOCwxOTJabTAtMTEyYTQ4LDQ4LDAsMSwwLDQ4LDQ4QTQ4LjA1LDQ4LjA1LDAsMCwwLDEyOCw4MFptMCw4MGEzMiwzMiwwLDEsMSwzMi0zMkEzMiwzMiwwLDAsMSwxMjgsMTYwWiI+PC9wYXRoPjwvc3ZnPg==); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; border: ; background: var(--active-color, #000000ff); } #RECT-8brmw85i::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-hlis2gjw { --bg: var(--color_00); background: var(--color_00); border-color: var(--color_01); border-style: solid; border-width: 1.0px; box-shadow: 1px 1px 2px 0px var(--color_01); --width: 42px;align-self: end;grid-column-end: 3;grid-column-start: 2;grid-row-end: 2;grid-row-start: 1;grid-template-columns: 1fr;grid-template-rows: minmax(42.07011114028389px, max-content);height: 42px;justify-self: end;margin-bottom: -0.2812690734863281px;margin-right: -4.2106236193191126e-14%;width: 42px; border: 1px solid var(--color_01); border-radius: 100%; } #FAVORITE-ICON-6gpwsk6v { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: 20px; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 20px; } #FAVORITE-ICON-6gpwsk6v .x-favorite { --width: 20px; background: #ffffff00; border-color: #000000ff; color: var(--color_20); height: 100%; width: 100%; } #FAVORITE-ICON-6gpwsk6v .x-favorite svg { color: var(--color_20); fill: var(--color_20); } #CART-DROPPABLE-wqz7tvxv { background: #ffffff; overflow-x: hidden; overflow-y: scroll; top: 0; right: 0; width: 400px; height: var(--viewport-height, 100vh); grid-template-columns: 20px 1fr 20px; grid-template-rows: minmax(40px, max-content) minmax(15px, max-content) minmax(0%, 100%) minmax(0px, max-content) minmax(30px, max-content); column-gap: 0px; row-gap: 0px; overflow-x: auto; } #CART-DROPPABLE-wqz7tvxv.anim { --width: 400px; } #CART-ITEMS-54qjdtrn { --width: 100%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 4;grid-row-start: 3;grid-template-columns: 70px 10px 1fr 34px;grid-template-rows: minmax(0px, max-content) minmax(0px, max-content) minmax(31px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: 3.814697265625e-6px;width: 100%; } #CART-ITEMS-54qjdtrn cart-item, #CART-ITEMS-54qjdtrn .cart-loading { grid-template-columns: 70px 10px 1fr 34px; grid-template-rows: minmax(0px, max-content) minmax(0px, max-content) minmax(31px, max-content); } #CONTAINER-5c8jbzw7 { --bg: rgba(255, 255, 255, 0); background: rgba(255, 255, 255, 0); border-color: #000000ff; --width: 100.14957525791266%;align-self: start;grid-column-end: 4;grid-column-start: 3;grid-row-end: 2;grid-row-start: 1;grid-template-columns: 1fr;grid-template-rows: minmax(25.13194529215495px, max-content) minmax(25.13194529215495px, max-content) minmax(25.13194529215495px, max-content);height: auto;justify-self: end;margin-right: -0.14957525791266024%;margin-top: -0.1354217529296875px;width: 100.14957525791266%; border: #000000ff; } [id^="TEXT-DATASET-xap5c4bo"], .--clone-TEXT-DATASET-xap5c4bo { font-size: 0px; align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: start; margin-left: 0%; margin-top: -0.06770896911621094px; width: 99.70151933084188%; } [id^="TEXT-DATASET-xap5c4bo"] .x-text, [id^="TEXT-DATASET-xap5c4bo"] .x-text a, .--clone-TEXT-DATASET-xap5c4bo .x-text, .--clone-TEXT-DATASET-xap5c4bo .x-text a { --width: 99.70151933084188%; -webkit-text-stroke: 0px #000000ff; border-color: #000000ff; color: var(--color_20); font-family: 'work san', sans-serif; font-size: 16.0px; font-weight: 400; height: 100%; width: 100%; color: var(--active-color, var(--color_20)); } [id^="TEXT-DATASET-xap5c4bo"] .x-text:hover, .--clone-TEXT-DATASET-xap5c4bo .x-text:hover, [id^="TEXT-DATASET-xap5c4bo"] a:hover, .--clone-TEXT-DATASET-xap5c4bo a:hover { } [id^="TEXT-DATASET-rrmcfpc7"], .--clone-TEXT-DATASET-rrmcfpc7 { font-size: 0px; align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: end; margin-right: 0%; margin-top: calc(0px * 2); width: 80.4390243902439%; } [id^="TEXT-DATASET-rrmcfpc7"] .x-text, [id^="TEXT-DATASET-rrmcfpc7"] .x-text a, .--clone-TEXT-DATASET-rrmcfpc7 .x-text, .--clone-TEXT-DATASET-rrmcfpc7 .x-text a { --width: 80.4390243902439%; -webkit-text-stroke: 0px #000000ff; border-color: #000000ff; color: var(--color_21); font-family: 'work san', sans-serif; font-size: 14.9px; font-weight: 700; height: 100%; text-align: left; width: 100%; color: var(--active-color, var(--color_21)); } [id^="TEXT-DATASET-rrmcfpc7"] .x-text:hover, .--clone-TEXT-DATASET-rrmcfpc7 .x-text:hover, [id^="TEXT-DATASET-rrmcfpc7"] a:hover, .--clone-TEXT-DATASET-rrmcfpc7 a:hover { } [id^="TEXT-DATASET-yz95uezs"], .--clone-TEXT-DATASET-yz95uezs { font-size: 0px; align-self: end; grid-column-end: 2; grid-column-start: 1; grid-row-end: 4; grid-row-start: 3; height: auto; justify-self: start; margin-bottom: 7.62939453125e-6px; margin-left: 0%; width: 99.85118045429154%; } [id^="TEXT-DATASET-yz95uezs"] .x-text, [id^="TEXT-DATASET-yz95uezs"] .x-text a, .--clone-TEXT-DATASET-yz95uezs .x-text, .--clone-TEXT-DATASET-yz95uezs .x-text a { --width: 99.85118045429154%; border-color: #000000ff; color: #000000ff; font-family: 'work san', sans-serif; font-size: 14.0px; height: 100%; width: 100%; color: var(--active-color, #000000ff); } [id^="TEXT-DATASET-yz95uezs"] .x-text:hover, .--clone-TEXT-DATASET-yz95uezs .x-text:hover, [id^="TEXT-DATASET-yz95uezs"] a:hover, .--clone-TEXT-DATASET-yz95uezs a:hover { } [id^="TEXT-ki11qz7q"], .--clone-TEXT-ki11qz7q { font-size: 0px; align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: start; margin-left: 12.324304696990222%; margin-top: calc(0.21875px * 2); width: 5.619071944942319%; } [id^="TEXT-ki11qz7q"] .x-text, [id^="TEXT-ki11qz7q"] .x-text a, .--clone-TEXT-ki11qz7q .x-text, .--clone-TEXT-ki11qz7q .x-text a { --width: 5.619071944942319%; -webkit-text-stroke: 0px #000000ff; color: var(--color_21); font: var(--font_6); font-family: 'work san', sans-serif; font-size: 14.0px; height: 100%; text-align: center; width: 100%; color: var(--active-color, var(--color_21)); } [id^="TEXT-ki11qz7q"] .x-text:hover, .--clone-TEXT-ki11qz7q .x-text:hover, [id^="TEXT-ki11qz7q"] a:hover, .--clone-TEXT-ki11qz7q a:hover { } #QUANTITY-INPUT-jcko5kva { --width: 22px;align-self: center;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;height: 22px;justify-self: start;margin-left: 0%;margin-top: calc(0.208343505859375px * 2);width: 22px; -webkit-text-stroke: 0px #000000ff; background: #00000000; border-color: #000000ff; border-radius: 50px 50px 50px 50px; border-style: solid; border-width: 0.0px; color: var(--color_21); font-family: 'work san', sans-serif; font-weight: 700; overflow: hidden; } #QUANTITY-INPUT-jcko5kva .quantity__input { background: #00000000; padding-left: 40px; padding-right: 40px; } #QUANTITY-INPUT-jcko5kva .quantity__button{ border-style: solid; } #QUANTITY-INPUT-jcko5kva .quantity__button[name="minus"] { } #QUANTITY-INPUT-jcko5kva .quantity__button[name="minus"] svg { width: 9.3px; } #QUANTITY-INPUT-jcko5kva .quantity__button[name="plus"] { } #QUANTITY-INPUT-jcko5kva .quantity__button[name="plus"] svg { width: 9.3px; } #IMAGE-DATASET-tdww1td6 { --width: 70px;align-self: center;grid-column-end: 2;grid-column-start: 1;grid-row-end: 3;grid-row-start: 1;height: 70px;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0.0729217529296875px * 2);width: 70px; } #IMAGE-DATASET-tdww1td6 picture, #IMAGE-DATASET-tdww1td6 img { border-color: #e3e3e3; border-style: solid; border-width: 1.0px; } #IMAGE-DATASET-tdww1td6 img { object-fit: contain; } #RECT-0wsdp5ku { align-self: start; grid-column-end: 5; grid-column-start: 4; grid-row-end: 2; grid-row-start: 1; height: 21.4px; justify-self: center; margin-left: calc(0% * 2); margin-top: 12.411453247070312px; width: 21px; } #RECT-0wsdp5ku .x-rect { --width: 21px; background: var(--color_02); border-color: #000000ff; height: 100%; width: 100%; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLXgtaWNvbiBsdWNpZGUteCI+PHBhdGggZD0iTTE4IDYgNiAxOCIvPjxwYXRoIGQ9Im02IDYgMTIgMTIiLz48L3N2Zz4=); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; border: ; background: var(--active-color, var(--color_02)); } #RECT-0wsdp5ku::before { content: ""; border-color: #000000ff; border-style: ; border-width: ; border-radius: inherit; border: ; height: 100%; width: 100%; position: absolute; top: 0; left: 0; box-sizing: border-box; } #LINE-7wdrjgq1 { --width: 100%;align-self: center;grid-column-end: 5;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%; height: auto; } #LINE-7wdrjgq1 .line-container { border-color: var(--color_01); border-style: solid; border-width: 1.0px; } #RECT-2db91tjd { align-self: center; grid-column-end: 4; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: 100%; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 100%; } #RECT-2db91tjd .x-rect { --width: 100%; background: var(--color_21); border-color: #000000ff; height: 100%; width: 100%; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0iY3VycmVudENvbG9yIi8+PC9zdmc+); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; border: ; background: var(--active-color, var(--color_21)); } #RECT-2db91tjd::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-3vfmxnju { align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 2; grid-row-start: 1; height: 26.6px; justify-self: start; margin-left: 0px; margin-top: calc(0px * 2); width: 26px; } #RECT-3vfmxnju .x-rect { --width: 26px; background: var(--color_00); border-color: #000000ff; height: 100%; width: 100%; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLXgtaWNvbiBsdWNpZGUteCI+PHBhdGggZD0iTTE4IDYgNiAxOCIvPjxwYXRoIGQ9Im02IDYgMTIgMTIiLz48L3N2Zz4=); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; border: ; background: var(--active-color, var(--color_00)); } #RECT-3vfmxnju::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-odeftaki"], .--clone-TEXT-odeftaki { font-size: 0px; align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 63.888888888888886%; } [id^="TEXT-odeftaki"] .x-text, [id^="TEXT-odeftaki"] .x-text a, .--clone-TEXT-odeftaki .x-text, .--clone-TEXT-odeftaki .x-text a { --width: 63.888888888888886%; -webkit-text-stroke: 0px #000000ff; color: var(--color_00); font: var(--font_2); font-family: 'work san', sans-serif; font-size: 16.0px; font-weight: 400; height: 100%; text-align: center; text-transform: uppercase; width: 100%; color: var(--active-color, var(--color_00)); } [id^="TEXT-odeftaki"] .x-text:hover, .--clone-TEXT-odeftaki .x-text:hover, [id^="TEXT-odeftaki"] a:hover, .--clone-TEXT-odeftaki a:hover { } #CONTAINER-h0z43v1f { --bg: rgba(255, 255, 255, 0); background: rgba(255, 255, 255, 0); border-color: #000000ff; --width: 100%;align-self: end;grid-column-end: 3;grid-column-start: 2;grid-row-end: 5;grid-row-start: 4;grid-template-columns: 1fr;grid-template-rows: minmax(0px, max-content) minmax(20px, max-content) minmax(0px, max-content) minmax(10px, max-content) minmax(0px, max-content);height: auto;justify-self: center;margin-bottom: -0.3333320617675781px;margin-left: calc(0% * 2);width: 100%; border: #000000ff; } #BUTTON-b4ay0qt2 { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 4; grid-row-start: 3; height: 45px; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 100%; } #BUTTON-b4ay0qt2 .x-button-wrapper { --width: 100%; -webkit-text-stroke: 0px #000000ff; background: var(--color_20); border-color: #000000ff; border-radius: 28px 28px 28px 28px; color: #ffffffff; font-family: 'work san', sans-serif; font-size: 13.0px; font-weight: 700; height: 100%; text-align: center; text-transform: uppercase; width: 100%; border: ; color: var(--active-color, #ffffffff); } #BUTTON-b4ay0qt2[disabled=true] { display: none; } #BUTTON-jl7ccki1 { align-self: end; grid-column-end: 2; grid-column-start: 1; grid-row-end: 6; grid-row-start: 5; height: 45px; justify-self: center; margin-bottom: 0px; margin-left: calc(0% * 2); width: 100%; } #BUTTON-jl7ccki1 .x-button-wrapper { --width: 100%; -webkit-text-stroke: 0px #000000ff; background: var(--color_21); border-color: #000000ff; border-radius: 28px 28px 28px 28px; color: #ffffff; font-family: 'work san', sans-serif; font-size: 13.0px; font-weight: 700; height: 100%; text-align: center; text-transform: uppercase; width: 100%; border: ; color: var(--active-color, #ffffff); } #BUTTON-jl7ccki1[disabled=true] { display: none; } [id^="TEXT-dye73fkw"], .--clone-TEXT-dye73fkw { font-size: 0px; align-self: end; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: start; margin-bottom: 0.09372901916503906px; margin-left: 0%; width: 18.842569986979164%; } [id^="TEXT-dye73fkw"] .x-text, [id^="TEXT-dye73fkw"] .x-text a, .--clone-TEXT-dye73fkw .x-text, .--clone-TEXT-dye73fkw .x-text a { --width: 18.842569986979164%; -webkit-text-stroke: 0px #000000ff; color: var(--color_20); font: var(--font_6); font-family: 'Quicksand', sans-serif; font-weight: 700; height: 100%; text-transform: uppercase; width: 100%; color: var(--active-color, var(--color_20)); } [id^="TEXT-dye73fkw"] .x-text:hover, .--clone-TEXT-dye73fkw .x-text:hover, [id^="TEXT-dye73fkw"] a:hover, .--clone-TEXT-dye73fkw a:hover { } [id^="TEXT-DATASET-05a6oowt"], .--clone-TEXT-DATASET-05a6oowt { font-size: 0px; align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: end; margin-right: 0%; margin-top: calc(0px * 2); width: 82.77777777777777%; } [id^="TEXT-DATASET-05a6oowt"] .x-text, [id^="TEXT-DATASET-05a6oowt"] .x-text a, .--clone-TEXT-DATASET-05a6oowt .x-text, .--clone-TEXT-DATASET-05a6oowt .x-text a { --width: 82.77777777777777%; -webkit-text-stroke: 0px #000000ff; border-color: #000000ff; color: var(--color_21); font-family: 'work san bold', sans-serif; font-size: 17.0px; font-weight: 700; height: 100%; width: 100%; color: var(--active-color, var(--color_21)); } [id^="TEXT-DATASET-05a6oowt"] .x-text:hover, .--clone-TEXT-DATASET-05a6oowt .x-text:hover, [id^="TEXT-DATASET-05a6oowt"] a:hover, .--clone-TEXT-DATASET-05a6oowt a:hover { } #CART-DROPPABLE-6bhk95zk { background: #ffffff; top: 0; right: 0; width: 400px; height: var(--viewport-height, 100vh); grid-template-columns: 15px 1fr 15px; grid-template-rows: minmax(40px, max-content) minmax(27px, max-content) minmax(53px, max-content) minmax(0px, max-content) minmax(0%, 100%); column-gap: 0px; row-gap: 0px; overflow-x: auto; } #CART-DROPPABLE-6bhk95zk.anim { --width: 400px; } #RECT-y7m00sqq { align-self: center; grid-column-end: 4; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: 100%; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 100%; } #RECT-y7m00sqq .x-rect { --width: 100%; background: var(--color_21); border-color: #000000ff; height: 100%; width: 100%; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0iY3VycmVudENvbG9yIi8+PC9zdmc+); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; border: ; background: var(--active-color, var(--color_21)); } #RECT-y7m00sqq::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-1u3cahgi { align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 2; grid-row-start: 1; height: 26.59375px; justify-self: start; margin-left: 0px; margin-top: calc(0px * 2); width: 26px; } #RECT-1u3cahgi .x-rect { --width: 26px; background: var(--color_00); border-color: #000000ff; height: 100%; width: 100%; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLXgtaWNvbiBsdWNpZGUteCI+PHBhdGggZD0iTTE4IDYgNiAxOCIvPjxwYXRoIGQ9Im02IDYgMTIgMTIiLz48L3N2Zz4=); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; border: ; background: var(--active-color, var(--color_00)); } #RECT-1u3cahgi::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-xyzelwf3"], .--clone-TEXT-xyzelwf3 { font-size: 0px; align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 62.16216216216216%; } [id^="TEXT-xyzelwf3"] .x-text, [id^="TEXT-xyzelwf3"] .x-text a, .--clone-TEXT-xyzelwf3 .x-text, .--clone-TEXT-xyzelwf3 .x-text a { --width: 62.16216216216216%; -webkit-text-stroke: 0px #000000ff; color: var(--color_00); font: var(--font_2); font-family: 'work san', sans-serif; font-size: 16.0px; font-weight: 400; height: 100%; text-align: center; text-transform: uppercase; width: 100%; color: var(--active-color, var(--color_00)); } [id^="TEXT-xyzelwf3"] .x-text:hover, .--clone-TEXT-xyzelwf3 .x-text:hover, [id^="TEXT-xyzelwf3"] a:hover, .--clone-TEXT-xyzelwf3 a:hover { } [id^="TEXT-ud5oeg7d"], .--clone-TEXT-ud5oeg7d { font-size: 0px; align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 4; grid-row-start: 3; height: auto; justify-self: start; margin-bottom: calc(2.5885324478149414px * 2); margin-left: 0.2702702702702703%; width: 62.16216216216216%; } [id^="TEXT-ud5oeg7d"] .x-text, [id^="TEXT-ud5oeg7d"] .x-text a, .--clone-TEXT-ud5oeg7d .x-text, .--clone-TEXT-ud5oeg7d .x-text a { --width: 62.16216216216216%; -webkit-text-stroke: 0px #000000ff; color: var(--font_color_6); font: var(--font_6); font-family: 'work san medium', sans-serif; font-weight: 400; height: 100%; text-align: left; text-transform: uppercase; width: 100%; color: var(--active-color, var(--font_color_6)); } [id^="TEXT-ud5oeg7d"] .x-text:hover, .--clone-TEXT-ud5oeg7d .x-text:hover, [id^="TEXT-ud5oeg7d"] a:hover, .--clone-TEXT-ud5oeg7d a:hover { } #BUTTON-2yx99uct { align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 5; grid-row-start: 4; height: 45px; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 100%; } #BUTTON-2yx99uct .x-button-wrapper { --width: 100%; -webkit-text-stroke: 0px #000000ff; background: var(--color_20); border-color: #000000ff; border-radius: 29px 29px 29px 29px; color: var(--color_00); font-family: 'work san medium', sans-serif; font-size: 14.0px; font-weight: 500; height: 100%; text-align: center; text-transform: uppercase; width: 100%; border: ; color: var(--active-color, var(--color_00)); } #BUTTON-2yx99uct[disabled=true] { display: none; }