:root, .color-scheme--main {
	--primary-hex: #fcaf17;
	--primary-hsl: 40 97% 54%;
	--primary-rgb: 252 175 23;
	--primary-r: 252;
	--primary-g: 175;
	--primary-b: 23;
	--primary-h: 40;
	--primary-s: 97%;
	--primary-l: 54%;
	--primary-hover-h: 40;
	--primary-hover-s: 97%;
	--primary-hover-l: 62%;
	--primary-ultra-light-h: 40;
	--primary-ultra-light-s: 97%;
	--primary-ultra-light-l: 95%;
	--primary-light-h: 40;
	--primary-light-s: 97%;
	--primary-light-l: 85%;
	--primary-semi-light-h: 40;
	--primary-semi-light-s: 97%;
	--primary-semi-light-l: 65%;
	--primary-semi-dark-h: 40;
	--primary-semi-dark-s: 97%;
	--primary-semi-dark-l: 35%;
	--primary-dark-h: 40;
	--primary-dark-s: 97%;
	--primary-dark-l: 25%;
	--primary-ultra-dark-h: 40;
	--primary-ultra-dark-s: 97%;
	--primary-ultra-dark-l: 10%;
	--secondary-hex: #cc3a95;
	--secondary-hsl: 323 59% 51%;
	--secondary-rgb: 204 58 149;
	--secondary-r: 204;
	--secondary-g: 58;
	--secondary-b: 149;
	--secondary-h: 323;
	--secondary-s: 59%;
	--secondary-l: 51%;
	--secondary-hover-h: 323;
	--secondary-hover-s: 59%;
	--secondary-hover-l: 59%;
	--secondary-ultra-light-h: 323;
	--secondary-ultra-light-s: 59%;
	--secondary-ultra-light-l: 95%;
	--secondary-light-h: 323;
	--secondary-light-s: 59%;
	--secondary-light-l: 85%;
	--secondary-semi-light-h: 323;
	--secondary-semi-light-s: 59%;
	--secondary-semi-light-l: 65%;
	--secondary-semi-dark-h: 323;
	--secondary-semi-dark-s: 59%;
	--secondary-semi-dark-l: 35%;
	--secondary-dark-h: 323;
	--secondary-dark-s: 59%;
	--secondary-dark-l: 25%;
	--secondary-ultra-dark-h: 323;
	--secondary-ultra-dark-s: 59%;
	--secondary-ultra-dark-l: 10%;
	--tertiary-hex: #00b0bd;
	--tertiary-hsl: 184 100% 37%;
	--tertiary-rgb: 0 176 189;
	--tertiary-r: 0;
	--tertiary-g: 176;
	--tertiary-b: 189;
	--tertiary-h: 184;
	--tertiary-s: 100%;
	--tertiary-l: 37%;
	--tertiary-hover-h: 184;
	--tertiary-hover-s: 100%;
	--tertiary-hover-l: 43%;
	--tertiary-ultra-light-h: 184;
	--tertiary-ultra-light-s: 100%;
	--tertiary-ultra-light-l: 95%;
	--tertiary-light-h: 184;
	--tertiary-light-s: 100%;
	--tertiary-light-l: 85%;
	--tertiary-semi-light-h: 184;
	--tertiary-semi-light-s: 100%;
	--tertiary-semi-light-l: 65%;
	--tertiary-semi-dark-h: 184;
	--tertiary-semi-dark-s: 100%;
	--tertiary-semi-dark-l: 35%;
	--tertiary-dark-h: 184;
	--tertiary-dark-s: 100%;
	--tertiary-dark-l: 25%;
	--tertiary-ultra-dark-h: 184;
	--tertiary-ultra-dark-s: 100%;
	--tertiary-ultra-dark-l: 10%;
	--accent-hex: #fc4c02;
	--accent-hsl: 18 98% 50%;
	--accent-rgb: 252 76 2;
	--accent-r: 252;
	--accent-g: 76;
	--accent-b: 2;
	--accent-h: 18;
	--accent-s: 98%;
	--accent-l: 50%;
	--accent-hover-h: 18;
	--accent-hover-s: 98%;
	--accent-hover-l: 57%;
	--accent-ultra-light-h: 18;
	--accent-ultra-light-s: 98%;
	--accent-ultra-light-l: 95%;
	--accent-light-h: 18;
	--accent-light-s: 98%;
	--accent-light-l: 85%;
	--accent-semi-light-h: 18;
	--accent-semi-light-s: 98%;
	--accent-semi-light-l: 65%;
	--accent-semi-dark-h: 18;
	--accent-semi-dark-s: 98%;
	--accent-semi-dark-l: 35%;
	--accent-dark-h: 18;
	--accent-dark-s: 98%;
	--accent-dark-l: 25%;
	--accent-ultra-dark-h: 18;
	--accent-ultra-dark-s: 98%;
	--accent-ultra-dark-l: 10%;
	--base-hex: #0d0d0d;
	--base-hsl: 0 0% 5%;
	--base-rgb: 13 13 13;
	--base-r: 13;
	--base-g: 13;
	--base-b: 13;
	--base-h: 0;
	--base-s: 0%;
	--base-l: 5%;
	--base-hover-h: 0;
	--base-hover-s: 0%;
	--base-hover-l: 6%;
	--base-ultra-light-h: 0;
	--base-ultra-light-s: 0%;
	--base-ultra-light-l: 95%;
	--base-light-h: 0;
	--base-light-s: 0%;
	--base-light-l: 85%;
	--base-semi-light-h: 0;
	--base-semi-light-s: 0%;
	--base-semi-light-l: 65%;
	--base-semi-dark-h: 0;
	--base-semi-dark-s: 0%;
	--base-semi-dark-l: 35%;
	--base-dark-h: 0;
	--base-dark-s: 0%;
	--base-dark-l: 25%;
	--base-ultra-dark-h: 0;
	--base-ultra-dark-s: 0%;
	--base-ultra-dark-l: 10%;
	--neutral-hex: #1a1a1a;
	--neutral-hsl: 0 0% 10%;
	--neutral-rgb: 26 26 26;
	--neutral-r: 26;
	--neutral-g: 26;
	--neutral-b: 26;
	--neutral-h: 0;
	--neutral-s: 0%;
	--neutral-l: 10%;
	--neutral-hover-h: 0;
	--neutral-hover-s: 0%;
	--neutral-hover-l: 25%;
	--neutral-ultra-light-h: 0;
	--neutral-ultra-light-s: 0%;
	--neutral-ultra-light-l: 95%;
	--neutral-light-h: 0;
	--neutral-light-s: 0%;
	--neutral-light-l: 85%;
	--neutral-semi-light-h: 0;
	--neutral-semi-light-s: 0%;
	--neutral-semi-light-l: 65%;
	--neutral-semi-dark-h: 0;
	--neutral-semi-dark-s: 0%;
	--neutral-semi-dark-l: 35%;
	--neutral-dark-h: 0;
	--neutral-dark-s: 0%;
	--neutral-dark-l: 25%;
	--neutral-ultra-dark-h: 0;
	--neutral-ultra-dark-s: 0%;
	--neutral-ultra-dark-l: 10%;
	--primary: #fcaf17;
	--primary-hover: #fcbd40;
	--primary-ultra-light: #fff6e6;
	--primary-light: #fee5b4;
	--primary-semi-light: #fcc34f;
	--primary-semi-dark: #b07603;
	--primary-dark: #7e5402;
	--primary-ultra-dark: #322201;
	--secondary: #cc3a95;
	--secondary-hover: #d459a5;
	--secondary-ultra-light: #faebf4;
	--secondary-light: #efc2de;
	--secondary-semi-light: #da71b2;
	--secondary-semi-dark: #8e2566;
	--secondary-dark: #651a49;
	--secondary-ultra-dark: #290a1d;
	--tertiary: #00b0bd;
	--tertiary-hover: #00cddb;
	--tertiary-ultra-light: #e6fdff;
	--tertiary-light: #b3faff;
	--tertiary-semi-light: #4df3ff;
	--tertiary-semi-dark: #00a7b3;
	--tertiary-dark: #007780;
	--tertiary-ultra-dark: #003033;
	--accent: #fc4c02;
	--accent-hover: #fd6626;
	--accent-ultra-light: #ffede6;
	--accent-light: #fecab3;
	--accent-semi-light: #fd834e;
	--accent-semi-dark: #b13602;
	--accent-dark: #7e2701;
	--accent-ultra-dark: #321001;
	--base: #0d0d0d;
	--base-hover: #0f0f0f;
	--base-ultra-light: #f2f2f2;
	--base-light: #d9d9d9;
	--base-semi-light: #a6a6a6;
	--base-semi-dark: #595959;
	--base-dark: #404040;
	--base-ultra-dark: #1a1a1a;
	--neutral: #1a1a1a;
	--neutral-hover: #404040;
	--neutral-ultra-light: #f2f2f2;
	--neutral-light: #d9d9d9;
	--neutral-semi-light: #a6a6a6;
	--neutral-semi-dark: #595959;
	--neutral-dark: #404040;
	--neutral-ultra-dark: #1a1a1a;
	--white: #fff;
	--black: #000;
	--primary-trans-10: rgba(252, 175, 23, .1);
	--primary-trans-20: rgba(252, 175, 23, .2);
	--primary-trans-30: rgba(252, 175, 23, .3);
	--primary-trans-40: rgba(252, 175, 23, .4);
	--primary-trans-50: rgba(252, 175, 23, .5);
	--primary-trans-60: rgba(252, 175, 23, .6);
	--primary-trans-70: rgba(252, 175, 23, .7);
	--primary-trans-80: rgba(252, 175, 23, .8);
	--primary-trans-90: rgba(252, 175, 23, .9);
	--primary-light-trans-10: rgba(254, 229, 180, .1);
	--primary-light-trans-20: rgba(254, 229, 180, .2);
	--primary-light-trans-30: rgba(254, 229, 180, .3);
	--primary-light-trans-40: rgba(254, 229, 180, .4);
	--primary-light-trans-50: rgba(254, 229, 180, .5);
	--primary-light-trans-60: rgba(254, 229, 180, .6);
	--primary-light-trans-70: rgba(254, 229, 180, .7);
	--primary-light-trans-80: rgba(254, 229, 180, .8);
	--primary-light-trans-90: rgba(254, 229, 180, .9);
	--primary-dark-trans-10: rgba(126, 84, 2, .1);
	--primary-dark-trans-20: rgba(126, 84, 2, .2);
	--primary-dark-trans-30: rgba(126, 84, 2, .3);
	--primary-dark-trans-40: rgba(126, 84, 2, .4);
	--primary-dark-trans-50: rgba(126, 84, 2, .5);
	--primary-dark-trans-60: rgba(126, 84, 2, .6);
	--primary-dark-trans-70: rgba(126, 84, 2, .7);
	--primary-dark-trans-80: rgba(126, 84, 2, .8);
	--primary-dark-trans-90: rgba(126, 84, 2, .9);
	--primary-ultra-dark-trans-10: rgba(50, 34, 1, .1);
	--primary-ultra-dark-trans-20: rgba(50, 34, 1, .2);
	--primary-ultra-dark-trans-30: rgba(50, 34, 1, .3);
	--primary-ultra-dark-trans-40: rgba(50, 34, 1, .4);
	--primary-ultra-dark-trans-50: rgba(50, 34, 1, .5);
	--primary-ultra-dark-trans-60: rgba(50, 34, 1, .6);
	--primary-ultra-dark-trans-70: rgba(50, 34, 1, .7);
	--primary-ultra-dark-trans-80: rgba(50, 34, 1, .8);
	--primary-ultra-dark-trans-90: rgba(50, 34, 1, .9);
	--secondary-trans-10: rgba(204, 58, 149, .1);
	--secondary-trans-20: rgba(204, 58, 149, .2);
	--secondary-trans-30: rgba(204, 58, 149, .3);
	--secondary-trans-40: rgba(204, 58, 149, .4);
	--secondary-trans-50: rgba(204, 58, 149, .5);
	--secondary-trans-60: rgba(204, 58, 149, .6);
	--secondary-trans-70: rgba(204, 58, 149, .7);
	--secondary-trans-80: rgba(204, 58, 149, .8);
	--secondary-trans-90: rgba(204, 58, 149, .9);
	--secondary-light-trans-10: rgba(239, 194, 222, .1);
	--secondary-light-trans-20: rgba(239, 194, 222, .2);
	--secondary-light-trans-30: rgba(239, 194, 222, .3);
	--secondary-light-trans-40: rgba(239, 194, 222, .4);
	--secondary-light-trans-50: rgba(239, 194, 222, .5);
	--secondary-light-trans-60: rgba(239, 194, 222, .6);
	--secondary-light-trans-70: rgba(239, 194, 222, .7);
	--secondary-light-trans-80: rgba(239, 194, 222, .8);
	--secondary-light-trans-90: rgba(239, 194, 222, .9);
	--secondary-dark-trans-10: rgba(101, 26, 73, .1);
	--secondary-dark-trans-20: rgba(101, 26, 73, .2);
	--secondary-dark-trans-30: rgba(101, 26, 73, .3);
	--secondary-dark-trans-40: rgba(101, 26, 73, .4);
	--secondary-dark-trans-50: rgba(101, 26, 73, .5);
	--secondary-dark-trans-60: rgba(101, 26, 73, .6);
	--secondary-dark-trans-70: rgba(101, 26, 73, .7);
	--secondary-dark-trans-80: rgba(101, 26, 73, .8);
	--secondary-dark-trans-90: rgba(101, 26, 73, .9);
	--secondary-ultra-dark-trans-10: rgba(41, 10, 29, .1);
	--secondary-ultra-dark-trans-20: rgba(41, 10, 29, .2);
	--secondary-ultra-dark-trans-30: rgba(41, 10, 29, .3);
	--secondary-ultra-dark-trans-40: rgba(41, 10, 29, .4);
	--secondary-ultra-dark-trans-50: rgba(41, 10, 29, .5);
	--secondary-ultra-dark-trans-60: rgba(41, 10, 29, .6);
	--secondary-ultra-dark-trans-70: rgba(41, 10, 29, .7);
	--secondary-ultra-dark-trans-80: rgba(41, 10, 29, .8);
	--secondary-ultra-dark-trans-90: rgba(41, 10, 29, .9);
	--tertiary-trans-10: rgba(0, 176, 189, .1);
	--tertiary-trans-20: rgba(0, 176, 189, .2);
	--tertiary-trans-30: rgba(0, 176, 189, .3);
	--tertiary-trans-40: rgba(0, 176, 189, .4);
	--tertiary-trans-50: rgba(0, 176, 189, .5);
	--tertiary-trans-60: rgba(0, 176, 189, .6);
	--tertiary-trans-70: rgba(0, 176, 189, .7);
	--tertiary-trans-80: rgba(0, 176, 189, .8);
	--tertiary-trans-90: rgba(0, 176, 189, .9);
	--tertiary-light-trans-10: rgba(179, 250, 255, .1);
	--tertiary-light-trans-20: rgba(179, 250, 255, .2);
	--tertiary-light-trans-30: rgba(179, 250, 255, .3);
	--tertiary-light-trans-40: rgba(179, 250, 255, .4);
	--tertiary-light-trans-50: rgba(179, 250, 255, .5);
	--tertiary-light-trans-60: rgba(179, 250, 255, .6);
	--tertiary-light-trans-70: rgba(179, 250, 255, .7);
	--tertiary-light-trans-80: rgba(179, 250, 255, .8);
	--tertiary-light-trans-90: rgba(179, 250, 255, .9);
	--tertiary-dark-trans-10: rgba(0, 119, 128, .1);
	--tertiary-dark-trans-20: rgba(0, 119, 128, .2);
	--tertiary-dark-trans-30: rgba(0, 119, 128, .3);
	--tertiary-dark-trans-40: rgba(0, 119, 128, .4);
	--tertiary-dark-trans-50: rgba(0, 119, 128, .5);
	--tertiary-dark-trans-60: rgba(0, 119, 128, .6);
	--tertiary-dark-trans-70: rgba(0, 119, 128, .7);
	--tertiary-dark-trans-80: rgba(0, 119, 128, .8);
	--tertiary-dark-trans-90: rgba(0, 119, 128, .9);
	--tertiary-ultra-dark-trans-10: rgba(0, 48, 51, .1);
	--tertiary-ultra-dark-trans-20: rgba(0, 48, 51, .2);
	--tertiary-ultra-dark-trans-30: rgba(0, 48, 51, .3);
	--tertiary-ultra-dark-trans-40: rgba(0, 48, 51, .4);
	--tertiary-ultra-dark-trans-50: rgba(0, 48, 51, .5);
	--tertiary-ultra-dark-trans-60: rgba(0, 48, 51, .6);
	--tertiary-ultra-dark-trans-70: rgba(0, 48, 51, .7);
	--tertiary-ultra-dark-trans-80: rgba(0, 48, 51, .8);
	--tertiary-ultra-dark-trans-90: rgba(0, 48, 51, .9);
	--accent-trans-10: rgba(252, 76, 2, .1);
	--accent-trans-20: rgba(252, 76, 2, .2);
	--accent-trans-30: rgba(252, 76, 2, .3);
	--accent-trans-40: rgba(252, 76, 2, .4);
	--accent-trans-50: rgba(252, 76, 2, .5);
	--accent-trans-60: rgba(252, 76, 2, .6);
	--accent-trans-70: rgba(252, 76, 2, .7);
	--accent-trans-80: rgba(252, 76, 2, .8);
	--accent-trans-90: rgba(252, 76, 2, .9);
	--accent-light-trans-10: rgba(254, 202, 179, .1);
	--accent-light-trans-20: rgba(254, 202, 179, .2);
	--accent-light-trans-30: rgba(254, 202, 179, .3);
	--accent-light-trans-40: rgba(254, 202, 179, .4);
	--accent-light-trans-50: rgba(254, 202, 179, .5);
	--accent-light-trans-60: rgba(254, 202, 179, .6);
	--accent-light-trans-70: rgba(254, 202, 179, .7);
	--accent-light-trans-80: rgba(254, 202, 179, .8);
	--accent-light-trans-90: rgba(254, 202, 179, .9);
	--accent-dark-trans-10: rgba(126, 39, 1, .1);
	--accent-dark-trans-20: rgba(126, 39, 1, .2);
	--accent-dark-trans-30: rgba(126, 39, 1, .3);
	--accent-dark-trans-40: rgba(126, 39, 1, .4);
	--accent-dark-trans-50: rgba(126, 39, 1, .5);
	--accent-dark-trans-60: rgba(126, 39, 1, .6);
	--accent-dark-trans-70: rgba(126, 39, 1, .7);
	--accent-dark-trans-80: rgba(126, 39, 1, .8);
	--accent-dark-trans-90: rgba(126, 39, 1, .9);
	--accent-ultra-dark-trans-10: rgba(50, 16, 1, .1);
	--accent-ultra-dark-trans-20: rgba(50, 16, 1, .2);
	--accent-ultra-dark-trans-30: rgba(50, 16, 1, .3);
	--accent-ultra-dark-trans-40: rgba(50, 16, 1, .4);
	--accent-ultra-dark-trans-50: rgba(50, 16, 1, .5);
	--accent-ultra-dark-trans-60: rgba(50, 16, 1, .6);
	--accent-ultra-dark-trans-70: rgba(50, 16, 1, .7);
	--accent-ultra-dark-trans-80: rgba(50, 16, 1, .8);
	--accent-ultra-dark-trans-90: rgba(50, 16, 1, .9);
	--base-trans-10: rgba(13, 13, 13, .1);
	--base-trans-20: rgba(13, 13, 13, .2);
	--base-trans-30: rgba(13, 13, 13, .3);
	--base-trans-40: rgba(13, 13, 13, .4);
	--base-trans-50: rgba(13, 13, 13, .5);
	--base-trans-60: rgba(13, 13, 13, .6);
	--base-trans-70: rgba(13, 13, 13, .7);
	--base-trans-80: rgba(13, 13, 13, .8);
	--base-trans-90: rgba(13, 13, 13, .9);
	--base-light-trans-10: rgba(217, 217, 217, .1);
	--base-light-trans-20: rgba(217, 217, 217, .2);
	--base-light-trans-30: rgba(217, 217, 217, .3);
	--base-light-trans-40: rgba(217, 217, 217, .4);
	--base-light-trans-50: rgba(217, 217, 217, .5);
	--base-light-trans-60: rgba(217, 217, 217, .6);
	--base-light-trans-70: rgba(217, 217, 217, .7);
	--base-light-trans-80: rgba(217, 217, 217, .8);
	--base-light-trans-90: rgba(217, 217, 217, .9);
	--base-dark-trans-10: rgba(64, 64, 64, .1);
	--base-dark-trans-20: rgba(64, 64, 64, .2);
	--base-dark-trans-30: rgba(64, 64, 64, .3);
	--base-dark-trans-40: rgba(64, 64, 64, .4);
	--base-dark-trans-50: rgba(64, 64, 64, .5);
	--base-dark-trans-60: rgba(64, 64, 64, .6);
	--base-dark-trans-70: rgba(64, 64, 64, .7);
	--base-dark-trans-80: rgba(64, 64, 64, .8);
	--base-dark-trans-90: rgba(64, 64, 64, .9);
	--base-ultra-dark-trans-10: rgba(26, 26, 26, .1);
	--base-ultra-dark-trans-20: rgba(26, 26, 26, .2);
	--base-ultra-dark-trans-30: rgba(26, 26, 26, .3);
	--base-ultra-dark-trans-40: rgba(26, 26, 26, .4);
	--base-ultra-dark-trans-50: rgba(26, 26, 26, .5);
	--base-ultra-dark-trans-60: rgba(26, 26, 26, .6);
	--base-ultra-dark-trans-70: rgba(26, 26, 26, .7);
	--base-ultra-dark-trans-80: rgba(26, 26, 26, .8);
	--base-ultra-dark-trans-90: rgba(26, 26, 26, .9);
	--neutral-trans-10: rgba(26, 26, 26, .1);
	--neutral-trans-20: rgba(26, 26, 26, .2);
	--neutral-trans-30: rgba(26, 26, 26, .3);
	--neutral-trans-40: rgba(26, 26, 26, .4);
	--neutral-trans-50: rgba(26, 26, 26, .5);
	--neutral-trans-60: rgba(26, 26, 26, .6);
	--neutral-trans-70: rgba(26, 26, 26, .7);
	--neutral-trans-80: rgba(26, 26, 26, .8);
	--neutral-trans-90: rgba(26, 26, 26, .9);
	--neutral-light-trans-10: rgba(217, 217, 217, .1);
	--neutral-light-trans-20: rgba(217, 217, 217, .2);
	--neutral-light-trans-30: rgba(217, 217, 217, .3);
	--neutral-light-trans-40: rgba(217, 217, 217, .4);
	--neutral-light-trans-50: rgba(217, 217, 217, .5);
	--neutral-light-trans-60: rgba(217, 217, 217, .6);
	--neutral-light-trans-70: rgba(217, 217, 217, .7);
	--neutral-light-trans-80: rgba(217, 217, 217, .8);
	--neutral-light-trans-90: rgba(217, 217, 217, .9);
	--neutral-dark-trans-10: rgba(64, 64, 64, .1);
	--neutral-dark-trans-20: rgba(64, 64, 64, .2);
	--neutral-dark-trans-30: rgba(64, 64, 64, .3);
	--neutral-dark-trans-40: rgba(64, 64, 64, .4);
	--neutral-dark-trans-50: rgba(64, 64, 64, .5);
	--neutral-dark-trans-60: rgba(64, 64, 64, .6);
	--neutral-dark-trans-70: rgba(64, 64, 64, .7);
	--neutral-dark-trans-80: rgba(64, 64, 64, .8);
	--neutral-dark-trans-90: rgba(64, 64, 64, .9);
	--neutral-ultra-dark-trans-10: rgba(26, 26, 26, .1);
	--neutral-ultra-dark-trans-20: rgba(26, 26, 26, .2);
	--neutral-ultra-dark-trans-30: rgba(26, 26, 26, .3);
	--neutral-ultra-dark-trans-40: rgba(26, 26, 26, .4);
	--neutral-ultra-dark-trans-50: rgba(26, 26, 26, .5);
	--neutral-ultra-dark-trans-60: rgba(26, 26, 26, .6);
	--neutral-ultra-dark-trans-70: rgba(26, 26, 26, .7);
	--neutral-ultra-dark-trans-80: rgba(26, 26, 26, .8);
	--neutral-ultra-dark-trans-90: rgba(26, 26, 26, .9);
	--white-trans-10: rgba(255, 255, 255, .1);
	--white-trans-20: rgba(255, 255, 255, .2);
	--white-trans-30: rgba(255, 255, 255, .3);
	--white-trans-40: rgba(255, 255, 255, .4);
	--white-trans-50: rgba(255, 255, 255, .5);
	--white-trans-60: rgba(255, 255, 255, .6);
	--white-trans-70: rgba(255, 255, 255, .7);
	--white-trans-80: rgba(255, 255, 255, .8);
	--white-trans-90: rgba(255, 255, 255, .9);
	--black-trans-10: rgba(0, 0, 0, .1);
	--black-trans-20: rgba(0, 0, 0, .2);
	--black-trans-30: rgba(0, 0, 0, .3);
	--black-trans-40: rgba(0, 0, 0, .4);
	--black-trans-50: rgba(0, 0, 0, .5);
	--black-trans-60: rgba(0, 0, 0, .6);
	--black-trans-70: rgba(0, 0, 0, .7);
	--black-trans-80: rgba(0, 0, 0, .8);
	--black-trans-90: rgba(0, 0, 0, .9);
	--shade-white: #fff;
	--shade-black: #000;
	--bg-ultra-light: var(--neutral-ultra-light);
	--bg-light: var(--neutral-light);
	--bg-dark: var(--base-ultra-dark);
	--bg-ultra-dark: var(--neutral-ultra-dark);
	--text-light: var(--white);
	--text-light-muted: var(--white-trans-80);
	--text-dark: var(--black);
	--text-dark-muted: var(--black-trans-80);
	--body-bg-color: var(--white);
	--body-color: var(--text-dark);
	--heading-color: var(--text-dark);
}

