.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%; } /* ---- shopify inline section styles ---- */ .swatches { --black: #000000;--white: #fafafa;--blank: url(//cdn.shopify.com/s/files/1/0277/0693/files/blank_small.png?v=132021);--bronze: #A07636;--silver: #CECBC7; } /* ---- shopify inline section styles ---- */ .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 */ /* ---- shopify inline section styles ---- */ :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); } /* ---- shopify inline section styles ---- */ :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; } /* ---- shopify inline section styles ---- */ .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); } /* ---- shopify inline section styles ---- */ .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 */ /* ---- shopify inline section styles ---- */ .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); } /* ---- shopify inline section styles ---- */ .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 */ /* ---- shopify inline section styles ---- */ .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 */ /* ---- shopify inline section styles ---- */ @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 */ /* ---- shopify inline section styles ---- */ #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; } /* ---- shopify inline section styles ---- */ .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; } /* ---- shopify inline section styles ---- */ #Newsletter--template--20122952892469__section_newsletter_nPQTxp { --PT: 0px; --PB: 0px; --item-count: 1; } /* ---- shopify inline section styles ---- */ .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; } /* ---- shopify inline section styles ---- */ #SupportingMenu--sections--20122953744437__supporting-menu { --PT: 12px; --PB: 32px; }