#SECTION-jszwj3yq { height: auto; grid-template-columns: 5px 3fr 24px 2fr 5px; grid-template-rows: minmax(10px, max-content) minmax(100px, max-content) minmax(820px, max-content) minmax(100px, max-content) minmax(20px, max-content); column-gap: 0px; row-gap: 15px; transition: opacity 0.3s ease, visibility 0.3s ease; } #SECTION-jszwj3yq .x-section-background { background: url(https://content.pancake.vn/web-media/47/0f/47/c2/d63a1c0ea631451a2c5c979d7eb381e68e7f9b79e87c7cdf141b6d05.svg); background-size: cover; background-attachment: local; -webkit-transform: none; background-repeat: no-repeat; background-position-x: center; background-position-y: center; --height: 1150; --bg: url(https://content.pancake.vn/web-media/47/0f/47/c2/d63a1c0ea631451a2c5c979d7eb381e68e7f9b79e87c7cdf141b6d05.svg); } #SECTION-jszwj3yq .x-section-video-background { } #SECTION-jszwj3yq .video { display: none; } #SECTION-jszwj3yq .video-bp4 { overflow: hidden; width: 100%; height: 100%; display: block; } #CONTAINER-1fjaagj9 { --bg: #FFFFFF99; background: #FFFFFF99; border-color: var(--color_00); border-radius: 8px 8px 8px 8px; border-style: solid; border-width: 1.0px; --width: 100%;align-self: start;grid-column-end: 5;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;grid-template-columns: 10px 1fr 10px;grid-template-rows: minmax(12px, max-content) minmax(40px, max-content) minmax(100px, max-content) minmax(7px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: 0px;width: 100%; border: 1px solid var(--color_00); } [id^="TEXT-cpe84p6b"], .--clone-TEXT-cpe84p6b { font-size: 0px; align-self: end; grid-column-end: 3; grid-column-start: 2; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: center; margin-bottom: 10px; margin-left: calc(0% * 2); width: 100%; } [id^="TEXT-cpe84p6b"] .x-text, [id^="TEXT-cpe84p6b"] .x-text a, .--clone-TEXT-cpe84p6b .x-text, .--clone-TEXT-cpe84p6b .x-text a { min-height: 12px; --width: 100%; -webkit-text-stroke: 0px #000000ff; color: var(--font_color_4); font: var(--font_4); font-family: 'Roboto', sans-serif; height: 100%; line-height: 1.5; width: 100%; color: var(--active-color, var(--font_color_4)); } [id^="TEXT-cpe84p6b"] .x-text:hover, .--clone-TEXT-cpe84p6b .x-text:hover, [id^="TEXT-cpe84p6b"] a:hover, .--clone-TEXT-cpe84p6b a:hover { } #CART-ITEMS-0inmsovg { --width: 100%;align-self: center;grid-column-end: 3;grid-column-start: 2;grid-row-end: 4;grid-row-start: 3;grid-template-columns: 76px 1fr 6px 110px;grid-template-rows: minmax(25px, max-content) minmax(5px, max-content) minmax(0px, max-content) minmax(35px, max-content) minmax(12px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 100%; } #CART-ITEMS-0inmsovg cart-item, #CART-ITEMS-0inmsovg .cart-loading { grid-template-columns: 76px 1fr 6px 110px; grid-template-rows: minmax(25px, max-content) minmax(5px, max-content) minmax(0px, max-content) minmax(35px, max-content) minmax(12px, max-content); } #IMAGE-DATASET-blaj0m4e { --width: 70px;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 5;grid-row-start: 1;height: 76px;justify-self: start;margin-left: 0%;margin-top: 0px;width: 70px; } #IMAGE-DATASET-blaj0m4e picture, #IMAGE-DATASET-blaj0m4e img { border-color: #e3e3e3; border-radius: 8px 8px 8px 8px; border-style: solid; border-width: 1.0px; } #IMAGE-DATASET-blaj0m4e img { object-fit: contain; } [id^="TEXT-DATASET-a9ftgfx9"], .--clone-TEXT-DATASET-a9ftgfx9 { font-size: 0px; align-self: center; grid-column-end: 5; 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-DATASET-a9ftgfx9"] .x-text, [id^="TEXT-DATASET-a9ftgfx9"] .x-text a, .--clone-TEXT-DATASET-a9ftgfx9 .x-text, .--clone-TEXT-DATASET-a9ftgfx9 .x-text a { min-height: 12px; --width: 100%; -webkit-text-stroke: 0px #000000ff; border-color: #000000ff; color: #37393B; font-family: 'Roboto', sans-serif; font-size: 16.0px; font-weight: 700; height: 100%; line-height: 1.3; width: 100%; color: var(--active-color, #37393B); } [id^="TEXT-DATASET-a9ftgfx9"] .x-text:hover, .--clone-TEXT-DATASET-a9ftgfx9 .x-text:hover, [id^="TEXT-DATASET-a9ftgfx9"] a:hover, .--clone-TEXT-DATASET-a9ftgfx9 a:hover { } [id^="TEXT-DATASET-7bhf30rc"], .--clone-TEXT-DATASET-7bhf30rc { font-size: 0px; align-self: center; grid-column-end: 4; grid-column-start: 2; grid-row-end: 5; grid-row-start: 4; height: auto; justify-self: end; margin-right: -0.5208333333333333%; margin-top: calc(0px * 2); width: 100.52083333333331%; } [id^="TEXT-DATASET-7bhf30rc"] .x-text, [id^="TEXT-DATASET-7bhf30rc"] .x-text a, .--clone-TEXT-DATASET-7bhf30rc .x-text, .--clone-TEXT-DATASET-7bhf30rc .x-text a { min-height: 12px; --width: 100.52083333333331%; -webkit-text-stroke: 0px #000000ff; border-color: #000000ff; color: #000000ff; font-size: 15.0px; font-weight: 700; height: 100%; text-align: left; width: 100%; color: var(--active-color, #000000ff); } [id^="TEXT-DATASET-7bhf30rc"] .x-text:hover, .--clone-TEXT-DATASET-7bhf30rc .x-text:hover, [id^="TEXT-DATASET-7bhf30rc"] a:hover, .--clone-TEXT-DATASET-7bhf30rc a:hover { } [id^="TEXT-DATASET-v5rllwfi"], .--clone-TEXT-DATASET-v5rllwfi { font-size: 0px; align-self: start; grid-column-end: 3; grid-column-start: 2; grid-row-end: 4; grid-row-start: 3; height: auto; justify-self: end; margin-right: %; margin-top: 0px; width: 100.15010917030568%; } [id^="TEXT-DATASET-v5rllwfi"] .x-text, [id^="TEXT-DATASET-v5rllwfi"] .x-text a, .--clone-TEXT-DATASET-v5rllwfi .x-text, .--clone-TEXT-DATASET-v5rllwfi .x-text a { min-height: 12px; --width: 100.15010917030568%; border-color: #000000ff; color: #37393B; font-size: 14.0px; height: 100%; width: 100%; color: var(--active-color, #37393B); } [id^="TEXT-DATASET-v5rllwfi"] .x-text:hover, .--clone-TEXT-DATASET-v5rllwfi .x-text:hover, [id^="TEXT-DATASET-v5rllwfi"] a:hover, .--clone-TEXT-DATASET-v5rllwfi a:hover { } [id^="TEXT-DATASET-hymji04o"], .--clone-TEXT-DATASET-hymji04o { font-size: 0px; align-self: center; grid-column-end: 5; grid-column-start: 2; grid-row-end: 5; grid-row-start: 4; height: auto; justify-self: stretch; margin-left: 80px; margin-right: 0%; margin-top: calc(0px * 2); width: auto; } [id^="TEXT-DATASET-hymji04o"] .x-text, [id^="TEXT-DATASET-hymji04o"] .x-text a, .--clone-TEXT-DATASET-hymji04o .x-text, .--clone-TEXT-DATASET-hymji04o .x-text a { min-height: 12px; --width: 62.616822429906534%; -webkit-text-stroke: 0px #000000ff; border-color: #000000ff; color: #000000ff; font-size: 13.0px; font-weight: 400; height: 100%; line-height: 1.2; text-align: left; text-decoration: line-through; width: 100%; color: var(--active-color, #000000ff); } [id^="TEXT-DATASET-hymji04o"] .x-text:hover, .--clone-TEXT-DATASET-hymji04o .x-text:hover, [id^="TEXT-DATASET-hymji04o"] a:hover, .--clone-TEXT-DATASET-hymji04o a:hover { } #QUANTITY-INPUT-smk7vl1i { --width: 90px;align-self: center;grid-column-end: 5;grid-column-start: 4;grid-row-end: 5;grid-row-start: 4;height: 32px;justify-self: end;margin-right: 0%;margin-top: calc(0px * 2);width: 90px; -webkit-text-stroke: 0px #000000ff; background: #ffffff; border-color: #EDEEEE; border-radius: 8px 8px 8px 8px; border-style: solid; border-width: 0.0px; color: #000000d9; overflow: hidden; } #QUANTITY-INPUT-smk7vl1i .quantity__input { background: #ffffff; padding-left: 32px; padding-right: 32px; } #QUANTITY-INPUT-smk7vl1i .quantity__button{ border-style: solid; } #QUANTITY-INPUT-smk7vl1i .quantity__button[name="minus"] { border-color: #EDEEEE; border-width: 0.0px; border-top-style: unset;border-bottom-style: unset;border-left-style: unset; width:32px; } #QUANTITY-INPUT-smk7vl1i .quantity__button[name="minus"] svg { width: 12px; } #QUANTITY-INPUT-smk7vl1i .quantity__button[name="plus"] { border-color: #EDEEEE; border-radius: 2px; border-width: 0.0px; border-top-style: unset;border-bottom-style: unset; width:32px; } #QUANTITY-INPUT-smk7vl1i .quantity__button[name="plus"] svg { width: 12px; } #CONTAINER-ps9gl5ij { --bg: #FFFFFF00; background: #FFFFFF00; border-color: #ffffff; border-radius: 8px 8px 8px 8px; border-style: none; border-width: 1.0px; --width: 100%;align-self: start;grid-column-end: 5;grid-column-start: 2;grid-row-end: 4;grid-row-start: 3;grid-template-columns: 10px 1fr 10px;grid-template-rows: minmax(12px, max-content) minmax(400px, max-content) minmax(12px, max-content) minmax(15px, max-content) minmax(12px, max-content) minmax(30px, max-content) minmax(100px, max-content) minmax(12px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: -0.21875px;row-gap: 0px;width: 100%; border: 1px none #ffffff; } #RECT-yivit5cu { align-self: center; grid-column-end: 4; grid-column-start: 1; grid-row-end: 4; grid-row-start: 1; height: 100%; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 100%; border-radius: 8px 8px 8px 8px; } #RECT-yivit5cu .x-rect { --width: 100%; background: #FFFFFF99; border-color: #000000ff; border-radius: 8px 8px 8px 8px; height: 100%; width: 100%; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9ImN1cnJlbnRDb2xvciIvPjwvc3ZnPg==); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; border: ; background: var(--active-color, #FFFFFF99); } #RECT-yivit5cu::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; } #FORM-wpkg7klc { --width: 100%;align-self: start;column-gap: 20px;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;grid-template-columns: 1fr 1fr 1fr;grid-template-rows: minmax(25px, max-content) minmax(64px, max-content) minmax(64px, max-content) minmax(64px, max-content) minmax(64px, max-content) minmax(64px, max-content) minmax(64px, max-content) minmax(64px, max-content) minmax(142px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: 0px;row-gap: 12px;width: 100%; font-family: 'Roboto', sans-serif; --icon-color: inherit; } [id^="TEXT-4pkaqzoe"], .--clone-TEXT-4pkaqzoe { font-size: 0px; align-self: center; grid-column-end: 4; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: start; margin-left: -0.041852678571436146%; margin-top: calc(0px * 2); width: 100.08370535714286%; } [id^="TEXT-4pkaqzoe"] .x-text, [id^="TEXT-4pkaqzoe"] .x-text a, .--clone-TEXT-4pkaqzoe .x-text, .--clone-TEXT-4pkaqzoe .x-text a { min-height: 12px; --width: 100.08370535714286%; -webkit-text-stroke: 0px #000000ff; color: #000000; font-size: 20.0px; font-weight: 700; height: 100%; width: 100%; color: var(--active-color, #000000); } [id^="TEXT-4pkaqzoe"] .x-text:hover, .--clone-TEXT-4pkaqzoe .x-text:hover, [id^="TEXT-4pkaqzoe"] a:hover, .--clone-TEXT-4pkaqzoe a:hover { } #INPUT-2vs8vcr3 { --width: 100%;align-self: center;grid-column-end: 4;grid-column-start: 1;grid-row-end: 3;grid-row-start: 2;height: 100%;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 100%; } #INPUT-2vs8vcr3 .input-label { margin-bottom: 8px; padding: 0 20px 0 1px; font-size: 14.1px; color: #000000; } #INPUT-2vs8vcr3 input { -webkit-text-stroke: 0px #000000ff; border-color: #DBDDDE; border-radius: 8px 8px 8px 8px; border-style: solid; border-width: 1.0px; color: #000000ff; font-family: 'Roboto', sans-serif; font-size: 14.1px; font-weight: 400; background: #ffffff; padding: 3px 10px 3px 15px; } #INPUT-2vs8vcr3 input[type="date"] { -webkit-text-fill-color: #000000ff; } #INPUT-2vs8vcr3 input::placeholder { color: #979797; -webkit-text-fill-color: #979797 !important; } #PHONE-NUMBER-n5m2udj6 { --width: 100%;align-self: center;grid-column-end: 4;grid-column-start: 1;grid-row-end: 4;grid-row-start: 3;height: 100%;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 100%; } #PHONE-NUMBER-n5m2udj6 .input-label { margin-bottom: 8px; padding: 0 20px 0 1px; font-size: 14.1px; color: #000000; } #PHONE-NUMBER-n5m2udj6 input { -webkit-text-stroke: 0px #000000ff; border-color: #DBDDDE; border-radius: 8px 8px 8px 8px; border-style: solid; border-width: 1.0px; color: #000000ff; font-family: 'Roboto', sans-serif; font-size: 14.1px; font-weight: 400; background: #ffffff; padding: 3px 10px 3px 15px; } #PHONE-NUMBER-n5m2udj6 input[type="date"] { -webkit-text-fill-color: #000000ff; } #PHONE-NUMBER-n5m2udj6 input::placeholder { color: #979797; -webkit-text-fill-color: #979797 !important; } #EMAIL-4diddspo { --width: 100%;align-self: center;grid-column-end: 4;grid-column-start: 1;grid-row-end: 5;grid-row-start: 4;height: 100%;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 100%; } #EMAIL-4diddspo .input-label { margin-bottom: 8px; padding: 0 20px 0 1px; font-size: 14.1px; color: #000000; } #EMAIL-4diddspo input { -webkit-text-stroke: 0px #000000ff; border-color: #DBDDDE; border-radius: 8px 8px 8px 8px; border-style: solid; border-width: 1.0px; color: #000000ff; font-family: 'Roboto', sans-serif; font-size: 14.1px; font-weight: 400; background: #ffffff; padding: 3px 10px 3px 15px; } #EMAIL-4diddspo input[type="date"] { -webkit-text-fill-color: #000000ff; } #EMAIL-4diddspo input::placeholder { color: #979797; -webkit-text-fill-color: #979797 !important; } #DETECT-ADDRESS-6scp143g { --width: 100%;align-self: center;grid-column-end: 4;grid-column-start: 1;grid-row-end: 6;grid-row-start: 5;height: 100%;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 100%; } #DETECT-ADDRESS-6scp143g .input-label { margin-bottom: 8px; padding: 0 20px 0 1px; font-size: 14.1px; color: #000000; } #DETECT-ADDRESS-6scp143g input { -webkit-text-stroke: 0px #000000ff; border-color: #DBDDDE; border-radius: 8px 8px 8px 8px; border-style: solid; border-width: 1.0px; color: #000000ff; font-family: 'Roboto', sans-serif; font-size: 14.1px; font-weight: 400; background: #ffffff; padding: 3px 10px 3px 15px; } #DETECT-ADDRESS-6scp143g input[type="date"] { -webkit-text-fill-color: #000000ff; } #DETECT-ADDRESS-6scp143g input::placeholder { color: #979797; -webkit-text-fill-color: #979797 !important; } #ADDRESS-p3nlpbom { --width: 100%;align-self: center;grid-column-end: 4;grid-column-start: 1;grid-row-end: 7;grid-row-start: 6;height: 100%;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 100%; } #ADDRESS-p3nlpbom .input-label { margin-bottom: 8px; padding: 0 20px 0 1px; font-size: 14.1px; color: #000000; } #ADDRESS-p3nlpbom .x-address { -webkit-text-stroke: 0px #000000ff; border-color: #DBDDDE; border-radius: 8px 8px 8px 8px; border-style: solid; border-width: 1.0px; color: #000000ff; font-family: 'Roboto', sans-serif; font-size: 14.1px; font-weight: 400; padding: 3px 3px 3px 15px; background: #ffffff } #ADDRESS-3hav5laz { --width: 100%;align-self: center;grid-column-end: 4;grid-column-start: 1;grid-row-end: 8;grid-row-start: 7;height: 100%;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 100%; } #ADDRESS-3hav5laz .input-label { margin-bottom: 8px; padding: 0 20px 0 1px; font-size: 14.1px; color: #000000; } #ADDRESS-3hav5laz .x-address { -webkit-text-stroke: 0px #000000ff; border-color: #DBDDDE; border-radius: 8px 8px 8px 8px; border-style: solid; border-width: 1.0px; color: #000000ff; font-family: 'Roboto', sans-serif; font-size: 14.1px; font-weight: 400; padding: 3px 3px 3px 15px; background: #ffffff } #ADDRESS-ckgty1ri { --width: 100%;align-self: center;grid-column-end: 4;grid-column-start: 1;grid-row-end: 9;grid-row-start: 8;height: 100%;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 100%; } #ADDRESS-ckgty1ri .input-label { margin-bottom: 8px; padding: 0 20px 0 1px; font-size: 14.1px; color: #000000; } #ADDRESS-ckgty1ri .x-address { -webkit-text-stroke: 0px #000000ff; border-color: #DBDDDE; border-radius: 8px 8px 8px 8px; border-style: solid; border-width: 1.0px; color: #000000ff; font-family: 'Roboto', sans-serif; font-size: 14.1px; font-weight: 400; padding: 3px 3px 3px 15px; background: #ffffff } #TEXT-AREA-mcfkji7z { --width: 100%;align-self: center;grid-column-end: 4;grid-column-start: 1;grid-row-end: 10;grid-row-start: 9;height: 100%;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 100%; } #TEXT-AREA-mcfkji7z .input-label { margin-bottom: 8px; padding: 0 20px 0 1px; font-size: 14.1px; color: #000000; } #TEXT-AREA-mcfkji7z textarea { -webkit-text-stroke: 0px #000000ff; border-color: #DBDDDE; border-radius: 8px 8px 8px 8px; border-style: solid; border-width: 1.0px; color: #000000ff; font-family: 'Roboto', sans-serif; font-size: 14.1px; font-weight: 400; background: #ffffff; padding: 3px 10px 3px 15px; } #TEXT-AREA-mcfkji7z textarea::placeholder { color: #979797; -webkit-text-fill-color: #979797 !important; } #RECT-n4sjgt1w { align-self: center; grid-column-end: 4; grid-column-start: 1; grid-row-end: 9; grid-row-start: 5; height: 100%; justify-self: end; margin-right: -0.002016813858695652%; margin-top: calc(0px * 2); width: 100%; border-radius: 8px 8px 8px 8px; } #RECT-n4sjgt1w .x-rect { --width: 100%; background: #FFFFFF99; border-color: #000000ff; border-radius: 8px 8px 8px 8px; height: 100%; width: 100%; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9ImN1cnJlbnRDb2xvciIvPjwvc3ZnPg==); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; border: ; background: var(--active-color, #FFFFFF99); } #RECT-n4sjgt1w::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; } #PAYMENT-l1sqastc { --width: 100%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 8;grid-row-start: 7;height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: -0.1953125px;width: 100%; --icon-color: inherit; } #PAYMENT-l1sqastc label { -webkit-text-stroke: 0px #000000ff; border-color: #00C1A2; border-style: solid; border-width: 1.0px; color: #000000d9; text-align: left; } #PAYMENT-l1sqastc .payment--method { padding: 8px 10px; } #PAYMENT-l1sqastc .payment-wrapper { grid-template-columns: repeat(1, 1fr); gap: 12px; } #PAYMENT-l1sqastc .payment-wrapper label.selected, #PAYMENT-l1sqastc .payment-wrapper label:hover { border-color: #2f5acf; } [id^="TEXT-8qpwu945"], .--clone-TEXT-8qpwu945 { font-size: 0px; align-self: end; grid-column-end: 3; grid-column-start: 2; grid-row-end: 7; grid-row-start: 6; height: auto; justify-self: center; margin-bottom: 15px; margin-left: calc(0% * 2); width: 100%; } [id^="TEXT-8qpwu945"] .x-text, [id^="TEXT-8qpwu945"] .x-text a, .--clone-TEXT-8qpwu945 .x-text, .--clone-TEXT-8qpwu945 .x-text a { min-height: 12px; --width: 100%; -webkit-text-stroke: 0px #000000ff; color: var(--font_color_4); font: var(--font_4); font-family: 'Roboto', sans-serif; height: 100%; line-height: 1.5; width: 100%; color: var(--active-color, var(--font_color_4)); } [id^="TEXT-8qpwu945"] .x-text:hover, .--clone-TEXT-8qpwu945 .x-text:hover, [id^="TEXT-8qpwu945"] a:hover, .--clone-TEXT-8qpwu945 a:hover { } #CONTAINER-myn4qx5a { --bg: #FFFFFF99; background: #FFFFFF99; border-color: #ffffff; border-radius: 8px 8px 8px 8px; border-style: solid; border-width: 1.0px; --width: 100%;align-self: start;grid-column-end: 5;grid-column-start: 2;grid-row-end: 5;grid-row-start: 4;grid-template-columns: 10px 1fr 10px;grid-template-rows: minmax(12px, max-content) minmax(30px, max-content) minmax(35px, max-content) minmax(35px, max-content) minmax(100px, max-content) minmax(0px, max-content) minmax(0px, max-content) minmax(40px, max-content) minmax(35px, max-content) minmax(25px, max-content) minmax(56px, max-content) minmax(54px, max-content) minmax(12px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: -0.015625px;width: 100%; border: 1px solid #ffffff; } [id^="TEXT-i1m5kxas"], .--clone-TEXT-i1m5kxas { font-size: 0px; align-self: end; grid-column-end: 3; grid-column-start: 2; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: center; margin-bottom: 5px; margin-left: calc(0% * 2); width: 100%; } [id^="TEXT-i1m5kxas"] .x-text, [id^="TEXT-i1m5kxas"] .x-text a, .--clone-TEXT-i1m5kxas .x-text, .--clone-TEXT-i1m5kxas .x-text a { min-height: 12px; --width: 100%; -webkit-text-stroke: 0px #000000ff; color: var(--font_color_4); font: var(--font_4); font-family: 'Roboto', sans-serif; height: 100%; line-height: 1.5; width: 100%; color: var(--active-color, var(--font_color_4)); } [id^="TEXT-i1m5kxas"] .x-text:hover, .--clone-TEXT-i1m5kxas .x-text:hover, [id^="TEXT-i1m5kxas"] a:hover, .--clone-TEXT-i1m5kxas a:hover { } [id^="TEXT-8se63rlj"], .--clone-TEXT-8se63rlj { 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-left: 0%; margin-top: calc(0px * 2); width: 50%; } [id^="TEXT-8se63rlj"] .x-text, [id^="TEXT-8se63rlj"] .x-text a, .--clone-TEXT-8se63rlj .x-text, .--clone-TEXT-8se63rlj .x-text a { min-height: 12px; --width: 50%; -webkit-text-stroke: 0px #000000ff; color: #37393B; font: var(--font_5); font-family: 'Roboto', sans-serif; font-size: 14.0px; font-weight: 700; height: 100%; width: 100%; color: var(--active-color, #37393B); } [id^="TEXT-8se63rlj"] .x-text:hover, .--clone-TEXT-8se63rlj .x-text:hover, [id^="TEXT-8se63rlj"] a:hover, .--clone-TEXT-8se63rlj a:hover { } [id^="TEXT-DATASET-tupmprks"], .--clone-TEXT-DATASET-tupmprks { 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: end; margin-right: 0%; margin-top: calc(0px * 2); width: 50%; } [id^="TEXT-DATASET-tupmprks"] .x-text, [id^="TEXT-DATASET-tupmprks"] .x-text a, .--clone-TEXT-DATASET-tupmprks .x-text, .--clone-TEXT-DATASET-tupmprks .x-text a { min-height: 12px; --width: 50%; -webkit-text-stroke: 0px #000000ff; border-color: #000000ff; color: #494C4E; font-family: 'Roboto', sans-serif; font-size: 14.0px; height: 100%; text-align: right; width: 100%; color: var(--active-color, #494C4E); } [id^="TEXT-DATASET-tupmprks"] .x-text:hover, .--clone-TEXT-DATASET-tupmprks .x-text:hover, [id^="TEXT-DATASET-tupmprks"] a:hover, .--clone-TEXT-DATASET-tupmprks a:hover { } [id^="TEXT-ideecgv6"], .--clone-TEXT-ideecgv6 { font-size: 0px; align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 5; grid-row-start: 4; height: auto; justify-self: start; margin-left: 0%; margin-top: calc(0px * 2); width: 50%; } [id^="TEXT-ideecgv6"] .x-text, [id^="TEXT-ideecgv6"] .x-text a, .--clone-TEXT-ideecgv6 .x-text, .--clone-TEXT-ideecgv6 .x-text a { min-height: 12px; --width: 50%; -webkit-text-stroke: 0px #000000ff; color: #37393B; font: var(--font_5); font-family: 'Roboto', sans-serif; font-size: 14.0px; font-weight: 700; height: 100%; width: 100%; color: var(--active-color, #37393B); } [id^="TEXT-ideecgv6"] .x-text:hover, .--clone-TEXT-ideecgv6 .x-text:hover, [id^="TEXT-ideecgv6"] a:hover, .--clone-TEXT-ideecgv6 a:hover { } [id^="TEXT-DATASET-98zb9tzr"], .--clone-TEXT-DATASET-98zb9tzr { font-size: 0px; align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 5; grid-row-start: 4; height: auto; justify-self: end; margin-right: 0%; margin-top: calc(0px * 2); width: 50%; } [id^="TEXT-DATASET-98zb9tzr"] .x-text, [id^="TEXT-DATASET-98zb9tzr"] .x-text a, .--clone-TEXT-DATASET-98zb9tzr .x-text, .--clone-TEXT-DATASET-98zb9tzr .x-text a { min-height: 12px; --width: 50%; -webkit-text-stroke: 0px #000000ff; border-color: #000000ff; color: #494C4E; font-family: 'Roboto', sans-serif; font-size: 14.0px; height: 100%; text-align: right; width: 100%; color: var(--active-color, #494C4E); } [id^="TEXT-DATASET-98zb9tzr"] .x-text:hover, .--clone-TEXT-DATASET-98zb9tzr .x-text:hover, [id^="TEXT-DATASET-98zb9tzr"] a:hover, .--clone-TEXT-DATASET-98zb9tzr a:hover { } #FORM-8z6kr9io { --width: 100%;align-self: center;grid-column-end: 3;grid-column-start: 2;grid-row-end: 6;grid-row-start: 5;grid-template-columns: 1fr;grid-template-rows: minmax(38px, max-content) minmax(38px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);row-gap: 10px;width: 100%; --icon-color: inherit; } #COUPON-yrp4rir2 { --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%; } #COUPON-yrp4rir2 .input-label { margin-bottom: 8px; padding: 0 20px 0 1px; font-size: 14px; } #COUPON-yrp4rir2 input { -webkit-text-stroke: 0px #000000ff; border-color: #DBDDDE; border-radius: 8px 8px 8px 8px; border-style: solid; border-width: 1.0px; color: #000000; font-size: 14.0px; background: var(--color_00); padding: 3px 10px 3px 15px; } #COUPON-yrp4rir2 input[type="date"] { -webkit-text-fill-color: #000000; } #COUPON-yrp4rir2 input::placeholder { color: #757575ff; -webkit-text-fill-color: #757575ff !important; } #SUBMIT-BUTTON-xuhmdqkw { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 3; grid-row-start: 2; height: 100%; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 100%; } #SUBMIT-BUTTON-xuhmdqkw .x-button-wrapper { --width: 100%; -webkit-text-stroke: 0px #000000ff; background: #E7F7F3; border-color: #00C1A2; border-radius: 8px 8px 8px 8px; border-style: solid; border-width: 1.0px; color: #00C1A2; font-size: 14.0px; font-weight: 400; height: 100%; text-align: center; width: 100%; border: ; color: var(--active-color, #00C1A2); } #SUBMIT-BUTTON-xuhmdqkw[disabled=true] { display: none; } [id^="TEXT-DATASET-g923e632"], .--clone-TEXT-DATASET-g923e632 { font-size: 0px; align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 7; grid-row-start: 6; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 100%; } [id^="TEXT-DATASET-g923e632"] .x-text, [id^="TEXT-DATASET-g923e632"] .x-text a, .--clone-TEXT-DATASET-g923e632 .x-text, .--clone-TEXT-DATASET-g923e632 .x-text a { min-height: 12px; --width: 100%; -webkit-text-stroke: 0px #000000ff; border-color: #000000ff; color: #ed1b2e; font-size: 14.0px; font-weight: 700; height: 100%; text-align: left; width: 100%; color: var(--active-color, #ed1b2e); } [id^="TEXT-DATASET-g923e632"] .x-text:hover, .--clone-TEXT-DATASET-g923e632 .x-text:hover, [id^="TEXT-DATASET-g923e632"] a:hover, .--clone-TEXT-DATASET-g923e632 a:hover { } [id^="TEXT-d55pxadb"], .--clone-TEXT-d55pxadb { font-size: 0px; align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 9; grid-row-start: 8; height: auto; justify-self: start; margin-left: 0%; margin-top: calc(0px * 2); width: 50%; } [id^="TEXT-d55pxadb"] .x-text, [id^="TEXT-d55pxadb"] .x-text a, .--clone-TEXT-d55pxadb .x-text, .--clone-TEXT-d55pxadb .x-text a { min-height: 12px; --width: 50%; -webkit-text-stroke: 0px #000000ff; color: #37393B; font: var(--font_5); font-family: 'Roboto', sans-serif; font-size: 14.0px; font-weight: 700; height: 100%; width: 100%; color: var(--active-color, #37393B); } [id^="TEXT-d55pxadb"] .x-text:hover, .--clone-TEXT-d55pxadb .x-text:hover, [id^="TEXT-d55pxadb"] a:hover, .--clone-TEXT-d55pxadb a:hover { } [id^="TEXT-DATASET-67ay547j"], .--clone-TEXT-DATASET-67ay547j { font-size: 0px; align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 9; grid-row-start: 8; height: auto; justify-self: end; margin-right: 0%; margin-top: calc(0px * 2); width: 50%; } [id^="TEXT-DATASET-67ay547j"] .x-text, [id^="TEXT-DATASET-67ay547j"] .x-text a, .--clone-TEXT-DATASET-67ay547j .x-text, .--clone-TEXT-DATASET-67ay547j .x-text a { min-height: 12px; --width: 50%; -webkit-text-stroke: 0px #000000ff; border-color: #000000ff; color: #494C4E; font-family: 'Roboto', sans-serif; font-size: 14.0px; height: 100%; text-align: right; width: 100%; color: var(--active-color, #494C4E); } [id^="TEXT-DATASET-67ay547j"] .x-text:hover, .--clone-TEXT-DATASET-67ay547j .x-text:hover, [id^="TEXT-DATASET-67ay547j"] a:hover, .--clone-TEXT-DATASET-67ay547j a:hover { } [id^="TEXT-ev5jarjs"], .--clone-TEXT-ev5jarjs { font-size: 0px; align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 10; grid-row-start: 9; height: auto; justify-self: start; margin-left: 0%; margin-top: calc(0px * 2); width: 50%; } [id^="TEXT-ev5jarjs"] .x-text, [id^="TEXT-ev5jarjs"] .x-text a, .--clone-TEXT-ev5jarjs .x-text, .--clone-TEXT-ev5jarjs .x-text a { min-height: 12px; --width: 50%; -webkit-text-stroke: 0px #000000ff; color: #37393B; font: var(--font_5); font-family: 'Roboto', sans-serif; font-size: 16.0px; font-weight: 700; height: 100%; width: 100%; color: var(--active-color, #37393B); } [id^="TEXT-ev5jarjs"] .x-text:hover, .--clone-TEXT-ev5jarjs .x-text:hover, [id^="TEXT-ev5jarjs"] a:hover, .--clone-TEXT-ev5jarjs a:hover { } [id^="TEXT-DATASET-qvkdnepb"], .--clone-TEXT-DATASET-qvkdnepb { font-size: 0px; align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 10; grid-row-start: 9; height: auto; justify-self: end; margin-right: 0%; margin-top: calc(0px * 2); width: 50%; } [id^="TEXT-DATASET-qvkdnepb"] .x-text, [id^="TEXT-DATASET-qvkdnepb"] .x-text a, .--clone-TEXT-DATASET-qvkdnepb .x-text, .--clone-TEXT-DATASET-qvkdnepb .x-text a { min-height: 12px; --width: 50%; -webkit-text-stroke: 0px #000000ff; border-color: #000000ff; color: #00C1A2; font-family: 'Roboto', sans-serif; font-size: 20.0px; font-weight: 700; height: 100%; text-align: right; width: 100%; color: var(--active-color, #00C1A2); } [id^="TEXT-DATASET-qvkdnepb"] .x-text:hover, .--clone-TEXT-DATASET-qvkdnepb .x-text:hover, [id^="TEXT-DATASET-qvkdnepb"] a:hover, .--clone-TEXT-DATASET-qvkdnepb a:hover { } #LINE-5ngas10u { --width: 100%;align-self: center;grid-column-end: 3;grid-column-start: 2;grid-row-end: 11;grid-row-start: 10;height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 100%; height: auto; } #LINE-5ngas10u .line-container { border-color: #DEF2EE; border-style: solid; border-width: 1.0px; } #FORM-dofswxhg { --width: 100%;align-self: center;column-gap: 15px;grid-column-end: 3;grid-column-start: 2;grid-row-end: 12;grid-row-start: 11;grid-template-columns: 1fr;grid-template-rows: minmax(46px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);row-gap: 15px;width: 100%; font-family: 'Roboto', sans-serif; --icon-color: #0075ff; } #SUBMIT-BUTTON-5eudgucq { 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%; } #SUBMIT-BUTTON-5eudgucq .x-button-wrapper { --width: 100%; -webkit-text-stroke: 0px #000000ff; background: #00C1A2; border-color: #000000ff; border-radius: 8px 8px 8px 8px; color: #ffffffff; font-size: 14.0px; font-weight: 700; height: 100%; text-align: center; width: 100%; border: ; color: var(--active-color, #ffffffff); } #SUBMIT-BUTTON-5eudgucq[disabled=true] { display: none; } #BUTTON-ol906g0t { align-self: end; grid-column-end: 3; grid-column-start: 2; grid-row-end: 13; grid-row-start: 12; height: 46px; justify-self: center; margin-bottom: 0px; margin-left: calc(0% * 2); width: 100%; } #BUTTON-ol906g0t .x-button-wrapper { --width: 100%; -webkit-text-stroke: 0px #000000ff; background: var(--color_00); border-color: #DBDDDE; border-radius: 8px 8px 8px 8px; border-style: solid; border-width: 1.0px; color: #181818ff; font-family: 'Roboto', sans-serif; font-size: 14.0px; height: 100%; text-align: center; width: 100%; border: ; color: var(--active-color, #181818ff); } #BUTTON-ol906g0t[disabled=true] { display: none; } #PROMOTIONS-SHORT-2xy2jl3x { --width: auto;align-self: center;grid-column-end: 3;grid-column-start: 2;grid-row-end: 8;grid-row-start: 7;height: auto;justify-self: start;margin-left: 0%;margin-top: calc(0px * 2);width: auto; flex-direction: row; width: auto; display: flex; gap: 8px; align-items: center; } #PROMOTIONS-SHORT-2xy2jl3x .x-promotion-content { flex-direction: row; } #PROMOTIONS-SHORT-2xy2jl3x .x-promotion-content .x-promotion-item { --height: auto; --dot-color: #FFF; --border-color: #00C1A2; --color: #00C1A2; --background: #ffffff; --padding-x: 15px; --padding-y: 3px; --border-width: 1px; --border-radius: 5px; height: auto; -webkit-text-stroke: 0px #000000ff; background: #ffffff; color: #00C1A2; font-size: 15.0px; } #PROMOTIONS-SHORT-2xy2jl3x .x-promotion-arrow { width: calc(auto / 2); height: calc(auto / 2); min-width: calc(auto / 2); min-height: calc(auto / 2); display: none; } #PROMOTIONS-SHORT-2xy2jl3x .x-promotion-content .x-promotion-item .x-text-overlay { top: calc(50% + 0px); } #POPUP-pinowveo { --top: 50%; top: var(--top); --left: 50%; left: var(--left); transform: translate(-50%, -50%); background: #ffffff; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); width: 300px; height: auto; grid-template-columns: 5px 1fr 5px; grid-template-rows: minmax(10px, max-content) minmax(0px, max-content) minmax(10px, max-content) minmax(0px, max-content) minmax(10px, max-content); column-gap: 0px; row-gap: 10px; max-height: var(--viewport-height, 100vh); border-width: 0px; border-color: #000000; border-radius: 0px; border-style: solid; } #POPUP-pinowveo.anim { --width: 300px; } #CONTAINER-yy32io9d { --bg: #ffffff00; background: #ffffff00; border-color: #000000ff; --width: 100%;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(0px, max-content) minmax(0px, max-content) minmax(0px, max-content) minmax(0px, max-content) minmax(0px, max-content) minmax(0px, max-content) minmax(0px, max-content) minmax(0px, max-content) minmax(0px, max-content) minmax(0px, max-content) minmax(10px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: 0px;row-gap: 10px;width: 100%; border: #000000ff; } #QUANTITY-INPUT-e7i9qt9e { --width: 100px;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 11;grid-row-start: 10;height: 30px;justify-self: start;margin-left: 0%;margin-top: -0.453125px;width: 100px; background: #fafafa; border-color: #000000ff; border-style: none; border-width: 1.0px; color: #000000d9; overflow: hidden; } #QUANTITY-INPUT-e7i9qt9e .quantity__input { background: #fafafa; padding-left: 30px; padding-right: 30px; } #QUANTITY-INPUT-e7i9qt9e .quantity__button{ border-style: solid; } #QUANTITY-INPUT-e7i9qt9e .quantity__button[name="minus"] { background: #f5f5f5; width:30px; } #QUANTITY-INPUT-e7i9qt9e .quantity__button[name="minus"] svg { width: 9.3px; } #QUANTITY-INPUT-e7i9qt9e .quantity__button[name="plus"] { background: #f5f5f5; width:30px; } #QUANTITY-INPUT-e7i9qt9e .quantity__button[name="plus"] svg { width: 9.3px; } [id^="TEXT-DATASET-mtxub51e"], .--clone-TEXT-DATASET-mtxub51e { font-size: 0px; align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 8; grid-row-start: 7; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: px; width: 100%; } [id^="TEXT-DATASET-mtxub51e"] .x-text, [id^="TEXT-DATASET-mtxub51e"] .x-text a, .--clone-TEXT-DATASET-mtxub51e .x-text, .--clone-TEXT-DATASET-mtxub51e .x-text a { min-height: 12px; --width: 100%; -webkit-text-stroke: 0px #000000ff; color: #000000ff; font-size: 14.0px; font-weight: 700; height: 100%; width: 100%; color: var(--active-color, #000000ff); } [id^="TEXT-DATASET-mtxub51e"] .x-text:hover, .--clone-TEXT-DATASET-mtxub51e .x-text:hover, [id^="TEXT-DATASET-mtxub51e"] a:hover, .--clone-TEXT-DATASET-mtxub51e a:hover { } [id^="TEXT-77d85hg2"], .--clone-TEXT-77d85hg2 { 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: start; margin-bottom: calc(0.1875px * 2); margin-left: 0.15580484330484332%; width: 95.6875px; } [id^="TEXT-77d85hg2"] .x-text, [id^="TEXT-77d85hg2"] .x-text a, .--clone-TEXT-77d85hg2 .x-text, .--clone-TEXT-77d85hg2 .x-text a { min-height: 12px; --width: 95.6875px; -webkit-text-stroke: 0px #000000ff; color: var(--font_color_7); font: var(--font_7); font-size: 14.0px; height: 100%; width: 100%; color: var(--active-color, var(--font_color_7)); } [id^="TEXT-77d85hg2"] .x-text:hover, .--clone-TEXT-77d85hg2 .x-text:hover, [id^="TEXT-77d85hg2"] a:hover, .--clone-TEXT-77d85hg2 a:hover { } [id^="TEXT-tpgemki0"], .--clone-TEXT-tpgemki0 { 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: start; margin-left: 0.15135327635327633%; margin-top: calc(0px * 2); width: 192.234375px; } [id^="TEXT-tpgemki0"] .x-text, [id^="TEXT-tpgemki0"] .x-text a, .--clone-TEXT-tpgemki0 .x-text, .--clone-TEXT-tpgemki0 .x-text a { min-height: 12px; --width: 192.234375px; -webkit-text-stroke: 0px #000000ff; color: var(--font_color_7); font: var(--font_7); font-size: 14.0px; height: 100%; width: 100%; color: var(--active-color, var(--font_color_7)); } [id^="TEXT-tpgemki0"] .x-text:hover, .--clone-TEXT-tpgemki0 .x-text:hover, [id^="TEXT-tpgemki0"] a:hover, .--clone-TEXT-tpgemki0 a:hover { } [id^="TEXT-DATASET-l5wqgrs1"], .--clone-TEXT-DATASET-l5wqgrs1 { 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: end; margin-right: 23.779633620689655%; margin-top: -0.4765625px; width: 9.916487068965516%; } [id^="TEXT-DATASET-l5wqgrs1"] .x-text, [id^="TEXT-DATASET-l5wqgrs1"] .x-text a, .--clone-TEXT-DATASET-l5wqgrs1 .x-text, .--clone-TEXT-DATASET-l5wqgrs1 .x-text a { min-height: 12px; --width: 9.916487068965516%; -webkit-text-stroke: 0px #000000ff; color: #000000ff; font-size: 14.0px; height: 100%; width: 100%; color: var(--active-color, #000000ff); } [id^="TEXT-DATASET-l5wqgrs1"] .x-text:hover, .--clone-TEXT-DATASET-l5wqgrs1 .x-text:hover, [id^="TEXT-DATASET-l5wqgrs1"] a:hover, .--clone-TEXT-DATASET-l5wqgrs1 a:hover { } #ATTR-0rccsdgh { --width: 88.5234375%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 7;grid-row-start: 6;height: auto;justify-self: start;margin-left: 0px;margin-top: -0.5390625px;width: 88.5234375%; } #ATTR-0rccsdgh .attr--item, #ATTR-0rccsdgh select { -webkit-text-stroke: 0px #000000ff; border-color: #c4c4c4ff; border-radius: 0px 0px 0px 0px; border-style: solid; border-width: 1.0px; color: #000000d9; font-size: 13.0px; line-height: 20; text-align: center; } #ATTR-0rccsdgh .chevron { width: 16px; right: 13px; } #ATTR-0rccsdgh .chevron svg{ height: 16px; } #ATTR-0rccsdgh .attr--item { margin-right: 12px; margin-bottom: 10px; } #ATTR-0rccsdgh .attr--item:hover { border-color: #c4c4c4ff; border-width: 1px; } #ATTR-0rccsdgh .attr--item.selected { border-color: #c4c4c4ff; border-width: 1px; } #ATTR-0rccsdgh img { width: 40px; height: 40px; padding: 0px; border-radius: 0px 0px 0px 0px; } #ATTR-0rccsdgh .attr--item:hover .tooltip { background: #000; color: #fff; } #ATTR-0rccsdgh .attr--item:hover .tooltip:after { background: #000; border-top-color: #000; } #ATTR-0rccsdgh .select-wrapper { opacity: 0; } #ATTR-0rccsdgh .select-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between; pointer-events: none; -webkit-text-stroke: 0px #000000ff; border-color: #c4c4c4ff; border-radius: 0px 0px 0px 0px; border-style: solid; border-width: 1.0px; color: #000000d9; font-size: 13.0px; line-height: 20; text-align: center; gap: 0px; padding-left: 12px !important; padding-right: 12px !important; } #ATTR-0rccsdgh .select-overlay .select--text { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } #ATTR-0rccsdgh .select-overlay .select--icon { width: 16px; height: 16px; min-width: 16px; min-height: 16px; } [id^="TEXT-n5ktb0bn"], .--clone-TEXT-n5ktb0bn { font-size: 0px; align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 10; grid-row-start: 9; height: auto; justify-self: start; margin-left: 0%; margin-top: calc(0px * 2); width: 35.21833653435766%; } [id^="TEXT-n5ktb0bn"] .x-text, [id^="TEXT-n5ktb0bn"] .x-text a, .--clone-TEXT-n5ktb0bn .x-text, .--clone-TEXT-n5ktb0bn .x-text a { min-height: 12px; --width: 35.21833653435766%; -webkit-text-stroke: 0px #000000ff; color: var(--font_color_5); font: var(--font_5); height: 100%; width: 100%; color: var(--active-color, var(--font_color_5)); } [id^="TEXT-n5ktb0bn"] .x-text:hover, .--clone-TEXT-n5ktb0bn .x-text:hover, [id^="TEXT-n5ktb0bn"] a:hover, .--clone-TEXT-n5ktb0bn a:hover { } #BUTTON-m1wxeu24 { align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 12; grid-row-start: 11; height: 41px; justify-self: center; margin-left: calc(0% * 2); margin-top: -0.90625px; width: 100%; } #BUTTON-m1wxeu24 .x-button-wrapper { --width: 100%; -webkit-text-stroke: 0px #000000ff; background: #6d499e; border-color: #000000ff; border-radius: 4px; color: #ffffffff; font-size: 14.0px; font-weight: 700; height: 100%; text-align: center; width: 100%; border: ; color: var(--active-color, #ffffffff); } #BUTTON-m1wxeu24[disabled=true] { display: none; } [id^="TEXT-DATASET-35u5j8sx"], .--clone-TEXT-DATASET-35u5j8sx { 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.546875px; margin-top: calc(0px * 2); width: 125.859375px; } [id^="TEXT-DATASET-35u5j8sx"] .x-text, [id^="TEXT-DATASET-35u5j8sx"] .x-text a, .--clone-TEXT-DATASET-35u5j8sx .x-text, .--clone-TEXT-DATASET-35u5j8sx .x-text a { min-height: 12px; --width: 125.859375px; -webkit-text-stroke: 0px #000000ff; color: #000000ff; font-size: 24.0px; font-weight: 700; height: 100%; width: 100%; color: var(--active-color, #000000ff); } [id^="TEXT-DATASET-35u5j8sx"] .x-text:hover, .--clone-TEXT-DATASET-35u5j8sx .x-text:hover, [id^="TEXT-DATASET-35u5j8sx"] a:hover, .--clone-TEXT-DATASET-35u5j8sx a:hover { } [id^="TEXT-DATASET-9f8emojx"], .--clone-TEXT-DATASET-9f8emojx { 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: end; margin-bottom: calc(0.421875px * 2); margin-right: 7.382812499999999%; width: 148.49609375px; } [id^="TEXT-DATASET-9f8emojx"] .x-text, [id^="TEXT-DATASET-9f8emojx"] .x-text a, .--clone-TEXT-DATASET-9f8emojx .x-text, .--clone-TEXT-DATASET-9f8emojx .x-text a { min-height: 12px; --width: 148.49609375px; -webkit-text-stroke: 0px #000000ff; color: var(--font_color_6); font: var(--font_6); font-size: 14.0px; height: 100%; width: 100%; color: var(--active-color, var(--font_color_6)); } [id^="TEXT-DATASET-9f8emojx"] .x-text:hover, .--clone-TEXT-DATASET-9f8emojx .x-text:hover, [id^="TEXT-DATASET-9f8emojx"] a:hover, .--clone-TEXT-DATASET-9f8emojx a:hover { } [id^="TEXT-DATASET-kzr14y1w"], .--clone-TEXT-DATASET-kzr14y1w { 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: start; margin-left: px; margin-top: px; width: 79.59056519804182%; } [id^="TEXT-DATASET-kzr14y1w"] .x-text, [id^="TEXT-DATASET-kzr14y1w"] .x-text a, .--clone-TEXT-DATASET-kzr14y1w .x-text, .--clone-TEXT-DATASET-kzr14y1w .x-text a { min-height: 12px; --width: 79.59056519804182%; color: var(--font_color_2); font: var(--font_2); font-size: 18.0px; height: 100%; width: 100%; color: var(--active-color, var(--font_color_2)); } [id^="TEXT-DATASET-kzr14y1w"] .x-text:hover, .--clone-TEXT-DATASET-kzr14y1w .x-text:hover, [id^="TEXT-DATASET-kzr14y1w"] a:hover, .--clone-TEXT-DATASET-kzr14y1w a:hover { } [id^="TEXT-DATASET-fsh8chp9"], .--clone-TEXT-DATASET-fsh8chp9 { font-size: 0px; align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 6; grid-row-start: 5; height: auto; justify-self: start; margin-left: 0%; margin-top: calc(0px * 2); width: 28.0083726730204%; } [id^="TEXT-DATASET-fsh8chp9"] .x-text, [id^="TEXT-DATASET-fsh8chp9"] .x-text a, .--clone-TEXT-DATASET-fsh8chp9 .x-text, .--clone-TEXT-DATASET-fsh8chp9 .x-text a { min-height: 12px; --width: 28.0083726730204%; -webkit-text-stroke: 0px #000000ff; color: #000000ff; font-size: 14.0px; font-weight: 700; height: 100%; width: 100%; color: var(--active-color, #000000ff); } [id^="TEXT-DATASET-fsh8chp9"] .x-text:hover, .--clone-TEXT-DATASET-fsh8chp9 .x-text:hover, [id^="TEXT-DATASET-fsh8chp9"] a:hover, .--clone-TEXT-DATASET-fsh8chp9 a:hover { } #ATTR-grv5oxod { --width: 100%;align-self: start;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: -0.15625px;width: 100%; } #ATTR-grv5oxod .attr--item, #ATTR-grv5oxod select { -webkit-text-stroke: 0px #000000ff; border-color: #c4c4c4ff; border-radius: 0px 0px 0px 0px; border-style: solid; border-width: 1.0px; color: #000000d9; font-size: 13.0px; line-height: 20.8px; text-align: center; } #ATTR-grv5oxod .chevron { width: 16px; right: 13px; } #ATTR-grv5oxod .chevron svg{ height: 16px; } #ATTR-grv5oxod .attr--item { margin-right: 12px; margin-bottom: 10px; } #ATTR-grv5oxod .attr--item:hover { border-color: #c4c4c4ff; border-width: 1px; } #ATTR-grv5oxod .attr--item.selected { border-color: #c4c4c4ff; border-width: 1px; background-color: #000; color: #fff; } #ATTR-grv5oxod img { width: 40px; height: 40px; padding: 0px; border-radius: 0px 0px 0px 0px; } #ATTR-grv5oxod .attr--item:hover .tooltip { background: #000; color: #fff; } #ATTR-grv5oxod .attr--item:hover .tooltip:after { background: #000; border-top-color: #000; } #ATTR-grv5oxod .select-wrapper { opacity: 0; } #ATTR-grv5oxod .select-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between; pointer-events: none; -webkit-text-stroke: 0px #000000ff; border-color: #c4c4c4ff; border-radius: 0px 0px 0px 0px; border-style: solid; border-width: 1.0px; color: #000000d9; font-size: 13.0px; line-height: 20.8px; text-align: center; gap: 0px; padding-left: 12px !important; padding-right: 12px !important; } #ATTR-grv5oxod .select-overlay .select--text { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } #ATTR-grv5oxod .select-overlay .select--icon { width: 16px; height: 16px; min-width: 16px; min-height: 16px; } #PRODUCT-GALLERY-nedpe811 { --width: 100%;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: -0.4765625px;margin-left: -0.004664179104477612%;width: 100%; } #PRODUCT-GALLERY-nedpe811 .product-gallery-wrapper { transition: height 0.3s ease; flex-direction: column; } #PRODUCT-GALLERY-nedpe811 .product-gallery-wrapper .product-gallery--nav-item[data-video-pin="true"]{ } #PRODUCT-GALLERY-nedpe811 .x-pagination-wrapper[data-type="bar"] { } #PRODUCT-GALLERY-nedpe811 .x-pagination-wrapper[data-type="bar-dot"] { gap: 10px; } #PRODUCT-GALLERY-nedpe811 .x-pagination-bar-backdrop { height: 2px; width: 90%; gap: 10px; } #PRODUCT-GALLERY-nedpe811 .x-pagination-bar-backdrop .x-pagination-bar { border-radius: 1000px; flex: 1; } #PRODUCT-GALLERY-nedpe811 .x-pagination-bar-backdrop .x-pagination-bar:nth-child(n+6) { } #PRODUCT-GALLERY-nedpe811 .x-pagination-bar, #PRODUCT-GALLERY-nedpe811 .x-pagination-bar-dot { background: rgba(238, 238, 238, 1); } #PRODUCT-GALLERY-nedpe811 .x-bar-active { left: -100%; background: rgba(77, 125, 236, 1); } #PRODUCT-GALLERY-nedpe811 .x-pagination-bar-dot.active { background: rgba(77, 125, 236, 1); } #PRODUCT-GALLERY-nedpe811 .x-pagination-bar-dot { height: 7px; width: 7px; border-radius: 1000px; } #PRODUCT-GALLERY-nedpe811 .product-gallery-mini { min-height: 119px; min-width: 83px; } #PRODUCT-GALLERY-nedpe811 .product-gallery-mini-show { } #PRODUCT-GALLERY-nedpe811 .product-gallery-mini .product-gallery-mini-wrapper { } #PRODUCT-GALLERY-nedpe811 .product-gallery--nav-item img { object-fit: cover; aspect-ratio: 1/1; } #PRODUCT-GALLERY-nedpe811 .product-gallery--nav-item img:hover { } modal-product-gallery[data-id="PRODUCT-GALLERY-nedpe811"] .modal-product-slider__item img { object-fit: contain; } #PRODUCT-GALLERY-nedpe811 .product-gallery--controls > * { width: 100%; height: calc(100% - 40px); color: #FFFFFF; } #PRODUCT-GALLERY-nedpe811 .product-view { height: calc(100% - 70px); width: 100%; } #PRODUCT-GALLERY-nedpe811 .thumbnail-icon { margin: 10px 10px 0 0; width: 73px; height: 109px; } #PRODUCT-GALLERY-nedpe811 .product-gallery--controls { width: 40px; height: 80px; } #PRODUCT-GALLERY-nedpe811 .product-gallery--controls.left { left: 5px; transform: scaleX(-1) scale(1) translate(0,-50%); } #PRODUCT-GALLERY-nedpe811 .product-gallery--controls.right { right: 5px; } #PRODUCT-GALLERY-nedpe811 .product--ribbons-wrapper { font-family: Roboto; font-weight: ; font-size: 12px; font-style: ; text-decoration: ; color: rgba(255, 255, 255, 1); flex-direction: row; padding: 0px 0px 0px 0px; display: ; } #PRODUCT-GALLERY-nedpe811 .product--ribbon { border-radius: 0px; background: rgba(0, 0, 0, 1); border-color: rgba(0, 0, 0, 1); border-width: 0px; background-size: cover; background-attachment: scroll; background-position-x: center; background-position-y: center; background-repeat: no-repeat; filter: ; } #PRODUCT-GALLERY-nedpe811 .product-gallery-thumbnails { display: none; height: fit-content; width: fit-content; max-height: 500px; max-width: 500px; overflow: hidden; position: sticky; top: 0; } #PRODUCT-GALLERY-nedpe811 .product-gallery-thumbnails .product-gallery-thumbnails-tap { background: #ffffff80; display: flex; align-items: center; justify-content: center; position: absolute; height: 100%; width: 40px; z-index: 100; } #PRODUCT-GALLERY-nedpe811 .product-gallery-thumbnails .product-gallery-thumbnails-tap-left{ top: 0; left: 0; } #PRODUCT-GALLERY-nedpe811 .product-gallery-thumbnails .product-gallery-thumbnails-tap-right{ top: 0; right: 0; } #PRODUCT-GALLERY-nedpe811 .product-gallery-thumbnails .product-gallery-thumbnails-tap-top{ display: none; top: 0; left: 0; } #PRODUCT-GALLERY-nedpe811 .product-gallery-thumbnails .product-gallery-thumbnails-tap-bottom{ display: none; bottom: 0; left: 0; } #PRODUCT-GALLERY-nedpe811 .product-gallery-thumbnails .product-gallery-thumbnails-tap-icon svg { width: 20px; height: 20px; } #PRODUCT-GALLERY-nedpe811 .product-gallery-thumbnails .product-gallery-thumbnails-items { display: flex; width: fit-content; height: fit-content; flex-direction: row; gap: 10px; } #PRODUCT-GALLERY-nedpe811 .product-gallery-thumbnails .product-gallery-thumbnails-items.transition{ transition: all 0.3s ease-in-out; } #PRODUCT-GALLERY-nedpe811 .product-gallery-thumbnails .product-gallery-thumbnails-item { width: 73px; height: 109px; opacity: 0.5; border-radius: 5px; border: 1px solid transparent; } #PRODUCT-GALLERY-nedpe811 .product-gallery-thumbnails .product-gallery-thumbnails-item img, #PRODUCT-GALLERY-nedpe811 .product-gallery-thumbnails .product-gallery-thumbnails-item video { width: 73px; height: 109px; } #PRODUCT-GALLERY-nedpe811 .product-gallery-thumbnails .product-gallery-thumbnails-item:hover, #PRODUCT-GALLERY-nedpe811 .product-gallery-thumbnails .product-gallery-thumbnails-item.active { opacity: 1; border-color: #000000; } .PRODUCT-GALLERY-nedpe811 .x-pin-video { display: none; } #POPUP-9ue3bkxu { --top: 50%; top: var(--top); --left: 50%; left: var(--left); transform: translate(-50%, -50%); background: #ffffff; width: 95%; height: auto; grid-template-columns: 10px 1fr 10px; grid-template-rows: minmax(15px, max-content) minmax(100px, max-content) minmax(15px, 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-9ue3bkxu.anim { --width: 95%; } #RECT-l70fy6el { align-self: start; grid-column-end: 4; grid-column-start: 2; grid-row-end: 3; grid-row-start: 1; height: 16.293800073382133px; justify-self: end; margin-right: 0%; margin-top: 0px; width: 4.1094858238846665%; } #RECT-l70fy6el .x-rect { --width: 4.1094858238846665%; background: #777777; 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, #777777); } #RECT-l70fy6el::before { content: ""; border-color: #E5E7EB; border-style: ; border-width: ; border-radius: inherit; border: ; height: 100%; width: 100%; position: absolute; top: 0; left: 0; box-sizing: border-box; } #IMAGE-x58jznwo { align-self: start; grid-column-end: 3; grid-column-start: 2; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: 0px; width: 100%; } #IMAGE-x58jznwo picture { --width: 100%; border-color: #000000ff; height: 100%; width: 100%; } #POPUP-qcn5pe49 { --top: 50%; top: var(--top); --left: 0; left: var(--left); transform: translateY(-50%); background: #ffffff; width: 320px; height: 100%; grid-template-columns: 12px 1fr 12px; grid-template-rows: minmax(60px, max-content) minmax(0%, calc(100% - 70px)) minmax(10px, 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-qcn5pe49.anim { --width: 320px; animation: slide-center_y-left 0.5s ease; } [id^="TEXT-smjnlp2p"], .--clone-TEXT-smjnlp2p { 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(0px * 2); width: 61.17021276595744%; } [id^="TEXT-smjnlp2p"] .x-text, [id^="TEXT-smjnlp2p"] .x-text a, .--clone-TEXT-smjnlp2p .x-text, .--clone-TEXT-smjnlp2p .x-text a { min-height: 12px; --width: 61.17021276595744%; -webkit-text-stroke: 0px #000000ff; color: var(--font_color_4); font: var(--font_4); height: 100%; width: 100%; color: var(--active-color, var(--font_color_4)); } [id^="TEXT-smjnlp2p"] .x-text:hover, .--clone-TEXT-smjnlp2p .x-text:hover, [id^="TEXT-smjnlp2p"] a:hover, .--clone-TEXT-smjnlp2p a:hover { } #RECT-m16qjsra { align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 2; grid-row-start: 1; height: 27px; justify-self: end; margin-right: 0%; margin-top: calc(0px * 2); width: 27px; } #RECT-m16qjsra .x-rect { --width: 27px; background: #000000ff; border-color: #000000ff; height: 100%; width: 100%; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnIHZpZXdCb3g9JzAgMCAyNCAyNCc+IDxwYXRoIGQ9J00xMy40NiwxMkwxOSwxNy41NFYxOUgxNy41NEwxMiwxMy40Nkw2LjQ2LDE5SDVWMTcuNTRMMTAuNTQsMTJMNSw2LjQ2VjVINi40NkwxMiwxMC41NEwxNy41NCw1SDE5VjYuNDZMMTMuNDYsMTJaJz48L3BhdGg+IDwvc3ZnPg==); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; border: ; background: var(--active-color, #000000ff); } #RECT-m16qjsra::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-9j1td9lt { --bg: #ffffff; background: #ffffff; border-color: #000000ff; overflow-x: hidden; overflow-y: auto; --width: 100%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;grid-template-columns: 12px 1fr 12px;grid-template-rows: minmax(44px, max-content) minmax(100px, max-content) minmax(12px, max-content) minmax(44px, max-content) minmax(40px, max-content) minmax(40px, max-content) minmax(40px, max-content) minmax(100px, max-content) minmax(40px, max-content) minmax(100px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: 0px;width: 100%; overflow-x: hidden; overflow-y: auto; border: #000000ff; } #RECT-chlbapos { 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-chlbapos .x-rect { --width: 100%; background: #6d499e; height: 100%; width: 100%; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9ImN1cnJlbnRDb2xvciIvPjwvc3ZnPg==); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; border: ; background: var(--active-color, #6d499e); } #RECT-chlbapos::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; } [id^="TEXT-mfa805am"], .--clone-TEXT-mfa805am { 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-mfa805am"] .x-text, [id^="TEXT-mfa805am"] .x-text a, .--clone-TEXT-mfa805am .x-text, .--clone-TEXT-mfa805am .x-text a { min-height: 12px; --width: 100%; -webkit-text-stroke: 0px #000000ff; color: #ffffff; font: var(--font_4); height: 100%; width: 100%; color: var(--active-color, #ffffff); } [id^="TEXT-mfa805am"] .x-text:hover, .--clone-TEXT-mfa805am .x-text:hover, [id^="TEXT-mfa805am"] a:hover, .--clone-TEXT-mfa805am a:hover { } #MENU-in1woc0d { --width: 100%;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%; --active-link-color: #000000d9; } #MENU-in1woc0d .x-rect { --pad-x: 10px; --pad-y: 6px; -webkit-text-stroke: 0px #000000ff; background: #ffffffff; color: #000000d9; font-size: 14.0px; font-weight: 400; justify-content: flex-start; } #MENU-in1woc0d > ul { background: #ffffffff; justify-content: flex-start; align-items: flex-start; height: auto; border-radius: inherit; } #MENU-in1woc0d > ul > .menu-item .tag-link { --pad-x: 10px; --pad-y: 6px; -webkit-text-stroke: 0px #000000ff; background: #ffffffff; color: #000000d9; font-size: 14.0px; font-weight: 400; justify-content: flex-start; } #MENU-in1woc0d > ul > .menu-item.menu-item-active-link .tag-link { color: var(--active-link-color); } #MENU-in1woc0d > ul > .menu-item:not(:first-child) { } #MENU-in1woc0d ul li .tag-link { border-style: none none none none; } #MENU-in1woc0d ul li .tag-link:hover, #MENU-in1woc0d ul li > a:hover { color: #6d499e !important; background: #00000000; border-style: none none none none; } #MENU-ITEM-a5an6xnz > a, #MENU-ITEM-a5an6xnz > div { } #SUBMENU-000w1gaw { 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-a5an6xnz.menu-item:hover > .x-submenu { display: grid; } #MENU-w96p0ndk { --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: rgba(8, 0, 0, 1); } #MENU-w96p0ndk .x-rect { --pad-x: 0px; --pad-y: 10px; background: rgba(255, 255, 255, 1); color: rgba(8, 0, 0, 1); font-size: 16.0px; font-weight: bold; justify-content: flex-start; } #MENU-w96p0ndk > ul { background: rgba(255, 255, 255, 1); justify-content: flex-start; align-items: flex-start; height: auto; border-radius: inherit; } #MENU-w96p0ndk > ul > .menu-item .tag-link { --pad-x: 0px; --pad-y: 10px; background: rgba(255, 255, 255, 1); color: rgba(8, 0, 0, 1); font-size: 16.0px; font-weight: bold; justify-content: flex-start; } #MENU-w96p0ndk > ul > .menu-item.menu-item-active-link .tag-link { color: var(--active-link-color); } #MENU-w96p0ndk > ul > .menu-item:not(:first-child) { } #MENU-w96p0ndk ul li .tag-link { border-style: none none none none; } #MENU-w96p0ndk ul li .tag-link:hover, #MENU-w96p0ndk ul li > a:hover { color: rgba(255, 255, 255, 1) !important; background: rgba(0, 0, 0, 1); border-style: none none none none; } #MENU-ITEM-kjrcptfc > a, #MENU-ITEM-kjrcptfc > div { } #MENU-ITEM-qlfenche > a, #MENU-ITEM-qlfenche > div { } #SUBMENU-xzsxquw5 { 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-qlfenche.menu-item:hover > .x-submenu { display: grid; } #MENU-e1bc873w { --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: rgba(8, 0, 0, 1); } #MENU-e1bc873w .x-rect { --pad-x: 0px; --pad-y: 10px; background: rgba(255, 255, 255, 1); color: rgba(8, 0, 0, 1); font-size: 16.0px; font-weight: bold; justify-content: flex-start; } #MENU-e1bc873w > ul { background: rgba(255, 255, 255, 1); justify-content: flex-start; align-items: flex-start; height: auto; border-radius: inherit; } #MENU-e1bc873w > ul > .menu-item .tag-link { --pad-x: 0px; --pad-y: 10px; background: rgba(255, 255, 255, 1); color: rgba(8, 0, 0, 1); font-size: 16.0px; font-weight: bold; justify-content: flex-start; } #MENU-e1bc873w > ul > .menu-item.menu-item-active-link .tag-link { color: var(--active-link-color); } #MENU-e1bc873w > ul > .menu-item:not(:first-child) { } #MENU-e1bc873w ul li .tag-link { border-style: none none none none; } #MENU-e1bc873w ul li .tag-link:hover, #MENU-e1bc873w ul li > a:hover { color: rgba(255, 255, 255, 1) !important; background: rgba(0, 0, 0, 1); border-style: none none none none; } #MENU-ITEM-2mojf923 > a, #MENU-ITEM-2mojf923 > div { } #MENU-ITEM-3hxes6w1 > a, #MENU-ITEM-3hxes6w1 > div { } #MENU-ITEM-09hf7o91 > a, #MENU-ITEM-09hf7o91 > div { } #SUBMENU-xt3biuop { 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-09hf7o91.menu-item:hover > .x-submenu { display: grid; } #MENU-jsf699mm { --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: rgba(8, 0, 0, 1); } #MENU-jsf699mm .x-rect { --pad-x: 0px; --pad-y: 10px; background: rgba(255, 255, 255, 1); color: rgba(8, 0, 0, 1); font-size: 16.0px; font-weight: bold; justify-content: flex-start; } #MENU-jsf699mm > ul { background: rgba(255, 255, 255, 1); justify-content: flex-start; align-items: flex-start; height: auto; border-radius: inherit; } #MENU-jsf699mm > ul > .menu-item .tag-link { --pad-x: 0px; --pad-y: 10px; background: rgba(255, 255, 255, 1); color: rgba(8, 0, 0, 1); font-size: 16.0px; font-weight: bold; justify-content: flex-start; } #MENU-jsf699mm > ul > .menu-item.menu-item-active-link .tag-link { color: var(--active-link-color); } #MENU-jsf699mm > ul > .menu-item:not(:first-child) { } #MENU-jsf699mm ul li .tag-link { border-style: none none none none; } #MENU-jsf699mm ul li .tag-link:hover, #MENU-jsf699mm ul li > a:hover { color: rgba(255, 255, 255, 1) !important; background: rgba(0, 0, 0, 1); border-style: none none none none; } #MENU-ITEM-zm5gii9c > a, #MENU-ITEM-zm5gii9c > div { } #MENU-ITEM-xlruj18n > a, #MENU-ITEM-xlruj18n > div { } #MENU-ITEM-8drfj6ku > a, #MENU-ITEM-8drfj6ku > div { } #MENU-ITEM-dab6c9m5 > a, #MENU-ITEM-dab6c9m5 > div { } #MENU-ITEM-zdov9p2t > a, #MENU-ITEM-zdov9p2t > div { } #MENU-ITEM-o3wmolw7 > a, #MENU-ITEM-o3wmolw7 > div { } #SUBMENU-jiu1yh33 { 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-o3wmolw7.menu-item:hover > .x-submenu { display: grid; } #MENU-8wlqze3w { --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: rgba(8, 0, 0, 1); } #MENU-8wlqze3w .x-rect { --pad-x: 0px; --pad-y: 10px; background: rgba(255, 255, 255, 1); color: rgba(8, 0, 0, 1); font-size: 16.0px; font-weight: bold; justify-content: flex-start; } #MENU-8wlqze3w > ul { background: rgba(255, 255, 255, 1); justify-content: flex-start; align-items: flex-start; height: auto; border-radius: inherit; } #MENU-8wlqze3w > ul > .menu-item .tag-link { --pad-x: 0px; --pad-y: 10px; background: rgba(255, 255, 255, 1); color: rgba(8, 0, 0, 1); font-size: 16.0px; font-weight: bold; justify-content: flex-start; } #MENU-8wlqze3w > ul > .menu-item.menu-item-active-link .tag-link { color: var(--active-link-color); } #MENU-8wlqze3w > ul > .menu-item:not(:first-child) { } #MENU-8wlqze3w ul li .tag-link { border-style: none none none none; } #MENU-8wlqze3w ul li .tag-link:hover, #MENU-8wlqze3w ul li > a:hover { color: rgba(255, 255, 255, 1) !important; background: rgba(0, 0, 0, 1); border-style: none none none none; } #MENU-ITEM-r1gyjmuk > a, #MENU-ITEM-r1gyjmuk > div { } #MENU-ITEM-6v6jkw4u > a, #MENU-ITEM-6v6jkw4u > div { } #MENU-ITEM-f3cy91hu > a, #MENU-ITEM-f3cy91hu > div { } #SUBMENU-502kpyml { 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-f3cy91hu.menu-item:hover > .x-submenu { display: grid; } #MENU-zq90s6tb { --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: rgba(8, 0, 0, 1); } #MENU-zq90s6tb .x-rect { --pad-x: 0px; --pad-y: 10px; background: rgba(255, 255, 255, 1); color: rgba(8, 0, 0, 1); font-size: 16.0px; font-weight: bold; justify-content: flex-start; } #MENU-zq90s6tb > ul { background: rgba(255, 255, 255, 1); justify-content: flex-start; align-items: flex-start; height: auto; border-radius: inherit; } #MENU-zq90s6tb > ul > .menu-item .tag-link { --pad-x: 0px; --pad-y: 10px; background: rgba(255, 255, 255, 1); color: rgba(8, 0, 0, 1); font-size: 16.0px; font-weight: bold; justify-content: flex-start; } #MENU-zq90s6tb > ul > .menu-item.menu-item-active-link .tag-link { color: var(--active-link-color); } #MENU-zq90s6tb > ul > .menu-item:not(:first-child) { } #MENU-zq90s6tb ul li .tag-link { border-style: none none none none; } #MENU-zq90s6tb ul li .tag-link:hover, #MENU-zq90s6tb ul li > a:hover { color: rgba(255, 255, 255, 1) !important; background: rgba(0, 0, 0, 1); border-style: none none none none; } #MENU-ITEM-x66aiqpb > a, #MENU-ITEM-x66aiqpb > div { } #MENU-ITEM-ferdsmuk > a, #MENU-ITEM-ferdsmuk > div { } #MENU-ITEM-mzf9gfb3 > a, #MENU-ITEM-mzf9gfb3 > div { } #RECT-r0gnxadi { align-self: center; grid-column-end: 4; grid-column-start: 1; grid-row-end: 5; grid-row-start: 4; height: 100%; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 100%; } #RECT-r0gnxadi .x-rect { --width: 100%; background: #6d499e; height: 100%; width: 100%; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9ImN1cnJlbnRDb2xvciIvPjwvc3ZnPg==); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; border: ; background: var(--active-color, #6d499e); } #RECT-r0gnxadi::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; } [id^="TEXT-qjegh7tx"], .--clone-TEXT-qjegh7tx { 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: 100%; } [id^="TEXT-qjegh7tx"] .x-text, [id^="TEXT-qjegh7tx"] .x-text a, .--clone-TEXT-qjegh7tx .x-text, .--clone-TEXT-qjegh7tx .x-text a { min-height: 12px; --width: 100%; -webkit-text-stroke: 0px #000000ff; color: #ffffff; font: var(--font_4); height: 100%; width: 100%; color: var(--active-color, #ffffff); } [id^="TEXT-qjegh7tx"] .x-text:hover, .--clone-TEXT-qjegh7tx .x-text:hover, [id^="TEXT-qjegh7tx"] a:hover, .--clone-TEXT-qjegh7tx a:hover { } [id^="TEXT-8ju7oxs6"], .--clone-TEXT-8ju7oxs6 { font-size: 0px; align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 6; grid-row-start: 5; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 100%; } [id^="TEXT-8ju7oxs6"] .x-text, [id^="TEXT-8ju7oxs6"] .x-text a, .--clone-TEXT-8ju7oxs6 .x-text, .--clone-TEXT-8ju7oxs6 .x-text a { min-height: 12px; --width: 100%; -webkit-text-stroke: 0px #000000ff; color: var(--font_color_5); font: var(--font_5); font-size: 16.0px; height: 100%; width: 100%; color: var(--active-color, var(--font_color_5)); } [id^="TEXT-8ju7oxs6"] .x-text:hover, .--clone-TEXT-8ju7oxs6 .x-text:hover, [id^="TEXT-8ju7oxs6"] a:hover, .--clone-TEXT-8ju7oxs6 a:hover { } #TWO-POINT-RANGE-mdgn1yyw { --width: 100%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 7;grid-row-start: 6;height: 45px;justify-self: center;margin-left: calc(0% * 2);margin-top: 0px;width: 100%; } #TWO-POINT-RANGE-mdgn1yyw .two-point--slider-range { background-color: #dfdfdf; } #TWO-POINT-RANGE-mdgn1yyw .two-point--slider-range .cursor-pointer { width: 22px; height: 22px; top: -9.0px; left: -11.0px; cursor: ew-resize; background: transparent; border-radius: 0; } #TWO-POINT-RANGE-mdgn1yyw .two-point--slider-range .cursor-pointer .display { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 12px !important; height: 12px !important; border-radius: 50% !important; background-color: #000000; } #TWO-POINT-RANGE-mdgn1yyw .two-point--slider-range .two-point--slider-left, #TWO-POINT-RANGE-mdgn1yyw .two-point--slider-range .two-point--slider-right { height: 4px; } #TWO-POINT-RANGE-mdgn1yyw .two-point--slider-range .two-point--slider-left { background-color: #000000; } #TWO-POINT-RANGE-mdgn1yyw .two-point--slider-min span, #TWO-POINT-RANGE-mdgn1yyw .two-point--slider-max span{ color: #000000d9; } [id^="TEXT-fr1ez9wj"], .--clone-TEXT-fr1ez9wj { font-size: 0px; align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 8; grid-row-start: 7; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 100%; } [id^="TEXT-fr1ez9wj"] .x-text, [id^="TEXT-fr1ez9wj"] .x-text a, .--clone-TEXT-fr1ez9wj .x-text, .--clone-TEXT-fr1ez9wj .x-text a { min-height: 12px; --width: 100%; -webkit-text-stroke: 0px #000000ff; color: var(--font_color_5); font: var(--font_5); font-size: 16.0px; height: 100%; width: 100%; color: var(--active-color, var(--font_color_5)); } [id^="TEXT-fr1ez9wj"] .x-text:hover, .--clone-TEXT-fr1ez9wj .x-text:hover, [id^="TEXT-fr1ez9wj"] a:hover, .--clone-TEXT-fr1ez9wj a:hover { } #CHECKBOX-GROUP-12u9hr6b { --width: 100%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 9;grid-row-start: 8;height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: 0px;width: 100%; --icon-color: inherit; } #CHECKBOX-GROUP-12u9hr6b .checked { width: 14px; height: 14px; margin-right: 5px; border-radius: 0px; border: 1px solid #000; } #CHECKBOX-GROUP-12u9hr6b label { flex-basis: 50.0%; } #CHECKBOX-GROUP-12u9hr6b .checkbox-group--wrapper { -webkit-text-stroke: 0px #000000ff; color: #000000d9; font-size: 14.0px; row-gap: 14px; } [id^="TEXT-o846ztj1"], .--clone-TEXT-o846ztj1 { font-size: 0px; align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 10; grid-row-start: 9; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 100%; } [id^="TEXT-o846ztj1"] .x-text, [id^="TEXT-o846ztj1"] .x-text a, .--clone-TEXT-o846ztj1 .x-text, .--clone-TEXT-o846ztj1 .x-text a { min-height: 12px; --width: 100%; -webkit-text-stroke: 0px #000000ff; color: var(--font_color_5); font: var(--font_5); font-size: 16.0px; font-weight: bold; height: 100%; width: 100%; color: var(--active-color, var(--font_color_5)); } [id^="TEXT-o846ztj1"] .x-text:hover, .--clone-TEXT-o846ztj1 .x-text:hover, [id^="TEXT-o846ztj1"] a:hover, .--clone-TEXT-o846ztj1 a:hover { } #CHECKBOX-GROUP-a6jkkdge { --width: 100%;align-self: center;grid-column-end: 3;grid-column-start: 2;grid-row-end: 11;grid-row-start: 10;height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 100%; --icon-color: inherit; } #CHECKBOX-GROUP-a6jkkdge .checked { width: 14px; height: 14px; margin-right: 5px; border-radius: 0px; border: 1px solid #000; } #CHECKBOX-GROUP-a6jkkdge label { flex-basis: 50.0%; } #CHECKBOX-GROUP-a6jkkdge .checkbox-group--wrapper { -webkit-text-stroke: 0px #000000ff; color: #000000d9; font-size: 14.0px; row-gap: 14px; } #CART-DROPPABLE-b0dvldl6 { background: #ffffff; top: 0; right: 0; width: 300px; height: var(--viewport-height, 100vh); grid-template-columns: 10px 1fr 10px; grid-template-rows: minmax(60px, max-content) minmax(15px, max-content) minmax(100px, max-content) minmax(40px, max-content); column-gap: 0px; row-gap: 0px; overflow-x: auto; } #CART-DROPPABLE-b0dvldl6.anim { --width: 300px; animation: slide-right 0.2s ease; } [id^="TEXT-ix2fxibl"], .--clone-TEXT-ix2fxibl { 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: 100%; } [id^="TEXT-ix2fxibl"] .x-text, [id^="TEXT-ix2fxibl"] .x-text a, .--clone-TEXT-ix2fxibl .x-text, .--clone-TEXT-ix2fxibl .x-text a { min-height: 12px; --width: 100%; -webkit-text-stroke: 0px #000000ff; color: var(--font_color_6); font: var(--font_6); font-size: 17.0px; height: 100%; text-align: center; width: 100%; color: var(--active-color, var(--font_color_6)); } [id^="TEXT-ix2fxibl"] .x-text:hover, .--clone-TEXT-ix2fxibl .x-text:hover, [id^="TEXT-ix2fxibl"] a:hover, .--clone-TEXT-ix2fxibl a:hover { } #IMAGE-yfajn0iz { 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%; } #IMAGE-yfajn0iz picture { --width: 90%; border-color: #000000ff; height: 100%; width: 100%; } [id^="TEXT-w52vucn9"], .--clone-TEXT-w52vucn9 { 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(0px * 2); width: 72.95955405755768%; } [id^="TEXT-w52vucn9"] .x-text, [id^="TEXT-w52vucn9"] .x-text a, .--clone-TEXT-w52vucn9 .x-text, .--clone-TEXT-w52vucn9 .x-text a { min-height: 12px; --width: 72.95955405755768%; -webkit-text-stroke: 0px #000000ff; color: var(--font_color_3); font: var(--font_3); font-family: 'Roboto', sans-serif; font-size: 20.0px; height: 100%; line-height: 1.6; width: 100%; color: var(--active-color, var(--font_color_3)); } [id^="TEXT-w52vucn9"] .x-text:hover, .--clone-TEXT-w52vucn9 .x-text:hover, [id^="TEXT-w52vucn9"] a:hover, .--clone-TEXT-w52vucn9 a:hover { } #RECT-mtybpb6x { align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 2; grid-row-start: 1; height: 27px; justify-self: end; margin-right: 0%; margin-top: calc(0px * 2); width: 27px; } #RECT-mtybpb6x .x-rect { --width: 27px; background: #000000ff; border-color: #000000ff; height: 100%; width: 100%; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnIHZpZXdCb3g9JzAgMCAyNCAyNCc+IDxwYXRoIGQ9J00xMy40NiwxMkwxOSwxNy41NFYxOUgxNy41NEwxMiwxMy40Nkw2LjQ2LDE5SDVWMTcuNTRMMTAuNTQsMTJMNSw2LjQ2VjVINi40NkwxMiwxMC41NEwxNy41NCw1SDE5VjYuNDZMMTMuNDYsMTJaJz48L3BhdGg+IDwvc3ZnPg==); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; border: ; background: var(--active-color, #000000ff); } #RECT-mtybpb6x::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-o8k4q5mb { --width: 50px;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: 0px;width: 50px; height: auto; } #LINE-o8k4q5mb .line-container { border-color: #181818ff; border-style: solid; border-width: 3.0px; } #CART-DROPPABLE-yved5ey6 { background: #ffffff; top: 0; right: 0; width: 320px; height: var(--viewport-height, 100vh); grid-template-columns: 10px 1fr 10px; grid-template-rows: minmax(60px, max-content) minmax(15px, max-content) minmax(0%, calc(100% - 175px)) minmax(45px, max-content) minmax(55px, max-content); column-gap: 0px; row-gap: 0px; overflow-x: auto; } #CART-DROPPABLE-yved5ey6.anim { --width: 320px; animation: slide-right 0.2s ease; } [id^="TEXT-zf3odvrg"], .--clone-TEXT-zf3odvrg { 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(0px * 2); width: 57.4953007518797%; } [id^="TEXT-zf3odvrg"] .x-text, [id^="TEXT-zf3odvrg"] .x-text a, .--clone-TEXT-zf3odvrg .x-text, .--clone-TEXT-zf3odvrg .x-text a { min-height: 12px; --width: 57.4953007518797%; -webkit-text-stroke: 0px #000000ff; color: var(--font_color_3); font: var(--font_3); font-family: 'Roboto', sans-serif; font-size: 20.0px; height: 100%; line-height: 1.6; width: 100%; color: var(--active-color, var(--font_color_3)); } [id^="TEXT-zf3odvrg"] .x-text:hover, .--clone-TEXT-zf3odvrg .x-text:hover, [id^="TEXT-zf3odvrg"] a:hover, .--clone-TEXT-zf3odvrg a:hover { } #RECT-eadnelf4 { align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 2; grid-row-start: 1; height: 27px; justify-self: end; margin-right: 0%; margin-top: calc(0px * 2); width: 27px; } #RECT-eadnelf4 .x-rect { --width: 27px; background: #000000ff; border-color: #000000ff; height: 100%; width: 100%; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnIHZpZXdCb3g9JzAgMCAyNCAyNCc+IDxwYXRoIGQ9J00xMy40NiwxMkwxOSwxNy41NFYxOUgxNy41NEwxMiwxMy40Nkw2LjQ2LDE5SDVWMTcuNTRMMTAuNTQsMTJMNSw2LjQ2VjVINi40NkwxMiwxMC41NEwxNy41NCw1SDE5VjYuNDZMMTMuNDYsMTJaJz48L3BhdGg+IDwvc3ZnPg==); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; border: ; background: var(--active-color, #000000ff); } #RECT-eadnelf4::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-vmx2ejar { --bg: #e8eaed00; background: #e8eaed00; border-color: #000000ff; overflow-x: hidden; overflow-y: auto; --width: 100%;align-self: center;grid-column-end: 3;grid-column-start: 2;grid-row-end: 4;grid-row-start: 3;grid-template-columns: 1fr;grid-template-rows: minmax(100%, max-content);height: 100%;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 100%; overflow-x: hidden; overflow-y: auto; border: #000000ff; } #CART-ITEMS-620k5azd { --width: 100%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;grid-template-columns: 80px 1fr 85px 30px;grid-template-rows: minmax(30px, max-content) minmax(25px, max-content) minmax(25px, max-content) minmax(20px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: 0px;width: 100%; } #CART-ITEMS-620k5azd cart-item, #CART-ITEMS-620k5azd .cart-loading { grid-template-columns: 80px 1fr 85px 30px; grid-template-rows: minmax(30px, max-content) minmax(25px, max-content) minmax(25px, max-content) minmax(20px, max-content); } #IMAGE-DATASET-zm4u95aw { --width: 68px;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 4;grid-row-start: 1;height: auto;justify-self: start;margin-left: 0%;margin-top: 0px;width: 68px; } #IMAGE-DATASET-zm4u95aw picture, #IMAGE-DATASET-zm4u95aw img { border-color: #e3e3e3; border-style: solid; border-width: 1.0px; } #IMAGE-DATASET-zm4u95aw img { object-fit: contain; } [id^="TEXT-DATASET-lvhpgv2b"], .--clone-TEXT-DATASET-lvhpgv2b { font-size: 0px; align-self: start; grid-column-end: 4; grid-column-start: 2; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: 0px; width: 100%; } [id^="TEXT-DATASET-lvhpgv2b"] .x-text, [id^="TEXT-DATASET-lvhpgv2b"] .x-text a, .--clone-TEXT-DATASET-lvhpgv2b .x-text, .--clone-TEXT-DATASET-lvhpgv2b .x-text a { min-height: 12px; --width: 100%; -webkit-text-stroke: 0px #000000ff; border-color: #000000ff; color: #000000ff; font-family: 'Roboto', sans-serif; font-size: 14.0px; font-weight: 400; height: 100%; width: 100%; color: var(--active-color, #000000ff); } [id^="TEXT-DATASET-lvhpgv2b"] .x-text:hover, .--clone-TEXT-DATASET-lvhpgv2b .x-text:hover, [id^="TEXT-DATASET-lvhpgv2b"] a:hover, .--clone-TEXT-DATASET-lvhpgv2b a:hover { } [id^="TEXT-DATASET-jz1xuxgm"], .--clone-TEXT-DATASET-jz1xuxgm { font-size: 0px; align-self: center; grid-column-end: 5; grid-column-start: 3; grid-row-end: 4; grid-row-start: 3; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 100%; } [id^="TEXT-DATASET-jz1xuxgm"] .x-text, [id^="TEXT-DATASET-jz1xuxgm"] .x-text a, .--clone-TEXT-DATASET-jz1xuxgm .x-text, .--clone-TEXT-DATASET-jz1xuxgm .x-text a { min-height: 12px; --width: 100%; -webkit-text-stroke: 0px #000000ff; border-color: #000000ff; color: #bd0000; font-size: 14.0px; font-weight: 700; height: 100%; text-align: right; width: 100%; color: var(--active-color, #bd0000); } [id^="TEXT-DATASET-jz1xuxgm"] .x-text:hover, .--clone-TEXT-DATASET-jz1xuxgm .x-text:hover, [id^="TEXT-DATASET-jz1xuxgm"] a:hover, .--clone-TEXT-DATASET-jz1xuxgm a:hover { } [id^="TEXT-DATASET-9yuc0zgl"], .--clone-TEXT-DATASET-9yuc0zgl { font-size: 0px; align-self: center; grid-column-end: 4; grid-column-start: 2; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: start; margin-left: -0.08765243902439025%; margin-top: calc(0px * 2); width: 100%; } [id^="TEXT-DATASET-9yuc0zgl"] .x-text, [id^="TEXT-DATASET-9yuc0zgl"] .x-text a, .--clone-TEXT-DATASET-9yuc0zgl .x-text, .--clone-TEXT-DATASET-9yuc0zgl .x-text a { min-height: 12px; --width: 100%; border-color: #000000ff; color: #000000ff; font-size: 14.0px; height: 100%; width: 100%; color: var(--active-color, #000000ff); } [id^="TEXT-DATASET-9yuc0zgl"] .x-text:hover, .--clone-TEXT-DATASET-9yuc0zgl .x-text:hover, [id^="TEXT-DATASET-9yuc0zgl"] a:hover, .--clone-TEXT-DATASET-9yuc0zgl a:hover { } #QUANTITY-INPUT-jsxwhgcj { --width: 83.5px;align-self: center;grid-column-end: 3;grid-column-start: 2;grid-row-end: 4;grid-row-start: 3;height: 29px;justify-self: start;margin-left: 0%;margin-top: calc(0px * 2);width: 83.5px; -webkit-text-stroke: 0px #000000ff; border-color: #ddd; border-style: solid; border-width: 1.0px; color: #000000d9; font-size: 14.0px; overflow: hidden; } #QUANTITY-INPUT-jsxwhgcj .quantity__input { padding-left: 25px; padding-right: 25px; } #QUANTITY-INPUT-jsxwhgcj .quantity__button{ border-style: solid; } #QUANTITY-INPUT-jsxwhgcj .quantity__button[name="minus"] { background: #F1F1F1; width:25px; } #QUANTITY-INPUT-jsxwhgcj .quantity__button[name="minus"] svg { width: 9.3px; } #QUANTITY-INPUT-jsxwhgcj .quantity__button[name="plus"] { background: #F1F1F1; width:25px; } #QUANTITY-INPUT-jsxwhgcj .quantity__button[name="plus"] svg { width: 9.3px; } #LINE-uwwdm0oy { --width: 100%;align-self: center;grid-column-end: 5;grid-column-start: 1;grid-row-end: 5;grid-row-start: 4;height: 17px;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 100%; height: auto; } #LINE-uwwdm0oy .line-container { border-color: #181818ff; border-style: dashed; border-width: 1.0px; } #RECT-2m9v4b3o { align-self: start; grid-column-end: 5; grid-column-start: 4; grid-row-end: 3; grid-row-start: 1; height: 24px; justify-self: end; margin-right: 0%; margin-top: 0px; width: 24px; } #RECT-2m9v4b3o .x-rect { --width: 24px; background: #000000ff; border-color: #000000ff; height: 100%; width: 100%; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnIHZpZXdCb3g9JzAgMCAyNCAyNCc+IDxwYXRoIGQ9J00xMy40NiwxMkwxOSwxNy41NFYxOUgxNy41NEwxMiwxMy40Nkw2LjQ2LDE5SDVWMTcuNTRMMTAuNTQsMTJMNSw2LjQ2VjVINi40NkwxMiwxMC41NEwxNy41NCw1SDE5VjYuNDZMMTMuNDYsMTJaJz48L3BhdGg+IDwvc3ZnPg==); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; border: ; background: var(--active-color, #000000ff); } #RECT-2m9v4b3o::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-8qekv1ii { --width: 50px;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: 0px;width: 50px; height: auto; } #LINE-8qekv1ii .line-container { border-color: #181818ff; border-style: solid; border-width: 3.0px; } #BUTTON-yeb1hldt { align-self: start; grid-column-end: 3; grid-column-start: 2; grid-row-end: 6; grid-row-start: 5; height: 42px; justify-self: start; margin-left: 0%; margin-top: 0px; width: 49.00000000000001%; } #BUTTON-yeb1hldt .x-button-wrapper { --width: 49.00000000000001%; -webkit-text-stroke: 0px #000000ff; background: #6d499e; border-color: #000000ff; color: #ffffffff; font-size: 16.0px; height: 100%; text-align: center; width: 100%; border: ; color: var(--active-color, #ffffffff); } #BUTTON-yeb1hldt[disabled=true] { display: none; } [id^="TEXT-5lifki6e"], .--clone-TEXT-5lifki6e { font-size: 0px; align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 5; grid-row-start: 4; height: auto; justify-self: start; margin-left: 0%; margin-top: calc(0px * 2); width: 45.35274356103022%; } [id^="TEXT-5lifki6e"] .x-text, [id^="TEXT-5lifki6e"] .x-text a, .--clone-TEXT-5lifki6e .x-text, .--clone-TEXT-5lifki6e .x-text a { min-height: 12px; --width: 45.35274356103022%; -webkit-text-stroke: 0px #000000ff; color: var(--font_color_7); font: var(--font_7); font-family: 'Roboto', sans-serif; font-size: 16.0px; height: 100%; width: 100%; color: var(--active-color, var(--font_color_7)); } [id^="TEXT-5lifki6e"] .x-text:hover, .--clone-TEXT-5lifki6e .x-text:hover, [id^="TEXT-5lifki6e"] a:hover, .--clone-TEXT-5lifki6e a:hover { } [id^="TEXT-DATASET-ja0x9746"], .--clone-TEXT-DATASET-ja0x9746 { font-size: 0px; align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 5; grid-row-start: 4; height: auto; justify-self: end; margin-right: 0%; margin-top: calc(0px * 2); width: 50.3919372900336%; } [id^="TEXT-DATASET-ja0x9746"] .x-text, [id^="TEXT-DATASET-ja0x9746"] .x-text a, .--clone-TEXT-DATASET-ja0x9746 .x-text, .--clone-TEXT-DATASET-ja0x9746 .x-text a { min-height: 12px; --width: 50.3919372900336%; -webkit-text-stroke: 0px #000000ff; border-color: #000000ff; color: var(--font_color_7); font: var(--font_7); font-size: 18.0px; font-weight: 700; height: 100%; text-align: right; width: 100%; color: var(--active-color, var(--font_color_7)); } [id^="TEXT-DATASET-ja0x9746"] .x-text:hover, .--clone-TEXT-DATASET-ja0x9746 .x-text:hover, [id^="TEXT-DATASET-ja0x9746"] a:hover, .--clone-TEXT-DATASET-ja0x9746 a:hover { } #BUTTON-0hpv5yax { align-self: start; grid-column-end: 3; grid-column-start: 2; grid-row-end: 6; grid-row-start: 5; height: 42px; justify-self: end; margin-right: 0%; margin-top: 0px; width: 49.00000000000001%; } #BUTTON-0hpv5yax .x-button-wrapper { --width: 49.00000000000001%; -webkit-text-stroke: 0px #000000ff; background: #6d499e; border-color: #000000ff; color: #ffffffff; font-size: 16.0px; height: 100%; text-align: center; width: 100%; border: ; color: var(--active-color, #ffffffff); } #BUTTON-0hpv5yax[disabled=true] { display: none; }