:root {
	--on: initial;
	--section-padding-x: 1.25rem;
	--section-padding-block: var(--section-space-m);
	--section-gutter: 1.25rem;
	--gutter: 1.25rem;
	--text-xs: 1.26rem;
	--text-s: 1.42rem;
	--text-m: 1.8rem;
	--text-l: 2.025rem;
	--text-xl: 2.28rem;
	--text-xxl: 2.565rem;
	--root-font-size: 100%;
	--h6: 1.26rem;
	--h5: 1.42rem;
	--h4: 1.8rem;
	--h3: 2.025rem;
	--h2: 2.28rem;
	--h1: 2.565rem;
	--space-xs: 1.896rem;
	--space-s: 2.133rem;
	--space-m: 2.4rem;
	--space-l: 2.7rem;
	--space-xl: 3.038rem;
	--space-xxl: 3.42rem;
	--section-space-xs: 3.84rem;
	--section-space-s: 4.8rem;
	--section-space-m: 6rem;
	--section-space-l: 7.5rem;
	--section-space-xl: 9.375rem;
	--section-space-xxl: 11.719rem;
	--content-width: 85.375rem;
	--content-width-safe: min(var(--content-width), calc(100% - var(--gutter) * 2));
	--width-xs: calc(var(--content-width) * .1);
	--width-s: calc(var(--content-width) * .2);
	--width-m: calc(var(--content-width) * .4);
	--width-l: calc(var(--content-width) * .6);
	--width-xl: calc(var(--content-width) * .8);
	--width-xxl: calc(var(--content-width) * .9);
	--width-vp-max: calc(var(--content-width) * 1);
	--width-content: calc(var(--content-width) * 1);
	--width-full: calc(var(--content-width) * 100%);
	--width-10: calc(var(--content-width) * .1);
	--width-20: calc(var(--content-width) * .2);
	--width-30: calc(var(--content-width) * .3);
	--width-40: calc(var(--content-width) * .4);
	--width-50: calc(var(--content-width) * .5);
	--width-60: calc(var(--content-width) * .6);
	--width-70: calc(var(--content-width) * .7);
	--width-80: calc(var(--content-width) * .8);
	--width-90: calc(var(--content-width) * .9);
	--focus-color: var(--primary);
	--focus-width: 2px;
	--focus-offset: 2px;
	--box-shadow-m: 0 0 40px var(--black-trans-10);
	--box-shadow-l: 0 0 60px var(--black-trans-20);
	--box-shadow-xl: 0 0 80px var(--black-trans-30);
	--box-shadow-1: 0 0 40px var(--black-trans-10);
	--box-shadow-2: 0 0 60px var(--black-trans-20);
	--box-shadow-3: 0 0 80px var(--black-trans-30);
	--admin-bar-height: var(--wp-admin--admin-bar--height, 0px);
	--text-xxl-max-width: 100%;
	--text-xl-max-width: 100%;
	--text-l-max-width: 100%;
	--text-m-line-height: calc(6px + 2ex);
	--text-m-max-width: 100%;
	--text-s-max-width: 100%;
	--text-xs-max-width: 100%;
	--base-text-lh: calc(6px + 2ex);
	--heading-color: var(--text-dark);
	--heading-line-height: calc(4px + 2ex);
	--heading-font-weight: 700;
	--heading-text-wrap: pretty;
	--base-heading-lh: calc(4px + 2ex);
	--h1-max-width: 100%;
	--h2-max-width: 100%;
	--h3-max-width: 100%;
	--h4-line-height: calc(4px + 2ex);
	--h4-max-width: 100%;
	--h5-max-width: 100%;
	--h6-max-width: 100%;
	--text-color: var(--text-dark);
	--text-line-height: calc(6px + 2ex);
	--text-text-wrap: pretty;
}

