/* ===== front ===== */ .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%; } /* ===== front ===== */ .swatches { --black: #000000;--white: #fafafa;--blank: url(//cdn.shopify.com/s/files/1/0277/0693/files/blank_small.png?v=132006);--bronze: #A07636;--silver: #CECBC7; } /* ===== front ===== */ .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/0856/8976/2116/t/16/assets/swatches.css.map?v=157844926215047500451785347609 */ /* ===== front ===== */ :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); } /* ===== front ===== */ :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; } /* ===== front ===== */ .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); } /* ===== front ===== */ .slideshow{position:relative;height:auto;overflow:hidden;transition:min-height .5s linear}.slideshow .hero__content__wrapper{pointer-events:none}.slideshow .hero__content__wrapper a{pointer-events:auto}.slideshow .flickity-viewport,.slideshow .flickity-enabled{min-height:inherit}.slideshow .flickity-enabled.is-loading .flickity-viewport{transition:none}.slideshow .flickity-prev-next-button.previous{left:calc(var(--btn-size) / 2)}.slideshow .flickity-prev-next-button.next{right:calc(var(--btn-size) / 2)}.slideshow .flickity-page-dots{position:absolute;left:0;bottom:0;width:100%;margin:0;padding:0 10px 20px;display:flex;align-items:center;justify-content:center;list-style:none}@media only screen and (max-width:989px){.slideshow .flickity-page-dots{padding-bottom:10px}}.slideshow .hero__content{margin:var(--outer)}.slideshow .hero__content--transparent{padding:24px;margin:0}@media screen and (min-width:750px){.slideshow .hero__content--transparent{padding:40px;margin:0}}.slideshow__slider--zoom-out .image__fill img{will-change:opacity,transform;transform:scale(1.2);transition:transform 2s cubic-bezier(.215,.61,.355,1)}.slideshow__slider--zoom-out .is-selected .image__fill img{opacity:1;transform:scale(1)}.slideshow__slider--wipe .slideshow__slide{opacity:1!important}.slideshow__slider--wipe.is-loading .slideshow__slide,.slideshow__slider--wipe .slideshow__slide.is-selected{transition:none}.slideshow__slider--wipe .is-selected .hero__image{animation:clipPathFromRight .5s ease-out;animation-fill-mode:both}@keyframes clipPathFromRight{0%{-webkit-clip-path:polygon(100% 0,100% 0%,100% 100%,100% 100%);clip-path:polygon(100% 0,100% 0%,100% 100%,100% 100%);transform:translate(2%)}to{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:translate(0)}}.slideshow__slide{color:var(--text);width:100%}.slideshow__slide--onboarding{display:flex;justify-content:center;align-items:center}.slideshow__slide--onboarding .image-overlay{z-index:-1;opacity:1}.slideshow__slide>a{min-height:100%;height:100%;color:inherit}.slideshow__slider:not(.flickity-enabled) .slideshow__slide:not(:first-of-type){position:absolute;top:0;left:0;visibility:hidden}@media screen and (min-width:750px){.slideshow .hero__content__wrapper--custom-padding .hero__content{margin:var(--content-padding)}}@media screen and (min-width:750px){.hero__content__wrapper--split-desktop{align-items:stretch}.hero__content__wrapper--split-desktop .hero__content{width:100%;max-width:none}.hero__content__wrapper--split-desktop .hero__content:after{content:"";order:5}.hero__content__wrapper--split-desktop .hero__content>:not(.hero__button,.hero__button-group,.slideshow__overlay-image,style,script){order:2;align-self:var(--split-copy-align);max-width:var(--hero-content-width, none);text-align:var(--split-copy-text-align)}.hero__content__wrapper--split-desktop .hero__content>:is(.hero__button,.hero__button-group){--alignment-justify-content: var(--split-buttons-align);order:4;align-self:var(--split-buttons-align)}.split-swap-desktop .hero__content>:is(.hero__button,.hero__button-group){order:1}.split-copy-left-desktop{--split-copy-align: flex-start;--split-copy-text-align: left}.split-copy-center-desktop{--split-copy-align: center;--split-copy-text-align: center}.split-copy-right-desktop{--split-copy-align: flex-end;--split-copy-text-align: right}.split-buttons-left-desktop{--split-buttons-align: flex-start}.split-buttons-center-desktop{--split-buttons-align: center}.split-buttons-right-desktop{--split-buttons-align: flex-end}.split-start-desktop:not(.split-swap-desktop) .hero__content>:not(.hero__button,.hero__button-group,.slideshow__overlay-image,style,script):not(:not(.hero__button,.hero__button-group,.slideshow__overlay-image,style,script)~*),.split-start-desktop.split-swap-desktop .hero__content>:is(.hero__button,.hero__button-group):not(:is(.hero__button,.hero__button-group)~*),.split-gap-desktop:not(.split-swap-desktop) .hero__content>:is(.hero__button,.hero__button-group):not(:is(.hero__button,.hero__button-group)~*),.split-gap-desktop.split-swap-desktop .hero__content>:not(.hero__button,.hero__button-group,.slideshow__overlay-image,style,script):not(:not(.hero__button,.hero__button-group,.slideshow__overlay-image,style,script)~*),.split-end-desktop .hero__content:after{margin-top:auto}}@media screen and (max-width:749px){.hero__content__wrapper--split-mobile{align-items:stretch}.hero__content__wrapper--split-mobile .hero__content{width:100%;max-width:none}.hero__content__wrapper--split-mobile .hero__content:after{content:"";order:5}.hero__content__wrapper--split-mobile .hero__content>:not(.hero__button,.hero__button-group,.slideshow__overlay-image,style,script){order:2;align-self:var(--split-copy-align);max-width:var(--hero-content-width, none);text-align:var(--split-copy-text-align)}.hero__content__wrapper--split-mobile .hero__content>:is(.hero__button,.hero__button-group){--alignment-justify-content: var(--split-buttons-align);order:4;align-self:var(--split-buttons-align)}.split-swap-mobile .hero__content>:is(.hero__button,.hero__button-group){order:1}.split-copy-left-mobile{--split-copy-align: flex-start;--split-copy-text-align: left}.split-copy-center-mobile{--split-copy-align: center;--split-copy-text-align: center}.split-copy-right-mobile{--split-copy-align: flex-end;--split-copy-text-align: right}.split-buttons-left-mobile{--split-buttons-align: flex-start}.split-buttons-center-mobile{--split-buttons-align: center}.split-buttons-right-mobile{--split-buttons-align: flex-end}.split-start-mobile:not(.split-swap-mobile) .hero__content>:not(.hero__button,.hero__button-group,.slideshow__overlay-image,style,script):not(:not(.hero__button,.hero__button-group,.slideshow__overlay-image,style,script)~*),.split-start-mobile.split-swap-mobile .hero__content>:is(.hero__button,.hero__button-group):not(:is(.hero__button,.hero__button-group)~*),.split-gap-mobile:not(.split-swap-mobile) .hero__content>:is(.hero__button,.hero__button-group):not(:is(.hero__button,.hero__button-group)~*),.split-gap-mobile.split-swap-mobile .hero__content>:not(.hero__button,.hero__button-group,.slideshow__overlay-image,style,script):not(:not(.hero__button,.hero__button-group,.slideshow__overlay-image,style,script)~*),.split-end-mobile .hero__content:after{margin-top:auto}} /*# sourceMappingURL=/s/files/1/0277/0693/t/650/assets/slideshow.css.map?v=59655606765177746541791875122 */ /* ===== front ===== */ @media (min-width: 750px) { #Picture-550c88f967cf1a34be7f52145bcddffd { --focal-point: 50.0% 50.0%; } } @media (max-width: 749px) { #Picture-550c88f967cf1a34be7f52145bcddffd { --focal-point: 50.0% 50.0%; } } /* ===== front ===== */ .subheading-bold--AQzRXbDgvdENxLzFLc__subheading_QyVzJy.custom-font-styles strong { font-size: var(--custom-font-size-bold-mobile); } @media (min-width: 750px) { .subheading-bold--AQzRXbDgvdENxLzFLc__subheading_QyVzJy.custom-font-styles strong { font-size: var(--custom-font-size-bold-desktop); } } /* ===== front ===== */ .block__svg img { display: inline-block; width: var(--svg-width-mobile); max-width: 100%; height: auto; vertical-align: top; } @media screen and (min-width: 750px) { .block__svg img { width: var(--svg-width-desktop); } } @media screen and (max-width: 749px) { .block__svg--hide-mobile { display: none; } } /* ===== front ===== */ body.has-line-design .section-columns .product-item__image,body.has-line-design .section-columns .grid-item{border:0}body.has-line-design.grid-compact .section-columns .grid-item{margin-top:0;margin-right:0}body.has-line-design.grid-compact .section-columns .grid--slider .grid-item{margin-right:var(--gap)}@media only screen and (min-width:750px){.multicolumn{--gap-offset: calc(var(--gap) / -2);display:flex;flex-flow:row wrap;gap:0;margin:0 var(--gap-offset)}.multicolumn .grid-item{padding:var(--gap) calc(var(--gap) / 2);flex:0 0 var(--desktop-width)}.multicolumn .product-item--overlay-text .product-information{padding-bottom:var(--gap)}}.multicolumn{justify-content:space-between;column-gap:16px;row-gap:30px}.column__content{overflow-wrap:anywhere}.column__content:empty{margin:0}.icon--left .column__content{flex:1 1 auto}.column__heading{color:var(--text);margin-top:0;margin-bottom:10px}.column__heading:has(.column__popup-cta){display:flex;align-items:center;gap:16px;margin:0}.column__popup-cta{background:var(--text);color:var(--bg);border-radius:50%;width:24px;height:24px;padding:6px;display:inline-flex;--icon-size: 12px;--icons: var(--bg);align-items:center;justify-content:center;line-height:1}.column__text p{margin-top:10px}.column__heading:last-child,.column__text p:last-child{margin-bottom:0}.column__btn{--inner: 10px;margin:var(--inner) 0 0}.column__links{margin-bottom:-.5em}.column__links__item{margin-bottom:.5em}.column__links__item a{transition:color .25s ease}.column__inner{position:relative}.column__inner .image-wrapper{transition:transform 2s cubic-bezier(.215,.61,.355,1)}.column__inner:has(.column__content:empty) .column__image{margin:0}.column__inner:not(.frame){display:flex;flex-direction:column;align-items:center;justify-content:center}.text-left .column__inner:not(.frame){align-items:flex-start}.column__inner.frame{justify-items:center}.column__image,.column__content{width:var(--image-width, 100%);position:relative;overflow:hidden;margin-bottom:var(--inner)}.column__content{margin-bottom:0}@media screen and (min-width:750px){.column__content{width:var(--content-width, var(--image-width, 100%))}}.column__popup-open-label{font-size:var(--font-size)}@media screen and (max-width:749px){.column__content{padding-right:32px}.column__popup-open-label{font-size:var(--font-size-mobile)}.column__popup-cta.mobile{position:absolute;top:50%;right:0;transform:translate(-50%,-50%)}}.column__content .column__text p:first-child{margin-top:8px}.column__image.frame__item,.column__content.frame__item{margin-bottom:0}.column__image--circle{border-radius:50%}.column__image--rounded{border-radius:5%}.column__image--blob-one{--radius-blob: 53% 47% 34% 66% / 63% 46% 54% 37%}.column__image--blob-two{--radius-blob: 37% 63% 56% 44% / 49% 56% 44% 51%}.column__image--blob-three{--radius-blob: 63% 37% 37% 63% / 43% 37% 63% 57%}.column__image--blob-one,.column__image--blob-two,.column__image--blob-three{--radius-blob-hover: 49% 51% 48% 52% / 57% 44% 56% 43%;border-radius:var(--radius-blob);transition:border-radius 1s ease-in-out}.column__inner:hover .column__image--blob-one,.column__inner:hover .column__image--blob-two,.column__inner:hover .column__image--blob-three{border-radius:var(--radius-blob-hover)}.column__content.frame__item{display:flex;z-index:20;--inner: 24px;padding:var(--inner)}.text-center .column__content.frame__item:not([class*=align--]){justify-content:center}.column__image .video__player{top:0;left:0;transform:none}.column__image .video-background__toggle{z-index:12}.column__inner:has(.video-background--has-controls) .column__content.frame__item{pointer-events:none}.column__inner:has(.video-background--has-controls) .column__content-inner{pointer-events:auto} /*# sourceMappingURL=/s/files/1/0277/0693/t/650/assets/columns.css.map?v=83919440716886511891791910357 */ /* ===== front ===== */ #SectionColumns--template--20122952925237__section_columns_99tgP6 { --PT: 12px; --PB: 12px; --PT-MOBILE: 16px; --PB-MOBILE: 16px;--COLUMNS: 4; --COLUMNS-MEDIUM: 2; --COLUMNS-SMALL: 2;--COLUMNS-MOBILE: 2; } /* ===== front ===== */ #Collection--template--20122952925237__section_collection_DQhAFt { --PT: 24px; --PB: 24px; --PT-MOBILE: 24px; --PB-MOBILE: 40px; --COLUMNS: 2; --COLUMNS-MEDIUM: 2; --COLUMNS-SMALL: 2; --COLUMNS-MOBILE: 0; } /* ===== front ===== */ @media (min-width: 750px) { #Picture-52c6859284d15757453cb15e41492847 { --focal-point: ; } } @media (max-width: 749px) { #Picture-52c6859284d15757453cb15e41492847 { --focal-point: ; } } /* ===== front ===== */ #TabCollections--template--20122952925237__section_tab_collections_Y8hTHL { --PT: 40px; --PB: 40px;--PT-MOBILE: max(40px, calc(var(--gutter) * 2));--COLUMNS: 4; --COLUMNS-MEDIUM: 2; --COLUMNS-SMALL: 2; --COLUMNS-MOBILE: 0; } /* View all link: right side of the tabs row, only for the active tab */ #TabCollections--template--20122952925237__section_tab_collections_Y8hTHL .tabs-collections__head .grid__heading-actions { display: flex; align-items: center; gap: 16px; } #TabCollections--template--20122952925237__section_tab_collections_Y8hTHL .tabs-collections__head .tabs__nav { flex: 1 1 auto; min-width: 0; } #TabCollections--template--20122952925237__section_tab_collections_Y8hTHL .tabs-collections__view-all { display: none; margin-left: auto; white-space: nowrap; } #TabCollections--template--20122952925237__section_tab_collections_Y8hTHL .tabs-collections:has(.tab-link-0.current) .tabs-collections__view-all-0 { display: inline-flex; } #TabCollections--template--20122952925237__section_tab_collections_Y8hTHL .tabs-collections:has(.tab-link-1.current) .tabs-collections__view-all-1 { display: inline-flex; } #TabCollections--template--20122952925237__section_tab_collections_Y8hTHL .tabs-collections:has(.tab-link-2.current) .tabs-collections__view-all-2 { display: inline-flex; } #TabCollections--template--20122952925237__section_tab_collections_Y8hTHL .tabs-collections:has(.tab-link-3.current) .tabs-collections__view-all-3 { display: inline-flex; } @media screen and (max-width: 749px) { #TabCollections--template--20122952925237__section_tab_collections_Y8hTHL .tabs-collections__head .grid__heading-actions { flex-wrap: wrap; } #TabCollections--template--20122952925237__section_tab_collections_Y8hTHL .tabs-collections__head .tabs__nav { flex: 0 0 100%; } #TabCollections--template--20122952925237__section_tab_collections_Y8hTHL .tabs-collections__view-all { margin-left: 0; } } /* ===== front ===== */ #SectionColumns--template--20122952925237__section_columns_paF6zy { --PT: 0px; --PB: 0px; --PT-MOBILE: 0px; --PB-MOBILE: 0px;--COLUMNS: 2; --COLUMNS-MEDIUM: 2; --COLUMNS-SMALL: 2;--COLUMNS-MOBILE: 1; } /* ===== front ===== */ #SectionColumns--template--20122952925237__section_multicolumn_NYGUAp { --PT: 24px; --PB: 24px; --PT-MOBILE: 24px; --PB-MOBILE: 24px;--COLUMNS-MOBILE: 1; } /* ===== front ===== */ #IndexLook--template--20122952925237__section_look_H9CDbg { --PT: 40px; --PB: 40px; --PT-MOBILE: 40px; --PB-MOBILE: 40px; }#IndexLook--template--20122952925237__section_look_H9CDbg .look__dot__button { --bg: #f5f4ef; }#IndexLook--template--20122952925237__section_look_H9CDbg .look__dot__button { --accent: #241f20; }#IndexLook--template--20122952925237__section_look_H9CDbg .look__image-container { --aspect-ratio: 1.0; } /* ===== front ===== */ #Hero--template--20122952925237__section_hero_mqrA8X { --PT: 0px; --PB: 0px; --hero-content-width: 700px; } /* ===== front ===== */ @media (min-width: 750px) { #Picture-c95dc899f31dd1e68079d505dc8f325d { --focal-point: 50.0% 50.0%; } } @media (max-width: 749px) { #Picture-c95dc899f31dd1e68079d505dc8f325d { --focal-point: 50.0% 50.0%; } } /* ===== front ===== */ #IndexLookGallery--template--20122952925237__section_reviews_gallery_6LEy7y { --PT: 40px; --PB: 40px; --PT-MOBILE: 40px; --PB-MOBILE: 40px; --COLUMNS: 4; --COLUMNS-MEDIUM: 2; --COLUMNS-SMALL: 2; --COLUMNS-MOBILE: 2; }#IndexLookGallery--template--20122952925237__section_reviews_gallery_6LEy7y .look__dot__button { --bg: ; }#IndexLookGallery--template--20122952925237__section_reviews_gallery_6LEy7y .look__dot__button { --accent: ; }#IndexLookGallery--template--20122952925237__section_reviews_gallery_6LEy7y .look__review-rating { --start-full-color: #e31b23; }#IndexLookGallery--template--20122952925237__section_reviews_gallery_6LEy7y .look__image-container, #IndexLookGallery--template--20122952925237__section_reviews_gallery_6LEy7y .look__video-container { --aspect-ratio: 0.9090909090909091; } /* ===== front ===== */ #Newsletter--template--20122952925237__section_newsletter_nPQTxp { --PT: 0px; --PB: 0px; --item-count: 1; } /* ===== front ===== */ .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; } /* ===== front ===== */ #SupportingMenu--sections--20122953744437__supporting-menu { --PT: 12px; --PB: 32px; } /* ===== collection ===== */ .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 */ /* ===== collection ===== */ .collection-image-with-title{overflow:hidden}.collection__image{position:relative}.collection__image-inline{display:grid;grid-template-columns:minmax(0,65fr) minmax(0,35fr);align-items:stretch;position:relative}.collection__image-inline .hero__content__wrapper{height:100%}.collection__image-inline .hero__content{height:100%;width:100%;max-width:none;justify-content:center}.collection__image-inline .hero__content:not(.hero__content--transparent){margin:0}@media only screen and (max-width:989px){.collection__image-inline{grid-template-columns:minmax(0,1fr)}.collection__image-inline .collection__title-wrapper{min-height:auto}}.collection__title-wrapper{background:var(--bg)}.collection__title--no-image{padding:var(--gutter) var(--outer);background:var(--bg)} /*# sourceMappingURL=/s/files/1/0277/0693/t/650/assets/collection-image-with-title.css.map?v=30410733891092154811788884728 */ /* ===== collection ===== */ .collection-image-with-title { --PT: 0px; --PB: 0px; } .collection-image-with-title .hero__content { max-width: 585px; } .collection-image-with-title .hero__wrapper--no-image .hero__content { padding: 40px 24px 0; } .collection__categories-wrapper { display: flex; gap: 12px; padding: 24px 12px; flex-wrap: nowrap; align-items: center; justify-content: center; overflow: auto; } @media screen and (max-width: 1049px) { .collection__categories-wrapper { justify-content: flex-start; } } .collection__categories-wrapper .hero__button, .clp-banner__content-wrapper .hero__rte { margin: 0; } .collection__categories-wrapper .hero__button .btn { font-family: var(--paragraph-first-font); font-size: 14px; padding: 20px; min-width: 185px; } .collection__title .hero__content { font-family: var(--header-first-font); font-weight: 700; font-size: 42px; letter-spacing: 0; } @media screen and (max-width: 989px) { .collection__title .hero__content { font-size: 32px; } } .collection__title .hero__description { color: var(--text); font-size: 14px; line-height: 140%; letter-spacing: 0; font-family: var(--paragraph-first-font); } /* ===== collection ===== */ .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 */ /* ===== collection ===== */ @media (min-width: 750px) { #Picture-cc876b5385571d0c459b01723909849f { --focal-point: 50.0% 50.0%; } } @media (max-width: 749px) { #Picture-cc876b5385571d0c459b01723909849f { --focal-point: 50.0% 50.0%; } } /* ===== collection ===== */ .collection-item{--link: var(--text);--link-hover: var(--text);--bg: var(--COLOR-BG);--text: var(--COLOR-TEXT);display:flex;flex-wrap:wrap;position:relative;background:var(--bg);scroll-snap-align:start}.collection-item--card{--bg: var(--COLOR-BG-ACCENT);--text: var(--COLOR-TEXT);background:var(--bg);color:var(--text)}.collection-item__content{flex:0 1 100%}.has-line-design .hide-image-border .collection-item__image:last-child{border-bottom:none}.collection-item__image{position:relative;overflow:hidden}.has-line-design .collection-item__image{border-bottom:1px solid var(--border)}.collection-item__actions,.collection-item__info{flex:0 1 100%;padding:var(--inner);overflow:hidden;overflow-wrap:anywhere}@media only screen and (max-width:749px){.collection-item__actions,.collection-item__info{padding:12px}}.collection-item--centered .collection-item__actions,.collection-item--centered .collection-item__info{text-align:center}@media(hover:hover){.collection-item__bg .image-wrapper{--transform-scale: scale(1.08);transition:transform 2s cubic-bezier(.215,.61,.355,1)}}.collection-item__overlay-text{display:flex}.collection-item__overlay-content .grid__heading{padding:var(--inner)}.collection-item__overlay-text--bg .collection-item__overlay-content{background-color:var(--bg, rgba(255, 255, 255, .8));border-radius:var(--radius);padding:var(--gutter);margin:var(--gutter)}.collection-item__overlay-text--bg .collection-item__overlay-content .grid__heading{padding:0}.collection-item__bg .image-overlay{z-index:auto}.collection-item__bg .frame{position:relative;height:100%}.collection-promo__subheading{--subheading-custom-font-family: var(--paragraph-first-font);--subheading-custom-font-weight: 700;--subheading-custom-font-line-height: 170%;--subheading-custom-font-letter-spacing: 0px}.collection-promo__heading{--heading-custom-font-family: var(--header-first-font);--heading-custom-font-weight: 700;--heading-custom-font-line-height: 140%;--heading-custom-font-letter-spacing: -1px}.collection-promo__content>*{margin-top:0;margin-bottom:0} /*# sourceMappingURL=/s/files/1/0277/0693/t/650/assets/collection-grid-item.css.map?v=15869198906678842181790954808 */ /* ===== collection ===== */ .template-collection .container{background-color:var(--TRANSPARENT)}.collection__products{--duration: .6s;position:relative;display:flex;align-items:flex-start;background:var(--bg)}@media screen and (max-width:749px){.collection__products{padding-top:0}}body.has-line-design.grid-compact .collection__products .grid,.collection__products .grid{padding-top:0}.collection__products .underlay{z-index:6000;-webkit-backface-visibility:hidden;backface-visibility:hidden}.collection__products .grid-outer{padding:var(--gutter) var(--outer)}.collection__nav{--border: #CFCFCF;--border-width: 0px;position:sticky;top:0;z-index:12;display:flex;flex-grow:1;background:var(--bg);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.has-header-sticky .collection__nav{top:calc(var(--header-height) - var(--border-width))}.has-header-sticky.has-line-design .collection__nav{--border-width: 1px}.collection__nav--filter{justify-content:flex-start}.collection__nav--sort{justify-content:flex-end}.collection__nav--filter.collection__nav--sort{justify-content:space-between}.collection__sidebar{--icons: var(--text);padding:var(--inner);font-size:var(--font-body-small);overflow-y:auto;max-height:100%;min-width:var(--sidebar-width);-webkit-mask-image:linear-gradient(to top,transparent,black),linear-gradient(to left,transparent var(--scrollbar-width),black var(--scrollbar-width));mask-image:linear-gradient(to top,transparent,black),linear-gradient(to left,transparent var(--scrollbar-width),black var(--scrollbar-width));-webkit-mask-size:100% 20000px;mask-size:100% 20000px;-webkit-mask-position:left bottom;mask-position:left bottom;transition:-webkit-mask-position .3s;transition:mask-position .3s;transition:mask-position .3s,-webkit-mask-position .3s}.collection__sidebar .btn.btn--text{font-weight:400}.collection__sidebar:hover{-webkit-mask-position:left top;mask-position:left top}.collection__sidebar .no-results{padding:var(--gutter)/2 0}.collection__sidebar--has-buttons .collection__sidebar__slider:after{content:none}.collection__sidebar__slider{display:flex;flex-direction:column;z-index:1;background:var(--bg);border:none;visibility:hidden;overflow:hidden}@media only screen and (min-width:750px){.collection__sidebar__slider{position:sticky;top:var(--collection-nav-height);height:calc(var(--full-screen) - var(--collection-nav-height));width:0;min-width:0;margin-right:-2px;transition-property:min-width,margin,transform,visibility;transition-duration:var(--duration);transition-timing-function:cubic-bezier(.215,.61,.355,1)}}@media only screen and (max-width:749px){.collection__sidebar__slider{position:fixed;z-index:6100;top:0;height:100%;transform:translate(-100%);transition:transform var(--duration) cubic-bezier(.215,.61,.355,1),visibility var(--duration)}}@media only screen and (max-width:749px){.collection__sidebar__slider.drawer--animated{--base-animation-delay: 0ms}}@media only screen and (min-width:750px){.has-header-sticky .collection__sidebar__slider{--border-width: 0;top:calc(var(--collection-nav-height) + var(--header-height) - var(--border-width));height:calc(var(--full-screen) - var(--collection-nav-height) + var(--border-width))}}@media only screen and (min-width:750px){.has-header-sticky.has-line-design .collection__sidebar__slider{--border-width: 1px}}.collection__sidebar__slider:after,.collection__sidebar__slide-out:after{content:"";display:block;position:absolute;bottom:0;left:0;right:var(--scrollbar-width);height:40px;background:linear-gradient(to bottom,rgb(var(--COLOR-BG-RGB) 0%) 0%,var(--COLOR-BG) 100%);pointer-events:none}@media only screen and (min-width:750px){.collection__sidebar__slider .collection__sidebar{padding:0 var(--gutter) var(--inner) var(--outer);transform:translate(-100%);transition:transform var(--duration) cubic-bezier(.215,.61,.355,1),mask-position var(--duration),-webkit-mask-position var(--duration)}}.collection__sidebar__slider.expanded,.collection__sidebar__slide-out.expanded{visibility:visible}@media only screen and (min-width:750px){.collection__sidebar__slider.expanded .collection__sidebar{transform:translate(0)}}.collection__sidebar__slide-out.expanded{transform:translate(0)}@media only screen and (min-width:750px){.collection__sidebar__slider.expanded{transform:translateZ(0);min-width:var(--sidebar-width);margin-right:0}}@media only screen and (max-width:749px){.collection__sidebar__slider.expanded{transform:translateZ(0);max-width:80%;width:100%}}@media only screen and (max-width:749px){.no-mobile-animation{opacity:0!important;visibility:hidden!important;pointer-events:none}.no-mobile-animation~.underlay{display:none}} /*# sourceMappingURL=/s/files/1/0277/0693/t/650/assets/collections.css.map?v=43359784129268821591791475971 */ /* ===== collection ===== */ @media only screen and (min-width:750px){.collection__filters{--padding: calc(var(--inner) * 2);--width: var(--sidebar-width);width:calc(var(--width) - var(--padding))}}@media only screen and (min-width:750px){.collection__sidebar__slider .collection__filters{--padding: calc(var(--gutter) + var(--outer))}}@media only screen and (min-width:750px){.collection__sidebar__slide-out .collection__filters{--width: var(--DRAWER-WIDTH)}}.filter-group:not(.filter-group--hidden)~.collection__filters .filter-group,.filter-group:not(.filter-group--hidden)~.filter-group{margin-top:25px}.collection__sidebar__actions{padding-top:17px}.collection__sidebar__actions.is-hidden{display:none!important}.collection__sidebar__link{text-transform:capitalize;position:relative;padding-right:18px}.collection__sidebar__read-more{margin-top:24px}.collection__sidebar__read-more:after{display:none}.collection__sidebar__link:after{display:inline-block;position:absolute;top:calc(50% - 2.5px);right:5px;transform:translate(50%,-50%);width:10px;height:1px;content:"";background:#000}.collection__sidebar__link:before{display:inline-block;position:absolute;top:calc(50% - 2.5px);right:4px;transform:translate(-50%,-50%);width:1px;height:10px;content:"";background:#000;transition:all .3s ease}.collection__sidebar__link .icon{position:absolute;top:50%;left:-4px;fill:none;transform:translateY(-50%)}.filter-group__heading{position:relative;border-bottom:1px solid #CFCFCF;padding:0 15px 5px 0;margin-bottom:0;font-weight:var(--FONT-WEIGHT-BODY-BOLD);cursor:pointer;font-family:var(--paragraph-first-font);text-transform:uppercase;line-height:140%}.filter-group__heading .icon{--icon-size: 18px;top:8px;right:-4px}.filter-group__heading:after{display:inline-block;position:absolute;top:calc(50% - 2.5px);right:7.5px;transform:translate(50%,-50%);widtH:12px;height:1px;content:"";background:#000}.filter-group__heading:before{display:inline-block;position:absolute;top:calc(50% - 2.5px);right:7px;transform:translate(-50%,-50%);width:1px;height:12px;content:"";background:#000;transition:all .3s ease}[data-collapsible][open=true] .filter-group__heading:before{transform:translate(-50%,-50%) rotate(90deg)}.collection-nav{list-style-type:none;overflow:hidden;padding:0 0 2px;margin:0}.collection-nav--image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--inner) / 2)}.collection-nav--image-grid img{border-radius:min(var(--RADIUS),10px)}.collection-nav--image-grid label{flex-direction:column;padding:0;gap:calc(var(--inner) / 2)}.collection-nav--image-grid label:after{display:none}.collection-nav--image-grid .sidebar__item label{height:100%;padding:calc(var(--inner) / 2);border:1px solid var(--text-a35);border-radius:min(var(--RADIUS),20px)}.collection-nav--image-grid .sidebar__item--active label{border-color:var(--accent)}.sidebar__item{position:relative;font-size:var(--font-body-small);padding:0;margin:12px 0 0;overflow-wrap:break-word}.sidebar__item label,.sidebar__item a{--link: var(--text);--link-hover: var(--text-hover)}.sidebar__item label{cursor:pointer}.sidebar__item input{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;opacity:0}.filter-value-swatch{display:inline-flex;align-items:center;justify-content:center}.sidebar__item .swatch__button{--swatch-size: 14px;flex:0 0 var(--swatch-size);height:var(--swatch-size);width:var(--swatch-size);padding:0;margin:0 8px 0 0;background:var(--swatch, var(--swatch-default));background-size:cover;background-repeat:no-repeat;border:1px solid #E9E9E9}.swatch-white label,.sidebar__item .swatch__button[data-swatch=white i]{--swatch: #FAFAFA;box-shadow:inset 0 0 0 1px var(--border)}.swatch-white input:checked~label:after{--swatch: var(--border)}.sidebar__item .swatch__button--circle{border-radius:50px}.link--remove a,.link--remove label,.link--add a,.link--add label,.link--disable a,.link--disable label{padding-left:32px;position:relative;display:flex;align-items:center}.sidebar__item a:after,.sidebar__item label:after{content:"";position:absolute;left:0;top:0;bottom:0;margin:auto;width:20px;height:20px;border:1px solid var(--text-light);background:var(--COLOR-BG)}.shopify-swatch{display:flex}.sidebar__item.link--remove a:after,.sidebar__item input:checked~label:after{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5IiBoZWlnaHQ9IjciIHZpZXdCb3g9IjAgMCA5IDciIGZpbGw9Im5vbmUiPgo8cGF0aCBkPSJNMi41ODYwMSA1LjA4MTAxTDAuODUxMDEgMy4zNDYwMUMwLjc1NzUyMiAzLjI1MjUyIDAuNjMwNzIzIDMuMiAwLjQ5ODUxIDMuMkMwLjM2NjI5NyAzLjIgMC4yMzk0OTkgMy4yNTI1MiAwLjE0NjAxIDMuMzQ2MDFDMC4wNTI1MjE1IDMuNDM5NSAwIDMuNTY2MyAwIDMuNjk4NTFDMCAzLjc2Mzk4IDAuMDEyODk0NSAzLjgyODggMC4wMzc5NDY5IDMuODg5MjhDMC4wNjI5OTk0IDMuOTQ5NzYgMC4wOTk3MTkzIDQuMDA0NzIgMC4xNDYwMSA0LjA1MTAxTDIuMjM2MDEgNi4xNDEwMUMyLjQzMTAxIDYuMzM2MDEgMi43NDYwMSA2LjMzNjAxIDIuOTQxMDEgNi4xNDEwMUw4LjIzMTAxIDAuODUxMDFDOC4zMjQ1IDAuNzU3NTIyIDguMzc3MDIgMC42MzA3MjMgOC4zNzcwMiAwLjQ5ODUxQzguMzc3MDIgMC4zNjYyOTcgOC4zMjQ1IDAuMjM5NDk5IDguMjMxMDEgMC4xNDYwMUM4LjEzNzUyIDAuMDUyNTIxNiA4LjAxMDcyIDAgNy44Nzg1MSAwQzcuNzQ2MyAwIDcuNjE5NSAwLjA1MjUyMTYgNy41MjYwMSAwLjE0NjAxTDIuNTg2MDEgNS4wODEwMVoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPg==);background-position:center;background-repeat:no-repeat;background-size:9px;background-color:#e7e6e0}.link--disable{text-decoration:line-through;color:var(--text-light)}.link--disable a:after,.link--disable label:after{opacity:.35;border:1px solid var(--text-light);background-color:var(--text-light)}.link--disable .swatch__button{pointer-events:none}.link--disable .swatch__button [data-swatch]:before{content:"";position:absolute;top:50%;left:50%;width:1px;height:32px;background-color:var(--text-dark);transform:rotate(-45deg) translate(-50%,-50%);transform-origin:left top}.popout--group .popout,.popout--sort .popout{height:100%}.popout--group .popout-list,.popout--sort .popout-list{z-index:1000;max-height:90vh;top:100%;bottom:initial;right:0;left:auto;max-width:100vw!important}.popout--group .popout__toggle,.popout--sort .popout__toggle{padding:20px 15px;height:100%;border-top:none;border-left:none;border-radius:0;color:var(--text);border-bottom:none;border-right:none;margin:0;font-family:var(--BTN-FONT-STACK);font-size:var(--BTN-FONT-SIZE);font-style:var(--BTN-FONT-STYLE);font-weight:var(--BTN-FONT-WEIGHT);letter-spacing:var(--BTN-LETTER-SPACING);text-transform:var(--BTN-TEXT-TRANSFORM);font-family:var(--paragraph-first-font);font-weight:400;font-size:14px;display:flex;align-items:center}@media only screen and (min-width:990px){.popout--group .popout__toggle,.popout--sort .popout__toggle{padding:23px 18px}}.popout--sort .popout__toggle__text:nth-child(2),.popout--sort .popout.is-active .popout__toggle__text:nth-child(1){display:none}.popout--sort .popout.is-active .popout__toggle__text:nth-child(2){display:inline}.popout--sort .popout__toggle{padding-left:var(--outer);padding-right:var(--outer)}.popout--sort .popout-list{width:0;min-width:0;margin-top:1px;overflow-x:hidden;overflow-y:auto;transition:opacity .2s ease,width .2s ease,padding 0s .2s,visibility .2s}.popout--sort .popout-list--visible{width:200px;transition:opacity .4s ease,width .4s ease,visibility .4s}collection-component .popout--sort .popout-list--visible{border-color:var(--border);border-top:none}.popout--sort .popout-list__item{white-space:normal;min-width:calc(170px - var(--scrollbar-width))}.popout--sort .popout__select__outer{display:flex;align-items:center}.popout--sort .btn{margin-right:10px}.popout--group .popout-list{right:initial}.popout--group .popout__toggle{display:flex;align-items:center;padding-left:var(--outer);padding-right:var(--outer);border-left:none}.popout--group .popout__toggle:after{display:none}.collection__sidebar__slide-out{position:fixed;top:0;right:100%;z-index:6100;display:flex;flex-direction:column;height:100%;width:100%;max-width:var(--DRAWER-WIDTH);border-left:1px solid var(--border);background:var(--bg);opacity:0;transition:opacity var(--duration) ease,transform var(--duration) ease,visibility var(--duration);overflow:hidden;visibility:hidden}.collection__sidebar__slide-out.expanding,.collection__sidebar__slide-out.expanded{visibility:visible;opacity:1}.collection__sidebar__slide-out.expanded{transform:translate(100%)}.collection__sidebar__head{position:relative;width:100%;padding:24px calc(var(--inner) + 24px) 24px var(--inner);border-bottom:1px solid var(--border)}.collection__sidebar__head h3{font-family:var(--FONT-STACK-BODY);font-weight:var(--FONT-WEIGHT-BODY-BOLD);font-style:var(--FONT-STYLE-BODY);letter-spacing:var(--LETTER-SPACING-BODY);text-transform:none;font-size:var(--font-body-medium);line-height:1;text-transform:uppercase;letter-spacing:.12em;margin:0 0 -3px}.collection__sidebar__close{--icon-size: 24px;position:absolute;top:50%;right:4px;display:flex;align-items:center;justify-content:center;padding:5px;color:var(--link);background:transparent;border-radius:var(--RADIUS);font-size:0;text-decoration:none;transform:translate3d(0,-50%,0);transition:color .3s ease}.collection__sidebar__close .icon{display:block;fill:currentcolor;pointer-events:none;will-change:transform;transition:transform .4s cubic-bezier(.4,0,.22,1)}@media(hover:hover){.collection__sidebar__close:hover{color:var(--link-hover)}.collection__sidebar__close:hover .icon{transform:scale(1.25)}}.collection__sidebar__buttons{position:sticky;left:0;right:var(--scrollbar-width);bottom:0;z-index:2;min-width:calc(var(--sidebar-width) - var(--scrollbar-width));padding:0px var(--inner) 15px;background:var(--bg)}.collection__sidebar__buttons:after{content:"";display:block;position:absolute;bottom:100%;left:0;right:0;height:45px;background:linear-gradient(to bottom,rgb(var(--COLOR-BG-RGB) 0%) 0%,var(--COLOR-BG) 100%);pointer-events:none}.collection__sidebar__buttons:empty{display:none}@media only screen and (min-width:750px){.collection__sidebar__slider .collection__sidebar__buttons{padding:0 15px 15px}}.collection__sidebar__buttons .btn+.btn{margin-top:10px}.collection__sidebar__slide-out .collection__sidebar{flex-grow:1;height:auto;overflow-y:auto}.collection__active__filters{display:flex;flex-wrap:wrap;margin-bottom:10px}.active__filters__clear,.active__filters__remove{--link: var(--text);--bg-accent: #E7E6E0;display:flex;background-color:var(--bg-accent);padding:8px 14px;margin:0 7px 7px 0;font-size:var(--font-body-x-small);font-size:12px;font-family:var(--paragraph-first-font);line-height:140%;letter-spacing:0}.active__filters__clear:hover,.active__filters__remove:hover{color:var(--text-dark)}.active__filters__clear:hover .filter__x,.active__filters__remove:hover .filter__x{color:var(--accent)}.active__filters__clear small,.active__filters__remove small{align-self:center;flex:0 1 100%;overflow-wrap:break-word;font-size:inherit}.filter__x{--icon-size: 14px;flex:0 0 auto;font-weight:var(--FONT-WEIGHT-BODY-BOLD);margin-left:4px}.active__filters__clear{padding-right:14px;font-weight:var(--FONT-WEIGHT-BODY-BOLD)}.filter__price{margin-top:12px}.filter__price__fields{display:flex;align-items:center;justify-content:flex-start;max-width:100%;margin:0 0 25px}.filter__price__fields label{position:absolute!important;overflow:hidden;-webkit-clip-path:rect(0 0 0 0);clip-path:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0}.filter__price__field{display:flex;align-items:center;flex:1;max-width:calc(50% - 10px);padding:8px 0 8px 8px;border:1px solid #CFCFCF;border-radius:var(--RADIUS-SELECT)}.filter__price__currency{margin-right:5px}.filter__price__spacer{flex:0 0 20px;position:relative;padding:5px;font-size:0;text-align:center}.filter__price__spacer:before{position:absolute;top:50%;left:50%;width:6px;height:1px;margin-left:-3px;background:currentcolor;content:""}.filter__price__input{flex:1;display:block;min-width:0;max-width:100%;width:0;padding:0 3px;border:1px solid transparent;border-radius:0;margin:0;font-family:inherit;font-size:inherit;font-weight:inherit;text-align:right}.range{position:relative;display:block;height:36px;margin-left:-8px;margin-right:-8px;opacity:0;-webkit-user-select:none;user-select:none}.range.is-initialized{opacity:1}.range__dot{position:absolute;z-index:2;display:block;width:36px;height:36px;padding:8px}.range__dot span{display:block;width:100%;height:100%;background:var(--text);border:1px solid var(--text);border-radius:50%;font-size:0;cursor:pointer}.range__line{position:absolute;top:16px;left:8px;z-index:0;overflow:hidden;width:calc(100% - 16px);height:4px;border-radius:4px;border:1px solid var(--text)}.range__line span{display:block;height:100%;width:0%;background:var(--text);font-size:0}.filter-count{margin-left:4px}.filter-count:before{content:"("}.filter-count:after{content:")"} /*# sourceMappingURL=/s/files/1/0277/0693/t/650/assets/collection-bar.css.map?v=52005338797689263411790167706 */ /* ===== collection ===== */ #Collection--template--20122952892469__main { --PT: 0px; --PB: 40px; --COLUMNS: 3; --COLUMNS-MEDIUM: 3; --COLUMNS-SMALL: 2; --COLUMNS-MOBILE: 2; } /* collection description */ .collection-description-below { font-size: 14px; padding: 0 24px; margin: 60px 0 40px; line-height: 140%; font-family: var(--paragraph-first-font); } .collection-description-below h1 { font-size: 1.7em; } .collection-description-below h2 { font-size: 1.5em; } .collection-description-below h3 { font-size: 1.3em; } .collection-description-below h4, .collection-description-below h5, .collection-description-below h6 { font-size: 1.1em; } .collection-description-below h1, .collection-description-below h2, .collection-description-below h3, .collection-description-below h4, .collection-description-below h5, .collection-description-below h6 { font-family: var(--paragraph-first-font); font-weight: 700; } /* collection description fade */ .collection-description-fade .collection-description-inner { position: relative; max-height: 60px; overflow: hidden; transition: max-height 300ms ease-out; } .collection-description-inner a, .collection-description-inner a:after { color: var(--text); --main-color: var(--text); --hover-color: var(--text); } .collection-description-below .btn { margin-top: 24px; } .collection-description-fade__gradient { display: block !important; position: absolute; bottom: 0; left: 0; right: 0; height: 20px; background: linear-gradient(to bottom,transparent 0%,transparent 50%,var(--bg) 100%); pointer-events: none; } .collection-description-fade.is-expanded .collection-description-fade__gradient, .collection-description-fade.is-expanded .collection-description-fade__button { display: none !important; } /* custom load more button */ .load-more-container { text-align: center; display: flex; flex-direction: column; align-items: center; gap: 1rem; } /* ===== collection ===== */ .pagination { margin-bottom: 1em; text-align: center; } .pagination__loading { position: relative; padding-top: 40px; display: inline-block; width: 150px; height: 150px; } .pagination__loading .btn__loader { opacity: 1; visibility: visible; } .pagination__loading .btn__loader circle ~ circle { animation-play-state: running; } /* ===== collection ===== */ #Newsletter--template--20122952892469__section_newsletter_nPQTxp { --PT: 0px; --PB: 0px; --item-count: 1; } /* ===== product ===== */ .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: #241F20; --COLOR-MENU-TRANSPARENT-HOVER: #241F20; --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%; } /* ===== product ===== */ :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; } /* ===== product ===== */ :root { --cart-bar-height: 80px; }#MainProduct--template--20122953646133__main { --PT: 16px; --PB: 80px; --PT-MOBILE: 12px; --PB-MOBILE: 30px; --swatch-size: var(--swatch-size-product); } /* ===== product ===== */ .lcly-location-switcher-b input { line-height: 1em !important; } /* .product-locator a:hover { text-decoration: none !important; } */ a.lcly-primary-trigger svg { height: var(--icon-size) !important; width: var(--icon-size) !important; margin-right: var(--icon-spacing) !important; margin-top: 4px !important; } .lcly-primary-trigger { color: rgb(var(--color-foreground)); } /* ===== product ===== */ :root { --cart-bar-height: 80px; } /* ===== product ===== */ #SectionColumns--template--20122953646133__pdp_details_section_FThQ4K { --PT: 40px; --PB: 40px; --PT-MOBILE: 40px; --PB-MOBILE: 40px; --block-width-mobile: 89%;--COLUMNS: 4; --COLUMNS-MEDIUM: 2; --COLUMNS-SMALL: 2;--COLUMNS-MOBILE: 0; } /* ===== product ===== */ #Gallery-section--template--20122953646133__gallery_section_j7KCjf { --PT: 40px; --PB: 60px; --PB-MOBILE: 40px; --PT-MOBILE: 40px; } /* ===== product ===== */ /* Custom elements are inline by default, which stops the color scheme background from painting. */ rebuy-recommendations { display: block; } #RebuyRecommendations--template--20122953646133__rebuy_recommendations_j8gkaV { --PT: 30px; --PB: 30px; } /* Kept in the layout but out of sight - Rebuy still hydrates the widget and reports its products. */ .rebuy-recommendations__source { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; pointer-events: none; }