/* ===== about-us ===== */ .color-scheme-1 {--COLOR-BG-GRADIENT: #ffffff; --COLOR-BG: #ffffff; --COLOR-BG-RGB: 255, 255, 255; --COLOR-BG-ACCENT: #ffffff; --COLOR-BG-ACCENT-LIGHTEN: #ffffff; /* === Link Color ===*/ --COLOR-LINK: #000000; --COLOR-LINK-A50: rgba(0, 0, 0, 0.5); --COLOR-LINK-A70: rgba(0, 0, 0, 0.7); --COLOR-LINK-HOVER: rgba(0, 0, 0, 0.7); --COLOR-LINK-OPPOSITE: #ffffff; --COLOR-TEXT-HEADINGS: #000000; --COLOR-TEXT-SUBHEADINGS: #000000; --COLOR-TEXT-MICRO-DESCRIPTION: #6e6c63; --COLOR-TEXT: #000000; --COLOR-TEXT-HOVER: rgba(0, 0, 0, 0.7); --COLOR-TEXT-LIGHT: #4d4d4d; --COLOR-TEXT-DARK: #000000; --COLOR-TEXT-A5: rgba(0, 0, 0, 0.05); --COLOR-TEXT-A35: rgba(0, 0, 0, 0.35); --COLOR-TEXT-A50: rgba(0, 0, 0, 0.5); --COLOR-TEXT-A80: rgba(0, 0, 0, 0.8); --COLOR-BORDER: rgb(0, 0, 0); --COLOR-BORDER-LIGHT: #666666; --COLOR-BORDER-DARK: #000000; --COLOR-BORDER-HAIRLINE: #f7f7f7; --overlay-bg: #00000040; /* === Bright color ===*/ --COLOR-ACCENT: #e31b23; --COLOR-ACCENT-HOVER: #a80a10; --COLOR-ACCENT-FADE: rgba(227, 27, 35, 0.05); --COLOR-ACCENT-LIGHT: #fe999d; /* === Default Cart Gradient ===*/ --FREE-SHIPPING-GRADIENT: linear-gradient(to right, var(--COLOR-ACCENT-LIGHT) 0%, var(--accent) 100%); /* === Buttons ===*/ --BTN-PRIMARY-BG: #e31b23; --BTN-PRIMARY-TEXT: #ffffff; --BTN-PRIMARY-BORDER: #b0161c; --BTN-PRIMARY-BORDER-A70: rgba(176, 22, 28, 0.7); --BTN-PRIMARY-BG-BRIGHTER: #881015; --BTN-PRIMARY-BG-HOVER: initial; --BTN-PRIMARY-TEXT-HOVER: initial; --BTN-PRIMARY-BORDER-HOVER: initial; --BTN-SECONDARY-BG: #ffffff; --BTN-SECONDARY-TEXT: #000000; --BTN-SECONDARY-BORDER: #000000; --BTN-SECONDARY-BORDER-A70: rgba(0, 0, 0, 0.7); --BTN-SECONDARY-BG-BRIGHTER: #cccccc; --BTN-SECONDARY-BG-HOVER: initial; --BTN-SECONDARY-TEXT-HOVER: initial; --BTN-SECONDARY-BORDER-HOVER: initial; --COLOR-BG-BRIGHTER: #f2f2f2; --COLOR-BG-ALPHA-25: rgba(255, 255, 255, 0.25); --COLOR-BG-TRANSPARENT: rgba(255, 255, 255, 0);--COLOR-FOOTER-BG-HAIRLINE: #f7f7f7; /* Dynamic color variables */ --accent: var(--COLOR-ACCENT); --accent-fade: var(--COLOR-ACCENT-FADE); --accent-hover: var(--COLOR-ACCENT-HOVER); --border: var(--COLOR-BORDER); --border-dark: var(--COLOR-BORDER-DARK); --border-light: var(--COLOR-BORDER-LIGHT); --border-hairline: var(--COLOR-BORDER-HAIRLINE); --bg: var(--COLOR-BG-GRADIENT, var(--COLOR-BG)); --bg-accent: var(--COLOR-BG-ACCENT); --bg-accent-lighten: var(--COLOR-BG-ACCENT-LIGHTEN); --icons: var(--COLOR-TEXT); --link: var(--COLOR-LINK); --link-a50: var(--COLOR-LINK-A50); --link-a70: var(--COLOR-LINK-A70); --link-hover: var(--COLOR-LINK-HOVER); --link-opposite: var(--COLOR-LINK-OPPOSITE); --heading-color: var(--COLOR-TEXT-HEADINGS); --subheading-color: var(--COLOR-TEXT-SUBHEADINGS); --text: var(--COLOR-TEXT); --text-dark: var(--COLOR-TEXT-DARK); --text-light: var(--COLOR-TEXT-LIGHT); --text-hover: var(--COLOR-TEXT-HOVER); --text-a5: var(--COLOR-TEXT-A5); --text-a35: var(--COLOR-TEXT-A35); --text-a50: var(--COLOR-TEXT-A50); --text-a80: var(--COLOR-TEXT-A80); } .color-scheme-2 {--COLOR-BG-GRADIENT: #e7e6e0; --COLOR-BG: #e7e6e0; --COLOR-BG-RGB: 231, 230, 224; --COLOR-BG-ACCENT: #ffffff; --COLOR-BG-ACCENT-LIGHTEN: #ffffff; /* === Link Color ===*/ --COLOR-LINK: #000000; --COLOR-LINK-A50: rgba(0, 0, 0, 0.5); --COLOR-LINK-A70: rgba(0, 0, 0, 0.7); --COLOR-LINK-HOVER: rgba(0, 0, 0, 0.7); --COLOR-LINK-OPPOSITE: #ffffff; --COLOR-TEXT-HEADINGS: #000000; --COLOR-TEXT-SUBHEADINGS: #000000; --COLOR-TEXT-MICRO-DESCRIPTION: #6e6c63; --COLOR-TEXT: #000000; --COLOR-TEXT-HOVER: rgba(0, 0, 0, 0.7); --COLOR-TEXT-LIGHT: #454543; --COLOR-TEXT-DARK: #000000; --COLOR-TEXT-A5: rgba(0, 0, 0, 0.05); --COLOR-TEXT-A35: rgba(0, 0, 0, 0.35); --COLOR-TEXT-A50: rgba(0, 0, 0, 0.5); --COLOR-TEXT-A80: rgba(0, 0, 0, 0.8); --COLOR-BORDER: rgb(0, 0, 0); --COLOR-BORDER-LIGHT: #5c5c5a; --COLOR-BORDER-DARK: #000000; --COLOR-BORDER-HAIRLINE: #e0dfd7; --overlay-bg: #00000033; /* === Bright color ===*/ --COLOR-ACCENT: #e31b23; --COLOR-ACCENT-HOVER: #a80a10; --COLOR-ACCENT-FADE: rgba(227, 27, 35, 0.05); --COLOR-ACCENT-LIGHT: #fe999d; /* === Default Cart Gradient ===*/ --FREE-SHIPPING-GRADIENT: linear-gradient(to right, var(--COLOR-ACCENT-LIGHT) 0%, var(--accent) 100%); /* === Buttons ===*/ --BTN-PRIMARY-BG: #e31b23; --BTN-PRIMARY-TEXT: #ffffff; --BTN-PRIMARY-BORDER: #b0161c; --BTN-PRIMARY-BORDER-A70: rgba(176, 22, 28, 0.7); --BTN-PRIMARY-BG-BRIGHTER: #881015; --BTN-PRIMARY-BG-HOVER: initial; --BTN-PRIMARY-TEXT-HOVER: initial; --BTN-PRIMARY-BORDER-HOVER: initial; --BTN-SECONDARY-BG: #ffffff; --BTN-SECONDARY-TEXT: #000000; --BTN-SECONDARY-BORDER: #000000; --BTN-SECONDARY-BORDER-A70: rgba(0, 0, 0, 0.7); --BTN-SECONDARY-BG-BRIGHTER: #cccccc; --BTN-SECONDARY-BG-HOVER: initial; --BTN-SECONDARY-TEXT-HOVER: initial; --BTN-SECONDARY-BORDER-HOVER: initial; --COLOR-BG-BRIGHTER: #dcdad2; --COLOR-BG-ALPHA-25: rgba(231, 230, 224, 0.25); --COLOR-BG-TRANSPARENT: rgba(231, 230, 224, 0);--COLOR-FOOTER-BG-HAIRLINE: #e0dfd7; /* Dynamic color variables */ --accent: var(--COLOR-ACCENT); --accent-fade: var(--COLOR-ACCENT-FADE); --accent-hover: var(--COLOR-ACCENT-HOVER); --border: var(--COLOR-BORDER); --border-dark: var(--COLOR-BORDER-DARK); --border-light: var(--COLOR-BORDER-LIGHT); --border-hairline: var(--COLOR-BORDER-HAIRLINE); --bg: var(--COLOR-BG-GRADIENT, var(--COLOR-BG)); --bg-accent: var(--COLOR-BG-ACCENT); --bg-accent-lighten: var(--COLOR-BG-ACCENT-LIGHTEN); --icons: var(--COLOR-TEXT); --link: var(--COLOR-LINK); --link-a50: var(--COLOR-LINK-A50); --link-a70: var(--COLOR-LINK-A70); --link-hover: var(--COLOR-LINK-HOVER); --link-opposite: var(--COLOR-LINK-OPPOSITE); --heading-color: var(--COLOR-TEXT-HEADINGS); --subheading-color: var(--COLOR-TEXT-SUBHEADINGS); --text: var(--COLOR-TEXT); --text-dark: var(--COLOR-TEXT-DARK); --text-light: var(--COLOR-TEXT-LIGHT); --text-hover: var(--COLOR-TEXT-HOVER); --text-a5: var(--COLOR-TEXT-A5); --text-a35: var(--COLOR-TEXT-A35); --text-a50: var(--COLOR-TEXT-A50); --text-a80: var(--COLOR-TEXT-A80); } .color-scheme-3 {--COLOR-BG-GRADIENT: #241f20; --COLOR-BG: #241f20; --COLOR-BG-RGB: 36, 31, 32; --COLOR-BG-ACCENT: #241f20; --COLOR-BG-ACCENT-LIGHTEN: #4d4245; /* === Link Color ===*/ --COLOR-LINK: #ffffff; --COLOR-LINK-A50: rgba(255, 255, 255, 0.5); --COLOR-LINK-A70: rgba(255, 255, 255, 0.7); --COLOR-LINK-HOVER: rgba(255, 255, 255, 0.7); --COLOR-LINK-OPPOSITE: #000000; --COLOR-TEXT-HEADINGS: #f5f4ef; --COLOR-TEXT-SUBHEADINGS: #f5f4ef; --COLOR-TEXT-MICRO-DESCRIPTION: #f5f4ef; --COLOR-TEXT: #f5f4ef; --COLOR-TEXT-HOVER: rgba(245, 244, 239, 0.7); --COLOR-TEXT-LIGHT: #b6b4b1; --COLOR-TEXT-DARK: #dcd8bc; --COLOR-TEXT-A5: rgba(245, 244, 239, 0.05); --COLOR-TEXT-A35: rgba(245, 244, 239, 0.35); --COLOR-TEXT-A50: rgba(245, 244, 239, 0.5); --COLOR-TEXT-A80: rgba(245, 244, 239, 0.8); --COLOR-BORDER: rgba(255, 255, 255, 0.15); --COLOR-BORDER-LIGHT: rgba(167, 165, 166, 0.49); --COLOR-BORDER-DARK: rgba(204, 204, 204, 0.15); --COLOR-BORDER-HAIRLINE: #1c1819; --overlay-bg: #00000033; /* === Bright color ===*/ --COLOR-ACCENT: #000000; --COLOR-ACCENT-HOVER: #000000; --COLOR-ACCENT-FADE: rgba(0, 0, 0, 0.05); --COLOR-ACCENT-LIGHT: #4d4d4d; /* === Default Cart Gradient ===*/ --FREE-SHIPPING-GRADIENT: linear-gradient(to right, var(--COLOR-ACCENT-LIGHT) 0%, var(--accent) 100%); /* === Buttons ===*/ --BTN-PRIMARY-BG: #241f20; --BTN-PRIMARY-TEXT: #f5f4ef; --BTN-PRIMARY-BORDER: #241f20; --BTN-PRIMARY-BORDER-A70: rgba(36, 31, 32, 0.7); --BTN-PRIMARY-BG-BRIGHTER: #5b4e51; --BTN-PRIMARY-BG-HOVER: initial; --BTN-PRIMARY-TEXT-HOVER: initial; --BTN-PRIMARY-BORDER-HOVER: initial; --BTN-SECONDARY-BG: #f5f4ef; --BTN-SECONDARY-TEXT: #241f20; --BTN-SECONDARY-BORDER: #f5f4ef; --BTN-SECONDARY-BORDER-A70: rgba(245, 244, 239, 0.7); --BTN-SECONDARY-BG-BRIGHTER: #cec9b0; --BTN-SECONDARY-BG-HOVER: initial; --BTN-SECONDARY-TEXT-HOVER: initial; --BTN-SECONDARY-BORDER-HOVER: initial; --COLOR-BG-BRIGHTER: #322b2c; --COLOR-BG-ALPHA-25: rgba(36, 31, 32, 0.25); --COLOR-BG-TRANSPARENT: rgba(36, 31, 32, 0);--COLOR-FOOTER-BG-HAIRLINE: #2c2627; /* Dynamic color variables */ --accent: var(--COLOR-ACCENT); --accent-fade: var(--COLOR-ACCENT-FADE); --accent-hover: var(--COLOR-ACCENT-HOVER); --border: var(--COLOR-BORDER); --border-dark: var(--COLOR-BORDER-DARK); --border-light: var(--COLOR-BORDER-LIGHT); --border-hairline: var(--COLOR-BORDER-HAIRLINE); --bg: var(--COLOR-BG-GRADIENT, var(--COLOR-BG)); --bg-accent: var(--COLOR-BG-ACCENT); --bg-accent-lighten: var(--COLOR-BG-ACCENT-LIGHTEN); --icons: var(--COLOR-TEXT); --link: var(--COLOR-LINK); --link-a50: var(--COLOR-LINK-A50); --link-a70: var(--COLOR-LINK-A70); --link-hover: var(--COLOR-LINK-HOVER); --link-opposite: var(--COLOR-LINK-OPPOSITE); --heading-color: var(--COLOR-TEXT-HEADINGS); --subheading-color: var(--COLOR-TEXT-SUBHEADINGS); --text: var(--COLOR-TEXT); --text-dark: var(--COLOR-TEXT-DARK); --text-light: var(--COLOR-TEXT-LIGHT); --text-hover: var(--COLOR-TEXT-HOVER); --text-a5: var(--COLOR-TEXT-A5); --text-a35: var(--COLOR-TEXT-A35); --text-a50: var(--COLOR-TEXT-A50); --text-a80: var(--COLOR-TEXT-A80); } .color-scheme-5 {--COLOR-BG-GRADIENT: #f6f5ee; --COLOR-BG: #f6f5ee; --COLOR-BG-RGB: 246, 245, 238; --COLOR-BG-ACCENT: #ffffff; --COLOR-BG-ACCENT-LIGHTEN: #ffffff; /* === Link Color ===*/ --COLOR-LINK: #e31b23; --COLOR-LINK-A50: rgba(227, 27, 35, 0.5); --COLOR-LINK-A70: rgba(227, 27, 35, 0.7); --COLOR-LINK-HOVER: rgba(227, 27, 35, 0.7); --COLOR-LINK-OPPOSITE: #ffffff; --COLOR-TEXT-HEADINGS: #000000; --COLOR-TEXT-SUBHEADINGS: #000000; --COLOR-TEXT-MICRO-DESCRIPTION: #6e6c63; --COLOR-TEXT: #000000; --COLOR-TEXT-HOVER: rgba(0, 0, 0, 0.7); --COLOR-TEXT-LIGHT: #4a4a47; --COLOR-TEXT-DARK: #000000; --COLOR-TEXT-A5: rgba(0, 0, 0, 0.05); --COLOR-TEXT-A35: rgba(0, 0, 0, 0.35); --COLOR-TEXT-A50: rgba(0, 0, 0, 0.5); --COLOR-TEXT-A80: rgba(0, 0, 0, 0.8); --COLOR-BORDER: rgb(0, 0, 0); --COLOR-BORDER-LIGHT: #62625f; --COLOR-BORDER-DARK: #000000; --COLOR-BORDER-HAIRLINE: #f1efe4; --overlay-bg: #00000040; /* === Bright color ===*/ --COLOR-ACCENT: #e31b23; --COLOR-ACCENT-HOVER: #a80a10; --COLOR-ACCENT-FADE: rgba(227, 27, 35, 0.05); --COLOR-ACCENT-LIGHT: #fe999d; /* === Default Cart Gradient ===*/ --FREE-SHIPPING-GRADIENT: linear-gradient(to right, var(--COLOR-ACCENT-LIGHT) 0%, var(--accent) 100%); /* === Buttons ===*/ --BTN-PRIMARY-BG: #e31b23; --BTN-PRIMARY-TEXT: #ffffff; --BTN-PRIMARY-BORDER: #b0161c; --BTN-PRIMARY-BORDER-A70: rgba(176, 22, 28, 0.7); --BTN-PRIMARY-BG-BRIGHTER: #881015; --BTN-PRIMARY-BG-HOVER: initial; --BTN-PRIMARY-TEXT-HOVER: initial; --BTN-PRIMARY-BORDER-HOVER: initial; --BTN-SECONDARY-BG: #ffffff; --BTN-SECONDARY-TEXT: #000000; --BTN-SECONDARY-BORDER: #000000; --BTN-SECONDARY-BORDER-A70: rgba(0, 0, 0, 0.7); --BTN-SECONDARY-BG-BRIGHTER: #cccccc; --BTN-SECONDARY-BG-HOVER: initial; --BTN-SECONDARY-TEXT-HOVER: initial; --BTN-SECONDARY-BORDER-HOVER: initial; --COLOR-BG-BRIGHTER: #edebdd; --COLOR-BG-ALPHA-25: rgba(246, 245, 238, 0.25); --COLOR-BG-TRANSPARENT: rgba(246, 245, 238, 0);--COLOR-FOOTER-BG-HAIRLINE: #f1efe4; /* Dynamic color variables */ --accent: var(--COLOR-ACCENT); --accent-fade: var(--COLOR-ACCENT-FADE); --accent-hover: var(--COLOR-ACCENT-HOVER); --border: var(--COLOR-BORDER); --border-dark: var(--COLOR-BORDER-DARK); --border-light: var(--COLOR-BORDER-LIGHT); --border-hairline: var(--COLOR-BORDER-HAIRLINE); --bg: var(--COLOR-BG-GRADIENT, var(--COLOR-BG)); --bg-accent: var(--COLOR-BG-ACCENT); --bg-accent-lighten: var(--COLOR-BG-ACCENT-LIGHTEN); --icons: var(--COLOR-TEXT); --link: var(--COLOR-LINK); --link-a50: var(--COLOR-LINK-A50); --link-a70: var(--COLOR-LINK-A70); --link-hover: var(--COLOR-LINK-HOVER); --link-opposite: var(--COLOR-LINK-OPPOSITE); --heading-color: var(--COLOR-TEXT-HEADINGS); --subheading-color: var(--COLOR-TEXT-SUBHEADINGS); --text: var(--COLOR-TEXT); --text-dark: var(--COLOR-TEXT-DARK); --text-light: var(--COLOR-TEXT-LIGHT); --text-hover: var(--COLOR-TEXT-HOVER); --text-a5: var(--COLOR-TEXT-A5); --text-a35: var(--COLOR-TEXT-A35); --text-a50: var(--COLOR-TEXT-A50); --text-a80: var(--COLOR-TEXT-A80); } :root, .color-scheme-6 {--COLOR-BG-GRADIENT: #f5f4ef; --COLOR-BG: #f5f4ef; --COLOR-BG-RGB: 245, 244, 239; --COLOR-BG-ACCENT: #f5f4ef; --COLOR-BG-ACCENT-LIGHTEN: #ffffff; /* === Link Color ===*/ --COLOR-LINK: #6e6c63; --COLOR-LINK-A50: rgba(110, 108, 99, 0.5); --COLOR-LINK-A70: rgba(110, 108, 99, 0.7); --COLOR-LINK-HOVER: rgba(110, 108, 99, 0.7); --COLOR-LINK-OPPOSITE: #ffffff; --COLOR-TEXT-HEADINGS: #241f20; --COLOR-TEXT-SUBHEADINGS: #241f20; --COLOR-TEXT-MICRO-DESCRIPTION: #241f20; --COLOR-TEXT: #241f20; --COLOR-TEXT-HOVER: rgba(36, 31, 32, 0.7); --COLOR-TEXT-LIGHT: #635f5e; --COLOR-TEXT-DARK: #000000; --COLOR-TEXT-A5: rgba(36, 31, 32, 0.05); --COLOR-TEXT-A35: rgba(36, 31, 32, 0.35); --COLOR-TEXT-A50: rgba(36, 31, 32, 0.5); --COLOR-TEXT-A80: rgba(36, 31, 32, 0.8); --COLOR-BORDER: rgb(228, 226, 219); --COLOR-BORDER-LIGHT: #ebe9e3; --COLOR-BORDER-DARK: #b8b3a1; --COLOR-BORDER-HAIRLINE: #efeee6; --overlay-bg: #00000033; /* === Bright color ===*/ --COLOR-ACCENT: #e31b23; --COLOR-ACCENT-HOVER: #a80a10; --COLOR-ACCENT-FADE: rgba(227, 27, 35, 0.05); --COLOR-ACCENT-LIGHT: #fe999d; /* === Default Cart Gradient ===*/ --FREE-SHIPPING-GRADIENT: linear-gradient(to right, var(--COLOR-ACCENT-LIGHT) 0%, var(--accent) 100%); /* === Buttons ===*/ --BTN-PRIMARY-BG: #241f20; --BTN-PRIMARY-TEXT: #f5f4ef; --BTN-PRIMARY-BORDER: #241f20; --BTN-PRIMARY-BORDER-A70: rgba(36, 31, 32, 0.7); --BTN-PRIMARY-BG-BRIGHTER: #5b4e51; --BTN-PRIMARY-BG-HOVER: initial; --BTN-PRIMARY-TEXT-HOVER: initial; --BTN-PRIMARY-BORDER-HOVER: initial; --BTN-SECONDARY-BG: #f5f4ef; --BTN-SECONDARY-TEXT: #241f20; --BTN-SECONDARY-BORDER: #f5f4ef; --BTN-SECONDARY-BORDER-A70: rgba(245, 244, 239, 0.7); --BTN-SECONDARY-BG-BRIGHTER: #cec9b0; --BTN-SECONDARY-BG-HOVER: initial; --BTN-SECONDARY-TEXT-HOVER: initial; --BTN-SECONDARY-BORDER-HOVER: initial; --COLOR-BG-BRIGHTER: #ebe9df; --COLOR-BG-ALPHA-25: rgba(245, 244, 239, 0.25); --COLOR-BG-TRANSPARENT: rgba(245, 244, 239, 0);--COLOR-FOOTER-BG-HAIRLINE: #efeee6; /* Dynamic color variables */ --accent: var(--COLOR-ACCENT); --accent-fade: var(--COLOR-ACCENT-FADE); --accent-hover: var(--COLOR-ACCENT-HOVER); --border: var(--COLOR-BORDER); --border-dark: var(--COLOR-BORDER-DARK); --border-light: var(--COLOR-BORDER-LIGHT); --border-hairline: var(--COLOR-BORDER-HAIRLINE); --bg: var(--COLOR-BG-GRADIENT, var(--COLOR-BG)); --bg-accent: var(--COLOR-BG-ACCENT); --bg-accent-lighten: var(--COLOR-BG-ACCENT-LIGHTEN); --icons: var(--COLOR-TEXT); --link: var(--COLOR-LINK); --link-a50: var(--COLOR-LINK-A50); --link-a70: var(--COLOR-LINK-A70); --link-hover: var(--COLOR-LINK-HOVER); --link-opposite: var(--COLOR-LINK-OPPOSITE); --heading-color: var(--COLOR-TEXT-HEADINGS); --subheading-color: var(--COLOR-TEXT-SUBHEADINGS); --text: var(--COLOR-TEXT); --text-dark: var(--COLOR-TEXT-DARK); --text-light: var(--COLOR-TEXT-LIGHT); --text-hover: var(--COLOR-TEXT-HOVER); --text-a5: var(--COLOR-TEXT-A5); --text-a35: var(--COLOR-TEXT-A35); --text-a50: var(--COLOR-TEXT-A50); --text-a80: var(--COLOR-TEXT-A80); } .color-scheme-a5f7692c-60a2-4d4e-b2c7-657c2b872215 {--COLOR-BG-GRADIENT: #f5f4ef; --COLOR-BG: #f5f4ef; --COLOR-BG-RGB: 245, 244, 239; --COLOR-BG-ACCENT: #f5f4ef; --COLOR-BG-ACCENT-LIGHTEN: #ffffff; /* === Link Color ===*/ --COLOR-LINK: #000000; --COLOR-LINK-A50: rgba(0, 0, 0, 0.5); --COLOR-LINK-A70: rgba(0, 0, 0, 0.7); --COLOR-LINK-HOVER: rgba(0, 0, 0, 0.7); --COLOR-LINK-OPPOSITE: #ffffff; --COLOR-TEXT-HEADINGS: #241f20; --COLOR-TEXT-SUBHEADINGS: #241f20; --COLOR-TEXT-MICRO-DESCRIPTION: #241f20; --COLOR-TEXT: #241f20; --COLOR-TEXT-HOVER: rgba(36, 31, 32, 0.7); --COLOR-TEXT-LIGHT: #635f5e; --COLOR-TEXT-DARK: #000000; --COLOR-TEXT-A5: rgba(36, 31, 32, 0.05); --COLOR-TEXT-A35: rgba(36, 31, 32, 0.35); --COLOR-TEXT-A50: rgba(36, 31, 32, 0.5); --COLOR-TEXT-A80: rgba(36, 31, 32, 0.8); --COLOR-BORDER: rgb(0, 0, 0); --COLOR-BORDER-LIGHT: #626260; --COLOR-BORDER-DARK: #000000; --COLOR-BORDER-HAIRLINE: #efeee6; --overlay-bg: #00000040; /* === Bright color ===*/ --COLOR-ACCENT: #e31b23; --COLOR-ACCENT-HOVER: #a80a10; --COLOR-ACCENT-FADE: rgba(227, 27, 35, 0.05); --COLOR-ACCENT-LIGHT: #fe999d; /* === Default Cart Gradient ===*/ --FREE-SHIPPING-GRADIENT: linear-gradient(to right, var(--COLOR-ACCENT-LIGHT) 0%, var(--accent) 100%); /* === Buttons ===*/ --BTN-PRIMARY-BG: #e31b23; --BTN-PRIMARY-TEXT: #ffffff; --BTN-PRIMARY-BORDER: #b0161c; --BTN-PRIMARY-BORDER-A70: rgba(176, 22, 28, 0.7); --BTN-PRIMARY-BG-BRIGHTER: #881015; --BTN-PRIMARY-BG-HOVER: initial; --BTN-PRIMARY-TEXT-HOVER: initial; --BTN-PRIMARY-BORDER-HOVER: initial; --BTN-SECONDARY-BG: #ffffff; --BTN-SECONDARY-TEXT: #000000; --BTN-SECONDARY-BORDER: #000000; --BTN-SECONDARY-BORDER-A70: rgba(0, 0, 0, 0.7); --BTN-SECONDARY-BG-BRIGHTER: #cccccc; --BTN-SECONDARY-BG-HOVER: initial; --BTN-SECONDARY-TEXT-HOVER: initial; --BTN-SECONDARY-BORDER-HOVER: initial; --COLOR-BG-BRIGHTER: #ebe9df; --COLOR-BG-ALPHA-25: rgba(245, 244, 239, 0.25); --COLOR-BG-TRANSPARENT: rgba(245, 244, 239, 0);--COLOR-FOOTER-BG-HAIRLINE: #efeee6; /* Dynamic color variables */ --accent: var(--COLOR-ACCENT); --accent-fade: var(--COLOR-ACCENT-FADE); --accent-hover: var(--COLOR-ACCENT-HOVER); --border: var(--COLOR-BORDER); --border-dark: var(--COLOR-BORDER-DARK); --border-light: var(--COLOR-BORDER-LIGHT); --border-hairline: var(--COLOR-BORDER-HAIRLINE); --bg: var(--COLOR-BG-GRADIENT, var(--COLOR-BG)); --bg-accent: var(--COLOR-BG-ACCENT); --bg-accent-lighten: var(--COLOR-BG-ACCENT-LIGHTEN); --icons: var(--COLOR-TEXT); --link: var(--COLOR-LINK); --link-a50: var(--COLOR-LINK-A50); --link-a70: var(--COLOR-LINK-A70); --link-hover: var(--COLOR-LINK-HOVER); --link-opposite: var(--COLOR-LINK-OPPOSITE); --heading-color: var(--COLOR-TEXT-HEADINGS); --subheading-color: var(--COLOR-TEXT-SUBHEADINGS); --text: var(--COLOR-TEXT); --text-dark: var(--COLOR-TEXT-DARK); --text-light: var(--COLOR-TEXT-LIGHT); --text-hover: var(--COLOR-TEXT-HOVER); --text-a5: var(--COLOR-TEXT-A5); --text-a35: var(--COLOR-TEXT-A35); --text-a50: var(--COLOR-TEXT-A50); --text-a80: var(--COLOR-TEXT-A80); } .color-scheme-51878be5-697e-4c21-83fe-428d8b9c511d {--COLOR-BG-GRADIENT: #6889c1; --COLOR-BG: #6889c1; --COLOR-BG-RGB: 104, 137, 193; --COLOR-BG-ACCENT: #98baf2; --COLOR-BG-ACCENT-LIGHTEN: #dce8fb; /* === Link Color ===*/ --COLOR-LINK: #000000; --COLOR-LINK-A50: rgba(0, 0, 0, 0.5); --COLOR-LINK-A70: rgba(0, 0, 0, 0.7); --COLOR-LINK-HOVER: rgba(0, 0, 0, 0.7); --COLOR-LINK-OPPOSITE: #ffffff; --COLOR-TEXT-HEADINGS: #f5f4ef; --COLOR-TEXT-SUBHEADINGS: #f5f4ef; --COLOR-TEXT-MICRO-DESCRIPTION: #dbdad1; --COLOR-TEXT: #f5f4ef; --COLOR-TEXT-HOVER: rgba(245, 244, 239, 0.7); --COLOR-TEXT-LIGHT: #cbd4e1; --COLOR-TEXT-DARK: #dcd8bc; --COLOR-TEXT-A5: rgba(245, 244, 239, 0.05); --COLOR-TEXT-A35: rgba(245, 244, 239, 0.35); --COLOR-TEXT-A50: rgba(245, 244, 239, 0.5); --COLOR-TEXT-A80: rgba(245, 244, 239, 0.8); --COLOR-BORDER: rgb(0, 0, 0); --COLOR-BORDER-LIGHT: #2a374d; --COLOR-BORDER-DARK: #000000; --COLOR-BORDER-HAIRLINE: #5d81bd; --overlay-bg: #00000040; /* === Bright color ===*/ --COLOR-ACCENT: #e31b23; --COLOR-ACCENT-HOVER: #a80a10; --COLOR-ACCENT-FADE: rgba(227, 27, 35, 0.05); --COLOR-ACCENT-LIGHT: #fe999d; /* === Default Cart Gradient ===*/ --FREE-SHIPPING-GRADIENT: linear-gradient(to right, var(--COLOR-ACCENT-LIGHT) 0%, var(--accent) 100%); /* === Buttons ===*/ --BTN-PRIMARY-BG: #e31b23; --BTN-PRIMARY-TEXT: #ffffff; --BTN-PRIMARY-BORDER: #b0161c; --BTN-PRIMARY-BORDER-A70: rgba(176, 22, 28, 0.7); --BTN-PRIMARY-BG-BRIGHTER: #881015; --BTN-PRIMARY-BG-HOVER: initial; --BTN-PRIMARY-TEXT-HOVER: initial; --BTN-PRIMARY-BORDER-HOVER: initial; --BTN-SECONDARY-BG: #ffffff; --BTN-SECONDARY-TEXT: #000000; --BTN-SECONDARY-BORDER: #000000; --BTN-SECONDARY-BORDER-A70: rgba(0, 0, 0, 0.7); --BTN-SECONDARY-BG-BRIGHTER: #cccccc; --BTN-SECONDARY-BG-HOVER: initial; --BTN-SECONDARY-TEXT-HOVER: initial; --BTN-SECONDARY-BORDER-HOVER: initial; --COLOR-BG-BRIGHTER: #567bba; --COLOR-BG-ALPHA-25: rgba(104, 137, 193, 0.25); --COLOR-BG-TRANSPARENT: rgba(104, 137, 193, 0);--COLOR-FOOTER-BG-HAIRLINE: #5d81bd; /* Dynamic color variables */ --accent: var(--COLOR-ACCENT); --accent-fade: var(--COLOR-ACCENT-FADE); --accent-hover: var(--COLOR-ACCENT-HOVER); --border: var(--COLOR-BORDER); --border-dark: var(--COLOR-BORDER-DARK); --border-light: var(--COLOR-BORDER-LIGHT); --border-hairline: var(--COLOR-BORDER-HAIRLINE); --bg: var(--COLOR-BG-GRADIENT, var(--COLOR-BG)); --bg-accent: var(--COLOR-BG-ACCENT); --bg-accent-lighten: var(--COLOR-BG-ACCENT-LIGHTEN); --icons: var(--COLOR-TEXT); --link: var(--COLOR-LINK); --link-a50: var(--COLOR-LINK-A50); --link-a70: var(--COLOR-LINK-A70); --link-hover: var(--COLOR-LINK-HOVER); --link-opposite: var(--COLOR-LINK-OPPOSITE); --heading-color: var(--COLOR-TEXT-HEADINGS); --subheading-color: var(--COLOR-TEXT-SUBHEADINGS); --text: var(--COLOR-TEXT); --text-dark: var(--COLOR-TEXT-DARK); --text-light: var(--COLOR-TEXT-LIGHT); --text-hover: var(--COLOR-TEXT-HOVER); --text-a5: var(--COLOR-TEXT-A5); --text-a35: var(--COLOR-TEXT-A35); --text-a50: var(--COLOR-TEXT-A50); --text-a80: var(--COLOR-TEXT-A80); } body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-5, .color-scheme-6, .color-scheme-a5f7692c-60a2-4d4e-b2c7-657c2b872215, .color-scheme-51878be5-697e-4c21-83fe-428d8b9c511d { color: var(--text); background: var(--bg); } :root { --scrollbar-width: 0px; /* === Micro description ===*/ --COLOR-MICRO-DESCRIPTION-CARD: #6E6C63; --COLOR-MICRO-DESCRIPTION-PAGE: #46453F; /* === Product grid badges ===*/ --COLOR-SALE-BG: #f7e9de; --COLOR-SALE-TEXT: #212121; --FONT-SIZE-BADGE: 11px; --COLOR-BADGE-BG: #F6F5EE; --COLOR-BADGE-TEXT: #6E6C63; --COLOR-SOLD-BG: #444444; --COLOR-SOLD-TEXT: #ffffff; --COLOR-NEW-BADGE-BG: #c0b9b8; --COLOR-NEW-BADGE-TEXT: #212121; --COLOR-PREORDER-BG: #644d3e; --COLOR-PREORDER-TEXT: #ffffff; /* === Quick Add ===*/ --COLOR-QUICK-ADD-BG: #ffffff; --COLOR-QUICK-ADD-BG-BRIGHTER: #f2f2f2; --COLOR-QUICK-ADD-TEXT: #000000; /* === Product sale color ===*/ --COLOR-SALE: #241F20; /* === Helper colors for form error states ===*/ --COLOR-ERROR: #721C24; --COLOR-ERROR-BG: #F8D7DA; --COLOR-ERROR-BORDER: #F5C6CB; --COLOR-SUCCESS: #56AD6A; --COLOR-SUCCESS-BG: rgba(86, 173, 106, 0.2); --RADIUS: 0px; --RADIUS-SELECT: 0px; --COLOR-HEADER-LINK: #241F20; --COLOR-HEADER-LINK-HOVER: #241F20; --COLOR-MENU-BG: #F5F4EF; --COLOR-MENU-SECONDARY-BG: #F5F4EF; --COLOR-SUBMENU-BG: #F5F4EF; --COLOR-SUBMENU-LINK: #241F20; --COLOR-SUBMENU-LINK-HOVER: rgba(36, 31, 32, 0.7); --COLOR-SUBMENU-TEXT-LIGHT: #635f5e; --COLOR-MENU-TRANSPARENT: #F5F4EF; --COLOR-MENU-TRANSPARENT-HOVER: #F5F4EF; --TRANSPARENT: rgba(255, 255, 255, 0); /* === Default overlay opacity ===*/ --underlay-opacity: 1; --underlay-bg: rgba(0,0,0,0.4); --header-overlay-color: transparent; /* === Custom Cursor ===*/ --ICON-ZOOM-IN: url( "//cdn.shopify.com/s/files/1/0277/0693/t/650/assets/icon-zoom-in.svg?v=182473373117644429561788884779" ); --ICON-ZOOM-OUT: url( "//cdn.shopify.com/s/files/1/0277/0693/t/650/assets/icon-zoom-out.svg?v=101497157853986683871788884779" ); /* === Custom Icons ===*/ --ICON-ADD-BAG: url( "//cdn.shopify.com/s/files/1/0277/0693/t/650/assets/icon-add-bag.svg?v=23763382405227654651788884772" ); --ICON-ADD-CART: url( "//cdn.shopify.com/s/files/1/0277/0693/t/650/assets/icon-add-cart.svg?v=3962293684743587821788884774" ); --ICON-ARROW-LEFT: url( "//cdn.shopify.com/s/files/1/0277/0693/t/650/assets/guidance_left-arrow.svg?v=13621754268702324521790597317" ); --ICON-ARROW-RIGHT: url( "//cdn.shopify.com/s/files/1/0277/0693/t/650/assets/guidance_right-arrow.svg?v=131086530778222354561790597317" ); --ICON-SELECT: url("//cdn.shopify.com/s/files/1/0277/0693/t/650/assets/icon-select.svg?v=150573211567947701091788884778"); --PRODUCT-GRID-ASPECT-RATIO-MOBILE: 100%; --PRODUCT-GRID-ASPECT-RATIO-DESKTOP: 100%; /* === Typography ===*/ --FONT-HEADING-MINI: 24px; --FONT-HEADING-X-SMALL: 32px; --FONT-HEADING-SMALL: 40px; --FONT-HEADING-MEDIUM: 42px; --FONT-HEADING-LARGE: 56px; --FONT-HEADING-X-LARGE: 60px; --FONT-HEADING-MINI-MOBILE: 24px; --FONT-HEADING-X-SMALL-MOBILE: 24px; --FONT-HEADING-SMALL-MOBILE: 40px; --FONT-HEADING-MEDIUM-MOBILE: 32px; --FONT-HEADING-LARGE-MOBILE: 32px; --FONT-HEADING-X-LARGE-MOBILE: 45px; --FONT-STACK-BODY: var(--paragraph-first-font); --FONT-STYLE-BODY: normal; --FONT-WEIGHT-BODY: 400; --FONT-WEIGHT-BODY-BOLD: 700; --LINE-HEIGHT-BODY: 1.5; --LETTER-SPACING-BODY: 0; --FONT-STACK-HEADING: var(--header-first-font); --FONT-WEIGHT-HEADING: 400; --FONT-STYLE-HEADING: normal; --FONT-UPPERCASE-HEADING: none; --LINE-HEIGHT-HEADING: 1.2; --LETTER-SPACING-HEADING: -1px; --FONT-STACK-SUBHEADING: var(--paragraph-first-font); --FONT-WEIGHT-SUBHEADING: 400; --FONT-STYLE-SUBHEADING: normal; --FONT-SIZE-SUBHEADING-DESKTOP: 12px; --FONT-SIZE-SUBHEADING-MOBILE: 12px; --FONT-UPPERCASE-SUBHEADING: uppercase; --LINE-HEIGHT-SUBHEADING: 1.5; --LETTER-SPACING-SUBHEADING: 1.92px; --FONT-STACK-NAV: var(--paragraph-first-font); --FONT-WEIGHT-NAV: 500; --FONT-WEIGHT-NAV-BOLD: 700; --FONT-STYLE-NAV: normal; --FONT-SIZE-NAV: 14px; --LETTER-SPACING-NAV: 0; --FONT-SIZE-BASE: 14px;--COLUMNS: 4; --COLUMNS-MEDIUM: 3; --COLUMNS-SMALL: 2; --COLUMNS-MOBILE: 1;--LAYOUT-OUTER: 24px; --LAYOUT-GUTTER: 32px; --LAYOUT-OUTER-MEDIUM: 24px; --LAYOUT-GUTTER-MEDIUM: 22px; --LAYOUT-OUTER-SMALL: 16px; --LAYOUT-GUTTER-SMALL: 16px;--base-animation-delay: 0ms; --line-height-normal: 1.375; /* Equals to line-height: normal; */--SIDEBAR-WIDTH: 270px; --SIDEBAR-WIDTH-MEDIUM: 258px;--DRAWER-WIDTH: 380px;--ICON-STROKE-WIDTH: 1px; /* === Button General ===*/ --BTN-FONT-STACK: var(--paragraph-first-font); --BTN-FONT-WEIGHT: 800; --BTN-FONT-STYLE: normal; --BTN-FONT-SIZE-SMALL: 12px; --BTN-FONT-SIZE-MEDIUM: 14px; --BTN-FONT-SIZE-LARGE: 16px; --BTN-SIZE-SMALL-X: 24px; --BTN-SIZE-SMALL-Y: 18px; --BTN-SIZE-MEDIUM-X: 32px; --BTN-SIZE-MEDIUM-Y: 20px; --BTN-SIZE-LARGE-X: 32px; --BTN-SIZE-LARGE-Y: 16px; @media (max-width: 749px) { --BTN-FONT-SIZE-SMALL-MOBILE: 12px; --BTN-FONT-SIZE-MEDIUM-MOBILE: 14px; --BTN-FONT-SIZE-LARGE-MOBILE: 14px; }--BTN-FONT-SIZE-BODY: 1.0rem; --BTN-LINE-HEIGHT: 1; --BTN-LETTER-SPACING: 0; --BTN-TEXT-TRANSFORM: uppercase; --BTN-TEXT-ARROW-OFFSET: -1px; /* === Button White ===*/ --COLOR-TEXT-BTN-BG-WHITE: #fff; --COLOR-TEXT-BTN-BORDER-WHITE: #fff; --COLOR-TEXT-BTN-WHITE: #000; --COLOR-TEXT-BTN-WHITE-A70: rgba(255, 255, 255, 0.7); --COLOR-TEXT-BTN-BG-WHITE-BRIGHTER: #cccccc; /* === Button Black ===*/ --COLOR-TEXT-BTN-BG-BLACK: #000; --COLOR-TEXT-BTN-BORDER-BLACK: #000; --COLOR-TEXT-BTN-BLACK: #fff; --COLOR-TEXT-BTN-BLACK-A70: rgba(0, 0, 0, 0.7); --COLOR-TEXT-BTN-BG-BLACK-BRIGHTER: #333333; /* === Swatch Size ===*/ --swatch-size-filters: 1.15rem; --swatch-size-product: 2.2rem; } /* === Backdrop ===*/ ::backdrop { --underlay-opacity: 1; --underlay-bg: rgba(0,0,0,0.4); } /* === Gray background on Product grid items ===*/ *, *::before, *::after { box-sizing: inherit; } * { -webkit-font-smoothing: antialiased; } html { box-sizing: border-box; font-size: var(--FONT-SIZE-BASE); } html, body { min-height: 100%; } body { position: relative; min-width: 320px; font-size: var(--FONT-SIZE-BASE); text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } /* ===== about-us ===== */ .swatches { --black: #000000;--white: #fafafa;--blank: url(//cdn.shopify.com/s/files/1/0277/0693/files/blank_small.png?v=132021);--bronze: #A07636;--silver: #CECBC7; } /* ===== about-us ===== */ .swatches{--ink: #696969;--ash: #a3a3a3;--sky: #9bbaed;--pop: #e43e23;--red: #d13b38;--jet: #000000;--gum: #eb5799;--hot: #ff0073;--mud: #4a342c;--fig: #F4E4FF;--tan: #d2b48c;--sea: #006699;--ruby: #e32040;--envy: #0e986b;--jade: #1b5c1d;--vert: #489c4a;--bone: #dedbbf;--aqua: #00ffff;--blue: #1d5caa;--cyan: #00ffff;--dirt: #a54400;--gold: #D4AF37;--gray: #808080;--grey: #808080;--lime: #00ff00;--navy: #273854;--nude: #E3BC9A;--rose: #e37fa0;--mint: #b6e4d0;--milk: #f6f2e8;--wine: #533230;--coal: #060d11;--snow: #f7f7f7;--dash: #234d90;--moss: #40592f;--peel: #ffd322;--sand: #e0c389;--onyx: #323737;--silk: #d1c4bb;--peru: #cd853f;--pink: #e79fab;--plum: #8a3340;--rust: #b7410e;--teal: #008080;--tile: #b9b6a1;--aloe: #D9EFD9;--azure: #f0ffff;--beige: #f5f5dc;--black: #000000;--brown: #804020;--cream: #ddd7cb;--terra: #b7a282;--slate: #4f4f4f;--olive: #40483f;--ocean: #E1E5F6;--camel: #a98d74;--clean: #F6F4EA;--coral: #ff7f50;--green: #008000;--ivory: #f5ecda;--khaki: #f0e68c;--linen: #faf0e6;--mauve: #e0b0ff;--wheat: #f5deb3;--white: #fafafa;--sienna: #9f6a51;--coffee: #2d2114;--bisque: #ffe4c4;--indigo: #4b0082;--maroon: #800000;--orange: #e5990e;--orchid: #da70d6;--purple: #800080;--tartan: #21a0ad;--salmon: #fa8072;--silver: #c0c0c0;--shadow: #5c534f;--tomato: #ff6347;--violet: #ee82ee;--yellow: #ffff00;--natural: #b7ac9a;--saffron: #FFE4DF;--crimson: #dc143c;--neutral: #c6bda6;--fuchsia: #ff00ff;--magenta: #ff00ff;--thistle: #d8bfd8;--hot-pink: #ff69b4;--sky-blue: #87ceeb;--dark-red: #8b0000;--cornsilk: #fff8dc;--honeydew: #f0fff0;--metallic: #b2b0ab;--lavender: #e6e6fa;--moccasin: #ffe4b5;--midnight: #383863;--seashell: #fff5ee;--sea-green: #2e8b57;--rose-gold: #cf9fa6;--dark-blue: #00008b;--dark-cyan: #008b8b;--cool-grey: #b9c1c9;--dark-gray: #a9a9a9;--dark-grey: #a9a9a9;--deep-pink: #ff1493;--chocolate: #d2691e;--gainsboro: #dcdcdc;--steelblue: #4682b4;--turquoise: #40e0d0;--alabaster: #e8e7df;--dark-green: #006400;--dark-khaki: #bdb76b;--light-blue: #add8e6;--light-cyan: #e0ffff;--light-gray: #d3d3d3;--light-grey: #d3d3d3;--light-pink: #ffb6c1;--lime-green: #32cd32;--mint-cream: #f5fffa;--royal-blue: #4169e1;--slate-blue: #6a5acd;--slate-gray: #708090;--slate-grey: #708090;--aquamarine: #7fffd4;--chartreuse: #7fff00;--dark-orange: #ff8c00;--dark-salmon: #e9967a;--dark-violet: #9400d3;--light-coral: #f08080;--light-green: #90ee90} /*# sourceMappingURL=/s/files/1/0277/0693/t/650/assets/swatches.css.map?v=157844926215047500451788884836 */ /* ===== about-us ===== */ .stylux-offer-container { margin-bottom: 8px; } .stylux-offer-btn { } .stylux-offer-btn:hover { } /* ===== about-us ===== */ .ig-hidden { display: none !important; } /* ===== about-us ===== */ [data-ig-discount]:not([data-ig-discount="0"]) { display: none; } /* ===== about-us ===== */ .yotpo-widget-empty-placeholder { display: block!important; } /* ===== about-us ===== */ .go1475592160{height:0;}.go1671063245{height:auto;}.go1888806478{display:flex;flex-wrap:wrap;flex-grow:1;}@media (min-width:600px){.go1888806478{flex-grow:initial;min-width:288px;}}.go167266335{background-color:#313131;font-size:0.875rem;line-height:1.43;letter-spacing:0.01071em;color:#fff;align-items:center;padding:6px 16px;border-radius:4px;box-shadow:0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);}.go3162094071{padding-left:20px;}.go3844575157{background-color:#313131;}.go1725278324{background-color:#43a047;}.go3651055292{background-color:#d32f2f;}.go4215275574{background-color:#ff9800;}.go1930647212{background-color:#2196f3;}.go946087465{display:flex;align-items:center;padding:8px 0;}.go703367398{display:flex;align-items:center;margin-left:auto;padding-left:16px;margin-right:-8px;} /* ===== about-us ===== */ [data-manual-scroll]{scrollbar-width:none;-ms-overflow-style:none;}[data-manual-scroll]::-webkit-scrollbar{display:none;width:0;height:0;} /* ===== about-us ===== */ @import url('https://cdn-widgetsrepository.yotpo.com/web-fonts/css/ibm_plex_sans/v1/ibm_plex_sans_400.css'); /* ===== about-us ===== */ /* ============================================================================ Topo Smart Cart — global custom CSS Paste into the Rebuy Smart Cart "Custom CSS" field (global to the whole cart). Combo-bar-specific styles live inline in the Custom Code Block, not here. ========================================================================== */ /* ============================================================================ 1. FOOTER (subtotal + Redo "Checkout+" widget) By default the subtotal and the Redo widget sit side-by-side in a flex row, squeezing the widget. Stack them so each is full width. Redo renders its internals in a closed shadow root, so its host width drives its layout and its internal spacing isn't reachable from here. ========================================================================== */ .rebuy-cart__flyout div:has(> redo-shopify-toggle) { flex-direction: column !important; align-items: stretch !important; border-top: 1px solid #e6e6e6; /* separate the footer from the cart content above */ padding-top: 8px; } redo-shopify-toggle { display: block !important; width: 100% !important; margin-top: -10px !important; /* tighten the gap below the subtotal (offsets Redo's internal top padding) */ } .rebuy-cart__checkout-button, .rebuy-cart .rebuy-button.block { width: 100% !important; } /* ============================================================================ 2. GENERAL CART STYLES ========================================================================== */ /* Hide the Dawn native cart drawer while the Rebuy Smart Cart is enabled (the default drawer still works as a fallback when it isn't). */ .smart-cart--enabled cart-drawer { display: none !important; } /* Flyout shell */ .rebuy-cart .rebuy-cart__flyout { margin: 0; border-radius: 0; } /* Cart title — larger, left-aligned to leave room for the Login link on the row */ .rebuy-cart .rebuy-cart__title { font-size: 2.4rem !important; line-height: 1.1 !important; font-family: var(--paragraph-first-font) !important; font-weight: 7000 !important; text-transform: none !important; text-align: left !important; } .rebuy-cart__flyout-subtotal { width: 100% !important; margin-bottom: 4px; font-family: var(--paragraph-first-font) !important; } .rebuy-cart a { color: #3e3e3e; } .rebuy-cart [data-rebuy-component=cart-items]>ul { margin: 10px 0 16px; } /* ---- Cart items ---- */ .rebuy-cart__flyout-item-product-title { text-decoration: none; margin-bottom: 0.5rem; font-family: var(--paragraph-first-font) !important; } .rebuy-cart__flyout-item-product-title, .rebuy-cart__flyout-item-variant-title { font-size: 1.6rem; } .rebuy-cart__flyout-item-variant-title { color: #888; } .rebuy-cart__flyout-item-price span { font-size: 1.6rem; } .rebuy-cart__flyout-item-price .rebuy-money.compare-at { color: #888; } /* Sale prices and the discounted subtotal in brand red */ .rebuy-cart .rebuy-money.sale, .rebuy-cart .rebuy-cart__flyout-subtotal-final-amount { color: rgb(var(--color-button)) !important; } .rebuy-cart__flyout-item-discount-message { font-size: 1.3rem; margin-top: 0.5rem; } .rebuy-cart__flyout-item-quantity, .rebuy-cart__flyout-item-price { margin-top: 1rem; } /* ---- Cross-sell recommendations ("You may also like") ---- */ /* Light gray background to separate the recommendations from the cart items. Negative margins make it full-bleed to the drawer edges and cancel the cart body's flex row-gap so it sits flush; internal padding keeps content aligned. */ .rebuy-cart .rebuy-widget-container { background: #f5f5f5 !important; margin-top: -10px !important; margin-left: -16px !important; margin-right: -16px !important; padding: 0 16px !important; } /* Recommended product images match the in-cart item image size */ .rebuy-cart .rebuy-product-block .rebuy-product-media { width: 90px !important; min-width: 90px !important; } .rebuy-cart .rebuy-product-block .rebuy-product-media img { width: 90px !important; height: 90px !important; } /* Even vertical padding per product, with a divider only between products */ .rebuy-cart .rebuy-product-block { padding: 16px 0 !important; margin: 0 !important; } .rebuy-cart .rebuy-product-block + .rebuy-product-block { border-top: 1px solid #e0e0e0; } /* Keep the action button label on one line; let it size to content and the info column shrink (default actions column is fixed-width and clips wider labels) */ .rebuy-cart .rebuy-product-block .rebuy-button { white-space: nowrap !important; min-width: 140px !important; } .rebuy-cart .rebuy-product-block .rebuy-product-actions { width: auto !important; } .rebuy-cart .rebuy-product-block .rebuy-product-info { min-width: 0 !important; } /* ---- Buttons ---- */ .rebuy-cart .rebuy-button, .rebuy-cart .rebuy-cart__flyout-empty-cart a { font-size: 1.3rem; padding: 1.3rem 2rem; font-weight: 800; line-height: 1.44rem; text-transform: uppercase; text-decoration: none; background-color: rgb(227 27 35); color: rgb(255, 255, 255); transition: all 0.2s ease; } /* Outline (secondary) button variant — no outline buttons render today, kept for any secondary/subscription buttons enabled later */ .rebuy-cart .rebuy-button.outline { background-color: rgb(var(--color-button-text)); border: 1px solid rgb(var(--color-button)); color: rgb(var(--color-button)); } .rebuy-cart .rebuy-button:hover, .rebuy-cart .rebuy-button.block:hover, .rebuy-cart .rebuy-cart__flyout-empty-cart a:hover { background-color: #c8171e !important; border-color: #c8171e !important; color: #fff !important; text-decoration: none; } .rebuy-cart .rebuy-button.outline:hover { background-color: #c8171e !important; color: #fff !important; } /* Account / login link — it's an , so override the red button styling and render it as the theme's underlined text link. The extra specificity beats Rebuy's cart-designer CSS; href*="/account" covers both the logged-out "Login" and logged-in "My Account" states. */ .rebuy-cart .rebuy-cart__flyout a.rebuy-button[href*="/account"] { padding: 0 !important; background-color: transparent !important; border: none !important; box-shadow: none !important; color: rgb(var(--color-foreground)) !important; font-size: 1.4rem !important; font-weight: 700 !important; /* Rebuy overrides --font-body-weight-bold to 400 in the cart */ line-height: normal !important; text-transform: none !important; text-decoration: underline !important; text-underline-offset: 0.3rem !important; } .rebuy-cart .rebuy-cart__flyout a.rebuy-button[href*="/account"]:hover { background-color: transparent !important; color: rgba(var(--color-foreground), 0.75) !important; text-decoration: underline !important; } /* Additional styles */ [data-rebuy-component=cross-sell-widget] .rebuy-widget .primary-title { font-family: var(--FONT-STACK-BODY); font-weight: 800; line-height: 130%; } .rebuy-cart .rebuy-button, .rebuy-cart .rebuy-cart__flyout-empty-cart a { font-size: 14px; padding: 14px 22px; line-height: 1.1; -webkit-text-fill-color: unset !important; } .rebuy-cart__flyout-empty-cart a::after { display: none; } .rebuy-widget .rebuy-product-title-link { font-family: var(--FONT-STACK-BODY); font-weight: 500; letter-spacing: 0.72px; } .rebuy-cart .rebuy-money.sale { color: rgb( 227, 27, 35) !important; } .rebuy-widget .rebuy-product-block .rebuy-product-info .rebuy-product-price { font-size: 17.5px; } rebuy-select, .rebuy-widget .rebuy-select, select.rebuy-select, .rebuy-widget select.rebuy-select { font-size: 14px; background-position: calc(100% - 20px) calc(1em + 4px), calc(100% - 15px) calc(1em + 4px) !important; background-image: linear-gradient(45deg, transparent 50%, #919191 50%), linear-gradient(135deg, #919191 50%, transparent 50%) !important; } .rebuy-cart__flyout-subtotal-label { font-size: 17px; line-height: 150%; font-family: var(--FONT-STACK-BODY); font-weight: 700; } .rebuy-cart__flyout-subtotal-final-amount, .rebuy-cart__flyout-subtotal-compare-amount { font-size: 17px; line-height: 150%; } [data-rebuy-cart-anchor=header] [data-rebuy-cart-header-top] [data-rebuy-cart-header-top-inner] [data-rebuy-component=title-bar] { font-size: 26px !important; font-family: var(--FONT-STACK-BODY) !important; font-weight: 700; } .rebuy-cart .rebuy-cart__flyout a.rebuy-button[href*="/account"] { font-size: 15px !important; font-family: var(--FONT-STACK-BODY); } .rebuy-cart__flyout-empty-cart h4 { font-family: var(--FONT-STACK-BODY); font-weight: 800; margin: 43px 0; font-size: 32px; } .rebuy-cart__flyout-empty-cart p { font-family: var(--FONT-STACK-BODY); font-size: 17px; font-weight: 400; margin: 17px 0; } .rebuy-cart__flyout-item-price .rebuy-money.sale, [data-rebuy-component="cart-items"] .rebuy-cart__flyout-item-price .rebuy-money.sale, .rebuy-cart__flyout-item-price .rebuy-money.compare-at, [data-rebuy-component="cart-items"] .rebuy-cart__flyout-item-price .rebuy-money.compare-at, .rebuy-cart__flyout-item-price span { font-size: 17.5px; font-family: var(--FONT-STACK-BODY); } .rebuy-cart .rebuy-money.sale, .rebuy-cart .rebuy-cart__flyout-subtotal-final-amount { --color-button: 227, 27, 35; } .rebuy-admin__preview-inner { display: none; } body.rebuy-cart-visible { overflow: hidden !important; } body.smart-cart--enabled { overflow: visible !important; } /* ===== about-us ===== */ .yotpo-reviews-star-ratings-widget { display: flex; a:empty, article:empty, div:empty, dl:empty, h1:empty, h2:empty, h3:empty, h4:empty, h5:empty, h6:empty, p:empty, section:empty, ul:empty { display: block; } } [v-cloak] { display: none; } .yotpo-star-rating-reviews-summary-text:hover { cursor: pointer; } .yotpo-highly-rated-topics-content { display: inline-flex; gap: 0; /* Ensures no space between elements */ cursor: pointer !important; } .yotpo-topic-underline { text-decoration: underline !important; cursor: pointer !important; } .yotpo-topic-comma { text-decoration: none; cursor: pointer !important; } .yotpo-bottom-line-scroll-panel .yotpo-sr-bottom-line-button { margin: 0; padding: 0; border: 0; background: none; text-decoration: none; } .yotpo-sr-bottom-line-button:focus-visible { outline: #000 auto 2px; box-shadow: 0 0 0 4px #fff; } .yotpo-sr-bottom-line-button .yotpo-sr-bottom-line-text, .yotpo-sr-bottom-line-button .yotpo-sr-bottom-line-score { cursor: pointer; } .yotpo-sr-bottom-line-score, .yotpo-sr-bottom-line-text { margin: 0; padding: 0; } .yotpo-widget-clear { animation: none; animation-delay: 0; animation-direction: normal; animation-duration: 0; animation-fill-mode: none; animation-iteration-count: 1; animation-name: none; animation-play-state: running; animation-timing-function: ease; backface-visibility: visible; background: 0; background-attachment: scroll; background-clip: border-box; background-color: transparent; background-image: none; background-origin: padding-box; background-position: 0 0; background-position-x: 0; background-position-y: 0; background-repeat: repeat; background-size: auto auto; border: 0; border-style: none; border-width: medium; border-color: inherit; border-bottom: 0; border-bottom-color: inherit; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom-style: none; border-bottom-width: medium; border-collapse: separate; border-image: none; border-left: 0; border-left-color: inherit; border-left-style: none; border-left-width: medium; border-radius: 0; border-right: 0; border-right-color: inherit; border-right-style: none; border-right-width: medium; border-spacing: 0; border-top: 0; border-top-color: inherit; border-top-left-radius: 0; border-top-right-radius: 0; border-top-style: none; border-top-width: medium; bottom: auto; box-shadow: none; box-sizing: content-box; caption-side: top; clear: none; clip: auto; color: inherit; columns: auto; column-count: auto; column-fill: balance; column-gap: normal; column-rule: medium none currentColor; column-rule-color: currentColor; column-rule-style: none; column-rule-width: none; column-span: 1; column-width: auto; content: normal; counter-increment: none; counter-reset: none; cursor: auto; direction: ltr; display: inline; empty-cells: show; float: none; font: normal; font-family: var(--primary-font-family); font-style: var(--primary-font-style); font-weight: var(--primary-font-weight); font-size: medium; font-variant: normal; height: auto; hyphens: none; left: auto; letter-spacing: normal; line-height: normal; list-style: none; list-style-image: none; list-style-position: outside; list-style-type: disc; margin: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0; max-height: none; max-width: none; min-height: 0; min-width: 0; opacity: 1; orphans: 0; outline: 0; outline-color: invert; outline-style: none; outline-width: medium; overflow: visible; overflow-x: visible; overflow-y: visible; padding: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; page-break-after: auto; page-break-before: auto; page-break-inside: auto; perspective: none; perspective-origin: 50% 50%; position: static; right: auto; tab-size: 8; table-layout: auto; text-align: inherit; text-align-last: auto; text-decoration: none; text-decoration-color: inherit; text-decoration-line: none; text-decoration-style: solid; text-indent: 0; text-shadow: none; text-transform: none; top: auto; transform: none; transform-style: flat; transition: none; transition-delay: 0s; transition-duration: 0s; transition-property: none; transition-timing-function: ease; unicode-bidi: normal; vertical-align: baseline; visibility: visible; white-space: normal; word-break: normal; widows: 0; width: auto; word-spacing: normal; z-index: auto; } .sr-only { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* ===== about-us ===== */ .cc-window-wrapper { opacity: 1; -webkit-transition: visibility 0s, opacity 0.5s linear; transition: visibility 0s, opacity 0.5s linear;}.cc-window { /* min-width: fit-content; */ opacity: 1; -webkit-transition: opacity 1s ease; transition: opacity 1s ease;}.cc-window-wrapper.cc-invisible,.cc-window.cc-invisible { opacity: 0;}.cc-animate.cc-revoke { /* -webkit-transition: transform 1s ease; */ /* -webkit-transition: -webkit-transform 1s ease; */ /* transition: -webkit-transform 1s ease; */ /* transition: transform 1s ease; */ /* transition: transform 1s ease, -webkit-transform 1s ease; */ -webkit-transition: transform 1s ease; -moz-transition: transform 1s ease; -ms-transition: transform 1s ease; -o-transition: transform 1s ease; transition: transform 1s ease;}.cc-animate.cc-revoke.cc-top { -webkit-transform: translateY(-2em); transform: translateY(-2em);}.cc-animate.cc-revoke.cc-bottom,.cc-animate.cc-revoke.cc-popup,.cc-animate.cc-revoke.cc-overlay { -webkit-transform: translateY(2em); transform: translateY(2em);}.cc-animate.cc-revoke.cc-active.cc-top { -webkit-transform: translateY(0); transform: translateY(0);}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-popup,.cc-animate.cc-revoke.cc-active.cc-overlay { -webkit-transform: translateY(0); transform: translateY(0);}.cc-revoke:hover { -webkit-transform: translateY(0); transform: translateY(0); box-shadow: 0 4px 8px 0 rgb(0 0 0 / 40%);}.cc-animate.cc-revoke:hover { box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);}.cc-grower { max-height: 0; overflow: hidden; -webkit-transition: max-height 1s; transition: max-height 1s;}.cc-revoke,.cc-window { position: fixed; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: Helvetica, Calibri, Arial, sans-serif; font-size: 16px; line-height: 1.5em; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; z-index: 9999;}.cc-window.cc-static { position: static;}.cc-window.cc-floating { padding: 2em; max-width: 24em; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}.cc-window.cc-floating .cc-logo { display: block;}.cc-window.cc-banner { padding: 1em 1.8em; width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;}.cc-window.cc-banner.cc-theme-edgeless .cc-logo { margin-left: 10px;}.cc-revoke { padding: 0.4em; z-index: 2147483647 !important; box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%); transition: box-shadow 0.6s ease-in-out; background-color: #fff;}.cc-revoke:hover { text-decoration: underline;}.pd-cookie-banner-window .cc-header { font-size: 18px; font-weight: 700; line-height: 18px; margin-bottom: 1em;}/* button specific css */button.cc-close { background: none; border: none;}button.cc-btn { font-family: inherit; padding: 0.75em 1.25em;}.cc-banner.cc-theme-edgeless button.cc-btn { padding: 1.25em 1.8em;}/* button specific css */.cc-btn,.cc-close,.cc-link,.cc-revoke { cursor: pointer; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}.cc-link { opacity: 0.8; display: inline-block; padding: 0.2em; text-decoration: underline !important;}.cc-link:hover { opacity: 1;}.cc-link:active,.cc-link:visited { color: initial;}.cc-btn { display: block; padding: 0.4em 0.8em; font-size: 0.9em; font-weight: 700; border-width: 2px; border-style: solid; text-align: center; white-space: nowrap; outline: 0;}.cc-btn:hover { cursor: pointer !important;}.cc-highlight .cc-btn { background-color: transparent; border-color: transparent;}/* .cc-highlight .cc-btn.cc-leave:focus, *//* .cc-highlight .cc-btn.cc-leave:hover { *//* background-color: transparent; *//* text-decoration: underline; *//* } *//* .cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover { background-color: transparent; text-decoration: underline;} */.cc-close { display: block; position: absolute; top: 0.5em; right: 0.5em; font-size: 1em; opacity: 0.9; line-height: 0.75; outline: 0;}.cc-close:focus,.cc-close:hover { opacity: 1; outline: 0;}.cc-banner .cc-close { position: unset; margin-left: 15px;}.cc-revoke.cc-top { top: 0; left: 3em; border-bottom-left-radius: 0.5em; border-bottom-right-radius: 0.5em;}.cc-revoke.cc-bottom,.cc-revoke.cc-popup,.cc-revoke.cc-overlay { bottom: 0; left: 3em; border-top-left-radius: 0.5em; border-top-right-radius: 0.5em;}.cc-revoke.cc-left { left: 3em; right: unset;}.cc-revoke.cc-right { right: 3em; left: unset;}.cc-top { top: 1em;}.cc-left { left: 1em;}.cc-right { right: 1em;}.cc-bottom { bottom: 1em;}.cc-floating > .cc-link { margin-bottom: 1em;}.cc-floating .cc-message { display: block; margin-bottom: 1em;}.cc-floating .cc-logo { text-align: center;}.cc-window.cc-floating .cc-compliance { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto;}.cc-window.cc-banner { -webkit-box-align: center; -ms-flex-align: center; align-items: center;}.cc-banner.cc-top { left: 0; right: 0; top: 0;}.cc-banner.cc-bottom { left: 0; right: 0; bottom: 0;}.cc-banner .cc-message { display: block; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; max-width: 100%; margin-right: 1em;}.cc-compliance { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: justify; align-content: space-between;}.cc-floating .cc-compliance > .cc-btn { -webkit-box-flex: 1; -ms-flex: 1; flex: 1;}.cc-btn + .cc-btn { margin-left: 0.5em;}@media print { .cc-revoke, .cc-window { display: none; }}@media screen and (max-width: 900px) { .cc-btn { white-space: normal; }}@media only screen and (max-width: 600px) { .cc-window .cc-compliance { flex-direction: column; } .cc-allow { order: 0; } .cc-deny { order: 1; } .cc-settings { order: 3; } .cc-btn { margin-left: 0em !important; width: 100%; margin-bottom: 5px; }}@media screen and (max-width: 484px) and (orientation: portrait), screen and (max-width: 736px) and (orientation: landscape) { .cc-close { position: absolute !important; top: 0.5em; right: 0.5em; } .cc-window.cc-top { top: 0; } .cc-window.cc-bottom { bottom: 0; } .cc-logo { align-self: center; } .cc-window.cc-banner, .cc-window.cc-floating, .cc-window.cc-left, .cc-window.cc-right { left: 0; right: 0; } .cc-window.cc-banner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cc-window.cc-banner .cc-compliance { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .cc-window.cc-floating { max-width: none; } .cc-window .cc-message { margin-bottom: 1em; margin-top: 1em; } .cc-window.cc-banner { -webkit-box-align: unset; -ms-flex-align: unset; align-items: unset; } .cc-window.cc-banner .cc-message { margin-right: 0; }}@media (max-width: 767px) { .cc-window.cc-floating { max-width: 100% !important; }}.cc-floating.cc-theme-classic { padding: 1.2em; border-radius: 5px;}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance { text-align: center; display: inline; -webkit-box-flex: 0; -ms-flex: none; flex: none;}.cc-theme-classic .cc-btn.cc-settings,.cc-theme-classic .cc-btn.cc-btn-decision { border-radius: 5px;}.cc-theme-classic .cc-btn.cc-btn-decision { min-width: 140px;}.cc-floating.cc-type-info.cc-theme-classic .cc-btn { display: inline-block;}.cc-theme-edgeless.cc-window { padding: 0;}.cc-floating.cc-theme-edgeless .cc-message { margin: 2em; margin-bottom: 1.5em;}.cc-floating .cc-logo + .cc-message { margin-top: 1em;}.cc-logo + .cc-header { margin-top: 1em;}.cc-floating.cc-theme-edgeless .cc-logo { margin: 2em 2em 0px 2em;}.cc-banner.cc-theme-edgeless .cc-btn { margin: 0; padding: 0.8em 1.8em; height: 100%;}.cc-banner.cc-theme-edgeless .cc-message { margin-left: 1em;}.cc-floating.cc-theme-edgeless .cc-btn + .cc-btn { margin-left: 0;}.cc-theme-edgeless .cc-btn.cc-settings { border-color: transparent !important;}.cc-theme-wired .cc-btn.cc-settings:hover,.cc-theme-wired .cc-btn.cc-settings:focus { text-decoration: underline;}/** POPUP OVERLAY */.cc-window-wrapper.cc-overlay-wrapper { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; color: rgb(20, 30, 35); position: fixed; top: 0px; left: 0px; z-index: 2147483647; overflow: hidden; height: 100vh !important; width: 100vw;}.cc-window-wrapper.cc-popup-wrapper { width: 100% !important; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; color: rgb(20, 30, 35); position: fixed; z-index: 2147483647; top: 50%; left: 50%; transform: translate(-50%, -50%);}.cc-window-wrapper.cc-overlay-wrapper .cc-window.cc-bottom,.cc-window-wrapper.cc-popup-wrapper .cc-window.cc-bottom { bottom: auto;}.cc-window-wrapper.cc-overlay-wrapper .cc-window.cc-left,.cc-window-wrapper.cc-popup-wrapper .cc-window.cc-left { left: auto;}.cc-window-wrapper.cc-overlay-wrapper .cc-window,.cc-window-wrapper.cc-popup-wrapper .cc-window { height: auto; width: 100%; display: flex; flex-direction: column; -webkit-box-pack: justify; justify-content: space-between; flex-wrap: wrap;}@media (min-width: 768px) { .cc-window-wrapper.cc-overlay-wrapper .cc-window, .cc-window-wrapper.cc-popup-wrapper .cc-window { height: auto; max-height: none; }}/* .cc-window-wrapper.cc-overlay-wrapper { *//* background-color: rgba(33, 41, 52, 0.75); *//* } */.cc-logo { line-height: 0;}/** FIXES header in edgeless theme */.cc-floating.cc-theme-edgeless .cc-header { margin: 1em 1.2em 0; padding: 0;}.cc-window-wrapper.cc-bottom-center-wrapper,.cc-window-wrapper.cc-top-center-wrapper { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center;}.cc-banner .cc-banner-logo { margin-right: 15px; width: auto;}.cc-floating .cc-banner-logo { margin: 0 auto; width: auto;}body.cc-scrolling-disabled { height: 100%; overflow: hidden;}/** Revoke button */.pd-floating-icon { border-radius: 10px; width: 35px; height: 35px; transition: all 1.9s ease; top: 10px; left: 10px;}.pd-floating-icon img { vertical-align: baseline; max-height: 30px; max-width: 30px; margin: 0 auto;}.cc-animate .pd-floating-icon:hover { cursor: pointer; transform: rotateY(180deg); transform-style: preserve-3d; transition: all 1.9s ease;}.pd-floating-icon__open { background-color: transparent; border: 0; width: 100%; height: 100%; cursor: pointer; padding: 0; line-height: 0; margin: 0; box-shadow: none; min-width: 0;}.pd-floating-icon__open:focus-visible { outline: 2px solid black; outline-offset: 2px;}.pd-floating-icon__open:hover { background-color: transparent; box-shadow: none;}.pd-floating-text__open { background-color: transparent; border: 0; cursor: pointer;}.pd-floating-text span { font-family: Helvetica, Calibri, Arial, sans-serif; font-size: 16px; line-height: 1.5em;}.pd-floating-text span:hover { text-decoration: underline;} /* ===== about-us ===== */ @keyframes appear { 0% { opacity: 0; } 100% { opacity: 1; }}.pd-cp-ui-container { /* background: rgba(33, 41, 52, 0.85) !important; */ bottom: 0 !important; /* display: flex !important; */ display: none; left: 0 !important; opacity: 0; overflow-y: scroll; position: fixed !important; right: 0 !important; top: 0 !important; transition: opacity 0.15s ease; visibility: hidden; will-change: visibility, opacity; z-index: 2147483647 !important; transition: background 0.6s; -webkit-transition: background 0.6s;}/* .pd-cp-ui-container.pd-cp-ui__showing { *//* background: none !important; *//* } */.pd-cp-ui { background-color: #000; box-shadow: 0 0 24px rgba(0, 0, 0, 0.3); box-sizing: border-box; color: #fff; justify-content: space-between; left: 0; max-height: 90vh; min-height: 300px !important; opacity: 0; overflow-x: hidden; overflow-y: scroll; position: fixed; right: 0; visibility: hidden; will-change: visibility, opacity; -webkit-font-smoothing: antialiased;}.pd-cp-ui__showing .pd-cp-ui { visibility: visible; opacity: 1;}.pd-cp-ui__top { top: 0;}.pd-cp-ui__bottom { bottom: 0;}.pd-cp-ui-content { padding: 20px 30px;}.pd-cp-ui__showing { opacity: 1; visibility: visible;}.pd-cp-ui-close { font-weight: 600; text-decoration: none !important; padding: 10px 0;}.pd-cp-ui-close-top { display: none;}.pd-cp-ui-header { display: flex; justify-content: space-between; margin-bottom: 20px;}.pd-cp-ui-title-container { flex: 1 1 auto; font-size: 1em; font-weight: 600; line-height: 20px;}.pd-cp-ui-horizontal-buttons { align-content: center; justify-content: center !important;}.pd-cp-btn { box-sizing: border-box; cursor: pointer !important; font-size: 0.9em; font-weight: 700; letter-spacing: 2px; padding: 0.8em 1em; text-align: center; text-decoration: none; transition: all 0.2s ease-in-out; white-space: nowrap; -webkit-font-smoothing: antialiased;}button.pd-cp-btn,button.pd-cp-ui-close { border: none; background: none; font-family: inherit; color: inherit; font-size: 0.9em;}.cc-theme-classic .pd-cp-btn { border-radius: 5px;}.pd-cp-btn__small { flex: 0 1 auto; font-size: 0.75em;}.pd-cp-ui-horizontal-buttons .pd-cp-btn { flex: 1 0 auto !important; max-width: 300px !important;}@media (max-width: 699px) { .pd-cp-ui-content { padding: 20px; } .pd-cp-ui-header { margin-bottom: 0; display: flex; flex-wrap: wrap; } .pd-cp-ui-title-container { margin-bottom: 1em; } .pd-cp-ui-horizontal-buttons { text-align: right; display: flex; flex-wrap: wrap; width: 100%; } .pd-cp-ui-horizontal-buttons .pd-cp-btn { display: inline-block; padding: 6px 10px; } .pd-cp-ui-horizontal-buttons .pd-cp-btn:first-child { margin-right: 0.5em; margin-bottom: 0; } .pd-cp-ui-col-6 > .pd-cp-ui-close { display: none; } .pd-cp-ui-close-top { width: 20px; height: 20px; position: absolute; display: inline-block; right: 1em; } .pd-cp-btn.pd-cp-ui-save { width: 100%; } .pd-cp-ui-col-6:nth-child(2) { flex: 0 0 100%; width: 100%; max-width: 100%; }}.pd-cp-ui-intro { font-size: 0.75em; font-weight: 300; -webkit-font-smoothing: antialiased; line-height: 1.375; margin: 1em 0;}.pd-cp-scrolling-section { height: calc(90vh - 570px); max-height: 1000px; min-height: 180px !important; overflow-y: scroll; padding: 0px 15px 10px 0px; overflow-x: hidden;}.pd-cp-scrolling-section::-webkit-scrollbar { width: 4px;}.pd-cp-purpose-row { display: flow-root; /* border-bottom: 1px solid rgba(0, 0, 0, 0.1); */}.pd-cp-purpose-info { position: relative; display: flex; flex-wrap: wrap;}.pd-cp-sn-actions { padding: 1.25em 0 !important;}.pd-cp-bold-messaging { font-size: 0.875em; font-weight: 700; line-height: normal; cursor: pointer; flex: 0 1 70%; clear: both; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 1em 0; display: flex;}.pd-cp-bold-messaging:before { width: 7px; height: 7px; border-right: 1px solid #4a6e78; border-bottom: 1px solid #4a6e78; content: " "; transform: rotate(-45deg); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; margin: 0.3em 0.7em 0 0.2em;}.pd-cp-purpose-row__active .pd-cp-bold-messaging:before { transform: rotate(45deg); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; width: 7px; height: 7px; border-right: 1px solid #4a6e78; border-bottom: 1px solid #4a6e78; content: " "; transition: all 0.2s ease-in-out; margin: 0.3em 0.7em 0 0.2em;}.pd-cp-purpose-wrapper { animation: 1s ease 0s 1 normal forwards running appear;}.pd-cp-purpose-description { float: left; margin: 0px !important; font-size: 0.75em; font-weight: 300; line-height: 1.375; padding: 0 0 0 1.7em !important;}.pd-cp-purpose-actions { flex: 0 1 30%; text-align: right; font-size: 0.7em; float: right; display: block !important; position: relative !important; top: auto !important; bottom: auto !important; font-weight: 600; padding: 1.1em 0;}.pd-cp-sn-actions { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}.pd-cp-preferences-switch { position: relative; display: inline-block; width: 46px; height: 20px; margin: 0px;}.pd-cp-preferences-switch input { opacity: 0; width: 0; height: 0;}.pd-cp-preferences-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: 0.4s; transition: 0.4s;}.pd-cp-preferences-slider:before { position: absolute; content: ""; height: 12px; width: 12px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: 0.4s; transition: 0.4s;}input:checked + .pd-cp-preferences-slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px);}.pd-cp-preferences-slider.round { border-radius: 34px;}.pd-cp-preferences-slider.round:before { border-radius: 50%;}.pd-cp-ui-footer { display: flex; flex-wrap: wrap; width: 100%; margin-top: 15px;}.pd-cp-ui-footer .pd-cp-ui-close { float: left; cursor: pointer;}.pd-cp-ui-footer .pd-cp-ui-close:hover { color: inherit !important;}.pd-cp-ui-footer .pd-cp-ui-save { float: right;}.pd-cp-ui-col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; align-self: center; max-width: 50%;}.pd-cp-ui-float-right { float: right !important;}.pd-cp-cookies-details { display: flex; font-size: 0.75em; width: 100%; padding: 0.5em 0 0.5em 1.7em; animation: 1s ease 0s 1 normal forwards running appear;}.pd-cp-cookies-details .pd-cp-toggle { text-decoration: underline; border: 0px; background: transparent; padding-left: 0px;}button.pd-cp-toggle { font-size: 1em;}.pd-cp-toggle:hover,.pd-cp-toggle:visited,.pd-cp-toggle:active { outline: none;}.pd-cp-cookies-list { list-style-position: outside; list-style-type: none; margin: 0 0 0 1.2em; padding: 0.2em; line-height: 1.25; list-style: none; background-color: rgba(0, 0, 0, 0.1); animation: 1s ease 0s 1 normal forwards running appear;}.pd-cp-cookies-list-item { line-height: 1.25; text-indent: 0;}.pd-cp-cookies-list:first-of-type .pd-cp-cookies-list-item:first-of-type { border-top-width: 0; margin: 0; padding-top: 0;}.pd-cp-cookies-list-item dl { display: flex; flex-wrap: wrap; margin: 0;}.pd-cp-cookies-list-item dt { border: 0; clear: both; display: block; flex: 0 1 30%; font-size: 0.7em; font-weight: 700; line-height: 1.375; margin: 0 0 0.5em; padding: 0;}.pd-cp-cookies-list-item dd { flex: 0 1 70%; font-size: 0.7em; line-height: 1.375; margin: 0 0 0.5em; padding: 0;}.pd-cp-cookies-list > .pd-cp-cookies-list-item:not(:first-of-type) { border-top: 1px solid rgba(0, 0, 0, 0.1); margin: 5px 0 0 0; padding-top: 5px;}.pd-cp-powered-by { background: #ddd; text-align: center; font-size: 0.6em; padding: 0.5em;}.pd-cp-powered-by a { text-decoration: none; color: #333;}.pd-sr-only { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden;} /* ===== about-us ===== */ .cc-banner-logo {max-width: 24em!important;} @media(min-width: 768px) {.cc-window.cc-floating{max-width: 24em!important;width: 24em!important;}} .cc-message, .pd-cookie-banner-window .cc-header, .cc-logo {text-align: left} .cc-window-wrapper{z-index: 2147483647;} .cc-window{z-index: 2147483647;font-family: inherit;} .pd-cookie-banner-window .cc-header{font-family: inherit;} .pd-cp-ui{font-family: inherit; background-color: #FFFFFF;color:#000000;} button.pd-cp-btn, a.pd-cp-btn{background-color:#E31B23;color:#FFFFFF!important;} input + .pd-cp-preferences-slider{background-color: rgba(0, 0, 0, 0.3)} .pd-cp-scrolling-section::-webkit-scrollbar{background-color: rgba(0, 0, 0, 0.3)} input:checked + .pd-cp-preferences-slider{background-color: rgba(0, 0, 0, 1)} .pd-cp-scrolling-section::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, 1)} .pd-cp-ui-close{color:#000000;} .pd-cp-preferences-slider:before{background-color: #FFFFFF} .pd-cp-title:before {border-color: #000000!important} .pd-cp-preferences-slider{background-color:#000000} .pd-cp-toggle{color:#000000!important} @media(max-width:699px) {.pd-cp-ui-close-top svg {fill: #000000}} .pd-cp-toggle:hover,.pd-cp-toggle:visited,.pd-cp-toggle:active{color:#000000!important} .pd-cookie-banner-window {box-shadow: 0 0 18px rgb(0 0 0 / 20%);} .pd-cp-btn { letter-spacing: 0px;}.pd-action-link { color: #E31B23; text-decoration: underline;} #pandectes-banner button:focus-visible, #pd-cp-preferences button:focus-visible, #pandectes-banner a:focus-visible, #pd-cp-preferences a:focus-visible, #pd-cp-preferences div[role=button]:focus-visible, #pd-cp-preferences .pd-cp-preferences-switch:has(input[type=checkbox]:focus-visible) { outline: 2px solid #000000; outline-offset: 2px; } /* ===== about-us ===== */ :root { --ANNOUNCEMENT-HEIGHT-DESKTOP: max(calc(var(--font-12) * var(--line-height-normal)), 36px); --ANNOUNCEMENT-HEIGHT-MOBILE: max(calc(var(--font-12) * var(--line-height-normal)), 36px); } /* ===== about-us ===== */ :root { --HEADER-HEIGHT: 71px; --HEADER-HEIGHT-MEDIUM: 61.2px; --HEADER-HEIGHT-MOBILE: 56.4px; --icon-add-cart: var(--ICON-ADD-BAG);} .theme__header { --PT: 12px; --PB: 12px; }.header__logo__link { --logo-padding: 74.14965986394559%; --logo-padding-mobile: 77.69230769230768%; --logo-width-desktop: 45px; --logo-width-mobile: 45px; }.main-content > .shopify-section:first-of-type .backdrop--linear:before { display: none; } /* ===== about-us ===== */ .socials { --gap: 8px; --gap-offset: calc(var(--gap) * -1); display: flex; flex-wrap: wrap; align-items: center; margin: var(--gap-offset); list-style: none; } .socials li { margin: var(--gap); } .socials:empty { display: none; } .socials--newsletter { margin-top: calc(var(--inner) - var(--gap)); } .socials--mobile-menu { display: block; } .text-center .socials { justify-content: center; } .social-link { --link: var(--text); --icons: var(--text); height: var(--icon-size); width: var(--icon-size); color: var(--link); } .social-link:hover { color: var(--link-hover); } /* ===== about-us ===== */ #Hero--template--20122952990773__section_hero_TebBVK { --PT: 0px; --PB: 0px; --hero-content-width: 700px; } /* ===== about-us ===== */ .brick__section{display:flex;flex-wrap:wrap;width:100%}@media only screen and (min-width:750px){.brick__section{flex-wrap:nowrap}}.brick__slider:not(.flickity-enabled){display:flex;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.brick__slider:not(.flickity-enabled)::-webkit-scrollbar{display:none}.brick__slider:not(.flickity-enabled) .brick__section{min-width:100%}.brick__slider .flickity-page-dots{bottom:20px}@media only screen and (max-width:749px){.brick__slider .flickity-page-dots{padding:0 calc(var(--outer) * 2)}.text-left .brick__slider .flickity-page-dots{justify-content:flex-start}.brick__slider[data-dots=line] .hero__content,.brick__slider[data-dots=circle] .hero__content{padding-bottom:20px}}.brick__slider--optional-images[data-dots=line],.brick__slider--optional-images[data-dots=circle]{padding-bottom:0}@media only screen and (min-width:750px){.brick__slider--optional-images .flickity-page-dots{width:50%;right:0}.brick__slider--optional-images:has(.brick__block--three-quarters) .flickity-page-dots{width:35%}}body.has-line-design .brick__block .hero__slide{border:0}.text-left .brick__block__text .flickity-page-dots{justify-content:flex-start}.brick__block{--bg: var(--COLOR-BG);--icons: var(--text);flex:0 1 100%;width:100%;color:var(--text);background:var(--bg);overflow-wrap:anywhere;position:relative}@media only screen and (min-width:750px){.brick__block{flex:1 1 50%}}.flex-column .brick__block{flex-grow:0}.brick__block .grid-item{display:block}@media only screen and (min-width:750px){.brick__block--video.image-height:not(:only-child){max-width:calc(50% - var(--gap) / 2)}.brick__block--video.image-height:not(:only-child) .video-background.image-height{aspect-ratio:unset}}.brick__block--transparent{--bg: transparent}.brick--margin{gap:var(--gap)}.brick--border .brick__block{border:1px solid var(--border)}@media only screen and (min-width:750px){.brick__section--reversed .brick__block:nth-child(2):last-child{order:-1}}@media only screen and (max-width:749px){.brick__section--reversed-mobile .brick__block:nth-child(2):last-child{order:-1}}@media only screen and (min-width:750px){.brick__block.is-sticky{align-self:flex-start;position:sticky;top:0;min-height:inherit}}.brick__block__text{height:100%;display:flex;align-items:center;padding:var(--outer);background:var(--bg);margin:0 auto}@media only screen and (min-width:1400px){.brick__block__text{flex-basis:76%}}@media only screen and (min-width:990px)and (max-width:1399px){.brick__block__text{flex-basis:84%}}@media only screen and (min-width:750px)and (max-width:989px){.brick__block__text{flex-basis:90%}}@media only screen and (min-width:750px){.brick__block__text.brick__block__text--custom-width{flex-basis:var(--custom-width)}}@media only screen and (max-width:749px){.brick__block__text,.brick__block__text.brick__block__text--custom-width{padding-left:0;padding-right:0;width:100%}}.brick__block__text--column{flex-direction:column}.brick__block__text.has-padding,.brick__block__collection.has-padding{padding:var(--outer)}@media only screen and (max-width:749px){.brick__block__collection.has-padding .look__slider{margin-left:var(--outer-offset);margin-right:var(--outer-offset);padding-left:var(--outer)}}.brick__section--reversed .brick__block:last-child .brick__block__text:not(.has-padding),.brick__block:first-child .brick__block__text:not(.has-padding){padding-left:0}.wrapper--full.brick__section--reversed .brick__block:last-child .brick__block__text:not(.has-padding),.wrapper--full .brick__block:first-child .brick__block__text:not(.has-padding){padding-left:var(--outer)}@media only screen and (max-width:749px){.wrapper--full .brick__block__text:not(.has-padding){padding-left:var(--outer);padding-right:var(--outer)}}.brick__block__text.has-padding,.wrapper--full .brick__block__text.has-padding{padding-left:var(--outer)}@media only screen and (min-width:750px){.brick--border:not(.brick--margin) .brick__block:last-of-type:not(:only-child){border-left:none}.brick__block__video .image-height,.brick__block__image .image-height{flex:1;min-height:100%}.brick__block__video,.brick__block__image,.brick__block__video .image__hero__frame:not(.image-height),.brick__block__image .image__hero__frame:not(.image-height){height:100%}}@media only screen and (max-width:749px){.brick--border:not(.brick--margin) .brick__block:last-of-type:not(:only-child){border-top:none}.brick__block__video .image-height--mobile,.brick__block__image .image-height--mobile{min-height:100%}.brick__block__video .image__hero__frame:not(.image-height--mobile),.brick__block__image .image__hero__frame:not(.image-height--mobile){height:100%}}.brick__product__subheading{padding-bottom:var(--gutter);margin:0}.brick__product{display:block;width:100%;max-width:350px;margin:0 auto}.brick__product .product-item__info[href="#"]{pointer-events:none}.brick__product .product-item__info .price{margin-top:5px}.brick__product .product-item__title{margin:0 0 5px}.brick__product .product-item--overlay-text .product-information{padding-bottom:calc(var(--inner) / 2)}@media only screen and (max-width:989px){.brick__product .product-item--overlay-text .product-information{padding-left:42px;padding-right:42px}}.brick__block--collection{display:flex;align-items:flex-start;min-width:0;padding-top:var(--outer);padding-bottom:var(--outer)}@media only screen and (min-width:750px){.brick__block--collection .look__slider{max-width:500px}.brick__block--collection .look__slider:not(.flickity-enabled) .look__slide:not(:first-child){display:none}.brick__block--collection .look__slider.is-loading .look__slide:not(:first-child){opacity:0;visibility:hidden}}@media only screen and (max-width:749px){.brick__block--collection{min-height:0}.brick__block--collection .look__slider{margin-left:var(--outer-offset);margin-right:var(--outer-offset)}.brick--border .brick__block--collection .look__slider{margin-left:0;margin-right:0;padding-left:0;scroll-padding:0}.brick--border .brick__block--collection .look__slider:after{content:none}.brick--border .brick__block--collection .look__slider .selector-wrapper__actions{overflow:hidden}}.brick__block__collection{flex:1;max-width:100%}.brick__block__collection .product-item{margin-top:0}.brick__block__collection .product-item__price{white-space:nowrap}@media only screen and (max-width:749px){.wrapper--full .brick__block__collection{margin-left:var(--outer);margin-right:var(--outer);max-width:calc(100% - var(--outer) * 2)}}body.grid-compact.has-line-design .brick__block__collection .look__slide{padding:1px 1px 0 0}@media only screen and (min-width:750px){.brick__block__collection .look__aside{padding-top:var(--outer);padding-bottom:var(--outer)}}.brick__block--compare{overflow:hidden}.brick__block__compare{height:100%}.brick__block__compare .compare__image{padding:0}.brick__block--images{display:flex}@media only screen and (max-width:749px){.brick__block--images.desktop{display:none}}@media only screen and (max-width:749px){.brick__block--images[data-slider]{display:block}}@media only screen and (max-width:749px){.brick__block--images[data-slider]:after{content:"flickity";display:none}}.brick__section-missing-metafield-image{display:flex;width:100%;justify-content:center;align-items:center;background:var(--bg-accent);color:var(--COLOR-TEXT-BTN-BG-BLACK)}.brick__block__image{position:relative}.brick__block--image-slider{display:block}.brick__block--image-slider .brick__block__image{width:100%}.brick__block--image-slider[data-slider]:after{content:"flickity";display:none}.brick__block--images .brick__block__image{flex:1;display:flex;min-height:100%}@media only screen and (min-width:750px){.brick__block--images .brick__block__image{transform:translate(0)!important}}@media only screen and (max-width:749px){.brick__block--images[data-slider] .brick__block__image{display:block;width:100%}}@media only screen and (min-width:750px){.brick__block--three-quarters{flex:0 0 65%}}.brick__block--text{display:flex}.brick__block--text .hero__content--compact{flex-basis:100%}@media only screen and (max-width:749px){.brick__block--text{max-width:100%}.brick__block--text .hero__content--compact{flex:1;padding:var(--outer) var(--outer) calc(var(--outer) - var(--line));margin-bottom:0}.brick__block--text .hero__content--no-padding{padding-left:0;padding-right:0}}.has-line-design .brick__block--slider .grid-item{border:none}@media only screen and (max-width:749px){.brick__block--slider .hero__content{flex-direction:row}}@media only screen and (min-width:750px){.hero__content:not(.flickity-enabled) .hero__slide:not(:first-child){position:absolute;top:0;left:0;visibility:hidden}}.brick__block--password{flex:1 0 50%;margin:0 auto;padding:0 var(--outer)}.brick__block--password .brick__block__text{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;overflow:hidden;margin:0 auto;padding:var(--outer) 0}.brick__block__logo{margin:auto;max-width:100%}.brick__block__content{display:grid;grid-template-columns:100%;gap:var(--gap);margin-bottom:var(--gap);width:100%}.brick__block__menu{margin:calc(var(--inner-offset) / 2)}.brick__block__menu .btn{margin:calc(var(--inner) / 2);vertical-align:middle}.brick__block__newsletter .contact-form{display:inline-block;max-width:260px;width:100%}.brick__block__newsletter .form__legal{margin-top:var(--line);text-align:center}.brick__block__newsletter .field{margin-bottom:var(--inner);text-align:center}.brick__block__actions{flex:0 1 100%;margin-bottom:var(--inner)}.brick__block__actions+.brick__block__actions{padding-top:var(--inner)}.brick__block__title{margin:0}.brick__block__powered{margin-bottom:var(--inner)}.brick__block__social{overflow:hidden}.brick__section--accordion .brick__block--images{align-self:flex-start}@media only screen and (min-width:750px){.brick__block--products:first-child{padding-right:var(--gutter)}.brick__block--products:last-child{padding-left:var(--gutter)}}@media only screen and (max-width:749px){.brick__block--products{display:block;max-width:100%;padding-top:var(--inner);padding-bottom:var(--inner)}}.brick__block--products .grid-outer{padding:0} /*# sourceMappingURL=/s/files/1/0277/0693/t/650/assets/custom-content.css.map?v=36069297705444966741788884735 */ /* ===== about-us ===== */ #BrickSection--template--20122952990773__section_custom_content_bDLhLh { --PT: 0px; --PB: 0px; } /* ===== about-us ===== */ .site-footer-wrapper { --PT: 80px; --PB: 50px; --PB-MOBILE: 20px; --PT-MOBILE: 50px; --item-count: 6; } .shopify-section-group-group-footer { --border: #f5f4ef; } .shopify-section-group-group-footer .field { --border: #f5f4ef; } /* ===== about-us ===== */ #SupportingMenu--sections--20122953744437__supporting-menu { --PT: 12px; --PB: 32px; } /* ===== about-us ===== */ .yotpo-widget-loyalty-spotlight { --loyalty-heading-font-fallback-families: sans-serif; --loyalty-body-font-fallback-families: sans-serif; } /* ===== about-us ===== */ #topo-combo-bar { background: #fff; color: #3e3e3e; font-family: var(--font-body-family, "IBM Plex Sans", sans-serif); } #topo-combo-bar[hidden] { display: none; } /* ---- Announcement: centered text on a gray banner ---- */ #topo-combo-bar .topo-combo-bar__announcement { margin: 0; padding: 12px 20px; background: #eee; color: #494949; text-align: center; font-size: 13px; line-height: 1.25; } #topo-combo-bar .topo-combo-bar__announcement p { margin: 0 0 4px; } #topo-combo-bar .topo-combo-bar__announcement p:last-child { margin-bottom: 0; } #topo-combo-bar .topo-combo-bar__announcement a { color: #3e3e3e; text-decoration: underline; -webkit-text-fill-color: unset; background-image: none; position: inherit; } /* ---- Progress: rounded pill + centered label on white ---- */ #topo-combo-bar .topo-combo-bar__progress { padding: 14px 20px; text-align: center; border-bottom: 1px solid #e6e6e6; } #topo-combo-bar .topo-combo-bar__progress-track { height: 8px; background: #e6e6e6; border-radius: 999px; overflow: hidden; } /* #id prefix needed to beat Dawn base.css `div:empty { display: none; }` */ #topo-combo-bar .topo-combo-bar__progress-fill { --color-button: 227, 27, 35; display: block; height: 100%; width: 0; background: rgb(var(--color-button)); /* Topo red — 227,27,35 */ border-radius: 999px; transition: width 300ms ease; } #topo-combo-bar .topo-combo-bar__progress-label { margin: 10px 0 0; color: #121212; font-size: 14px; line-height: 1.2; } #topo-combo-bar .topo-combo-bar__progress-label p { margin: 0; } /* ===== accessibility ===== */ .igPrice,.igComparePrice,.igInstallmentPrice,.igSubtotal,.igLineItemSubtotal,.igPdpPrice,.igSavingsPrice,.igSavingsPercentage,.with-points-info > .price__regular > .price-item,.price__points-info { opacity: 0!important; } /* ===== accessibility ===== */ .tk-new-spirit{font-family:"new-spirit",serif;}.tk-new-spirit-condensed{font-family:"new-spirit-condensed",serif;}.tk-new-spirit-compressed{font-family:"new-spirit-compressed",sans-serif;} /* ===== accessibility ===== */ @font-face{font-family:new-spirit;src:url(https://use.typekit.net/af/fda8af/00000000000000007735c4bc/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3) format("woff2"),url(https://use.typekit.net/af/fda8af/00000000000000007735c4bc/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3) format("woff"),url(https://use.typekit.net/af/fda8af/00000000000000007735c4bc/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3) format("opentype");font-weight:500;font-style:normal;font-stretch:normal;font-display:auto;}@font-face{font-family:new-spirit-condensed;src:url(https://use.typekit.net/af/dce9b0/00000000000000007735c4c1/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff2"),url(https://use.typekit.net/af/dce9b0/00000000000000007735c4c1/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff"),url(https://use.typekit.net/af/dce9b0/00000000000000007735c4c1/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("opentype");font-weight:700;font-style:normal;font-stretch:normal;font-display:auto;} /* ===== accessibility ===== */ .cart-item:has([href*="free-unlimited-return-valid-in-us"]), .CartItem:has([href*="free-unlimited-return-valid-in-us"]), .CartItemWrapper:has([href*="free-unlimited-return-valid-in-us"]), .cart_item:has([href*="free-unlimited-return-valid-in-us"]), .cart__item:has([href*="free-unlimited-return-valid-in-us"]), .cart-row:has([href*="free-unlimited-return-valid-in-us"]), .cart--item:has([href*="free-unlimited-return-valid-in-us"]), .cart__row:has([href*="free-unlimited-return-valid-in-us"]), .cart-line-item:has([href*="free-unlimited-return-valid-in-us"]), .cart-summary-item:has([href*="free-unlimited-return-valid-in-us"]), .cart-summary-item-container:has([href*="free-unlimited-return-valid-in-us"]), .cart__items__row:has([href*="free-unlimited-return-valid-in-us"]), .cart-summary__product:has([href*="free-unlimited-return-valid-in-us"]), .cart__row[data-cart-item-url*="free-unlimited-return-valid-in-us"], .cart_items > div:has([href*="free-unlimited-return-valid-in-us"]), .line-item:has([href*="free-unlimited-return-valid-in-us"]), .Card--product:has([href*="free-unlimited-return-valid-in-us"]), .product-cart-item:has([href*="free-unlimited-return-valid-in-us"]), .cart-product-item:has([href*="free-unlimited-return-valid-in-us"]), .cart-product:has([href*="free-unlimited-return-valid-in-us"]), .cart-item-container:has([href*="free-unlimited-return-valid-in-us"]), .ajax-cart__cart-item:has([href*="free-unlimited-return-valid-in-us"]), .ajax-cart__item:has([href*="free-unlimited-return-valid-in-us"]), .ajaxcart__product:has([href*="free-unlimited-return-valid-in-us"]), .ajaxcart__row:has([href*="free-unlimited-return-valid-in-us"]), div[data-vendor="re:do"], [data-variant="44716141379637"], [data-variant="44716141412405"], [data-variant="44716141445173"], [data-variant-id="44716141379637"], [data-variant-id="44716141412405"], [data-variant-id="44716141445173"], [data-product="7911143669813"], [data-product="44716141379637"], [data-product="44716141412405"], [data-product="44716141445173"], [data-product-id="7911143669813"], [data-cartitem-id="44716141379637"], [data-cartitem-id="44716141412405"], [data-cartitem-id="44716141445173"], [data-handle="free-unlimited-return-valid-in-us"], [data-id="44716141379637"], [data-id="44716141412405"], [data-id="44716141445173"], .product-free-unlimited-return-valid-in-us, .free-unlimited-return-valid-in-us, [action="/cart"] tr:has([href*="free-unlimited-return-valid-in-us"]), [action="/cart"] li:has([href*="free-unlimited-return-valid-in-us"]), .upcart-product-item:has([href*="free-unlimited-return-valid-in-us"]), .upsell-cart__item:has([href*="free-unlimited-return-valid-in-us"]), .cart-sidebar-item:has([href*="free-unlimited-return-valid-in-us"]), .mini-cart__item:has([href*="free-unlimited-return-valid-in-us"]), .minicart__entry:has([href*="free-unlimited-return-valid-in-us"]), .cart-drawer__inner__item:has([href*="free-unlimited-return-valid-in-us"]), .quick-cart__item:has([href*="free-unlimited-return-valid-in-us"]), .rebuy-cart__flyout-item:has([href*="free-unlimited-return-valid-in-us"]), .js__cart-table-item-row:has([href*="free-unlimited-return-valid-in-us"]), .eam-cart-item:has([href*="free-unlimited-return-valid-in-us"]), div[data-hulkapps-lineitem]:has([href*="free-unlimited-return-valid-in-us"]), .mu-cart-item:has([href*="free-unlimited-return-valid-in-us"]), .boost-pfs-minicart-item:has([href*="free-unlimited-return-valid-in-us"]), .boost-sd__cart-item:has([href*="free-unlimited-return-valid-in-us"]), .unicart__row[data-vendor="re:do"], .f-cart-drawer-item:has([href*="free-unlimited-return-valid-in-us"]), .mini-products-list .item:has([href*="free-unlimited-return-valid-in-us"]), [data-merge-list-item]:has(.product-free-unlimited-return-valid-in-us), [data-slidecart-product-id="7911143669813"], [class*="CartItem_item_wrapper" i]:has([href*="free-unlimited-return-valid-in-us"]), .hs-product-44716141379637, .hs-product-44716141412405, .hs-product-44716141445173 { display: none !important; max-width: 0 !important; max-height: 0 !important; overflow: hidden !important; padding: 0 !important; margin: 0 !important; border: 0 !important; visibility: hidden !important; } /* ===== accessibility ===== */ .index-page { --PT: 20px; --PB: 20px; }.index-page .hero__content { width: 100%; } /* ===== contact-us ===== */ #Hero--template--20122953056309__section_hero_dXanK4 { --PT: 0px; --PB: 0px; --hero-content-width: 700px; } /* ===== contact-us ===== */ #Rte--template--20122953056309__section_rich_text_M7qrAY { --PT: 70px; --PB: 0px; } /* ===== contact-us ===== */ #ContactForm--template--20122953056309__contact { --PT: 50px; --PB: 70px; } #ContactForm--template--20122953056309__contact .contact-form__layout { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: start; } #ContactForm--template--20122953056309__contact .contact-form__info-columns { gap: 20px; margin-top: 24px; display: grid; grid-template-columns: 1fr 1fr; } #ContactForm--template--20122953056309__contact .contact-form__live-chat-btn { margin-top: 12px; } @media screen and (max-width: 749px) { #ContactForm--template--20122953056309__contact .contact-form__layout { grid-template-columns: 1fr; gap: 32px; } #ContactForm--template--20122953056309__contact .contact-form__form-wrapper { order: 1; } #ContactForm--template--20122953056309__contact .contact-form__info { order: 2; } } .contact-form__info-item__label { margin-bottom: 16px; font-size: 18px; } /* ===== contact-us ===== */ #SectionColumns--template--20122953056309__section_multicolumn_cX9CdX { --PT: 70px; --PB: 70px; --PT-MOBILE: 70px; --PB-MOBILE: 70px;--COLUMNS-MOBILE: 1; } /* ===== do-not-sell-my-data ===== */ #Rte--template--20122953089077__rich_text_heading { --PT: 40px; --PB: 20px; } /* ===== faq ===== */ #Rte--template--20122953121845__section_rich_text_aVEJTD { --PT: 70px; --PB: 70px; } /* ===== faq ===== */ #AccordionGroup--template--20122953121845__section_accordion_group_imKbxm { --PT: 50px; --PB: 50px; --accordion-columns: 1; } /* ===== faq ===== */ #AccordionGroup--template--20122953121845__section_accordion_group_gKrd6B { --PT: 50px; --PB: 50px; --accordion-columns: 1; } /* ===== faq ===== */ #AccordionGroup--template--20122953121845__section_accordion_group_8qHmrx { --PT: 50px; --PB: 50px; --accordion-columns: 1; } /* ===== faq ===== */ #AccordionGroup--template--20122953121845__section_accordion_group_XJGG4p { --PT: 50px; --PB: 50px; --accordion-columns: 1; } /* ===== faq ===== */ #AccordionGroup--template--20122953121845__section_accordion_group_qfULEB { --PT: 50px; --PB: 50px; --accordion-columns: 1; } /* ===== faq ===== */ #AccordionGroup--template--20122953121845__section_accordion_group_DqX9Kq { --PT: 50px; --PB: 50px; --accordion-columns: 1; } /* ===== faq ===== */ #AccordionGroup--template--20122953121845__section_accordion_group_UJP38Q { --PT: 50px; --PB: 50px; --accordion-columns: 1; } /* ===== faq ===== */ #AccordionGroup--template--20122953121845__section_accordion_group_bieFJB { --PT: 50px; --PB: 50px; --accordion-columns: 1; } /* ===== faq ===== */ #AccordionGroup--template--20122953121845__section_accordion_group_7FdfDE { --PT: 50px; --PB: 50px; --accordion-columns: 1; } /* ===== faq ===== */ #AccordionGroup--template--20122953121845__section_accordion_group_gygDfq { --PT: 50px; --PB: 100px; --accordion-columns: 1; } /* ===== faq ===== */ #Newsletter--template--20122953121845__section_newsletter_nPQTxp { --PT: 0px; --PB: 0px; --item-count: 1; } /* ===== featured-kits ===== */ .ai-inline-link-list-atjb0s05jau9srmpizaigenblock03905f94rptng { display: block; width: 100%; max-width: 100%; padding: 20px 0px 20px 0px; background-color: #AEBEBE; } .ai-inline-link-list__container-atjb0s05jau9srmpizaigenblock03905f94rptng { display: flex; flex-wrap: wrap; gap: 16px; justify-content: center; align-items: center; }.ai-inline-link-list__link-atjb0s05jau9srmpizaigenblock03905f94rptng { color: #000000; font-size: 14px; font-weight: 400; }.ai-inline-link-list__link-atjb0s05jau9srmpizaigenblock03905f94rptng { text-decoration: none; transition: color 0.2s ease; white-space: nowrap; } .ai-inline-link-list__link-atjb0s05jau9srmpizaigenblock03905f94rptng:hover { color: #e31b23; } .ai-inline-link-list__separator-atjb0s05jau9srmpizaigenblock03905f94rptng { color: #000000; font-size: 14px; user-select: none; } @media screen and (max-width: 749px) { .ai-inline-link-list-atjb0s05jau9srmpizaigenblock03905f94rptng { width: 100%; position: relative; overflow: hidden; } .ai-inline-link-list__container-atjb0s05jau9srmpizaigenblock03905f94rptng { flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; justify-content: flex-start; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: none; padding-right: 60px; } .ai-inline-link-list__container-atjb0s05jau9srmpizaigenblock03905f94rptng::-webkit-scrollbar { display: none; } .ai-inline-link-list__scroll-hint-atjb0s05jau9srmpizaigenblock03905f94rptng { position: absolute; right: 0; top: 0; bottom: 0; width: 60px; background: linear-gradient(to right, transparent, #AEBEBE 50%); pointer-events: none; display: flex; align-items: center; justify-content: flex-end; padding-right: 12px; opacity: 1; transition: opacity 0.3s ease; } .ai-inline-link-list__scroll-hint-atjb0s05jau9srmpizaigenblock03905f94rptng.hidden { opacity: 0; } .ai-inline-link-list__scroll-hint-icon-atjb0s05jau9srmpizaigenblock03905f94rptng { width: 20px; height: 20px; color: #000000; opacity: 0.6; } } /* ===== featured-kits ===== */ @media (min-width: 750px) { #Picture-dcd07d83518a5caa570cc5bdebd43cb6 { --focal-point: 50.0% 50.0%; } } @media (max-width: 749px) { #Picture-dcd07d83518a5caa570cc5bdebd43cb6 { --focal-point: 50.0% 50.0%; } } /* ===== featured-kits ===== */ .subheading-bold--AV25zektjWDNNVk5OT__subheading_FQmYCV.custom-font-styles strong { font-size: var(--custom-font-size-bold-mobile); } @media (min-width: 750px) { .subheading-bold--AV25zektjWDNNVk5OT__subheading_FQmYCV.custom-font-styles strong { font-size: var(--custom-font-size-bold-desktop); } } /* ===== map-pact ===== */ #Hero--template--20122953220149__section_hero_NcPwCb { --PT: 0px; --PB: 0px; --hero-content-width: 700px; } /* ===== map-pact ===== */ #Hero--template--20122953220149__section_hero_W6XVPA { --PT: 0px; --PB: 0px; --hero-content-width: 700px; } /* ===== map-pact ===== */ #Rte--template--20122953220149__section_rich_text_jYAPiY { --PT: 70px; --PB: 70px; } /* ===== map-pact ===== */ #Rte--template--20122953220149__section_rich_text_jnkAWi { --PT: 70px; --PB: 0px; } /* ===== map-pact ===== */ #highlights--template--20122953220149__section_highlights_gMqVH7 { --PT: 50px; --PB: 50px; --columns-desktop: 4; --columns-medium: 3; --columns-small: 2; --columns-mobile: 2; } /* ===== outdoor-gifts ===== */ #Hero--template--20122953252917__section_hero_wMDwta { --PT: 0px; --PB: 0px; --hero-content-width: 700px; } /* ===== outdoor-gifts ===== */ #Rte--template--20122953252917__section_rich_text_KjHJDj { --PT: 100px; --PB: 100px; } /* ===== outdoor-gifts ===== */ #highlights--template--20122953252917__section_buttons_grid_QGi7N7 { --PT: 0px; --PB: 0px; --items-border-color: #e7e6e0; --columns-desktop: 4; --columns-medium: 3; --columns-small: 2; --columns-mobile: 1; } /* ===== outdoor-gifts ===== */ #Rte--template--20122953252917__section_rich_text_HeJQNR { --PT: 100px; --PB: 100px; } /* ===== outdoor-gifts ===== */ #AccordionGroup--template--20122953252917__section_accordion_group_KN3WUV { --PT: 50px; --PB: 50px; --accordion-columns: 1; } /* ===== refer ===== */ .yotpo-widget-referral-share .yotpo-widget-success-icon{stroke-dashoffset:50;stroke-dasharray:50;-webkit-animation:yotpo-widget-success-icon forwards;animation:yotpo-widget-success-icon forwards}@-webkit-keyframes yotpo-widget-success-icon{0%{stroke-dashoffset:50}to{stroke-dashoffset:0}}@keyframes yotpo-widget-success-icon{0%{stroke-dashoffset:50}to{stroke-dashoffset:0}} /* ===== refer ===== */ .yotpo-widget-referral-share .yotpo-button-style{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:40px;cursor:pointer;line-height:normal}.yotpo-widget-referral-share .yotpo-button-style *{cursor:pointer}.yotpo-widget-referral-share .yotpo-button-style:focus{outline:none}.yotpo-widget-referral-share .yotpo-button-style:hover{opacity:.85}.yotpo-widget-referral-share .yotpo-button-small-size{width:118px}.yotpo-widget-referral-share .yotpo-button-standard-size{width:220px}.yotpo-widget-referral-share .yotpo-button-large-size{width:330px}.yotpo-widget-referral-share .yotpo-button-responsive-size{-webkit-box-sizing:border-box;box-sizing:border-box;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0 20px;min-width:100px;max-width:210px}.yotpo-widget-referral-share .yotpo-rounded-btn-type{border-radius:4px}.yotpo-widget-referral-share .yotpo-capsule-btn-type{border-radius:32.6px}.yotpo-widget-referral-share .yotpo-filled-button{border:none}.yotpo-widget-referral-share .yopto-widget-button-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center} /* ===== refer ===== */ .yotpo-widget-referral-share .yotpo-widget-icon-checkmark{stroke-dasharray:20;stroke-dashoffset:20;-webkit-animation:yotpo-widget-icon-checkmark .3s .2s forwards;animation:yotpo-widget-icon-checkmark .3s .2s forwards}.yotpo-widget-referral-share .yotpo-widget-icon-circle{stroke-dasharray:73;stroke-dashoffset:73;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:center;transform-origin:center;-webkit-animation:yotpo-widget-icon-circle .3s forwards;animation:yotpo-widget-icon-circle .3s forwards}@-webkit-keyframes yotpo-widget-icon-checkmark{0%{stroke-dasharray:20}to{stroke-dasharray:40}}@keyframes yotpo-widget-icon-checkmark{0%{stroke-dasharray:20}to{stroke-dasharray:40}}@-webkit-keyframes yotpo-widget-icon-circle{0%{stroke-dasharray:73}to{stroke-dashoffset:0}}@keyframes yotpo-widget-icon-circle{0%{stroke-dasharray:73}to{stroke-dashoffset:0}} /* ===== refer ===== */ .yotpo-widget-referral-share .yotpo-share-button-widget{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:4px;-moz-column-gap:4px;column-gap:4px;border:1px solid #bdbdbd;border-radius:4px;padding:10px 16px 10px 16px;background:none;cursor:pointer;outline:none;color:inherit;line-height:0;height:40px}.yotpo-widget-referral-share .yotpo-share-button-widget:hover{border-color:var(--hover-color)}.yotpo-widget-referral-share .yotpo-share-button-icons{display:inline-block;vertical-align:middle}.yotpo-widget-referral-share .yotpo-share-button-txt{font-size:13px;cursor:pointer;vertical-align:middle}.yotpo-widget-referral-share .yotpo-share-button-icon{width:17px;height:17px} /* ===== refer ===== */ .yotpo-widget-referral-share .yotpo-email-share-caption{font-size:14px;font-weight:500;color:#8b8b8b;background-color:#fff;height:25px;padding-top:9px;text-align:left}.yotpo-widget-referral-share .yotpo-email-share-type{font-size:16px;color:#3f3e3e;cursor:pointer;background-color:#fff;height:40px;text-align:left;padding-left:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px}.yotpo-widget-referral-share .yotpo-email-share-type:last-child{margin-bottom:0}.yotpo-widget-referral-share .yotpo-email-share-hover-arrow,.yotpo-widget-referral-share .yotpo-email-share-type-list .yotpo-email-share-type:hover{background-color:#f5f5f5}.yotpo-widget-referral-share .yotpo-email-share-divider{border:1px solid #eaeaea;background-color:#fff;margin-bottom:10px;margin-top:8px}.yotpo-share-buttons-container.yotpo-is-mobile .yotpo-email-share,.yotpo-widget-referral-share .yotpo-email-share{width:160px;height:205px;-webkit-box-shadow:0 0 9px 0 rgba(0,0,0,.3);box-shadow:0 0 9px 0 rgba(0,0,0,.3);border:1px solid #eaeaea;background-color:#fff;position:absolute;top:10%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1002}.yotpo-widget-referral-share .yotpo-email-share-type-list{display:table;outline:none;width:100%;height:100%}.yotpo-widget-referral-share .yotpo-referral-widget-form .yotpo-drop-down-small-size{width:35%}.yotpo-widget-referral-share .yotpo-referral-widget-form .yotpo-drop-down-standard-size{width:65%}.yotpo-widget-referral-share .yotpo-email-share-drop-down{margin-right:10px;margin-left:10px}.yotpo-share-buttons-container.yotpo-is-mobile .yotpo-drop-down-popup-overlay,.yotpo-widget-referral-share .yotpo-drop-down-popup-overlay{z-index:1001;background-color:rgba(0,0,0,.6);width:100vw;height:100vh;top:0;left:0;position:fixed}.yotpo-share-buttons-container.yotpo-is-mobile .yotpo-email-share{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.yotpo-share-buttons-container .yotpo-email-share{-webkit-transform:translateY(-5%);transform:translateY(-5%);top:unset;bottom:90%;left:-5%}.yotpo-widget-referral-share .yotpo-email-share-icon{margin-right:10px} /* ===== refer ===== */ .yotpo-widget-referral-share .yotpo-copy-text-button{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;cursor:pointer;padding:10px 16px;height:40px;border-radius:4px;border:1px solid var(--border-color)}.yotpo-widget-referral-share .yotpo-copy-text-button:hover{border-color:var(--hover-color)}.yotpo-widget-referral-share .yotpo-copy-text-button .yotpo-copy-text{width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start}.yotpo-widget-referral-share .yotpo-copy-text-button .yotpo-text-copied{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.yotpo-widget-referral-share .yotpo-copy-text-button .yotpo-copy-icon{max-width:22px;max-height:22px}.yotpo-widget-referral-share .yotpo-copy-text-button .yotpo-copy-custom-icon{width:100%;height:100%}.yotpo-widget-referral-share .yotpo-copy-text-button .yotpo-text-copied-label{padding-left:2px} /* ===== refer ===== */ .yotpo-widget-referral-share .yotpo-share-buttons-wrapper{width:100%;margin-bottom:32px;padding-top:30px}.yotpo-widget-referral-share .yotpo-share-buttons-wrapper:not(.yotpo-is-mobile){margin-top:auto}.yotpo-widget-referral-share .yotpo-share-buttons-container{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;gap:9px;width:100%;padding:0;margin:0;list-style:none}.yotpo-widget-referral-share .yotpo-share-buttons-wrapper.yotpo-is-mobile .yotpo-share-buttons-container{gap:6px}.yotpo-widget-referral-share .yotpo-share-options-headline{display:grid;grid-template-columns:12px auto 1fr;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:4px;-moz-column-gap:4px;column-gap:4px;width:100%;margin-bottom:9px}.yotpo-widget-referral-share .yotpo-share-buttons-wrapper.yotpo-is-mobile .yotpo-share-options-headline{margin-bottom:6px}.yotpo-widget-referral-share .yotpo-headline-divider{width:100%;border:none;border-bottom:1px solid #dbdbdb;margin:unset} /* ===== refer ===== */ .yotpo-widget-referral-share .yotpo-referral-widget-error-message{font-size:12px;font-weight:500;color:#c70000;text-align:left;margin-top:3px;opacity:0;-webkit-animation:yotpo-referral-widget-error-message .1s ease-in-out both;animation:yotpo-referral-widget-error-message .1s ease-in-out both;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:1}.yotpo-widget-referral-share .yotpo-referral-widget-error-message .yotpo-referral-widget-warning-icon{margin-right:3px}@-webkit-keyframes yotpo-referral-widget-error-message{0%{opacity:0;margin-top:7px}to{opacity:1;margin-top:3px}}@keyframes yotpo-referral-widget-error-message{0%{opacity:0;margin-top:7px}to{opacity:1;margin-top:3px}} /* ===== refer ===== */ .yotpo-widget-referral-share .yotpo-input-container{position:relative}.yotpo-widget-referral-share .yotpo-input-container .yotpo-input-label{font-size:12px;position:absolute;top:-19px;left:0}.yotpo-widget-referral-share .yotpo-input-container .yotpo-input{height:40px;font-size:14px;padding:9px 14px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #000;text-align:left;-webkit-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.yotpo-widget-referral-share .yotpo-input-container .yotpo-input::-webkit-input-placeholder{color:#6c6c6c}.yotpo-widget-referral-share .yotpo-input-container .yotpo-input::-moz-placeholder{color:#6c6c6c}.yotpo-widget-referral-share .yotpo-input-container .yotpo-input:-ms-input-placeholder{color:#6c6c6c}.yotpo-widget-referral-share .yotpo-input-container .yotpo-input::-ms-input-placeholder{color:#6c6c6c}.yotpo-widget-referral-share .yotpo-input-container .yotpo-input::placeholder{color:#6c6c6c}.yotpo-widget-referral-share .yotpo-is-mobile .yotpo-input-container .yotpo-input{height:44px}.yotpo-widget-referral-share .yotpo-input-container .yotpo-input:focus{outline:none}.yotpo-widget-referral-share .yotpo-input-container .yotpo-input-example{font-size:12px;text-align:start}.yotpo-widget-referral-share .yotpo-is-mobile .yotpo-input-container .yotpo-input-example{font-size:10px}.yotpo-widget-referral-share .yotpo-input-container .yotpo-input.yotpo-field-error{border-color:#c70000}.yotpo-widget-referral-share .yotpo-input-container .yotpo-input.yotpo-rounded-input-type{border-radius:4px}.yotpo-widget-referral-share .yotpo-input-container .yotpo-input.yotpo-capsule-input-type{border-radius:32.6px}.yotpo-widget-referral-share .yotpo-input-container .yotpo-input.yotpo-filled-input{border:none} /* ===== refer ===== */ .yotpo-widget-referral-share .yotpo-referral-widget-form{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-column-gap:12px;-moz-column-gap:12px;column-gap:12px;row-gap:28px;margin-top:26px}.yotpo-widget-referral-share .yotpo-referral-widget-form.yotpo-referral-widget-email-form{row-gap:16px}.yotpo-widget-referral-share .yotpo-email-view.yotpo-is-mobile .yotpo-referral-widget-form{margin-top:24px;margin-bottom:80px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;row-gap:16px}.yotpo-widget-referral-share .yotpo-inputs-container{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-column-gap:12px;-moz-column-gap:12px;column-gap:12px}.yotpo-widget-referral-share .yotpo-email-view.yotpo-is-mobile .yotpo-inputs-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;row-gap:16px;width:100%}.yotpo-widget-referral-share .yotpo-email-label,.yotpo-widget-referral-share .yotpo-name-label{font-size:14px;position:absolute;top:-24px}.yotpo-widget-referral-share .yotpo-main-share-body-textarea{width:330px;height:58px;padding:10px 16px;text-align:left;font-size:14px;color:#6c6c6c;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #000;border-radius:4px;background-color:transparent;-webkit-transition:border .2s ease-in-out;transition:border .2s ease-in-out;resize:none}.yotpo-widget-referral-share .yotpo-main-share-body-textarea.yotpo-email-share-textarea{width:440px}.yotpo-widget-referral-share .yotpo-is-mobile .yotpo-main-share-body-textarea{width:100%;height:60px;font-size:13px}.yotpo-widget-referral-share .yotpo-copy-link-body-input{width:330px;height:40px;font-size:14px;padding:11px 14px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #000;border-radius:4px;text-align:left;background-color:transparent;color:#6c6c6c;-webkit-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.yotpo-widget-referral-share .yotpo-is-mobile .yotpo-copy-link-body-input{width:100%;height:44px}.yotpo-widget-referral-share .yotpo-email-view .yotpo-title-text{padding-top:6px}.yotpo-widget-referral-share .yotpo-email-view.yotpo-is-mobile .yotpo-title-text{padding-top:12px}.yotpo-widget-referral-share .yotpo-main-share-body-textarea:focus{outline:none}.yotpo-widget-referral-share .yotpo-is-mobile .yotpo-email-label{font-size:13px} /* ===== refer ===== */ .yotpo-widget-referral-share .yotpo-customer-email-view{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;margin:0 auto;height:100%} /* ===== refer ===== */ .yotpo-widget-referral-share .yotpo-friends-emails-view{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;margin:0 auto;height:100%} /* ===== refer ===== */ .yotpo-widget-referral-share .yotpo-final-view{margin:0 auto;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.yotpo-widget-referral-share .yotpo-final-view.yotpo-is-mobile{margin-bottom:80px}.yotpo-widget-referral-share .yotpo-final-view.yotpo-tile-with-tabs{margin-top:6px}.yotpo-widget-referral-share .yotpo-final-view:not(.yotpo-tile-with-tabs){margin-top:29px}.yotpo-widget-referral-share .yotpo-final-view.yotpo-is-mobile.yotpo-tile-with-tabs{margin-top:12px}.yotpo-widget-referral-share .yotpo-final-view.yotpo-is-mobile:not(.yotpo-tile-with-tabs){margin-top:35px}.yotpo-widget-referral-share .yotpo-final-view .yotpo-header-text.yotpo-thanks-header-text{margin-bottom:10px}.yotpo-widget-referral-share .yotpo-final-view .yotpo-title-text{margin-bottom:32px}.yotpo-widget-referral-share .yotpo-final-view.yotpo-is-mobile .yotpo-title-text{margin-bottom:24px}.yotpo-widget-referral-share .yotpo-final-view.yotpo-referral-widget-fade-in{opacity:0;-webkit-animation:yotpo-referral-widget-fade-in .3s ease-in-out forwards;animation:yotpo-referral-widget-fade-in .3s ease-in-out forwards}@-webkit-keyframes yotpo-referral-widget-fade-in{0%{opacity:0}to{opacity:1}}@keyframes yotpo-referral-widget-fade-in{0%{opacity:0}to{opacity:1}} /* ===== refer ===== */ .yotpo-widget-referral-share .yotpo-customer-login-view{margin-bottom:80px}.yotpo-widget-referral-share .yotpo-header-text.yotpo-login-header-text{line-height:24px}.yotpo-widget-referral-share .yotpo-title-text.yotpo-login-title-text{line-height:40px;padding-top:6px}.yotpo-widget-referral-share .yotpo-is-mobile .yotpo-title-text.yotpo-login-title-text{line-height:30px}.yotpo-widget-referral-share .yotpo-description-text.yotpo-login-description-text{line-height:26px}.yotpo-widget-referral-share .yotpo-is-mobile .yotpo-description-text.yotpo-login-description-text{line-height:20px}.yotpo-widget-referral-share .yotpo-customer-logged-out-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:26px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.yotpo-widget-referral-share .yotpo-is-mobile .yotpo-customer-logged-out-buttons{margin-top:24px}.yotpo-widget-referral-share .yotpo-register-link{padding-right:16px} /* ===== refer ===== */ .yotpo-widget-referral-share .yotpo-row-display{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;font-size:14px}.yotpo-widget-referral-share .yotpo-row-display:not(.yotpo-is-mobile){padding:12px 18px}.yotpo-widget-referral-share .yotpo-row-display.yotpo-is-mobile{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;row-gap:5px;padding:12px 0}.yotpo-widget-referral-share .yotpo-row-border{border-top:1px solid} /* ===== refer ===== */ .yotpo-widget-referral-share .yotpo-grid{display:inline-block;overflow:auto}.yotpo-widget-referral-share .yotpo-grid.yotpo-table-lines:before{top:0}.yotpo-widget-referral-share .yotpo-grid.yotpo-table-lines:after{bottom:0}.yotpo-widget-referral-share .yotpo-grid.yotpo-table-lines:after,.yotpo-widget-referral-share .yotpo-grid.yotpo-table-lines:before{content:"";display:block;width:100%;height:1px;position:-webkit-sticky;position:sticky;left:0}.yotpo-widget-referral-share .yotpo-grid.yotpo-table-lines.yotpo-theme-dark:after,.yotpo-widget-referral-share .yotpo-grid.yotpo-table-lines.yotpo-theme-dark:before{background-color:rgba(0,0,0,.6)}.yotpo-widget-referral-share .yotpo-grid.yotpo-table-lines.yotpo-theme-light:after,.yotpo-widget-referral-share .yotpo-grid.yotpo-table-lines.yotpo-theme-light:before{background-color:#fff}.yotpo-widget-referral-share .yotpo-grid.yotpo-table-lines.yotpo-is-mobile:after,.yotpo-widget-referral-share .yotpo-grid.yotpo-table-lines.yotpo-is-mobile:before{width:100%}.yotpo-widget-referral-share .yotpo-table-rectangular .yotpo-grid-row{margin-bottom:6px}.yotpo-widget-referral-share .yotpo-table-rectangular.yotpo-is-mobile .yotpo-grid-row{margin-bottom:4px} /* ===== refer ===== */ .yotpo-widget-referral-share .yotpo-referral-history{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:30px}.yotpo-widget-referral-share .yotpo-referral-history.yotpo-is-mobile{margin-top:24px}.yotpo-widget-referral-share .yotpo-referral-history .yotpo-referral-history-grid{max-height:305px;overflow:auto}.yotpo-widget-referral-share .yotpo-referral-history.yotpo-is-mobile .yotpo-referral-history-grid{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-height:100%}.yotpo-widget-referral-share .yotpo-referral-history .yotpo-sumup-line-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:480px;margin:auto;padding-top:15px}.yotpo-widget-referral-share .yotpo-referral-history .yotpo-sumup-line-text{padding:0 20px}.yotpo-widget-referral-share .yotpo-referral-history .yotpo-sumup-line-container.yotpo-is-mobile{width:85%}.yotpo-widget-referral-share .yotpo-referral-history .yotpo-referral-history-redeem-text{margin-top:auto;margin-bottom:16px;padding-top:30px} /* ===== refer ===== */ .yotpo-widget-referral-share .yotpo-tabs-text{cursor:pointer}.yotpo-widget-referral-share .yotpo-tab-mobile-size{font-size:14px}.yotpo-widget-referral-share .yotpo-tab-small-size{font-size:16px}.yotpo-widget-referral-share .yotpo-tab-medium-size{font-size:18px}.yotpo-widget-referral-share .yotpo-tab-large-size{font-size:20px} /* ===== refer ===== */ .yotpo-widget-referral-share .yotpo-lower-line-tabs{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.yotpo-widget-referral-share .yotpo-lower-line-tabs.yotpo-tab-large-size{min-width:420px}.yotpo-widget-referral-share .yotpo-lower-line-tabs.yotpo-tab-medium-size{min-width:376px}.yotpo-widget-referral-share .yotpo-lower-line-tabs.yotpo-tab-small-size{min-width:311px}.yotpo-widget-referral-share .yotpo-lower-line-tab{display:inline-block}.yotpo-widget-referral-share .yotpo-is-mobile .yotpo-lower-line-tabs{max-width:245px;margin:auto} /* ===== refer ===== */ .yotpo-widget-referral-share .yotpo-rectangle-tabs{display:inline-block}.yotpo-widget-referral-share .yotpo-is-mobile .yotpo-rectangle-tabs{max-width:266px;margin:auto;width:100%}.yotpo-widget-referral-share .yotpo-rectangle-tab{display:inline-block;width:50%}.yotpo-widget-referral-share .yotpo-tab-large-size.yotpo-rectangle-tabs{min-width:420px}.yotpo-widget-referral-share .yotpo-tab-medium-size.yotpo-rectangle-tabs{min-width:376px}.yotpo-widget-referral-share .yotpo-tab-small-size.yotpo-rectangle-tabs{min-width:325px}.yotpo-widget-referral-share .yotpo-tab-large-size .yotpo-rectangle-tab-text{padding:10px 30px}.yotpo-widget-referral-share .yotpo-tab-medium-size .yotpo-rectangle-tab-text{padding:8px 26px}.yotpo-widget-referral-share .yotpo-tab-small-size .yotpo-rectangle-tab-text{padding:6px 22px}.yotpo-widget-referral-share .yotpo-tab-mobile-size .yotpo-rectangle-tab-text{padding:6px 10px}.yotpo-widget-referral-share .yotpo-rectangle-tab-text{cursor:pointer} /* ===== refer ===== */ .yotpo-widget-referral-share .yotpo-race-track-tab{display:inline-block;width:50%}.yotpo-widget-referral-share .yotpo-race-track-tabs.yotpo-tab-large-size{min-width:420px;max-width:435px}.yotpo-widget-referral-share .yotpo-race-track-tabs.yotpo-tab-medium-size{min-width:376px;max-width:400px}.yotpo-widget-referral-share .yotpo-race-track-tabs.yotpo-tab-small-size{min-width:311px;max-width:370px}.yotpo-widget-referral-share .yotpo-race-track-tab-text{cursor:pointer;padding:0 30px;border-radius:32px}.yotpo-widget-referral-share .yotpo-tab-large-size .yotpo-race-track-tab-text{height:40px;line-height:40px}.yotpo-widget-referral-share .yotpo-tab-medium-size .yotpo-race-track-tab-text{height:36px;line-height:36px}.yotpo-widget-referral-share .yotpo-tab-small-size .yotpo-race-track-tab-text{height:32px;line-height:32px}.yotpo-widget-referral-share .yotpo-race-track-tabs{border-radius:32px;margin:auto}.yotpo-widget-referral-share .yotpo-tab-mobile-size.yotpo-race-track-tabs,.yotpo-widget-referral-share .yotpo-tab-small-size.yotpo-race-track-tabs{padding:2px 2px}.yotpo-widget-referral-share .yotpo-tab-large-size.yotpo-race-track-tabs,.yotpo-widget-referral-share .yotpo-tab-medium-size.yotpo-race-track-tabs{padding:3px 3px}.yotpo-widget-referral-share .yotpo-is-mobile .yotpo-race-track-tabs{max-width:265px;margin:auto}.yotpo-widget-referral-share .yotpo-is-mobile .yotpo-race-track-tab-text{padding:0 10px;height:28px;line-height:28px} /* ===== refer ===== */ .yotpo-widget-referral-share .yotpo-tile{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;width:100%;max-width:608px;margin:0 auto}.yotpo-widget-referral-share .yotpo-tile.yotpo-is-mobile{width:100%}.yotpo-widget-referral-share .yotpo-tabs-content{margin:0 auto;display:inline-block}.yotpo-widget-referral-share .yotpo-tabs-content.yotpo-full-width,.yotpo-widget-referral-share .yotpo-tile.yotpo-is-mobile .yotpo-tabs-content{width:100%} /* ===== refer ===== */ .yotpo-widget-referral-share .yotpo-center-container{-webkit-box-sizing:border-box;box-sizing:border-box;background-repeat:no-repeat;background-size:cover;background-position:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:30px 0;height:526px}.yotpo-widget-referral-share .yotpo-center-container.yotpo-is-mobile{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:150px 13px 13px 13px}.yotpo-widget-referral-share .yotpo-center-container .yotpo-tile-wrapper{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%;width:100%;max-width:688px;padding:42px 40px 0 40px}.yotpo-widget-referral-share .yotpo-center-container.yotpo-is-mobile .yotpo-tile-wrapper{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-bottom:auto;padding:28px 17px 0 17px} /* ===== refer ===== */ .yotpo-widget-referral-share .yotpo-container-background:not(.yotpo-is-mobile){display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-height:526px}.yotpo-widget-referral-share .yotpo-container-background.yotpo-is-mobile{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:"fit-content"}.yotpo-widget-referral-share .yotpo-container-background:not(.yotpo-is-mobile).yotpo-swap-container{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.yotpo-widget-referral-share .yotpo-container-background:not(.yotpo-is-mobile)>*{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%}.yotpo-widget-referral-share .yotpo-container-background.yotpo-is-mobile>*{width:100%}.yotpo-widget-referral-share .yotpo-referral-image{background-size:cover;background-position:50%}.yotpo-widget-referral-share .yotpo-container-background.yotpo-is-mobile .yotpo-referral-image{height:220px}.yotpo-widget-referral-share .yotpo-referral-image.yotpo-no-image{visibility:hidden}.yotpo-widget-referral-share .yotpo-container-background .yotpo-tile-wrapper{-webkit-box-sizing:border-box;box-sizing:border-box;padding:83px 30px 0 30px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.yotpo-widget-referral-share .yotpo-container-background.yotpo-is-mobile .yotpo-tile-wrapper{padding:28px 30px 0 30px} /* ===== refer ===== */ .yotpo-widget-referral-share .align-left{text-align:left} /* ===== refer ===== */ .yotpo-widget-referral-share .yotpo-close-icon{display:block} /* ===== refer ===== */ .yotpo-widget-referral-share .yotpo-loyalty-popup-overlay{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:rgba(0,0,0,.6)}.yotpo-widget-referral-share .yotpo-loyalty-popup-overlay.yotpo-is-mobile{padding:13px 13px 0 13px}.yotpo-widget-referral-share .yotpo-loyalty-popup-overlay:not(.yotpo-loyalty-popup-overlay-admin){position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999}.yotpo-widget-referral-share .yotpo-loyalty-popup-overlay-admin{height:650px}.yotpo-widget-referral-share .yotpo-loyalty-popup-overlay .yotpo-tile-wrapper{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;padding:42px 40px 0 40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:466px;width:100%;max-width:688px}.yotpo-widget-referral-share .yotpo-loyalty-popup-overlay.yotpo-is-mobile .yotpo-tile-wrapper{-webkit-box-sizing:border-box;box-sizing:border-box;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-bottom:auto;padding:28px 17px 0 17px}.yotpo-widget-referral-share .yotpo-loyalty-popup-overlay-admin .yotpo-tile-wrapper{padding-top:20px}.yotpo-widget-referral-share .yotpo-loyalty-popup-overlay .yotpo-close-button{position:absolute;top:-17px;right:-37px;cursor:pointer}.yotpo-widget-referral-share .yotpo-loyalty-popup-overlay.yotpo-is-mobile .yotpo-close-button{top:15px;right:15px;cursor:pointer}.yotpo-widget-referral-share .yotpo-is-mobile .yotpo-close-button.yotpo-tile-with-history{top:10px;right:10px} /* ===== refer ===== */ .yotpo-widget-referral-share{font-family:NunitoSans,Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#373330}.yotpo-widget-clear,.yotpo-widget-clear button,.yotpo-widget-clear form input,.yotpo-widget-clear span{-webkit-animation:none;animation:none;-webkit-animation-delay:0;animation-delay:0;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-duration:0;animation-duration:0;-webkit-animation-fill-mode:none;animation-fill-mode:none;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:none;animation-name:none;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-backface-visibility:visible;backface-visibility:visible;background:0;background-attachment:scroll;background-clip:border-box;background-color:transparent;background-image:none;background-origin:padding-box;background-position:0 0;background-position-x:0;background-position-y:0;background-repeat:repeat;background-size:auto auto;border:0;border-style:none;border-width:medium;border-color:inherit;border-bottom:0;border-bottom-color:inherit;border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-style:none;border-bottom-width:medium;border-collapse:separate;-o-border-image:none;border-image:none;border-left:0;border-left-color:inherit;border-left-style:none;border-left-width:medium;border-radius:0;border-right:0;border-right-color:inherit;border-right-style:none;border-right-width:medium;border-spacing:0;border-top:0;border-top-color:inherit;border-top-left-radius:0;border-top-right-radius:0;border-top-style:none;border-top-width:medium;bottom:auto;-webkit-box-shadow:none;box-shadow:none;-webkit-box-sizing:content-box;box-sizing:content-box;caption-side:top;clear:none;clip:auto;color:inherit;-webkit-columns:auto;-moz-columns:auto;columns:auto;-webkit-column-count:auto;-moz-column-count:auto;column-count:auto;-webkit-column-fill:balance;-moz-column-fill:balance;column-fill:balance;-webkit-column-gap:normal;-moz-column-gap:normal;column-gap:normal;-webkit-column-rule:medium none currentColor;-moz-column-rule:medium none currentColor;column-rule:medium none currentColor;-webkit-column-rule-color:currentColor;-moz-column-rule-color:currentColor;column-rule-color:currentColor;-webkit-column-rule-style:none;-moz-column-rule-style:none;column-rule-style:none;-webkit-column-rule-width:none;-moz-column-rule-width:none;column-rule-width:none;-webkit-column-span:1;-moz-column-span:1;column-span:1;-webkit-column-width:auto;-moz-column-width:auto;column-width:auto;content:normal;counter-increment:none;counter-reset:none;cursor:auto;direction:ltr;display:inline;empty-cells:show;float:none;font:normal;font-family:inherit;font-size:medium;font-style:normal;font-variant:normal;font-weight:400;height:auto;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;left:auto;letter-spacing:normal;line-height:normal;list-style:none;list-style-image:none;list-style-position:outside;list-style-type:disc;margin:0;margin-bottom:0;margin-left:0;margin-right:0;margin-top:0;max-height:none;max-width:none;min-height:0;min-width:0;opacity:1;orphans:0;outline:0;outline-color:invert;outline-style:none;outline-width:medium;overflow:visible;overflow-x:visible;overflow-y:visible;padding:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;page-break-after:auto;page-break-before:auto;page-break-inside:auto;-webkit-perspective:none;perspective:none;-webkit-perspective-origin:50% 50%;perspective-origin:50% 50%;position:static;right:auto;-moz-tab-size:8;-o-tab-size:8;tab-size:8;table-layout:auto;text-align:inherit;-moz-text-align-last:auto;text-align-last:auto;text-decoration:none;-webkit-text-decoration-color:inherit;text-decoration-color:inherit;-webkit-text-decoration-line:none;text-decoration-line:none;-webkit-text-decoration-style:solid;text-decoration-style:solid;text-indent:0;text-shadow:none;text-transform:none;top:auto;-webkit-transform:none;transform:none;-webkit-transform-style:flat;transform-style:flat;-webkit-transition:none;transition:none;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;-webkit-transition-property:none;transition-property:none;-webkit-transition-timing-function:ease;transition-timing-function:ease;unicode-bidi:normal;vertical-align:baseline;visibility:visible;white-space:normal;word-break:normal;widows:0;width:auto;word-spacing:normal;z-index:auto}.yotpo-widget-referral-share :focus{-webkit-box-shadow:0 0 1px 1px #76bffd;box-shadow:0 0 1px 1px #76bffd}.yotpo-widget-referral-share div:empty{display:block} /* ===== refer ===== */ @import url('https://cdn-widgetsrepository.yotpo.com/web-fonts/css/ibm_plex_sans/v1/ibm_plex_sans_700.css'); /* ===== returns-shipping ===== */ #Hero--template--20122953285685__section_hero_DBYTjy { --PT: 0px; --PB: 0px; --hero-content-width: 700px; } /* ===== returns-shipping ===== */ @media (min-width: 750px) { #Picture-b0c83702a53adfcc20867d4d4e8c223f { --focal-point: 50.0% 50.0%; } } @media (max-width: 749px) { #Picture-b0c83702a53adfcc20867d4d4e8c223f { --focal-point: 50.0% 50.0%; } } /* ===== returns-shipping ===== */ #Rte--template--20122953285685__section_rich_text_gYn7yH { --PT: 50px; --PB: 50px; } /* ===== returns-shipping ===== */ #SectionColumns--template--20122953285685__section_multicolumn_YJPMk6 { --PT: 0px; --PB: 50px; --PT-MOBILE: 0px; --PB-MOBILE: 50px;--COLUMNS-MOBILE: 0; } /* ===== returns-shipping ===== */ #Rte--template--20122953285685__section_rich_text_rhJi8T { --PT: 50px; --PB: 50px; } /* ===== returns-shipping ===== */ #Rte--template--20122953285685__section_rich_text_mCXeNH { --PT: 0px; --PB: 0px; } /* ===== returns-shipping ===== */ #CustomCode--template--20122953285685__section_custom_code_MiWiFX { --PT: 0px; --PB: 0px; } /* ===== returns-shipping ===== */ #Rte--template--20122953285685__section_rich_text_pRbAxj { --PT: 50px; --PB: 0px; } /* ===== returns-shipping ===== */ #Rte--template--20122953285685__section_rich_text_8ALL9a { --PT: 50px; --PB: 0px; } /* ===== returns-shipping ===== */ #Rte--template--20122953285685__section_rich_text_RWXQmB { --PT: 50px; --PB: 50px; } /* ===== rewards ===== */ .yotpo-widget-empty-placeholder{display:block!important}._pr_a22401bf .align-left{text-align:left}._pr_a22401bf ._pr_cb8b7856{position:relative;width:100%}._pr_a22401bf ._pr_cb8b7856 .yotpo-default-cursor{cursor:default}._pr_a22401bf ._pr_cb8b7856 ._pr_39f4962c{cursor:pointer}._pr_a22401bf ._pr_cb8b7856 ._pr_9bac37cd{line-height:normal;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}._pr_a22401bf ._pr_cb8b7856 ._pr_9bac37cd:focus{outline:0}._pr_a22401bf ._pr_cb8b7856 ._pr_9bac37cd:hover:not(:disabled){opacity:.85}._pr_a22401bf ._pr_cb8b7856 .yotpo-button-small-size{width:35%}._pr_a22401bf ._pr_cb8b7856 ._pr_434b59b8{width:65%}._pr_a22401bf ._pr_cb8b7856 .yotpo-button-large-size{width:100%}._pr_a22401bf ._pr_cb8b7856 .yotpo-rounded-btn-type{border-radius:3px}._pr_a22401bf ._pr_cb8b7856 .yotpo-capsule-btn-type{border-radius:32.6px}._pr_a22401bf ._pr_cb8b7856 ._pr_c8efd112{border:none}._pr_a22401bf ._pr_22242aff{width:100%;min-height:600px;background-size:cover;background-repeat:no-repeat;background-position:50%}._pr_a22401bf ._pr_22242aff ._pr_f8daa264{position:relative;top:150px;width:100%;max-width:433px;text-align:left}._pr_a22401bf ._pr_22242aff._pr_aa6e63d0 ._pr_f8daa264{top:0;max-width:100%}._pr_a22401bf ._pr_22242aff._pr_aa6e63d0 ._pr_5a41214c{height:0;padding-top:83%;margin-bottom:22px;background-position:50%;background-repeat:no-repeat;background-size:cover}._pr_a22401bf ._pr_22242aff._pr_aa6e63d0 ._pr_267eb222{max-width:300px;text-align:center;margin:0 auto}._pr_a22401bf ._pr_22242aff:not(._pr_aa6e63d0) ._pr_f8daa264.yotpo-left-layout{left:calc(30% - 280px);left:max(calc(30% - 280px),40px)}._pr_a22401bf ._pr_22242aff:not(._pr_aa6e63d0) ._pr_f8daa264._pr_986eecd9{right:calc(30% - 280px);right:max(calc(30% - 280px),40px);float:right}._pr_a22401bf ._pr_22242aff:not(._pr_aa6e63d0) ._pr_f8daa264.yotpo-center-layout{margin:0 auto;text-align:center}._pr_a22401bf ._pr_22242aff ._pr_f8daa264 ._pr_519bf94f{padding-bottom:3px}._pr_a22401bf ._pr_d229c3de{padding-top:36px;padding-bottom:14px}._pr_a22401bf ._pr_22242aff._pr_aa6e63d0 ._pr_d229c3de{padding-top:22px}._pr_a22401bf ._pr_d229c3de ._pr_cb8b7856 ._pr_434b59b8{width:190px;height:48px}._pr_a22401bf ._pr_22242aff._pr_aa6e63d0 ._pr_d229c3de ._pr_cb8b7856 ._pr_434b59b8{width:100%}._pr_a22401bf ._pr_d229c3de ._pr_e304490f{text-decoration:none;display:inline-block}._pr_a22401bf ._pr_22242aff._pr_aa6e63d0 ._pr_d229c3de ._pr_e304490f{width:100%}._pr_a22401bf ._pr_d229c3de ._pr_86a69cda{text-decoration:none;display:inline-block;padding-right:14px}._pr_a22401bf ._pr_22242aff._pr_aa6e63d0 ._pr_d229c3de ._pr_86a69cda{padding:0 0 14px;width:100%}._pr_a22401bf ._pr_d229c3de ._pr_fa20f5ca{font-size:18px;cursor:pointer}._pr_a22401bf ._pr_23b21f06{width:100%;height:100%}._pr_a22401bf{font-family:NunitoSans,Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#373330}._pr_e3ff706e,._pr_e3ff706e button,._pr_e3ff706e form input,._pr_e3ff706e span{-webkit-animation:none;animation:none;-webkit-animation-delay:0;animation-delay:0;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-duration:0;animation-duration:0;-webkit-animation-fill-mode:none;animation-fill-mode:none;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:none;animation-name:none;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-backface-visibility:visible;backface-visibility:visible;background:0;background-attachment:scroll;background-clip:border-box;background-color:transparent;background-image:none;background-origin:padding-box;background-position:0 0;background-position-x:0;background-position-y:0;background-repeat:repeat;background-size:auto auto;border:0;border-style:none;border-width:medium;border-color:inherit;border-bottom:0;border-bottom-color:inherit;border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-style:none;border-bottom-width:medium;border-collapse:separate;-o-border-image:none;border-image:none;border-left:0;border-left-color:inherit;border-left-style:none;border-left-width:medium;border-radius:0;border-right:0;border-right-color:inherit;border-right-style:none;border-right-width:medium;border-spacing:0;border-top:0;border-top-color:inherit;border-top-left-radius:0;border-top-right-radius:0;border-top-style:none;border-top-width:medium;bottom:auto;-webkit-box-shadow:none;box-shadow:none;-webkit-box-sizing:content-box;box-sizing:content-box;caption-side:top;clear:none;clip:auto;color:inherit;-webkit-columns:auto;-moz-columns:auto;columns:auto;-webkit-column-count:auto;-moz-column-count:auto;column-count:auto;-webkit-column-fill:balance;-moz-column-fill:balance;column-fill:balance;-webkit-column-gap:normal;-moz-column-gap:normal;column-gap:normal;-webkit-column-rule:medium none currentColor;-moz-column-rule:medium none currentColor;column-rule:medium none currentColor;-webkit-column-rule-color:currentColor;-moz-column-rule-color:currentColor;column-rule-color:currentColor;-webkit-column-rule-style:none;-moz-column-rule-style:none;column-rule-style:none;-webkit-column-rule-width:none;-moz-column-rule-width:none;column-rule-width:none;-webkit-column-span:1;-moz-column-span:1;column-span:1;-webkit-column-width:auto;-moz-column-width:auto;column-width:auto;content:normal;counter-increment:none;counter-reset:none;cursor:auto;direction:ltr;display:inline;empty-cells:show;float:none;font:normal;font-family:inherit;font-size:medium;font-style:normal;font-variant:normal;font-weight:400;height:auto;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;left:auto;letter-spacing:normal;line-height:normal;list-style:none;list-style-image:none;list-style-position:outside;list-style-type:disc;margin:0;margin-bottom:0;margin-left:0;margin-right:0;margin-top:0;max-height:none;max-width:none;min-height:0;min-width:0;opacity:1;orphans:0;outline:0;outline-color:invert;outline-style:none;outline-width:medium;overflow:visible;overflow-x:visible;overflow-y:visible;padding:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;page-break-after:auto;page-break-before:auto;page-break-inside:auto;-webkit-perspective:none;perspective:none;-webkit-perspective-origin:50% 50%;perspective-origin:50% 50%;position:static;right:auto;-moz-tab-size:8;-o-tab-size:8;tab-size:8;table-layout:auto;text-align:inherit;-moz-text-align-last:auto;text-align-last:auto;text-decoration:none;-webkit-text-decoration-color:inherit;text-decoration-color:inherit;-webkit-text-decoration-line:none;text-decoration-line:none;-webkit-text-decoration-style:solid;text-decoration-style:solid;text-indent:0;text-shadow:none;text-transform:none;top:auto;-webkit-transform:none;transform:none;-webkit-transform-style:flat;transform-style:flat;-webkit-transition:none;transition:none;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;-webkit-transition-property:none;transition-property:none;-webkit-transition-timing-function:ease;transition-timing-function:ease;unicode-bidi:normal;vertical-align:baseline;visibility:visible;white-space:normal;word-break:normal;widows:0;width:auto;word-spacing:normal;z-index:auto}._pr_a22401bf div:empty{display:block}._pr_a22401bf ._pr_22242aff{background-size:50%!important;background-repeat:no-repeat!important;background-position:left!important;background-color:#000;height:55rem}._pr_a22401bf ._pr_d229c3de ._pr_86a69cda ._pr_fa20f5ca{text-decoration:none!important;font-weight:800!important}._pr_a22401bf ._pr_d229c3de ._pr_fa20f5ca{font-size:16px!important}only screen and (max-width:1024px){background-repeat:no-repeat!important;background-position:left!important;background-color:#000;min-height:500px!important} /* ===== rewards ===== */ @font-face { font-family: "IBM Plex Sans"; src: url('https://cdn-widgetsrepository.yotpo.com/web-fonts/css/ibm_plex_sans/v1/ibm_plex_sans_700.css'); } /* ===== rewards ===== */ @font-face { font-family: "IBM Plex Sans"; src: url('https://cdn-widgetsrepository.yotpo.com/web-fonts/css/ibm_plex_sans/v1/ibm_plex_sans_400.css'); } /* ===== sustainability ===== */ #Hero--template--20122953416757__section_hero_ym4cmg { --PT: 0px; --PB: 0px; --hero-content-width: 700px; } /* ===== sustainability ===== */ #Rte--template--20122953416757__section_rich_text_hL4FkP { --PT: 70px; --PB: 70px; } /* ===== sustainability ===== */ #TextPromo--template--20122953416757__section_text_promo_ecbT8M { --PT: 50px; --PB: 50px; --inner: 50px; } /* ===== sustainability ===== */ #Rte--template--20122953416757__section_rich_text_gtxENA { --PT: 20px; --PB: 20px; } /* ===== sustainability ===== */ #RteColumns--template--20122953416757__section_rich_text_columns_LLBzjt { --PT: 20px; --PB: 20px; --rte-column-width-left: 40%; --rte-column-width-right: 40%; --rte-column-divider-width: 20%; } /* ===== sustainability ===== */ #RteColumns--template--20122953416757__section_rich_text_columns_L3iVCE { --PT: 20px; --PB: 20px; --rte-column-width-left: 40%; --rte-column-width-right: 40%; --rte-column-divider-width: 20%; } /* ===== sustainability ===== */ #RteColumns--template--20122953416757__section_rich_text_columns_LkzNE9 { --PT: 20px; --PB: 40px; --rte-column-width-left: 40%; --rte-column-width-right: 40%; --rte-column-divider-width: 20%; } /* ===== sustainability ===== */ #SectionColumns--template--20122953416757__section_columns_RfMd44 { --PT: 60px; --PB: 50px; --PT-MOBILE: 35px; --PB-MOBILE: 35px;--COLUMNS: 3; --COLUMNS-MEDIUM: 3; --COLUMNS-SMALL: 2;--COLUMNS-MOBILE: 1; } /* ===== sustainability ===== */ #Hero--template--20122953416757__section_hero_qjpYdM { --PT: 0px; --PB: 0px; --hero-content-width: 700px; } /* ===== sustainability ===== */ #Rte--template--20122953416757__section_rich_text_dMAbrh { --PT: 70px; --PB: 10px; } /* ===== sustainability ===== */ #SectionColumns--template--20122953416757__section_text_row_eryUBJ { --PT: 50px; --PB: 70px; --PT-MOBILE: 50px; --PB-MOBILE: 70px;--COLUMNS-MOBILE: 0; }