:root {
	--grid-1: repeat(1, minmax(0, 1fr));
	--grid-2: repeat(2, minmax(0, 1fr));
	--grid-3: repeat(3, minmax(0, 1fr));
	--grid-4: repeat(4, minmax(0, 1fr));
	--grid-5: repeat(5, minmax(0, 1fr));
	--grid-6: repeat(6, minmax(0, 1fr));
	--grid-7: repeat(7, minmax(0, 1fr));
	--grid-8: repeat(8, minmax(0, 1fr));
	--grid-9: repeat(9, minmax(0, 1fr));
	--grid-10: repeat(10, minmax(0, 1fr));
	--grid-11: repeat(11, minmax(0, 1fr));
	--grid-12: repeat(12, minmax(0, 1fr));
	--grid-1-2: minmax(0, 1fr) minmax(0, 2fr);
	--grid-1-3: minmax(0, 1fr) minmax(0, 3fr);
	--grid-2-1: minmax(0, 2fr) minmax(0, 1fr);
	--grid-2-3: minmax(0, 2fr) minmax(0, 3fr);
	--grid-3-1: minmax(0, 3fr) minmax(0, 1fr);
	--grid-3-2: minmax(0, 3fr) minmax(0, 2fr);
}

:root {
	--grid-auto-2: repeat(auto-fit, minmax(min(100%, max(calc(( var(--content-width) - ( ( 2 - 1 ) * var(--grid-gap) ) ) / 2) * .7, ( 100% - ( 2 - 1 ) * var(--grid-gap) ) / 2)), 1fr));
	--grid-auto-3: repeat(auto-fit, minmax(min(100%, max(calc(( var(--content-width) - ( ( 3 - 1 ) * var(--grid-gap) ) ) / 3) * .7, ( 100% - ( 3 - 1 ) * var(--grid-gap) ) / 3)), 1fr));
	--grid-auto-4: repeat(auto-fit, minmax(min(100%, max(calc(( var(--content-width) - ( ( 4 - 1 ) * var(--grid-gap) ) ) / 4) * .7, ( 100% - ( 4 - 1 ) * var(--grid-gap) ) / 4)), 1fr));
	--grid-auto-5: repeat(auto-fit, minmax(min(100%, max(calc(( var(--content-width) - ( ( 5 - 1 ) * var(--grid-gap) ) ) / 5) * .7, ( 100% - ( 5 - 1 ) * var(--grid-gap) ) / 5)), 1fr));
	--grid-auto-6: repeat(auto-fit, minmax(min(100%, max(calc(( var(--content-width) - ( ( 6 - 1 ) * var(--grid-gap) ) ) / 6) * .7, ( 100% - ( 6 - 1 ) * var(--grid-gap) ) / 6)), 1fr));
	--grid-auto-7: repeat(auto-fit, minmax(min(100%, max(calc(( var(--content-width) - ( ( 7 - 1 ) * var(--grid-gap) ) ) / 7) * .7, ( 100% - ( 7 - 1 ) * var(--grid-gap) ) / 7)), 1fr));
	--grid-auto-8: repeat(auto-fit, minmax(min(100%, max(calc(( var(--content-width) - ( ( 8 - 1 ) * var(--grid-gap) ) ) / 8) * .7, ( 100% - ( 8 - 1 ) * var(--grid-gap) ) / 8)), 1fr));
	--grid-auto-9: repeat(auto-fit, minmax(min(100%, max(calc(( var(--content-width) - ( ( 9 - 1 ) * var(--grid-gap) ) ) / 9) * .7, ( 100% - ( 9 - 1 ) * var(--grid-gap) ) / 9)), 1fr));
	--grid-auto-10: repeat(auto-fit, minmax(min(100%, max(calc(( var(--content-width) - ( ( 10 - 1 ) * var(--grid-gap) ) ) / 10) * .7, ( 100% - ( 10 - 1 ) * var(--grid-gap) ) / 10)), 1fr));
	--grid-auto-11: repeat(auto-fit, minmax(min(100%, max(calc(( var(--content-width) - ( ( 11 - 1 ) * var(--grid-gap) ) ) / 11) * .7, ( 100% - ( 11 - 1 ) * var(--grid-gap) ) / 11)), 1fr));
	--grid-auto-12: repeat(auto-fit, minmax(min(100%, max(calc(( var(--content-width) - ( ( 12 - 1 ) * var(--grid-gap) ) ) / 12) * .7, ( 100% - ( 12 - 1 ) * var(--grid-gap) ) / 12)), 1fr));
	--auto-grid-aggressiveness: .7;
}

:root {
	--header-height: 0rem;
	--header-height-xl: 0rem;
	--header-height-l: 0rem;
	--header-height-m: 0rem;
	--header-height-s: 0rem;
}

@media (max-width: 1366px) {
	:root {
		--header-height: var(--header-height-xl);
	}
}

@media (max-width: 992px) {
	:root {
		--header-height: var(--header-height-l);
	}
}

@media (max-width: 768px) {
	:root {
		--header-height: var(--header-height-m);
	}
}

@media (max-width: 480px) {
	:root {
		--header-height: var(--header-height-s);
	}
}

:root {
	--paragraph-spacing: 1em;
	--heading-spacing: 1.2em;
	--list-spacing: var(--paragraph-spacing);
	--list-indent-spacing: 2em;
	--list-item-spacing: .5em;
	--nested-list-indent-spacing: 1em;
	--flow-spacing: var(--paragraph-spacing);
	--figure-spacing: var(--paragraph-spacing);
	--figcaption-spacing: .5em;
	--blockquote-spacing: var(--paragraph-spacing);
}

:root {
	--option-primary-btn-outline: on;
	--option-secondary-btn-outline: on;
	--option-tertiary-btn-outline: on;
	--option-accent-btn-outline: on;
	--option-base-btn-outline: on;
	--option-neutral-btn-outline: on;
	--btn-padding-block: .75em;
	--btn-padding-inline: 1.5em;
	--btn-min-width: 8.75rem;
	--btn-line-height: 1;
	--btn-font-weight: 400;
	--btn-font-style: normal;
	--btn-text-decoration: none;
	--btn-text-decoration-hover: none;
	--btn-letter-spacing: 0;
	--btn-text-transform: none;
	--btn-border-width: 2px;
	--btn-outline-border-width: 2px;
	--btn-border-style: solid;
	--btn-border-radius: var(--radius);
	--btn-justify-content: center;
	--btn-text-align: center;
}

:root {
	--btn-border-size: 2px;
	--btn-radius: var(--radius);
	--outline-btn-border-size: 2px;
	--btn-pad-x: 1.5em;
	--btn-pad-y: .75em;
	--btn-text-style: normal;
	--btn-weight: 400;
	--btn-width: 8.75;
}

:root {
	--link-color: var(--primary);
	--link-color-hover: var(--primary-hover);
	--link-transition: var(--transition);
	--link-decoration: inherit;
	--link-decoration-hover: inherit;
	--link-underline-offset: auto;
	--link-weight: inherit;
}

:root {
	--card-padding: var(--space-l);
	--card-gap: calc(var(--content-gap) / 2);
	--card-border-width: 1px;
	--card-border-style: none;
	--card-display: flex;
	--card-radius: var(--radius);
	--card-heading-size: var(--h3);
	--card-text-size: var(--text-s);
	--card-button-font-size: var(--text-s);
	--card-icon-size: 48px;
	--card-line-height: 1.4;
	--card-avatar-radius: 50vw;
	--card-avatar-border-width: var(--border-width);
	--card-avatar-border-style: var(--border-style);
	--card-avatar-size: 60px;
	--card-avatar-aspect-ratio: 1;
	--card-media-radius: var(--radius);
	--card-media-aspect-ratio: 1.3333333333;
	--card-media-object-fit: cover;
	--card-icon-radius: var(--icon-radius);
}

:root, .color-scheme--main, .color-scheme--alt {
	--light-card-background: var(--white);
	--light-card-background-hover: var(--light-card-background);
	--light-card-heading-color: var(--text-dark);
	--light-card-text-color: var(--text-dark-muted);
	--light-card-link-color: var(--primary);
	--light-card-button-style: primary;
	--light-card-border-color: var(--border-color-dark);
	--dark-card-background: var(--black);
	--dark-card-background-hover: var(--dark-card-background);
	--dark-card-heading-color: var(--text-light);
	--dark-card-text-color: var(--text-light-muted);
	--dark-card-link-color: var(--primary);
	--dark-card-link-color-hover: var(--primary-hover);
	--dark-card-button-style: primary;
	--dark-card-border-color: var(--border-color-light);
}

:root {
	--fr-card-padding: , ;
}

:root {
	--col-width-s: 13rem;
	--col-width-m: 25rem;
	--col-width-l: 38rem;
	--col-rule-width-s: .5px;
	--col-rule-width-m: 1px;
	--col-rule-width-l: 3px;
}

:root {
	--sticky-s: 2.5%;
	--sticky-m: 5%;
	--sticky-l: 10%;
}

:root {
	--content-gap: var(--space-m);
	--fr-content-gap: var(--space-m);
	--container-gap: var(--space-xl);
	--fr-container-gap: var(--space-xl);
	--grid-gap: var(--space-m);
	--fr-grid-gap: var(--space-m);
	--bg-ultra-light-text: var(--text-dark);
	--bg-light-text: var(--text-dark);
	--bg-dark-text: var(--text-light);
	--bg-ultra-dark-text: var(--text-light);
	--bg-ultra-light-heading: var(--text-dark);
	--bg-light-heading: var(--text-dark);
	--bg-dark-heading: var(--text-light);
	--bg-ultra-dark-heading: var(--text-light);
	--bg-ultra-light-button: primary;
	--bg-light-button: primary;
	--bg-dark-button: primary;
	--bg-ultra-dark-button: primary;
}

:root {
	--radius: 5px;
	--radius-50: 50%;
	--radius-circle: 50vw;
	--radius-none: 0;
	--radius-xs: 2.2222222222px;
	--radius-s: 3.3333333333px;
	--radius-m: 5px;
	--radius-l: 7.5px;
	--radius-xl: 11.25px;
	--radius-xxl: 16.875px;
	--border-size: 1px;
	--border-width: 1px;
	--border-style: solid;
	--border-color-dark: var(--white);
	--border-color-light: var(--white-trans-20);
	--border: var(--border-size) var(--border-style) var(--border-color-dark);
	--border-light: var(--border-size) var(--border-style) var(--border-color-light);
	--border-dark: var(--border-size) var(--border-style) var(--border-color-dark);
}

:root {
	--divider-size: 1px;
	--divider-style: solid;
	--divider-inline-size: 100%;
	--divider-gap: var(--content-gap);
	--divider-color-dark: var(--black-trans-20);
	--divider-color-light: var(--white-trans-20);
	--divider: var(--divider-size) var(--divider-style) var(--divider-color-dark);
	--divider-light: var(--divider-size) var(--divider-style) var(--divider-color-light);
	--divider-dark: var(--divider-size) var(--divider-style) var(--divider-color-dark);
}

:root {
	--transition-duration: .3s;
	--transition-timing: ease-in-out;
	--transition-delay: 0s;
	--transition: background var(--transition-duration) var(--transition-timing) var(--transition-delay), color var(--transition-duration) var(--transition-timing) var(--transition-delay), border var(--transition-duration) var(--transition-timing) var(--transition-delay);
}

:root {
	--texture-1-background-color: var(--body-bg-color);
	--texture-1-asset: url("");
	--texture-1-asset-is-url: on;
	--texture-1-size: 200px;
	--texture-1-position: center center;
	--texture-1-attachment: scroll;
	--texture-1-repeat: repeat;
	--texture-1-relationship: none;
	--texture-1-overlay-option: off;
	--texture-1-overlay-opacity: .8;
	--texture-1-blend-mode: normal;
	--texture-1-animate-texture: off;
	--texture-1-animate-overlay: off;
	--texture-2-background-color: var(--body-bg-color);
	--texture-2-asset: url("");
	--texture-2-asset-is-url: on;
	--texture-2-size: 200px;
	--texture-2-position: center center;
	--texture-2-attachment: scroll;
	--texture-2-repeat: repeat;
	--texture-2-relationship: none;
	--texture-2-overlay-option: off;
	--texture-2-overlay-opacity: .8;
	--texture-2-blend-mode: normal;
	--texture-2-animate-texture: off;
	--texture-2-animate-overlay: off;
	--texture-3-background-color: var(--body-bg-color);
	--texture-3-asset: url("");
	--texture-3-asset-is-url: on;
	--texture-3-size: 200px;
	--texture-3-position: center center;
	--texture-3-attachment: scroll;
	--texture-3-repeat: repeat;
	--texture-3-relationship: none;
	--texture-3-overlay-option: off;
	--texture-3-overlay-opacity: .8;
	--texture-3-blend-mode: normal;
	--texture-3-animate-texture: off;
	--texture-3-animate-overlay: off;
	--texture-4-background-color: var(--body-bg-color);
	--texture-4-asset: url("");
	--texture-4-asset-is-url: on;
	--texture-4-size: 200px;
	--texture-4-position: center center;
	--texture-4-attachment: scroll;
	--texture-4-repeat: repeat;
	--texture-4-relationship: none;
	--texture-4-overlay-option: off;
	--texture-4-overlay-opacity: .8;
	--texture-4-blend-mode: normal;
	--texture-4-animate-texture: off;
	--texture-4-animate-overlay: off;
	--texture-5-background-color: var(--body-bg-color);
	--texture-5-asset: url("");
	--texture-5-asset-is-url: on;
	--texture-5-size: 200px;
	--texture-5-position: center center;
	--texture-5-attachment: scroll;
	--texture-5-repeat: repeat;
	--texture-5-relationship: none;
	--texture-5-overlay-option: off;
	--texture-5-overlay-opacity: .8;
	--texture-5-blend-mode: normal;
	--texture-5-animate-texture: off;
	--texture-5-animate-overlay: off;
}

:root {
	--icon-size: 32px;
	--icon-padding: .35em;
	--icon-radius: var(--radius);
	--icon-background: var(--primary-light);
	--icon-background-hover: var(--primary-ultra-light);
	--icon-border-color: var(--primary-dark-trans-10);
	--icon-border-color: var(--icon-light-border-color);
	--icon-border-color-hover: var(--primary-dark-trans-10);
	--icon-border-color-hover: var(--icon-light-border-color-hover);
	--icon-border-width: var(--border-width);
	--icon-border-style: var(--border-style);
	--icon-color: var(--primary-dark);
	--icon-color-hover: var(--primary-semi-dark);
	--icon-list-icon-size: 1em;
	--icon-list-gap: 1em;
	--icon-light-color: var(--primary-light);
	--icon-light-color-hover: var(--primary-ultra-light);
	--icon-light-background: var(--primary-dark);
	--icon-light-background-hover: var(--primary-ultra-dark);
	--icon-light-border-color: var(--primary-dark-trans-10);
	--icon-light-border-color-hover: var(--primary-dark-trans-10);
	--icon-dark-color: var(--primary-dark);
	--icon-dark-color-hover: var(--primary-semi-dark);
	--icon-dark-background: var(--primary-light);
	--icon-dark-background-hover: var(--primary-ultra-light);
	--icon-dark-border-color: var(--primary-dark-trans-10);
	--icon-dark-border-color-hover: var(--primary-dark-trans-10);
	--icon-size-s: 16px;
	--icon-size-m: 32px;
	--icon-size-l: 64px;
	--icon-padding-s: var(--icon-padding);
	--icon-padding-m: var(--icon-padding);
	--icon-padding-l: var(--icon-padding);
}

html {
	font-size: var(--root-font-size) !important;
}

:root {
	interpolate-size: allow-keywords;
}

*, *::before, *::after {
	box-sizing: border-box;
}

body {
	min-block-size: 100vh;
}

input, button, textarea, select {
	font: inherit;
}

@media (prefers-reduced-motion: reduce) {
	html:focus-within {
		scroll-behavior: auto;
	}
	
	*, *::before, *::after {
		-webkit-animation-duration: .01ms !important;
		animation-duration: .01ms !important;
		-webkit-animation-iteration-count: 1 !important;
		animation-iteration-count: 1 !important;
		transition-duration: .01ms !important;
		scroll-behavior: auto !important;
	}
}

:where(section:not(section section)) {
	padding-block: var(--section-padding-block);
	padding-inline: var(--gutter);
}

body:where(:not(.block-editor-writing-flow, .editor-styles-wrapper)) :where(p, h1, h2, h3, h4, h5, h6, ul, ol, li) {
	margin-block: 0;
}

.brxe-text > * + *, .brxe-post-content:where(:not([data-source="bricks"])) > * + * {
	margin-block-start: var(--flow-spacing, initial);
	margin-block-end: 0;
}

.brxe-text > * + :where(h1, h2, h3, h4, h5, h6), .brxe-post-content:where(:not([data-source="bricks"])) > * + :where(h1, h2, h3, h4, h5, h6) {
	margin-block-start: var(--heading-spacing, var(--flow-spacing, initial));
	margin-block-end: 0;
}

.brxe-text > :where(* + h2), .brxe-post-content:where(:not([data-source="bricks"])) > :where(* + h2) {
	margin-block-start: var(--h2-spacing, var(--heading-spacing));
	margin-block-end: 0;
}

.brxe-text > :where(* + h3), .brxe-post-content:where(:not([data-source="bricks"])) > :where(* + h3) {
	margin-block-start: var(--h3-spacing, var(--heading-spacing));
	margin-block-end: 0;
}

.brxe-text > :where(* + h4), .brxe-post-content:where(:not([data-source="bricks"])) > :where(* + h4) {
	margin-block-start: var(--h4-spacing, var(--heading-spacing));
	margin-block-end: 0;
}

.brxe-text > :where(* + h5), .brxe-post-content:where(:not([data-source="bricks"])) > :where(* + h5) {
	margin-block-start: var(--h5-spacing, var(--heading-spacing));
	margin-block-end: 0;
}

.brxe-text > :where(* + h6), .brxe-post-content:where(:not([data-source="bricks"])) > :where(* + h6) {
	margin-block-start: var(--h6-spacing, var(--heading-spacing));
	margin-block-end: 0;
}

.brxe-text > * + p, .brxe-post-content:where(:not([data-source="bricks"])) > * + p {
	margin-block-start: var(--paragraph-spacing, var(--flow-spacing, initial));
	margin-block-end: 0;
}

.brxe-text > :is(* + ul, * + ol), .brxe-post-content:where(:not([data-source="bricks"])) > :is(* + ul, * + ol) {
	margin-block: var(--list-spacing, var(--flow-spacing, initial));
}

.brxe-text > :is(ul, ol), .brxe-post-content:where(:not([data-source="bricks"])) > :is(ul, ol) {
	padding-inline-start: var(--list-indent-spacing, var(--flow-spacing, initial));
}

.brxe-text > ul * + li, .brxe-text > ol * + li, .brxe-post-content:where(:not([data-source="bricks"])) > ul * + li, .brxe-post-content:where(:not([data-source="bricks"])) > ol * + li {
	margin-block-start: var(--list-item-spacing, var(--flow-spacing, initial));
	margin-block-end: 0;
}

.brxe-text > * + figure, .brxe-text > * + picture, .brxe-post-content:where(:not([data-source="bricks"])) > * + figure, .brxe-post-content:where(:not([data-source="bricks"])) > * + picture {
	margin-block: var(--figure-spacing, var(--flow-spacing, initial));
}

.brxe-text > * + blockquote:where(:not(figure > blockquote)), .brxe-post-content:where(:not([data-source="bricks"])) > * + blockquote:where(:not(figure > blockquote)) {
	margin-block: var(--blockquote-spacing, var(--flow-spacing, initial));
}

.brxe-text > :is(figure, blockquote, ul, ol) + *, .brxe-post-content:where(:not([data-source="bricks"])) > :is(figure, blockquote, ul, ol) + * {
	--paragraph-spacing: 0;
	--flow-spacing: 0;
}

body :where(p:last-of-type) + :is(h1, h2, h3, h4, h5, h6) {
	margin-top: 0;
	margin-block-start: 0;
}

:not(.woocommerce-checkout) [class*="woocommerce"] * + p > * + * {
	margin-block-start: var(--flow-spacing, initial);
	margin-block-end: 0;
}

:not(.woocommerce-checkout) [class*="woocommerce"] * + p > * + :where(h1, h2, h3, h4, h5, h6) {
	margin-block-start: var(--heading-spacing, var(--flow-spacing, initial));
	margin-block-end: 0;
}

:not(.woocommerce-checkout) [class*="woocommerce"] * + p > :where(* + h2) {
	margin-block-start: var(--h2-spacing, var(--heading-spacing));
	margin-block-end: 0;
}

:not(.woocommerce-checkout) [class*="woocommerce"] * + p > :where(* + h3) {
	margin-block-start: var(--h3-spacing, var(--heading-spacing));
	margin-block-end: 0;
}

:not(.woocommerce-checkout) [class*="woocommerce"] * + p > :where(* + h4) {
	margin-block-start: var(--h4-spacing, var(--heading-spacing));
	margin-block-end: 0;
}

:not(.woocommerce-checkout) [class*="woocommerce"] * + p > :where(* + h5) {
	margin-block-start: var(--h5-spacing, var(--heading-spacing));
	margin-block-end: 0;
}

:not(.woocommerce-checkout) [class*="woocommerce"] * + p > :where(* + h6) {
	margin-block-start: var(--h6-spacing, var(--heading-spacing));
	margin-block-end: 0;
}

:not(.woocommerce-checkout) [class*="woocommerce"] * + p > * + p {
	margin-block-start: var(--paragraph-spacing, var(--flow-spacing, initial));
	margin-block-end: 0;
}

:not(.woocommerce-checkout) [class*="woocommerce"] * + p > :is(* + ul, * + ol) {
	margin-block: var(--list-spacing, var(--flow-spacing, initial));
}

:not(.woocommerce-checkout) [class*="woocommerce"] * + p > :is(ul, ol) {
	padding-inline-start: var(--list-indent-spacing, var(--flow-spacing, initial));
}

:not(.woocommerce-checkout) [class*="woocommerce"] * + p > ul * + li, :not(.woocommerce-checkout) [class*="woocommerce"] * + p > ol * + li {
	margin-block-start: var(--list-item-spacing, var(--flow-spacing, initial));
	margin-block-end: 0;
}

:not(.woocommerce-checkout) [class*="woocommerce"] * + p > ul ul, :not(.woocommerce-checkout) [class*="woocommerce"] * + p > ol ol, :not(.woocommerce-checkout) [class*="woocommerce"] * + p > ul ol, :not(.woocommerce-checkout) [class*="woocommerce"] * + p > ol ul {
	margin-block: var(--nested-list-spacing, var(--list-item-spacing, initial));
	padding-inline-start: var(--nested-list-indent-spacing, initial);
}

:not(.woocommerce-checkout) [class*="woocommerce"] * + p > :is(ul, ol) :is(ul, ol) li {
	margin-block-start: var(--nested-list-item-spacing, var(--list-item-spacing, initial));
}

:not(.woocommerce-checkout) [class*="woocommerce"] * + p > * + figure, :not(.woocommerce-checkout) [class*="woocommerce"] * + p > * + picture {
	margin-block: var(--figure-spacing, var(--flow-spacing, initial));
}

:not(.woocommerce-checkout) [class*="woocommerce"] * + p figcaption {
	margin-block: var(--figcaption-spacing, var(--flow-spacing, initial));
}

:not(.woocommerce-checkout) [class*="woocommerce"] * + p > * + blockquote:where(:not(figure > blockquote)) {
	margin-block: var(--blockquote-spacing, var(--flow-spacing, initial));
}

:not(.woocommerce-checkout) [class*="woocommerce"] * + p > blockquote * + * {
	margin-block-start: var(--paragraph-spacing, var(--flow-spacing, initial));
	margin-block-end: 0;
}

:not(.woocommerce-checkout) [class*="woocommerce"] * + p > :is(figure, blockquote, ul, ol) + * {
	--paragraph-spacing: 0;
	--flow-spacing: 0;
}

.text--light.text--light, .text--light.text--light :where(:is(h1, h2, h3, h4, h5, h6)) {
	color: var(--text-light);
}

:root, .color-scheme--main {
	--bg-ultra-light-text: var(--text-dark);
	--bg-light-text: var(--text-dark);
	--bg-dark-text: var(--text-light);
	--bg-ultra-dark-text: var(--text-light);
	--bg-ultra-light-heading: var(--text-dark);
	--bg-light-heading: var(--text-dark);
	--bg-dark-heading: var(--text-light);
	--bg-ultra-dark-heading: var(--text-light);
	--texture-1-background-color: var(--body-bg-color);
	--texture-2-background-color: var(--body-bg-color);
	--texture-3-background-color: var(--body-bg-color);
	--texture-4-background-color: var(--body-bg-color);
	--texture-5-background-color: var(--body-bg-color);
}

.margin-top--xl {
	margin-block-start: var(--space-xl);
}

.card, :is([class*="card"]:where(:not([class*="__"], [class*="wrapper"], [class*="cards"], [class*="group"]))) {
	--concentric-radius: calc(var(--radius) + var(--card-padding) / 2);
	--card-background: var(--light-card-background);
	--card-background-hover: var(--light-card-background-hover);
	--card-heading-color: var(--light-card-heading-color);
	--card-text-color: var(--light-card-text-color);
	--card-link-color: var(--light-card-link-color);
	--card-button-style: var(--light-card-button-style);
	--card-border-color: var(--light-card-border-color);
	display: var(--card-display, flex) !important;
	flex-direction: var(--card-flex-direction, column);
	position: relative;
	overflow: var(--card-overflow, clip);
	background-clip: padding-box;
	transition: var(--card-transition, var(--transition));
	font-size: var(--card-text-size, var(--text-s));
	border-width: var(--card-border-width, var(--border-width));
	border-style: var(--card-border-style, var(--border-style));
	border-color: var(--card-border-color, transparent);
	border-radius: var(--card-radius, var(--radius, 0));
	padding: var(--card-padding, var(--space-m));
	gap: var(--card-gap, var(--content-gap));
	background: var(--card-background, var(--white));
	color: var(--card-text-color, var(--text-dark));
	line-height: var(--card-line-height, inherit);
}

.card:hover, :is([class*="card"]:where(:not([class*="__"], [class*="wrapper"], [class*="cards"], [class*="group"]))):hover {
	background: var(--card-background-hover, var(--card-background));
}

.card :where([class*="__media"]:not([class*="wrapper"])), :is([class*="card"]:where(:not([class*="__"], [class*="wrapper"], [class*="cards"], [class*="group"]))) :where([class*="__media"]:not([class*="wrapper"])) {
	border-radius: var(--card-media-radius, var(--radius, 0));
	object-fit: var(--card-media-object-fit, fill);
	overflow: clip;
	inline-size: 100%;
}

.card :where([class*="__media"]:not([class*="wrapper"])) img, :is([class*="card"]:where(:not([class*="__"], [class*="wrapper"], [class*="cards"], [class*="group"]))) :where([class*="__media"]:not([class*="wrapper"])) img {
	object-fit: var(--card-media-object-fit, fill);
}

.card img[class*="__avatar"]:not([class*="wrapper"]), .card [class*="__avatar"] img, :is([class*="card"]:where(:not([class*="__"], [class*="wrapper"], [class*="cards"], [class*="group"]))) img[class*="__avatar"]:not([class*="wrapper"]), :is([class*="card"]:where(:not([class*="__"], [class*="wrapper"], [class*="cards"], [class*="group"]))) [class*="__avatar"] img {
	border-radius: var(--card-avatar-radius, 50vw);
	border-width: var(--card-avatar-border-width, 0);
	border-style: var(--card-avatar-border-style, solid);
	border-color: var(--card-avatar-border-color, transparent);
	inline-size: var(--card-avatar-size, 48px);
	block-size: var(--card-avatar-size, 48px);
	align-self: center;
	aspect-ratio: 1;
	object-fit: cover;
	overflow: clip;
}

.card :is(h1, h2, h3, h4, h5, h6), :is([class*="card"]:where(:not([class*="__"], [class*="wrapper"], [class*="cards"], [class*="group"]))) :is(h1, h2, h3, h4, h5, h6) {
	font-size: var(--card-heading-size, var(--h3));
	color: var(--card-heading-color, var(--text-dark));
}

.card :where(a):where(:not(h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, [class*="btn--"], [data-icon])), :is([class*="card"]:where(:not([class*="__"], [class*="wrapper"], [class*="cards"], [class*="group"]))) :where(a):where(:not(h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, [class*="btn--"], [data-icon])) {
	color: var(--card-link-color, var(--primary));
}

.card :where(a):where(:not(h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, [class*="btn--"], [data-icon])):hover, :is([class*="card"]:where(:not([class*="__"], [class*="wrapper"], [class*="cards"], [class*="group"]))) :where(a):where(:not(h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, [class*="btn--"], [data-icon])):hover {
	color: var(--card-link-hover-color, var(--primary-hover));
}

.card :where([class*="__icon"]), :is([class*="card"]:where(:not([class*="__"], [class*="wrapper"], [class*="cards"], [class*="group"]))) :where([class*="__icon"]) {
	--icon-radius: var(--card-icon-radius, var(--radius, 0));
	--icon-size: var(--card-icon-size, 48px);
}

.card [class*="btn--"], :is([class*="card"]:where(:not([class*="__"], [class*="wrapper"], [class*="cards"], [class*="group"]))) [class*="btn--"] {
	--btn-font-size: var(--card-button-font-size, var(--text-s));
	--btn-background: var(--primary);
	--btn-background-hover: var(--primary-hover);
	--btn-text-color: var(--base);
	--btn-text-color-hover: var(--base);
	--btn-border-color: var(--primary);
	--btn-border-color-hover: var(--primary-hover);
	--focus-color: var(--primary-light);
}

.card:where([class*="--alt"]), :is([class*="card"]:where(:not([class*="__"], [class*="wrapper"], [class*="cards"], [class*="group"]))):where([class*="--alt"]) {
	--concentric-radius: calc(var(--radius) + var(--card-padding) / 2);
	--card-background: var(--dark-card-background);
	--card-background-hover: var(--dark-card-background-hover);
	--card-heading-color: var(--dark-card-heading-color);
	--card-text-color: var(--dark-card-text-color);
	--card-link-color: var(--dark-card-link-color);
	--card-link-color-hover: var(--dark-card-link-color-hover);
	--card-button-style: var(--dark-card-button-style);
	--card-border-color: var(--dark-card-border-color);
}

.card:where([class*="--alt"]) :where([class*="__icon"]), :is([class*="card"]:where(:not([class*="__"], [class*="wrapper"], [class*="cards"], [class*="group"]))):where([class*="--alt"]) :where([class*="__icon"]) {
	--icon-radius: var(--card-icon-radius, var(--radius, 0));
	--icon-size: var(--card-icon-size, 48px);
	--icon-color: var(--primary-dark);
	--icon-color-hover: var(--primary-semi-dark);
	--icon-background: var(--primary-light);
	--icon-background-hover: var(--primary-ultra-light);
	--icon-border-color: var(--primary-dark-trans-10);
	--icon-border-color-hover: var(--primary-dark-trans-10);
}

.card:where([class*="--alt"]) :where([class*="__icon"]):is(svg, i, a), :is([class*="card"]:where(:not([class*="__"], [class*="wrapper"], [class*="cards"], [class*="group"]))):where([class*="--alt"]) :where([class*="__icon"]):is(svg, i, a) {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	box-sizing: content-box;
	color: var(--icon-color, var(--neutral-dark));
	font-size: var(--icon-size);
	height: var(--icon-height, var(--icon-size, 24px));
	width: var(--icon-width, var(--icon-size, 24px));
	transition: var(--icon-transition, var(--transition));
	padding: var(--icon-padding, 12px);
	border-width: var(--icon-border-width, 0);
	border-style: var(--icon-border-style, solid);
	border-radius: var(--icon-radius, var(--radius));
	background: var(--icon-background, var(--neutral-ultra-light));
	border-color: var(--icon-border-color, transparent);
	box-shadow: var(--icon-shadow, none);
}

.card:where([class*="--alt"]) :where([class*="__icon"]):is(i)::before, :is([class*="card"]:where(:not([class*="__"], [class*="wrapper"], [class*="cards"], [class*="group"]))):where([class*="--alt"]) :where([class*="__icon"]):is(i)::before {
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: var(--icon-size);
}

.card:where([class*="--alt"]) :where([class*="__icon"]).brxe-icon, :is([class*="card"]:where(:not([class*="__"], [class*="wrapper"], [class*="cards"], [class*="group"]))):where([class*="--alt"]) :where([class*="__icon"]).brxe-icon {
	font-size: var(--icon-size);
}

.card:where([class*="--alt"]) :where([class*="__icon"]) svg, :is([class*="card"]:where(:not([class*="__"], [class*="wrapper"], [class*="cards"], [class*="group"]))):where([class*="--alt"]) :where([class*="__icon"]) svg {
	color: var(--icon-color);
}

.card:where([class*="--alt"]) :where([class*="__icon"]):is(a):hover, .card:where([class*="--alt"]) :where([class*="__icon"]) [data-icon-hover]:hover, .card:where([class*="--alt"]) :where([class*="__icon"]) [data-icon-hover]:hover [data-icon], :is([class*="card"]:where(:not([class*="__"], [class*="wrapper"], [class*="cards"], [class*="group"]))):where([class*="--alt"]) :where([class*="__icon"]):is(a):hover, :is([class*="card"]:where(:not([class*="__"], [class*="wrapper"], [class*="cards"], [class*="group"]))):where([class*="--alt"]) :where([class*="__icon"]) [data-icon-hover]:hover, :is([class*="card"]:where(:not([class*="__"], [class*="wrapper"], [class*="cards"], [class*="group"]))):where([class*="--alt"]) :where([class*="__icon"]) [data-icon-hover]:hover [data-icon] {
	--icon-background: var(--icon-background-hover);
	--icon-color: var(--icon-color-hover);
	--icon-border-color: var(--icon-border-color-hover);
}

.card:where([class*="--alt"]) :where([data-icon]), :is([class*="card"]:where(:not([class*="__"], [class*="wrapper"], [class*="cards"], [class*="group"]))):where([class*="--alt"]) :where([data-icon]) {
	--icon-color: var(--primary-dark);
	--icon-color-hover: var(--primary-semi-dark);
	--icon-background: var(--primary-light);
	--icon-background-hover: var(--primary-ultra-light);
	--icon-border-color: var(--primary-dark-trans-10);
	--icon-border-color-hover: var(--primary-dark-trans-10);
}

.card:where([class*="--alt"]) :where([data-icon]):is(svg, i, a), :is([class*="card"]:where(:not([class*="__"], [class*="wrapper"], [class*="cards"], [class*="group"]))):where([class*="--alt"]) :where([data-icon]):is(svg, i, a) {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	box-sizing: content-box;
	color: var(--icon-color, var(--neutral-dark));
	font-size: var(--icon-size);
	height: var(--icon-height, var(--icon-size, 24px));
	width: var(--icon-width, var(--icon-size, 24px));
	transition: var(--icon-transition, var(--transition));
	padding: var(--icon-padding, 12px);
	border-width: var(--icon-border-width, 0);
	border-style: var(--icon-border-style, solid);
	border-radius: var(--icon-radius, var(--radius));
	background: var(--icon-background, var(--neutral-ultra-light));
	border-color: var(--icon-border-color, transparent);
	box-shadow: var(--icon-shadow, none);
}

.card:where([class*="--alt"]) :where([data-icon]):is(i)::before, :is([class*="card"]:where(:not([class*="__"], [class*="wrapper"], [class*="cards"], [class*="group"]))):where([class*="--alt"]) :where([data-icon]):is(i)::before {
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: var(--icon-size);
}

.card:where([class*="--alt"]) :where([data-icon]).brxe-icon, :is([class*="card"]:where(:not([class*="__"], [class*="wrapper"], [class*="cards"], [class*="group"]))):where([class*="--alt"]) :where([data-icon]).brxe-icon {
	font-size: var(--icon-size);
}

.card:where([class*="--alt"]) :where([data-icon]) svg, :is([class*="card"]:where(:not([class*="__"], [class*="wrapper"], [class*="cards"], [class*="group"]))):where([class*="--alt"]) :where([data-icon]) svg {
	color: var(--icon-color);
}

.card:where([class*="--alt"]) :where([data-icon]):is(a):hover, .card:where([class*="--alt"]) :where([data-icon]) [data-icon-hover]:hover, .card:where([class*="--alt"]) :where([data-icon]) [data-icon-hover]:hover [data-icon], :is([class*="card"]:where(:not([class*="__"], [class*="wrapper"], [class*="cards"], [class*="group"]))):where([class*="--alt"]) :where([data-icon]):is(a):hover, :is([class*="card"]:where(:not([class*="__"], [class*="wrapper"], [class*="cards"], [class*="group"]))):where([class*="--alt"]) :where([data-icon]) [data-icon-hover]:hover, :is([class*="card"]:where(:not([class*="__"], [class*="wrapper"], [class*="cards"], [class*="group"]))):where([class*="--alt"]) :where([data-icon]) [data-icon-hover]:hover [data-icon] {
	--icon-background: var(--icon-background-hover);
	--icon-color: var(--icon-color-hover);
	--icon-border-color: var(--icon-border-color-hover);
}

.card:where([class*="--alt"]) [class*="btn--"], :is([class*="card"]:where(:not([class*="__"], [class*="wrapper"], [class*="cards"], [class*="group"]))):where([class*="--alt"]) [class*="btn--"] {
	--btn-font-size: var(--card-button-font-size, var(--text-s));
	--btn-background: var(--primary);
	--btn-background-hover: var(--primary-hover);
	--btn-text-color: var(--base);
	--btn-text-color-hover: var(--base);
	--btn-border-color: var(--primary);
	--btn-border-color-hover: var(--primary-hover);
	--focus-color: var(--primary-light);
}

.card:where([class*="--light"]), :is([class*="card"]:where(:not([class*="__"], [class*="wrapper"], [class*="cards"], [class*="group"]))):where([class*="--light"]) {
	--concentric-radius: calc(var(--radius) + var(--card-padding) / 2);
	--card-background: var(--light-card-background);
	--card-background-hover: var(--light-card-background-hover);
	--card-heading-color: var(--light-card-heading-color);
	--card-text-color: var(--light-card-text-color);
	--card-link-color: var(--light-card-link-color);
	--card-button-style: var(--light-card-button-style);
	--card-border-color: var(--light-card-border-color);
}

.card:where([class*="--light"]) :where([class*="__icon"]), :is([class*="card"]:where(:not([class*="__"], [class*="wrapper"], [class*="cards"], [class*="group"]))):where([class*="--light"]) :where([class*="__icon"]) {
	--icon-radius: var(--card-icon-radius, var(--radius, 0));
	--icon-size: var(--card-icon-size, 48px);
	--icon-color: var(--primary-light);
	--icon-color-hover: var(--primary-ultra-light);
	--icon-background: var(--primary-dark);
	--icon-background-hover: var(--primary-ultra-dark);
	--icon-border-color: var(--primary-dark-trans-10);
	--icon-border-color-hover: var(--primary-dark-trans-10);
}

.card:where([class*="--light"]) :where([class*="__icon"]):is(svg, i, a), :is([class*="card"]:where(:not([class*="__"], [class*="wrapper"], [class*="cards"], [class*="group"]))):where([class*="--light"]) :where([class*="__icon"]):is(svg, i, a) {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	box-sizing: content-box;
	color: var(--icon-color, var(--neutral-dark));
	font-size: var(--icon-size);
	height: var(--icon-height, var(--icon-size, 24px));
	width: var(--icon-width, var(--icon-size, 24px));
	transition: var(--icon-transition, var(--transition));
	padding: var(--icon-padding, 12px);
	border-width: var(--icon-border-width, 0);
	border-style: var(--icon-border-style, solid);
	border-radius: var(--icon-radius, var(--radius));
	background: var(--icon-background, var(--neutral-ultra-light));
	border-color: var(--icon-border-color, transparent);
	box-shadow: var(--icon-shadow, none);
}

.card:where([class*="--light"]) :where([class*="__icon"]):is(i)::before, :is([class*="card"]:where(:not([class*="__"], [class*="wrapper"], [class*="cards"], [class*="group"]))):where([class*="--light"]) :where([class*="__icon"]):is(i)::before {
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: var(--icon-size);
}

.card:where([class*="--light"]) :where([class*="__icon"]).brxe-icon, :is([class*="card"]:where(:not([class*="__"], [class*="wrapper"], [class*="cards"], [class*="group"]))):where([class*="--light"]) :where([class*="__icon"]).brxe-icon {
	font-size: var(--icon-size);
}

.card:where([class*="--light"]) :where([class*="__icon"]) svg, :is([class*="card"]:where(:not([class*="__"], [class*="wrapper"], [class*="cards"], [class*="group"]))):where([class*="--light"]) :where([class*="__icon"]) svg {
	color: var(--icon-color);
}

.card:where([class*="--light"]) :where([class*="__icon"]):is(a):hover, .card:where([class*="--light"]) :where([class*="__icon"]) [data-icon-hover]:hover, .card:where([class*="--light"]) :where([class*="__icon"]) [data-icon-hover]:hover [data-icon], :is([class*="card"]:where(:not([class*="__"], [class*="wrapper"], [class*="cards"], [class*="group"]))):where([class*="--light"]) :where([class*="__icon"]):is(a):hover, :is([class*="card"]:where(:not([class*="__"], [class*="wrapper"], [class*="cards"], [class*="group"]))):where([class*="--light"]) :where([class*="__icon"]) [data-icon-hover]:hover, :is([class*="card"]:where(:not([class*="__"], [class*="wrapper"], [class*="cards"], [class*="group"]))):where([class*="--light"]) :where([class*="__icon"]) [data-icon-hover]:hover [data-icon] {
	--icon-background: var(--icon-background-hover);
	--icon-color: var(--icon-color-hover);
	--icon-border-color: var(--icon-border-color-hover);
}

.card:where([class*="--light"]) :where([data-icon]), :is([class*="card"]:where(:not([class*="__"], [class*="wrapper"], [class*="cards"], [class*="group"]))):where([class*="--light"]) :where([data-icon]) {
	--icon-color: var(--primary-light);
	--icon-color-hover: var(--primary-ultra-light);
	--icon-background: var(--primary-dark);
	--icon-background-hover: var(--primary-ultra-dark);
	--icon-border-color: var(--primary-dark-trans-10);
	--icon-border-color-hover: var(--primary-dark-trans-10);
}

.card:where([class*="--light"]) :where([data-icon]):is(svg, i, a), :is([class*="card"]:where(:not([class*="__"], [class*="wrapper"], [class*="cards"], [class*="group"]))):where([class*="--light"]) :where([data-icon]):is(svg, i, a) {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	box-sizing: content-box;
	color: var(--icon-color, var(--neutral-dark));
	font-size: var(--icon-size);
	height: var(--icon-height, var(--icon-size, 24px));
	width: var(--icon-width, var(--icon-size, 24px));
	transition: var(--icon-transition, var(--transition));
	padding: var(--icon-padding, 12px);
	border-width: var(--icon-border-width, 0);
	border-style: var(--icon-border-style, solid);
	border-radius: var(--icon-radius, var(--radius));
	background: var(--icon-background, var(--neutral-ultra-light));
	border-color: var(--icon-border-color, transparent);
	box-shadow: var(--icon-shadow, none);
}

.card:where([class*="--light"]) :where([data-icon]):is(i)::before, :is([class*="card"]:where(:not([class*="__"], [class*="wrapper"], [class*="cards"], [class*="group"]))):where([class*="--light"]) :where([data-icon]):is(i)::before {
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: var(--icon-size);
}

.card:where([class*="--light"]) :where([data-icon]).brxe-icon, :is([class*="card"]:where(:not([class*="__"], [class*="wrapper"], [class*="cards"], [class*="group"]))):where([class*="--light"]) :where([data-icon]).brxe-icon {
	font-size: var(--icon-size);
}

.card:where([class*="--light"]) :where([data-icon]) svg, :is([class*="card"]:where(:not([class*="__"], [class*="wrapper"], [class*="cards"], [class*="group"]))):where([class*="--light"]) :where([data-icon]) svg {
	color: var(--icon-color);
}

.card:where([class*="--light"]) :where([data-icon]):is(a):hover, .card:where([class*="--light"]) :where([data-icon]) [data-icon-hover]:hover, .card:where([class*="--light"]) :where([data-icon]) [data-icon-hover]:hover [data-icon], :is([class*="card"]:where(:not([class*="__"], [class*="wrapper"], [class*="cards"], [class*="group"]))):where([class*="--light"]) :where([data-icon]):is(a):hover, :is([class*="card"]:where(:not([class*="__"], [class*="wrapper"], [class*="cards"], [class*="group"]))):where([class*="--light"]) :where([data-icon]) [data-icon-hover]:hover, :is([class*="card"]:where(:not([class*="__"], [class*="wrapper"], [class*="cards"], [class*="group"]))):where([class*="--light"]) :where([data-icon]) [data-icon-hover]:hover [data-icon] {
	--icon-background: var(--icon-background-hover);
	--icon-color: var(--icon-color-hover);
	--icon-border-color: var(--icon-border-color-hover);
}

.card:where([class*="--light"]) [class*="btn--"], :is([class*="card"]:where(:not([class*="__"], [class*="wrapper"], [class*="cards"], [class*="group"]))):where([class*="--light"]) [class*="btn--"] {
	--btn-font-size: var(--card-button-font-size, var(--text-s));
	--btn-background: var(--primary);
	--btn-background-hover: var(--primary-hover);
	--btn-text-color: var(--base);
	--btn-text-color-hover: var(--base);
	--btn-border-color: var(--primary);
	--btn-border-color-hover: var(--primary-hover);
	--focus-color: var(--primary-light);
}

.card:where([class*="--dark"]), :is([class*="card"]:where(:not([class*="__"], [class*="wrapper"], [class*="cards"], [class*="group"]))):where([class*="--dark"]) {
	--concentric-radius: calc(var(--radius) + var(--card-padding) / 2);
	--card-background: var(--dark-card-background);
	--card-background-hover: var(--dark-card-background-hover);
	--card-heading-color: var(--dark-card-heading-color);
	--card-text-color: var(--dark-card-text-color);
	--card-link-color: var(--dark-card-link-color);
	--card-link-color-hover: var(--dark-card-link-color-hover);
	--card-button-style: var(--dark-card-button-style);
	--card-border-color: var(--dark-card-border-color);
}

.card:where([class*="--dark"]) :where([class*="__icon"]), :is([class*="card"]:where(:not([class*="__"], [class*="wrapper"], [class*="cards"], [class*="group"]))):where([class*="--dark"]) :where([class*="__icon"]) {
	--icon-radius: var(--card-icon-radius, var(--radius, 0));
	--icon-size: var(--card-icon-size, 48px);
	--icon-color: var(--primary-dark);
	--icon-color-hover: var(--primary-semi-dark);
	--icon-background: var(--primary-light);
	--icon-background-hover: var(--primary-ultra-light);
	--icon-border-color: var(--primary-dark-trans-10);
	--icon-border-color-hover: var(--primary-dark-trans-10);
}

.card:where([class*="--dark"]) :where([class*="__icon"]):is(svg, i, a), :is([class*="card"]:where(:not([class*="__"], [class*="wrapper"], [class*="cards"], [class*="group"]))):where([class*="--dark"]) :where([class*="__icon"]):is(svg, i, a) {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	box-sizing: content-box;
	color: var(--icon-color, var(--neutral-dark));
	font-size: var(--icon-size);
	height: var(--icon-height, var(--icon-size, 24px));
	width: var(--icon-width, var(--icon-size, 24px));
	transition: var(--icon-transition, var(--transition));
	padding: var(--icon-padding, 12px);
	border-width: var(--icon-border-width, 0);
	border-style: var(--icon-border-style, solid);
	border-radius: var(--icon-radius, var(--radius));
	background: var(--icon-background, var(--neutral-ultra-light));
	border-color: var(--icon-border-color, transparent);
	box-shadow: var(--icon-shadow, none);
}

.card:where([class*="--dark"]) :where([class*="__icon"]):is(i)::before, :is([class*="card"]:where(:not([class*="__"], [class*="wrapper"], [class*="cards"], [class*="group"]))):where([class*="--dark"]) :where([class*="__icon"]):is(i)::before {
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: var(--icon-size);
}

.card:where([class*="--dark"]) :where([class*="__icon"]).brxe-icon, :is([class*="card"]:where(:not([class*="__"], [class*="wrapper"], [class*="cards"], [class*="group"]))):where([class*="--dark"]) :where([class*="__icon"]).brxe-icon {
	font-size: var(--icon-size);
}

.card:where([class*="--dark"]) :where([class*="__icon"]) svg, :is([class*="card"]:where(:not([class*="__"], [class*="wrapper"], [class*="cards"], [class*="group"]))):where([class*="--dark"]) :where([class*="__icon"]) svg {
	color: var(--icon-color);
}

.card:where([class*="--dark"]) :where([class*="__icon"]):is(a):hover, .card:where([class*="--dark"]) :where([class*="__icon"]) [data-icon-hover]:hover, .card:where([class*="--dark"]) :where([class*="__icon"]) [data-icon-hover]:hover [data-icon], :is([class*="card"]:where(:not([class*="__"], [class*="wrapper"], [class*="cards"], [class*="group"]))):where([class*="--dark"]) :where([class*="__icon"]):is(a):hover, :is([class*="card"]:where(:not([class*="__"], [class*="wrapper"], [class*="cards"], [class*="group"]))):where([class*="--dark"]) :where([class*="__icon"]) [data-icon-hover]:hover, :is([class*="card"]:where(:not([class*="__"], [class*="wrapper"], [class*="cards"], [class*="group"]))):where([class*="--dark"]) :where([class*="__icon"]) [data-icon-hover]:hover [data-icon] {
	--icon-background: var(--icon-background-hover);
	--icon-color: var(--icon-color-hover);
	--icon-border-color: var(--icon-border-color-hover);
}

.card:where([class*="--dark"]) :where([data-icon]), :is([class*="card"]:where(:not([class*="__"], [class*="wrapper"], [class*="cards"], [class*="group"]))):where([class*="--dark"]) :where([data-icon]) {
	--icon-color: var(--primary-dark);
	--icon-color-hover: var(--primary-semi-dark);
	--icon-background: var(--primary-light);
	--icon-background-hover: var(--primary-ultra-light);
	--icon-border-color: var(--primary-dark-trans-10);
	--icon-border-color-hover: var(--primary-dark-trans-10);
}

.card:where([class*="--dark"]) :where([data-icon]):is(svg, i, a), :is([class*="card"]:where(:not([class*="__"], [class*="wrapper"], [class*="cards"], [class*="group"]))):where([class*="--dark"]) :where([data-icon]):is(svg, i, a) {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	box-sizing: content-box;
	color: var(--icon-color, var(--neutral-dark));
	font-size: var(--icon-size);
	height: var(--icon-height, var(--icon-size, 24px));
	width: var(--icon-width, var(--icon-size, 24px));
	transition: var(--icon-transition, var(--transition));
	padding: var(--icon-padding, 12px);
	border-width: var(--icon-border-width, 0);
	border-style: var(--icon-border-style, solid);
	border-radius: var(--icon-radius, var(--radius));
	background: var(--icon-background, var(--neutral-ultra-light));
	border-color: var(--icon-border-color, transparent);
	box-shadow: var(--icon-shadow, none);
}

.card:where([class*="--dark"]) :where([data-icon]):is(i)::before, :is([class*="card"]:where(:not([class*="__"], [class*="wrapper"], [class*="cards"], [class*="group"]))):where([class*="--dark"]) :where([data-icon]):is(i)::before {
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: var(--icon-size);
}

.card:where([class*="--dark"]) :where([data-icon]).brxe-icon, :is([class*="card"]:where(:not([class*="__"], [class*="wrapper"], [class*="cards"], [class*="group"]))):where([class*="--dark"]) :where([data-icon]).brxe-icon {
	font-size: var(--icon-size);
}

.card:where([class*="--dark"]) :where([data-icon]) svg, :is([class*="card"]:where(:not([class*="__"], [class*="wrapper"], [class*="cards"], [class*="group"]))):where([class*="--dark"]) :where([data-icon]) svg {
	color: var(--icon-color);
}

.card:where([class*="--dark"]) :where([data-icon]):is(a):hover, .card:where([class*="--dark"]) :where([data-icon]) [data-icon-hover]:hover, .card:where([class*="--dark"]) :where([data-icon]) [data-icon-hover]:hover [data-icon], :is([class*="card"]:where(:not([class*="__"], [class*="wrapper"], [class*="cards"], [class*="group"]))):where([class*="--dark"]) :where([data-icon]):is(a):hover, :is([class*="card"]:where(:not([class*="__"], [class*="wrapper"], [class*="cards"], [class*="group"]))):where([class*="--dark"]) :where([data-icon]) [data-icon-hover]:hover, :is([class*="card"]:where(:not([class*="__"], [class*="wrapper"], [class*="cards"], [class*="group"]))):where([class*="--dark"]) :where([data-icon]) [data-icon-hover]:hover [data-icon] {
	--icon-background: var(--icon-background-hover);
	--icon-color: var(--icon-color-hover);
	--icon-border-color: var(--icon-border-color-hover);
}

.card:where([class*="--dark"]) [class*="btn--"], :is([class*="card"]:where(:not([class*="__"], [class*="wrapper"], [class*="cards"], [class*="group"]))):where([class*="--dark"]) [class*="btn--"] {
	--btn-font-size: var(--card-button-font-size, var(--text-s));
	--btn-background: var(--primary);
	--btn-background-hover: var(--primary-hover);
	--btn-text-color: var(--base);
	--btn-text-color-hover: var(--base);
	--btn-border-color: var(--primary);
	--btn-border-color-hover: var(--primary-hover);
	--focus-color: var(--primary-light);
}

[class*="overlay--"] {
	position: relative;
	z-index: 0;
}

[class*="overlay--"]::before {
	content: "";
	background: var(--overlay-background);
	position: absolute;
	inset: 0;
	z-index: -1;
}

figure[class*="overlay--"]::before {
	z-index: 0;
}

:is(.text--xxl, .text--xl, .text--l, .text--m, .text--s, .text--xs), :is(.text--xxl, .text--xl, .text--l, .text--m, .text--s, .text--xs) > :is(p, li, blockquote, h1, h2, h3, h4, h5, h6, span, strong, cite) {
	line-height: var(--text-line-height);
	text-wrap: var(--text-text-wrap);
}

.text--s, .text--s > :is(p, li, blockquote, h1, h2, h3, h4, h5, h6, span, strong, cite) {
	font-size: var(--text-s);
}

[class*="line-clamp--"] {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: var(--line-count);
}

@media (max-width: 1366px) {
	[class*="breakout--"]:not(.breakout--full) {
		inline-size: 100% !important;
		max-inline-size: 100% !important;
		margin: 0 !important;
	}
}

[class*="center--"]:where(:not([class*="self"]))[class*="center--"]:where(:not([class*="self"])) {
	display: flex;
	flex-direction: column;
	align-items: var(--align-items, initial);
	align-content: var(--align-content, initial);
	justify-items: var(--justify-items, initial);
	justify-content: var(--justify-content, initial);
	text-align: var(--text-align, inherit);
}

[class*="object-fit--"], [class*="object-fit--"] img {
	-o-object-position: var(--object-position, 50% 50%);
	object-position: var(--object-position, 50% 50%);
}

:is([class*="col-count--"], [class*="col-width--"]) {
	display: block !important;
}

[class*="col-"] > * {
	break-inside: avoid;
}

:where([class*="masonry--"] > *) {
	break-inside: avoid;
	width: 100%;
}

:where([class*="masonry--"]) {
	--col-gap: var(--grid-gap);
}

:where([class*="masonry--"] > *) {
	margin-block-end: var(--grid-gap);
}

[class*="masonry"]:is([class*="gap--"], [class*="row-gap--"], [class*="content-gap"], [class*="container-gap"], [class*="grid-gap"], [class*="fr-content-gap"], [class*="fr-container-gap"], [class*="fr-grid-gap"]) > * {
	margin-block-end: var(--row-gap);
}

[class*="grid--auto"]:where(:not([class*="rows"])) {
	display: grid !important;
	grid-template-columns: var(--grid-template-columns);
	gap: var(--grid-gap);
	inline-size: 100%;
	--grid-template-columns-any: var(--grid-template-columns-fit);
	--min-formula: min(100%, max(var(--min), ( 100% - ( var(--column-count) - 1 ) * var(--grid-gap) ) / var(--column-count)));
	--grid-template-columns-fit: repeat(auto-fit, minmax(var(--min-formula), 1fr));
	--grid-template-columns-fill: repeat(auto-fill, minmax(var(--min-formula), 1fr));
}

[class*="grid--auto"]:where(:not([class*="rows"])) > * {
	min-width: 0;
	max-width: 100%;
	overflow-wrap: break-word;
}

figure[class*="width--"] img {
	inline-size: 100%;
}

[class*="aspect--"] {
	aspect-ratio: var(--aspect-ratio);
}

img[class*="aspect--"] {
	-o-object-fit: var(--object-fit, cover);
	object-fit: var(--object-fit, cover);
}

figure[class*="aspect--"] img {
	inline-size: 100%;
	block-size: 100%;
}

@supports not (aspect-ratio: 1.7777777778) {
	[class*="aspect--"]::before {
		float: left;
		padding-top: var(--aspect-fallback-value);
		content: "";
	}
	
	[class*="aspect--"]::after {
		display: block;
		content: "";
		clear: both;
	}
}

@supports (font-size: calc(1vw + 2vw)) {
	:root {
		--text-xs: calc(.75rem + ( -0.1168709751 * ( ( 100vw - 22.5rem ) / 62.875 ) ));
		--text-s: calc(.8125rem + ( 0.0314609902 * ( ( 100vw - 22.5rem ) / 62.875 ) ));
		--text-m: calc(1rem + ( .125 * ( ( 100vw - 22.5rem ) / 62.875 ) ));
		--text-l: calc(1.2rem + ( .299625 * ( ( 100vw - 22.5rem ) / 62.875 ) ));
		--text-xl: calc(1.44rem + ( 0.559000125 * ( ( 100vw - 22.5rem ) / 62.875 ) ));
		--text-xxl: calc(1.728rem + ( 0.9366671666 * ( ( 100vw - 22.5rem ) / 62.875 ) ));
		--h6: calc(.75rem + ( -0.0465233056 * ( ( 100vw - 22.5rem ) / 62.875 ) ));
		--h5: calc(.8125rem + ( 0.1252344336 * ( ( 100vw - 22.5rem ) / 62.875 ) ));
		--h4: calc(1.125rem + ( .125 * ( ( 100vw - 22.5rem ) / 62.875 ) ));
		--h3: calc(1.6875rem + ( -.02125 * ( ( 100vw - 22.5rem ) / 62.875 ) ));
		--h2: calc(2.53125rem + ( -0.31013875 * ( ( 100vw - 22.5rem ) / 62.875 ) ));
		--h1: calc(3.796875rem + ( -0.8361337038 * ( ( 100vw - 22.5rem ) / 62.875 ) ));
	}
	
	@media (min-width: 1367px) {
		:root {
			--text-xs: 0.6331290249rem;
			--text-s: 0.8439609902rem;
			--text-m: 1.125rem;
			--text-l: 1.499625rem;
			--text-xl: 1.999000125rem;
			--text-xxl: 2.6646671666rem;
			--h6: 0.7034766944rem;
			--h5: 0.9377344336rem;
			--h4: 1.25rem;
			--h3: 1.66625rem;
			--h2: 2.22111125rem;
			--h1: 2.9607412963rem;
		}
	}
}

@supports (font-size: clamp(1vw, 2vw, 3vw)) {
	:root {
		--text-xs: clamp(.75rem, calc(-0.1858782904vw + 0.7918226153rem), 0.6331290249rem);
		--text-s: clamp(.8125rem, calc(0.0500373602vw + 0.8012415939rem), 0.8439609902rem);
		--text-m: clamp(1rem, calc(0.1988071571vw + 0.9552683897rem), 1.125rem);
		--text-l: clamp(1.2rem, calc(0.4765407555vw + 1.09277833rem), 1.499625rem);
		--text-xl: clamp(1.44rem, calc(0.8890658052vw + 1.2399601938rem), 1.999000125rem);
		--text-xxl: clamp(1.728rem, calc(1.489729092vw + 1.3928109543rem), 2.6646671666rem);
		--h6: clamp(.75rem, calc(-0.073993329vw + 0.766648499rem), 0.7034766944rem);
		--h5: clamp(.8125rem, calc(0.1991800137vw + 0.7676844969rem), 0.9377344336rem);
		--h4: clamp(1.125rem, calc(0.1988071571vw + 1.0802683897rem), 1.25rem);
		--h3: clamp(1.6875rem, calc(-0.0337972167vw + 1.6951043738rem), 1.66625rem);
		--h2: clamp(2.53125rem, calc(-0.4932624254vw + 2.6422340457rem), 2.22111125rem);
		--h1: clamp(3.796875rem, calc(-1.3298349165vw + 4.0960878562rem), 2.9607412963rem);
	}
}

@supports (padding: calc(1vw + 2vw)) {
	:root {
		--space-xs: calc(0.8441720333rem + ( -0.0108386999 * ( ( 100vw - 22.5rem ) / 62.875 ) ));
		--space-s: calc(1.1252813203rem + ( 0.1247186797 * ( ( 100vw - 22.5rem ) / 62.875 ) ));
		--space-m: calc(1.5rem + ( .375 * ( ( 100vw - 22.5rem ) / 62.875 ) ));
		--space-l: calc(1.9995rem + ( .813 * ( ( 100vw - 22.5rem ) / 62.875 ) ));
		--space-xl: calc(2.6653335rem + ( 1.5534165 * ( ( 100vw - 22.5rem ) / 62.875 ) ));
		--space-xxl: calc(3.5528895555rem + ( 2.7752354445 * ( ( 100vw - 22.5rem ) / 62.875 ) ));
		--section-space-xs: calc(1.6883440665rem + ( 0.8116559335 * ( ( 100vw - 22.5rem ) / 62.875 ) ));
		--section-space-s: calc(2.2505626407rem + ( 1.4994373593 * ( ( 100vw - 22.5rem ) / 62.875 ) ));
		--section-space-m: calc(3rem + ( 2.625 * ( ( 100vw - 22.5rem ) / 62.875 ) ));
		--section-space-l: calc(3.999rem + ( 4.4385 * ( ( 100vw - 22.5rem ) / 62.875 ) ));
		--section-space-xl: calc(5.330667rem + ( 7.325583 * ( ( 100vw - 22.5rem ) / 62.875 ) ));
		--section-space-xxl: calc(7.105779111rem + ( 11.878595889 * ( ( 100vw - 22.5rem ) / 62.875 ) ));
		--section-padding-x: calc(1.25rem + ( 2.5 * ( ( 100vw - 22.5rem ) / 62.875 ) ));
		--gutter: calc(1.25rem + ( 2.5 * ( ( 100vw - 22.5rem ) / 62.875 ) ));
	}
	
	@media (min-width: 1367px) {
		:root {
			--space-xs: 0.8333333333rem;
			--space-s: 1.25rem;
			--space-m: 1.875rem;
			--space-l: 2.8125rem;
			--space-xl: 4.21875rem;
			--space-xxl: 6.328125rem;
			--section-space-xs: 2.5rem;
			--section-space-s: 3.75rem;
			--section-space-m: 5.625rem;
			--section-space-l: 8.4375rem;
			--section-space-xl: 12.65625rem;
			--section-space-xxl: 18.984375rem;
			--section-padding-x: 3.75rem;
			--gutter: 3.75rem;
		}
	}
}

@supports (padding: clamp(1vw, 2vw, 3vw)) {
	:root {
		--space-xs: clamp(0.8441720333rem, calc(-0.0172384889vw + 0.8480506933rem), 0.8333333333rem);
		--space-s: clamp(1.1252813203rem, calc(0.1983597291vw + 1.0806503813rem), 1.25rem);
		--space-m: clamp(1.5rem, calc(0.5964214712vw + 1.365805169rem), 1.875rem);
		--space-l: clamp(1.9995rem, calc(1.2930417495vw + 1.7085656064rem), 2.8125rem);
		--space-xl: clamp(2.6653335rem, calc(2.4706425447vw + 2.1094389274rem), 4.21875rem);
		--space-xxl: clamp(3.5528895555rem, calc(4.4138933511vw + 2.5597635515rem), 6.328125rem);
		--section-space-xs: clamp(1.6883440665rem, calc(1.2909040692vw + 1.3978906509rem), 2.5rem);
		--section-space-s: clamp(2.2505626407rem, calc(2.3847910288vw + 1.7139846592rem), 3.75rem);
		--section-space-m: clamp(3rem, calc(4.1749502982vw + 2.0606361829rem), 5.625rem);
		--section-space-l: clamp(3.999rem, calc(7.0592445328vw + 2.4106699801rem), 8.4375rem);
		--section-space-xl: clamp(5.330667rem, calc(11.6510266402vw + 2.709186006rem), 12.65625rem);
		--section-space-xxl: clamp(7.105779111rem, calc(18.8923990282vw + 2.8549893296rem), 18.984375rem);
		--section-padding-x: clamp(1.25rem, calc(3.9761431412vw + 0.3553677932rem), 3.75rem);
		--gutter: clamp(1.25rem, calc(3.9761431412vw + 0.3553677932rem), 3.75rem);
	}
}

section:where(:not(.bricks-shape-divider)) {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--container-gap);
}

section > div:where(:not(.bricks-shape-divider)) {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--content-gap);
}

:where(:where(.brxe-block)) {
	gap: var(--content-gap);
}

:where(:where(.brxe-div)) {
	gap: var(--content-gap);
}

section > div:where([class*="grid--"]), :where([class*="grid--"]) {
	gap: var(--grid-gap);
}

:root {
	--fr-bg-light: var(--bg-light);
	--fr-bg-dark: var(--bg-dark);
	--fr-text-light: var(--text-light);
	--fr-text-dark: var(--text-dark);
	--fr-card-padding: var(--card-padding, var(--space-m));
	--fr-card-gap: var(--card-gap, var(--space-s));
	--fr-card-border-size: var(--card-border-width, .15rem);
	--fr-card-border-color: var(--card-border-color, var(--neutral-light));
	--fr-card-border-style: var(--card-border-style, solid);
	--fr-card-radius: var(--card-radius, var(--radius));
	--fr-card-avatar-radius: var(--card-avatar-radius, 50vw);
	--fr-lede-width: 60ch;
	--fr-list-pad-y: .75em;
	--fr-list-pad-x: 1.25em;
	--fr-hero-padding: var(--section-space-xl);
}

#shadow-host-companion {
	padding: 0;
}

:where(img):not(header img), :where(figure:not(figure:has(img))) {
	border-radius: var(--radius);
}

a[class*="link--"], [class*="link--"] a, button[class*="link--"], [class*="link--"] button {
	color: var(--link-color);
	text-decoration-color: var(--link-color);
}

a[class*="link--"]:hover, [class*="link--"] a:hover, button[class*="link--"]:hover, [class*="link--"] button:hover {
	color: var(--link-color-hover);
	text-decoration-color: var(--link-color-hover);
}

button[class*="link--"], [class*="link--"] button {
	background: transparent;
}

[data-icon]:is(svg, i, a) {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	box-sizing: content-box;
	color: var(--icon-color, var(--neutral-dark));
	font-size: var(--icon-size);
	height: var(--icon-height, var(--icon-size, 24px));
	width: var(--icon-width, var(--icon-size, 24px));
	transition: var(--icon-transition, var(--transition));
	padding: var(--icon-padding, 12px);
	border-width: var(--icon-border-width, 0);
	border-style: var(--icon-border-style, solid);
	border-radius: var(--icon-radius, var(--radius));
	background: var(--icon-background, var(--neutral-ultra-light));
	border-color: var(--icon-border-color, transparent);
	box-shadow: var(--icon-shadow, none);
}

[data-icon]:is(i)::before {
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: var(--icon-size);
}

[data-icon].brxe-icon {
	font-size: var(--icon-size);
}

[data-icon] svg {
	color: var(--icon-color);
}

[data-icon]:is(a):hover, [data-icon] [data-icon-hover]:hover, [data-icon] [data-icon-hover]:hover [data-icon] {
	--icon-background: var(--icon-background-hover);
	--icon-color: var(--icon-color-hover);
	--icon-border-color: var(--icon-border-color-hover);
}

.icon--s, [data-icon-size="s"] {
	--icon-size: var(--icon-size-s);
	--icon-padding: var(--icon-padding-s);
}

.icon--m, [data-icon-size="m"] {
	--icon-size: var(--icon-size-m);
	--icon-padding: var(--icon-padding-m);
}

.icon--l, [data-icon-size="l"] {
	--icon-size: var(--icon-size-l);
	--icon-padding: var(--icon-padding-l);
}

.icon--light, [data-icon-theme="light"] {
	--icon-color: var(--primary-light);
	--icon-color-hover: var(--primary-ultra-light);
	--icon-background: var(--primary-dark);
	--icon-background-hover: var(--primary-ultra-dark);
	--icon-border-color: var(--primary-dark-trans-10);
	--icon-border-color-hover: var(--primary-dark-trans-10);
}

.icon--dark, [data-icon-theme="dark"] {
	--icon-color: var(--primary-dark);
	--icon-color-hover: var(--primary-semi-dark);
	--icon-background: var(--primary-light);
	--icon-background-hover: var(--primary-ultra-light);
	--icon-border-color: var(--primary-dark-trans-10);
	--icon-border-color-hover: var(--primary-dark-trans-10);
}

.icon--boxed, [data-icon-style="boxed"] {
	padding: var(--icon-padding, 12px);
	border-width: var(--icon-border-width, 0);
	border-style: var(--icon-border-style, solid);
	border-radius: var(--icon-radius, var(--radius));
	background: var(--icon-background, var(--neutral-ultra-light));
	border-color: var(--icon-border-color, transparent);
}

.icon--naked, [data-icon-style="naked"] {
	--icon-background: transparent;
	--icon-border-width: 0;
	--icon-padding: 0;
}

:is([data-icon-list], .icon-list) {
	display: flex;
	flex-direction: column;
	gap: var(--icon-list-gap, 1em);
}

:is([data-icon-list], .icon-list) :where(svg, i) {
	--icon-size: var(--icon-list-icon-size, 1em);
	position: relative;
	translate: var(--icon-inline-offset, 0) var(--icon-block-offset, 0);
	flex-shrink: 0;
}

:is([data-icon-list], .icon-list) :where(svg, i):is(svg, i, a) {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	box-sizing: content-box;
	color: var(--icon-color, var(--neutral-dark));
	font-size: var(--icon-size);
	height: var(--icon-height, var(--icon-size, 24px));
	width: var(--icon-width, var(--icon-size, 24px));
	transition: var(--icon-transition, var(--transition));
	box-shadow: var(--icon-shadow, none);
}

:is([data-icon-list], .icon-list) :where(svg, i):is(i)::before {
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: var(--icon-size);
}

:is([data-icon-list], .icon-list) :where(svg, i).brxe-icon {
	font-size: var(--icon-size);
}

:is([data-icon-list], .icon-list) :where(svg, i) svg {
	color: var(--icon-color);
}

:is([data-icon-list], .icon-list) a:hover {
	--icon-color: var(--icon-color-hover, var(--primary));
	--icon-background: var(--icon-background-hover, var(--primary-hover));
}

:where(a:has(> svg, > i)):hover {
	--icon-color: var(--icon-color-hover, var(--primary));
	--icon-background: var(--icon-background-hover, var(--primary-hover));
}